@dso-toolkit/core 80.0.0 → 81.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (641) hide show
  1. package/dist/bundle/dso-accordion-section.js +8 -8
  2. package/dist/bundle/dso-accordion-section.js.map +1 -1
  3. package/dist/bundle/dso-action-list-item.js +1 -1
  4. package/dist/bundle/dso-advanced-select.js +4 -4
  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-activiteit.js.map +1 -1
  8. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +7 -7
  9. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js.map +1 -1
  10. package/dist/bundle/dso-annotation-kaart.js +4 -4
  11. package/dist/bundle/dso-annotation-kaart.js.map +1 -1
  12. package/dist/bundle/dso-annotation-locatie.js +1 -1
  13. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +7 -7
  14. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js.map +1 -1
  15. package/dist/bundle/dso-attachments-counter.js +1 -1
  16. package/dist/bundle/dso-autosuggest.js +3 -3
  17. package/dist/bundle/dso-card.js +2 -2
  18. package/dist/bundle/dso-card.js.map +1 -1
  19. package/dist/bundle/dso-document-card.js +2 -2
  20. package/dist/bundle/dso-document-component.js +1 -1
  21. package/dist/bundle/dso-dropdown-menu.js +1 -1
  22. package/dist/bundle/dso-header.js +3 -3
  23. package/dist/bundle/dso-highlight-box.js +1 -1
  24. package/dist/bundle/dso-history-item.js +2 -2
  25. package/dist/bundle/dso-icon-button.js +1 -1
  26. package/dist/bundle/dso-icon.js +1 -1
  27. package/dist/bundle/dso-image-overlay.js +1 -1
  28. package/dist/bundle/dso-info-button.js +1 -1
  29. package/dist/bundle/dso-info.js +1 -1
  30. package/dist/bundle/dso-input-range.js +2 -2
  31. package/dist/bundle/dso-label.js +1 -1
  32. package/dist/bundle/dso-legend-item.js +7 -7
  33. package/dist/bundle/dso-list-button.js +7 -7
  34. package/dist/bundle/dso-list-button.js.map +1 -1
  35. package/dist/bundle/dso-logo.js +1 -1
  36. package/dist/bundle/dso-map-base-layers.js +6 -6
  37. package/dist/bundle/dso-map-controls.js +4 -4
  38. package/dist/bundle/dso-map-controls.js.map +1 -1
  39. package/dist/bundle/dso-map-overlays.js +6 -6
  40. package/dist/bundle/dso-mark-bar.js +3 -3
  41. package/dist/bundle/dso-modal.js +4 -4
  42. package/dist/bundle/dso-onboarding-tip.js +4 -3
  43. package/dist/bundle/dso-onboarding-tip.js.map +1 -1
  44. package/dist/bundle/dso-ozon-content-toggletip.d.ts +11 -0
  45. package/dist/bundle/dso-ozon-content-toggletip.js +9 -0
  46. package/dist/bundle/dso-ozon-content-toggletip.js.map +1 -0
  47. package/dist/bundle/dso-ozon-content.js +1 -1
  48. package/dist/bundle/dso-pagination.js +2 -2
  49. package/dist/bundle/dso-panel.js +1 -1
  50. package/dist/bundle/dso-plekinfo-card.js +3 -3
  51. package/dist/bundle/dso-plekinfo-card.js.map +1 -1
  52. package/dist/bundle/dso-progress-bar.js +1 -1
  53. package/dist/bundle/dso-progress-indicator.js +1 -1
  54. package/dist/bundle/dso-project-item.js +5 -5
  55. package/dist/bundle/dso-renvooi.js +1 -1
  56. package/dist/bundle/dso-responsive-element.js +1 -1
  57. package/dist/bundle/dso-scrollable.js +1 -1
  58. package/dist/bundle/dso-selectable.js +1 -1
  59. package/dist/bundle/dso-skiplink.js +2 -2
  60. package/dist/bundle/dso-slide-toggle.js +1 -1
  61. package/dist/bundle/dso-survey-rating.js +6 -6
  62. package/dist/bundle/dso-survey-rating.js.map +1 -1
  63. package/dist/bundle/dso-table.js +1 -1
  64. package/dist/bundle/dso-tabs.js +1 -1
  65. package/dist/bundle/dso-tijdreis-banner.js +2 -2
  66. package/dist/bundle/dso-toggletip.js +1 -1
  67. package/dist/bundle/dso-tooltip.js +1 -1
  68. package/dist/bundle/dso-tree-view.js +3 -3
  69. package/dist/bundle/dso-viewer-grid.js +2 -2
  70. package/dist/bundle/dso-viewer-grid.js.map +1 -1
  71. package/dist/bundle/dsot-document-component-demo.js +36 -29
  72. package/dist/bundle/dsot-document-component-demo.js.map +1 -1
  73. package/dist/bundle/index.js +2 -2
  74. package/dist/bundle/{p-DroNj8WY.js → p-B4T_HZRq.js} +3 -3
  75. package/dist/bundle/{p-DroNj8WY.js.map → p-B4T_HZRq.js.map} +1 -1
  76. package/dist/bundle/{p-uFh4xT-b.js → p-BDuXq5bx.js} +9 -9
  77. package/dist/bundle/{p-uFh4xT-b.js.map → p-BDuXq5bx.js.map} +1 -1
  78. package/dist/bundle/p-BJ43Q58h.js +116 -0
  79. package/dist/bundle/p-BJ43Q58h.js.map +1 -0
  80. package/dist/bundle/{p-D-c0uqBJ.js → p-BZCmkczj.js} +3 -3
  81. package/dist/bundle/{p-D-c0uqBJ.js.map → p-BZCmkczj.js.map} +1 -1
  82. package/dist/bundle/p-BuyCa_uF.js +101 -0
  83. package/dist/bundle/p-BuyCa_uF.js.map +1 -0
  84. package/dist/bundle/{p-CsCVe62Z.js → p-BwJ60QDk.js} +4 -4
  85. package/dist/bundle/{p-CsCVe62Z.js.map → p-BwJ60QDk.js.map} +1 -1
  86. package/dist/bundle/p-CFAsG6Ok.js +332 -0
  87. package/dist/bundle/p-CFAsG6Ok.js.map +1 -0
  88. package/dist/bundle/{p-Det0hMG3.js → p-CHxXKwET.js} +3 -3
  89. package/dist/bundle/{p-Det0hMG3.js.map → p-CHxXKwET.js.map} +1 -1
  90. package/dist/bundle/p-CN3aN7RU.js +1211 -0
  91. package/dist/bundle/p-CN3aN7RU.js.map +1 -0
  92. package/dist/bundle/{p-Bl9zHNzD.js → p-CS5wngFb.js} +3 -3
  93. package/dist/bundle/{p-Bl9zHNzD.js.map → p-CS5wngFb.js.map} +1 -1
  94. package/dist/bundle/{p-DnhRCFJX.js → p-CpYhA6kG.js} +3 -3
  95. package/dist/bundle/{p-DnhRCFJX.js.map → p-CpYhA6kG.js.map} +1 -1
  96. package/dist/bundle/{p-DCUKSco0.js → p-Cpkqb2I3.js} +4 -4
  97. package/dist/bundle/{p-DCUKSco0.js.map → p-Cpkqb2I3.js.map} +1 -1
  98. package/dist/bundle/{p-9bHGEoYf.js → p-D1M1qAkT.js} +4 -4
  99. package/dist/bundle/{p-9bHGEoYf.js.map → p-D1M1qAkT.js.map} +1 -1
  100. package/dist/bundle/{p-BR7Ow0DG.js → p-DAvYoaob.js} +5 -5
  101. package/dist/bundle/{p-BR7Ow0DG.js.map → p-DAvYoaob.js.map} +1 -1
  102. package/dist/bundle/{p-BcGxHO36.js → p-DTle6By6.js} +3 -3
  103. package/dist/bundle/{p-BcGxHO36.js.map → p-DTle6By6.js.map} +1 -1
  104. package/dist/bundle/{p-DFmQ0X-A.js → p-D_6TKRgI.js} +4 -4
  105. package/dist/bundle/{p-DFmQ0X-A.js.map → p-D_6TKRgI.js.map} +1 -1
  106. package/dist/bundle/p-Dd5JHsV3.js +111 -0
  107. package/dist/bundle/p-Dd5JHsV3.js.map +1 -0
  108. package/dist/bundle/{p-Dxl03aIO.js → p-DpzeiE9g.js} +5 -5
  109. package/dist/bundle/{p-Dxl03aIO.js.map → p-DpzeiE9g.js.map} +1 -1
  110. package/dist/bundle/{p-Bp89pCCa.js → p-Dvmo0ffo.js} +7 -7
  111. package/dist/bundle/{p-Bp89pCCa.js.map → p-Dvmo0ffo.js.map} +1 -1
  112. package/dist/bundle/{p-DGFwLEIa.js → p-UaaPHvKJ.js} +3 -3
  113. package/dist/bundle/{p-DGFwLEIa.js.map → p-UaaPHvKJ.js.map} +1 -1
  114. package/dist/bundle/p-YEwuOvaY.js +86 -0
  115. package/dist/bundle/{p-DfqdgdtQ.js.map → p-YEwuOvaY.js.map} +1 -1
  116. package/dist/bundle/{p-IsED2_lv.js → p-ZFqVNkha.js} +21 -8
  117. package/dist/bundle/p-ZFqVNkha.js.map +1 -0
  118. package/dist/bundle/{p-DT_PQZdN.js → p-fTG2YwZq.js} +5 -5
  119. package/dist/bundle/{p-DT_PQZdN.js.map → p-fTG2YwZq.js.map} +1 -1
  120. package/dist/bundle/p-nPKr7LCS.js +115 -0
  121. package/dist/bundle/{p-BwLp1fyH.js.map → p-nPKr7LCS.js.map} +1 -1
  122. package/dist/cjs/dso-accordion-section.cjs.entry.js +1 -1
  123. package/dist/cjs/dso-accordion-section.cjs.entry.js.map +1 -1
  124. package/dist/cjs/dso-accordion-section.entry.cjs.js.map +1 -1
  125. package/dist/cjs/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-ozon-content-toggletip.dso-panel.dso-table.entry.cjs.js.map +1 -0
  126. package/dist/cjs/dso-alert_7.cjs.entry.js +1497 -0
  127. package/dist/cjs/dso-alert_7.cjs.entry.js.map +1 -0
  128. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +1 -1
  129. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js.map +1 -1
  130. package/dist/cjs/dso-annotation-activiteit.entry.cjs.js.map +1 -1
  131. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +1 -1
  132. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js.map +1 -1
  133. package/dist/cjs/dso-annotation-gebiedsaanwijzing.entry.cjs.js.map +1 -1
  134. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +1 -1
  135. package/dist/cjs/dso-annotation-kaart.cjs.entry.js.map +1 -1
  136. package/dist/cjs/dso-annotation-kaart.entry.cjs.js.map +1 -1
  137. package/dist/cjs/dso-annotation-locatie.dso-document-component.entry.cjs.js.map +1 -1
  138. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +13 -14
  139. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js.map +1 -1
  140. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +1 -1
  141. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js.map +1 -1
  142. package/dist/cjs/dso-annotation-omgevingsnormwaarde.entry.cjs.js.map +1 -1
  143. package/dist/cjs/dso-card.cjs.entry.js +1 -1
  144. package/dist/cjs/dso-card.cjs.entry.js.map +1 -1
  145. package/dist/cjs/dso-card.entry.cjs.js.map +1 -1
  146. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  147. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +1 -1
  148. package/dist/cjs/dso-header.cjs.entry.js +1 -1
  149. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  150. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  151. package/dist/cjs/dso-icon-button.cjs.entry.js +4 -12
  152. package/dist/cjs/dso-icon-button.cjs.entry.js.map +1 -1
  153. package/dist/cjs/dso-icon-button.entry.cjs.js.map +1 -1
  154. package/dist/cjs/dso-icon.cjs.entry.js +1 -1
  155. package/dist/cjs/dso-info-button.cjs.entry.js +1 -1
  156. package/dist/cjs/dso-info.dso-selectable.entry.cjs.js.map +1 -1
  157. package/dist/cjs/dso-info_2.cjs.entry.js +17 -4
  158. package/dist/cjs/dso-info_2.cjs.entry.js.map +1 -1
  159. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  160. package/dist/cjs/dso-label.dso-renvooi.dso-slide-toggle.entry.cjs.js.map +1 -1
  161. package/dist/cjs/dso-label_3.cjs.entry.js +6 -6
  162. package/dist/cjs/dso-label_3.cjs.entry.js.map +1 -1
  163. package/dist/cjs/dso-legend-item.cjs.entry.js +1 -1
  164. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  165. package/dist/cjs/dso-list-button.cjs.entry.js.map +1 -1
  166. package/dist/cjs/dso-list-button.entry.cjs.js.map +1 -1
  167. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  168. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  169. package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
  170. package/dist/cjs/dso-map-controls.cjs.entry.js.map +1 -1
  171. package/dist/cjs/dso-map-controls.entry.cjs.js.map +1 -1
  172. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  173. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  174. package/dist/cjs/dso-modal.cjs.entry.js +1 -1
  175. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +1 -1
  176. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +2 -2
  177. package/dist/cjs/dso-plekinfo-card.cjs.entry.js.map +1 -1
  178. package/dist/cjs/dso-plekinfo-card.entry.cjs.js.map +1 -1
  179. package/dist/cjs/dso-progress-bar.cjs.entry.js +1 -1
  180. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  181. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  182. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  183. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  184. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  185. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  186. package/dist/cjs/dso-survey-rating.cjs.entry.js.map +1 -1
  187. package/dist/cjs/dso-survey-rating.entry.cjs.js.map +1 -1
  188. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  189. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
  190. package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
  191. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  192. package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
  193. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  194. package/dist/cjs/dso-viewer-grid.cjs.entry.js +2 -2
  195. package/dist/cjs/dso-viewer-grid.cjs.entry.js.map +1 -1
  196. package/dist/cjs/dso-viewer-grid.entry.cjs.js.map +1 -1
  197. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +5 -5
  198. package/dist/cjs/dsot-document-component-demo.cjs.entry.js.map +1 -1
  199. package/dist/cjs/dsot-document-component-demo.entry.cjs.js.map +1 -1
  200. package/dist/cjs/loader.cjs.js +1 -1
  201. package/dist/cjs/parse-wijzigactie-from-node.function-DVYsomcI.js +29 -0
  202. package/dist/cjs/parse-wijzigactie-from-node.function-DVYsomcI.js.map +1 -0
  203. package/dist/cjs/tooltip.functional-component-CD9AUuU7.js +18 -0
  204. package/dist/cjs/tooltip.functional-component-CD9AUuU7.js.map +1 -0
  205. package/dist/collection/collection-manifest.json +1 -1
  206. package/dist/collection/components/accordion/components/accordion-section.css +3 -2
  207. package/dist/collection/components/annotation/annotation.css +6 -3
  208. package/dist/collection/components/card/card.css +3 -3
  209. package/dist/collection/components/document-card/document-card.js +1 -1
  210. package/dist/collection/components/document-component/document-component.css +28 -102
  211. package/dist/collection/components/document-component/document-component.interfaces.js.map +1 -1
  212. package/dist/collection/components/document-component/document-component.js +44 -17
  213. package/dist/collection/components/document-component/document-component.js.map +1 -1
  214. package/dist/collection/components/document-component-demo/document-component.demo.js +38 -11
  215. package/dist/collection/components/document-component-demo/document-component.demo.js.map +1 -1
  216. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  217. package/dist/collection/components/header/header.js +1 -1
  218. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  219. package/dist/collection/components/history-item/history-item.js +1 -1
  220. package/dist/collection/components/icon/icon.js +1 -1
  221. package/dist/collection/components/icon-button/icon-button.css +11 -21
  222. package/dist/collection/components/icon-button/icon-button.js +1 -1
  223. package/dist/collection/components/image-overlay/image-overlay.css +6 -0
  224. package/dist/collection/components/info/info.js +1 -1
  225. package/dist/collection/components/info-button/info-button.js +1 -1
  226. package/dist/collection/components/input-range/input-range.js +2 -2
  227. package/dist/collection/components/label/label.css +3 -0
  228. package/dist/collection/components/label/label.js +3 -3
  229. package/dist/collection/components/legend-item/legend-item.js +1 -1
  230. package/dist/collection/components/list-button/list-button.css +1 -14
  231. package/dist/collection/components/list-button/list-button.js +1 -1
  232. package/dist/collection/components/logo/logo.js +1 -1
  233. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  234. package/dist/collection/components/map-controls/map-controls.css +19 -99
  235. package/dist/collection/components/map-controls/map-controls.js +1 -1
  236. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  237. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  238. package/dist/collection/components/modal/modal.js +1 -1
  239. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  240. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.css +108 -0
  241. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +109 -0
  242. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js.map +1 -0
  243. package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js +10 -16
  244. package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js.map +1 -1
  245. package/dist/collection/components/ozon-content/nodes/int-ref.node.js +16 -16
  246. package/dist/collection/components/ozon-content/nodes/int-ref.node.js.map +1 -1
  247. package/dist/collection/components/ozon-content/nodes/noot.node.js.map +1 -1
  248. package/dist/collection/components/ozon-content/ozon-content-context.interface.js.map +1 -1
  249. package/dist/collection/components/ozon-content/ozon-content-mapper.js +5 -21
  250. package/dist/collection/components/ozon-content/ozon-content-mapper.js.map +1 -1
  251. package/dist/collection/components/ozon-content/ozon-content-node-context.interface.js.map +1 -1
  252. package/dist/collection/components/ozon-content/ozon-content.css +41 -139
  253. package/dist/collection/components/ozon-content/ozon-content.interfaces.js.map +1 -1
  254. package/dist/collection/components/ozon-content/ozon-content.js +29 -26
  255. package/dist/collection/components/ozon-content/ozon-content.js.map +1 -1
  256. package/dist/collection/components/plekinfo-card/plekinfo-card.css +3 -0
  257. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  258. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  259. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  260. package/dist/collection/components/project-item/project-item.js +1 -1
  261. package/dist/collection/components/renvooi/renvooi.css +3 -0
  262. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  263. package/dist/collection/components/scrollable/scrollable.js +2 -2
  264. package/dist/collection/components/selectable/selectable.js +1 -1
  265. package/dist/collection/components/skiplink/skiplink.js +1 -1
  266. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  267. package/dist/collection/components/survey-rating/survey-rating.css +5 -10
  268. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  269. package/dist/collection/components/table/table.css +19 -99
  270. package/dist/collection/components/table/table.js +1 -1
  271. package/dist/collection/components/tabs/tabs.js +1 -1
  272. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  273. package/dist/collection/components/toggletip/toggletip.js +1 -1
  274. package/dist/collection/components/tooltip/tooltip.js +1 -1
  275. package/dist/collection/components/tree-view/tree-view.js +1 -1
  276. package/dist/collection/components/viewer-grid/viewer-grid.css +2 -16
  277. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  278. package/dist/collection/utils/parse-xml.js +17 -0
  279. package/dist/collection/utils/parse-xml.js.map +1 -0
  280. package/dist/components/annotation-locatie.js +1 -1
  281. package/dist/components/annotation-locatie.js.map +1 -1
  282. package/dist/components/document-component.js +32 -26
  283. package/dist/components/document-component.js.map +1 -1
  284. package/dist/components/dropdown-menu.js +1 -1
  285. package/dist/components/dso-accordion-section.js +1 -1
  286. package/dist/components/dso-accordion-section.js.map +1 -1
  287. package/dist/components/dso-annotation-activiteit.js +1 -1
  288. package/dist/components/dso-annotation-activiteit.js.map +1 -1
  289. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  290. package/dist/components/dso-annotation-gebiedsaanwijzing.js.map +1 -1
  291. package/dist/components/dso-annotation-kaart.js +1 -1
  292. package/dist/components/dso-annotation-kaart.js.map +1 -1
  293. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  294. package/dist/components/dso-annotation-omgevingsnormwaarde.js.map +1 -1
  295. package/dist/components/dso-card.js +1 -1
  296. package/dist/components/dso-card.js.map +1 -1
  297. package/dist/components/dso-document-card.js +1 -1
  298. package/dist/components/dso-header.js +1 -1
  299. package/dist/components/dso-highlight-box.js +1 -1
  300. package/dist/components/dso-history-item.js +1 -1
  301. package/dist/components/dso-input-range.js +2 -2
  302. package/dist/components/dso-legend-item.js +1 -1
  303. package/dist/components/dso-list-button.js +2 -2
  304. package/dist/components/dso-list-button.js.map +1 -1
  305. package/dist/components/dso-logo.js +1 -1
  306. package/dist/components/dso-map-base-layers.js +1 -1
  307. package/dist/components/dso-map-controls.js +2 -2
  308. package/dist/components/dso-map-controls.js.map +1 -1
  309. package/dist/components/dso-map-overlays.js +1 -1
  310. package/dist/components/dso-mark-bar.js +1 -1
  311. package/dist/components/dso-modal.js +1 -1
  312. package/dist/components/dso-onboarding-tip.js +3 -2
  313. package/dist/components/dso-onboarding-tip.js.map +1 -1
  314. package/dist/components/dso-ozon-content-toggletip.d.ts +11 -0
  315. package/dist/components/dso-ozon-content-toggletip.js +9 -0
  316. package/dist/components/dso-ozon-content-toggletip.js.map +1 -0
  317. package/dist/components/dso-plekinfo-card.js +2 -2
  318. package/dist/components/dso-plekinfo-card.js.map +1 -1
  319. package/dist/components/dso-progress-bar.js +1 -1
  320. package/dist/components/dso-project-item.js +1 -1
  321. package/dist/components/dso-skiplink.js +1 -1
  322. package/dist/components/dso-survey-rating.js +3 -3
  323. package/dist/components/dso-survey-rating.js.map +1 -1
  324. package/dist/components/dso-tabs.js +1 -1
  325. package/dist/components/dso-tijdreis-banner.js +1 -1
  326. package/dist/components/dso-tree-view.js +1 -1
  327. package/dist/components/dso-viewer-grid.js +2 -2
  328. package/dist/components/dso-viewer-grid.js.map +1 -1
  329. package/dist/components/dsot-document-component-demo.js +30 -23
  330. package/dist/components/dsot-document-component-demo.js.map +1 -1
  331. package/dist/components/icon-button.js +5 -109
  332. package/dist/components/icon-button.js.map +1 -1
  333. package/dist/components/icon.js +1 -1
  334. package/dist/components/image-overlay.js +1 -1
  335. package/dist/components/image-overlay.js.map +1 -1
  336. package/dist/components/index.d.ts +2 -2
  337. package/dist/components/index.js +1 -1
  338. package/dist/components/info-button.js +1 -1
  339. package/dist/components/info.js +1 -1
  340. package/dist/components/label.js +4 -4
  341. package/dist/components/label.js.map +1 -1
  342. package/dist/components/ozon-content-toggletip.js +101 -0
  343. package/dist/components/ozon-content-toggletip.js.map +1 -0
  344. package/dist/components/ozon-content.js +78 -63
  345. package/dist/components/ozon-content.js.map +1 -1
  346. package/dist/components/progress-indicator.js +1 -1
  347. package/dist/components/renvooi.js +1 -1
  348. package/dist/components/renvooi.js.map +1 -1
  349. package/dist/components/responsive-element.js +1 -1
  350. package/dist/components/scrollable.js +2 -2
  351. package/dist/components/selectable.js +15 -2
  352. package/dist/components/selectable.js.map +1 -1
  353. package/dist/components/slide-toggle.js +1 -1
  354. package/dist/components/table.js +2 -2
  355. package/dist/components/table.js.map +1 -1
  356. package/dist/components/toggletip.js +1 -1
  357. package/dist/components/tooltip.functional-component.js +111 -0
  358. package/dist/components/tooltip.functional-component.js.map +1 -0
  359. package/dist/components/tooltip.js +1 -1
  360. package/dist/dso-toolkit/dso-accordion-section.entry.esm.js.map +1 -1
  361. package/dist/dso-toolkit/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-ozon-content-toggletip.dso-panel.dso-table.entry.esm.js.map +1 -0
  362. package/dist/dso-toolkit/dso-annotation-activiteit.entry.esm.js.map +1 -1
  363. package/dist/dso-toolkit/dso-annotation-gebiedsaanwijzing.entry.esm.js.map +1 -1
  364. package/dist/dso-toolkit/dso-annotation-kaart.entry.esm.js.map +1 -1
  365. package/dist/dso-toolkit/dso-annotation-locatie.dso-document-component.entry.esm.js.map +1 -1
  366. package/dist/dso-toolkit/dso-annotation-omgevingsnormwaarde.entry.esm.js.map +1 -1
  367. package/dist/dso-toolkit/dso-card.entry.esm.js.map +1 -1
  368. package/dist/dso-toolkit/dso-icon-button.entry.esm.js.map +1 -1
  369. package/dist/dso-toolkit/dso-info.dso-selectable.entry.esm.js.map +1 -1
  370. package/dist/dso-toolkit/dso-label.dso-renvooi.dso-slide-toggle.entry.esm.js.map +1 -1
  371. package/dist/dso-toolkit/dso-list-button.entry.esm.js.map +1 -1
  372. package/dist/dso-toolkit/dso-map-controls.entry.esm.js.map +1 -1
  373. package/dist/dso-toolkit/dso-plekinfo-card.entry.esm.js.map +1 -1
  374. package/dist/dso-toolkit/dso-survey-rating.entry.esm.js.map +1 -1
  375. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  376. package/dist/dso-toolkit/dso-viewer-grid.entry.esm.js.map +1 -1
  377. package/dist/dso-toolkit/dsot-document-component-demo.entry.esm.js.map +1 -1
  378. package/dist/dso-toolkit/{p-808ce903.entry.js → p-07220932.entry.js} +2 -2
  379. package/dist/dso-toolkit/{p-44415d94.entry.js → p-0a496a26.entry.js} +2 -2
  380. package/dist/dso-toolkit/p-0ee97f84.entry.js +2 -0
  381. package/dist/dso-toolkit/{p-ad1ddba2.entry.js.map → p-0ee97f84.entry.js.map} +1 -1
  382. package/dist/dso-toolkit/{p-1da633fc.entry.js → p-19019f3b.entry.js} +2 -2
  383. package/dist/dso-toolkit/p-24bd7e04.entry.js +2 -0
  384. package/dist/dso-toolkit/p-24bd7e04.entry.js.map +1 -0
  385. package/dist/dso-toolkit/{p-d01cf064.entry.js → p-2787bc48.entry.js} +2 -2
  386. package/dist/dso-toolkit/p-27eac763.entry.js +2 -0
  387. package/dist/dso-toolkit/{p-0cdc3e10.entry.js.map → p-27eac763.entry.js.map} +1 -1
  388. package/dist/dso-toolkit/{p-e882b88b.entry.js → p-2d35ce14.entry.js} +2 -2
  389. package/dist/dso-toolkit/p-32b64025.entry.js +2 -0
  390. package/dist/dso-toolkit/{p-862f3439.entry.js.map → p-32b64025.entry.js.map} +1 -1
  391. package/dist/dso-toolkit/{p-eee489f1.entry.js → p-3bc30158.entry.js} +2 -2
  392. package/dist/dso-toolkit/{p-eee489f1.entry.js.map → p-3bc30158.entry.js.map} +1 -1
  393. package/dist/dso-toolkit/{p-616021ab.entry.js → p-4341eaab.entry.js} +2 -2
  394. package/dist/dso-toolkit/{p-efbfd246.entry.js.map → p-4341eaab.entry.js.map} +1 -1
  395. package/dist/dso-toolkit/{p-c6cd153d.entry.js → p-4593ea95.entry.js} +2 -2
  396. package/dist/dso-toolkit/{p-987406fd.entry.js → p-4a07fb41.entry.js} +2 -2
  397. package/dist/dso-toolkit/p-556f5935.entry.js +2 -0
  398. package/dist/dso-toolkit/{p-3f0c80ce.entry.js.map → p-556f5935.entry.js.map} +1 -1
  399. package/dist/dso-toolkit/p-573b9046.entry.js +2 -0
  400. package/dist/dso-toolkit/{p-616021ab.entry.js.map → p-573b9046.entry.js.map} +1 -1
  401. package/dist/dso-toolkit/{p-7fd4c991.entry.js → p-6215779a.entry.js} +2 -2
  402. package/dist/dso-toolkit/p-622e11c0.entry.js +2 -0
  403. package/dist/dso-toolkit/{p-7f686292.entry.js.map → p-622e11c0.entry.js.map} +1 -1
  404. package/dist/dso-toolkit/{p-649ea683.entry.js → p-663fb2ee.entry.js} +2 -2
  405. package/dist/dso-toolkit/{p-706da18c.entry.js → p-6a578760.entry.js} +2 -2
  406. package/dist/dso-toolkit/{p-10e924eb.entry.js → p-70ea6c42.entry.js} +2 -2
  407. package/dist/dso-toolkit/{p-47713848.entry.js → p-76f0c45e.entry.js} +2 -2
  408. package/dist/dso-toolkit/{p-8a5f5ada.entry.js → p-7883dfda.entry.js} +2 -2
  409. package/dist/dso-toolkit/{p-20b31a44.entry.js → p-7fed0288.entry.js} +2 -2
  410. package/dist/dso-toolkit/{p-d80d3ce8.entry.js → p-847af791.entry.js} +2 -2
  411. package/dist/dso-toolkit/p-9232e376.entry.js +2 -0
  412. package/dist/dso-toolkit/{p-bdccacb5.entry.js.map → p-9232e376.entry.js.map} +1 -1
  413. package/dist/dso-toolkit/p-932b7006.entry.js +2 -0
  414. package/dist/dso-toolkit/p-932b7006.entry.js.map +1 -0
  415. package/dist/dso-toolkit/{p-2e304f75.entry.js → p-9b37f2a1.entry.js} +2 -2
  416. package/dist/dso-toolkit/p-BlB0--wP.js +2 -0
  417. package/dist/dso-toolkit/p-BlB0--wP.js.map +1 -0
  418. package/dist/dso-toolkit/p-DD1v6_X_.js +2 -0
  419. package/dist/dso-toolkit/p-DD1v6_X_.js.map +1 -0
  420. package/dist/dso-toolkit/{p-26966325.entry.js → p-a2d60908.entry.js} +2 -2
  421. package/dist/dso-toolkit/{p-8972246f.entry.js → p-a61e4944.entry.js} +2 -2
  422. package/dist/dso-toolkit/{p-33220be0.entry.js → p-a96fc5f8.entry.js} +2 -2
  423. package/dist/dso-toolkit/p-aa1b8321.entry.js +2 -0
  424. package/dist/dso-toolkit/p-aa1b8321.entry.js.map +1 -0
  425. package/dist/dso-toolkit/{p-4d590a9d.entry.js → p-acdbeafd.entry.js} +2 -2
  426. package/dist/dso-toolkit/p-b12a966f.entry.js +2 -0
  427. package/dist/dso-toolkit/{p-116f645b.entry.js.map → p-b12a966f.entry.js.map} +1 -1
  428. package/dist/dso-toolkit/{p-9fd36887.entry.js → p-b3f2cf42.entry.js} +2 -2
  429. package/dist/dso-toolkit/{p-10ac0424.entry.js → p-b52165a0.entry.js} +2 -2
  430. package/dist/dso-toolkit/{p-43ba1098.entry.js → p-c8def649.entry.js} +2 -2
  431. package/dist/dso-toolkit/p-d14bcff7.entry.js +2 -0
  432. package/dist/dso-toolkit/{p-8e1c7f7a.entry.js.map → p-d14bcff7.entry.js.map} +1 -1
  433. package/dist/dso-toolkit/{p-b92a01d1.entry.js → p-d84f1295.entry.js} +2 -2
  434. package/dist/dso-toolkit/{p-b92a01d1.entry.js.map → p-d84f1295.entry.js.map} +1 -1
  435. package/dist/dso-toolkit/p-da3c8097.entry.js +2 -0
  436. package/dist/dso-toolkit/p-e5f7cfd3.entry.js +2 -0
  437. package/dist/dso-toolkit/{p-2512c5f5.entry.js.map → p-e5f7cfd3.entry.js.map} +1 -1
  438. package/dist/dso-toolkit/p-ebef2eef.entry.js +2 -0
  439. package/dist/dso-toolkit/p-ebef2eef.entry.js.map +1 -0
  440. package/dist/dso-toolkit/{p-08643f11.entry.js → p-eceff1ea.entry.js} +2 -2
  441. package/dist/dso-toolkit/{p-9f178660.entry.js → p-f07bf097.entry.js} +2 -2
  442. package/dist/esm/dso-accordion-section.entry.js +1 -1
  443. package/dist/esm/dso-accordion-section.entry.js.map +1 -1
  444. package/dist/esm/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-ozon-content-toggletip.dso-panel.dso-table.entry.js.map +1 -0
  445. package/dist/esm/dso-alert_7.entry.js +1489 -0
  446. package/dist/esm/dso-alert_7.entry.js.map +1 -0
  447. package/dist/esm/dso-annotation-activiteit.entry.js +1 -1
  448. package/dist/esm/dso-annotation-activiteit.entry.js.map +1 -1
  449. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +1 -1
  450. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js.map +1 -1
  451. package/dist/esm/dso-annotation-kaart.entry.js +1 -1
  452. package/dist/esm/dso-annotation-kaart.entry.js.map +1 -1
  453. package/dist/esm/dso-annotation-locatie.dso-document-component.entry.js.map +1 -1
  454. package/dist/esm/dso-annotation-locatie_2.entry.js +13 -14
  455. package/dist/esm/dso-annotation-locatie_2.entry.js.map +1 -1
  456. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +1 -1
  457. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js.map +1 -1
  458. package/dist/esm/dso-card.entry.js +1 -1
  459. package/dist/esm/dso-card.entry.js.map +1 -1
  460. package/dist/esm/dso-document-card.entry.js +1 -1
  461. package/dist/esm/dso-dropdown-menu.entry.js +1 -1
  462. package/dist/esm/dso-header.entry.js +1 -1
  463. package/dist/esm/dso-highlight-box.entry.js +1 -1
  464. package/dist/esm/dso-history-item.entry.js +1 -1
  465. package/dist/esm/dso-icon-button.entry.js +5 -13
  466. package/dist/esm/dso-icon-button.entry.js.map +1 -1
  467. package/dist/esm/dso-icon.entry.js +1 -1
  468. package/dist/esm/dso-info-button.entry.js +1 -1
  469. package/dist/esm/dso-info.dso-selectable.entry.js.map +1 -1
  470. package/dist/esm/dso-info_2.entry.js +16 -3
  471. package/dist/esm/dso-info_2.entry.js.map +1 -1
  472. package/dist/esm/dso-input-range.entry.js +2 -2
  473. package/dist/esm/dso-label.dso-renvooi.dso-slide-toggle.entry.js.map +1 -1
  474. package/dist/esm/dso-label_3.entry.js +6 -6
  475. package/dist/esm/dso-label_3.entry.js.map +1 -1
  476. package/dist/esm/dso-legend-item.entry.js +1 -1
  477. package/dist/esm/dso-list-button.entry.js +2 -2
  478. package/dist/esm/dso-list-button.entry.js.map +1 -1
  479. package/dist/esm/dso-logo.entry.js +1 -1
  480. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  481. package/dist/esm/dso-map-controls.entry.js +2 -2
  482. package/dist/esm/dso-map-controls.entry.js.map +1 -1
  483. package/dist/esm/dso-map-overlays.entry.js +1 -1
  484. package/dist/esm/dso-mark-bar.entry.js +1 -1
  485. package/dist/esm/dso-modal.entry.js +1 -1
  486. package/dist/esm/dso-onboarding-tip.entry.js +1 -1
  487. package/dist/esm/dso-plekinfo-card.entry.js +2 -2
  488. package/dist/esm/dso-plekinfo-card.entry.js.map +1 -1
  489. package/dist/esm/dso-progress-bar.entry.js +1 -1
  490. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  491. package/dist/esm/dso-project-item.entry.js +1 -1
  492. package/dist/esm/dso-responsive-element.entry.js +1 -1
  493. package/dist/esm/dso-scrollable.entry.js +2 -2
  494. package/dist/esm/dso-skiplink.entry.js +1 -1
  495. package/dist/esm/dso-survey-rating.entry.js +3 -3
  496. package/dist/esm/dso-survey-rating.entry.js.map +1 -1
  497. package/dist/esm/dso-tabs.entry.js +1 -1
  498. package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
  499. package/dist/esm/dso-toggletip.entry.js +1 -1
  500. package/dist/esm/dso-toolkit.js +1 -1
  501. package/dist/esm/dso-tooltip.entry.js +1 -1
  502. package/dist/esm/dso-tree-view.entry.js +1 -1
  503. package/dist/esm/dso-viewer-grid.entry.js +2 -2
  504. package/dist/esm/dso-viewer-grid.entry.js.map +1 -1
  505. package/dist/esm/dsot-document-component-demo.entry.js +5 -5
  506. package/dist/esm/dsot-document-component-demo.entry.js.map +1 -1
  507. package/dist/esm/loader.js +1 -1
  508. package/dist/esm/parse-wijzigactie-from-node.function-DD1v6_X_.js +26 -0
  509. package/dist/esm/parse-wijzigactie-from-node.function-DD1v6_X_.js.map +1 -0
  510. package/dist/esm/tooltip.functional-component-B6RTdaZw.js +16 -0
  511. package/dist/esm/tooltip.functional-component-B6RTdaZw.js.map +1 -0
  512. package/dist/types/components/document-component/document-component.d.ts +8 -5
  513. package/dist/types/components/document-component/document-component.interfaces.d.ts +4 -4
  514. package/dist/types/components/document-component-demo/document-component.demo.d.ts +9 -5
  515. package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts +20 -0
  516. package/dist/types/components/ozon-content/nodes/int-io-ref.node.d.ts +1 -1
  517. package/dist/types/components/ozon-content/nodes/int-ref.node.d.ts +1 -1
  518. package/dist/types/components/ozon-content/ozon-content-context.interface.d.ts +2 -2
  519. package/dist/types/components/ozon-content/ozon-content-mapper.d.ts +0 -2
  520. package/dist/types/components/ozon-content/ozon-content-node-context.interface.d.ts +2 -2
  521. package/dist/types/components/ozon-content/ozon-content.d.ts +5 -5
  522. package/dist/types/components/ozon-content/ozon-content.interfaces.d.ts +9 -9
  523. package/dist/types/components.d.ts +62 -194
  524. package/dist/types/utils/parse-xml.d.ts +1 -0
  525. package/package.json +3 -3
  526. package/dist/bundle/dso-date-picker-legacy.d.ts +0 -11
  527. package/dist/bundle/dso-date-picker-legacy.js +0 -773
  528. package/dist/bundle/dso-date-picker-legacy.js.map +0 -1
  529. package/dist/bundle/p-B5BPyp6o.js +0 -220
  530. package/dist/bundle/p-B5BPyp6o.js.map +0 -1
  531. package/dist/bundle/p-B8bBvups.js +0 -326
  532. package/dist/bundle/p-B8bBvups.js.map +0 -1
  533. package/dist/bundle/p-BwLp1fyH.js +0 -115
  534. package/dist/bundle/p-DGU5h4Ld.js +0 -1196
  535. package/dist/bundle/p-DGU5h4Ld.js.map +0 -1
  536. package/dist/bundle/p-DSyv-znO.js +0 -18
  537. package/dist/bundle/p-DSyv-znO.js.map +0 -1
  538. package/dist/bundle/p-DfqdgdtQ.js +0 -86
  539. package/dist/bundle/p-IsED2_lv.js.map +0 -1
  540. package/dist/cjs/create-identifier-C3Yh-YGw.js +0 -20
  541. package/dist/cjs/create-identifier-C3Yh-YGw.js.map +0 -1
  542. package/dist/cjs/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-panel.dso-table.entry.cjs.js.map +0 -1
  543. package/dist/cjs/dso-alert_6.cjs.entry.js +0 -1433
  544. package/dist/cjs/dso-alert_6.cjs.entry.js.map +0 -1
  545. package/dist/cjs/dso-date-picker-legacy.cjs.entry.js +0 -732
  546. package/dist/cjs/dso-date-picker-legacy.cjs.entry.js.map +0 -1
  547. package/dist/cjs/dso-date-picker-legacy.entry.cjs.js.map +0 -1
  548. package/dist/cjs/parse-wijzigactie-from-node.function-BSyDFa0d.js +0 -11
  549. package/dist/cjs/parse-wijzigactie-from-node.function-BSyDFa0d.js.map +0 -1
  550. package/dist/collection/components/date-picker-legacy/date-localization.js +0 -30
  551. package/dist/collection/components/date-picker-legacy/date-localization.js.map +0 -1
  552. package/dist/collection/components/date-picker-legacy/date-picker-day.js +0 -20
  553. package/dist/collection/components/date-picker-legacy/date-picker-day.js.map +0 -1
  554. package/dist/collection/components/date-picker-legacy/date-picker-legacy.css +0 -492
  555. package/dist/collection/components/date-picker-legacy/date-picker-legacy.interfaces.js +0 -2
  556. package/dist/collection/components/date-picker-legacy/date-picker-legacy.interfaces.js.map +0 -1
  557. package/dist/collection/components/date-picker-legacy/date-picker-legacy.js +0 -904
  558. package/dist/collection/components/date-picker-legacy/date-picker-legacy.js.map +0 -1
  559. package/dist/collection/components/date-picker-legacy/date-picker-month.js +0 -26
  560. package/dist/collection/components/date-picker-legacy/date-picker-month.js.map +0 -1
  561. package/dist/collection/components/date-picker-legacy/date-utils.js +0 -155
  562. package/dist/collection/components/date-picker-legacy/date-utils.js.map +0 -1
  563. package/dist/collection/components/date-picker-legacy/utils/month-range.js +0 -28
  564. package/dist/collection/components/date-picker-legacy/utils/month-range.js.map +0 -1
  565. package/dist/collection/components/date-picker-legacy/utils/range.js +0 -8
  566. package/dist/collection/components/date-picker-legacy/utils/range.js.map +0 -1
  567. package/dist/components/create-identifier.js +0 -18
  568. package/dist/components/create-identifier.js.map +0 -1
  569. package/dist/components/dso-date-picker-legacy.d.ts +0 -11
  570. package/dist/components/dso-date-picker-legacy.js +0 -773
  571. package/dist/components/dso-date-picker-legacy.js.map +0 -1
  572. package/dist/dso-toolkit/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-panel.dso-table.entry.esm.js.map +0 -1
  573. package/dist/dso-toolkit/dso-date-picker-legacy.entry.esm.js.map +0 -1
  574. package/dist/dso-toolkit/p-0cdc3e10.entry.js +0 -2
  575. package/dist/dso-toolkit/p-116f645b.entry.js +0 -2
  576. package/dist/dso-toolkit/p-1336708f.entry.js +0 -2
  577. package/dist/dso-toolkit/p-1336708f.entry.js.map +0 -1
  578. package/dist/dso-toolkit/p-2512c5f5.entry.js +0 -2
  579. package/dist/dso-toolkit/p-2bce5330.entry.js +0 -2
  580. package/dist/dso-toolkit/p-3f0c80ce.entry.js +0 -2
  581. package/dist/dso-toolkit/p-7f686292.entry.js +0 -2
  582. package/dist/dso-toolkit/p-862f3439.entry.js +0 -2
  583. package/dist/dso-toolkit/p-8e1c7f7a.entry.js +0 -2
  584. package/dist/dso-toolkit/p-98159a53.entry.js +0 -2
  585. package/dist/dso-toolkit/p-98159a53.entry.js.map +0 -1
  586. package/dist/dso-toolkit/p-DSyv-znO.js +0 -2
  587. package/dist/dso-toolkit/p-DSyv-znO.js.map +0 -1
  588. package/dist/dso-toolkit/p-a0cfd562.entry.js +0 -2
  589. package/dist/dso-toolkit/p-a0cfd562.entry.js.map +0 -1
  590. package/dist/dso-toolkit/p-ad1ddba2.entry.js +0 -2
  591. package/dist/dso-toolkit/p-bdccacb5.entry.js +0 -2
  592. package/dist/dso-toolkit/p-c0526066.entry.js +0 -2
  593. package/dist/dso-toolkit/p-c0526066.entry.js.map +0 -1
  594. package/dist/dso-toolkit/p-c5d287ad.entry.js +0 -2
  595. package/dist/dso-toolkit/p-c5d287ad.entry.js.map +0 -1
  596. package/dist/dso-toolkit/p-efbfd246.entry.js +0 -2
  597. package/dist/dso-toolkit/p-l-fQf40Y.js +0 -2
  598. package/dist/dso-toolkit/p-l-fQf40Y.js.map +0 -1
  599. package/dist/esm/create-identifier-DSyv-znO.js +0 -18
  600. package/dist/esm/create-identifier-DSyv-znO.js.map +0 -1
  601. package/dist/esm/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-panel.dso-table.entry.js.map +0 -1
  602. package/dist/esm/dso-alert_6.entry.js +0 -1426
  603. package/dist/esm/dso-alert_6.entry.js.map +0 -1
  604. package/dist/esm/dso-date-picker-legacy.entry.js +0 -730
  605. package/dist/esm/dso-date-picker-legacy.entry.js.map +0 -1
  606. package/dist/esm/parse-wijzigactie-from-node.function-l-fQf40Y.js +0 -9
  607. package/dist/esm/parse-wijzigactie-from-node.function-l-fQf40Y.js.map +0 -1
  608. package/dist/types/components/date-picker-legacy/date-localization.d.ts +0 -19
  609. package/dist/types/components/date-picker-legacy/date-picker-day.d.ts +0 -11
  610. package/dist/types/components/date-picker-legacy/date-picker-legacy.d.ts +0 -172
  611. package/dist/types/components/date-picker-legacy/date-picker-legacy.interfaces.d.ts +0 -14
  612. package/dist/types/components/date-picker-legacy/date-picker-month.d.ts +0 -20
  613. package/dist/types/components/date-picker-legacy/date-utils.d.ts +0 -46
  614. package/dist/types/components/date-picker-legacy/utils/month-range.d.ts +0 -2
  615. package/dist/types/components/date-picker-legacy/utils/range.d.ts +0 -1
  616. /package/dist/dso-toolkit/{p-808ce903.entry.js.map → p-07220932.entry.js.map} +0 -0
  617. /package/dist/dso-toolkit/{p-44415d94.entry.js.map → p-0a496a26.entry.js.map} +0 -0
  618. /package/dist/dso-toolkit/{p-1da633fc.entry.js.map → p-19019f3b.entry.js.map} +0 -0
  619. /package/dist/dso-toolkit/{p-d01cf064.entry.js.map → p-2787bc48.entry.js.map} +0 -0
  620. /package/dist/dso-toolkit/{p-e882b88b.entry.js.map → p-2d35ce14.entry.js.map} +0 -0
  621. /package/dist/dso-toolkit/{p-c6cd153d.entry.js.map → p-4593ea95.entry.js.map} +0 -0
  622. /package/dist/dso-toolkit/{p-987406fd.entry.js.map → p-4a07fb41.entry.js.map} +0 -0
  623. /package/dist/dso-toolkit/{p-7fd4c991.entry.js.map → p-6215779a.entry.js.map} +0 -0
  624. /package/dist/dso-toolkit/{p-649ea683.entry.js.map → p-663fb2ee.entry.js.map} +0 -0
  625. /package/dist/dso-toolkit/{p-706da18c.entry.js.map → p-6a578760.entry.js.map} +0 -0
  626. /package/dist/dso-toolkit/{p-10e924eb.entry.js.map → p-70ea6c42.entry.js.map} +0 -0
  627. /package/dist/dso-toolkit/{p-47713848.entry.js.map → p-76f0c45e.entry.js.map} +0 -0
  628. /package/dist/dso-toolkit/{p-8a5f5ada.entry.js.map → p-7883dfda.entry.js.map} +0 -0
  629. /package/dist/dso-toolkit/{p-20b31a44.entry.js.map → p-7fed0288.entry.js.map} +0 -0
  630. /package/dist/dso-toolkit/{p-d80d3ce8.entry.js.map → p-847af791.entry.js.map} +0 -0
  631. /package/dist/dso-toolkit/{p-2e304f75.entry.js.map → p-9b37f2a1.entry.js.map} +0 -0
  632. /package/dist/dso-toolkit/{p-26966325.entry.js.map → p-a2d60908.entry.js.map} +0 -0
  633. /package/dist/dso-toolkit/{p-8972246f.entry.js.map → p-a61e4944.entry.js.map} +0 -0
  634. /package/dist/dso-toolkit/{p-33220be0.entry.js.map → p-a96fc5f8.entry.js.map} +0 -0
  635. /package/dist/dso-toolkit/{p-4d590a9d.entry.js.map → p-acdbeafd.entry.js.map} +0 -0
  636. /package/dist/dso-toolkit/{p-9fd36887.entry.js.map → p-b3f2cf42.entry.js.map} +0 -0
  637. /package/dist/dso-toolkit/{p-10ac0424.entry.js.map → p-b52165a0.entry.js.map} +0 -0
  638. /package/dist/dso-toolkit/{p-43ba1098.entry.js.map → p-c8def649.entry.js.map} +0 -0
  639. /package/dist/dso-toolkit/{p-2bce5330.entry.js.map → p-da3c8097.entry.js.map} +0 -0
  640. /package/dist/dso-toolkit/{p-08643f11.entry.js.map → p-eceff1ea.entry.js.map} +0 -0
  641. /package/dist/dso-toolkit/{p-9f178660.entry.js.map → p-f07bf097.entry.js.map} +0 -0
package/dist/components/annotation-locatie.js CHANGED
@@ -8,7 +8,7 @@ import { d as defineCustomElement$3 } from './renvooi.js';
8
8
  import { d as defineCustomElement$2 } from './slide-toggle.js';
9
9
  import { d as defineCustomElement$1 } from './tooltip.js';
10
10
 
11
- const annotationCss = "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 :is(dso-icon,svg.di)+span,a span+:is(dso-icon,svg.di){margin-inline-start:8px}a .sr-only+:is(dso-icon,svg.di){margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:var(--_dso-di-background-image, url(\"./di.svg#download\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#download-scampi\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:var(--_dso-di-background-image, url(\"./di.svg#external-link\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#external-link-scampi\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]{background-image:var(--_dso-di-background-image, url(\"./di.svg#call-grasgroen\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#call-scampi\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]{background-image:var(--_dso-di-background-image, url(\"./di.svg#email-grasgroen\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#email-scampi\"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_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;--_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;background-color:#e4f1d4;color:#191919}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]){box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5)}:host([wijzigactie=verwijder]){--_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;--_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;background-color:#f5d8dc;color:#191919}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]){text-decoration:line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}";
11
+ const annotationCss = "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)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:var(--_dso-di-background-image, url(\"./di.svg#download\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#download-scampi\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:var(--_dso-di-background-image, url(\"./di.svg#external-link\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#external-link-scampi\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]{background-image:var(--_dso-di-background-image, url(\"./di.svg#call-grasgroen\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"tel:\"]:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#call-scampi\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]{background-image:var(--_dso-di-background-image, url(\"./di.svg#email-grasgroen\"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^=\"mailto:\"]:focus-visible{background-image:var(--_dso-di-background-image, url(\"./di.svg#email-scampi\"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_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;--_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;background-color:#e4f1d4;color:#191919}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]) 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\"))}:host([wijzigactie=voegtoe]){box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:colors.$zwart}:host([wijzigactie=verwijder]){--_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;--_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;background-color:#f5d8dc;color:#191919}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]) 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\"))}:host([wijzigactie=verwijder]){--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}";
12
12
 
13
13
  const AnnotationLocatie = /*@__PURE__*/ proxyCustomElement(class AnnotationLocatie extends HTMLElement {
14
14
  constructor() {
package/dist/components/annotation-locatie.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"annotation-locatie.js","mappings":";;;;;;;;;;AAAA,MAAM,aAAa,GAAG,yxMAAyxM;;MCiBlyM,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;AAL9B,IAAA,WAAA,GAAA;;;;;QAuCU,IAAA,CAAA,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AA6BrC;IA3BC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;;IAGtB,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;;IAGxB,MAAM,GAAA;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;AAE5C,QAAA,QACE,CAAA,CAAC,cAAc,EAAA,EAAA,GAAA,EAAA,0CAAA,EACb,MAAM,EAAE,UAAU,GAAG,CAAC,CAAA,oBAAoB,OAAG,GAAG,SAAS,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,aAAA,EAAA,EAAa,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,CACrC,EACN,IAAI,CAAC,iBAAiB,IAAI,CAAA,CAAC,2BAA2B,EAAG,IAAA,CAAA,CACzD,EAEL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-locatie&encapsulation=shadow","src/components/annotation/annotation-locatie/annotation-locatie.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/link/link\";\r\n\r\n:host {\r\n display: block;\r\n padding: 2px;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n overflow-wrap: anywhere;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n\r\n.annotation-data {\r\n font-size: 0.875rem;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Fragment, Prop, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n tag: \"dso-annotation-locatie\",\r\n styleUrl: \"../annotation.scss\",\r\n shadow: true,\r\n})\r\nexport class AnnotationLocatie implements ComponentInterface {\r\n /**\r\n * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n */\r\n @Prop({ reflect: true })\r\n wijzigactie?: AnnotationWijzigactie;\r\n\r\n /**\r\n * Een optionele boolean die aangeeft of de annotatie actief is.\r\n */\r\n @Prop({ reflect: true })\r\n active?: boolean;\r\n\r\n /**\r\n * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n */\r\n @Prop({ reflect: true })\r\n gewijzigdeLocatie?: boolean;\r\n\r\n /**\r\n * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n */\r\n @Event()\r\n dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n /**\r\n * De noemer van de locatie.\r\n */\r\n @Prop()\r\n locatieNoemer?: RenvooiValue | string;\r\n\r\n @Element()\r\n private host!: HTMLDsoAnnotationLocatieElement;\r\n\r\n private watcher = watcher(this.host);\r\n\r\n connectedCallback(): void {\r\n this.watcher.watch();\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.watcher.unwatch();\r\n }\r\n\r\n render() {\r\n const hasSymbool = this.watcher.hasSymbool();\r\n\r\n return (\r\n <AnnotationBody\r\n symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n active={this.active}\r\n dsoActiveChange={this.dsoActiveChange}\r\n title={\r\n <>\r\n <span class=\"content\">\r\n <dso-renvooi value={this.locatieNoemer} />\r\n </span>\r\n {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n </>\r\n }\r\n />\r\n );\r\n }\r\n}\r\n"],"version":3}
1
+ {"file":"annotation-locatie.js","mappings":";;;;;;;;;;AAAA,MAAM,aAAa,GAAG,85MAA85M;;MCiBv6M,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;AAL9B,IAAA,WAAA,GAAA;;;;;QAuCU,IAAA,CAAA,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AA6BrC;IA3BC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;;IAGtB,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;;IAGxB,MAAM,GAAA;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;AAE5C,QAAA,QACE,CAAA,CAAC,cAAc,EAAA,EAAA,GAAA,EAAA,0CAAA,EACb,MAAM,EAAE,UAAU,GAAG,CAAC,CAAA,oBAAoB,OAAG,GAAG,SAAS,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,aAAA,EAAA,EAAa,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,CACrC,EACN,IAAI,CAAC,iBAAiB,IAAI,CAAA,CAAC,2BAA2B,EAAG,IAAA,CAAA,CACzD,EAEL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-locatie&encapsulation=shadow","src/components/annotation/annotation-locatie/annotation-locatie.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/link/link\";\r\n\r\n:host {\r\n display: block;\r\n padding: 2px;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n overflow-wrap: anywhere;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n\r\n.annotation-data {\r\n font-size: 0.875rem;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Fragment, Prop, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n tag: \"dso-annotation-locatie\",\r\n styleUrl: \"../annotation.scss\",\r\n shadow: true,\r\n})\r\nexport class AnnotationLocatie implements ComponentInterface {\r\n /**\r\n * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n */\r\n @Prop({ reflect: true })\r\n wijzigactie?: AnnotationWijzigactie;\r\n\r\n /**\r\n * Een optionele boolean die aangeeft of de annotatie actief is.\r\n */\r\n @Prop({ reflect: true })\r\n active?: boolean;\r\n\r\n /**\r\n * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n */\r\n @Prop({ reflect: true })\r\n gewijzigdeLocatie?: boolean;\r\n\r\n /**\r\n * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n */\r\n @Event()\r\n dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n /**\r\n * De noemer van de locatie.\r\n */\r\n @Prop()\r\n locatieNoemer?: RenvooiValue | string;\r\n\r\n @Element()\r\n private host!: HTMLDsoAnnotationLocatieElement;\r\n\r\n private watcher = watcher(this.host);\r\n\r\n connectedCallback(): void {\r\n this.watcher.watch();\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.watcher.unwatch();\r\n }\r\n\r\n render() {\r\n const hasSymbool = this.watcher.hasSymbool();\r\n\r\n return (\r\n <AnnotationBody\r\n symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n active={this.active}\r\n dsoActiveChange={this.dsoActiveChange}\r\n title={\r\n <>\r\n <span class=\"content\">\r\n <dso-renvooi value={this.locatieNoemer} />\r\n </span>\r\n {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n </>\r\n }\r\n />\r\n );\r\n }\r\n}\r\n"],"version":3}
package/dist/components/document-component.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import { h, proxyCustomElement, HTMLElement, createEvent, Host, Fragment } from '@stencil/core/internal/client';
2
2
  import { i as isModifiedEvent } from './is-modified-event.js';
3
- import { p as parseWijzigactieFromNode, d as defineCustomElement$4 } from './ozon-content.js';
4
- import { d as defineCustomElement$a } from './alert.js';
5
- import { d as defineCustomElement$9 } from './badge.js';
6
- import { d as defineCustomElement$8 } from './icon.js';
7
- import { d as defineCustomElement$7 } from './icon-button.js';
8
- import { d as defineCustomElement$6 } from './image-overlay.js';
9
- import { d as defineCustomElement$5 } from './label.js';
3
+ import { p as parseXml, a as parseWijzigactieFromNode, d as defineCustomElement$5 } from './ozon-content.js';
4
+ import { d as defineCustomElement$b } from './alert.js';
5
+ import { d as defineCustomElement$a } from './badge.js';
6
+ import { d as defineCustomElement$9 } from './icon.js';
7
+ import { d as defineCustomElement$8 } from './icon-button.js';
8
+ import { d as defineCustomElement$7 } from './image-overlay.js';
9
+ import { d as defineCustomElement$6 } from './label.js';
10
+ import { d as defineCustomElement$4 } from './ozon-content-toggletip.js';
10
11
  import { d as defineCustomElement$3 } from './panel.js';
11
12
  import { d as defineCustomElement$2 } from './table.js';
12
13
  import { d as defineCustomElement$1 } from './tooltip.js';
@@ -48,7 +49,7 @@ const Heading = (_a, children) => {
48
49
  return headingElement;
49
50
  };
50
51
 
51
- const documentComponentCss = "button {\n -webkit-appearance: button;\n color: inherit;\n cursor: pointer;\n font: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n overflow: visible;\n text-transform: none;\n}\nbutton[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n content: \"\";\n display: inline-block;\n margin-inline-start: 8px;\n}\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n background-color: var(--_dso-button-primary-background-color, #39870c);\n border-color: var(--_dso-button-primary-border-color, #39870c);\n color: var(--_dso-button-primary-color, #fff);\n}\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-inline-size: 56px;\n padding-block: 11px;\n padding-inline: 15px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n background-color: var(--_dso-button-primary-hover-background-color, #275937);\n border-color: var(--_dso-button-primary-hover-border-color, #275937);\n color: var(--_dso-button-primary-hover-color, #fff);\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n background-color: var(--_dso-button-primary-active-background-color, #173521);\n border-color: var(--_dso-button-primary-active-border-color, #173521);\n color: var(--_dso-button-primary-active-color, #fff);\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);\n border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);\n color: var(--_dso-button-primary-disabled-color, #fff);\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n line-height: 1rem;\n}\na.dso-primary.dso-small dso-icon,\na.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small svg.di,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small svg.di,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-extra-small,\nbutton.dso-primary.dso-extra-small,\nlabel.dso-primary.dso-extra-small {\n line-height: 1rem;\n}\na.dso-primary.dso-extra-small dso-icon,\na.dso-primary.dso-extra-small svg.di, 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,\nbutton.dso-primary.dso-extra-small dso-icon,\nbutton.dso-primary.dso-extra-small svg.di,\nbutton.dso-primary.dso-extra-small.extern::after,\nbutton.dso-primary.dso-extra-small.download::after,\nbutton.dso-primary.dso-extra-small.dso-spinner::before,\nlabel.dso-primary.dso-extra-small dso-icon,\nlabel.dso-primary.dso-extra-small svg.di,\nlabel.dso-primary.dso-extra-small.extern::after,\nlabel.dso-primary.dso-extra-small.download::after,\nlabel.dso-primary.dso-extra-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-primary.dso-extra-small.dso-spinner-left::before,\nbutton.dso-primary.dso-extra-small.dso-spinner-left::before,\nlabel.dso-primary.dso-extra-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-extra-small.dso-spinner-right::after,\nbutton.dso-primary.dso-extra-small.dso-spinner-right::after,\nlabel.dso-primary.dso-extra-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-extra-small,\nbutton.dso-primary.dso-extra-small,\nlabel.dso-primary.dso-extra-small {\n padding-block: 9px;\n}\na.dso-primary dso-icon:has(+ span:not(.sr-only)),\na.dso-primary svg.di:has(+ span:not(.sr-only)),\nbutton.dso-primary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-primary svg.di:has(+ span:not(.sr-only)),\nlabel.dso-primary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-primary svg.di:has(+ span:not(.sr-only)) {\n margin-inline-start: -8px;\n}\na.dso-primary span:not(.sr-only) + dso-icon,\na.dso-primary span:not(.sr-only) + svg.di,\nbutton.dso-primary span:not(.sr-only) + dso-icon,\nbutton.dso-primary span:not(.sr-only) + svg.di,\nlabel.dso-primary span:not(.sr-only) + dso-icon,\nlabel.dso-primary span:not(.sr-only) + svg.di {\n margin-inline-start: 8px;\n margin-inline-end: -8px;\n}\na.dso-primary dso-icon + span:not(.sr-only),\na.dso-primary svg.di + span:not(.sr-only),\nbutton.dso-primary dso-icon + span:not(.sr-only),\nbutton.dso-primary svg.di + span:not(.sr-only),\nlabel.dso-primary dso-icon + span:not(.sr-only),\nlabel.dso-primary svg.di + span:not(.sr-only) {\n margin-inline-start: 8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n background-color: #39870c;\n border-color: #39870c;\n color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n background: url(\"./di.svg#download-wit\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n background: url(\"./di.svg#external-link-wit\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n content: \"\";\n display: inline-block;\n margin-inline-start: 8px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n background-color: var(--_dso-button-secondary-background-color, #fff);\n border-color: var(--_dso-button-secondary-border-color, #39870c);\n color: var(--_dso-button-secondary-color, #39870c);\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-inline-size: 56px;\n padding-block: 11px;\n padding-inline: 15px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n color: var(--_dso-button-secondary-hover-color, #275937);\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n background-color: var(--_dso-button-secondary-active-background-color, #275937);\n border-color: var(--_dso-button-secondary-active-border-color, #275937);\n color: var(--_dso-button-secondary-active-color, #fff);\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n line-height: 1rem;\n}\na.dso-secondary.dso-small dso-icon,\na.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small svg.di,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-extra-small,\nbutton.dso-secondary.dso-extra-small,\nlabel.dso-secondary.dso-extra-small {\n line-height: 1rem;\n}\na.dso-secondary.dso-extra-small dso-icon,\na.dso-secondary.dso-extra-small svg.di, 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,\nbutton.dso-secondary.dso-extra-small dso-icon,\nbutton.dso-secondary.dso-extra-small svg.di,\nbutton.dso-secondary.dso-extra-small.extern::after,\nbutton.dso-secondary.dso-extra-small.download::after,\nbutton.dso-secondary.dso-extra-small.dso-spinner::before,\nlabel.dso-secondary.dso-extra-small dso-icon,\nlabel.dso-secondary.dso-extra-small svg.di,\nlabel.dso-secondary.dso-extra-small.extern::after,\nlabel.dso-secondary.dso-extra-small.download::after,\nlabel.dso-secondary.dso-extra-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-secondary.dso-extra-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-extra-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-extra-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-extra-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-extra-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-extra-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-extra-small,\nbutton.dso-secondary.dso-extra-small,\nlabel.dso-secondary.dso-extra-small {\n padding-block: 9px;\n}\na.dso-secondary dso-icon:has(+ span:not(.sr-only)),\na.dso-secondary svg.di:has(+ span:not(.sr-only)),\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary svg.di:has(+ span:not(.sr-only)),\nlabel.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-secondary svg.di:has(+ span:not(.sr-only)) {\n margin-inline-start: -8px;\n}\na.dso-secondary span:not(.sr-only) + dso-icon,\na.dso-secondary span:not(.sr-only) + svg.di,\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + svg.di,\nlabel.dso-secondary span:not(.sr-only) + dso-icon,\nlabel.dso-secondary span:not(.sr-only) + svg.di {\n margin-inline-start: 8px;\n margin-inline-end: -8px;\n}\na.dso-secondary dso-icon + span:not(.sr-only),\na.dso-secondary svg.di + span:not(.sr-only),\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary svg.di + span:not(.sr-only),\nlabel.dso-secondary dso-icon + span:not(.sr-only),\nlabel.dso-secondary svg.di + span:not(.sr-only) {\n margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.dso-secondary.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.dso-secondary.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n background: url(\"./di.svg#download\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\"));\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\"));\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n background: url(\"./di.svg#external-link\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\"));\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\"));\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n content: \"\";\n display: inline-block;\n margin-inline-start: 8px;\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n border: 0;\n color: #39870c;\n line-height: 1;\n padding: 0;\n background-color: transparent;\n}\na.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled] {\n color: #afcf9d;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n color: #275937;\n text-decoration: underline;\n text-underline-position: under;\n}\na.dso-tertiary:not([disabled]):active,\nbutton.dso-tertiary:not([disabled]):active,\nlabel.dso-tertiary:not([disabled]):active {\n color: #173521;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n line-height: calc(1.5em - 1px);\n padding-block: 11px;\n padding-inline: 0;\n position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n max-inline-size: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: middle;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: middle;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary svg.di + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\na.dso-tertiary span:not(.sr-only) + svg.di,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary svg.di + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary span:not(.sr-only) + svg.di,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary svg.di + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary span:not(.sr-only) + svg.di {\n margin-inline-start: 8px;\n}\na.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nbutton.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nlabel.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n margin-inline-start: 4px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n margin-inline-start: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary svg.di,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary svg.di,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary svg.di,\nlabel.dso-tertiary span {\n vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n position: relative;\n inset-block-start: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n background: url(\"./di.svg#download\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\"));\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\"));\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n background: url(\"./di.svg#external-link\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\"));\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\"));\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-map:focus, a.dso-map:focus-visible,\nbutton.dso-map:focus,\nbutton.dso-map:focus-visible,\nlabel.dso-map:focus,\nlabel.dso-map:focus-visible {\n outline-offset: 2px;\n}\na.dso-map:active,\nbutton.dso-map:active,\nlabel.dso-map:active {\n outline: 0;\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n background-color: var(--_dso-button-secondary-background-color, #fff);\n border-color: var(--_dso-button-secondary-border-color, #39870c);\n color: var(--_dso-button-secondary-color, #39870c);\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-inline-size: 56px;\n padding-block: 11px;\n padding-inline: 15px;\n}\na.dso-map:hover,\nbutton.dso-map:hover,\nlabel.dso-map:hover {\n background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n color: var(--_dso-button-secondary-hover-color, #275937);\n}\na.dso-map:active,\nbutton.dso-map:active,\nlabel.dso-map:active {\n background-color: var(--_dso-button-secondary-active-background-color, #275937);\n border-color: var(--_dso-button-secondary-active-border-color, #275937);\n color: var(--_dso-button-secondary-active-color, #fff);\n}\na.dso-map[disabled], a.dso-map[disabled]:hover,\nbutton.dso-map[disabled],\nbutton.dso-map[disabled]:hover,\nlabel.dso-map[disabled],\nlabel.dso-map[disabled]:hover {\n background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\na.dso-map.dso-small,\nbutton.dso-map.dso-small,\nlabel.dso-map.dso-small {\n line-height: 1rem;\n}\na.dso-map.dso-small dso-icon,\na.dso-map.dso-small svg.di, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,\nbutton.dso-map.dso-small dso-icon,\nbutton.dso-map.dso-small svg.di,\nbutton.dso-map.dso-small.extern::after,\nbutton.dso-map.dso-small.download::after,\nbutton.dso-map.dso-small.dso-spinner::before,\nlabel.dso-map.dso-small dso-icon,\nlabel.dso-map.dso-small svg.di,\nlabel.dso-map.dso-small.extern::after,\nlabel.dso-map.dso-small.download::after,\nlabel.dso-map.dso-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-map.dso-small.dso-spinner-left::before,\nbutton.dso-map.dso-small.dso-spinner-left::before,\nlabel.dso-map.dso-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-small.dso-spinner-right::after,\nbutton.dso-map.dso-small.dso-spinner-right::after,\nlabel.dso-map.dso-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-extra-small,\nbutton.dso-map.dso-extra-small,\nlabel.dso-map.dso-extra-small {\n line-height: 1rem;\n}\na.dso-map.dso-extra-small dso-icon,\na.dso-map.dso-extra-small svg.di, 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,\nbutton.dso-map.dso-extra-small dso-icon,\nbutton.dso-map.dso-extra-small svg.di,\nbutton.dso-map.dso-extra-small.extern::after,\nbutton.dso-map.dso-extra-small.download::after,\nbutton.dso-map.dso-extra-small.dso-spinner::before,\nlabel.dso-map.dso-extra-small dso-icon,\nlabel.dso-map.dso-extra-small svg.di,\nlabel.dso-map.dso-extra-small.extern::after,\nlabel.dso-map.dso-extra-small.download::after,\nlabel.dso-map.dso-extra-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-map.dso-extra-small.dso-spinner-left::before,\nbutton.dso-map.dso-extra-small.dso-spinner-left::before,\nlabel.dso-map.dso-extra-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-extra-small.dso-spinner-right::after,\nbutton.dso-map.dso-extra-small.dso-spinner-right::after,\nlabel.dso-map.dso-extra-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-extra-small,\nbutton.dso-map.dso-extra-small,\nlabel.dso-map.dso-extra-small {\n padding-block: 9px;\n}\na.dso-map dso-icon:has(+ span:not(.sr-only)),\na.dso-map svg.di:has(+ span:not(.sr-only)),\nbutton.dso-map dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-map svg.di:has(+ span:not(.sr-only)),\nlabel.dso-map dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-map svg.di:has(+ span:not(.sr-only)) {\n margin-inline-start: -8px;\n}\na.dso-map span:not(.sr-only) + dso-icon,\na.dso-map span:not(.sr-only) + svg.di,\nbutton.dso-map span:not(.sr-only) + dso-icon,\nbutton.dso-map span:not(.sr-only) + svg.di,\nlabel.dso-map span:not(.sr-only) + dso-icon,\nlabel.dso-map span:not(.sr-only) + svg.di {\n margin-inline-start: 8px;\n margin-inline-end: -8px;\n}\na.dso-map dso-icon + span:not(.sr-only),\na.dso-map svg.di + span:not(.sr-only),\nbutton.dso-map dso-icon + span:not(.sr-only),\nbutton.dso-map svg.di + span:not(.sr-only),\nlabel.dso-map dso-icon + span:not(.sr-only),\nlabel.dso-map svg.di + span:not(.sr-only) {\n margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],\nbutton.dso-map.dso-spinner-left[disabled],\nbutton.dso-map.dso-spinner-right[disabled],\nlabel.dso-map.dso-spinner-left[disabled],\nlabel.dso-map.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\na.dso-map.dso-spinner-left::before,\nbutton.dso-map.dso-spinner-left::before,\nlabel.dso-map.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-map.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-map.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-map.dso-spinner-left:not([disabled]):hover::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-spinner-right::after,\nbutton.dso-map.dso-spinner-right::after,\nlabel.dso-map.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-map.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-map.dso-spinner-right:not([disabled]):hover::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n border: 0;\n font-weight: 600;\n margin-inline-end: 16px;\n padding-block: 8px;\n padding-inline: 16px;\n white-space: nowrap;\n}\na.dso-map:focus, a.dso-map:focus-visible,\nbutton.dso-map:focus,\nbutton.dso-map:focus-visible,\nlabel.dso-map:focus,\nlabel.dso-map:focus-visible {\n outline-offset: -1px;\n}\na.dso-map:has(span.sr-only):has(dso-icon, svg.di),\nbutton.dso-map:has(span.sr-only):has(dso-icon, svg.di),\nlabel.dso-map:has(span.sr-only):has(dso-icon, svg.di) {\n padding: 8px;\n min-inline-size: auto;\n block-size: 40px;\n inline-size: 40px;\n}\n\na.dso-primary {\n text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n color: #fff;\n}\na.dso-secondary {\n text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n color: #275937;\n}\na.dso-tertiary {\n text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n margin-inline-start: 16px;\n}\n\n.sr-only {\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n:host {\n display: block;\n --depth: var(--a, 0);\n}\n\n:host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {\n padding-inline-start: 8px;\n margin-inline-end: 8px;\n}\n\n:host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])),\n:host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {\n padding-block-start: 4px;\n padding-block-end: 4px;\n}\n\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n --_dso-document-component-text-decoration: line-through;\n}\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n --_dso-alert-success-border-color: #39870c;\n --_dso-alert-error-border-color: #ce3f51;\n --_dso-alert-info-border-color: #6ca4d9;\n --_dso-alert-warning-border-color: #dcd400;\n --link-color: currentColor;\n --link-hover-color: currentColor;\n --link-visited-color: currentColor;\n --_dso-icon-button-tertiary-color: #191919;\n --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n --_dso-icon-button-tertiary-active-color: #173521;\n --_dso-icon-button-tertiary-disabled-color: #999;\n background-color: #f5d8dc;\n color: #191919;\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\n\n.heading-element,\n.content {\n text-decoration: var(--_dso-document-component-text-decoration);\n}\n@media screen and (min--moz-device-pixel-ratio: 0) {\n .heading-element,\n .content {\n font-family: sans-serif;\n }\n}\n\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n --_dso-alert-success-border-color: #39870c;\n --_dso-alert-error-border-color: #ce3f51;\n --_dso-alert-info-border-color: #6ca4d9;\n --_dso-alert-warning-border-color: #dcd400;\n --link-color: currentColor;\n --link-hover-color: currentColor;\n --link-visited-color: currentColor;\n --_dso-icon-button-tertiary-color: #191919;\n --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n --_dso-icon-button-tertiary-active-color: #173521;\n --_dso-icon-button-tertiary-disabled-color: #999;\n background-color: #e4f1d4;\n color: #191919;\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);\n}\n\n:host([filtered]) {\n position: relative;\n}\n:host([filtered])::before {\n content: \"\";\n inset-inline-start: -3px;\n position: absolute;\n display: block;\n inline-size: 3px;\n inset-block-start: 0;\n inset-block-end: 0;\n background-color: #6ca4d9;\n}\n\n:host([open]) .annotation-container,\n:host([open]) .heading-container,\n:host([open-annotation]) .annotation-container,\n:host([open-annotation]) .heading-container {\n margin-block-end: 8px;\n}\n\n:host(:not([open])) dso-ozon-content::part(_subtitels),\n:host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {\n display: none;\n}\n\n.recursive-toggle,\n.toggle-button {\n --_dso-icon-button-tertiary-color: #275937;\n border: 0;\n padding: 0;\n background: 0;\n color: #275937;\n}\n\n.heading-anchor {\n display: flex;\n flex-wrap: nowrap;\n background-color: transparent;\n color: var(--link-color);\n text-decoration: underline;\n text-underline-offset: 15%;\n text-decoration: none;\n}\n.heading-anchor:hover, .heading-anchor:focus-visible {\n color: var(--link-hover-color);\n text-decoration: underline;\n}\n.heading-anchor:active {\n text-decoration: none;\n}\n.heading-anchor :is(dso-icon, svg.di) + span,\n.heading-anchor span + :is(dso-icon, svg.di) {\n margin-inline-start: 8px;\n}\n.heading-anchor .sr-only + :is(dso-icon, svg.di) {\n margin-inline-start: 0;\n}\n.heading-anchor:visited {\n color: var(--link-visited-color);\n}\n\n.heading-element {\n align-items: start;\n display: flex;\n font-size: 1rem;\n color: #275937;\n margin: 0;\n}\n.heading-element > * {\n vertical-align: middle;\n}\n\n#heading-title {\n display: block;\n}\n\n:host([not-collapsible]) .heading-container {\n margin-block-end: 0;\n}\n:host([not-collapsible]) .editaction-label {\n margin-inline-start: 0;\n}\n:host([not-collapsible]) dso-ozon-content.kop::part(_kop) {\n color: #000;\n}\n\n:host([mode=document]:not([not-collapsible])) {\n --link-color: #39870c;\n --link-hover-color: #676cb0;\n}\n:host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content {\n cursor: pointer;\n}\n:host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content:hover, :host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content:focus-visible {\n color: var(--link-hover-color);\n text-decoration: underline;\n}\n:host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content:active {\n text-decoration: none;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {\n cursor: pointer;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {\n color: var(--link-hover-color);\n text-decoration: underline;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {\n display: inline;\n}\n:host([mode=document]:not([not-collapsible])) .editaction-label {\n margin-inline-start: 24px;\n}\n\n:host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {\n text-decoration: none;\n}\n\n:host([mode=table-of-contents]) .heading-container {\n padding-inline-start: 8px;\n}\n:host([mode=table-of-contents]) .heading-element {\n color: inherit;\n}\n:host([mode=table-of-contents]) .editaction-label {\n margin-inline-start: 0;\n}\n\n:host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {\n --_dso-icon-button-tertiary-color: inherit;\n color: inherit;\n}\n\n:host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {\n font-weight: normal;\n}\n\n.addons {\n margin-inline-start: auto;\n display: flex;\n gap: 8px;\n}\n\n.heading {\n display: flex;\n align-items: start;\n gap: 8px;\n}\n\n:host([type=ARTIKEL]:not([alternative-title])) dso-ozon-content.kop::part(_kop),\n:host([type=ARTIKEL]:not([alternative-title])) .toggle-button {\n --_dso-icon-button-tertiary-color: #000;\n color: #000;\n}\n\n:host([type=LID][open-annotation]) .annotation-container {\n margin-block-start: 8px;\n}\n\n.editaction-label {\n font-style: italic;\n margin-inline-start: 8px;\n}\n\n.content,\n.heading-container {\n padding-inline-end: 8px;\n}\n\n.content {\n --_dso-alert-margin-block-end: 8px;\n}\n\n.annotation-container {\n padding-inline-end: 8px;\n}\n.annotation-container dso-panel {\n --_dso-panel-body-background-color: #fff;\n}\n\n:host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {\n --_dso-panel-body-background-color: #faecee;\n --_dso-renvooi-text-decoration: line-through;\n}\n\n:host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {\n --_dso-panel-body-background-color: #f2f8ea;\n}";
52
+ const documentComponentCss = "button {\n -webkit-appearance: button;\n color: inherit;\n cursor: pointer;\n font: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n overflow: visible;\n text-transform: none;\n}\nbutton[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n content: \"\";\n display: inline-block;\n margin-inline-start: 8px;\n}\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n background-color: var(--_dso-button-primary-background-color, #39870c);\n border-color: var(--_dso-button-primary-border-color, #39870c);\n color: var(--_dso-button-primary-color, #fff);\n}\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-inline-size: 56px;\n padding-block: 11px;\n padding-inline: 15px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n background-color: var(--_dso-button-primary-hover-background-color, #275937);\n border-color: var(--_dso-button-primary-hover-border-color, #275937);\n color: var(--_dso-button-primary-hover-color, #fff);\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n background-color: var(--_dso-button-primary-active-background-color, #173521);\n border-color: var(--_dso-button-primary-active-border-color, #173521);\n color: var(--_dso-button-primary-active-color, #fff);\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);\n border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);\n color: var(--_dso-button-primary-disabled-color, #fff);\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n line-height: 1rem;\n}\na.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,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-extra-small,\nbutton.dso-primary.dso-extra-small,\nlabel.dso-primary.dso-extra-small {\n line-height: 1rem;\n}\na.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,\nbutton.dso-primary.dso-extra-small dso-icon,\nbutton.dso-primary.dso-extra-small.extern::after,\nbutton.dso-primary.dso-extra-small.download::after,\nbutton.dso-primary.dso-extra-small.dso-spinner::before,\nlabel.dso-primary.dso-extra-small dso-icon,\nlabel.dso-primary.dso-extra-small.extern::after,\nlabel.dso-primary.dso-extra-small.download::after,\nlabel.dso-primary.dso-extra-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-primary.dso-extra-small.dso-spinner-left::before,\nbutton.dso-primary.dso-extra-small.dso-spinner-left::before,\nlabel.dso-primary.dso-extra-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-extra-small.dso-spinner-right::after,\nbutton.dso-primary.dso-extra-small.dso-spinner-right::after,\nlabel.dso-primary.dso-extra-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-primary.dso-extra-small,\nbutton.dso-primary.dso-extra-small,\nlabel.dso-primary.dso-extra-small {\n padding-block: 9px;\n}\na.dso-primary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-primary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-primary dso-icon:has(+ span:not(.sr-only)) {\n margin-inline-start: -8px;\n}\na.dso-primary span:not(.sr-only) + dso-icon,\nbutton.dso-primary span:not(.sr-only) + dso-icon,\nlabel.dso-primary span:not(.sr-only) + dso-icon {\n margin-inline-start: 8px;\n margin-inline-end: -8px;\n}\na.dso-primary dso-icon + span:not(.sr-only),\nbutton.dso-primary dso-icon + span:not(.sr-only),\nlabel.dso-primary dso-icon + span:not(.sr-only) {\n margin-inline-start: 8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n background-color: #39870c;\n border-color: #39870c;\n color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n background: url(\"./di.svg#download-wit\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n background: url(\"./di.svg#external-link-wit\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n content: \"\";\n display: inline-block;\n margin-inline-start: 8px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n background-color: var(--_dso-button-secondary-background-color, #fff);\n border-color: var(--_dso-button-secondary-border-color, #39870c);\n color: var(--_dso-button-secondary-color, #39870c);\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-inline-size: 56px;\n padding-block: 11px;\n padding-inline: 15px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n color: var(--_dso-button-secondary-hover-color, #275937);\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n background-color: var(--_dso-button-secondary-active-background-color, #275937);\n border-color: var(--_dso-button-secondary-active-border-color, #275937);\n color: var(--_dso-button-secondary-active-color, #fff);\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n line-height: 1rem;\n}\na.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,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-extra-small,\nbutton.dso-secondary.dso-extra-small,\nlabel.dso-secondary.dso-extra-small {\n line-height: 1rem;\n}\na.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,\nbutton.dso-secondary.dso-extra-small dso-icon,\nbutton.dso-secondary.dso-extra-small.extern::after,\nbutton.dso-secondary.dso-extra-small.download::after,\nbutton.dso-secondary.dso-extra-small.dso-spinner::before,\nlabel.dso-secondary.dso-extra-small dso-icon,\nlabel.dso-secondary.dso-extra-small.extern::after,\nlabel.dso-secondary.dso-extra-small.download::after,\nlabel.dso-secondary.dso-extra-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-secondary.dso-extra-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-extra-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-extra-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-extra-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-extra-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-extra-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-extra-small,\nbutton.dso-secondary.dso-extra-small,\nlabel.dso-secondary.dso-extra-small {\n padding-block: 9px;\n}\na.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-secondary dso-icon:has(+ span:not(.sr-only)) {\n margin-inline-start: -8px;\n}\na.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nlabel.dso-secondary span:not(.sr-only) + dso-icon {\n margin-inline-start: 8px;\n margin-inline-end: -8px;\n}\na.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nlabel.dso-secondary dso-icon + span:not(.sr-only) {\n margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.dso-secondary.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.dso-secondary.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n background: url(\"./di.svg#download\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\"));\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\"));\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n background: url(\"./di.svg#external-link\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\"));\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\"));\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n content: \"\";\n display: inline-block;\n margin-inline-start: 8px;\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n border: 0;\n color: #39870c;\n line-height: 1;\n padding: 0;\n background-color: transparent;\n}\na.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled] {\n color: #afcf9d;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n color: #275937;\n text-decoration: underline;\n text-underline-position: under;\n}\na.dso-tertiary:not([disabled]):active,\nbutton.dso-tertiary:not([disabled]):active,\nlabel.dso-tertiary:not([disabled]):active {\n color: #173521;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n line-height: calc(1.5em - 1px);\n padding-block: 11px;\n padding-inline: 0;\n position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n max-inline-size: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: middle;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: middle;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon {\n margin-inline-start: 8px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n margin-inline-start: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary span {\n vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n position: relative;\n inset-block-start: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n background: url(\"./di.svg#download\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\"));\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\"));\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n background: url(\"./di.svg#external-link\") no-repeat center;\n background-size: cover;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\"));\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\"));\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n display: inline-block;\n font-size: 1em;\n font-weight: 500;\n margin-block-end: 0;\n text-decoration: none;\n touch-action: manipulation;\n text-align: start;\n user-select: none;\n vertical-align: middle;\n}\na.dso-map:focus, a.dso-map:focus-visible,\nbutton.dso-map:focus,\nbutton.dso-map:focus-visible,\nlabel.dso-map:focus,\nlabel.dso-map:focus-visible {\n outline-offset: 2px;\n}\na.dso-map:active,\nbutton.dso-map:active,\nlabel.dso-map:active {\n outline: 0;\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n background-color: var(--_dso-button-secondary-background-color, #fff);\n border-color: var(--_dso-button-secondary-border-color, #39870c);\n color: var(--_dso-button-secondary-color, #39870c);\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n line-height: 1.5;\n min-inline-size: 56px;\n padding-block: 11px;\n padding-inline: 15px;\n}\na.dso-map:hover,\nbutton.dso-map:hover,\nlabel.dso-map:hover {\n background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n color: var(--_dso-button-secondary-hover-color, #275937);\n}\na.dso-map:active,\nbutton.dso-map:active,\nlabel.dso-map:active {\n background-color: var(--_dso-button-secondary-active-background-color, #275937);\n border-color: var(--_dso-button-secondary-active-border-color, #275937);\n color: var(--_dso-button-secondary-active-color, #fff);\n}\na.dso-map[disabled], a.dso-map[disabled]:hover,\nbutton.dso-map[disabled],\nbutton.dso-map[disabled]:hover,\nlabel.dso-map[disabled],\nlabel.dso-map[disabled]:hover {\n background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\na.dso-map.dso-small,\nbutton.dso-map.dso-small,\nlabel.dso-map.dso-small {\n line-height: 1rem;\n}\na.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,\nbutton.dso-map.dso-small dso-icon,\nbutton.dso-map.dso-small.extern::after,\nbutton.dso-map.dso-small.download::after,\nbutton.dso-map.dso-small.dso-spinner::before,\nlabel.dso-map.dso-small dso-icon,\nlabel.dso-map.dso-small.extern::after,\nlabel.dso-map.dso-small.download::after,\nlabel.dso-map.dso-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-map.dso-small.dso-spinner-left::before,\nbutton.dso-map.dso-small.dso-spinner-left::before,\nlabel.dso-map.dso-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-small.dso-spinner-right::after,\nbutton.dso-map.dso-small.dso-spinner-right::after,\nlabel.dso-map.dso-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-extra-small,\nbutton.dso-map.dso-extra-small,\nlabel.dso-map.dso-extra-small {\n line-height: 1rem;\n}\na.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,\nbutton.dso-map.dso-extra-small dso-icon,\nbutton.dso-map.dso-extra-small.extern::after,\nbutton.dso-map.dso-extra-small.download::after,\nbutton.dso-map.dso-extra-small.dso-spinner::before,\nlabel.dso-map.dso-extra-small dso-icon,\nlabel.dso-map.dso-extra-small.extern::after,\nlabel.dso-map.dso-extra-small.download::after,\nlabel.dso-map.dso-extra-small.dso-spinner::before {\n margin-block-end: -4px;\n margin-block-start: -4px;\n}\na.dso-map.dso-extra-small.dso-spinner-left::before,\nbutton.dso-map.dso-extra-small.dso-spinner-left::before,\nlabel.dso-map.dso-extra-small.dso-spinner-left::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-extra-small.dso-spinner-right::after,\nbutton.dso-map.dso-extra-small.dso-spinner-right::after,\nlabel.dso-map.dso-extra-small.dso-spinner-right::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-extra-small,\nbutton.dso-map.dso-extra-small,\nlabel.dso-map.dso-extra-small {\n padding-block: 9px;\n}\na.dso-map dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-map dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-map dso-icon:has(+ span:not(.sr-only)) {\n margin-inline-start: -8px;\n}\na.dso-map span:not(.sr-only) + dso-icon,\nbutton.dso-map span:not(.sr-only) + dso-icon,\nlabel.dso-map span:not(.sr-only) + dso-icon {\n margin-inline-start: 8px;\n margin-inline-end: -8px;\n}\na.dso-map dso-icon + span:not(.sr-only),\nbutton.dso-map dso-icon + span:not(.sr-only),\nlabel.dso-map dso-icon + span:not(.sr-only) {\n margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],\nbutton.dso-map.dso-spinner-left[disabled],\nbutton.dso-map.dso-spinner-right[disabled],\nlabel.dso-map.dso-spinner-left[disabled],\nlabel.dso-map.dso-spinner-right[disabled] {\n background-color: #fff;\n border-color: #39870c;\n color: #39870c;\n}\na.dso-map.dso-spinner-left::before,\nbutton.dso-map.dso-spinner-left::before,\nlabel.dso-map.dso-spinner-left::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-map.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-map.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-map.dso-spinner-left:not([disabled]):hover::before {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-end: 8px;\n}\na.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map.dso-spinner-right::after,\nbutton.dso-map.dso-spinner-right::after,\nlabel.dso-map.dso-spinner-right::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-map.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-map.dso-spinner-right:not([disabled]):hover::after {\n 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\");\n background-repeat: no-repeat;\n content: \"\";\n display: inline-block;\n block-size: 24px;\n vertical-align: top;\n inline-size: 24px;\n margin-inline-start: 8px;\n}\na.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {\n block-size: 16px;\n inline-size: 16px;\n}\na.dso-map,\nbutton.dso-map,\nlabel.dso-map {\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n border: 0;\n font-weight: 600;\n margin-inline-end: 16px;\n padding-block: 8px;\n padding-inline: 16px;\n white-space: nowrap;\n}\na.dso-map:focus, a.dso-map:focus-visible,\nbutton.dso-map:focus,\nbutton.dso-map:focus-visible,\nlabel.dso-map:focus,\nlabel.dso-map:focus-visible {\n outline-offset: -1px;\n}\na.dso-map:has(span.sr-only):has(dso-icon),\nbutton.dso-map:has(span.sr-only):has(dso-icon),\nlabel.dso-map:has(span.sr-only):has(dso-icon) {\n padding: 8px;\n min-inline-size: auto;\n block-size: 40px;\n inline-size: 40px;\n}\n\na.dso-primary {\n text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n color: #fff;\n}\na.dso-secondary {\n text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n color: #275937;\n}\na.dso-tertiary {\n text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n margin-inline-start: 16px;\n}\n\n.sr-only {\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n:host {\n display: block;\n --depth: var(--a, 0);\n}\n\n:host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {\n padding-inline-start: 8px;\n margin-inline-end: 8px;\n}\n\n:host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])),\n:host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {\n padding-block-start: 4px;\n padding-block-end: 4px;\n}\n\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n --_dso-document-component-text-decoration: line-through;\n}\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n --_dso-alert-success-border-color: #39870c;\n --_dso-alert-error-border-color: #ce3f51;\n --_dso-alert-info-border-color: #6ca4d9;\n --_dso-alert-warning-border-color: #dcd400;\n --link-color: currentColor;\n --link-hover-color: currentColor;\n --link-visited-color: currentColor;\n --_dso-icon-button-tertiary-color: #191919;\n --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n --_dso-icon-button-tertiary-active-color: #173521;\n --_dso-icon-button-tertiary-disabled-color: #999;\n background-color: #f5d8dc;\n color: #191919;\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n --_dso-ozon-content-toggletip-color: colors.$zwart;\n}\n\n.heading-element,\n.content {\n text-decoration: var(--_dso-document-component-text-decoration);\n --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration);\n}\n@media screen and (min--moz-device-pixel-ratio: 0) {\n .heading-element,\n .content {\n font-family: sans-serif;\n }\n}\n\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n --_dso-alert-success-border-color: #39870c;\n --_dso-alert-error-border-color: #ce3f51;\n --_dso-alert-info-border-color: #6ca4d9;\n --_dso-alert-warning-border-color: #dcd400;\n --link-color: currentColor;\n --link-hover-color: currentColor;\n --link-visited-color: currentColor;\n --_dso-icon-button-tertiary-color: #191919;\n --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n --_dso-icon-button-tertiary-active-color: #173521;\n --_dso-icon-button-tertiary-disabled-color: #999;\n background-color: #e4f1d4;\n color: #191919;\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);\n --_dso-ozon-content-toggletip-color: colors.$zwart;\n}\n\n:host([filtered]) {\n position: relative;\n}\n:host([filtered])::before {\n content: \"\";\n inset-inline-start: -3px;\n position: absolute;\n display: block;\n inline-size: 3px;\n inset-block-start: 0;\n inset-block-end: 0;\n background-color: #6ca4d9;\n}\n\n:host([open]) .annotation-container,\n:host([open]) .heading-container,\n:host([open-annotation]) .annotation-container,\n:host([open-annotation]) .heading-container {\n margin-block-end: 8px;\n}\n\n:host(:not([open])) dso-ozon-content::part(_subtitels),\n:host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {\n display: none;\n}\n\n.recursive-toggle,\n.toggle-button {\n --_dso-icon-button-tertiary-color: #275937;\n border: 0;\n padding: 0;\n background: 0;\n color: #275937;\n}\n\n.heading-anchor {\n display: flex;\n flex-wrap: nowrap;\n background-color: transparent;\n color: var(--link-color);\n text-decoration: underline;\n text-underline-offset: 15%;\n text-decoration: none;\n}\n.heading-anchor:hover, .heading-anchor:focus-visible {\n color: var(--link-hover-color);\n text-decoration: underline;\n}\n.heading-anchor:active {\n text-decoration: none;\n}\n.heading-anchor dso-icon + span,\n.heading-anchor span + dso-icon {\n margin-inline-start: 8px;\n}\n.heading-anchor .sr-only + dso-icon {\n margin-inline-start: 0;\n}\n.heading-anchor:visited {\n color: var(--link-visited-color);\n}\n\n.heading-element {\n align-items: start;\n display: flex;\n font-size: 1rem;\n color: #275937;\n margin: 0;\n}\n.heading-element > * {\n vertical-align: middle;\n}\n\n#heading-title {\n display: block;\n}\n\n:host([not-collapsible]) .heading-container {\n margin-block-end: 0;\n}\n:host([not-collapsible]) .editaction-label {\n margin-inline-start: 0;\n}\n:host([not-collapsible]) dso-ozon-content.kop::part(_kop) {\n color: #000;\n}\n\n:host([mode=document]:not([not-collapsible])) {\n --link-color: #39870c;\n --link-hover-color: #676cb0;\n}\n:host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content {\n cursor: pointer;\n}\n:host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content:hover, :host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content:focus-visible {\n color: var(--link-hover-color);\n text-decoration: underline;\n}\n:host([mode=document]:not([not-collapsible])) .heading-title > dso-ozon-content:active {\n text-decoration: none;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {\n cursor: pointer;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {\n color: var(--link-hover-color);\n text-decoration: underline;\n}\n:host([mode=document]:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {\n display: inline;\n}\n:host([mode=document]:not([not-collapsible])) .editaction-label {\n margin-inline-start: 24px;\n}\n\n:host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {\n text-decoration: none;\n}\n\n:host([mode=table-of-contents]) .heading-container {\n padding-inline-start: 8px;\n}\n:host([mode=table-of-contents]) .heading-element {\n color: inherit;\n}\n:host([mode=table-of-contents]) .editaction-label {\n margin-inline-start: 0;\n}\n\n:host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {\n --_dso-icon-button-tertiary-color: inherit;\n color: inherit;\n}\n\n:host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {\n font-weight: normal;\n}\n\n.addons {\n margin-inline-start: auto;\n display: flex;\n gap: 8px;\n}\n\n.heading {\n display: flex;\n align-items: start;\n gap: 8px;\n}\n\n:host([type=ARTIKEL]:not([alternative-title])) dso-ozon-content.kop::part(_kop),\n:host([type=ARTIKEL]:not([alternative-title])) .toggle-button {\n --_dso-icon-button-tertiary-color: #000;\n color: #000;\n}\n\n:host([type=LID][open-annotation]) .annotation-container {\n margin-block-start: 8px;\n}\n\n.editaction-label {\n font-style: italic;\n margin-inline-start: 8px;\n}\n\n.content,\n.heading-container {\n padding-inline-end: 8px;\n}\n\n.content {\n --_dso-alert-margin-block-end: 8px;\n}\n\n.annotation-container {\n padding-inline-end: 8px;\n}\n.annotation-container dso-panel {\n --_dso-panel-body-background-color: #fff;\n}\n\n:host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {\n --_dso-panel-body-background-color: #faecee;\n --_dso-renvooi-text-decoration: line-through;\n}\n\n:host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {\n --_dso-panel-body-background-color: #f2f8ea;\n}";
52
53
 
53
54
  const wijzigactieLabels = {
54
55
  nieuweContainer: "Toegevoegd",
@@ -72,7 +73,6 @@ const AantekenAlert = ({ gereserveerd, vervallen }) => {
72
73
  }
73
74
  return null;
74
75
  };
75
- const parser = new DOMParser();
76
76
  const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentComponent extends HTMLElement {
77
77
  constructor() {
78
78
  super();
@@ -81,7 +81,7 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
81
81
  this.dsoRecursiveToggle = createEvent(this, "dsoRecursiveToggle", 3);
82
82
  this.dsoOpenToggle = createEvent(this, "dsoOpenToggle", 3);
83
83
  this.dsoTableOfContentsClick = createEvent(this, "dsoTableOfContentsClick", 3);
84
- this.dsoOzonContentAnchorClick = createEvent(this, "dsoOzonContentAnchorClick", 3);
84
+ this.dsoOzonContentClick = createEvent(this, "dsoOzonContentClick", 3);
85
85
  this.dsoAnnotationToggle = createEvent(this, "dsoAnnotationToggle", 3);
86
86
  this.dsoMarkItemHighlight = createEvent(this, "dsoMarkItemHighlight", 3);
87
87
  /**
@@ -128,14 +128,14 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
128
128
  this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });
129
129
  }
130
130
  };
131
- this.handleOzonContentAnchorClick = (e) => {
132
- this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });
133
- };
134
131
  this.handleOzonContentClick = (event) => {
135
132
  const { detail } = event;
136
133
  if (detail.type === "Kop") {
137
134
  this.handleHeadingClick(detail.originalEvent);
138
135
  }
136
+ else {
137
+ this.dsoOzonContentClick.emit({ originalEvent: event, ozonContentClick: event.detail });
138
+ }
139
139
  };
140
140
  this.handleRecursiveToggleClick = (e) => {
141
141
  this.dsoRecursiveToggle.emit({
@@ -153,7 +153,7 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
153
153
  }
154
154
  set kop(value) {
155
155
  this._kopInput = value;
156
- this._kop = typeof value === "string" ? parser.parseFromString(value, "application/xml") : value;
156
+ this._kop = typeof value === "string" ? parseXml(value) : value;
157
157
  }
158
158
  /**
159
159
  * The Inhoud XML.
@@ -163,7 +163,7 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
163
163
  }
164
164
  set inhoud(value) {
165
165
  this._inhoudInput = value;
166
- this._inhoud = typeof value === "string" ? parser.parseFromString(value, "application/xml") : value;
166
+ this._inhoud = typeof value === "string" ? parseXml(value) : value;
167
167
  }
168
168
  /**
169
169
  * Marks Document Component as reserved.
@@ -197,10 +197,10 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
197
197
  if (!input) {
198
198
  return undefined;
199
199
  }
200
- let element = null;
200
+ let element;
201
201
  if (typeof input === "string") {
202
- const doc = parser.parseFromString(input, "application/xml");
203
- element = doc.documentElement;
202
+ const doc = parseXml(input);
203
+ element = doc === null || doc === void 0 ? void 0 : doc.documentElement;
204
204
  }
205
205
  else if (input instanceof XMLDocument) {
206
206
  element = input.documentElement;
@@ -230,7 +230,7 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
230
230
  this.alternativeTitle ||
231
231
  this.bevatOntwerpInformatie ||
232
232
  this.annotated);
233
- return (h(Host, { key: '2bde27083a836d55aa970c132c5bef4c9c024864', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '490efbdf8cba7d2e402d397cd5c716652a74c8ad', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '7a6fe102e92311de8493959f6ff43fe1cc8d5ce2', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'ff1e4b4c1b1b95cae78c8f7ee94edce9d37c24ab', class: "heading" }, h(Heading, { key: '89253544fcdd9ed0fdb170d034c72d75910fce12', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '38bc8d6d7e91b5bedcd95fb87929c0a3c17a6f9a', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("span", { key: 'c4a25f748ec08452630cc4fa759439b11a2c29a7', id: "heading-title" }, this.notApplicable && h("span", { key: 'ab8156d9efccec6a30e657a13f00b0d876e09bf5', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoAnchorClick: this.handleOzonContentAnchorClick, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver })) : (this.alternativeTitle), h(AantekenStatus, { key: 'ce6472c6c96ba037c07da72e17a49a0ec2c8f45f', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '256d94eec087000e2d91c8dbf2f574aa565a42a5', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showOntwerpBadge() && (h(Fragment, { key: 'f2914d80286543c96166198f1df8e3cacd740ca6' }, h("dso-badge", { key: '27b14b6c283c81af3a7e96b12ca63b161f6e3aa4', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '08a01e059ec810006562429eb37156ac3f729028', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: 'd114a988e02aab1e9038d9e37dfd5d60448bf784', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '2ba5f37c2924c7e1a696e3953c3e9493f520865e', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: 'ab21305d36a05307958aa26475368ce135ebc16e', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: 'c804d938d4440af62f5fbcfbeb8589bac2235190', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '5c09f8274838f026092b9c7ba040ab227bbdb17b', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: 'fcd8f5b88f1996ceccc22f1afcfc36ea9251f7e8', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '3d1332f26729970af9a4c7930e50331fec29ec90', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: 'dc322fb8d5c3788b712594154e0d1a9dc84fefea', class: "content", part: "_content" }, h(AantekenAlert, { key: 'a50fc152de9a522a79396c2dc9a15a51c1ce6bbe', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '4ce1bbc319553d0207a0a2cdffe65427043602ab', content: this._inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver })))), h("div", { key: '6109a2121da80c12187a1597bd2cebd2839cb4df', class: "children-container", part: "_children-container" }, h("slot", { key: '7f9c6b3870f8d70599ad0099c3eabefb9626e7a7' }))));
233
+ return (h(Host, { key: '40d3a33a589b69f99c853d008a173666e9f20c72', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '6ba20b3b4c2d8765d2e43c322db229a90a0d1a3b', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '8b44236d07b880158d856c4c3811cfe0e2048016', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'b8b09440ec1ef4ed09b39fba69cbbddca56448b9', class: "heading" }, h(Heading, { key: '1b984f4a6dc068a093735cf240bf3019443b9f47', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '25034b443b9d171a6a7ac89284475893dad791e1', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("span", { key: 'f82288495d331a9705cc39409d1668eaac57dd07', id: "heading-title" }, this.notApplicable && h("span", { key: 'dd9bc6ed9a5be56ace643dd92bafb66a36dcc3c4', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver })) : (this.alternativeTitle), h(AantekenStatus, { key: '9bb6f0bfe52dfb64fde38bd1949304565524c8d4', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: 'e074b1eeae60843da23d11de4a1e7c2b619d349a', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showOntwerpBadge() && (h(Fragment, { key: 'f991cc43a54aebce4054040e717d242c70427fcb' }, h("dso-badge", { key: 'bd09fdd27837811af0d7ac95a12cbce45023f345', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '67963a4c2c0ebf23beff8eb95e471e839c82dedb', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '19b2b05dc24e350f7a197fe2ac5b880aecf56179', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '749e929da5e194a330210018d34ee9884f71166e', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '8cf52c6604c2efa3a8b5025f4493508ee610ef2e', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: 'c58b368b32eca4cb81eab734cfcf3e868d71682d', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '1035c8e553cb8e4d21506d0b356ccbcb5153d4d6', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '6ef36113175dc3006c02735d238aaa6a6ea1380b', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '8b42c984f7ddd19df5bdd168304aace15a4a0d1e', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '3d44b4495b29e0b54fc7e90348ffcd97490696fd', class: "content", part: "_content" }, h(AantekenAlert, { key: '131874c7e19d989f95b28f3717aad5d52e2515bd', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: 'ff98fc973afb4ef8a4a543ebd2deef4b5ec8b9ba', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver })))), h("div", { key: 'e6387534c369ebdfde14d8e631efd4bf2e40b5ae', class: "children-container", part: "_children-container" }, h("slot", { key: 'fc1fb7c168b5ff078313af838613943a53d7f679' }))));
234
234
  }
235
235
  static get style() { return documentComponentCss; }
236
236
  }, [257, "dso-document-component", {
@@ -253,6 +253,7 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
253
253
  "mark": [16],
254
254
  "recursiveToggle": [8, "recursive-toggle"],
255
255
  "ozonContentUrlResolver": [16, "ozon-content-url-resolver"],
256
+ "ozonContentBegripResolver": [16, "ozon-content-begrip-resolver"],
256
257
  "mode": [513],
257
258
  "href": [513]
258
259
  }]);
@@ -260,7 +261,7 @@ function defineCustomElement() {
260
261
  if (typeof customElements === "undefined") {
261
262
  return;
262
263
  }
263
- const components = ["dso-document-component", "dso-alert", "dso-badge", "dso-icon", "dso-icon-button", "dso-image-overlay", "dso-label", "dso-ozon-content", "dso-panel", "dso-table", "dso-tooltip"];
264
+ const components = ["dso-document-component", "dso-alert", "dso-badge", "dso-icon", "dso-icon-button", "dso-image-overlay", "dso-label", "dso-ozon-content", "dso-ozon-content-toggletip", "dso-panel", "dso-table", "dso-tooltip"];
264
265
  components.forEach(tagName => { switch (tagName) {
265
266
  case "dso-document-component":
266
267
  if (!customElements.get(tagName)) {
@@ -269,35 +270,40 @@ function defineCustomElement() {
269
270
  break;
270
271
  case "dso-alert":
271
272
  if (!customElements.get(tagName)) {
272
- defineCustomElement$a();
273
+ defineCustomElement$b();
273
274
  }
274
275
  break;
275
276
  case "dso-badge":
276
277
  if (!customElements.get(tagName)) {
277
- defineCustomElement$9();
278
+ defineCustomElement$a();
278
279
  }
279
280
  break;
280
281
  case "dso-icon":
281
282
  if (!customElements.get(tagName)) {
282
- defineCustomElement$8();
283
+ defineCustomElement$9();
283
284
  }
284
285
  break;
285
286
  case "dso-icon-button":
286
287
  if (!customElements.get(tagName)) {
287
- defineCustomElement$7();
288
+ defineCustomElement$8();
288
289
  }
289
290
  break;
290
291
  case "dso-image-overlay":
291
292
  if (!customElements.get(tagName)) {
292
- defineCustomElement$6();
293
+ defineCustomElement$7();
293
294
  }
294
295
  break;
295
296
  case "dso-label":
296
297
  if (!customElements.get(tagName)) {
297
- defineCustomElement$5();
298
+ defineCustomElement$6();
298
299
  }
299
300
  break;
300
301
  case "dso-ozon-content":
302
+ if (!customElements.get(tagName)) {
303
+ defineCustomElement$5();
304
+ }
305
+ break;
306
+ case "dso-ozon-content-toggletip":
301
307
  if (!customElements.get(tagName)) {
302
308
  defineCustomElement$4();
303
309
  }