@dso-toolkit/core 65.0.2 → 66.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 (273) hide show
  1. package/dist/cjs/dso-alert_6.cjs.entry.js +3 -4
  2. package/dist/cjs/dso-alert_6.cjs.entry.js.map +1 -1
  3. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +1 -1
  4. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  5. package/dist/cjs/dso-card.cjs.entry.js +7 -35
  6. package/dist/cjs/dso-card.cjs.entry.js.map +1 -1
  7. package/dist/cjs/dso-date-picker-legacy.cjs.entry.js +3 -3
  8. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  9. package/dist/cjs/dso-document-card.cjs.entry.js +45 -0
  10. package/dist/cjs/dso-document-card.cjs.entry.js.map +1 -0
  11. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +1 -1
  12. package/dist/cjs/dso-helpcenter-panel.cjs.entry.js +2 -2
  13. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  14. package/dist/cjs/dso-icon.cjs.entry.js +1 -1
  15. package/dist/cjs/dso-info-button.cjs.entry.js +2 -2
  16. package/dist/cjs/dso-info-button.cjs.entry.js.map +1 -1
  17. package/dist/cjs/dso-info_2.cjs.entry.js +2 -2
  18. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  19. package/dist/cjs/dso-label_2.cjs.entry.js +4 -4
  20. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  21. package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
  22. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  23. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  24. package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
  25. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  26. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  27. package/dist/cjs/dso-modal.cjs.entry.js +2 -2
  28. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +59 -0
  29. package/dist/cjs/dso-plekinfo-card.cjs.entry.js.map +1 -0
  30. package/dist/cjs/dso-progress-bar.cjs.entry.js +1 -1
  31. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  32. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  33. package/dist/cjs/dso-renvooi_2.cjs.entry.js +1 -1
  34. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  35. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  36. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  37. package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
  38. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  39. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  40. package/dist/cjs/dso-viewer-grid.cjs.entry.js +1 -1
  41. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  42. package/dist/cjs/loader.cjs.js +1 -1
  43. package/dist/collection/collection-manifest.json +2 -0
  44. package/dist/collection/components/card/card.css +33 -17
  45. package/dist/collection/components/card/card.interfaces.js.map +1 -1
  46. package/dist/collection/components/card/card.js +35 -79
  47. package/dist/collection/components/card/card.js.map +1 -1
  48. package/dist/collection/components/card-container/card-container.js +1 -1
  49. package/dist/collection/components/date-picker/date-picker.js +1 -1
  50. package/dist/collection/components/date-picker-legacy/date-picker-legacy.js +3 -3
  51. package/dist/collection/components/document-card/document-card.css +90 -0
  52. package/dist/collection/components/document-card/document-card.interfaces.js +2 -0
  53. package/dist/collection/components/document-card/document-card.interfaces.js.map +1 -0
  54. package/dist/collection/components/document-card/document-card.js +111 -0
  55. package/dist/collection/components/document-card/document-card.js.map +1 -0
  56. package/dist/collection/components/document-component/document-component.js +1 -1
  57. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  58. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  59. package/dist/collection/components/helpcenter-panel/helpcenter-panel.js +2 -2
  60. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  61. package/dist/collection/components/icon/icon.js +1 -1
  62. package/dist/collection/components/image-overlay/image-overlay.js +1 -2
  63. package/dist/collection/components/image-overlay/image-overlay.js.map +1 -1
  64. package/dist/collection/components/info/info.js +1 -1
  65. package/dist/collection/components/info-button/info-button.css +1 -1
  66. package/dist/collection/components/info-button/info-button.js +1 -1
  67. package/dist/collection/components/input-range/input-range.js +2 -2
  68. package/dist/collection/components/label/label.js +3 -3
  69. package/dist/collection/components/legend-item/legend-item.js +2 -2
  70. package/dist/collection/components/list-button/list-button.js +1 -1
  71. package/dist/collection/components/logo/logo.js +1 -1
  72. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  73. package/dist/collection/components/map-controls/map-controls.js +1 -1
  74. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  75. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  76. package/dist/collection/components/modal/modal.js +2 -2
  77. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  78. package/dist/collection/components/plekinfo-card/plekinfo-card.css +157 -0
  79. package/dist/collection/components/plekinfo-card/plekinfo-card.interfaces.js +2 -0
  80. package/dist/collection/components/plekinfo-card/plekinfo-card.interfaces.js.map +1 -0
  81. package/dist/collection/components/plekinfo-card/plekinfo-card.js +148 -0
  82. package/dist/collection/components/plekinfo-card/plekinfo-card.js.map +1 -0
  83. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  84. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  85. package/dist/collection/components/project-item/project-item.js +1 -1
  86. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  87. package/dist/collection/components/scrollable/scrollable.js +2 -2
  88. package/dist/collection/components/selectable/selectable.js +1 -1
  89. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  90. package/dist/collection/components/table/table.js +1 -1
  91. package/dist/collection/components/tabs/tabs.js +1 -1
  92. package/dist/collection/components/toggletip/toggletip.js +1 -1
  93. package/dist/collection/components/tooltip/tooltip.js +1 -1
  94. package/dist/collection/components/tree-view/tree-view.js +1 -1
  95. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  96. package/dist/components/document-component.js +1 -1
  97. package/dist/components/dropdown-menu.js +1 -1
  98. package/dist/components/dso-card-container.js +1 -1
  99. package/dist/components/dso-card.js +9 -38
  100. package/dist/components/dso-card.js.map +1 -1
  101. package/dist/components/dso-date-picker-legacy.js +3 -3
  102. package/dist/components/dso-date-picker.js +1 -1
  103. package/dist/components/dso-document-card.d.ts +11 -0
  104. package/dist/components/dso-document-card.js +68 -0
  105. package/dist/components/dso-document-card.js.map +1 -0
  106. package/dist/components/dso-helpcenter-panel.js +2 -2
  107. package/dist/components/dso-highlight-box.js +1 -1
  108. package/dist/components/dso-input-range.js +2 -2
  109. package/dist/components/dso-legend-item.js +2 -2
  110. package/dist/components/dso-list-button.js +1 -1
  111. package/dist/components/dso-logo.js +1 -1
  112. package/dist/components/dso-map-base-layers.js +1 -1
  113. package/dist/components/dso-map-controls.js +1 -1
  114. package/dist/components/dso-map-overlays.js +1 -1
  115. package/dist/components/dso-mark-bar.js +1 -1
  116. package/dist/components/dso-modal.js +2 -2
  117. package/dist/components/dso-plekinfo-card.d.ts +11 -0
  118. package/dist/components/dso-plekinfo-card.js +83 -0
  119. package/dist/components/dso-plekinfo-card.js.map +1 -0
  120. package/dist/components/dso-progress-bar.js +1 -1
  121. package/dist/components/dso-project-item.js +1 -1
  122. package/dist/components/dso-tabs.js +1 -1
  123. package/dist/components/dso-tree-view.js +1 -1
  124. package/dist/components/dso-viewer-grid.js +1 -1
  125. package/dist/components/dsot-document-component-demo.js +1 -1
  126. package/dist/components/icon.js +1 -1
  127. package/dist/components/image-overlay.js +1 -2
  128. package/dist/components/image-overlay.js.map +1 -1
  129. package/dist/components/index.d.ts +4 -0
  130. package/dist/components/index.js +2 -0
  131. package/dist/components/index.js.map +1 -1
  132. package/dist/components/info-button.js +2 -2
  133. package/dist/components/info-button.js.map +1 -1
  134. package/dist/components/info.js +1 -1
  135. package/dist/components/label.js +3 -3
  136. package/dist/components/ozon-content.js +1 -1
  137. package/dist/components/progress-indicator.js +1 -1
  138. package/dist/components/responsive-element.js +1 -1
  139. package/dist/components/scrollable.js +2 -2
  140. package/dist/components/selectable.js +1 -1
  141. package/dist/components/slide-toggle.js +1 -1
  142. package/dist/components/table.js +1 -1
  143. package/dist/components/toggletip.js +1 -1
  144. package/dist/components/tooltip.js +1 -1
  145. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  146. package/dist/dso-toolkit/dso-toolkit.esm.js.map +1 -1
  147. package/dist/dso-toolkit/p-05094f69.entry.js +2 -0
  148. package/dist/dso-toolkit/{p-9772e3b6.entry.js → p-228e4c2d.entry.js} +2 -2
  149. package/dist/dso-toolkit/{p-33629822.entry.js → p-34f1afd3.entry.js} +2 -2
  150. package/dist/dso-toolkit/{p-e4eed4a2.entry.js → p-3be4c978.entry.js} +2 -2
  151. package/dist/dso-toolkit/{p-4948f5e5.entry.js → p-3cdfb92e.entry.js} +2 -2
  152. package/dist/dso-toolkit/p-462d045d.entry.js +2 -0
  153. package/dist/dso-toolkit/p-462d045d.entry.js.map +1 -0
  154. package/dist/dso-toolkit/{p-34c19fc1.entry.js → p-64bf55d1.entry.js} +2 -2
  155. package/dist/dso-toolkit/{p-19dd99c6.entry.js → p-65f73444.entry.js} +2 -2
  156. package/dist/dso-toolkit/p-6a414b15.entry.js +2 -0
  157. package/dist/dso-toolkit/{p-d7358e77.entry.js.map → p-6a414b15.entry.js.map} +1 -1
  158. package/dist/dso-toolkit/p-6ff3146e.entry.js +2 -0
  159. package/dist/dso-toolkit/p-6ff3146e.entry.js.map +1 -0
  160. package/dist/dso-toolkit/{p-ff8a8429.entry.js → p-8b9ee8d3.entry.js} +2 -2
  161. package/dist/dso-toolkit/{p-c0460667.entry.js → p-8dbf4868.entry.js} +2 -2
  162. package/dist/dso-toolkit/{p-e563fe5b.entry.js → p-950d43d8.entry.js} +2 -2
  163. package/dist/dso-toolkit/p-9a3879d8.entry.js +2 -0
  164. package/dist/dso-toolkit/p-9a3879d8.entry.js.map +1 -0
  165. package/dist/dso-toolkit/{p-0cd85e9b.entry.js → p-9ebf26d8.entry.js} +2 -2
  166. package/dist/dso-toolkit/{p-54dd8d20.entry.js → p-a168dbd1.entry.js} +2 -2
  167. package/dist/dso-toolkit/{p-9af9870b.entry.js → p-a6f19891.entry.js} +2 -2
  168. package/dist/dso-toolkit/{p-4d1af9b6.entry.js → p-a801f428.entry.js} +2 -2
  169. package/dist/dso-toolkit/{p-afb2d842.entry.js → p-a9427715.entry.js} +2 -2
  170. package/dist/dso-toolkit/{p-e96c2531.entry.js → p-ab22347c.entry.js} +2 -2
  171. package/dist/dso-toolkit/{p-2ab51dba.entry.js → p-ae076d5b.entry.js} +2 -2
  172. package/dist/dso-toolkit/{p-f9a0b819.entry.js → p-bb87ef29.entry.js} +2 -2
  173. package/dist/dso-toolkit/p-bda2d5ce.entry.js +2 -0
  174. package/dist/dso-toolkit/{p-85d58afe.entry.js → p-c228d56a.entry.js} +2 -2
  175. package/dist/dso-toolkit/{p-2a83ec2c.entry.js → p-c7b2a5ef.entry.js} +2 -2
  176. package/dist/dso-toolkit/p-d67efa9d.entry.js +2 -0
  177. package/dist/dso-toolkit/p-d67efa9d.entry.js.map +1 -0
  178. package/dist/dso-toolkit/{p-5db11fa4.entry.js → p-d885c651.entry.js} +2 -2
  179. package/dist/dso-toolkit/{p-2f9c5d0e.entry.js → p-dd6cf2cd.entry.js} +2 -2
  180. package/dist/dso-toolkit/{p-4e6511c3.entry.js → p-e132910b.entry.js} +2 -2
  181. package/dist/dso-toolkit/{p-5fa80df5.entry.js → p-e3fea9f8.entry.js} +2 -2
  182. package/dist/dso-toolkit/{p-18318bd5.entry.js → p-e773c47e.entry.js} +2 -2
  183. package/dist/dso-toolkit/{p-d3d7cd07.entry.js → p-e96183ae.entry.js} +2 -2
  184. package/dist/dso-toolkit/{p-aa4d13b4.entry.js → p-e9896db2.entry.js} +2 -2
  185. package/dist/dso-toolkit/{p-0c228908.entry.js → p-ea46d648.entry.js} +2 -2
  186. package/dist/dso-toolkit/{p-448d84e3.entry.js → p-ef8fbe01.entry.js} +2 -2
  187. package/dist/esm/dso-alert_6.entry.js +3 -4
  188. package/dist/esm/dso-alert_6.entry.js.map +1 -1
  189. package/dist/esm/dso-annotation-locatie_2.entry.js +1 -1
  190. package/dist/esm/dso-card-container.entry.js +1 -1
  191. package/dist/esm/dso-card.entry.js +7 -35
  192. package/dist/esm/dso-card.entry.js.map +1 -1
  193. package/dist/esm/dso-date-picker-legacy.entry.js +3 -3
  194. package/dist/esm/dso-date-picker.entry.js +1 -1
  195. package/dist/esm/dso-document-card.entry.js +41 -0
  196. package/dist/esm/dso-document-card.entry.js.map +1 -0
  197. package/dist/esm/dso-dropdown-menu.entry.js +1 -1
  198. package/dist/esm/dso-helpcenter-panel.entry.js +2 -2
  199. package/dist/esm/dso-highlight-box.entry.js +1 -1
  200. package/dist/esm/dso-icon.entry.js +1 -1
  201. package/dist/esm/dso-info-button.entry.js +2 -2
  202. package/dist/esm/dso-info-button.entry.js.map +1 -1
  203. package/dist/esm/dso-info_2.entry.js +2 -2
  204. package/dist/esm/dso-input-range.entry.js +2 -2
  205. package/dist/esm/dso-label_2.entry.js +4 -4
  206. package/dist/esm/dso-legend-item.entry.js +2 -2
  207. package/dist/esm/dso-list-button.entry.js +1 -1
  208. package/dist/esm/dso-logo.entry.js +1 -1
  209. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  210. package/dist/esm/dso-map-controls.entry.js +1 -1
  211. package/dist/esm/dso-map-overlays.entry.js +1 -1
  212. package/dist/esm/dso-mark-bar.entry.js +1 -1
  213. package/dist/esm/dso-modal.entry.js +2 -2
  214. package/dist/esm/dso-plekinfo-card.entry.js +55 -0
  215. package/dist/esm/dso-plekinfo-card.entry.js.map +1 -0
  216. package/dist/esm/dso-progress-bar.entry.js +1 -1
  217. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  218. package/dist/esm/dso-project-item.entry.js +1 -1
  219. package/dist/esm/dso-renvooi_2.entry.js +1 -1
  220. package/dist/esm/dso-responsive-element.entry.js +1 -1
  221. package/dist/esm/dso-scrollable.entry.js +2 -2
  222. package/dist/esm/dso-tabs.entry.js +1 -1
  223. package/dist/esm/dso-toggletip.entry.js +1 -1
  224. package/dist/esm/dso-toolkit.js +1 -1
  225. package/dist/esm/dso-tree-view.entry.js +1 -1
  226. package/dist/esm/dso-viewer-grid.entry.js +1 -1
  227. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  228. package/dist/esm/loader.js +1 -1
  229. package/dist/types/components/card/card.d.ts +14 -18
  230. package/dist/types/components/card/card.interfaces.d.ts +2 -3
  231. package/dist/types/components/document-card/document-card.d.ts +29 -0
  232. package/dist/types/components/document-card/document-card.interfaces.d.ts +5 -0
  233. package/dist/types/components/plekinfo-card/plekinfo-card.d.ts +34 -0
  234. package/dist/types/components/plekinfo-card/plekinfo-card.interfaces.d.ts +6 -0
  235. package/dist/types/components.d.ts +119 -21
  236. package/package.json +2 -2
  237. package/dist/dso-toolkit/p-2e413e3d.entry.js +0 -2
  238. package/dist/dso-toolkit/p-391deb2a.entry.js +0 -2
  239. package/dist/dso-toolkit/p-391deb2a.entry.js.map +0 -1
  240. package/dist/dso-toolkit/p-502f51b9.entry.js +0 -2
  241. package/dist/dso-toolkit/p-88aebd15.entry.js +0 -2
  242. package/dist/dso-toolkit/p-88aebd15.entry.js.map +0 -1
  243. package/dist/dso-toolkit/p-d7358e77.entry.js +0 -2
  244. /package/dist/dso-toolkit/{p-2e413e3d.entry.js.map → p-05094f69.entry.js.map} +0 -0
  245. /package/dist/dso-toolkit/{p-9772e3b6.entry.js.map → p-228e4c2d.entry.js.map} +0 -0
  246. /package/dist/dso-toolkit/{p-33629822.entry.js.map → p-34f1afd3.entry.js.map} +0 -0
  247. /package/dist/dso-toolkit/{p-e4eed4a2.entry.js.map → p-3be4c978.entry.js.map} +0 -0
  248. /package/dist/dso-toolkit/{p-4948f5e5.entry.js.map → p-3cdfb92e.entry.js.map} +0 -0
  249. /package/dist/dso-toolkit/{p-34c19fc1.entry.js.map → p-64bf55d1.entry.js.map} +0 -0
  250. /package/dist/dso-toolkit/{p-19dd99c6.entry.js.map → p-65f73444.entry.js.map} +0 -0
  251. /package/dist/dso-toolkit/{p-ff8a8429.entry.js.map → p-8b9ee8d3.entry.js.map} +0 -0
  252. /package/dist/dso-toolkit/{p-c0460667.entry.js.map → p-8dbf4868.entry.js.map} +0 -0
  253. /package/dist/dso-toolkit/{p-e563fe5b.entry.js.map → p-950d43d8.entry.js.map} +0 -0
  254. /package/dist/dso-toolkit/{p-0cd85e9b.entry.js.map → p-9ebf26d8.entry.js.map} +0 -0
  255. /package/dist/dso-toolkit/{p-54dd8d20.entry.js.map → p-a168dbd1.entry.js.map} +0 -0
  256. /package/dist/dso-toolkit/{p-9af9870b.entry.js.map → p-a6f19891.entry.js.map} +0 -0
  257. /package/dist/dso-toolkit/{p-4d1af9b6.entry.js.map → p-a801f428.entry.js.map} +0 -0
  258. /package/dist/dso-toolkit/{p-afb2d842.entry.js.map → p-a9427715.entry.js.map} +0 -0
  259. /package/dist/dso-toolkit/{p-e96c2531.entry.js.map → p-ab22347c.entry.js.map} +0 -0
  260. /package/dist/dso-toolkit/{p-2ab51dba.entry.js.map → p-ae076d5b.entry.js.map} +0 -0
  261. /package/dist/dso-toolkit/{p-f9a0b819.entry.js.map → p-bb87ef29.entry.js.map} +0 -0
  262. /package/dist/dso-toolkit/{p-502f51b9.entry.js.map → p-bda2d5ce.entry.js.map} +0 -0
  263. /package/dist/dso-toolkit/{p-85d58afe.entry.js.map → p-c228d56a.entry.js.map} +0 -0
  264. /package/dist/dso-toolkit/{p-2a83ec2c.entry.js.map → p-c7b2a5ef.entry.js.map} +0 -0
  265. /package/dist/dso-toolkit/{p-5db11fa4.entry.js.map → p-d885c651.entry.js.map} +0 -0
  266. /package/dist/dso-toolkit/{p-2f9c5d0e.entry.js.map → p-dd6cf2cd.entry.js.map} +0 -0
  267. /package/dist/dso-toolkit/{p-4e6511c3.entry.js.map → p-e132910b.entry.js.map} +0 -0
  268. /package/dist/dso-toolkit/{p-5fa80df5.entry.js.map → p-e3fea9f8.entry.js.map} +0 -0
  269. /package/dist/dso-toolkit/{p-18318bd5.entry.js.map → p-e773c47e.entry.js.map} +0 -0
  270. /package/dist/dso-toolkit/{p-d3d7cd07.entry.js.map → p-e96183ae.entry.js.map} +0 -0
  271. /package/dist/dso-toolkit/{p-aa4d13b4.entry.js.map → p-e9896db2.entry.js.map} +0 -0
  272. /package/dist/dso-toolkit/{p-0c228908.entry.js.map → p-ea46d648.entry.js.map} +0 -0
  273. /package/dist/dso-toolkit/{p-448d84e3.entry.js.map → p-ef8fbe01.entry.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"names":["alertCss","DsoAlertStyle0","Alert","render","status","statusMap","get","this","Error","h","key","class","clsx","compact","role","roleAlert","undefined","icon","Map","badgeCss","DsoBadgeStyle0","Badge","imageOverlayCss","DsoImageOverlayStyle0","wijzigactieLabels","verwijder","voegtoe","Dimmer","active","src","alt","ref","click","children","type","onClick","ImageOverlay","titelSlot","bijschriftSlot","loadListener","event","target","HTMLImageElement","setZoomable","connectedCallback","host","querySelector","componentDidLoad","resizeObserver","ResizeObserver","debounce","imgElement","mutationObserver","MutationObserver","e","forceUpdate","_a","_b","disconnect","initZoomableImage","observe","attributes","subtree","attributeFilter","childList","disconnectedCallback","trap","deactivate","_c","complete","imageElement","width","naturalWidth","height","naturalHeight","zoomable","isWijzigactie","wijzigactie","editActionLabel","button","element","buttonElement","Host","focus","wrapperElement","name","hidden","componentDidRender","createFocusTrap","escapeDeactivates","clickOutsideDeactivates","MouseEvent","composedPath","setReturnFocus","onDeactivate","activate","getNodeName","node","Element","localName","nodeName","includes","substring","indexOf","wijzigactieToClassName","parseWijzigactieFromNode","getAttribute","WrapWijzigactie","isNestedAl","path","some","n","OzonContentAlNode","constructor","mapNodeToJsx","inline","content","childNodes","className","OzonContentBronNode","OzonContentDocumentNode","Fragment","INFINITY","symbolTag","reAsciiWord","reLatin","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsDingbatRange","rsLowerRange","rsMathOpRange","rsNonCharRange","rsPunctuationRange","rsSpaceRange","rsUpperRange","rsVarRange","rsBreakRange","rsApos","rsBreak","rsCombo","rsDigits","rsDingbat","rsLower","rsMisc","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsUpper","rsZWJ","rsLowerMisc","rsUpperMisc","rsOptLowerContr","rsOptUpperContr","reOptMod","rsOptVar","rsOptJoin","join","rsSeq","rsEmoji","reApos","RegExp","reComboMark","reUnicodeWord","reHasUnicodeWord","deburredLetters","freeGlobal","global","Object","freeSelf","self","root","Function","arrayReduce","array","iteratee","accumulator","initAccum","index","length","asciiWords","string","match","basePropertyOf","object","deburrLetter","hasUnicodeWord","test","unicodeWords","objectProto","prototype","objectToString","toString","Symbol","symbolProto","symbolToString","baseToString","value","isSymbol","call","result","createCompounder","callback","words","deburr","replace","isObjectLike","kebabCase","word","toLowerCase","pattern","guard","lodash_kebabcase","OzonContentExtRefNode","href","tagName","rel","OzonContentFallbackNode","Bijschrift","bijschrift","bron","inhoud","OzonContentFiguurNode","getStyle","breedte","hoogte","Array","from","titel","find","textContent","illustratieNode","bijschriftNode","illustratie","naam","uitlijning","locatie","preventLayoutShift","Number","slot","_f","_e","_d","style","OzonContentInhoudNode","richContent","OzonContentInlineTekstAfbeeldingNode","OzonContentInlineNodes","Tag","OzonContentIntIoRefNode","emitAnchorClick","intRefOnClick","preventDefault","currentTarget","HTMLAnchorElement","documentComponent","originalEvent","OzonContentIntRefNode","OzonContentLijstNode","parseTypeFromLijstNode","aanhef","sluiting","listItems","filter","map","item","itemNodes","liNummer","liWijzigactie","OzonContentNieuweTekstNode","OzonContentNootNode","handles","identify","state","openNoteId","setState","noteId","console","error","noteControlsId","nootNummer","onBlur","id","stateless","descriptive","querySelectorAll","OzonContentOpschriftNode","mapColspecs","count","nodeList","elements","totalWidth","getTotalWidth","columns","colNumber","colsep","number","parseInt","rowsep","getWidth","reduce","colWidth","isNaN","Math","round","Colgroup","colspecs","colspec","getColspecStartColsep","nameStart","colspecStart","c","getColspecStartRowsep","getData","cell","row","parentElement","tgroup","table","moreRows","nameEnd","getColspan","colspecEnd","colspan","Cell","context","rowSpan","colSpan","Rows","rows","mapData","colAttribute","columnCount","caption","headRows","bodyRows","frame","OzonContentTableNode","uuidv4","assign","OzonContentTextNode","mark","emitMarkItemHighlight","highlight","text","OzonContentVerwijderdeTekstNode","Mapper","mappers","skip","t","m","push","fallbackNode","findMapper","isArray","NodeList","mapper","identity","s","transform","input","document","inputToXmlDocument","message","getRootNode","XMLDocument","domParser","DOMParser","parseFromString","implementation","createDocument","ozonContentCss","DsoOzonContentStyle0","OzonContent","handleMarkItemHighlight","elementRef","dsoOzonContentMarkItemHighlight","emit","contentWatcher","dsoAnchorClick","transformed","panelCss","DsoPanelStyle0","Panel","dsoCloseClick","tableCss","DsoTableStyle0","Table","labelledbyId","v4","startResponsiveBehavior","componentWillLoad","entries","setResponsiveTable","setFocusTrap","trim","modalActive","placeholderHeight","focusTrapElement","isResponsive","noModal","display","openModal","closeModal","clientHeight","tabbableOptions","getShadowRoot","dsoTable","tableElement","HTMLTableElement","floor","getBoundingClientRect","contentRect"],"sources":["src/components/alert/alert.scss?tag=dso-alert&encapsulation=shadow","src/components/alert/alert.tsx","src/components/badge/badge.scss?tag=dso-badge&encapsulation=shadow","src/components/badge/badge.tsx","src/components/image-overlay/image-overlay.scss?tag=dso-image-overlay&encapsulation=shadow","src/components/image-overlay/image-overlay.tsx","src/components/ozon-content/get-node-name.function.ts","src/components/ozon-content/functions/wijzigactie-to-class-name.function.ts","src/components/ozon-content/functions/parse-wijzigactie-from-node.function.ts","src/components/ozon-content/functional-components/wrap-wijzigactie.functional-component.tsx","src/components/ozon-content/nodes/al.node.tsx","src/components/ozon-content/nodes/bron.node.tsx","src/components/ozon-content/nodes/document.node.tsx","../../node_modules/lodash.kebabcase/index.js","src/components/ozon-content/nodes/ext-ref.node.tsx","src/components/ozon-content/nodes/fallback.node.tsx","src/components/ozon-content/nodes/figuur.node.tsx","src/components/ozon-content/nodes/inhoud.node.tsx","src/components/ozon-content/nodes/inline-tekst-afbeelding.node.tsx","src/components/ozon-content/nodes/inline.nodes.tsx","src/components/ozon-content/nodes/int-io-ref.node.tsx","src/components/ozon-content/nodes/int-ref.node.tsx","src/components/ozon-content/nodes/lijst.node.tsx","src/components/ozon-content/nodes/nieuwe-tekst.node.tsx","src/components/ozon-content/nodes/noot.node.tsx","src/components/ozon-content/nodes/opschrift.node.tsx","src/components/ozon-content/nodes/table.node/colspec/colspec-mapper.ts","src/components/ozon-content/nodes/table.node/table-colgroup.tsx","src/components/ozon-content/nodes/table.node/table-cell.tsx","src/components/ozon-content/nodes/table.node/table-rows.tsx","src/components/ozon-content/nodes/table.node/table.node.tsx","src/components/ozon-content/nodes/text.node.tsx","src/components/ozon-content/nodes/verwijderde-tekst.node.tsx","src/components/ozon-content/ozon-content-mapper.tsx","src/components/ozon-content/ozon-content.scss?tag=dso-ozon-content&encapsulation=shadow","src/components/ozon-content/ozon-content.tsx","src/components/panel/panel.scss?tag=dso-panel&encapsulation=shadow","src/components/panel/panel.tsx","src/components/table/table.scss?tag=dso-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/alert\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host(:not(:first-child)) {\r\n margin-block-start: units.$u3;\r\n}\r\n\r\n:host([compact]:not([compact=\"false\"])) {\r\n position: relative;\r\n @include alert.compact();\r\n}\r\n\r\n:host([status=\"success\"]) {\r\n @include alert.status-success();\r\n}\r\n\r\n:host([status=\"success\"][compact]:not([compact=\"false\"])) {\r\n &::before {\r\n background-color: alert.$success-compact-accent-bg;\r\n }\r\n}\r\n\r\n:host([status=\"error\"]) {\r\n @include alert.status-error();\r\n}\r\n\r\n:host([status=\"error\"][compact]:not([compact=\"false\"])) {\r\n &::before {\r\n background-color: alert.$danger-compact-accent-bg;\r\n }\r\n}\r\n\r\n:host([status=\"warning\"]) {\r\n @include alert.status-warning();\r\n}\r\n\r\n:host([status=\"warning\"][compact]:not([compact=\"false\"])) {\r\n &::before {\r\n background-color: alert.$warning-compact-accent-bg;\r\n }\r\n}\r\n\r\n:host([status=\"info\"]) {\r\n @include alert.status-info();\r\n}\r\n\r\n:host([status=\"info\"][compact]:not([compact=\"false\"])) {\r\n &::before {\r\n background-color: alert.$info-compact-accent-bg;\r\n }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.alert {\r\n @include alert.root();\r\n\r\n dso-icon {\r\n @include alert.icon-position();\r\n\r\n block-size: units.$u4;\r\n inline-size: units.$u4;\r\n }\r\n\r\n &.dso-compact {\r\n min-block-size: alert.$inline-padding;\r\n }\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\n@Component({\r\n tag: \"dso-alert\",\r\n styleUrl: \"alert.scss\",\r\n shadow: true,\r\n})\r\nexport class Alert {\r\n /**\r\n * Set status of alert\r\n */\r\n @Prop({ reflect: true })\r\n status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n /**\r\n * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n */\r\n @Prop()\r\n roleAlert?: boolean;\r\n\r\n /**\r\n * Show alert as compact variant (without icon)\r\n */\r\n @Prop({ reflect: true })\r\n compact?: boolean;\r\n\r\n private static statusMap = new Map<string, string>([\r\n [\"success\", \"Gelukt\"],\r\n [\"info\", \"Opmerking\"],\r\n [\"warning\", \"Waarschuwing\"],\r\n [\"error\", \"Fout\"],\r\n ]);\r\n\r\n render() {\r\n const status = Alert.statusMap.get(this.status);\r\n if (!status) {\r\n throw new Error(`Invalid status ${this.status}`);\r\n }\r\n\r\n return (\r\n <div\r\n class={clsx(\"alert\", `alert-${this.status}`, { \"dso-compact\": this.compact })}\r\n role={this.roleAlert ? \"alert\" : undefined}\r\n >\r\n {!this.compact && <dso-icon icon={\"status-\" + this.status}></dso-icon>}\r\n <span class=\"sr-only\">{status}:</span>\r\n <slot></slot>\r\n </div>\r\n );\r\n }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/badge\";\r\n\r\n:host {\r\n display: inline-block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.dso-badge {\r\n @include badge.root();\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { BadgeStatus } from \"./badge.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-badge\",\r\n styleUrl: \"badge.scss\",\r\n shadow: true,\r\n})\r\nexport class Badge {\r\n /**\r\n * The status of the Badge.\r\n */\r\n @Prop()\r\n status?: BadgeStatus;\r\n\r\n render() {\r\n return (\r\n <span class={clsx(\"dso-badge\", { [`badge-${this.status}`]: this.status })}>\r\n <slot></slot>\r\n </span>\r\n );\r\n }\r\n}\r\n","@use \"sass:color\";\r\n\r\n@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n:host {\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n:host(:hover) .open,\r\n.open:focus {\r\n opacity: 1;\r\n}\r\n\r\nbutton {\r\n @include button.element();\r\n}\r\n\r\n.open {\r\n @include button.secondary($modifiers: false, $icon-only: true);\r\n\r\n // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n & {\r\n border: 0;\r\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\r\n min-inline-size: auto;\r\n padding: units.$u1;\r\n opacity: 0;\r\n position: absolute;\r\n inset-inline-end: units.$u2;\r\n inset-block-start: units.$u2;\r\n }\r\n}\r\n\r\n.dimmer {\r\n position: fixed;\r\n inset: 0;\r\n z-index: zindex.$image-overlay - 1;\r\n display: flex;\r\n padding: units.$u4;\r\n background-color: color.scale(colors.$wit, $alpha: -20%);\r\n justify-content: center;\r\n}\r\n\r\n.wrapper {\r\n align-self: center;\r\n box-shadow: 0 units.$u1 units.$u3 0 rgba(25, 25, 25, 0.4);\r\n line-height: 0;\r\n outline: 4px solid colors.$wit;\r\n position: relative;\r\n z-index: zindex.$image-overlay;\r\n\r\n .title {\r\n background-color: colors.$wit;\r\n font-weight: 700;\r\n line-height: initial;\r\n padding: units.$u1;\r\n position: absolute;\r\n }\r\n\r\n img {\r\n inline-size: auto;\r\n block-size: auto;\r\n max-inline-size: 100%;\r\n max-block-size: calc(100vh - units.$u8);\r\n }\r\n\r\n .figuur-bijschrift:not([hidden]) {\r\n display: block;\r\n font-size: 0.75rem;\r\n font-style: italic;\r\n padding-block-end: units.$u1 * 1.5;\r\n padding-block-start: units.$u2;\r\n }\r\n}\r\n\r\n.close {\r\n @include button.secondary($modifiers: false, $icon-only: true);\r\n\r\n // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n & {\r\n border: 0;\r\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\r\n min-inline-size: auto;\r\n padding: units.$u1;\r\n position: absolute;\r\n inset-block-start: units.$u2;\r\n inset-inline-end: units.$u2;\r\n }\r\n}\r\n\r\nins.editaction-add {\r\n display: inline-block;\r\n margin-block-end: units.$u1;\r\n padding: units.$u1;\r\n @include insert.element();\r\n @include insert.root();\r\n\r\n .wrapper {\r\n outline: none;\r\n padding: units.$u1;\r\n @include insert.root();\r\n\r\n .editaction-label {\r\n line-height: 1.5;\r\n }\r\n\r\n .close {\r\n inset-block-start: units.$u6;\r\n }\r\n }\r\n\r\n .open {\r\n inset-block-start: units.$u6;\r\n }\r\n}\r\n\r\ndel.editaction-remove {\r\n display: inline-block;\r\n margin-block-end: units.$u1;\r\n padding: units.$u1;\r\n @include delete.root();\r\n\r\n .wrapper {\r\n outline: none;\r\n padding: units.$u1;\r\n @include delete.root();\r\n\r\n .title {\r\n text-decoration: line-through;\r\n }\r\n\r\n .editaction-label {\r\n line-height: 1.5;\r\n }\r\n\r\n .close {\r\n inset-block-start: units.$u6;\r\n }\r\n }\r\n\r\n .open {\r\n inset-block-start: units.$u6;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-block-end: units.$u1;\r\n}\r\n","import {\r\n Component,\r\n ComponentInterface,\r\n Element,\r\n forceUpdate,\r\n FunctionalComponent,\r\n h,\r\n Host,\r\n Listen,\r\n Prop,\r\n State,\r\n} from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\r\n\r\ntype ImageOverlayWijzigactie = \"voegtoe\" | \"verwijder\";\r\n\r\nconst wijzigactieLabels: { [wijzigactie in ImageOverlayWijzigactie]: string } = {\r\n verwijder: \"Verwijderd\",\r\n voegtoe: \"Toegevoegd\",\r\n};\r\n\r\nconst Dimmer: FunctionalComponent<{\r\n active: boolean;\r\n src: string | undefined;\r\n alt: string | undefined;\r\n ref: (element: HTMLHeadingElement | undefined) => void;\r\n click: () => void;\r\n}> = ({ active, src, alt, ref, click }, children) =>\r\n active &&\r\n src &&\r\n alt && (\r\n <div class=\"dimmer\">\r\n <div class=\"wrapper\" ref={ref}>\r\n {children[2]}\r\n {children[0]}\r\n <img src={src} alt={alt} />\r\n <button type=\"button\" class=\"close\" onClick={click}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span>Sluiten</span>\r\n </button>\r\n {children[1]}\r\n </div>\r\n </div>\r\n );\r\n\r\n@Component({\r\n tag: \"dso-image-overlay\",\r\n styleUrl: \"./image-overlay.scss\",\r\n shadow: true,\r\n})\r\nexport class ImageOverlay implements ComponentInterface {\r\n @Element()\r\n host!: HTMLDsoImageOverlayElement;\r\n\r\n /**\r\n * The wijzigactie.\r\n */\r\n @Prop()\r\n wijzigactie?: string;\r\n\r\n @State()\r\n active = false;\r\n\r\n @State()\r\n zoomable = false;\r\n\r\n private buttonElement: HTMLButtonElement | undefined;\r\n\r\n private wrapperElement: HTMLDivElement | undefined;\r\n\r\n private trap: FocusTrap | undefined;\r\n\r\n private titelSlot: HTMLElement | null = null;\r\n\r\n private bijschriftSlot: HTMLElement | null = null;\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n private resizeObserver?: ResizeObserver;\r\n\r\n @Listen(\"load\", { capture: true })\r\n loadListener(event: Event) {\r\n if (event.target instanceof HTMLImageElement) {\r\n this.setZoomable(event.target);\r\n }\r\n }\r\n\r\n connectedCallback() {\r\n this.titelSlot = this.host.querySelector<HTMLDivElement>(\"div[slot='titel']\");\r\n\r\n this.bijschriftSlot = this.host.querySelector<HTMLDivElement>(\"div[slot='bijschrift']\");\r\n }\r\n\r\n componentDidLoad() {\r\n this.resizeObserver = new ResizeObserver(\r\n debounce(() => {\r\n const imgElement = this.host.querySelector(\"img\");\r\n\r\n if (imgElement instanceof HTMLImageElement) {\r\n this.setZoomable(imgElement);\r\n }\r\n }, 200),\r\n );\r\n\r\n this.mutationObserver = new MutationObserver((e) => {\r\n forceUpdate(this.host);\r\n\r\n if (e[0]?.type === \"childList\") {\r\n this.resizeObserver?.disconnect();\r\n // <img> is gone or a new element.\r\n this.initZoomableImage();\r\n }\r\n });\r\n\r\n this.mutationObserver.observe(this.host, {\r\n attributes: true,\r\n subtree: true,\r\n attributeFilter: [\"src\", \"alt\"],\r\n childList: true,\r\n });\r\n\r\n this.initZoomableImage();\r\n }\r\n\r\n disconnectedCallback() {\r\n this.trap?.deactivate();\r\n this.mutationObserver?.disconnect();\r\n this.resizeObserver?.disconnect();\r\n }\r\n\r\n private initZoomableImage(): void {\r\n const imgElement = this.host.querySelector(\"img\");\r\n\r\n if (!(imgElement instanceof HTMLImageElement)) {\r\n return;\r\n }\r\n\r\n // Due to timing issues where the image is loaded before we listen to load events we double check if the image is already complete.\r\n if (imgElement.complete) {\r\n this.setZoomable(imgElement);\r\n }\r\n\r\n this.resizeObserver?.observe(imgElement);\r\n }\r\n\r\n private setZoomable(imageElement: HTMLImageElement): void {\r\n const { width, naturalWidth, height, naturalHeight } = imageElement;\r\n\r\n this.zoomable = width < naturalWidth || height < naturalHeight;\r\n }\r\n\r\n private isWijzigactie(wijzigactie: string): wijzigactie is ImageOverlayWijzigactie {\r\n return wijzigactie === \"voegtoe\" || wijzigactie === \"verwijder\";\r\n }\r\n\r\n render() {\r\n const { src, alt } = this.host.querySelector(\"img\") ?? {};\r\n\r\n const editActionLabel: string | undefined =\r\n (this.wijzigactie && this.isWijzigactie(this.wijzigactie) && wijzigactieLabels[this.wijzigactie]) || undefined;\r\n\r\n const button = this.zoomable && (\r\n <button\r\n type=\"button\"\r\n class=\"open\"\r\n ref={(element) => (this.buttonElement = element)}\r\n onClick={() => (this.active = true)}\r\n >\r\n <dso-icon icon=\"external-link\"></dso-icon>\r\n <span>Afbeelding vergroot weergeven</span>\r\n </button>\r\n );\r\n\r\n if (this.wijzigactie === \"verwijder\") {\r\n return (\r\n <Host onClick={() => this.buttonElement?.focus()}>\r\n <del class=\"editaction-remove\">\r\n <div class=\"editaction-label\">{editActionLabel}:</div>\r\n <Dimmer\r\n active={this.active}\r\n src={src}\r\n alt={alt}\r\n ref={(element) => (this.wrapperElement = element)}\r\n click={() => (this.active = false)}\r\n >\r\n {this.titelSlot && (\r\n <div class=\"title\">\r\n <slot name=\"titel\" />\r\n </div>\r\n )}\r\n <div class=\"figuur-bijschrift\" hidden={!this.bijschriftSlot}>\r\n <slot name=\"bijschrift\" />\r\n </div>\r\n {<div class=\"editaction-label\">{editActionLabel}:</div>}\r\n </Dimmer>\r\n <slot />\r\n {button}\r\n </del>\r\n </Host>\r\n );\r\n }\r\n\r\n if (this.wijzigactie === \"voegtoe\") {\r\n return (\r\n <Host onClick={() => this.buttonElement?.focus()}>\r\n <ins class=\"editaction-add\">\r\n <div class=\"editaction-label\">{editActionLabel}:</div>\r\n <Dimmer\r\n active={this.active}\r\n src={src}\r\n alt={alt}\r\n ref={(element) => (this.wrapperElement = element)}\r\n click={() => (this.active = false)}\r\n >\r\n {this.titelSlot && (\r\n <div class=\"title\">\r\n <slot name=\"titel\" />\r\n </div>\r\n )}\r\n <div class=\"figuur-bijschrift\" hidden={!this.bijschriftSlot}>\r\n <slot name=\"bijschrift\" />\r\n </div>\r\n {<div class=\"editaction-label\">{editActionLabel}:</div>}\r\n </Dimmer>\r\n <slot />\r\n {button}\r\n </ins>\r\n </Host>\r\n );\r\n }\r\n\r\n return (\r\n <Host onClick={() => this.buttonElement?.focus()}>\r\n <Dimmer\r\n active={this.active}\r\n src={src}\r\n alt={alt}\r\n ref={(element) => (this.wrapperElement = element)}\r\n click={() => (this.active = false)}\r\n >\r\n {this.titelSlot && (\r\n <div class=\"title\">\r\n <slot name=\"titel\" />\r\n </div>\r\n )}\r\n <div class=\"figuur-bijschrift\" hidden={!this.bijschriftSlot}>\r\n <slot name=\"bijschrift\" />\r\n </div>\r\n </Dimmer>\r\n <slot />\r\n {button}\r\n </Host>\r\n );\r\n }\r\n\r\n componentDidRender() {\r\n if (this.active && this.wrapperElement && !this.trap) {\r\n this.trap = createFocusTrap(this.wrapperElement, {\r\n escapeDeactivates: true,\r\n clickOutsideDeactivates: (e) => {\r\n if (e instanceof MouseEvent && e.composedPath()[0] === this.wrapperElement) {\r\n this.active = false;\r\n\r\n return false;\r\n }\r\n\r\n return true;\r\n },\r\n setReturnFocus: this.buttonElement ?? false,\r\n onDeactivate: () => (this.active = false),\r\n }).activate();\r\n } else if (!this.active && this.trap) {\r\n this.trap?.deactivate();\r\n\r\n delete this.trap;\r\n }\r\n }\r\n}\r\n","export function getNodeName(node: Node): string {\r\n if (node instanceof Element) {\r\n return node.localName;\r\n }\r\n\r\n if (node.nodeName.includes(\":\")) {\r\n return node.nodeName.substring(node.nodeName.indexOf(\":\") + 1);\r\n }\r\n\r\n return node.nodeName;\r\n}\r\n","import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function wijzigactieToClassName(wijzigactie: OzonContentWijzigActie | undefined): string | undefined {\r\n if (wijzigactie === \"voegtoe\") {\r\n return \"editaction-add\";\r\n }\r\n\r\n if (wijzigactie === \"verwijder\") {\r\n return \"editaction-remove\";\r\n }\r\n\r\n return undefined;\r\n}\r\n","import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function parseWijzigactieFromNode(node: Node): OzonContentWijzigActie | undefined {\r\n const wijzigactie = node instanceof Element ? node.getAttribute(\"wijzigactie\") : undefined;\r\n\r\n return wijzigactie === \"voegtoe\" || wijzigactie === \"verwijder\" ? wijzigactie : undefined;\r\n}\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport interface WrapWijzigactieProps {\r\n wijzigactie: OzonContentWijzigActie | undefined;\r\n}\r\n\r\nexport const WrapWijzigactie: FunctionalComponent<WrapWijzigactieProps> = ({ wijzigactie }, children) => {\r\n if (wijzigactie === \"voegtoe\") {\r\n return <ins>{children}</ins>;\r\n }\r\n\r\n if (wijzigactie === \"verwijder\") {\r\n return <del>{children}</del>;\r\n }\r\n\r\n return children;\r\n};\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\n\r\nfunction isNestedAl(path: Node[]) {\r\n return path.some((n) => {\r\n const nodeName = getNodeName(n);\r\n\r\n return nodeName === \"Al\" || nodeName === \"Opschrift\";\r\n });\r\n}\r\n\r\nexport class OzonContentAlNode implements OzonContentNode {\r\n name = \"Al\";\r\n\r\n render(node: Element, { mapNodeToJsx, path, inline }: OzonContentNodeContext) {\r\n let content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n if (inline || isNestedAl(path)) {\r\n content = (\r\n <span role=\"paragraph\" class={className}>\r\n {content}\r\n </span>\r\n );\r\n } else {\r\n content = <p class={className}>{content}</p>;\r\n }\r\n\r\n return <WrapWijzigactie wijzigactie={wijzigactie}>{content}</WrapWijzigactie>;\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentBronNode implements OzonContentNode {\r\n name = \"Bron\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n return <span class=\"dso-ozon-bron\">{mapNodeToJsx(node.childNodes)}</span>;\r\n }\r\n}\r\n","import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentDocumentNode implements OzonContentNode {\r\n name = \"#document\";\r\n\r\n render(node: Node, { mapNodeToJsx }: OzonContentNodeContext) {\r\n return <Fragment>{mapNodeToJsx(node.childNodes)}</Fragment>;\r\n }\r\n}\r\n","/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match words composed of alphanumeric characters. */\nvar reAsciiWord = /[^\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\x7f]+/g;\n\n/** Used to match Latin Unicode letters (excluding mathematical operators). */\nvar reLatin = /[\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\xff\\u0100-\\u017f]/g;\n\n/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n rsComboMarksRange = '\\\\u0300-\\\\u036f\\\\ufe20-\\\\ufe23',\n rsComboSymbolsRange = '\\\\u20d0-\\\\u20f0',\n rsDingbatRange = '\\\\u2700-\\\\u27bf',\n rsLowerRange = 'a-z\\\\xdf-\\\\xf6\\\\xf8-\\\\xff',\n rsMathOpRange = '\\\\xac\\\\xb1\\\\xd7\\\\xf7',\n rsNonCharRange = '\\\\x00-\\\\x2f\\\\x3a-\\\\x40\\\\x5b-\\\\x60\\\\x7b-\\\\xbf',\n rsPunctuationRange = '\\\\u2000-\\\\u206f',\n rsSpaceRange = ' \\\\t\\\\x0b\\\\f\\\\xa0\\\\ufeff\\\\n\\\\r\\\\u2028\\\\u2029\\\\u1680\\\\u180e\\\\u2000\\\\u2001\\\\u2002\\\\u2003\\\\u2004\\\\u2005\\\\u2006\\\\u2007\\\\u2008\\\\u2009\\\\u200a\\\\u202f\\\\u205f\\\\u3000',\n rsUpperRange = 'A-Z\\\\xc0-\\\\xd6\\\\xd8-\\\\xde',\n rsVarRange = '\\\\ufe0e\\\\ufe0f',\n rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;\n\n/** Used to compose unicode capture groups. */\nvar rsApos = \"['\\u2019]\",\n rsBreak = '[' + rsBreakRange + ']',\n rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',\n rsDigits = '\\\\d+',\n rsDingbat = '[' + rsDingbatRange + ']',\n rsLower = '[' + rsLowerRange + ']',\n rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',\n rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n rsNonAstral = '[^' + rsAstralRange + ']',\n rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n rsUpper = '[' + rsUpperRange + ']',\n rsZWJ = '\\\\u200d';\n\n/** Used to compose unicode regexes. */\nvar rsLowerMisc = '(?:' + rsLower + '|' + rsMisc + ')',\n rsUpperMisc = '(?:' + rsUpper + '|' + rsMisc + ')',\n rsOptLowerContr = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',\n rsOptUpperContr = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',\n reOptMod = rsModifier + '?',\n rsOptVar = '[' + rsVarRange + ']?',\n rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n rsSeq = rsOptVar + reOptMod + rsOptJoin,\n rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;\n\n/** Used to match apostrophes. */\nvar reApos = RegExp(rsApos, 'g');\n\n/**\n * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and\n * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).\n */\nvar reComboMark = RegExp(rsCombo, 'g');\n\n/** Used to match complex or compound words. */\nvar reUnicodeWord = RegExp([\n rsUpper + '?' + rsLower + '+' + rsOptLowerContr + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',\n rsUpperMisc + '+' + rsOptUpperContr + '(?=' + [rsBreak, rsUpper + rsLowerMisc, '$'].join('|') + ')',\n rsUpper + '?' + rsLowerMisc + '+' + rsOptLowerContr,\n rsUpper + '+' + rsOptUpperContr,\n rsDigits,\n rsEmoji\n].join('|'), 'g');\n\n/** Used to detect strings that need a more robust regexp to match words. */\nvar reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;\n\n/** Used to map Latin Unicode letters to basic Latin letters. */\nvar deburredLetters = {\n // Latin-1 Supplement block.\n '\\xc0': 'A', '\\xc1': 'A', '\\xc2': 'A', '\\xc3': 'A', '\\xc4': 'A', '\\xc5': 'A',\n '\\xe0': 'a', '\\xe1': 'a', '\\xe2': 'a', '\\xe3': 'a', '\\xe4': 'a', '\\xe5': 'a',\n '\\xc7': 'C', '\\xe7': 'c',\n '\\xd0': 'D', '\\xf0': 'd',\n '\\xc8': 'E', '\\xc9': 'E', '\\xca': 'E', '\\xcb': 'E',\n '\\xe8': 'e', '\\xe9': 'e', '\\xea': 'e', '\\xeb': 'e',\n '\\xcc': 'I', '\\xcd': 'I', '\\xce': 'I', '\\xcf': 'I',\n '\\xec': 'i', '\\xed': 'i', '\\xee': 'i', '\\xef': 'i',\n '\\xd1': 'N', '\\xf1': 'n',\n '\\xd2': 'O', '\\xd3': 'O', '\\xd4': 'O', '\\xd5': 'O', '\\xd6': 'O', '\\xd8': 'O',\n '\\xf2': 'o', '\\xf3': 'o', '\\xf4': 'o', '\\xf5': 'o', '\\xf6': 'o', '\\xf8': 'o',\n '\\xd9': 'U', '\\xda': 'U', '\\xdb': 'U', '\\xdc': 'U',\n '\\xf9': 'u', '\\xfa': 'u', '\\xfb': 'u', '\\xfc': 'u',\n '\\xdd': 'Y', '\\xfd': 'y', '\\xff': 'y',\n '\\xc6': 'Ae', '\\xe6': 'ae',\n '\\xde': 'Th', '\\xfe': 'th',\n '\\xdf': 'ss',\n // Latin Extended-A block.\n '\\u0100': 'A', '\\u0102': 'A', '\\u0104': 'A',\n '\\u0101': 'a', '\\u0103': 'a', '\\u0105': 'a',\n '\\u0106': 'C', '\\u0108': 'C', '\\u010a': 'C', '\\u010c': 'C',\n '\\u0107': 'c', '\\u0109': 'c', '\\u010b': 'c', '\\u010d': 'c',\n '\\u010e': 'D', '\\u0110': 'D', '\\u010f': 'd', '\\u0111': 'd',\n '\\u0112': 'E', '\\u0114': 'E', '\\u0116': 'E', '\\u0118': 'E', '\\u011a': 'E',\n '\\u0113': 'e', '\\u0115': 'e', '\\u0117': 'e', '\\u0119': 'e', '\\u011b': 'e',\n '\\u011c': 'G', '\\u011e': 'G', '\\u0120': 'G', '\\u0122': 'G',\n '\\u011d': 'g', '\\u011f': 'g', '\\u0121': 'g', '\\u0123': 'g',\n '\\u0124': 'H', '\\u0126': 'H', '\\u0125': 'h', '\\u0127': 'h',\n '\\u0128': 'I', '\\u012a': 'I', '\\u012c': 'I', '\\u012e': 'I', '\\u0130': 'I',\n '\\u0129': 'i', '\\u012b': 'i', '\\u012d': 'i', '\\u012f': 'i', '\\u0131': 'i',\n '\\u0134': 'J', '\\u0135': 'j',\n '\\u0136': 'K', '\\u0137': 'k', '\\u0138': 'k',\n '\\u0139': 'L', '\\u013b': 'L', '\\u013d': 'L', '\\u013f': 'L', '\\u0141': 'L',\n '\\u013a': 'l', '\\u013c': 'l', '\\u013e': 'l', '\\u0140': 'l', '\\u0142': 'l',\n '\\u0143': 'N', '\\u0145': 'N', '\\u0147': 'N', '\\u014a': 'N',\n '\\u0144': 'n', '\\u0146': 'n', '\\u0148': 'n', '\\u014b': 'n',\n '\\u014c': 'O', '\\u014e': 'O', '\\u0150': 'O',\n '\\u014d': 'o', '\\u014f': 'o', '\\u0151': 'o',\n '\\u0154': 'R', '\\u0156': 'R', '\\u0158': 'R',\n '\\u0155': 'r', '\\u0157': 'r', '\\u0159': 'r',\n '\\u015a': 'S', '\\u015c': 'S', '\\u015e': 'S', '\\u0160': 'S',\n '\\u015b': 's', '\\u015d': 's', '\\u015f': 's', '\\u0161': 's',\n '\\u0162': 'T', '\\u0164': 'T', '\\u0166': 'T',\n '\\u0163': 't', '\\u0165': 't', '\\u0167': 't',\n '\\u0168': 'U', '\\u016a': 'U', '\\u016c': 'U', '\\u016e': 'U', '\\u0170': 'U', '\\u0172': 'U',\n '\\u0169': 'u', '\\u016b': 'u', '\\u016d': 'u', '\\u016f': 'u', '\\u0171': 'u', '\\u0173': 'u',\n '\\u0174': 'W', '\\u0175': 'w',\n '\\u0176': 'Y', '\\u0177': 'y', '\\u0178': 'Y',\n '\\u0179': 'Z', '\\u017b': 'Z', '\\u017d': 'Z',\n '\\u017a': 'z', '\\u017c': 'z', '\\u017e': 'z',\n '\\u0132': 'IJ', '\\u0133': 'ij',\n '\\u0152': 'Oe', '\\u0153': 'oe',\n '\\u0149': \"'n\", '\\u017f': 'ss'\n};\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * A specialized version of `_.reduce` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @param {boolean} [initAccum] Specify using the first element of `array` as\n * the initial value.\n * @returns {*} Returns the accumulated value.\n */\nfunction arrayReduce(array, iteratee, accumulator, initAccum) {\n var index = -1,\n length = array ? array.length : 0;\n\n if (initAccum && length) {\n accumulator = array[++index];\n }\n while (++index < length) {\n accumulator = iteratee(accumulator, array[index], index, array);\n }\n return accumulator;\n}\n\n/**\n * Splits an ASCII `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\nfunction asciiWords(string) {\n return string.match(reAsciiWord) || [];\n}\n\n/**\n * The base implementation of `_.propertyOf` without support for deep paths.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Function} Returns the new accessor function.\n */\nfunction basePropertyOf(object) {\n return function(key) {\n return object == null ? undefined : object[key];\n };\n}\n\n/**\n * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A\n * letters to basic Latin letters.\n *\n * @private\n * @param {string} letter The matched letter to deburr.\n * @returns {string} Returns the deburred letter.\n */\nvar deburrLetter = basePropertyOf(deburredLetters);\n\n/**\n * Checks if `string` contains a word composed of Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a word is found, else `false`.\n */\nfunction hasUnicodeWord(string) {\n return reHasUnicodeWord.test(string);\n}\n\n/**\n * Splits a Unicode `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\nfunction unicodeWords(string) {\n return string.match(reUnicodeWord) || [];\n}\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n/**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\nfunction baseToString(value) {\n // Exit early for strings to avoid a performance hit in some environments.\n if (typeof value == 'string') {\n return value;\n }\n if (isSymbol(value)) {\n return symbolToString ? symbolToString.call(value) : '';\n }\n var result = (value + '');\n return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\n/**\n * Creates a function like `_.camelCase`.\n *\n * @private\n * @param {Function} callback The function to combine each word.\n * @returns {Function} Returns the new compounder function.\n */\nfunction createCompounder(callback) {\n return function(string) {\n return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');\n };\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n return value == null ? '' : baseToString(value);\n}\n\n/**\n * Deburrs `string` by converting\n * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)\n * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)\n * letters to basic Latin letters and removing\n * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to deburr.\n * @returns {string} Returns the deburred string.\n * @example\n *\n * _.deburr('déjà vu');\n * // => 'deja vu'\n */\nfunction deburr(string) {\n string = toString(string);\n return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');\n}\n\n/**\n * Converts `string` to\n * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the kebab cased string.\n * @example\n *\n * _.kebabCase('Foo Bar');\n * // => 'foo-bar'\n *\n * _.kebabCase('fooBar');\n * // => 'foo-bar'\n *\n * _.kebabCase('__FOO_BAR__');\n * // => 'foo-bar'\n */\nvar kebabCase = createCompounder(function(result, word, index) {\n return result + (index ? '-' : '') + word.toLowerCase();\n});\n\n/**\n * Splits `string` into an array of its words.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to inspect.\n * @param {RegExp|string} [pattern] The pattern to match words.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the words of `string`.\n * @example\n *\n * _.words('fred, barney, & pebbles');\n * // => ['fred', 'barney', 'pebbles']\n *\n * _.words('fred, barney, & pebbles', /[^, ]+/g);\n * // => ['fred', 'barney', '&', 'pebbles']\n */\nfunction words(string, pattern, guard) {\n string = toString(string);\n pattern = guard ? undefined : pattern;\n\n if (pattern === undefined) {\n return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);\n }\n return string.match(pattern) || [];\n}\n\nmodule.exports = kebabCase;\n","import { h } from \"@stencil/core\";\r\nimport kebabCase from \"lodash.kebabcase\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentExtRefNode implements OzonContentNode {\r\n name = [\"ExtRef\", \"ExtIoRef\"];\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const href = node.tagName === \"ExtIoRef\" ? node.getAttribute(\"href\") : node.getAttribute(\"ref\");\r\n const className = kebabCase(node.tagName);\r\n\r\n return (\r\n <a target=\"_blank\" rel=\"noopener noreferrer\" href={href ?? undefined} class={className}>\r\n {mapNodeToJsx(node.childNodes)} <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n <dso-icon icon=\"external-link\"></dso-icon>\r\n </a>\r\n );\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentFallbackNode implements OzonContentNode {\r\n // This name does not match any elements\r\n name = [\"<fallback>\"];\r\n\r\n render(node: Node, { mapNodeToJsx }: OzonContentNodeContext) {\r\n return <span class={`fallback od-${getNodeName(node)}`}>{mapNodeToJsx(node.childNodes)}</span>;\r\n }\r\n}\r\n","import { Fragment, h, JSX } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\ntype BijschriftProps = {\r\n bijschrift?: IBijschrift;\r\n bron?: ChildNode;\r\n mapNodeToJsx: (node: Node | NodeList | Node[]) => JSX.Element;\r\n};\r\n\r\ninterface IBijschrift {\r\n inhoud: NodeListOf<ChildNode>;\r\n locatie: string;\r\n}\r\n\r\nconst Bijschrift = ({ bijschrift, bron, mapNodeToJsx }: BijschriftProps): HTMLSpanElement => {\r\n return (\r\n <span class=\"figuur-bijschrift\">\r\n {bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud)}\r\n {bron && (\r\n <Fragment>\r\n {`${bijschrift ? \" \" : \"\"}(bron: `}\r\n {mapNodeToJsx(bron)})\r\n </Fragment>\r\n )}\r\n </span>\r\n );\r\n};\r\n\r\nexport class OzonContentFiguurNode implements OzonContentNode {\r\n name = [\"Figuur\"];\r\n\r\n getStyle(breedte: number, hoogte: number) {\r\n if (breedte && hoogte) {\r\n return {\r\n \"--img-aspect-ratio\": (breedte / hoogte).toString(),\r\n };\r\n }\r\n return;\r\n }\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const childNodes = Array.from(node.childNodes);\r\n const titel = childNodes.find((n) => getNodeName(n) === \"Titel\")?.textContent;\r\n const bron = childNodes.find((n) => getNodeName(n) === \"Bron\");\r\n\r\n const illustratieNode = childNodes.find((n) => getNodeName(n) === \"Illustratie\");\r\n const bijschriftNode = childNodes.find((n) => getNodeName(n) === \"Bijschrift\");\r\n\r\n const wijzigactie = node.getAttribute(\"wijzigactie\") || undefined;\r\n\r\n if (illustratieNode instanceof Element) {\r\n const illustratie = {\r\n naam: illustratieNode.getAttribute(\"naam\"),\r\n breedte: illustratieNode.getAttribute(\"breedte\"),\r\n hoogte: illustratieNode.getAttribute(\"hoogte\"),\r\n uitlijning: illustratieNode.getAttribute(\"uitlijning\"),\r\n alt: illustratieNode.getAttribute(\"alt\"),\r\n };\r\n\r\n const bijschrift =\r\n bijschriftNode instanceof Element\r\n ? {\r\n inhoud: bijschriftNode.childNodes,\r\n locatie: bijschriftNode.getAttribute(\"locatie\") ?? \"onder\",\r\n }\r\n : undefined;\r\n\r\n const preventLayoutShift = !!Number(illustratie.breedte) && !!Number(illustratie.hoogte);\r\n\r\n return (\r\n <div class={`dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : \"onder\"}`}>\r\n {titel && <span class=\"figuur-titel\">{titel}</span>}\r\n {bijschrift?.locatie === \"boven\" && (\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n )}\r\n <dso-image-overlay wijzigactie={wijzigactie}>\r\n {titel && (\r\n <div slot=\"titel\">\r\n <span>{titel}</span>\r\n </div>\r\n )}\r\n <img\r\n src={illustratie.naam ?? undefined}\r\n alt={illustratie.alt ?? titel ?? illustratie.naam ?? undefined}\r\n class={{ \"dso-ozon-figuur-reserve-space\": preventLayoutShift }}\r\n style={this.getStyle(Number(illustratie.breedte), Number(illustratie.hoogte))}\r\n />\r\n {(bijschrift || bron) && (\r\n <div slot=\"bijschrift\">\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n </div>\r\n )}\r\n </dso-image-overlay>\r\n {(bijschrift?.locatie === \"onder\" || (!bijschrift && bron)) && (\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentInhoudNode implements OzonContentNode {\r\n name = [\"Inhoud\", \"ContainerBlocksType\", \"BlockMixedcontentMetMaximaleInlinesMarkersPopupsType\"];\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const wijzigactie = node.getAttribute(\"wijzigactie\");\r\n\r\n const richContent = <div class=\"dso-rich-content\">{mapNodeToJsx(node.childNodes)}</div>;\r\n\r\n if (wijzigactie === \"verwijder\") {\r\n return <del class=\"editaction-remove\">{richContent}</del>;\r\n }\r\n\r\n if (wijzigactie === \"voegtoe\") {\r\n return <ins class=\"editaction-add\">{richContent}</ins>;\r\n }\r\n\r\n return richContent;\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentInlineTekstAfbeeldingNode implements OzonContentNode {\r\n name = [\"InlineTekstAfbeelding\", \"Illustratie\"];\r\n\r\n render(node: Element) {\r\n return (\r\n <img\r\n src={node.getAttribute(\"naam\") ?? undefined}\r\n alt={node.getAttribute(\"naam\") ?? undefined}\r\n height={node.getAttribute(\"hoogte\") ?? undefined}\r\n width={node.getAttribute(\"breedte\") ?? undefined}\r\n />\r\n );\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentInlineNodes implements OzonContentNode {\r\n name = [\"sub\", \"sup\", \"strong\", \"b\", \"u\", \"i\", \"br\"];\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n if (node.localName === \"br\") {\r\n return <br />;\r\n }\r\n\r\n const Tag = node.localName;\r\n\r\n return <Tag>{mapNodeToJsx(node.childNodes)}</Tag>;\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntIoRefNode implements OzonContentNode {\r\n name = \"IntIoRef\";\r\n\r\n render(node: Element, { mapNodeToJsx, emitAnchorClick }: OzonContentNodeContext) {\r\n const ref = node.getAttribute(\"ref\");\r\n if (!ref) {\r\n return mapNodeToJsx(node.childNodes);\r\n }\r\n\r\n const intRefOnClick = (event: MouseEvent) => {\r\n event.preventDefault();\r\n\r\n const target = event.currentTarget;\r\n if (!(target instanceof HTMLAnchorElement)) {\r\n return;\r\n }\r\n\r\n const { href } = target;\r\n\r\n emitAnchorClick({\r\n node: this.name,\r\n href,\r\n documentComponent: ref,\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n return (\r\n <a href={`#${ref}`} onClick={intRefOnClick}>\r\n {mapNodeToJsx(node.childNodes)}\r\n </a>\r\n );\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntRefNode implements OzonContentNode {\r\n name = \"IntRef\";\r\n\r\n render(node: Element, { mapNodeToJsx, emitAnchorClick }: OzonContentNodeContext) {\r\n const ref = node.getAttribute(\"ref\");\r\n if (!ref) {\r\n return mapNodeToJsx(node.childNodes);\r\n }\r\n\r\n const intRefOnClick = (event: MouseEvent) => {\r\n event.preventDefault();\r\n\r\n const target = event.currentTarget;\r\n if (!(target instanceof HTMLAnchorElement)) {\r\n return;\r\n }\r\n\r\n const { href } = target;\r\n\r\n emitAnchorClick({\r\n node: this.name,\r\n href,\r\n documentComponent: ref,\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n return (\r\n <a href={`#${ref}`} onClick={intRefOnClick}>\r\n {mapNodeToJsx(node.childNodes)}\r\n </a>\r\n );\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport clsx from \"clsx\";\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\n\r\nexport class OzonContentLijstNode implements OzonContentNode {\r\n name = \"Lijst\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const childNodes = Array.from(node.childNodes);\r\n const type = parseTypeFromLijstNode(node);\r\n const aanhef = childNodes.find((n) => getNodeName(n) === \"Lijstaanhef\");\r\n const sluiting = childNodes.find((n) => getNodeName(n) === \"Lijstsluiting\");\r\n const listItems = childNodes.filter((n) => getNodeName(n) === \"Li\");\r\n\r\n return (\r\n <WrapWijzigactie wijzigactie={wijzigactie}>\r\n <div class={clsx(\"dso-ozon-lijst od-Lijst\", wijzigactieToClassName(wijzigactie))}>\r\n {aanhef && mapNodeToJsx(aanhef)}\r\n <ul class={type}>\r\n {listItems.map((item) => {\r\n const itemNodes = Array.from(item.childNodes);\r\n const liNummer = itemNodes.find((n) => getNodeName(n) === \"LiNummer\")?.childNodes;\r\n const liWijzigactie = parseWijzigactieFromNode(item);\r\n\r\n return (\r\n <li class={clsx(\"od-Li\", wijzigactieToClassName(liWijzigactie))}>\r\n {liNummer && <span class=\"od-LiNummer\">{mapNodeToJsx(liNummer)}</span>}\r\n <WrapWijzigactie wijzigactie={liWijzigactie}>\r\n {mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== \"LiNummer\"))}\r\n </WrapWijzigactie>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n {sluiting && mapNodeToJsx(sluiting)}\r\n </div>\r\n </WrapWijzigactie>\r\n );\r\n }\r\n}\r\n\r\nfunction parseTypeFromLijstNode(node: Node): LijstType | undefined {\r\n const type = node instanceof Element ? node.getAttribute(\"type\") : undefined;\r\n\r\n return type === \"expliciet\" || type === \"ongemarkeerd\" ? type : undefined;\r\n}\r\n\r\ntype LijstType = \"expliciet\" | \"ongemarkeerd\";\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentNieuweTekstNode implements OzonContentNode {\r\n name = \"NieuweTekst\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n return <ins class=\"new-text\">{mapNodeToJsx(node.childNodes)}</ins>;\r\n }\r\n}\r\n","import { h, Fragment } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentNootNode implements OzonContentNode {\r\n name = \"Noot\";\r\n\r\n handles = [\"NootNummer\"];\r\n\r\n identify(): string | undefined {\r\n return \"Noot\";\r\n }\r\n\r\n render(node: Element, { mapNodeToJsx, state: openNoteId, setState }: OzonContentNodeContext<string | undefined>) {\r\n const noteId = node.getAttribute(\"id\");\r\n if (!noteId) {\r\n console.error(\"Noot node without id\", node);\r\n\r\n return <Fragment />;\r\n }\r\n\r\n const noteControlsId = `dso-ozon-note-${noteId}`;\r\n\r\n const childNodes = Array.from(node.childNodes);\r\n const nootNummer = childNodes.find((n) => getNodeName(n) === \"NootNummer\")?.textContent ?? noteId;\r\n\r\n return (\r\n <>\r\n <sup>\r\n <button\r\n type=\"button\"\r\n class=\"toggle-note\"\r\n aria-describedby={noteControlsId}\r\n onClick={() => setState?.(openNoteId === noteId ? undefined : noteId)}\r\n onBlur={() => setState?.(undefined)}\r\n aria-expanded={openNoteId === noteId ? \"true\" : \"false\"}\r\n >\r\n {nootNummer}\r\n </button>\r\n </sup>\r\n <dso-tooltip active={openNoteId === noteId} id={noteControlsId} stateless descriptive>\r\n <span role=\"section\">{mapNodeToJsx(Array.from(node.querySelectorAll(\":scope > Al\")))}</span>\r\n </dso-tooltip>\r\n </>\r\n );\r\n }\r\n}\r\n","import { h, Fragment } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentOpschriftNode implements OzonContentNode {\r\n name = \"Opschrift\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n let content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = node.getAttribute(\"wijzigactie\");\r\n\r\n if (wijzigactie === \"voegtoe\") {\r\n content = <ins class=\"new-text\">{content}</ins>;\r\n } else if (wijzigactie === \"verwijder\") {\r\n content = <del class=\"removed-text\">{content}</del>;\r\n }\r\n\r\n return <>{content}</>;\r\n }\r\n}\r\n","import { Colspec, Colspecs } from \"./colspec.interface\";\r\n\r\nexport function mapColspecs(count: number, nodeList: NodeListOf<Element>): Colspecs {\r\n const elements = Array.from(nodeList);\r\n const totalWidth = getTotalWidth(elements);\r\n\r\n return {\r\n totalWidth,\r\n count,\r\n columns: elements.map((element, index): Colspec => {\r\n const colNumber = element.getAttribute(\"colnum\");\r\n\r\n return {\r\n colsep: element.getAttribute(\"colsep\"),\r\n name: element.getAttribute(\"colname\") ?? \"\",\r\n number: colNumber ? parseInt(colNumber, 10) : index + 1,\r\n rowsep: element.getAttribute(\"rowsep\"),\r\n width: getWidth(totalWidth, element),\r\n };\r\n }),\r\n };\r\n}\r\n\r\nfunction getTotalWidth(elements: Element[]): number {\r\n return elements.reduce((totalWidth, element) => {\r\n const width = element.getAttribute(\"colwidth\")?.replace(/[^0-9]/, \"\") ?? \"\";\r\n const colWidth = parseInt(width, 10);\r\n\r\n return totalWidth + (isNaN(colWidth) ? 0 : colWidth);\r\n }, 0);\r\n}\r\n\r\nfunction getWidth(totalWidth: number, element: Element): string | undefined {\r\n const width = element.getAttribute(\"colwidth\");\r\n\r\n if (!width) {\r\n return undefined;\r\n }\r\n\r\n if (width === \"*\") {\r\n return \"100%\";\r\n }\r\n\r\n if (width.includes(\"*\") || width.match(/^[\\d+]$/)) {\r\n const colWidth = parseInt(width.replace(/[^0-9]/, \"\"), 10);\r\n\r\n return `${Math.round((colWidth / totalWidth) * 100)}%`;\r\n }\r\n\r\n return width;\r\n}\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nexport const Colgroup: FunctionalComponent<{ colspecs: Colspecs }> = ({ colspecs }) =>\r\n colspecs.columns.length > 0 ? (\r\n <colgroup>\r\n {colspecs.columns.map((colspec) => (\r\n <col style={{ width: colspec.width }} />\r\n ))}\r\n </colgroup>\r\n ) : (\r\n <Fragment />\r\n );\r\n","import { FunctionalComponent } from \"@stencil/core\";\r\nimport { h } from \"@stencil/core/internal\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nfunction getColspecStartColsep({ columns }: Colspecs, nameStart: string): string | null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.colsep : null;\r\n}\r\n\r\nfunction getColspecStartRowsep({ columns }: Colspecs, nameStart: string): string | null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.rowsep : null;\r\n}\r\n\r\nfunction getData(cell: Element, colspecs?: Colspecs) {\r\n const nameStart = cell.getAttribute(\"namest\");\r\n const row = cell.parentElement;\r\n const tgroup = row?.parentElement?.parentElement;\r\n const table = tgroup?.parentElement;\r\n const colsep =\r\n cell.getAttribute(\"colsep\") ||\r\n (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) ||\r\n (tgroup && tgroup.getAttribute(\"colsep\")) ||\r\n (table && table.getAttribute(\"colsep\"));\r\n const rowsep =\r\n cell.getAttribute(\"rowsep\") ||\r\n (row && row.getAttribute(\"rowsep\")) ||\r\n (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) ||\r\n (tgroup && tgroup.getAttribute(\"rowsep\")) ||\r\n (table && table.getAttribute(\"rowsep\"));\r\n\r\n return {\r\n moreRows: cell.getAttribute(\"morerows\"),\r\n nameStart,\r\n nameEnd: cell.getAttribute(\"nameend\"),\r\n colsep,\r\n rowsep,\r\n };\r\n}\r\n\r\nfunction getColspan({ columns }: Colspecs, nameStart: string, nameEnd: string): number | undefined {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n const colspecEnd = columns.find((c) => c.name === nameEnd);\r\n if (!colspecStart || !colspecEnd) {\r\n return undefined;\r\n }\r\n\r\n const colspan = colspecEnd.number - colspecStart.number + 1;\r\n\r\n return colspan === 1 ? undefined : colspan;\r\n}\r\n\r\nexport const Cell: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs | undefined;\r\n cell: Element;\r\n}> = ({ context: { mapNodeToJsx }, colspecs, cell }) => {\r\n const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);\r\n\r\n return (\r\n <td\r\n class={clsx({ \"dso-horizontal-line\": rowsep !== \"0\" }, { \"dso-vertical-line\": colsep !== \"0\" })}\r\n rowSpan={moreRows ? parseInt(moreRows, 10) + 1 : undefined}\r\n colSpan={colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined}\r\n >\r\n {mapNodeToJsx(cell.childNodes)}\r\n </td>\r\n );\r\n};\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\nimport { Cell } from \"./table-cell\";\r\n\r\nexport const Rows: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs | undefined;\r\n rows: Element[];\r\n}> = ({ context, colspecs, rows }) => {\r\n return (\r\n <>\r\n {rows.map((row) => (\r\n <tr>\r\n {Array.from(row.children).map((cell) => (\r\n <Cell cell={cell} colspecs={colspecs} context={context} />\r\n ))}\r\n </tr>\r\n ))}\r\n </>\r\n );\r\n};\r\n","import { h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { getNodeName } from \"../../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../../ozon-content-node.interface\";\r\n\r\nimport { mapColspecs } from \"./colspec/colspec-mapper\";\r\nimport { Colgroup } from \"./table-colgroup\";\r\nimport { Rows } from \"./table-rows\";\r\n\r\nfunction mapData(node: Element) {\r\n const tgroup = node.querySelector(\":scope > tgroup\");\r\n const colAttribute = tgroup?.getAttribute(\"cols\") ?? undefined;\r\n const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;\r\n\r\n return {\r\n caption: node.querySelector(\":scope > title\")?.textContent ?? undefined,\r\n colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(\":scope > colspec\")) : undefined,\r\n headRows: Array.from(node.querySelectorAll(\":scope > tgroup > thead > row\")),\r\n bodyRows: Array.from(node.querySelectorAll(\":scope > tgroup > tbody > row\")),\r\n wijzigactie: node.getAttribute(\"wijzigactie\"),\r\n frame: node.getAttribute(\"frame\") ? node.getAttribute(\"frame\") : \"all\",\r\n };\r\n}\r\n\r\nexport class OzonContentTableNode implements OzonContentNode {\r\n name = \"table\";\r\n\r\n handles = [\"title\", \"tgroup\", \"colspec\", \"thead\", \"tbody\", \"row\", \"cell\"];\r\n\r\n id = uuidv4();\r\n\r\n render(node: Element, context: OzonContentNodeContext) {\r\n const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);\r\n\r\n const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === \"Bron\");\r\n\r\n return (\r\n <dso-table>\r\n <table\r\n class={clsx(\"table\", {\r\n \"editaction-add\": wijzigactie === \"voegtoe\",\r\n \"editaction-remove\": wijzigactie === \"verwijder\",\r\n [`dso-table-outside-lines-${frame}`]: frame,\r\n })}\r\n {...(bron ? { \"aria-describedby\": this.id } : {})}\r\n >\r\n {caption && <caption>{caption}</caption>}\r\n {colspecs && <Colgroup colspecs={colspecs} />}\r\n {headRows.length > 0 && (\r\n <thead>\r\n <Rows rows={headRows} colspecs={colspecs} context={context}></Rows>\r\n </thead>\r\n )}\r\n {bodyRows.length > 0 && (\r\n <tbody>\r\n <Rows rows={bodyRows} colspecs={colspecs} context={context}></Rows>\r\n </tbody>\r\n )}\r\n </table>\r\n {bron && <div id={this.id}>{context.mapNodeToJsx(bron)}</div>}\r\n </dso-table>\r\n );\r\n }\r\n}\r\n","import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\n\r\nexport class OzonContentTextNode implements OzonContentNode {\r\n name = \"#text\";\r\n\r\n render({ textContent }: Node, { mark, emitMarkItemHighlight }: OzonContentNodeContext) {\r\n if (!mark || !textContent) {\r\n return <>{textContent}</>;\r\n }\r\n\r\n const result = mark(textContent);\r\n\r\n return !result || result.length === 0 ? (\r\n <>{textContent}</>\r\n ) : (\r\n <>\r\n {result.map((value) => {\r\n if (typeof value === \"string\") {\r\n return <>{value}</>;\r\n }\r\n\r\n return (\r\n <mark\r\n class={value.highlight ? \"dso-highlight\" : undefined}\r\n ref={(ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref)}\r\n >\r\n {value.text}\r\n </mark>\r\n );\r\n })}\r\n </>\r\n );\r\n }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentVerwijderdeTekstNode implements OzonContentNode {\r\n name = \"VerwijderdeTekst\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n return <del class=\"removed-text\">{mapNodeToJsx(node.childNodes)}</del>;\r\n }\r\n}\r\n","import { Fragment, h, JSX } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"./get-node-name.function\";\r\nimport { OzonContentAlNode } from \"./nodes/al.node\";\r\nimport { OzonContentBronNode } from \"./nodes/bron.node\";\r\nimport { OzonContentDocumentNode } from \"./nodes/document.node\";\r\nimport { OzonContentExtRefNode } from \"./nodes/ext-ref.node\";\r\nimport { OzonContentFallbackNode } from \"./nodes/fallback.node\";\r\nimport { OzonContentFiguurNode } from \"./nodes/figuur.node\";\r\nimport { OzonContentInhoudNode } from \"./nodes/inhoud.node\";\r\nimport { OzonContentInlineTekstAfbeeldingNode } from \"./nodes/inline-tekst-afbeelding.node\";\r\nimport { OzonContentInlineNodes } from \"./nodes/inline.nodes\";\r\nimport { OzonContentIntIoRefNode } from \"./nodes/int-io-ref.node\";\r\nimport { OzonContentIntRefNode } from \"./nodes/int-ref.node\";\r\nimport { OzonContentLijstNode } from \"./nodes/lijst.node\";\r\nimport { OzonContentNieuweTekstNode } from \"./nodes/nieuwe-tekst.node\";\r\nimport { OzonContentNootNode } from \"./nodes/noot.node\";\r\nimport { OzonContentOpschriftNode } from \"./nodes/opschrift.node\";\r\nimport { OzonContentTableNode } from \"./nodes/table.node\";\r\nimport { OzonContentTextNode } from \"./nodes/text.node\";\r\nimport { OzonContentVerwijderdeTekstNode } from \"./nodes/verwijderde-tekst.node\";\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport { OzonContentNode } from \"./ozon-content-node.interface\";\r\nimport { OzonContentInputType } from \"./ozon-content.interfaces\";\r\n\r\nexport class Mapper {\r\n private mappers: OzonContentNode[] = [\r\n new OzonContentTextNode(),\r\n new OzonContentDocumentNode(),\r\n new OzonContentInhoudNode(),\r\n new OzonContentOpschriftNode(),\r\n new OzonContentIntRefNode(),\r\n new OzonContentExtRefNode(),\r\n new OzonContentAlNode(),\r\n new OzonContentInlineNodes(),\r\n new OzonContentInlineTekstAfbeeldingNode(),\r\n new OzonContentNootNode(),\r\n new OzonContentTableNode(),\r\n new OzonContentIntIoRefNode(),\r\n new OzonContentFiguurNode(),\r\n new OzonContentLijstNode(),\r\n new OzonContentBronNode(),\r\n new OzonContentNieuweTekstNode(),\r\n new OzonContentVerwijderdeTekstNode(),\r\n ];\r\n\r\n private skip = this.mappers.reduce<string[]>((t, m) => {\r\n if (m.handles) {\r\n t.push(...m.handles);\r\n }\r\n\r\n return t;\r\n }, []);\r\n\r\n private fallbackNode = new OzonContentFallbackNode();\r\n\r\n private domParser?: DOMParser;\r\n\r\n private findMapper(name: string): OzonContentNode | undefined {\r\n if (this.skip.includes(name)) {\r\n return undefined;\r\n }\r\n\r\n return (\r\n this.mappers.find((m) => {\r\n if (Array.isArray(m.name)) {\r\n return m.name.includes(name);\r\n }\r\n\r\n return m.name === name;\r\n }) ?? this.fallbackNode\r\n );\r\n }\r\n\r\n mapNodeToJsx(node: Node | Node[] | NodeList, context: OzonContentContext, path: Node[]): JSX.Element {\r\n if (node instanceof NodeList) {\r\n return <Fragment>{Array.from(node).map((n) => this.mapNodeToJsx(n, context, path))}</Fragment>;\r\n }\r\n\r\n if (Array.isArray(node)) {\r\n return <Fragment>{node.map((n) => this.mapNodeToJsx(n, context, path))}</Fragment>;\r\n }\r\n\r\n const nodeName = getNodeName(node);\r\n const mapper = this.findMapper(nodeName);\r\n if (!mapper) {\r\n return <Fragment />;\r\n }\r\n\r\n const identity = mapper.identify?.(node);\r\n\r\n const state = identity ? context.state[identity] : undefined;\r\n const setState = identity ? (s: unknown) => context.setState({ ...context.state, [identity]: s }) : undefined;\r\n\r\n return mapper.render(node, {\r\n inline: context.inline,\r\n mark: context.mark,\r\n mapNodeToJsx: (n) => this.mapNodeToJsx(n, context, [...path, node]),\r\n emitAnchorClick: context.emitAnchorClick,\r\n setState,\r\n emitMarkItemHighlight: context.emitMarkItemHighlight,\r\n state,\r\n path,\r\n });\r\n }\r\n\r\n transform(input: OzonContentInputType | undefined, context: OzonContentContext): JSX.Element {\r\n if (!input) {\r\n return <Fragment />;\r\n }\r\n\r\n const document = this.inputToXmlDocument(input);\r\n if (document.querySelector(\"parsererror\")) {\r\n console.error({\r\n message: \"[DSO Toolkit: Ozon Content Mapper] Unable to parse XML\",\r\n context,\r\n input,\r\n document,\r\n });\r\n\r\n return <Fragment />;\r\n }\r\n\r\n return this.mapNodeToJsx(document.getRootNode(), context, []);\r\n }\r\n\r\n private inputToXmlDocument(input: OzonContentInputType): XMLDocument {\r\n if (input instanceof XMLDocument) {\r\n return input;\r\n }\r\n\r\n if (typeof input === \"string\") {\r\n this.domParser ??= new DOMParser();\r\n\r\n return this.domParser.parseFromString(input, \"text/xml\");\r\n }\r\n\r\n return document.implementation.createDocument(null, null);\r\n }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button.mixins\" as button-mixins;\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/rich-content\";\r\n\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/mark/mark\";\r\n@use \"~dso-toolkit/src/components/superscript/superscript\";\r\n@use \"~dso-toolkit/src/components/subscript/subscript\";\r\n@use \"~dso-toolkit/src/components/table/table\";\r\n\r\n:host(:not([inline])) {\r\n display: block;\r\n}\r\n\r\n:host([inline]) {\r\n display: inline;\r\n}\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\nbutton.toggle-note {\r\n @include button-mixins.tertiary($modifiers: false);\r\n}\r\n\r\nspan[role=\"section\"],\r\nspan[role=\"paragraph\"] {\r\n display: block;\r\n}\r\n\r\n:host(:not([inline])) .fallback {\r\n display: block;\r\n}\r\n\r\na {\r\n @include anchor.root();\r\n}\r\n\r\n// Styling below copied from DSO Viewer 20211011\r\n\r\n.od-Term {\r\n font-weight: 700;\r\n}\r\n\r\n.od-Definitie,\r\n.od-Tussenkop {\r\n font-style: italic;\r\n}\r\n\r\n.od-Inhoud,\r\n.od-Inhoud > .od-Lijst,\r\n.od-IntIoRef,\r\n.od-Lidnr,\r\n.od-LiNr,\r\n.od-Opschrift,\r\n.od-Tussenkop {\r\n display: inline;\r\n}\r\n\r\n.od-Al {\r\n margin-block-end: 0.75em;\r\n}\r\n\r\n.od-IntIoRef {\r\n border-block-end: 1px dotted;\r\n}\r\n\r\n.dso-ozon-bron {\r\n font-style: italic;\r\n font-size: 0.75rem;\r\n}\r\n\r\n.dso-ozon-figuur {\r\n margin-block-end: units.$u1;\r\n\r\n .figuur-bijschrift {\r\n display: block;\r\n font-size: 0.75rem;\r\n font-style: italic;\r\n }\r\n\r\n &.bijschrift-boven {\r\n .figuur-bijschrift {\r\n padding-block-end: 0.25rem;\r\n }\r\n }\r\n\r\n &.bijschrift-onder {\r\n .figuur-bijschrift {\r\n padding-block-start: 0.25rem;\r\n }\r\n }\r\n\r\n .figuur-titel {\r\n color: colors.$mauve;\r\n display: block;\r\n font-weight: 500;\r\n padding-block-end: 0.5rem;\r\n }\r\n\r\n .dso-ozon-figuur-reserve-space {\r\n inline-size: 100%;\r\n block-size: auto;\r\n aspect-ratio: var(--img-aspect-ratio);\r\n }\r\n}\r\n\r\n.dso-ozon-lijst {\r\n span.od-Lijstaanhef,\r\n span.od-Lijstsluiting {\r\n margin-block-end: units.$u1;\r\n }\r\n\r\n ul {\r\n margin-block-end: units.$u1 !important;\r\n margin-block-start: units.$u1;\r\n\r\n p {\r\n margin-block-end: units.$u1;\r\n }\r\n\r\n &.expliciet {\r\n list-style: none;\r\n\r\n > .od-Li {\r\n position: relative;\r\n\r\n > span.od-LiNummer {\r\n position: absolute;\r\n inset-inline-start: units.$u6 * -1 + 4;\r\n text-align: end;\r\n inline-size: units.$u5;\r\n }\r\n }\r\n }\r\n }\r\n\r\n p {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.od-Tabel thead {\r\n font-weight: 600;\r\n}\r\n\r\n.od-Kadertekst {\r\n border: 1px solid #e5e5e5;\r\n margin-block-end: units.$u1;\r\n padding: units.$u1;\r\n}\r\n\r\np,\r\nspan[role=\"paragraph\"],\r\n.dso-ozon-lijst,\r\n.dso-ozon-lijst > ul > li,\r\ntable {\r\n &.editaction-add {\r\n @include insert.root();\r\n }\r\n\r\n &.editaction-remove {\r\n @include delete.root();\r\n }\r\n}\r\n\r\nins {\r\n @include insert.element();\r\n\r\n &.new-text {\r\n @include insert.root();\r\n }\r\n\r\n &.editaction-add {\r\n display: inline-block;\r\n margin-block-end: units.$u1;\r\n padding: units.$u1;\r\n\r\n @include insert.root();\r\n\r\n p:last-child {\r\n margin: 0;\r\n }\r\n }\r\n}\r\n\r\ndel {\r\n &.removed-text {\r\n @include delete.root();\r\n }\r\n\r\n &.editaction-remove {\r\n display: inline-block;\r\n margin-block-end: units.$u1;\r\n padding: units.$u1;\r\n @include delete.root();\r\n\r\n p:last-child {\r\n margin: 0;\r\n }\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n}\r\n\r\n.dso-rich-content {\r\n @include rich-content.children();\r\n}\r\n","import {\r\n h,\r\n Component,\r\n ComponentInterface,\r\n Event,\r\n EventEmitter,\r\n Prop,\r\n State,\r\n Fragment,\r\n JSX,\r\n Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport {\r\n OzonContentAnchorClickEvent,\r\n OzonContentInputType,\r\n OzonContentMarkFunction,\r\n OzonContentMarkItemHighlightEvent,\r\n} from \"./ozon-content.interfaces\";\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\n\r\nconst mapper = new Mapper();\r\n\r\n@Component({\r\n tag: \"dso-ozon-content\",\r\n styleUrl: \"ozon-content.scss\",\r\n shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n /**\r\n * The XML to be rendered.\r\n */\r\n @Prop()\r\n content?: OzonContentInputType;\r\n\r\n /**\r\n * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n */\r\n @Prop({ reflect: true })\r\n inline = false;\r\n\r\n /**\r\n * To mark text.\r\n */\r\n @Prop()\r\n mark?: OzonContentMarkFunction;\r\n\r\n /**\r\n * Emitted when `<a>` is clicked.\r\n */\r\n @Event({ bubbles: false })\r\n dsoAnchorClick!: EventEmitter<OzonContentAnchorClickEvent>;\r\n\r\n /**\r\n * Emitted when a marked item is highlighted.\r\n */\r\n @Event({ bubbles: false })\r\n dsoOzonContentMarkItemHighlight!: EventEmitter<OzonContentMarkItemHighlightEvent>;\r\n\r\n @Watch(\"content\")\r\n contentWatcher() {\r\n this.state = {};\r\n }\r\n\r\n @State()\r\n state: OzonContentNodeState = {};\r\n\r\n private handleMarkItemHighlight = (text: string, elementRef: HTMLElement) => {\r\n this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });\r\n };\r\n\r\n render(): JSX.Element {\r\n const context: OzonContentContext = {\r\n state: this.state,\r\n inline: this.inline,\r\n mark: this.mark,\r\n setState: (state) => (this.state = state),\r\n emitMarkItemHighlight: this.handleMarkItemHighlight,\r\n emitAnchorClick: this.dsoAnchorClick.emit,\r\n };\r\n\r\n const transformed = mapper.transform(this.content, context);\r\n\r\n return <Fragment>{transformed}</Fragment>;\r\n }\r\n}\r\n\r\nconst dependencies = () => {\r\n dependencies();\r\n\r\n return (\r\n <>\r\n <dso-icon />\r\n <dso-image-overlay />\r\n <dso-tooltip />\r\n <dso-table />\r\n </>\r\n );\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/di\";\r\n\r\n:host {\r\n display: block;\r\n\r\n border: 1px solid colors.$bosgroen-40;\r\n border-radius: units.$u1 * 0.5;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.panel-heading {\r\n display: flex;\r\n gap: units.$u2;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n\r\n padding-block: units.$u1;\r\n padding-inline: units.$u2 units.$u1;\r\n\r\n border-block-end: 1px solid colors.$bosgroen-40;\r\n\r\n border-start-start-radius: units.$u1 * 0.5;\r\n border-start-end-radius: units.$u1 * 0.5;\r\n\r\n background-color: colors.$bosgroen-10;\r\n\r\n color: colors.$bosgroen;\r\n\r\n .sr-only {\r\n @include utilities.sr-only();\r\n }\r\n}\r\n\r\n::slotted([slot=\"heading\"]) {\r\n margin: 0 !important;\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n line-height: 1.5 !important;\r\n}\r\n\r\n.panel-close {\r\n display: inline-block;\r\n\r\n inline-size: units.$u3;\r\n aspect-ratio: 1 / 1;\r\n\r\n padding: 0;\r\n\r\n border: 0;\r\n\r\n background-color: transparent;\r\n\r\n color: colors.$bosgroen;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.panel-body {\r\n padding-block: units.$u2;\r\n padding-inline: units.$u2;\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, h } from \"@stencil/core\";\r\n\r\nexport interface PanelCloseEvent {\r\n originalEvent: Event;\r\n}\r\n\r\n/**\r\n * @slot - The contents to be highlighted within the panel\r\n * @slot heading - The heading (h2 - h6) with the title of the panel\r\n */\r\n@Component({\r\n tag: \"dso-panel\",\r\n styleUrl: \"panel.scss\",\r\n shadow: true,\r\n})\r\nexport class Panel implements ComponentInterface {\r\n /**\r\n * Emitted when the user click the close button.\r\n */\r\n @Event()\r\n dsoCloseClick!: EventEmitter<PanelCloseEvent>;\r\n\r\n render() {\r\n return (\r\n <div class=\"dso-panel\">\r\n <div class=\"panel-heading\">\r\n <slot name=\"heading\" />\r\n <button type=\"button\" class=\"panel-close\" onClick={(e) => this.dsoCloseClick.emit({ originalEvent: e })}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"sr-only\">Sluiten</span>\r\n </button>\r\n </div>\r\n <div class=\"panel-body\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n","@use \"sass:color\";\r\n\r\n@use \"~dso-toolkit/src/components/grid/grid.variables\" as grid-variables;\r\n@use \"~dso-toolkit/src/components/modal/modal.variables\" as modal-variables;\r\n\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/components/rich-content\";\r\n@use \"~dso-toolkit/src/components/table\";\r\n\r\n:host {\r\n display: block;\r\n margin-block-end: units.$u3;\r\n}\r\n\r\n.dso-header {\r\n min-block-size: units.$u4;\r\n\r\n h2 {\r\n color: colors.$bosgroen;\r\n font-size: units.$font-size-h2;\r\n font-weight: 700;\r\n }\r\n\r\n .dso-close {\r\n color: colors.$bosgroen;\r\n }\r\n}\r\n\r\n:host .dso-modal {\r\n @include modal.root();\r\n\r\n inset: 0px;\r\n block-size: 100%;\r\n position: fixed;\r\n z-index: zindex.$modal;\r\n}\r\n\r\n.dso-modal .dso-dialog.dso-table-dialog {\r\n margin-block-start: 1rem;\r\n max-inline-size: calc(100% - 2rem);\r\n margin-inline-start: auto;\r\n margin-inline-end: auto;\r\n inline-size: auto;\r\n\r\n .dso-body {\r\n $dso-body-unavailable-height: (\r\n (2 * modal.$header-padding) + (modal.$footer-button-block-size + modal.$footer-padding)\r\n );\r\n max-block-size: calc(100vh - #{$dso-body-unavailable-height} - 1.5em - 2rem); // margin\r\n }\r\n\r\n @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n max-inline-size: 100%;\r\n }\r\n}\r\n\r\n:host([is-responsive]) {\r\n .dso-table-body {\r\n border: 1px solid table.$border-color;\r\n margin-block-end: 0;\r\n overflow-y: auto;\r\n inline-size: 100%;\r\n\r\n &.dso-body {\r\n inline-size: calc(100% - modal.$body-padding * 2);\r\n }\r\n }\r\n}\r\n\r\n.dso-table-utilities {\r\n align-items: center;\r\n display: flex;\r\n justify-content: space-between;\r\n margin-block-end: units.$u1;\r\n\r\n .dso-responsive-message {\r\n margin-block-end: 0;\r\n\r\n &:only-child {\r\n inline-size: 100%;\r\n }\r\n }\r\n\r\n .open-modal-button {\r\n &:only-child {\r\n margin-inline-start: auto;\r\n }\r\n }\r\n}\r\n\r\n.dso-responsive-message {\r\n font-size: 0.8em;\r\n margin-block-end: units.$u1;\r\n position: relative;\r\n text-align: center;\r\n}\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.dso-modal-overlay {\r\n background-color: color.scale(modal-variables.$backdrop-bg, $alpha: modal-variables.$backdrop-opacity);\r\n display: block;\r\n position: fixed;\r\n inset: 0;\r\n z-index: zindex.$modal-background-overlay;\r\n}\r\n\r\n.dso-table-placeholder {\r\n box-shadow: inset 0 0 0 1px table.$border-color;\r\n display: grid;\r\n place-content: center;\r\n}\r\n","import { h, Component, ComponentInterface, Element, Host, Prop, State } from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\r\nimport { v4 } from \"uuid\";\r\n\r\n@Component({\r\n tag: \"dso-table\",\r\n styleUrl: \"table.scss\",\r\n shadow: true,\r\n})\r\nexport class Table implements ComponentInterface {\r\n private resizeObserver?: ResizeObserver;\r\n\r\n private focusTrapElement?: HTMLDivElement;\r\n\r\n private buttonElement?: HTMLButtonElement;\r\n\r\n private trap?: FocusTrap;\r\n\r\n private labelledbyId = v4();\r\n\r\n @Element()\r\n host!: HTMLDsoTableElement;\r\n\r\n /**\r\n * Prevents the table being opened in a modal.\r\n */\r\n @Prop({ reflect: true })\r\n noModal = false;\r\n\r\n /**\r\n * Indicates whether the table is currently horizontally scrollable.\r\n */\r\n @Prop({ reflect: true })\r\n isResponsive = false;\r\n\r\n @State()\r\n modalActive = false;\r\n\r\n @State()\r\n placeholderHeight?: number;\r\n\r\n private startResponsiveBehavior(): void {\r\n this.resizeObserver?.observe(this.host);\r\n }\r\n\r\n componentWillLoad(): void {\r\n this.resizeObserver = new ResizeObserver(debounce((entries) => this.setResponsiveTable(entries), 200));\r\n }\r\n\r\n componentDidLoad(): void {\r\n this.startResponsiveBehavior();\r\n }\r\n\r\n componentDidRender() {\r\n this.setFocusTrap();\r\n }\r\n\r\n disconnectedCallback() {\r\n this.resizeObserver?.disconnect();\r\n }\r\n\r\n render() {\r\n const caption = this.host.querySelector(\":scope > table > caption\")?.textContent?.trim();\r\n\r\n return (\r\n <Host>\r\n {this.modalActive && this.placeholderHeight && (\r\n <div class=\"dso-table-placeholder\" style={{ height: `${this.placeholderHeight}px` }} />\r\n )}\r\n\r\n {this.modalActive && <div class=\"dso-modal-overlay\"></div>}\r\n\r\n <div class={{ \"dso-modal\": this.modalActive }}>\r\n <div\r\n class={{ \"dso-dialog\": this.modalActive, \"dso-table-dialog\": true }}\r\n ref={(element) => (this.focusTrapElement = element)}\r\n {...(this.modalActive ? { [\"aria-labelledby\"]: this.labelledbyId, role: \"dialog\" } : {})}\r\n >\r\n {(this.isResponsive || !this.noModal) && (\r\n <div class=\"dso-table-utilities\" style={this.modalActive ? { display: \"none\" } : undefined}>\r\n {this.isResponsive && (\r\n <div class=\"dso-responsive-message\">\r\n <span>beweeg de tabel van links naar rechts</span>\r\n </div>\r\n )}\r\n\r\n {!this.noModal && (\r\n <button\r\n type=\"button\"\r\n class=\"dso-tertiary open-modal-button\"\r\n ref={(element) => (this.buttonElement = element)}\r\n onClick={() => this.openModal()}\r\n >\r\n <span class=\"sr-only\">tabel {caption ?? \"\"} </span>\r\n <span>vergroten</span>\r\n <dso-icon icon=\"external-link\"></dso-icon>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n\r\n {this.modalActive && (\r\n <div class=\"dso-header\">\r\n <h2 id={this.labelledbyId} class={{ \"sr-only\": !caption }}>\r\n {caption || \"Uitvergrote tabel dialoog\"}\r\n </h2>\r\n <button type=\"button\" class=\"dso-close\" onClick={() => this.closeModal()}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"sr-only\">Sluiten</span>\r\n </button>\r\n </div>\r\n )}\r\n\r\n <div class={{ \"dso-body\": this.modalActive, \"dso-table-body\": true }}>\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private openModal() {\r\n this.placeholderHeight = this.host.clientHeight;\r\n this.modalActive = true;\r\n }\r\n\r\n private closeModal() {\r\n this.placeholderHeight = undefined;\r\n this.modalActive = false;\r\n }\r\n\r\n private setFocusTrap() {\r\n if (this.modalActive && this.focusTrapElement && !this.trap) {\r\n this.trap = createFocusTrap([this.host, this.focusTrapElement], {\r\n escapeDeactivates: true,\r\n clickOutsideDeactivates: (e) => {\r\n if (e instanceof MouseEvent && e.composedPath()[0] === this.focusTrapElement) {\r\n this.closeModal();\r\n\r\n return false;\r\n }\r\n\r\n return true;\r\n },\r\n setReturnFocus: this.buttonElement ?? false,\r\n onDeactivate: () => this.closeModal(),\r\n tabbableOptions: {\r\n getShadowRoot: true,\r\n },\r\n }).activate();\r\n } else if (!this.modalActive && this.trap) {\r\n this.trap?.deactivate();\r\n\r\n delete this.trap;\r\n }\r\n }\r\n\r\n private setResponsiveTable([dsoTable]: ResizeObserverEntry[]): void {\r\n if (!dsoTable) {\r\n throw new Error(\"No dsoTable found\");\r\n }\r\n\r\n const tableElement = dsoTable.target.querySelector(\"table\");\r\n\r\n if (dsoTable && tableElement instanceof HTMLTableElement) {\r\n this.isResponsive =\r\n Math.floor(tableElement.getBoundingClientRect().width) > Math.floor(dsoTable.contentRect.width);\r\n }\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- import{r as d,h as a,F as s}from"./p-b623c74b.js";const t=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const r=t;const i=class{constructor(a){d(this,a);this.mode="list"}render(){return a(s,null,this.mode==="list"&&a("ul",{key:"54a6e926c22a118a77119add63558c55a7ef2cf9",class:"dso-card-list"},a("slot",{key:"63777d504620cbc54a94a95bbada8b7028ef5d92"})),this.mode==="grid"&&a("div",{key:"3b0feb3331f54fb7f084ad4c1e3bb18ddca6ee9d",class:"dso-card-grid"},a("slot",{key:"0bc1a70a40326d61cfa9af7b8cdf8e73bb8d39cf"})))}};i.style=r;export{i as dso_card_container};
2
- //# sourceMappingURL=p-502f51b9.entry.js.map
@@ -1,2 +0,0 @@
1
- import{r as e,c as o,f as a,h as r,H as n,a as t}from"./p-b623c74b.js";import{i as s}from"./p-2d694112.js";const i=e=>e instanceof HTMLButtonElement||e instanceof HTMLAnchorElement||e instanceof HTMLInputElement||e.tagName.startsWith("DSO-TOGGLETIP");const d=':host .dso-card-selectable,:host .dso-card-image{grid-row:span 2}a{background-color:transparent;color:var(--link-color);text-decoration:underline}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}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:1.5em;background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:url("./dso-icons.svg#img-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:url("./dso-icons.svg#img-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:1.5em;background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:url("./dso-icons.svg#img-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:url("./dso-icons.svg#img-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:1.5em;background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-image:url("./dso-icons.svg#img-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:url("./dso-icons.svg#img-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:1.5em;background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-image:url("./dso-icons.svg#img-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:url("./dso-icons.svg#img-email-scampi")}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host .dso-card-heading{align-items:center;display:flex;margin-block-end:8px}@media screen and (max-width: 480px){:host .dso-card-heading{flex-wrap:wrap}}:host .dso-card-image{margin-inline-end:8px}:host(:hover) .dso-card-heading a{color:#275937;text-decoration:underline}.dso-card-heading a{text-decoration:none}.heading-anchor{color:#275937;display:flex}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const c=d;const l=class{constructor(a){e(this,a);this.dsoCardClicked=o(this,"dsoCardClicked",7);this.clickable=true;this.imageShape="normal";this.href=undefined;this.mode=undefined}connectedCallback(){this.mutationObserver=new MutationObserver((()=>a(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.clickable&&!this.href){return}let o=e.target;while(o!==this.host&&o!==null){if(i(o)||o===null){return}if(o.parentNode instanceof ShadowRoot&&o.parentNode.host instanceof HTMLElement){o=o.parentNode.host}else{o=o.parentElement}}return this.dsoCardClicked.emit({originalEvent:e,isModifiedEvent:s(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get imageSlottedElement(){return this.host.querySelector("[slot='image']")}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=this.selectableSlottedElement!==null;const o=this.imageSlottedElement!==null;return r(n,{key:"b9cc1a47bc39e6e2011ba6412436ab855d9819cf",onClick:e=>this.clickEventHandler(e),"is-selectable":e,"has-image":o},r("div",{key:"b8a059c5b2cc2f29392e0311fcbb3a02b1b39580",class:"dso-card-selectable",hidden:!e},r("slot",{key:"304c0dad6a73ebb2ad12f7c4e0a807d53c7ca660",name:"selectable"})),r("div",{key:"3e976d9e8eb0fbc3578a8fc6f32687f97ca6fc69",class:"dso-card-image",hidden:!o},r("slot",{key:"e10f2acff35dcd3316f0cb14575d5d2e4ab86c95",name:"image"})),r("div",{key:"c7d437cc6d54eab8e9d6ad45411230498b243466",class:"dso-card-heading"},this.headingSlottedElement instanceof HTMLAnchorElement||!this.href?r("slot",{name:"heading"}):(!this.mode||!["download","extern"].includes(this.mode))&&r("a",{href:this.href,class:"heading-anchor"},r("slot",{name:"heading"}),r("dso-icon",{icon:"chevron-right"}))||this.mode==="extern"&&r("a",{href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer"},r("slot",{name:"heading"}),r("dso-icon",{icon:"external-link"}),r("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||this.mode==="download"&&r("a",{href:this.href,class:"heading-anchor"},r("slot",{name:"heading"}),r("dso-icon",{icon:"download"})),this.interactionsSlottedElement!==null&&r("slot",{key:"f318d02fe89a6aa2a9377e2f32d72726c848c42f",name:"interactions"})),r("div",{key:"7b725b7edeee93b237352eff09ae2574647b9a3b",class:"dso-card-content"},r("slot",{key:"9f855efe124e2a273b1ecb465b27bc7e01ac10e9",name:"content"})))}get host(){return t(this)}};l.style=c;export{l as dso_card};
2
- //# sourceMappingURL=p-88aebd15.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["isInteractiveElement","element","HTMLButtonElement","HTMLAnchorElement","HTMLInputElement","tagName","startsWith","cardCss","DsoCardStyle0","Card","connectedCallback","this","mutationObserver","MutationObserver","forceUpdate","host","observe","attributes","childList","disconnectedCallback","_a","disconnect","clickEventHandler","e","target","HTMLElement","clickable","href","parentNode","ShadowRoot","parentElement","dsoCardClicked","emit","originalEvent","isModifiedEvent","selectableSlottedElement","querySelector","imageSlottedElement","headingSlottedElement","interactionsSlottedElement","render","isSelectable","hasImage","h","Host","key","onClick","class","hidden","name","mode","includes","icon","rel"],"sources":["src/utils/is-interactive-element.ts","src/components/card/card.scss?tag=dso-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["export const isInteractiveElement = (element: HTMLElement): boolean => {\r\n return (\r\n element instanceof HTMLButtonElement ||\r\n element instanceof HTMLAnchorElement ||\r\n element instanceof HTMLInputElement ||\r\n element.tagName.startsWith(\"DSO-TOGGLETIP\")\r\n );\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/card\";\r\n@use \"~dso-toolkit/src/components/anchor/anchor\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n @include card.root();\r\n\r\n display: block;\r\n}\r\n\r\n:host(:hover) {\r\n .dso-card-heading a {\r\n color: card.$heading-anchor-hover-color;\r\n text-decoration: underline;\r\n }\r\n}\r\n\r\n.dso-card-heading a {\r\n text-decoration: none;\r\n}\r\n\r\n.heading-anchor {\r\n color: card.$heading-anchor-color;\r\n display: flex;\r\n\r\n &:visited {\r\n color: card.$heading-anchor-color;\r\n }\r\n\r\n dso-icon {\r\n flex-shrink: 0;\r\n }\r\n\r\n .sr-only {\r\n @include utilities.sr-only();\r\n }\r\n}\r\n","import { h, Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, forceUpdate } from \"@stencil/core\";\r\n\r\nimport { isInteractiveElement } from \"../../utils/is-interactive-element\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { DsoCardClickedEvent, ImageShape } from \"./card.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-card\",\r\n styleUrl: \"card.scss\",\r\n shadow: true,\r\n})\r\nexport class Card implements ComponentInterface {\r\n @Element()\r\n host!: HTMLDsoCardElement;\r\n\r\n /**\r\n * Whether or not the Card is clickable. This is NOT a boolean attribute. Set to \"false\" to make the Card non-clickable.\r\n *\r\n * @deprecated Use `href` instead and `<ELEMENT_TYPE slot=\"heading\">` should NOT be of element type `a` (anchor).\r\n */\r\n @Prop({ reflect: true })\r\n clickable = true;\r\n\r\n /**\r\n * Presentation of image in header.\r\n * - \"normal\" (\"24 x 24\").\r\n * - \"wide\" (\"30 x 26\")\r\n */\r\n @Prop({ reflect: true })\r\n imageShape: ImageShape = \"normal\";\r\n\r\n /**\r\n * The URL to which the Card heading links.\r\n */\r\n @Prop({ reflect: true })\r\n href?: string;\r\n\r\n /**\r\n * Display the link as an external link or a download link\r\n * - \"download\"\r\n * - \"extern\"\r\n */\r\n @Prop({ reflect: true })\r\n mode?: string;\r\n\r\n /**\r\n * Emitted when the Card is clickable and the user clicked the Card.\r\n */\r\n @Event()\r\n dsoCardClicked!: EventEmitter<DsoCardClickedEvent>;\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n connectedCallback(): void {\r\n this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.mutationObserver?.disconnect();\r\n\r\n delete this.mutationObserver;\r\n }\r\n\r\n private clickEventHandler(e: MouseEvent) {\r\n if (!(e.target instanceof HTMLElement) || (!this.clickable && !this.href)) {\r\n return;\r\n }\r\n\r\n let element: HTMLElement | null = e.target;\r\n\r\n while (element !== this.host && element !== null) {\r\n if (isInteractiveElement(element) || element === null) {\r\n return;\r\n }\r\n\r\n if (element.parentNode instanceof ShadowRoot && element.parentNode.host instanceof HTMLElement) {\r\n element = element.parentNode.host;\r\n } else {\r\n element = element.parentElement;\r\n }\r\n }\r\n\r\n return this.dsoCardClicked.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n }\r\n\r\n get selectableSlottedElement() {\r\n return this.host.querySelector(\"[slot='selectable']\");\r\n }\r\n\r\n get imageSlottedElement() {\r\n return this.host.querySelector(\"[slot='image']\");\r\n }\r\n\r\n get headingSlottedElement() {\r\n return this.host.querySelector(\"[slot='heading']\");\r\n }\r\n\r\n get interactionsSlottedElement() {\r\n return this.host.querySelector(\"[slot='interactions']\");\r\n }\r\n\r\n render() {\r\n const isSelectable = this.selectableSlottedElement !== null;\r\n const hasImage = this.imageSlottedElement !== null;\r\n\r\n return (\r\n <Host onClick={(e: MouseEvent) => this.clickEventHandler(e)} is-selectable={isSelectable} has-image={hasImage}>\r\n <div class=\"dso-card-selectable\" hidden={!isSelectable}>\r\n <slot name=\"selectable\" />\r\n </div>\r\n <div class=\"dso-card-image\" hidden={!hasImage}>\r\n <slot name=\"image\" />\r\n </div>\r\n <div class=\"dso-card-heading\">\r\n {this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (\r\n <slot name=\"heading\" />\r\n ) : (\r\n ((!this.mode || ![\"download\", \"extern\"].includes(this.mode)) && (\r\n <a href={this.href} class=\"heading-anchor\">\r\n <slot name=\"heading\" />\r\n <dso-icon icon=\"chevron-right\"></dso-icon>\r\n </a>\r\n )) ||\r\n (this.mode === \"extern\" && (\r\n <a href={this.href} class=\"heading-anchor\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <slot name=\"heading\" />\r\n <dso-icon icon=\"external-link\"></dso-icon>\r\n <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n </a>\r\n )) ||\r\n (this.mode === \"download\" && (\r\n <a href={this.href} class=\"heading-anchor\">\r\n <slot name=\"heading\" />\r\n <dso-icon icon=\"download\"></dso-icon>\r\n </a>\r\n ))\r\n )}\r\n {this.interactionsSlottedElement !== null && <slot name=\"interactions\" />}\r\n </div>\r\n <div class=\"dso-card-content\">\r\n <slot name=\"content\" />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"2GAAO,MAAMA,EAAwBC,GAEjCA,aAAmBC,mBACnBD,aAAmBE,mBACnBF,aAAmBG,kBACnBH,EAAQI,QAAQC,WAAW,iBCL/B,MAAMC,EAAU,8/FAChB,MAAAC,EAAeD,E,MCWFE,EAAI,M,uFAUH,K,gBAQa,S,wCAwBzB,iBAAAC,GACEC,KAAKC,iBAAmB,IAAIC,kBAAiB,IAAMC,EAAYH,KAAKI,QAEpEJ,KAAKC,iBAAiBI,QAAQL,KAAKI,KAAM,CAAEE,WAAY,KAAMC,UAAW,M,CAG1E,oBAAAC,G,OACEC,EAAAT,KAAKC,oBAAgB,MAAAQ,SAAA,SAAAA,EAAEC,oBAEhBV,KAAKC,gB,CAGN,iBAAAU,CAAkBC,GACxB,KAAMA,EAAEC,kBAAkBC,eAAkBd,KAAKe,YAAcf,KAAKgB,KAAO,CACzE,M,CAGF,IAAI1B,EAA8BsB,EAAEC,OAEpC,MAAOvB,IAAYU,KAAKI,MAAQd,IAAY,KAAM,CAChD,GAAID,EAAqBC,IAAYA,IAAY,KAAM,CACrD,M,CAGF,GAAIA,EAAQ2B,sBAAsBC,YAAc5B,EAAQ2B,WAAWb,gBAAgBU,YAAa,CAC9FxB,EAAUA,EAAQ2B,WAAWb,I,KACxB,CACLd,EAAUA,EAAQ6B,a,EAItB,OAAOnB,KAAKoB,eAAeC,KAAK,CAAEC,cAAeV,EAAGW,gBAAiBA,EAAgBX,I,CAGvF,4BAAIY,GACF,OAAOxB,KAAKI,KAAKqB,cAAc,sB,CAGjC,uBAAIC,GACF,OAAO1B,KAAKI,KAAKqB,cAAc,iB,CAGjC,yBAAIE,GACF,OAAO3B,KAAKI,KAAKqB,cAAc,mB,CAGjC,8BAAIG,GACF,OAAO5B,KAAKI,KAAKqB,cAAc,wB,CAGjC,MAAAI,GACE,MAAMC,EAAe9B,KAAKwB,2BAA6B,KACvD,MAAMO,EAAW/B,KAAK0B,sBAAwB,KAE9C,OACEM,EAACC,EAAI,CAAAC,IAAA,2CAACC,QAAUvB,GAAkBZ,KAAKW,kBAAkBC,GAAE,gBAAiBkB,EAAY,YAAaC,GACnGC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sBAAsBC,QAASP,GACxCE,EAAA,QAAAE,IAAA,2CAAMI,KAAK,gBAEbN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,iBAAiBC,QAASN,GACnCC,EAAA,QAAAE,IAAA,2CAAMI,KAAK,WAEbN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,oBACRpC,KAAK2B,iCAAiCnC,oBAAsBQ,KAAKgB,KAChEgB,EAAA,QAAMM,KAAK,cAERtC,KAAKuC,OAAS,CAAC,WAAY,UAAUC,SAASxC,KAAKuC,QACpDP,EAAA,KAAGhB,KAAMhB,KAAKgB,KAAMoB,MAAM,kBACxBJ,EAAA,QAAMM,KAAK,YACXN,EAAA,YAAUS,KAAK,oBAGlBzC,KAAKuC,OAAS,UACbP,EAAA,KAAGhB,KAAMhB,KAAKgB,KAAMoB,MAAM,iBAAiBvB,OAAO,SAAS6B,IAAI,uBAC7DV,EAAA,QAAMM,KAAK,YACXN,EAAA,YAAUS,KAAK,kBACfT,EAAA,QAAMI,MAAM,WAAS,6CAGxBpC,KAAKuC,OAAS,YACbP,EAAA,KAAGhB,KAAMhB,KAAKgB,KAAMoB,MAAM,kBACxBJ,EAAA,QAAMM,KAAK,YACXN,EAAA,YAAUS,KAAK,cAIpBzC,KAAK4B,6BAA+B,MAAQI,EAAA,QAAAE,IAAA,2CAAMI,KAAK,kBAE1DN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,oBACTJ,EAAA,QAAAE,IAAA,2CAAMI,KAAK,a","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- import{r as o,c as e,h as i,H as s}from"./p-b623c74b.js";import{c as t}from"./p-8a1a6e56.js";const n=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button{cursor:pointer;vertical-align:top}button{background-color:transparent;color:#39870c;border:0;margin-inline-start:8px;padding:0}button.dso-info-secondary{color:#666}dso-icon{display:block}";const a=n;const r=class{constructor(i){o(this,i);this.dsoToggle=e(this,"dsoToggle",7);this.active=undefined;this.hover=false;this.secondary=undefined;this.label="Toelichting bij optie"}async setFocus(){var o;(o=this.button)===null||o===void 0?void 0:o.focus()}handleToggle(o){this.active=!this.active;this.dsoToggle.emit({originalEvent:o,active:this.active})}render(){return i(s,{key:"f92cf2e064117a666eff6e06918d1b8bfaa0ae4b",onMouseenter:()=>this.hover=true,onMouseleave:()=>this.hover=false},i("button",{key:"9a9a095f29dff2d7ef53be6df2a5bb0de1fd9673",type:"button",class:t({"dso-open":!!this.active,"dso-info-secondary":!!this.secondary}),"aria-expanded":typeof this.active==="boolean"?this.active.toString():undefined,onClick:o=>this.handleToggle(o),ref:o=>this.button=o},i("dso-icon",{key:"b2fc1665fa93d7a131833fc71b9cd17b0b29f5c6",icon:this.active||this.hover?"info-active":"info"}),i("span",{key:"9aa27a9e5ecc316e89c5ad0af463e711328d1857",class:"sr-only"},this.label)))}};r.style=a;export{r as dso_info_button};
2
- //# sourceMappingURL=p-d7358e77.entry.js.map