@dso-toolkit/core 102.0.0 → 104.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 (527) hide show
  1. package/dist/bundle/dso-accordion-section.js +7 -7
  2. package/dist/bundle/dso-action-list.js +1 -1
  3. package/dist/bundle/dso-advanced-select.js +12 -9
  4. package/dist/bundle/dso-alert.js +1 -1
  5. package/dist/bundle/dso-annotation-activiteit.js +18 -34
  6. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +18 -34
  7. package/dist/bundle/dso-annotation-kaart.js +3 -3
  8. package/dist/bundle/dso-annotation-locatie.js +1 -1
  9. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +18 -34
  10. package/dist/bundle/dso-autosuggest.js +3 -3
  11. package/dist/bundle/dso-badge.js +1 -1
  12. package/dist/bundle/dso-banner.js +1 -1
  13. package/dist/bundle/dso-card-container.js +2 -2
  14. package/dist/bundle/dso-card.js +3 -3
  15. package/dist/bundle/dso-contact-information.js +1 -1
  16. package/dist/bundle/dso-cursor-tooltip.js +1 -1
  17. package/dist/bundle/dso-date-picker.js +1 -1
  18. package/dist/bundle/dso-document-card.js +1 -1
  19. package/dist/bundle/dso-document-component.js +1 -1
  20. package/dist/bundle/dso-dropdown-menu-group.js +1 -1
  21. package/dist/bundle/dso-dropdown-menu-item.js +6 -2
  22. package/dist/bundle/dso-dropdown-menu.js +3 -3
  23. package/dist/bundle/dso-expandable.js +1 -1
  24. package/dist/bundle/dso-grid-column.js +1 -1
  25. package/dist/bundle/dso-header.js +4 -4
  26. package/dist/bundle/dso-hero-image.js +1 -1
  27. package/dist/bundle/dso-highlight-box.js +2 -2
  28. package/dist/bundle/dso-history-item.js +1 -1
  29. package/dist/bundle/dso-icon-button.js +1 -1
  30. package/dist/bundle/dso-image-overlay.js +1 -1
  31. package/dist/bundle/dso-info-button.js +1 -1
  32. package/dist/bundle/dso-info.js +1 -1
  33. package/dist/bundle/dso-input-range.js +2 -2
  34. package/dist/bundle/dso-label.js +1 -1
  35. package/dist/bundle/dso-legend-group.js +3 -3
  36. package/dist/bundle/dso-legend-item.js +6 -6
  37. package/dist/bundle/dso-legend.js +4 -4
  38. package/dist/bundle/dso-list-button.js +7 -7
  39. package/dist/bundle/dso-logo.js +1 -1
  40. package/dist/bundle/dso-map-base-layers.js +7 -7
  41. package/dist/bundle/dso-map-controls.js +5 -5
  42. package/dist/bundle/dso-map-layer-object.js +3 -3
  43. package/dist/bundle/dso-map-layer.js +3 -3
  44. package/dist/bundle/dso-map-message.js +2 -2
  45. package/dist/bundle/dso-map-overlays.js +7 -7
  46. package/dist/bundle/dso-mark-bar.js +2 -2
  47. package/dist/bundle/dso-modal.js +1 -1
  48. package/dist/bundle/dso-onboarding-tip.js +2 -2
  49. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  50. package/dist/bundle/dso-ozon-content.js +1 -1
  51. package/dist/bundle/dso-pagination.js +1 -1
  52. package/dist/bundle/dso-panel.js +1 -1
  53. package/dist/bundle/dso-plekinfo-card-item.js +4 -4
  54. package/dist/bundle/dso-plekinfo-card.js +2 -2
  55. package/dist/bundle/dso-progress-indicator.js +1 -1
  56. package/dist/bundle/dso-project-item.js +4 -4
  57. package/dist/bundle/dso-renvooi.js +1 -1
  58. package/dist/bundle/dso-responsive-element.js +1 -1
  59. package/dist/bundle/dso-scrollable.js +1 -1
  60. package/dist/bundle/dso-segmented-button.js +1 -1
  61. package/dist/bundle/dso-selectable.js +1 -1
  62. package/dist/bundle/dso-shopping-cart-item.js +2 -2
  63. package/dist/bundle/dso-shopping-cart.js +2 -2
  64. package/dist/bundle/dso-skiplink.js +1 -1
  65. package/dist/bundle/dso-slide-toggle.js +1 -1
  66. package/dist/bundle/dso-survey-rating.js +5 -5
  67. package/dist/bundle/dso-table.js +1 -1
  68. package/dist/bundle/dso-tabs.js +1 -1
  69. package/dist/bundle/dso-tijdreis-banner.js +1 -1
  70. package/dist/bundle/dso-tree-view.js +2 -2
  71. package/dist/bundle/dso-truncate.js +1 -1
  72. package/dist/bundle/dso-viewer-grid.js +3 -3
  73. package/dist/bundle/dsot-document-component-demo.js +19 -19
  74. package/dist/bundle/p--gUaHmK1.js +69 -0
  75. package/dist/bundle/{p-CFHg86YT.js → p-B-KTvN4y.js} +2 -2
  76. package/dist/bundle/{p-DTuqEGi5.js → p-BB_ih7Hk.js} +5 -5
  77. package/dist/bundle/{p-BymZ1e8R.js → p-BVZ94M1X.js} +1 -1
  78. package/dist/bundle/{p-CG7PB9Bx.js → p-BWa52F1H.js} +4 -4
  79. package/dist/bundle/{p-A0rc0QLO.js → p-BmLyJnZc.js} +1 -1
  80. package/dist/bundle/p-Bs_nbcJ5.js +130 -0
  81. package/dist/bundle/{p-DvUBm_do.js → p-C8dYkUK3.js} +1 -1
  82. package/dist/bundle/{p-BWxYo2hl.js → p-CIVR1Iwo.js} +2 -2
  83. package/dist/bundle/{p-Bn0wLbPn.js → p-COWOGCTP.js} +1 -1
  84. package/dist/bundle/{p-DgmLOl9Y.js → p-CYMksuXA.js} +3 -3
  85. package/dist/bundle/{p-Cp5xHyIB.js → p-CufipwbX.js} +1 -3
  86. package/dist/bundle/p-D3Akngmt.js +386 -0
  87. package/dist/bundle/{p-B87-yu48.js → p-DHNIYTIB.js} +2 -2
  88. package/dist/bundle/p-DK7XdyJj.js +158 -0
  89. package/dist/bundle/{p-xDSTG4OU.js → p-DVFsbHoq.js} +24 -7
  90. package/dist/bundle/p-DwujHx9z.js +1232 -0
  91. package/dist/bundle/{p-RlXOwxFy.js → p-DxSsBFIv.js} +4 -4
  92. package/dist/bundle/{p-tPI81auQ.js → p-Te_SczeV.js} +3 -3
  93. package/dist/bundle/p-bSxB3IXF.js +176 -0
  94. package/dist/bundle/{p-Cuh4KbuH.js → p-lNRYydvn.js} +30 -4
  95. package/dist/bundle/{p-CW6TwO8L.js → p-syG347lq.js} +13 -3
  96. package/dist/bundle/{p-B7dXUJ1g.js → p-y67sM58N.js} +2 -2
  97. package/dist/bundle/p-zu7axvCG.js +158 -0
  98. package/dist/cjs/{annotation-watcher-Dt2LwKoD.js → annotation-watcher-CWSWNSkl.js} +0 -3
  99. package/dist/cjs/dso-accordion-section.cjs.entry.js +1 -1
  100. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  101. package/dist/cjs/dso-advanced-select.cjs.entry.js +7 -4
  102. package/dist/cjs/dso-alert_7.cjs.entry.js +39 -24
  103. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +11 -3
  104. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +11 -3
  105. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +1 -1
  106. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +33 -8
  107. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +11 -3
  108. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +3 -3
  109. package/dist/cjs/dso-autosuggest.cjs.entry.js +1 -1
  110. package/dist/cjs/dso-banner.cjs.entry.js +1 -1
  111. package/dist/cjs/dso-card-container.cjs.entry.js +2 -2
  112. package/dist/cjs/dso-card.cjs.entry.js +3 -3
  113. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  114. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  115. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  116. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  117. package/dist/cjs/dso-dropdown-menu-group.cjs.entry.js +1 -1
  118. package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js +6 -2
  119. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
  120. package/dist/cjs/dso-grid-column.cjs.entry.js +1 -1
  121. package/dist/cjs/dso-header.cjs.entry.js +3 -3
  122. package/dist/cjs/dso-hero-image.cjs.entry.js +1 -1
  123. package/dist/cjs/dso-highlight-box.cjs.entry.js +2 -2
  124. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  125. package/dist/cjs/dso-icon-button.cjs.entry.js +92 -0
  126. package/dist/cjs/{dso-icon_2.cjs.entry.js → dso-icon.cjs.entry.js} +0 -60
  127. package/dist/cjs/dso-info_3.cjs.entry.js +40 -5
  128. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  129. package/dist/cjs/{dso-label_3.cjs.entry.js → dso-label_2.cjs.entry.js} +113 -78
  130. package/dist/cjs/dso-legend-group.cjs.entry.js +2 -2
  131. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  132. package/dist/cjs/dso-legend.cjs.entry.js +2 -2
  133. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  134. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  135. package/dist/cjs/dso-map-base-layers.cjs.entry.js +2 -2
  136. package/dist/cjs/dso-map-controls.cjs.entry.js +3 -3
  137. package/dist/cjs/dso-map-layer-object.cjs.entry.js +2 -2
  138. package/dist/cjs/dso-map-layer.cjs.entry.js +2 -2
  139. package/dist/cjs/dso-map-message.cjs.entry.js +2 -2
  140. package/dist/cjs/dso-map-overlays.cjs.entry.js +2 -2
  141. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  142. package/dist/cjs/dso-modal.cjs.entry.js +2 -2
  143. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +1 -1
  144. package/dist/cjs/dso-plekinfo-card-item.cjs.entry.js +3 -3
  145. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +2 -2
  146. package/dist/cjs/dso-progress-indicator.cjs.entry.js +2 -2
  147. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  148. package/dist/cjs/dso-renvooi_2.cjs.entry.js +94 -0
  149. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  150. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  151. package/dist/cjs/dso-segmented-button.cjs.entry.js +1 -1
  152. package/dist/cjs/dso-shopping-cart-item.cjs.entry.js +1 -1
  153. package/dist/cjs/dso-shopping-cart.cjs.entry.js +2 -2
  154. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  155. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  156. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  157. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
  158. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  159. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  160. package/dist/cjs/dso-viewer-grid.cjs.entry.js +3 -3
  161. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +2 -2
  162. package/dist/cjs/{i18n-Bzut_vVm.js → i18n-DrcZtGmN.js} +24 -7
  163. package/dist/cjs/loader.cjs.js +1 -1
  164. package/dist/collection/components/accordion/components/accordion-section.css +1 -3
  165. package/dist/collection/components/action-list/action-list.css +1 -1
  166. package/dist/collection/components/advanced-select/advanced-select.css +2 -2
  167. package/dist/collection/components/alert/alert.css +4 -4
  168. package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js +17 -21
  169. package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js +17 -21
  170. package/dist/collection/components/annotation/annotation-locatie/annotation-locatie.js +17 -21
  171. package/dist/collection/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.js +17 -21
  172. package/dist/collection/components/annotation/annotation.css +16 -12
  173. package/dist/collection/components/badge/badge.css +5 -5
  174. package/dist/collection/components/banner/banner.css +4 -4
  175. package/dist/collection/components/card/card.css +24 -15
  176. package/dist/collection/components/card/card.js +2 -2
  177. package/dist/collection/components/card-container/card-container.css +0 -2
  178. package/dist/collection/components/card-container/card-container.js +1 -1
  179. package/dist/collection/components/contact-information/contact-information.js +1 -1
  180. package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +1 -1
  181. package/dist/collection/components/date-picker/date-picker.js +1 -1
  182. package/dist/collection/components/document-card/document-card.js +1 -1
  183. package/dist/collection/components/document-component/document-component.css +166 -57
  184. package/dist/collection/components/document-component/document-component.js +53 -4
  185. package/dist/collection/components/document-component-demo/document-component.demo.js +2 -2
  186. package/dist/collection/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.js +1 -1
  187. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.css +1 -0
  188. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.js +5 -1
  189. package/dist/collection/components/dropdown-menu/dropdown-menu.css +11 -11
  190. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  191. package/dist/collection/components/expandable/expandable.css +4 -0
  192. package/dist/collection/components/expandable/expandable.js +2 -2
  193. package/dist/collection/components/grid-column/grid-column.js +3 -1
  194. package/dist/collection/components/header/header.css +1 -1
  195. package/dist/collection/components/header/header.js +1 -1
  196. package/dist/collection/components/hero-image/hero-image.js +1 -1
  197. package/dist/collection/components/highlight-box/highlight-box.css +4 -4
  198. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  199. package/dist/collection/components/history-item/history-item.js +1 -1
  200. package/dist/collection/components/icon-button/icon-button.css +22 -21
  201. package/dist/collection/components/icon-button/icon-button.js +94 -2
  202. package/dist/collection/components/image-overlay/image-overlay.css +35 -19
  203. package/dist/collection/components/image-overlay/image-overlay.js +7 -5
  204. package/dist/collection/components/info/info.css +1 -1
  205. package/dist/collection/components/info/info.interfaces.js +1 -0
  206. package/dist/collection/components/info/info.js +50 -7
  207. package/dist/collection/components/info-button/info-button.js +29 -1
  208. package/dist/collection/components/input-range/input-range.js +2 -2
  209. package/dist/collection/components/label/label.css +6 -6
  210. package/dist/collection/components/label/label.js +2 -2
  211. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  212. package/dist/collection/components/legend/legend-item/legend-item.js +1 -1
  213. package/dist/collection/components/legend/legend.js +1 -1
  214. package/dist/collection/components/list-button/list-button.css +3 -3
  215. package/dist/collection/components/list-button/list-button.js +1 -1
  216. package/dist/collection/components/logo/logo.js +1 -1
  217. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  218. package/dist/collection/components/map-controls/map-controls.css +164 -55
  219. package/dist/collection/components/map-controls/map-controls.js +1 -1
  220. package/dist/collection/components/map-layer/components/map-layer-object.css +2 -2
  221. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  222. package/dist/collection/components/map-layer/map-layer.css +2 -2
  223. package/dist/collection/components/map-layer/map-layer.js +1 -1
  224. package/dist/collection/components/map-message/map-message.js +2 -2
  225. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  226. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  227. package/dist/collection/components/modal/modal.js +1 -1
  228. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  229. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +3 -1
  230. package/dist/collection/components/ozon-content/functions/get-eid-from-node.function.js +3 -0
  231. package/dist/collection/components/ozon-content/nodes/begrip.node.js +2 -1
  232. package/dist/collection/components/ozon-content/nodes/begrippenlijst.node.js +2 -1
  233. package/dist/collection/components/ozon-content/nodes/ext-ref.node.js +2 -1
  234. package/dist/collection/components/ozon-content/nodes/fallback.node.js +2 -1
  235. package/dist/collection/components/ozon-content/nodes/figuur.node.js +2 -1
  236. package/dist/collection/components/ozon-content/nodes/lijst.node.js +3 -2
  237. package/dist/collection/components/ozon-content/nodes/table.node/table.node.js +2 -1
  238. package/dist/collection/components/ozon-content/ozon-content.css +178 -69
  239. package/dist/collection/components/ozon-content/ozon-content.js +42 -1
  240. package/dist/collection/components/panel/panel.css +1 -1
  241. package/dist/collection/components/panel/panel.js +1 -1
  242. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.css +2 -2
  243. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.js +2 -2
  244. package/dist/collection/components/plekinfo-card/plekinfo-card.css +3 -2
  245. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  246. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  247. package/dist/collection/components/project-item/project-item.js +1 -1
  248. package/dist/collection/components/renvooi/renvooi.css +2 -2
  249. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  250. package/dist/collection/components/scrollable/scrollable.js +2 -2
  251. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  252. package/dist/collection/components/selectable/selectable.css +1 -0
  253. package/dist/collection/components/selectable/selectable.js +25 -1
  254. package/dist/collection/components/shopping-cart/shopping-cart-item/shopping-cart-item.css +3 -3
  255. package/dist/collection/components/shopping-cart/shopping-cart.css +1 -1
  256. package/dist/collection/components/shopping-cart/shopping-cart.js +1 -1
  257. package/dist/collection/components/skiplink/skiplink.js +1 -1
  258. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  259. package/dist/collection/components/survey-rating/survey-rating.css +9 -9
  260. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  261. package/dist/collection/components/table/table.css +164 -55
  262. package/dist/collection/components/table/table.js +1 -1
  263. package/dist/collection/components/tabs/tabs.js +1 -1
  264. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  265. package/dist/collection/components/tree-view/tree-view.js +1 -1
  266. package/dist/collection/components/truncate/truncate.js +1 -1
  267. package/dist/collection/components/viewer-grid/viewer-grid.css +18 -39
  268. package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
  269. package/dist/components/alert.js +1 -1
  270. package/dist/components/annotation-locatie.js +1 -1
  271. package/dist/components/annotation-watcher.js +1 -1
  272. package/dist/components/badge.js +1 -1
  273. package/dist/components/document-component.js +1 -1
  274. package/dist/components/dso-accordion-section.js +1 -1
  275. package/dist/components/dso-action-list.js +1 -1
  276. package/dist/components/dso-advanced-select.js +2 -2
  277. package/dist/components/dso-annotation-activiteit.js +1 -1
  278. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  279. package/dist/components/dso-annotation-kaart.js +1 -1
  280. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  281. package/dist/components/dso-banner.js +1 -1
  282. package/dist/components/dso-card-container.js +1 -1
  283. package/dist/components/dso-card.js +1 -1
  284. package/dist/components/dso-contact-information.js +1 -1
  285. package/dist/components/dso-cursor-tooltip.js +1 -1
  286. package/dist/components/dso-date-picker.js +1 -1
  287. package/dist/components/dso-document-card.js +1 -1
  288. package/dist/components/dso-dropdown-menu-group.js +1 -1
  289. package/dist/components/dso-dropdown-menu-item.js +1 -1
  290. package/dist/components/dso-dropdown-menu.js +1 -1
  291. package/dist/components/dso-grid-column.js +1 -1
  292. package/dist/components/dso-header.js +1 -1
  293. package/dist/components/dso-hero-image.js +1 -1
  294. package/dist/components/dso-highlight-box.js +1 -1
  295. package/dist/components/dso-history-item.js +1 -1
  296. package/dist/components/dso-input-range.js +1 -1
  297. package/dist/components/dso-legend-group.js +1 -1
  298. package/dist/components/dso-legend-item.js +1 -1
  299. package/dist/components/dso-legend.js +1 -1
  300. package/dist/components/dso-list-button.js +1 -1
  301. package/dist/components/dso-logo.js +1 -1
  302. package/dist/components/dso-map-base-layers.js +1 -1
  303. package/dist/components/dso-map-controls.js +1 -1
  304. package/dist/components/dso-map-layer-object.js +1 -1
  305. package/dist/components/dso-map-layer.js +1 -1
  306. package/dist/components/dso-map-message.js +1 -1
  307. package/dist/components/dso-map-overlays.js +1 -1
  308. package/dist/components/dso-mark-bar.js +1 -1
  309. package/dist/components/dso-onboarding-tip.js +1 -1
  310. package/dist/components/dso-plekinfo-card-item.js +1 -1
  311. package/dist/components/dso-plekinfo-card.js +1 -1
  312. package/dist/components/dso-project-item.js +1 -1
  313. package/dist/components/dso-segmented-button.js +1 -1
  314. package/dist/components/dso-shopping-cart-item.js +1 -1
  315. package/dist/components/dso-shopping-cart.js +1 -1
  316. package/dist/components/dso-skiplink.js +1 -1
  317. package/dist/components/dso-survey-rating.js +1 -1
  318. package/dist/components/dso-tabs.js +1 -1
  319. package/dist/components/dso-tijdreis-banner.js +1 -1
  320. package/dist/components/dso-tree-view.js +1 -1
  321. package/dist/components/dso-viewer-grid.js +1 -1
  322. package/dist/components/dsot-document-component-demo.js +1 -1
  323. package/dist/components/expandable.js +1 -1
  324. package/dist/components/i18n.js +1 -1
  325. package/dist/components/icon-button.js +1 -1
  326. package/dist/components/image-overlay.js +1 -1
  327. package/dist/components/info-button.js +1 -1
  328. package/dist/components/info.js +1 -1
  329. package/dist/components/label.js +1 -1
  330. package/dist/components/modal.js +1 -1
  331. package/dist/components/ozon-content-toggletip.js +1 -1
  332. package/dist/components/ozon-content.js +1 -1
  333. package/dist/components/panel.js +1 -1
  334. package/dist/components/progress-indicator.js +1 -1
  335. package/dist/components/renvooi.js +1 -1
  336. package/dist/components/responsive-element.js +1 -1
  337. package/dist/components/scrollable.js +1 -1
  338. package/dist/components/selectable.js +1 -1
  339. package/dist/components/slide-toggle.js +1 -1
  340. package/dist/components/table.js +1 -1
  341. package/dist/components/truncate.js +1 -1
  342. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  343. package/dist/dso-toolkit/p-0bd4359a.entry.js +1 -0
  344. package/dist/dso-toolkit/{p-d7a13c66.entry.js → p-0cd5270c.entry.js} +1 -1
  345. package/dist/dso-toolkit/{p-813c41f2.entry.js → p-10299ffc.entry.js} +1 -1
  346. package/dist/dso-toolkit/p-1a83428e.entry.js +1 -0
  347. package/dist/dso-toolkit/p-1cbeac39.entry.js +1 -0
  348. package/dist/dso-toolkit/p-24b06d7f.entry.js +1 -0
  349. package/dist/dso-toolkit/{p-10700eaa.entry.js → p-24e15226.entry.js} +1 -1
  350. package/dist/dso-toolkit/{p-9b048854.entry.js → p-260aed7d.entry.js} +1 -1
  351. package/dist/dso-toolkit/{p-19db23e6.entry.js → p-2d06130f.entry.js} +1 -1
  352. package/dist/dso-toolkit/{p-00a19755.entry.js → p-2e7ee7bf.entry.js} +1 -1
  353. package/dist/dso-toolkit/p-3474228d.entry.js +1 -0
  354. package/dist/dso-toolkit/{p-4db4d3f5.entry.js → p-3d996ab8.entry.js} +1 -1
  355. package/dist/dso-toolkit/p-3e0fac12.entry.js +1 -0
  356. package/dist/dso-toolkit/p-3f191dbb.entry.js +1 -0
  357. package/dist/dso-toolkit/p-3f519757.entry.js +1 -0
  358. package/dist/dso-toolkit/{p-b2a7d818.entry.js → p-449e1d38.entry.js} +1 -1
  359. package/dist/dso-toolkit/{p-0ac3a3de.entry.js → p-46b5f37c.entry.js} +1 -1
  360. package/dist/dso-toolkit/{p-45f3ebde.entry.js → p-4e3e0295.entry.js} +1 -1
  361. package/dist/dso-toolkit/p-4fb3a234.entry.js +1 -0
  362. package/dist/dso-toolkit/{p-06c3b3a3.entry.js → p-5578a548.entry.js} +1 -1
  363. package/dist/dso-toolkit/p-57cd980d.entry.js +1 -0
  364. package/dist/dso-toolkit/{p-e75627d8.entry.js → p-6752882a.entry.js} +1 -1
  365. package/dist/dso-toolkit/p-681b9112.entry.js +1 -0
  366. package/dist/dso-toolkit/{p-aef0052a.entry.js → p-69525b12.entry.js} +1 -1
  367. package/dist/dso-toolkit/p-6aac2c86.entry.js +1 -0
  368. package/dist/dso-toolkit/{p-43b260e4.entry.js → p-6ab91ffc.entry.js} +1 -1
  369. package/dist/dso-toolkit/{p-d60b7d93.entry.js → p-704c05a9.entry.js} +1 -1
  370. package/dist/dso-toolkit/{p-08f2eeef.entry.js → p-70950107.entry.js} +1 -1
  371. package/dist/dso-toolkit/{p-0ae3842c.entry.js → p-70a6db64.entry.js} +1 -1
  372. package/dist/dso-toolkit/{p-721f8ce9.entry.js → p-72517ab5.entry.js} +1 -1
  373. package/dist/dso-toolkit/{p-543a8b49.entry.js → p-77d56292.entry.js} +1 -1
  374. package/dist/dso-toolkit/{p-3f19a641.entry.js → p-7c1c3774.entry.js} +1 -1
  375. package/dist/dso-toolkit/{p-2dda5d7c.entry.js → p-7fb97253.entry.js} +1 -1
  376. package/dist/dso-toolkit/{p-abc5cce2.entry.js → p-873194ad.entry.js} +1 -1
  377. package/dist/dso-toolkit/{p-f5a91ba6.entry.js → p-8e889961.entry.js} +1 -1
  378. package/dist/dso-toolkit/p-90252564.entry.js +1 -0
  379. package/dist/dso-toolkit/{p-12ad7986.entry.js → p-93947f6b.entry.js} +1 -1
  380. package/dist/dso-toolkit/p-9802516f.entry.js +1 -0
  381. package/dist/dso-toolkit/p-Bar1Z3S0.js +1 -0
  382. package/dist/dso-toolkit/p-DVFsbHoq.js +1 -0
  383. package/dist/dso-toolkit/{p-aa0f87b9.entry.js → p-a1104ea3.entry.js} +1 -1
  384. package/dist/dso-toolkit/p-a5ec568e.entry.js +1 -0
  385. package/dist/dso-toolkit/p-a9537924.entry.js +1 -0
  386. package/dist/dso-toolkit/{p-203a8fe6.entry.js → p-aa25d74d.entry.js} +1 -1
  387. package/dist/dso-toolkit/{p-9022e190.entry.js → p-aa800c6a.entry.js} +1 -1
  388. package/dist/dso-toolkit/p-aae78745.entry.js +1 -0
  389. package/dist/dso-toolkit/p-aecf9f7b.entry.js +1 -0
  390. package/dist/dso-toolkit/{p-2cb4f6f2.entry.js → p-b08dcde3.entry.js} +1 -1
  391. package/dist/dso-toolkit/{p-b503325f.entry.js → p-b2f3baea.entry.js} +1 -1
  392. package/dist/dso-toolkit/p-b61ec03a.entry.js +1 -0
  393. package/dist/dso-toolkit/{p-efa8448f.entry.js → p-ba27470b.entry.js} +1 -1
  394. package/dist/dso-toolkit/p-bbfcae9c.entry.js +1 -0
  395. package/dist/dso-toolkit/{p-313ae4fd.entry.js → p-bd471a11.entry.js} +1 -1
  396. package/dist/dso-toolkit/{p-55887adb.entry.js → p-c78ebf82.entry.js} +1 -1
  397. package/dist/dso-toolkit/p-ccee0ef7.entry.js +5 -0
  398. package/dist/dso-toolkit/p-ce252fc6.entry.js +1 -0
  399. package/dist/dso-toolkit/{p-463a7d51.entry.js → p-d14f3ee4.entry.js} +1 -1
  400. package/dist/dso-toolkit/p-d2b3ead1.entry.js +1 -0
  401. package/dist/dso-toolkit/p-dabd6116.entry.js +1 -0
  402. package/dist/dso-toolkit/{p-3ba34be2.entry.js → p-e103fcbd.entry.js} +1 -1
  403. package/dist/dso-toolkit/{p-bfc9427b.entry.js → p-eccfab10.entry.js} +1 -1
  404. package/dist/dso-toolkit/{p-d3f0c062.entry.js → p-ecfd8dce.entry.js} +1 -1
  405. package/dist/dso-toolkit/p-f80e161a.entry.js +1 -0
  406. package/dist/dso-toolkit/p-fb0c4194.entry.js +1 -0
  407. package/dist/esm/{annotation-watcher-BFKtAXqi.js → annotation-watcher-DSFIeEoI.js} +1 -3
  408. package/dist/esm/dso-accordion-section.entry.js +1 -1
  409. package/dist/esm/dso-action-list.entry.js +1 -1
  410. package/dist/esm/dso-advanced-select.entry.js +7 -4
  411. package/dist/esm/dso-alert_7.entry.js +39 -24
  412. package/dist/esm/dso-annotation-activiteit.entry.js +11 -3
  413. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +11 -3
  414. package/dist/esm/dso-annotation-kaart.entry.js +1 -1
  415. package/dist/esm/dso-annotation-locatie_2.entry.js +33 -8
  416. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +11 -3
  417. package/dist/esm/dso-attachments-counter_2.entry.js +3 -3
  418. package/dist/esm/dso-autosuggest.entry.js +1 -1
  419. package/dist/esm/dso-banner.entry.js +1 -1
  420. package/dist/esm/dso-card-container.entry.js +2 -2
  421. package/dist/esm/dso-card.entry.js +3 -3
  422. package/dist/esm/dso-contact-information.entry.js +1 -1
  423. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  424. package/dist/esm/dso-date-picker.entry.js +1 -1
  425. package/dist/esm/dso-document-card.entry.js +1 -1
  426. package/dist/esm/dso-dropdown-menu-group.entry.js +1 -1
  427. package/dist/esm/dso-dropdown-menu-item.entry.js +6 -2
  428. package/dist/esm/dso-dropdown-menu.entry.js +2 -2
  429. package/dist/esm/dso-grid-column.entry.js +1 -1
  430. package/dist/esm/dso-header.entry.js +3 -3
  431. package/dist/esm/dso-hero-image.entry.js +1 -1
  432. package/dist/esm/dso-highlight-box.entry.js +2 -2
  433. package/dist/esm/dso-history-item.entry.js +1 -1
  434. package/dist/esm/dso-icon-button.entry.js +90 -0
  435. package/dist/esm/{dso-icon_2.entry.js → dso-icon.entry.js} +2 -61
  436. package/dist/esm/dso-info_3.entry.js +40 -5
  437. package/dist/esm/dso-input-range.entry.js +2 -2
  438. package/dist/esm/{dso-label_3.entry.js → dso-label_2.entry.js} +114 -78
  439. package/dist/esm/dso-legend-group.entry.js +2 -2
  440. package/dist/esm/dso-legend-item.entry.js +2 -2
  441. package/dist/esm/dso-legend.entry.js +2 -2
  442. package/dist/esm/dso-list-button.entry.js +2 -2
  443. package/dist/esm/dso-logo.entry.js +1 -1
  444. package/dist/esm/dso-map-base-layers.entry.js +2 -2
  445. package/dist/esm/dso-map-controls.entry.js +3 -3
  446. package/dist/esm/dso-map-layer-object.entry.js +2 -2
  447. package/dist/esm/dso-map-layer.entry.js +2 -2
  448. package/dist/esm/dso-map-message.entry.js +2 -2
  449. package/dist/esm/dso-map-overlays.entry.js +2 -2
  450. package/dist/esm/dso-mark-bar.entry.js +1 -1
  451. package/dist/esm/dso-modal.entry.js +2 -2
  452. package/dist/esm/dso-onboarding-tip.entry.js +1 -1
  453. package/dist/esm/dso-plekinfo-card-item.entry.js +3 -3
  454. package/dist/esm/dso-plekinfo-card.entry.js +2 -2
  455. package/dist/esm/dso-progress-indicator.entry.js +2 -2
  456. package/dist/esm/dso-project-item.entry.js +1 -1
  457. package/dist/esm/dso-renvooi_2.entry.js +91 -0
  458. package/dist/esm/dso-responsive-element.entry.js +1 -1
  459. package/dist/esm/dso-scrollable.entry.js +2 -2
  460. package/dist/esm/dso-segmented-button.entry.js +1 -1
  461. package/dist/esm/dso-shopping-cart-item.entry.js +1 -1
  462. package/dist/esm/dso-shopping-cart.entry.js +2 -2
  463. package/dist/esm/dso-skiplink.entry.js +1 -1
  464. package/dist/esm/dso-survey-rating.entry.js +3 -3
  465. package/dist/esm/dso-tabs.entry.js +1 -1
  466. package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
  467. package/dist/esm/dso-toolkit.js +1 -1
  468. package/dist/esm/dso-tree-view.entry.js +1 -1
  469. package/dist/esm/dso-viewer-grid.entry.js +3 -3
  470. package/dist/esm/dsot-document-component-demo.entry.js +2 -2
  471. package/dist/esm/{i18n-xDSTG4OU.js → i18n-DVFsbHoq.js} +24 -7
  472. package/dist/esm/loader.js +1 -1
  473. package/dist/types/components/annotation/annotation-activiteit/annotation-activiteit.d.ts +7 -4
  474. package/dist/types/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.d.ts +7 -4
  475. package/dist/types/components/annotation/annotation-locatie/annotation-locatie.d.ts +7 -4
  476. package/dist/types/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.d.ts +7 -4
  477. package/dist/types/components/document-component/document-component.d.ts +8 -0
  478. package/dist/types/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts +1 -0
  479. package/dist/types/components/grid-column/grid-column.d.ts +2 -0
  480. package/dist/types/components/icon-button/icon-button.d.ts +19 -1
  481. package/dist/types/components/info/info.d.ts +13 -1
  482. package/dist/types/components/info/info.interfaces.d.ts +8 -0
  483. package/dist/types/components/info-button/info-button.d.ts +7 -0
  484. package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts +2 -0
  485. package/dist/types/components/ozon-content/functions/get-eid-from-node.function.d.ts +1 -0
  486. package/dist/types/components/ozon-content/ozon-content.d.ts +7 -0
  487. package/dist/types/components/selectable/selectable.d.ts +8 -0
  488. package/dist/types/components.d.ts +93 -41
  489. package/package.json +17 -17
  490. package/dist/bundle/p-C9-RLZ9M.js +0 -156
  491. package/dist/bundle/p-CCdI6Ua4.js +0 -152
  492. package/dist/bundle/p-CPtFrV76.js +0 -92
  493. package/dist/bundle/p-CiGy9stm.js +0 -85
  494. package/dist/bundle/p-DaNGJp1p.js +0 -176
  495. package/dist/bundle/p-dzmskiHS.js +0 -1218
  496. package/dist/bundle/p-e6AL8TrE.js +0 -368
  497. package/dist/cjs/dso-truncate.cjs.entry.js +0 -129
  498. package/dist/collection/components/annotation/annotation-gewijzigde-locatie.js +0 -2
  499. package/dist/dso-toolkit/p-00cffdca.entry.js +0 -1
  500. package/dist/dso-toolkit/p-13452ded.entry.js +0 -1
  501. package/dist/dso-toolkit/p-24910fe1.entry.js +0 -1
  502. package/dist/dso-toolkit/p-29edc9ad.entry.js +0 -1
  503. package/dist/dso-toolkit/p-3daf7f57.entry.js +0 -1
  504. package/dist/dso-toolkit/p-489094b9.entry.js +0 -1
  505. package/dist/dso-toolkit/p-4a15a625.entry.js +0 -1
  506. package/dist/dso-toolkit/p-4a39ddbe.entry.js +0 -1
  507. package/dist/dso-toolkit/p-50d45290.entry.js +0 -1
  508. package/dist/dso-toolkit/p-586a9e1e.entry.js +0 -1
  509. package/dist/dso-toolkit/p-5dd2c05d.entry.js +0 -1
  510. package/dist/dso-toolkit/p-62c543dc.entry.js +0 -1
  511. package/dist/dso-toolkit/p-67c425c7.entry.js +0 -1
  512. package/dist/dso-toolkit/p-720b739f.entry.js +0 -1
  513. package/dist/dso-toolkit/p-79b82b53.entry.js +0 -1
  514. package/dist/dso-toolkit/p-83531650.entry.js +0 -1
  515. package/dist/dso-toolkit/p-8b99c8d6.entry.js +0 -1
  516. package/dist/dso-toolkit/p-8bdbd2ef.entry.js +0 -1
  517. package/dist/dso-toolkit/p-a493e05a.entry.js +0 -1
  518. package/dist/dso-toolkit/p-bfd42b60.entry.js +0 -1
  519. package/dist/dso-toolkit/p-d652deb2.entry.js +0 -1
  520. package/dist/dso-toolkit/p-e7138922.entry.js +0 -1
  521. package/dist/dso-toolkit/p-ec120ded.entry.js +0 -1
  522. package/dist/dso-toolkit/p-f8c06305.entry.js +0 -1
  523. package/dist/dso-toolkit/p-fa6555ca.entry.js +0 -5
  524. package/dist/dso-toolkit/p-l4BLdB_D.js +0 -1
  525. package/dist/dso-toolkit/p-xDSTG4OU.js +0 -1
  526. package/dist/esm/dso-truncate.entry.js +0 -127
  527. package/dist/types/components/annotation/annotation-gewijzigde-locatie.d.ts +0 -2
@@ -1 +1 @@
1
- import{r as t,d as n,h as e,F as o}from"./p-DRum3iIs.js";import{g as r,c as i}from"./p-BFTU3MAI.js";var s,u,c,a,f=r(function(){if(u)return s;u=1;var t=1/0,n=9007199254740991,e=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,c=/^(?:0|[1-9]\d*)$/,a=parseFloat,f=parseInt,h=Object.prototype.toString,d=Math.floor,l=Math.min,p=Math.random;function b(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function v(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==h.call(t)}(t))return NaN;if(b(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=b(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var s=r.test(t);return s||i.test(t)?f(t.slice(2),s?2:8):o.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}return s=function(t,e,o){if(o&&"boolean"!=typeof o&&function(t,e,o){if(!b(o))return!1;var r=typeof e;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!function(t){var n=b(t)?h.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}(t)}(o)&&function(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||c.test(t))&&t>-1&&t%1==0&&t<e}(e,o.length):"string"==r&&e in o)&&function(t,n){return t===n||t!=t&&n!=n}(o[e],t)}(t,e,o)&&(e=o=void 0),void 0===o&&("boolean"==typeof e?(o=e,e=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===e?(t=0,e=1):(t=v(t),void 0===e?(e=t,t=0):e=v(e)),t>e){var r=t;t=e,e=r}if(o||t%1||e%1){var i=p();return l(t+i*(e-t+a("1e-"+((i+"").length-1))),e)}return function(t,n){return t+d(p()*(n-t+1))}(t,e)}}()),h=r(function(){if(a)return c;a=1;var t=1/0,n=9007199254740991,e="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",u="[object DataView]",f=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,p=/^0o[0-7]+$/i,b=/^(?:0|[1-9]\d*)$/,v="\\ud800-\\udfff",m="\\u0300-\\u036f\\ufe20-\\ufe23",y="\\u20d0-\\u20f0",g="\\ufe0e\\ufe0f",j="["+v+"]",C="["+m+y+"]",D="\\ud83c[\\udffb-\\udfff]",w="[^"+v+"]",k="(?:\\ud83c[\\udde6-\\uddff]){2}",A="[\\ud800-\\udbff][\\udc00-\\udfff]",O="\\u200d",T="(?:"+C+"|"+D+")?",I="["+g+"]?",$=I+T+"(?:"+O+"(?:"+[w,k,A].join("|")+")"+I+T+")*",S="(?:"+[w+C+"?",C,k,A,j].join("|")+")",F=RegExp(D+"(?="+D+")|"+S+$,"g"),M=RegExp("["+O+v+m+y+g+"]"),x=parseInt,E="object"==typeof self&&self&&self.Object===Object&&self,N="object"==typeof i&&i&&i.Object===Object&&i||E||Function("return this")();function R(t){var n=-1,e=Array(t.size);return t.forEach((function(t,o){e[++n]=[o,t]})),e}function z(t){var n=-1,e=Array(t.size);return t.forEach((function(t){e[++n]=t})),e}var L,W,B,V=Function.prototype,_=Object.prototype,K=N["__core-js_shared__"],P=(L=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"",G=V.toString,U=_.hasOwnProperty,H=_.toString,q=RegExp("^"+G.call(U).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),J=N.Symbol,Q=J?J.iterator:void 0,X=_.propertyIsEnumerable,Y=Math.floor,Z=(W=Object.keys,B=Object,function(t){return W(B(t))}),tt=Math.random,nt=dt(N,"DataView"),et=dt(N,"Map"),ot=dt(N,"Promise"),rt=dt(N,"Set"),it=dt(N,"WeakMap"),st=bt(nt),ut=bt(et),ct=bt(ot),at=bt(rt),ft=bt(it);function ht(t,n){return t+Y(tt()*(n-t+1))}function dt(t,n){var e=function(t,n){return null==t?void 0:t[n]}(t,n);return function(t){if(!gt(t)||function(t){return!!P&&P in t}(t))return!1;var n=yt(t)||function(t){var n=!1;if(null!=t&&"function"!=typeof t.toString)try{n=!!(t+"")}catch(t){}return n}(t)?q:l;return n.test(bt(t))}(e)?e:void 0}var lt=function(t){return H.call(t)};function pt(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||b.test(t))&&t>-1&&t%1==0&&t<e}function bt(t){if(null!=t){try{return G.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(nt&&lt(new nt(new ArrayBuffer(1)))!=u||et&&lt(new et)!=e||ot&&lt(ot.resolve())!=o||rt&&lt(new rt)!=r||it&&lt(new it)!=s)&&(lt=function(t){var n=H.call(t),i="[object Object]"==n?t.constructor:void 0,c=i?bt(i):void 0;if(c)switch(c){case st:return u;case ut:return e;case ct:return o;case at:return r;case ft:return s}return n});var vt=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!yt(t)}function yt(t){var n=gt(t)?H.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}function gt(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function jt(t){return!!t&&"object"==typeof t}function Ct(t){return t?function(t,n){return function(n){for(var e=-1,o=n?n.length:0,r=Array(o);++e<o;)r[e]=t[n[e]];return r}(n)}(t,function(t){return mt(t)?function(t){var n=vt(t)||function(t){return function(t){return jt(t)&&mt(t)}(t)&&U.call(t,"callee")&&(!X.call(t,"callee")||"[object Arguments]"==H.call(t))}(t)?function(t,n){for(var e=-1,o=Array(t);++e<t;)o[e]=n(e);return o}(t.length,String):[],e=n.length,o=!!e;for(var r in t)!U.call(t,r)||o&&("length"==r||pt(r,e))||n.push(r);return n}(t):function(t){if((n=t)!==("function"==typeof(e=n&&n.constructor)&&e.prototype||_))return Z(t);var n,e,o=[];for(var r in Object(t))U.call(t,r)&&"constructor"!=r&&o.push(r);return o}(t)}(t)):[]}return c=function(n,o,i){var s,u,c=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!vt(t)&&jt(t)&&"[object String]"==H.call(t)}(t)?function(t){return M.test(t)}(n=t)?function(t){return t.match(F)||[]}(n):function(t){return t.split("")}(n):function(t,n){var e=-1,o=t.length;for(n||(n=Array(o));++e<o;)n[e]=t[e];return n}(t);var n;if(Q&&t[Q])return function(t){for(var n,e=[];!(n=t.next()).done;)e.push(n.value);return e}(t[Q]());var o=lt(t);return(o==e?R:o==r?z:Ct)(t)}(n),l=a.length,b=l-1;for((i?function(t,n,e){if(!gt(e))return!1;var o=typeof n;return!!("number"==o?mt(e)&&pt(n,e.length):"string"==o&&n in e)&&function(t,n){return t===n||t!=t&&n!=n}(e[n],t)}(n,o,i):void 0===o)?o=1:(s=function(n){var e=function(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||jt(t)&&"[object Symbol]"==H.call(t)}(t))return NaN;if(gt(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=gt(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(f,"");var e=d.test(t);return e||p.test(t)?x(t.slice(2),e?2:8):h.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}(n),o=e%1;return e==e?o?e-o:e:0}(o),u=l,s==s&&(void 0!==u&&(s=s<=u?s:u),s=s>=0?s:0),o=s);++c<o;){var v=ht(c,b),m=a[v];a[v]=a[c],a[c]=m}return a.length=o,a}}());const d=class{constructor(r){t(this,r),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,n)=>{const e=this.getEmbeddedDocumentComponents(t);if(e)for(const t of e.documentComponents)this.handleOpenToggle(t,n.next)},this.DocumentComponent=({path:t})=>{const n=t.at(-1);if(!n||"table-of-contents"===this.mode&&"LID"===n.type)return e(o,null);const{DocumentComponent:r}=this,i=this.getEmbeddedDocumentComponents(n);let s,u,c,a,f;return this.hasNestedDraft(n)&&(this.showBesluitversie?(s="B",u="primary",c="Dit is een besluitversie."):(s="!",u="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),n.bevatOntwerpInformatie&&(this.showBesluitversie?(a="Besluitversie",f="primary"):(a="Ontwerp",f="warning")),e("dso-document-component",{annotated:this.isAnnotated(n),filtered:this.isOpen(n)?this.isFiltered(n):this.hasFilteredChildren(n),gereserveerd:n.gereserveerd,headingLevel:2,kop:n.kop,inhoud:n.inhoud,openAnnotation:this.isOpenedAnnotation(n),notApplicable:this.isNotApplicable(n)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(n,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(n),open:this.isOpen(n),type:n.type,vervallen:n.vervallen,wijzigactie:n.wijzigactie,recursiveToggle:this.recursiveToggleState(n),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(n,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+n.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:s,badgeStatus:u,badgeTooltip:c,label:a,labelStatus:f},this.isOpenedAnnotation(n)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(n),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(n)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(n)&&i?.documentComponents.length&&e("ul",{class:"dso-document-component-list"},i.documentComponents.map((n=>e("li",{key:n.documentTechnischId},e(r,{path:[...t,n]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:n}=t;return e("button",{type:"button",onClick:()=>this.document=t},e("span",null,e("i",null,n)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const n=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of n)n.push(...this.concatEmbeddedDocumentComponents(t));return n}selectRandomDocumentComponents(t,n=[]){const e=this.concatEmbeddedDocumentComponents(t).filter((t=>!n.includes(t))),o=f(0,Math.floor(e.length/10));return h(e,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,n){const e="boolean"==typeof n?n:this.openOrClosed.includes(t);e&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((n=>n!==t)):e||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,n){this.openedAnnotation=this.isOpenedAnnotation(t)&&!n.next?this.openedAnnotation.filter((n=>n!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((n=>n!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const n=this.getEmbeddedDocumentComponents(t);if(n&&!(n.documentComponents.length<=1)&&n.documentComponents.some((t=>"ARTIKEL"===t.type)))return n.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:n}=this;return e("dso-responsive-element",{key:"325c3f0c6cae4feecaf9e01fe74fc602a653f137",class:"dso-document-components"},e("div",{key:"df6ff8a61e2fefc28b9dace9ea88fcc2b6f0009e",class:"dso-navbar"},e("ul",{key:"6b44f5260a57c2a296068aa9d122c31e3d8d6502",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>e("li",{class:this.document===t?"dso-active":void 0},e(n,{documentComponent:t})))))),this.document&&e(t,{key:"fd300e2da9b2e29b46e29c3108e78f609e8b4e40",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}};d.style=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";export{d as dsot_document_component_demo}
1
+ import{r as t,d as n,h as e,F as o}from"./p-DRum3iIs.js";import{g as r,c as i}from"./p-BFTU3MAI.js";var s,u,c,a,f=r(function(){if(u)return s;u=1;var t=1/0,n=9007199254740991,e=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,c=/^(?:0|[1-9]\d*)$/,a=parseFloat,f=parseInt,h=Object.prototype.toString,d=Math.floor,l=Math.min,p=Math.random;function b(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function v(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==h.call(t)}(t))return NaN;if(b(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=b(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var s=r.test(t);return s||i.test(t)?f(t.slice(2),s?2:8):o.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}return s=function(t,e,o){if(o&&"boolean"!=typeof o&&function(t,e,o){if(!b(o))return!1;var r=typeof e;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!function(t){var n=b(t)?h.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}(t)}(o)&&function(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||c.test(t))&&t>-1&&t%1==0&&t<e}(e,o.length):"string"==r&&e in o)&&function(t,n){return t===n||t!=t&&n!=n}(o[e],t)}(t,e,o)&&(e=o=void 0),void 0===o&&("boolean"==typeof e?(o=e,e=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===e?(t=0,e=1):(t=v(t),void 0===e?(e=t,t=0):e=v(e)),t>e){var r=t;t=e,e=r}if(o||t%1||e%1){var i=p();return l(t+i*(e-t+a("1e-"+((i+"").length-1))),e)}return function(t,n){return t+d(p()*(n-t+1))}(t,e)}}()),h=r(function(){if(a)return c;a=1;var t=1/0,n=9007199254740991,e="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",u="[object DataView]",f=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,p=/^0o[0-7]+$/i,b=/^(?:0|[1-9]\d*)$/,v="\\ud800-\\udfff",m="\\u0300-\\u036f\\ufe20-\\ufe23",y="\\u20d0-\\u20f0",g="\\ufe0e\\ufe0f",j="["+v+"]",C="["+m+y+"]",D="\\ud83c[\\udffb-\\udfff]",w="[^"+v+"]",k="(?:\\ud83c[\\udde6-\\uddff]){2}",A="[\\ud800-\\udbff][\\udc00-\\udfff]",O="\\u200d",T="(?:"+C+"|"+D+")?",I="["+g+"]?",$=I+T+"(?:"+O+"(?:"+[w,k,A].join("|")+")"+I+T+")*",S="(?:"+[w+C+"?",C,k,A,j].join("|")+")",F=RegExp(D+"(?="+D+")|"+S+$,"g"),M=RegExp("["+O+v+m+y+g+"]"),x=parseInt,E="object"==typeof self&&self&&self.Object===Object&&self,N="object"==typeof i&&i&&i.Object===Object&&i||E||Function("return this")();function R(t){var n=-1,e=Array(t.size);return t.forEach((function(t,o){e[++n]=[o,t]})),e}function z(t){var n=-1,e=Array(t.size);return t.forEach((function(t){e[++n]=t})),e}var L,W,B,V=Function.prototype,_=Object.prototype,K=N["__core-js_shared__"],P=(L=/[^.]+$/.exec(K&&K.keys&&K.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"",G=V.toString,U=_.hasOwnProperty,H=_.toString,q=RegExp("^"+G.call(U).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),J=N.Symbol,Q=J?J.iterator:void 0,X=_.propertyIsEnumerable,Y=Math.floor,Z=(W=Object.keys,B=Object,function(t){return W(B(t))}),tt=Math.random,nt=dt(N,"DataView"),et=dt(N,"Map"),ot=dt(N,"Promise"),rt=dt(N,"Set"),it=dt(N,"WeakMap"),st=bt(nt),ut=bt(et),ct=bt(ot),at=bt(rt),ft=bt(it);function ht(t,n){return t+Y(tt()*(n-t+1))}function dt(t,n){var e=function(t,n){return null==t?void 0:t[n]}(t,n);return function(t){if(!gt(t)||function(t){return!!P&&P in t}(t))return!1;var n=yt(t)||function(t){var n=!1;if(null!=t&&"function"!=typeof t.toString)try{n=!!(t+"")}catch(t){}return n}(t)?q:l;return n.test(bt(t))}(e)?e:void 0}var lt=function(t){return H.call(t)};function pt(t,e){return!!(e=null==e?n:e)&&("number"==typeof t||b.test(t))&&t>-1&&t%1==0&&t<e}function bt(t){if(null!=t){try{return G.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(nt&&lt(new nt(new ArrayBuffer(1)))!=u||et&&lt(new et)!=e||ot&&lt(ot.resolve())!=o||rt&&lt(new rt)!=r||it&&lt(new it)!=s)&&(lt=function(t){var n=H.call(t),i="[object Object]"==n?t.constructor:void 0,c=i?bt(i):void 0;if(c)switch(c){case st:return u;case ut:return e;case ct:return o;case at:return r;case ft:return s}return n});var vt=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}(t.length)&&!yt(t)}function yt(t){var n=gt(t)?H.call(t):"";return"[object Function]"==n||"[object GeneratorFunction]"==n}function gt(t){var n=typeof t;return!!t&&("object"==n||"function"==n)}function jt(t){return!!t&&"object"==typeof t}function Ct(t){return t?function(t,n){return function(n){for(var e=-1,o=n?n.length:0,r=Array(o);++e<o;)r[e]=t[n[e]];return r}(n)}(t,function(t){return mt(t)?function(t){var n=vt(t)||function(t){return function(t){return jt(t)&&mt(t)}(t)&&U.call(t,"callee")&&(!X.call(t,"callee")||"[object Arguments]"==H.call(t))}(t)?function(t,n){for(var e=-1,o=Array(t);++e<t;)o[e]=n(e);return o}(t.length,String):[],e=n.length,o=!!e;for(var r in t)!U.call(t,r)||o&&("length"==r||pt(r,e))||n.push(r);return n}(t):function(t){if((n=t)!==("function"==typeof(e=n&&n.constructor)&&e.prototype||_))return Z(t);var n,e,o=[];for(var r in Object(t))U.call(t,r)&&"constructor"!=r&&o.push(r);return o}(t)}(t)):[]}return c=function(n,o,i){var s,u,c=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!vt(t)&&jt(t)&&"[object String]"==H.call(t)}(t)?function(t){return M.test(t)}(n=t)?function(t){return t.match(F)||[]}(n):function(t){return t.split("")}(n):function(t,n){var e=-1,o=t.length;for(n||(n=Array(o));++e<o;)n[e]=t[e];return n}(t);var n;if(Q&&t[Q])return function(t){for(var n,e=[];!(n=t.next()).done;)e.push(n.value);return e}(t[Q]());var o=lt(t);return(o==e?R:o==r?z:Ct)(t)}(n),l=a.length,b=l-1;for((i?function(t,n,e){if(!gt(e))return!1;var o=typeof n;return!!("number"==o?mt(e)&&pt(n,e.length):"string"==o&&n in e)&&function(t,n){return t===n||t!=t&&n!=n}(e[n],t)}(n,o,i):void 0===o)?o=1:(s=function(n){var e=function(n){return n?(n=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||jt(t)&&"[object Symbol]"==H.call(t)}(t))return NaN;if(gt(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=gt(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(f,"");var e=d.test(t);return e||p.test(t)?x(t.slice(2),e?2:8):h.test(t)?NaN:+t}(n))===t||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0}(n),o=e%1;return e==e?o?e-o:e:0}(o),u=l,s==s&&(void 0!==u&&(s=s<=u?s:u),s=s>=0?s:0),o=s);++c<o;){var v=ht(c,b),m=a[v];a[v]=a[c],a[c]=m}return a.length=o,a}}());const d=class{constructor(r){t(this,r),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,n)=>{const e=this.getEmbeddedDocumentComponents(t);if(e)for(const t of e.documentComponents)this.handleOpenToggle(t,n.next)},this.DocumentComponent=({path:t})=>{const n=t.at(-1);if(!n||"table-of-contents"===this.mode&&"LID"===n.type)return e(o,null);const{DocumentComponent:r}=this,i=this.getEmbeddedDocumentComponents(n);let s,u,c,a,f;return this.hasNestedDraft(n)&&(this.showBesluitversie?(s="B",u="primary",c="Dit is een besluitversie."):(s="!",u="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),n.bevatOntwerpInformatie&&(this.showBesluitversie?(a="Besluitversie",f="primary"):(a="Ontwerp",f="warning")),e("dso-document-component",{annotated:this.isAnnotated(n),filtered:this.isOpen(n)?this.isFiltered(n):this.hasFilteredChildren(n),gereserveerd:n.gereserveerd,headingLevel:2,kop:n.kop,inhoud:n.inhoud,openAnnotation:this.isOpenedAnnotation(n),notApplicable:this.isNotApplicable(n)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(n,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(n),open:this.isOpen(n),type:n.type,vervallen:n.vervallen,wijzigactie:n.wijzigactie,recursiveToggle:this.recursiveToggleState(n),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(n,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+n.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:s,badgeStatus:u,badgeTooltip:c,label:a,labelStatus:f},this.isOpenedAnnotation(n)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(n),locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(n)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}),e("dso-label",{slot:"meta",status:"warning",compact:!0},"gewijzigde locatie"))),this.showContent(n)&&i?.documentComponents.length&&e("ul",{class:"dso-document-component-list"},i.documentComponents.map((n=>e("li",{key:n.documentTechnischId},e(r,{path:[...t,n]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:n}=t;return e("button",{type:"button",onClick:()=>this.document=t},e("span",null,e("i",null,n)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const n=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of n)n.push(...this.concatEmbeddedDocumentComponents(t));return n}selectRandomDocumentComponents(t,n=[]){const e=this.concatEmbeddedDocumentComponents(t).filter((t=>!n.includes(t))),o=f(0,Math.floor(e.length/10));return h(e,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,n){const e="boolean"==typeof n?n:this.openOrClosed.includes(t);e&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((n=>n!==t)):e||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,n){this.openedAnnotation=this.isOpenedAnnotation(t)&&!n.next?this.openedAnnotation.filter((n=>n!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((n=>n!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const n=this.getEmbeddedDocumentComponents(t);if(n&&!(n.documentComponents.length<=1)&&n.documentComponents.some((t=>"ARTIKEL"===t.type)))return n.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:n}=this;return e("dso-responsive-element",{key:"b79655f9c08bd2dd24761bb769cccb441ef11c01",class:"dso-document-components"},e("div",{key:"c40ddaad46f22defa626c174109128a346fe7b63",class:"dso-navbar"},e("ul",{key:"844a9ebcb3693e00c5ce1b5da5cc989050fb90fa",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>e("li",{class:this.document===t?"dso-active":void 0},e(n,{documentComponent:t})))))),this.document&&e(t,{key:"46ee8e9d0e26b940323f951eb7ab746816054ce8",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}};d.style=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";export{d as dsot_document_component_demo}
@@ -1 +1 @@
1
- import{h as o,r as s,d,F as i,g as l}from"./p-DRum3iIs.js";import{c as a}from"./p-ChV9xqsO.js";import{g as e}from"./p-BWkWD1Z2.js";import{i as n}from"./p-xDSTG4OU.js";import{v as t}from"./p-CK3_k8jD.js";const r=()=>o("div",{class:"dso-body",tabIndex:0},o("slot",{name:"body"})),c=()=>o("div",{class:"dso-footer"},o("slot",{name:"footer"})),m=({modalTitle:s,closable:d,ariaId:i,text:l,dsoClose:a})=>s?o("div",{class:"dso-header"},o("h2",{id:i},s),d&&o("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:l("close"),onDsoClick:o=>a.emit({originalEvent:o})})):o("span",{class:"sr-only",id:i},l("dialog")),b={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},h=class{constructor(o){s(this,o),this.dsoClose=d(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.narrowViewBreakpoint=768,this.mediaCondition=`(min-width: ${this.narrowViewBreakpoint}px)`,this.ariaId=t(),this.narrowView=window.innerWidth<this.narrowViewBreakpoint,this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=n((()=>this.host),b),this.changeListener=o=>this.narrowView=!o.matches,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=e();o instanceof HTMLElement&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogMouseDown(o){this.startedMouseDownOutsideDialog=o.target===this.htmlDialogElement}handleDialogMouseUp(o){this.endedMouseUpOutsideDialog=o.target===this.htmlDialogElement}handleDialogClick(o){this.closable&&this.startedMouseDownOutsideDialog&&this.endedMouseUpOutsideDialog&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return o("dialog",{key:"8e35292cc6b1300baa313a310099c172bf20417c",class:a("dso-modal",{fullscreen:this.fullscreen}),role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onMouseDown:o=>this.handleDialogMouseDown(o),onMouseUp:o=>this.handleDialogMouseUp(o),onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},o("div",{key:"c383e26d7e529a2dc44ee49fee7e535b00ad990d",class:"dso-dialog"},this.narrowView?o("dso-scrollable",{class:"narrow"},o("div",{class:"modal-scrollable"},o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o(r,null),this.hasFooter&&o(c,null))):o(i,null,o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o("dso-scrollable",null,o(r,null)),this.hasFooter&&o(c,null))))}get host(){return l(this)}};h.style="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host dialog.fullscreen{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog.fullscreen .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog.fullscreen .dso-footer{flex-shrink:0}:host dialog.fullscreen dso-scrollable{flex:1 1 auto;min-block-size:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-footer{flex-shrink:0}:host dialog dso-scrollable{flex:1 1 auto;min-block-size:0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);max-inline-size:min(100% - 32px, var(--_dso-modal-inline-size, 640px));margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .dso-dialog{display:flex;flex-direction:column}.dso-modal>.dso-dialog>dso-scrollable{flex:1 1 auto}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-header,.dso-modal .dso-footer{flex:0 0 auto}.dso-modal .dso-body{flex:1 1 auto}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;inline-size:var(--_dso-modal-dialog-inline-size, 640px);max-inline-size:100%;max-block-size:calc(100dvb - 32px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:220px}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:16px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header dso-icon-button{inset-block-start:14px}}.dso-modal>.dso-dialog>dso-scrollable{min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:calc(100dvb - 32px)}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}";export{h as dso_modal}
1
+ import{h as o,r as s,d,F as i,g as l}from"./p-DRum3iIs.js";import{c as a}from"./p-ChV9xqsO.js";import{g as e}from"./p-BWkWD1Z2.js";import{i as n}from"./p-DVFsbHoq.js";import{v as t}from"./p-CK3_k8jD.js";const r=()=>o("div",{class:"dso-body",tabIndex:0},o("slot",{name:"body"})),c=()=>o("div",{class:"dso-footer"},o("slot",{name:"footer"})),m=({modalTitle:s,closable:d,ariaId:i,text:l,dsoClose:a})=>s?o("div",{class:"dso-header"},o("h2",{id:i},s),d&&o("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:l("close"),onDsoClick:o=>a.emit({originalEvent:o})})):o("span",{class:"sr-only",id:i},l("dialog")),b={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},h=class{constructor(o){s(this,o),this.dsoClose=d(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.narrowViewBreakpoint=768,this.mediaCondition=`(min-width: ${this.narrowViewBreakpoint}px)`,this.ariaId=t(),this.narrowView=window.innerWidth<this.narrowViewBreakpoint,this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=n((()=>this.host),b),this.changeListener=o=>this.narrowView=!o.matches,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=e();o instanceof HTMLElement&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogMouseDown(o){this.startedMouseDownOutsideDialog=o.target===this.htmlDialogElement}handleDialogMouseUp(o){this.endedMouseUpOutsideDialog=o.target===this.htmlDialogElement}handleDialogClick(o){this.closable&&this.startedMouseDownOutsideDialog&&this.endedMouseUpOutsideDialog&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return o("dialog",{key:"b930438a422cb03660dddbc81210c8f2777017ba",class:a("dso-modal",{fullscreen:this.fullscreen}),role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onMouseDown:o=>this.handleDialogMouseDown(o),onMouseUp:o=>this.handleDialogMouseUp(o),onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},o("div",{key:"5fa203f446079d7473166d22cabf04f11fbb0e6e",class:"dso-dialog"},this.narrowView?o("dso-scrollable",{class:"narrow"},o("div",{class:"modal-scrollable"},o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o(r,null),this.hasFooter&&o(c,null))):o(i,null,o(m,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o("dso-scrollable",null,o(r,null)),this.hasFooter&&o(c,null))))}get host(){return l(this)}};h.style="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host dialog.fullscreen{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog.fullscreen .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog.fullscreen .dso-footer{flex-shrink:0}:host dialog.fullscreen dso-scrollable{flex:1 1 auto;min-block-size:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-footer{flex-shrink:0}:host dialog dso-scrollable{flex:1 1 auto;min-block-size:0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);max-inline-size:min(100% - 32px, var(--_dso-modal-inline-size, 640px));margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .dso-dialog{display:flex;flex-direction:column}.dso-modal>.dso-dialog>dso-scrollable{flex:1 1 auto}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-header,.dso-modal .dso-footer{flex:0 0 auto}.dso-modal .dso-body{flex:1 1 auto}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;inline-size:var(--_dso-modal-dialog-inline-size, 640px);max-inline-size:100%;max-block-size:calc(100dvb - 32px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:220px}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:16px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header dso-icon-button{inset-block-start:14px}}.dso-modal>.dso-dialog>dso-scrollable{min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:calc(100dvb - 32px)}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}";export{h as dso_modal}
@@ -1 +1 @@
1
- import{r as s,d as i,h as t,a as e,g as h}from"./p-DRum3iIs.js";const a=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],r=class{constructor(t){s(this,t),this.dsoSizeChange=i(this,"dsoSizeChange",7),this.sizeAlias=a[0].alias,this.sizeWidth=0,this.flushSizeChange=()=>{this.resizeFrameId=void 0,this.host.isConnected&&this.pendingSizeAlias&&this.pendingSizeAlias!==this.sizeAlias&&(this.sizeAlias=this.pendingSizeAlias,this.dsoSizeChange.emit(this.pendingSizeAlias))},this.observer=new ResizeObserver((([s])=>{if(!s)throw new Error("No entry found");this.pendingSizeAlias=a.find((i=>s.contentRect.width>=i.width))?.alias??a[0].alias,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushSizeChange))}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.observer.unobserve(this.host)}render(){return t(e,{key:"669d0f60991577c7db1e5bb466438c9c6cd72c29",small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},t("slot",{key:"5104e71062d514fcc6011275aba9774d978f514e"}))}get host(){return h(this)}};r.style=":host{display:block}";export{r as dso_responsive_element}
1
+ import{r as s,d as i,h as t,a as e,g as h}from"./p-DRum3iIs.js";const a=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],r=class{constructor(t){s(this,t),this.dsoSizeChange=i(this,"dsoSizeChange",7),this.sizeAlias=a[0].alias,this.sizeWidth=0,this.flushSizeChange=()=>{this.resizeFrameId=void 0,this.host.isConnected&&this.pendingSizeAlias&&this.pendingSizeAlias!==this.sizeAlias&&(this.sizeAlias=this.pendingSizeAlias,this.dsoSizeChange.emit(this.pendingSizeAlias))},this.observer=new ResizeObserver((([s])=>{if(!s)throw new Error("No entry found");this.pendingSizeAlias=a.find((i=>s.contentRect.width>=i.width))?.alias??a[0].alias,void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushSizeChange))}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.observer.unobserve(this.host)}render(){return t(e,{key:"ac7c506826d55640708597a143708d8d0d39cc36",small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},t("slot",{key:"6e1d6c72513ff7b6581166597f279e6af8b55db5"}))}get host(){return h(this)}};r.style=":host{display:block}";export{r as dso_responsive_element}
@@ -0,0 +1 @@
1
+ import{r as t,d as o,f as e,h as r,F as i,g as s}from"./p-DRum3iIs.js";import{c as n}from"./p-ChV9xqsO.js";const a=class{constructor(e){t(this,e),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.focusIncrementButtonAfterRender=!1,this.checked=!1,this.disabled=!1}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>e(this.host))),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0})}componentDidRender(){this.subcontentSlot?.hasAttribute("aria-hidden")||this.subcontentSlot?.setAttribute("aria-hidden","true"),this.focusIncrementButtonAfterRender&&(this.focusIncrementButtonAfterRender=!1,this.incrementButton?.setFocus())}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}stepValue(t,o){if("number"==typeof this.count){const e="increment"===o?this.count+1:this.count-1;if(!this.isNewCountValid(e))return;"decrement"===o&&1===e&&(this.focusIncrementButtonAfterRender=!0),this.dsoCountChange.emit({originalEvent:t,count:e})}}handleSelectClick(t){t.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:t,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:t,count:this.count>0?0:1})}isNewCountValid(t){return!(void 0!==this.min&&void 0!==this.max&&(t<Number(this.min)||t>Number(this.max)))}render(){const t=this.checked||void 0!==this.count&&this.count>0;return r("div",{key:"0981e785e2197dee87ec4dc2364214c900110627",class:n(["dso-button-group",{"dso-disabled":this.disabled}])},r("div",{key:"60b5b9d1deea66ea263e29f9b68713226b2a125a",class:n(["dso-list-button",{"dso-selected":t,"dso-single-count":1===this.count}]),onClick:t=>this.handleSelectClick(t)},r("dso-selectable",{key:"cd41191f9ee7d88e01f74dabdd85a62fca61a7f6",type:"checkbox",value:"list-button",name:"naam",checked:t,disabled:this.disabled},r("span",{key:"8d844a672cc1206cd7b89fec10aa742438095009"},this.label,this.sublabel&&r("span",{key:"86386bb7261379162191224a8fe1638336b898d4",class:"sr-only"}," ",this.sublabel),this.subcontentSlot&&r("span",{key:"b5519dbc9f3875e7c4d0063d1f5b12c084d14828",class:"sr-only"},this.subcontentPrefix&&this.subcontentPrefix+":"," ",r("span",{key:"ee54bd61c39b1bf010a6a1f89a8d20a41d921d94",innerHTML:this.subcontentSlot.innerHTML})))),this.sublabel&&r("span",{key:"4892d4b5a0b3268bfd06a9c6f2fc08da4651e1a8",class:"dso-sublabel"},this.sublabel),this.subcontentSlot&&r("div",{key:"8fba57384ad44979d4fec9cd3351c7bb23d77088",class:"subcontent"},r("slot",{key:"40428e629b3e35f40f6524340050067f99104e0e",name:"subcontent"}))),void 0!==this.count&&this.count>0&&r("div",{key:"c1da177c5edad6ec703a23f1a77efec7d7ee33f5",class:"dso-input-number"},this.count>1&&r(i,{key:"bbb9f2a9a93d16e260e66c2bf210e15475d92b22"},r("dso-icon-button",{key:"951a4f550eb37207df8c72cad1c3a193b84b6539",label:"Aantal verlagen",variant:"tertiary",icon:"minus-circle-outline",disabled:this.count===Number(this.min)||this.disabled,onDsoClick:t=>this.stepValue(t,"decrement")}),r("span",{key:"279c6e4f4df48c8a086c8b75c7b26e737fdc9f77",class:"dso-input-step-counter","aria-hidden":"true"},this.count)),r("span",{key:"492413bb190d886cfa841c58e052632a51a5e3e9",class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.count),r("dso-icon-button",{key:"4b7df0ea2e6fc508762d3e79b5e009a97a24d593",ref:t=>this.incrementButton=t,label:"Aantal verhogen",variant:"tertiary",icon:"plus-circle-outline",disabled:this.count===Number(this.max)||this.disabled,onDsoClick:t=>this.stepValue(t,"increment")})))}get host(){return s(this)}};a.style="*, *::after, *::before { box-sizing: border-box; } :host { display: block; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); float: var(--_dso-button-float-tertiary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-tertiary:hover, .dso-tertiary:focus-visible { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover, .dso-tertiary[disabled]:focus-visible { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small { line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { padding-block: 9px; } .dso-tertiary { border: 0; line-height: 1; padding-inline: 0; padding-block: var(--_dso-button-padding-block-tertiary, 0); background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right { color: #39870c; } .dso-tertiary:not([disabled]):hover, .dso-tertiary:not([disabled]):active { text-decoration: underline; text-underline-position: under; } .dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } .dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dso-tertiary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span { vertical-align: middle; } .dso-tertiary { cursor: pointer; } .dso-input-number { align-items: center; display: flex; } .dso-input-number .dso-input-step-counter { text-align: center; inline-size: 1.5rem; font-size: 0.875rem; } .dso-button-group { display: flex; flex-direction: row; } .dso-button-group.dso-disabled > * { background-color: #fff; border-color: #e5e5e5; color: #666; pointer-events: none; } .dso-button-group > * { border-radius: 0; } .dso-button-group > *:first-child { border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) { border-inline-start-style: none !important; } .dso-button-group > *:last-child { border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child { border-radius: 4px; } .dso-button-group > .dso-input-number { border-style: solid; border-width: 1px; flex-wrap: nowrap; padding-block: 0; padding-inline: 16px; background-color: #fff; border-color: #ccc; color: #191919; } @media screen and (max-width: 767px) { .dso-button-group > .dso-input-number { justify-content: center; } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number { box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c; background-color: #fff; border-color: #39870c; color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover { opacity: 1; background-color: #fff; border-color: #ccc; color: #666; } .dso-button-group .dso-list-button { padding-inline-end: 15px; } .dso-list-button { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible { outline-offset: 2px; } .dso-list-button:active { outline: 0; } .dso-list-button { background-color: #fff; border-color: #ccc; color: #191919; border-radius: 4px; border-width: 1px; border-style: solid; font-weight: 600; padding-block: 15px; padding-inline: 15px 47px; position: relative; text-align: start; white-space: normal; inline-size: 100%; cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus { background-color: #fff; border-color: #39870c; color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover { background-color: #fff; border-color: #ccc; color: #666; opacity: 1; } .dso-list-button dso-selectable:not(:last-child) { margin-block-end: 0; } .dso-list-button .dso-selectable-container label { font-weight: 700; } .dso-list-button.dso-selected { border-color: #39870c; border-width: 1px; box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) { .dso-list-button.dso-selected.dso-single-count { border-inline-end: 0; box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset; } } .dso-list-button label { cursor: inherit; } .dso-list-button > span { display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent { font-weight: 400; inline-size: 100%; padding-inline-start: 32px; } .dso-list-button dso-icon { block-size: 24px; color: #39870c; inset-block-start: 15px; inset-inline-end: 15px; inline-size: 24px; break-before: page; position: absolute; } @media screen and (max-width: 767px) { .dso-list-button.dso-selected.dso-single-count::after { inline-size: 0; } }";export{a as dso_list_button}
@@ -1 +1 @@
1
- import{r as i,d as s,h as n,a as e,g as t}from"./p-DRum3iIs.js";const o=class{constructor(n){i(this,n),this.dsoClose=s(this,"dsoClose",3),this.overlay=!1,this.overlayActive=!1,this.syncOverlayActive=()=>{this.overlayActive=this.overlay&&(this.mediaQueryList?.matches??!1)},this.handleDialogClick=i=>{if(!this.dialogElement||i.target!==this.dialogElement)return;const{left:s,right:n,top:e,bottom:t}=this.dialogElement.getBoundingClientRect();(i.clientX<s||i.clientX>n||i.clientY<e||i.clientY>t)&&this.dsoClose.emit({originalEvent:i})},this.handleDialogCancel=i=>{i.preventDefault(),this.dsoClose.emit({originalEvent:i})},this.handleDialogClose=()=>{this.overlayActive&&this.dialogElement&&!this.dialogElement.open&&this.dialogElement.showModal()}}overlayWatcher(){this.syncOverlayActive()}connectedCallback(){this.mediaQueryList=window.matchMedia("(min-width: 768px)"),this.mediaQueryList.addEventListener("change",this.syncOverlayActive),this.syncOverlayActive()}disconnectedCallback(){this.mediaQueryList?.removeEventListener("change",this.syncOverlayActive),this.mediaQueryList=void 0,this.stopObserving()}componentDidRender(){this.overlayActive?(this.dialogElement&&!this.dialogElement.open&&this.dialogElement.showModal(),this.positionOverlay(),this.startObserving()):this.stopObserving()}positionOverlay(){const i=this.host.parentElement;if(!i?.classList.contains("row"))return void console.warn('Grid Column: overlay requires the column to be a direct child of a "row" element');const s=i.getBoundingClientRect(),n=this.host.getBoundingClientRect(),e=parseFloat(getComputedStyle(this.host).paddingInlineStart)||0;this.host.style.setProperty("--_dso-grid-column-overlay-inset-block-start",`${n.top+window.scrollY}px`),this.host.style.setProperty("--_dso-grid-column-overlay-inset-inline-start",`${s.left+window.scrollX+e}px`),this.host.style.setProperty("--_dso-grid-column-overlay-inline-size",s.width-2*e+"px")}startObserving(){this.resizeObserver||(this.resizeObserver=new ResizeObserver((()=>this.positionOverlay())),this.resizeObserver.observe(document.body),this.resizeObserver.observe(this.host),this.host.parentElement&&this.resizeObserver.observe(this.host.parentElement))}stopObserving(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}render(){return n(e,{key:"603befb14663a71590e342c590f3ebde4d08be42"},this.overlayActive?n("dialog",{class:"grid-column-content",ref:i=>this.dialogElement=i,onClick:this.handleDialogClick,onCancel:this.handleDialogCancel,onClose:this.handleDialogClose},n("slot",null)):n("div",{class:"grid-column-content"},n("slot",null)))}get host(){return t(this)}static get watchers(){return{overlay:[{overlayWatcher:0}]}}};o.style=":host{display:block;position:relative;min-block-size:1px;padding-inline-end:16px;padding-inline-start:16px;float:inline-start;inline-size:100%}:host([columns~=xs-1]){inline-size:8.3333333333%}:host([columns~=xs-2]){inline-size:16.6666666667%}:host([columns~=xs-3]){inline-size:25%}:host([columns~=xs-4]){inline-size:33.3333333333%}:host([columns~=xs-5]){inline-size:41.6666666667%}:host([columns~=xs-6]){inline-size:50%}:host([columns~=xs-7]){inline-size:58.3333333333%}:host([columns~=xs-8]){inline-size:66.6666666667%}:host([columns~=xs-9]){inline-size:75%}:host([columns~=xs-10]){inline-size:83.3333333333%}:host([columns~=xs-11]){inline-size:91.6666666667%}:host([columns~=xs-12]){inline-size:100%}@media (min-width: 768px){:host([columns~=sm-1]){inline-size:8.3333333333%}}@media (min-width: 768px){:host([columns~=sm-2]){inline-size:16.6666666667%}}@media (min-width: 768px){:host([columns~=sm-3]){inline-size:25%}}@media (min-width: 768px){:host([columns~=sm-4]){inline-size:33.3333333333%}}@media (min-width: 768px){:host([columns~=sm-5]){inline-size:41.6666666667%}}@media (min-width: 768px){:host([columns~=sm-6]){inline-size:50%}}@media (min-width: 768px){:host([columns~=sm-7]){inline-size:58.3333333333%}}@media (min-width: 768px){:host([columns~=sm-8]){inline-size:66.6666666667%}}@media (min-width: 768px){:host([columns~=sm-9]){inline-size:75%}}@media (min-width: 768px){:host([columns~=sm-10]){inline-size:83.3333333333%}}@media (min-width: 768px){:host([columns~=sm-11]){inline-size:91.6666666667%}}@media (min-width: 768px){:host([columns~=sm-12]){inline-size:100%}}@media (min-width: 992px){:host([columns~=md-1]){inline-size:8.3333333333%}}@media (min-width: 992px){:host([columns~=md-2]){inline-size:16.6666666667%}}@media (min-width: 992px){:host([columns~=md-3]){inline-size:25%}}@media (min-width: 992px){:host([columns~=md-4]){inline-size:33.3333333333%}}@media (min-width: 992px){:host([columns~=md-5]){inline-size:41.6666666667%}}@media (min-width: 992px){:host([columns~=md-6]){inline-size:50%}}@media (min-width: 992px){:host([columns~=md-7]){inline-size:58.3333333333%}}@media (min-width: 992px){:host([columns~=md-8]){inline-size:66.6666666667%}}@media (min-width: 992px){:host([columns~=md-9]){inline-size:75%}}@media (min-width: 992px){:host([columns~=md-10]){inline-size:83.3333333333%}}@media (min-width: 992px){:host([columns~=md-11]){inline-size:91.6666666667%}}@media (min-width: 992px){:host([columns~=md-12]){inline-size:100%}}@media (min-width: 1200px){:host([columns~=lg-1]){inline-size:8.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-2]){inline-size:16.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-3]){inline-size:25%}}@media (min-width: 1200px){:host([columns~=lg-4]){inline-size:33.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-5]){inline-size:41.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-6]){inline-size:50%}}@media (min-width: 1200px){:host([columns~=lg-7]){inline-size:58.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-8]){inline-size:66.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-9]){inline-size:75%}}@media (min-width: 1200px){:host([columns~=lg-10]){inline-size:83.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-11]){inline-size:91.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-12]){inline-size:100%}}dialog.grid-column-content{position:absolute;inset-block-start:var(--_dso-grid-column-overlay-inset-block-start);inset-inline-start:var(--_dso-grid-column-overlay-inset-inline-start);inline-size:var(--_dso-grid-column-overlay-inline-size);max-inline-size:none;max-block-size:none;margin:0;border:0;padding:0;background-color:#fff}dialog.grid-column-content::backdrop{background-color:rgba(255, 255, 255, 0.6)}";export{o as dso_grid_column}
1
+ import{r as i,d as s,h as n,a as e,g as t}from"./p-DRum3iIs.js";const o=class{constructor(n){i(this,n),this.dsoClose=s(this,"dsoClose",3),this.overlay=!1,this.overlayActive=!1,this.syncOverlayActive=()=>{this.overlayActive=this.overlay&&(this.mediaQueryList?.matches??!1)},this.handleDialogClick=i=>{if(!this.dialogElement||i.target!==this.dialogElement)return;const{left:s,right:n,top:e,bottom:t}=this.dialogElement.getBoundingClientRect();(i.clientX<s||i.clientX>n||i.clientY<e||i.clientY>t)&&this.dsoClose.emit({originalEvent:i})},this.handleDialogCancel=i=>{i.preventDefault(),this.dsoClose.emit({originalEvent:i})},this.handleDialogClose=()=>{this.overlayActive&&this.dialogElement&&!this.dialogElement.open&&this.dialogElement.showModal()}}overlayWatcher(){this.syncOverlayActive()}connectedCallback(){this.mediaQueryList=window.matchMedia("(min-width: 768px)"),this.mediaQueryList.addEventListener("change",this.syncOverlayActive),this.syncOverlayActive()}disconnectedCallback(){this.mediaQueryList?.removeEventListener("change",this.syncOverlayActive),this.mediaQueryList=void 0,this.stopObserving()}componentDidRender(){this.overlayActive?(this.dialogElement&&!this.dialogElement.open&&this.dialogElement.showModal(),this.positionOverlay(),this.startObserving()):this.stopObserving()}positionOverlay(){const i=this.host.parentElement;if(!i?.classList.contains("row"))return void console.warn('Grid Column: overlay requires the column to be a direct child of a "row" element');const s=i.getBoundingClientRect(),n=this.host.getBoundingClientRect(),e=parseFloat(getComputedStyle(this.host).paddingInlineStart)||0;this.host.style.setProperty("--_dso-grid-column-overlay-inset-block-start",`${n.top+window.scrollY}px`),this.host.style.setProperty("--_dso-grid-column-overlay-inset-inline-start",`${s.left+window.scrollX+e}px`),this.host.style.setProperty("--_dso-grid-column-overlay-inline-size",s.width-2*e+"px")}startObserving(){this.resizeObserver||(this.resizeObserver=new ResizeObserver((()=>this.positionOverlay())),this.resizeObserver.observe(document.body),this.resizeObserver.observe(this.host),this.host.parentElement&&this.resizeObserver.observe(this.host.parentElement))}stopObserving(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}render(){return n(e,{key:"24abd38b39dfa65a82720627b70c35cbf8cdcf45"},this.overlayActive?n("dialog",{class:"grid-column-content",ref:i=>this.dialogElement=i,onClick:this.handleDialogClick,onCancel:this.handleDialogCancel,onClose:this.handleDialogClose},n("slot",null)):n("div",{class:"grid-column-content"},n("slot",null)))}get host(){return t(this)}static get watchers(){return{overlay:[{overlayWatcher:0}]}}};o.style=":host{display:block;position:relative;min-block-size:1px;padding-inline-end:16px;padding-inline-start:16px;float:inline-start;inline-size:100%}:host([columns~=xs-1]){inline-size:8.3333333333%}:host([columns~=xs-2]){inline-size:16.6666666667%}:host([columns~=xs-3]){inline-size:25%}:host([columns~=xs-4]){inline-size:33.3333333333%}:host([columns~=xs-5]){inline-size:41.6666666667%}:host([columns~=xs-6]){inline-size:50%}:host([columns~=xs-7]){inline-size:58.3333333333%}:host([columns~=xs-8]){inline-size:66.6666666667%}:host([columns~=xs-9]){inline-size:75%}:host([columns~=xs-10]){inline-size:83.3333333333%}:host([columns~=xs-11]){inline-size:91.6666666667%}:host([columns~=xs-12]){inline-size:100%}@media (min-width: 768px){:host([columns~=sm-1]){inline-size:8.3333333333%}}@media (min-width: 768px){:host([columns~=sm-2]){inline-size:16.6666666667%}}@media (min-width: 768px){:host([columns~=sm-3]){inline-size:25%}}@media (min-width: 768px){:host([columns~=sm-4]){inline-size:33.3333333333%}}@media (min-width: 768px){:host([columns~=sm-5]){inline-size:41.6666666667%}}@media (min-width: 768px){:host([columns~=sm-6]){inline-size:50%}}@media (min-width: 768px){:host([columns~=sm-7]){inline-size:58.3333333333%}}@media (min-width: 768px){:host([columns~=sm-8]){inline-size:66.6666666667%}}@media (min-width: 768px){:host([columns~=sm-9]){inline-size:75%}}@media (min-width: 768px){:host([columns~=sm-10]){inline-size:83.3333333333%}}@media (min-width: 768px){:host([columns~=sm-11]){inline-size:91.6666666667%}}@media (min-width: 768px){:host([columns~=sm-12]){inline-size:100%}}@media (min-width: 992px){:host([columns~=md-1]){inline-size:8.3333333333%}}@media (min-width: 992px){:host([columns~=md-2]){inline-size:16.6666666667%}}@media (min-width: 992px){:host([columns~=md-3]){inline-size:25%}}@media (min-width: 992px){:host([columns~=md-4]){inline-size:33.3333333333%}}@media (min-width: 992px){:host([columns~=md-5]){inline-size:41.6666666667%}}@media (min-width: 992px){:host([columns~=md-6]){inline-size:50%}}@media (min-width: 992px){:host([columns~=md-7]){inline-size:58.3333333333%}}@media (min-width: 992px){:host([columns~=md-8]){inline-size:66.6666666667%}}@media (min-width: 992px){:host([columns~=md-9]){inline-size:75%}}@media (min-width: 992px){:host([columns~=md-10]){inline-size:83.3333333333%}}@media (min-width: 992px){:host([columns~=md-11]){inline-size:91.6666666667%}}@media (min-width: 992px){:host([columns~=md-12]){inline-size:100%}}@media (min-width: 1200px){:host([columns~=lg-1]){inline-size:8.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-2]){inline-size:16.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-3]){inline-size:25%}}@media (min-width: 1200px){:host([columns~=lg-4]){inline-size:33.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-5]){inline-size:41.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-6]){inline-size:50%}}@media (min-width: 1200px){:host([columns~=lg-7]){inline-size:58.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-8]){inline-size:66.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-9]){inline-size:75%}}@media (min-width: 1200px){:host([columns~=lg-10]){inline-size:83.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-11]){inline-size:91.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-12]){inline-size:100%}}dialog.grid-column-content{position:absolute;inset-block-start:var(--_dso-grid-column-overlay-inset-block-start);inset-inline-start:var(--_dso-grid-column-overlay-inset-inline-start);inline-size:var(--_dso-grid-column-overlay-inline-size);max-inline-size:none;max-block-size:none;margin:0;border:0;padding:0;background-color:#fff}dialog.grid-column-content::backdrop{background-color:rgba(255, 255, 255, 0.6)}";export{o as dso_grid_column}
@@ -0,0 +1 @@
1
+ import{r as e,d as s,h as a,g as i}from"./p-DRum3iIs.js";import{i as o}from"./p-DVFsbHoq.js";import{v as t}from"./p-CK3_k8jD.js";const r={en:{"dso-map-base-layers":{background:"Background"}},nl:{"dso-map-base-layers":{background:"Achtergrond"}}},n=class{constructor(a){e(this,a),this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7),this.selectableRefs={},this.group=t(),this.text=o((()=>this.host),r)}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>!e.disabled&&!0===this.previousBaselayers?.find((s=>s.id===e.id))?.disabled)).forEach((e=>{this.selectableRefs[e.id]?.toggleInfo(!1)})),this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return a("fieldset",{key:"6fb681970d2f47c2213f6abff1b51117e304329c",class:"form-group dso-radios"},a("legend",{key:"91658ac867f2a18fc6bd82eb30da33ddd640c783",class:"sr-only"},"Achtergrond"),a("div",{key:"fc4b99c8c64185b12a28e74ebf71460062b9aaf0",class:"dso-label-container"},a("span",{key:"45ef5d7aa344c50b23a3c116cc2345f809091f66",class:"control-label","aria-hidden":"true"},this.text("background"))),a("div",{key:"212fdab75e06f20995fd3fef6d1bc814b7b6bab2",class:"dso-field-container"},this.baseLayers.map((e=>a("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?a("p",{slot:"info"},e.info):null)))))}get host(){return i(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";export{n as dso_map_base_layers}
@@ -1 +1 @@
1
- import{r as e,f as s,h as t,a,g as i}from"./p-DRum3iIs.js";const r=class{constructor(s){e(this,s),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((e,s)=>(s.disabled||e.push(s),e)),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(e){e?._dsoFocus()}moveFocusToPreviousTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s-1]??this.lastTab)}moveFocusToNextTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s+1]??this.firstTab)}connectedCallback(){this.mutationObserver??(this.mutationObserver=new MutationObserver((()=>s(this.host)))),this.mutationObserver.observe(this.host,{childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return t(a,{key:"8280a7ae38eb3d447930abc5ba81bb6a032ff41b"},t("div",{key:"90e5f3a0dd4f9ac5ec7b88bf0ce36ba929e1273d",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},t("slot",{key:"4350663cec6bcaac6891532309d68c1fc182b4e7"})),t("div",{key:"ef674d380c04f889973b314239d7cb1f666969d3",role:"tabpanel",tabindex:"0"},t("slot",{key:"b2df39f8901d250e223686db8996741d6fec5eeb",name:"panel"})))}get host(){return i(this)}};r.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";export{r as dso_tabs}
1
+ import{r as e,f as s,h as t,a,g as i}from"./p-DRum3iIs.js";const r=class{constructor(s){e(this,s),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((e,s)=>(s.disabled||e.push(s),e)),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(e){e?._dsoFocus()}moveFocusToPreviousTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s-1]??this.lastTab)}moveFocusToNextTab(e){const s=this.enabledTabs.findIndex((s=>s===e));this.moveFocusToTab(this.enabledTabs[s+1]??this.firstTab)}connectedCallback(){this.mutationObserver??(this.mutationObserver=new MutationObserver((()=>s(this.host)))),this.mutationObserver.observe(this.host,{childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return t(a,{key:"6d0780aac3bd2d5640e018e48e40a5443cd5cf6b"},t("div",{key:"6161073805ac2b749dce067d686bce92b9e7bc0a",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},t("slot",{key:"eb6a324213936fc9a5dbd85e7266159d7059eaa9"})),t("div",{key:"1620e369cf56cac76e00485f6c64c5037e94aef5",role:"tabpanel",tabindex:"0"},t("slot",{key:"d2ebac3376122ee3ecfe6521d0a3e969c6b2713d",name:"panel"})))}get host(){return i(this)}};r.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";export{r as dso_tabs}
@@ -0,0 +1 @@
1
+ import{r as d,h as s,F as a}from"./p-DRum3iIs.js";const t=class{constructor(s){d(this,s),this.mode="list"}render(){return s(a,null,"list"===this.mode&&s("ul",{key:"9df468fb75a7fa737a741cb2a6388d1ea5dfad24",class:"dso-card-list"},s("slot",{key:"1ef3fd188252787af1d8b2eaf0e3fd2740edf7d5"})),"grid"===this.mode&&s("div",{key:"d2924d58be8411e4eb157bddca458edfb5769bd7",class:"dso-card-grid"},s("slot",{key:"5f07aae2c62ef6868a0f4e2ad8e8ed48331b86db"})))}};t.style=":host .dso-card-list{padding-inline-start:0;list-style:none;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@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)}}:host(:last-child) .dso-card-list{margin-block-end:var(--_dso-card-container-list-margin-block-end, 1em)}";export{t as dso_card_container}
@@ -1 +1 @@
1
- import{r as e,d as t,h as s,a as o,g as i}from"./p-DRum3iIs.js";import{c as a}from"./p-ChV9xqsO.js";import{i as r}from"./p-xDSTG4OU.js";import{i as n}from"./p-Hgv-pDpy.js";const d={en:{"dso-legend":{closeLegend:"Close legend"}},nl:{"dso-legend":{closeLegend:"Sluit legenda"}}},l=class{constructor(s){e(this,s),this.dsoContentSwitch=t(this,"dsoContentSwitch",7),this.dsoClose=t(this,"dsoClose",7),this.tabItems=[],this.text=r((()=>this.host),d),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}},this.clickHandler=e=>{const t=this.tabs.findIndex((t=>t===e.currentTarget)),s=this.tabItems[t];s&&!s.active&&this.dsoContentSwitch.emit({originalEvent:e,isModifiedEvent:n(e)})}}get tabs(){return Array.from(this.host.shadowRoot.querySelectorAll('[role="tab"]'))}get firstTab(){return this.tabs[0]}get lastTab(){return this.tabs[this.tabs.length-1]}moveFocusToTab(e){e?.focus()}moveFocusToPreviousTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t-1]??this.lastTab)}moveFocusToNextTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t+1]??this.firstTab)}render(){return s(o,{key:"6c068495df817506eb9cb36c180014ca2b576e83"},s("div",{key:"d1894347ffa291f9f2a1ea2184f3290c654a26a5",class:"topbar"},s("div",{key:"37770064ed8439b568a1a842c3f9d30a7b1bb5d4",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},this.tabItems.map((e=>s("button",{class:a("tab",{active:e.active}),role:"tab","aria-selected":e.active?"true":"false",...e.active?{}:{tabIndex:-1},onClick:this.clickHandler},e.label)))),s("dso-icon-button",{key:"b355c1a19204d9c348e74cd59d628e6fc8aba252",icon:"cross",variant:"tertiary",label:this.text("closeLegend"),class:"close-button",onDsoClick:e=>this.dsoClose.emit({originalEvent:e.detail.originalEvent})})),s("dso-scrollable",{key:"4a92cff1f0be3ac4f0cdb562061a5b39ea374c88",class:"content"},s("div",{key:"e8eaea56938f7d41e344fff4818bef8f18fe54b0",role:"tabpanel",tabIndex:0},s("slot",{key:"358aee3d3b750d7b3794e072444e048a5f5d3960"}))))}get host(){return i(this)}};l.style="*,*::after,*::before{box-sizing:border-box}:host{position:relative;display:block;inline-size:344px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3);border-radius:4px}:host .topbar{padding-block-start:8px;padding-inline:16px}:host .topbar .tabs{inline-size:100%;padding:0;list-style:none;display:inline-flex;border-block-end:1px solid #ccc}:host .topbar .tabs .tab{font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;background-color:transparent;cursor:pointer;display:block;border:0;color:#275937;padding-block:6px;padding-inline:8px;border-block-end:4px solid transparent}:host .topbar .tabs .tab:hover{text-decoration:underline}:host .topbar .tabs .tab.active{font-weight:bold;border-color:#8b4a6a}:host .topbar .close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}:host ::slotted(dso-legend-group:last-child){margin-block-end:8px}:host .content{--_dso-form-group-margin-block-end:0;--_dso-scrollable-container-border-end-start-radius:4px;--_dso-scrollable-container-border-end-end-radius:4px;--_dso-scrollable-container-padding-inline:16px;max-block-size:var(--_dso-legend-content-max-block-size, 52vh);border-end-start-radius:4px;border-end-end-radius:4px}";export{l as dso_legend}
1
+ import{r as e,d as t,h as s,a as o,g as i}from"./p-DRum3iIs.js";import{c as a}from"./p-ChV9xqsO.js";import{i as r}from"./p-DVFsbHoq.js";import{i as n}from"./p-Hgv-pDpy.js";const d={en:{"dso-legend":{closeLegend:"Close legend"}},nl:{"dso-legend":{closeLegend:"Sluit legenda"}}},l=class{constructor(s){e(this,s),this.dsoContentSwitch=t(this,"dsoContentSwitch",7),this.dsoClose=t(this,"dsoClose",7),this.tabItems=[],this.text=r((()=>this.host),d),this.keyUpHandler=e=>{if(e.target instanceof HTMLElement)switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}},this.clickHandler=e=>{const t=this.tabs.findIndex((t=>t===e.currentTarget)),s=this.tabItems[t];s&&!s.active&&this.dsoContentSwitch.emit({originalEvent:e,isModifiedEvent:n(e)})}}get tabs(){return Array.from(this.host.shadowRoot.querySelectorAll('[role="tab"]'))}get firstTab(){return this.tabs[0]}get lastTab(){return this.tabs[this.tabs.length-1]}moveFocusToTab(e){e?.focus()}moveFocusToPreviousTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t-1]??this.lastTab)}moveFocusToNextTab(e){const t=this.tabs.findIndex((t=>t===e));this.moveFocusToTab(this.tabs[t+1]??this.firstTab)}render(){return s(o,{key:"77d5fa793145113c895f8329ca32cceaf9e14ea1"},s("div",{key:"7541e682342422f7573013766716c8bb7cbedffd",class:"topbar"},s("div",{key:"f4865a90dca149b4494b464c501157c1f4d4bdcc",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},this.tabItems.map((e=>s("button",{class:a("tab",{active:e.active}),role:"tab","aria-selected":e.active?"true":"false",...e.active?{}:{tabIndex:-1},onClick:this.clickHandler},e.label)))),s("dso-icon-button",{key:"04bb747ec93d40285d973694972644b303db8b58",icon:"cross",variant:"tertiary",label:this.text("closeLegend"),class:"close-button",onDsoClick:e=>this.dsoClose.emit({originalEvent:e.detail.originalEvent})})),s("dso-scrollable",{key:"9644c7e7a6b55361f74ef4880eea23e175a242ad",class:"content"},s("div",{key:"c327dcd24d8344bfe599b9a1da16efd12e895048",role:"tabpanel",tabIndex:0},s("slot",{key:"4e4901221b4e556e2436eec2a38f74e7df4c9902"}))))}get host(){return i(this)}};l.style="*,*::after,*::before{box-sizing:border-box}:host{position:relative;display:block;inline-size:344px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3);border-radius:4px}:host .topbar{padding-block-start:8px;padding-inline:16px}:host .topbar .tabs{inline-size:100%;padding:0;list-style:none;display:inline-flex;border-block-end:1px solid #ccc}:host .topbar .tabs .tab{font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;background-color:transparent;cursor:pointer;display:block;border:0;color:#275937;padding-block:6px;padding-inline:8px;border-block-end:4px solid transparent}:host .topbar .tabs .tab:hover{text-decoration:underline}:host .topbar .tabs .tab.active{font-weight:bold;border-color:#8b4a6a}:host .topbar .close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}:host ::slotted(dso-legend-group:last-child){margin-block-end:8px}:host .content{--_dso-form-group-margin-block-end:0;--_dso-scrollable-container-border-end-start-radius:4px;--_dso-scrollable-container-border-end-end-radius:4px;--_dso-scrollable-container-padding-inline:16px;max-block-size:var(--_dso-legend-content-max-block-size, 52vh);border-end-start-radius:4px;border-end-end-radius:4px}";export{l as dso_legend}
@@ -0,0 +1 @@
1
+ import{r as o,d as r,h as n}from"./p-DRum3iIs.js";import{i}from"./p-Hgv-pDpy.js";import{A as t}from"./p-9p_CFvZ-.js";const a=class{constructor(n){o(this,n),this.dsoClick=r(this,"dsoClick",3),this.clickHandler=o=>{this.href&&this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:i(o)})}}render(){const o=this.href?n("a",{class:"content",href:this.href,onClick:this.clickHandler},n("dso-renvooi",{value:this.naam})):n("span",{class:"content"},n("dso-renvooi",{value:this.naam}));return n(t,{key:"c3265fe1b33e609370560705d705c7d26b28252f",symbol:n("dso-icon",{icon:"land"}),title:o})}};a.style='a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:0;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:0;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);padding-inline-end:0;background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);padding-inline-end:0;background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary,.dso-map))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+.meta:not([hidden])),.annotation-data .content:has(+.meta:not([hidden])){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';export{a as dso_annotation_kaart}
@@ -1 +1 @@
1
- import{r as o,h as t,a as e}from"./p-DRum3iIs.js";import{W as r}from"./p-CbzzkvTI.js";const n=class{constructor(t){o(this,t),this.hasSublabel=!1,this.hasMeta=!1,this.updateSublabel=()=>{this.hasSublabel=(this.sublabelSlot?.assignedNodes({flatten:!0}).length??0)>0},this.updateMeta=()=>{this.hasMeta=(this.metaSlot?.assignedNodes({flatten:!0}).length??0)>0},this.setSublabelSlot=o=>{this.sublabelSlot=o,this.updateSublabel()},this.setMetaSlot=o=>{this.metaSlot=o,this.updateMeta()}}render(){return t(e,{key:"5aa38289ec2b4e483fad1faaca62a14a9b127d32"},t(r,{key:"3e9ded5d100c68c373d2b845bef828d144ca7c2b",wijzigactie:this.wijzigactie,class:"dso-plekinfo-card-item-container"},t("div",{key:"3cd3fa2ec2575899fa12b7bf29ad7b2721f51e5a"},t("slot",{key:"fc244b8191ced178ea8990e8d1a4a96eeab06bb6",name:"symbol"})),t("div",{key:"e2b536cb94edd18ae00d6d7d6923c10c82eae8bd",class:{content:!0,"no-sublabel":!this.hasSublabel}},t("dso-truncate",{key:"086c2c23ec9974feeaf3a12ce031e185a77ad4d0",class:"text"},t("slot",{key:"aa8cb6bbb01c5590c585367eef856cc785540cbd",name:"label"}),this.hasSublabel&&" ",t("slot",{key:"0a6bb8c2aac3515c0ece9f83788cb4bb00fd1ab2",name:"sublabel",ref:this.setSublabelSlot,onSlotchange:this.updateSublabel})),t("div",{key:"cefe179bf666442d7adb633cc791df1297248076",class:"meta",hidden:!this.hasMeta},t("slot",{key:"5f762ebcc0ac76fac9a8c043f63c341eeea53030",name:"meta",ref:this.setMetaSlot,onSlotchange:this.updateMeta})))))}};n.style="ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-item-container{display:flex;align-items:flex-start;column-gap:8px;inline-size:100%;padding-block:8px;padding-inline:8px}.dso-plekinfo-card-item-container ::slotted([slot=symbol]){background-color:#fff !important;display:block !important;float:inline-start !important;block-size:24px !important;margin-block-start:0 !important;margin-inline-end:8px !important;inline-size:27.6923076923px !important;overflow:hidden !important;position:relative !important;display:flex !important;align-items:center !important;margin-inline-end:0 !important;background-color:transparent !important}.content{min-inline-size:0;display:flex;align-items:baseline;gap:4px;flex:1 1 auto}.text{min-inline-size:0;flex:1 1 auto}.no-sublabel .text{flex-grow:0}del .text{text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del .text{font-family:sans-serif}}slot[name=label]{font-weight:700}.meta{display:flex;flex-wrap:wrap;flex:0 0 auto;gap:4px}";export{n as dso_plekinfo_card_item}
1
+ import{r as o,h as t,a as e}from"./p-DRum3iIs.js";import{W as r}from"./p-CbzzkvTI.js";const n=class{constructor(t){o(this,t),this.hasSublabel=!1,this.hasMeta=!1,this.updateSublabel=()=>{this.hasSublabel=(this.sublabelSlot?.assignedNodes({flatten:!0}).length??0)>0},this.updateMeta=()=>{this.hasMeta=(this.metaSlot?.assignedNodes({flatten:!0}).length??0)>0},this.setSublabelSlot=o=>{this.sublabelSlot=o,this.updateSublabel()},this.setMetaSlot=o=>{this.metaSlot=o,this.updateMeta()}}render(){return t(e,{key:"9332992d22684568faa248a958c0dfa3c77ec7d7"},t(r,{key:"f707e754e7ab441c8df8ce503dcbfecdb74aec67",wijzigactie:this.wijzigactie,class:"dso-plekinfo-card-item-container"},t("div",{key:"42d702623a7b74564ec480720bf1e7307f1e9711"},t("slot",{key:"ebae9e4e89df193d4814428200fd5ba6b047a78c",name:"symbol"})),t("div",{key:"8deaf915631b10a6c7ed767ddcd93e816008b24a",class:{content:!0,"no-sublabel":!this.hasSublabel}},t("dso-truncate",{key:"aa4e45467d47d7d9cbf0b07cf8fd335906ef1282",class:"text"},t("slot",{key:"fdad88b5ddb5c32f8e811e51de7084e1357e9e3a",name:"label"}),this.hasSublabel&&" ",t("slot",{key:"e690e14aee6e1ddaa8016e495e9210e46253f90c",name:"sublabel",ref:this.setSublabelSlot,onSlotchange:this.updateSublabel})),t("div",{key:"5cc6f78d41ddc903f11ffe6126b758b0b5050044",class:"meta",hidden:!this.hasMeta},t("slot",{key:"5e1da9d1294f96a03c7c97c56afe813b64911759",name:"meta",ref:this.setMetaSlot,onSlotchange:this.updateMeta})))))}};n.style="ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-item-container{display:flex;align-items:flex-start;column-gap:8px;inline-size:100%;padding-block:8px;padding-inline:8px}.dso-plekinfo-card-item-container ::slotted([slot=symbol]){background-color:#fff !important;display:block !important;float:inline-start !important;block-size:24px !important;margin-block-start:0 !important;margin-inline-end:8px !important;inline-size:27.6923076923px !important;overflow:hidden !important;position:relative !important;display:flex !important;align-items:center !important;margin-inline-end:0 !important;background-color:transparent !important}.content{min-inline-size:0;display:flex;align-items:baseline;gap:4px;flex:1 1 auto}.text{min-inline-size:0;flex:1 1 auto}.no-sublabel .text{flex-grow:0}del .text{text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del .text{font-family:sans-serif}}slot[name=label]{font-weight:700}.meta{display:flex;flex-wrap:wrap;flex:0 0 auto;gap:4px}";export{n as dso_plekinfo_card_item}
@@ -1 +1 @@
1
- import{r as o,d as l,h as e,F as r}from"./p-DRum3iIs.js";import{i as a}from"./p-Hgv-pDpy.js";const t=({name:o})=>{const l=o.split("|");return e(r,null,e("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},e("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),e("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),e("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),e("div",{class:"logo-wordmark"},e("span",{class:"logo-wordmark-omgevings"},l[0]),2===l.length&&e("span",{class:"logo-wordmark-loket"},l[1])))},i=class{constructor(e){o(this,e),this.dsoLogoClick=l(this,"dsoLogoClick",7),this.dsoLabelClick=l(this,"dsoLabelClick",7),this.name="Omgevings|loket",this.handleLogoClick=o=>{this.dsoLogoClick.emit({originalEvent:o,url:this.logoUrl,isModifiedEvent:a(o)})},this.handleLabelClick=o=>{this.dsoLabelClick.emit({originalEvent:o,url:this.labelUrl,isModifiedEvent:a(o)})}}render(){return e(r,null,this.logoUrl?e("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},e(t,{name:this.name})):e(t,{name:this.name}),this.label&&(this.labelUrl?e("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},e("span",{class:"logo-label"},this.label)):e("span",{class:"logo-label"},this.label)),this.ribbon&&e("div",{key:"86a4d9220c375b2a1ee36d0869bb0ae05550fa20",class:"logo-ribbon"},this.ribbon))}};i.style=':host{block-size:var(--_dso-logo-block-size, 3rem);display:grid;grid-template-areas:"target wordmark label";grid-template-columns:repeat(3, max-content);grid-template-rows:100%;gap:16px;font-size:1.5rem;font-weight:500;align-items:center;container-type:size;container-name:logo}:host .logo-url,:host .logo-label-url{display:flex;align-items:center;gap:16px;text-decoration:none}:host .logo-url:hover,:host .logo-url:focus-visible,:host .logo-url:active,:host .logo-label-url:hover,:host .logo-label-url:focus-visible,:host .logo-label-url:active{text-decoration:underline}:host .logo-url,:host .logo-url:hover,:host .logo-url:focus,:host .logo-url:visited,:host .logo-label-url,:host .logo-label-url:hover,:host .logo-label-url:focus,:host .logo-label-url:visited{color:#275937}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])){grid-template-areas:"targetwordmark label"}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon{grid-area:targetwordmark}.logo-label-url{grid-area:label}.logo-target{grid-area:target;max-block-size:48px;max-inline-size:48px;inline-size:100%;display:block;aspect-ratio:1/1}.logo-wordmark{grid-area:wordmark}@container logo (max-height: 47px){.logo-wordmark,.logo-label{font-size:50cqb;line-height:1}}.logo-wordmark-omgevings{color:#39870c}.logo-wordmark-loket{color:#275937}.logo-label{grid-area:label;color:#275937;margin-inline-start:1rem}.logo-ribbon{grid-area:wordmark;place-self:start end;display:flex;place-items:center;background-color:#8b4a6a;border-radius:3px;transform:rotate(3deg);padding-block:0;padding-inline:8px;font-size:0.75rem;font-weight:normal;text-transform:uppercase;color:#fff}@container logo (max-height: 47px){.logo-ribbon{block-size:28cqb;font-size:25cqb}}.inner{fill:#e17000}.middle{fill:#275937}.outer{fill:#80bc00}@media screen and (max-width: 767px){:host([label]){grid-template-areas:"target label";grid-template-columns:max-content minmax(130px, max-content)}:host([label]) .logo-wordmark{display:none}:host([label]) .logo-ribbon{grid-area:label}:host([label]) .logo-label{margin-inline-start:0;text-wrap:balance;overflow-wrap:normal}:host([logo-url][ribbon]) .logo-label-url+.logo-ribbon{grid-area:label}}@media screen and (max-width: 480px){.logo-ribbon{transform:rotate(3deg) translateY(-7px)}}';export{i as dso_logo}
1
+ import{r as o,d as l,h as e,F as r}from"./p-DRum3iIs.js";import{i as a}from"./p-Hgv-pDpy.js";const t=({name:o})=>{const l=o.split("|");return e(r,null,e("svg",{fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},e("path",{class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),e("path",{class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),e("path",{class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),e("div",{class:"logo-wordmark"},e("span",{class:"logo-wordmark-omgevings"},l[0]),2===l.length&&e("span",{class:"logo-wordmark-loket"},l[1])))},i=class{constructor(e){o(this,e),this.dsoLogoClick=l(this,"dsoLogoClick",7),this.dsoLabelClick=l(this,"dsoLabelClick",7),this.name="Omgevings|loket",this.handleLogoClick=o=>{this.dsoLogoClick.emit({originalEvent:o,url:this.logoUrl,isModifiedEvent:a(o)})},this.handleLabelClick=o=>{this.dsoLabelClick.emit({originalEvent:o,url:this.labelUrl,isModifiedEvent:a(o)})}}render(){return e(r,null,this.logoUrl?e("a",{class:"logo-url",href:this.logoUrl,onClick:this.handleLogoClick},e(t,{name:this.name})):e(t,{name:this.name}),this.label&&(this.labelUrl?e("a",{class:"logo-label-url",href:this.labelUrl,onClick:this.handleLabelClick},e("span",{class:"logo-label"},this.label)):e("span",{class:"logo-label"},this.label)),this.ribbon&&e("div",{key:"130dc6a36981e32b9b4c998cc7e9b6d64b056be4",class:"logo-ribbon"},this.ribbon))}};i.style=':host{block-size:var(--_dso-logo-block-size, 3rem);display:grid;grid-template-areas:"target wordmark label";grid-template-columns:repeat(3, max-content);grid-template-rows:100%;gap:16px;font-size:1.5rem;font-weight:500;align-items:center;container-type:size;container-name:logo}:host .logo-url,:host .logo-label-url{display:flex;align-items:center;gap:16px;text-decoration:none}:host .logo-url:hover,:host .logo-url:focus-visible,:host .logo-url:active,:host .logo-label-url:hover,:host .logo-label-url:focus-visible,:host .logo-label-url:active{text-decoration:underline}:host .logo-url,:host .logo-url:hover,:host .logo-url:focus,:host .logo-url:visited,:host .logo-label-url,:host .logo-label-url:hover,:host .logo-label-url:focus,:host .logo-label-url:visited{color:#275937}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])){grid-template-areas:"targetwordmark label"}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon{grid-area:targetwordmark}.logo-label-url{grid-area:label}.logo-target{grid-area:target;max-block-size:48px;max-inline-size:48px;inline-size:100%;display:block;aspect-ratio:1/1}.logo-wordmark{grid-area:wordmark}@container logo (max-height: 47px){.logo-wordmark,.logo-label{font-size:50cqb;line-height:1}}.logo-wordmark-omgevings{color:#39870c}.logo-wordmark-loket{color:#275937}.logo-label{grid-area:label;color:#275937;margin-inline-start:1rem}.logo-ribbon{grid-area:wordmark;place-self:start end;display:flex;place-items:center;background-color:#8b4a6a;border-radius:3px;transform:rotate(3deg);padding-block:0;padding-inline:8px;font-size:0.75rem;font-weight:normal;text-transform:uppercase;color:#fff}@container logo (max-height: 47px){.logo-ribbon{block-size:28cqb;font-size:25cqb}}.inner{fill:#e17000}.middle{fill:#275937}.outer{fill:#80bc00}@media screen and (max-width: 767px){:host([label]){grid-template-areas:"target label";grid-template-columns:max-content minmax(130px, max-content)}:host([label]) .logo-wordmark{display:none}:host([label]) .logo-ribbon{grid-area:label}:host([label]) .logo-label{margin-inline-start:0;text-wrap:balance;overflow-wrap:normal}:host([logo-url][ribbon]) .logo-label-url+.logo-ribbon{grid-area:label}}@media screen and (max-width: 480px){.logo-ribbon{transform:rotate(3deg) translateY(-7px)}}';export{i as dso_logo}
@@ -1 +1 @@
1
- import{r as o,h as r,a as t}from"./p-DRum3iIs.js";const n=class{constructor(r){o(this,r)}render(){return r(t,{key:"50c4a5c22b73e08041720bdbe89e59255df98bc2",class:"dso-cursor-tooltip"},r("slot",{key:"9b97e4490cac3a9cf6893eed6b786adbe88fed11"}))}};n.style='*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}';export{n as dso_cursor_tooltip}
1
+ import{r as o,h as r,a as t}from"./p-DRum3iIs.js";const n=class{constructor(r){o(this,r)}render(){return r(t,{key:"be0adb19fd1c7c5a75f49bb3b7648398501a322f",class:"dso-cursor-tooltip"},r("slot",{key:"b9c822c0efaaf758bb756d861f80e2c68f8f04b9"}))}};n.style='*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}';export{n as dso_cursor_tooltip}
@@ -1 +1 @@
1
- import{r as e,d as t,f as i,h as s,g as a}from"./p-DRum3iIs.js";import{i as o}from"./p-Hgv-pDpy.js";const n=class{constructor(i){e(this,i),this.dsoClick=t(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return s("div",{key:"0ddccba216f32216a5ce222cc11b003bacdb28af",class:"history-item"},s("div",{key:"b8e3e1c7acc1dfdded03f8829d75362d82bf4920",class:"history-item-date"},s("slot",{key:"a02d02b411a8827bead6be05cbd4fd6ab22feeb4",name:"date"})),s("div",{key:"e83882c2988f87d822126947f6b954682496d6bc",class:"history-item-content"},s("div",{key:"4409043a85b9ef30d21a64c2119fd6dab0e320a7",class:"history-item-status-message"},s("dso-icon",{key:"e5096c926aec70dee1471f1cfa01d6a8bb050200",icon:this.typeIcons[this.type],"aria-hidden":"true"}),s("slot",{key:"a7c923bd536c1b02676df779216186f4a49856d7",name:"status"})),null!==this.titleSlottedElement&&this.href&&s("div",{key:"2db028e5addc28fbd82210129719f86363395c4b",class:"history-item-title"},s("a",{key:"871157e769f9dc0a2af5809e60ca3292ad847f65",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},s("span",{key:"90bac7607cbe8a838c8f9086c825591e34d7fd35",class:"history-item-title-content"},s("slot",{key:"0c4e9921ace20c57e55d2fbc14019b173624209e",name:"title"})),"⁠",s("dso-icon",{key:"d3b03e7226a6b0e8dce037a0a390367028490a77",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&s("div",{key:"ce9f3ced38791d38fb8778cd548fa8d969c0f959",class:"history-item-explanation"},s("slot",{key:"80156b40b6367688076c34684ac726e3904edae3",name:"explanation"})),null!==this.warningSlottedElement&&s("div",{key:"13f461a66e60fed780b3611289b70efe9bc21bc5",class:"history-item-warning"},s("dso-icon",{key:"750ed3861b34c53fd0bdcf407da4bd8e566d9d92",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),s("slot",{key:"50377ddabb3c9f22f70c182e44a520cac18397c6",name:"warning"}))))}get host(){return a(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}";export{n as dso_history_item}
1
+ import{r as e,d as t,f as i,h as a,g as s}from"./p-DRum3iIs.js";import{i as o}from"./p-Hgv-pDpy.js";const n=class{constructor(i){e(this,i),this.dsoClick=t(this,"dsoClick",3),this.typeIcons={ontwerp:"document-pencil","in-werking":"document","tijdelijk-regelingdeel":"document","tijdelijk-regelingdeel-besluit":"hammer",waarschuwing:"status-warning-red-solid",besluit:"hammer"}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoClick.emit({originalEvent:e,isModifiedEvent:o(e)})}get titleSlottedElement(){return this.host.querySelector("[slot='title']")}get explanationSlottedElement(){return this.host.querySelector("[slot='explanation']")}get warningSlottedElement(){return this.host.querySelector("[slot='warning']")}render(){return a("div",{key:"d379c0d7c1e7ee6408dacf352b96db6095e364fb",class:"history-item"},a("div",{key:"c2f7da0d6fac2de1d48159e83186ad233d2fb5b3",class:"history-item-date"},a("slot",{key:"f4a8f70a314f4a79ab9293aeed4fbbecbe7e67d0",name:"date"})),a("div",{key:"a3eb1f2d8c6cdae25863a93c3bab6e9a4fe8ad8a",class:"history-item-content"},a("div",{key:"afa986699dfa3ff2ecb45e88ec5badc319886a9d",class:"history-item-status-message"},a("dso-icon",{key:"7f9fb3348e815a5373c1220233441b3fd0d28d10",icon:this.typeIcons[this.type],"aria-hidden":"true"}),a("slot",{key:"e9ad0a6f2a492b7c115907a9d134c9b140bade5a",name:"status"})),null!==this.titleSlottedElement&&this.href&&a("div",{key:"891fd46540c0fc4b742d3aa2bab1c9691be8cca2",class:"history-item-title"},a("a",{key:"07f79622d1b84b350826353eb58cd2a6145eb0b3",href:this.href,class:"title-anchor",onClick:e=>this.clickEventHandler(e),"aria-current":this.current?"true":void 0},a("span",{key:"4a14f723069e8d1f3595cc32c49ee4dc5a916f05",class:"history-item-title-content"},a("slot",{key:"0ec1727ca51f1f763d29021ff14c1068abacf86a",name:"title"})),"⁠",a("dso-icon",{key:"8fa39e3809b584b6d9ecc4894f99da9cba3bb4a2",icon:"chevron-right","aria-hidden":"true"}))),null!==this.explanationSlottedElement&&a("div",{key:"90b2d977df806078ef094eac5415016b5b40cd39",class:"history-item-explanation"},a("slot",{key:"3340cd05e872bdbe0f2d01d89e950ace23c24392",name:"explanation"})),null!==this.warningSlottedElement&&a("div",{key:"e470ead9a3835a3c871d044d57a8227a4f1a9a82",class:"history-item-warning"},a("dso-icon",{key:"016db354848fbe80954fbcbe848ff0abdcfb97c9",icon:"status-warning-red-solid",role:"img","aria-label":"Waarschuwing"}),a("slot",{key:"f2e94fe5f704f4341ebbac394606c762e842c8c9",name:"warning"}))))}get host(){return s(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.history-item{border-block-end:1px solid #e5e5e5;display:flex;gap:8px;inline-size:100%;padding-block:16px;padding-inline:8px}:host(:not([type=waarschuwing])) .history-item:has(.history-item-title a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([current]:not([type=waarschuwing])) .history-item{background-color:#e5e5e5}:host([type=tijdelijk-regelingdeel]) .history-item-status-message{color:#8b4a6a}:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message{color:#8b4a6a}:host([type=waarschuwing]) .history-item-status-message{color:#b62f41}.history-item-date,.history-item-content{display:flex;flex-direction:column}.history-item-date{flex:0 0 90px}.history-item-status-message,.history-item-warning{display:flex}.history-item-status-message dso-icon,.history-item-warning dso-icon{flex-shrink:0;margin-inline-end:8px}.history-item-warning{color:#b62f41}.history-item-title,.history-item-explanation,.history-item-warning{margin-block-start:8px;margin-inline-start:32px}.history-item-title{white-space:nowrap}.history-item-title .title-anchor{color:#275937;font-weight:600;text-decoration:none}.history-item-title .title-anchor:hover{text-decoration:underline}.history-item-title .title-anchor:visited{color:#275937}.history-item-title .history-item-title-content{white-space:normal}.history-item-title dso-icon{margin-inline-start:4px}";export{n as dso_history_item}
@@ -1 +1 @@
1
- import{r as e,d as t,f as i,h as a,F as s,a as o,g as n}from"./p-DRum3iIs.js";import{c as l}from"./p-ChV9xqsO.js";import{i as d}from"./p-xDSTG4OU.js";const r={en:{"dso-legend-item":{delete:"Remove layer",disabledInfo:"More info",options:"Edit layer",optionsAvailable:"Edit layer button is now available",optionsUnavailable:"Edit layer button is now disabled",makeActive:"Make {{label}} active",makeActiveDefault:"Make active"}},nl:{"dso-legend-item":{delete:"Kaartlaag verwijderen",disabledInfo:"Meer informatie",options:"Kaartlaag bewerken",optionsAvailable:"De knop Kaartlaag bewerken is nu beschikbaar",optionsUnavailable:"De knop Kaartlaag bewerken is nu uitgeschakeld",makeActive:"Maak {{label}} actief",makeActiveDefault:"Maak actief"}}},b=class{constructor(i){e(this,i),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.dsoDelete=t(this,"dsoDelete",3),this.dsoMouseEnter=t(this,"dsoMouseEnter",7),this.dsoMouseLeave=t(this,"dsoMouseLeave",7),this.disabled=!1,this._mode="view",this.showOptions=!1,this.text=d((()=>this.host),r)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get optionsSlottedElement(){return this.host.querySelector("[slot='options']")}renderEditMode(){return a("dso-icon-button",{label:this.text("delete"),icon:"trash",variant:"tertiary",id:"delete-button",onDsoClick:e=>this.dsoDelete.emit({originalEvent:e.detail.originalEvent})})}renderViewMode(e,t){return this.activatable?[a("dso-slide-toggle",{accessibleLabel:t,checked:this.active,disabled:this.disabled,onDsoActiveChange:e=>this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}),e&&a(s,null,a("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.text(this.active?"optionsAvailable":"optionsUnavailable")),a("dso-icon-button",{disabled:!this.active||this.disabled,expanded:this.showOptions,label:this.text("options"),icon:"more-horizontal",variant:"tertiary",toggled:this.showOptions,id:"options-button",onDsoClick:()=>this.showOptions=!this.showOptions}))]:[]}renderRightContent(e,t){return"edit"===this._mode?this.renderEditMode():this.renderViewMode(e,t)}render(){const e=null!==this.symbolSlottedElement,t=null!==this.optionsSlottedElement,i=this.host.querySelector("span[slot='label']"),s=i?.textContent?this.text("makeActive",{label:i.textContent.toLowerCase()}):this.text("makeActiveDefault");return a(o,{key:"303c7ddca3e6779ce9bbefa891d09a98daf92afd",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},a("div",{key:"772e960d48c62dd8ed5f035191f39d5676a3290b",class:l("legend-item",{"legend-item-symbol":e})},e&&a("div",{key:"82cc6c2ca9fa5b75cad03185416109d23f6ca086"},a("slot",{key:"401c7d2f991b5718eb9a0187b272fbcf86e6f067",name:"symbol"})),a("div",{key:"29f0e127a2ad71f82132ca6de363de9edf9368dc"},a("slot",{key:"dc21e1f62471652d940f4e78c1417e4f1fb99fac",name:"label"})),this.disabled&&this.disabledMessage&&a("dso-info-button",{key:"1d40419b908d45216c2a83e42b4f675aa4a682cc",label:this.text("disabledInfo"),toggletipPlacement:"bottom"},a("div",{key:"f0ff311f69b6d6a3e0b01f1e66fbfabfd7476b10",slot:"toggletip"},this.disabledMessage)),a("div",{key:"8f8e201b6730f2ac177452b0aed27b1f077375c5",class:"legend-item-right-content"},this.renderRightContent(t,s))),t&&a("div",{key:"190d57da182375676f885799db52faf1db7b3e23",hidden:this.disabled||!this.showOptions,class:"options"},a("slot",{key:"8a69fc826eac7ff7f70ffa0280a5452398bb27dc",name:"options"})))}get host(){return n(this)}};b.style=":host{display:block;padding-block:4px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}::slotted(h3){margin:0 !important}::slotted([slot=options]){margin-block-start:8px}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item-right-content{margin-inline-start:auto;display:flex}.legend-item-right-content dso-icon-button{margin-inline-start:4px}";export{b as dso_legend_item}
1
+ import{r as e,d as t,f as i,h as a,F as s,a as o,g as n}from"./p-DRum3iIs.js";import{c as l}from"./p-ChV9xqsO.js";import{i as d}from"./p-DVFsbHoq.js";const r={en:{"dso-legend-item":{delete:"Remove layer",disabledInfo:"More info",options:"Edit layer",optionsAvailable:"Edit layer button is now available",optionsUnavailable:"Edit layer button is now disabled",makeActive:"Make {{label}} active",makeActiveDefault:"Make active"}},nl:{"dso-legend-item":{delete:"Kaartlaag verwijderen",disabledInfo:"Meer informatie",options:"Kaartlaag bewerken",optionsAvailable:"De knop Kaartlaag bewerken is nu beschikbaar",optionsUnavailable:"De knop Kaartlaag bewerken is nu uitgeschakeld",makeActive:"Maak {{label}} actief",makeActiveDefault:"Maak actief"}}},b=class{constructor(i){e(this,i),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.dsoDelete=t(this,"dsoDelete",3),this.dsoMouseEnter=t(this,"dsoMouseEnter",7),this.dsoMouseLeave=t(this,"dsoMouseLeave",7),this.disabled=!1,this._mode="view",this.showOptions=!1,this.text=d((()=>this.host),r)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get optionsSlottedElement(){return this.host.querySelector("[slot='options']")}renderEditMode(){return a("dso-icon-button",{label:this.text("delete"),icon:"trash",variant:"tertiary",id:"delete-button",onDsoClick:e=>this.dsoDelete.emit({originalEvent:e.detail.originalEvent})})}renderViewMode(e,t){return this.activatable?[a("dso-slide-toggle",{accessibleLabel:t,checked:this.active,disabled:this.disabled,onDsoActiveChange:e=>this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}),e&&a(s,null,a("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.text(this.active?"optionsAvailable":"optionsUnavailable")),a("dso-icon-button",{disabled:!this.active||this.disabled,expanded:this.showOptions,label:this.text("options"),icon:"more-horizontal",variant:"tertiary",toggled:this.showOptions,id:"options-button",onDsoClick:()=>this.showOptions=!this.showOptions}))]:[]}renderRightContent(e,t){return"edit"===this._mode?this.renderEditMode():this.renderViewMode(e,t)}render(){const e=null!==this.symbolSlottedElement,t=null!==this.optionsSlottedElement,i=this.host.querySelector("span[slot='label']"),s=i?.textContent?this.text("makeActive",{label:i.textContent.toLowerCase()}):this.text("makeActiveDefault");return a(o,{key:"6ffe060576bb5954c9222a28414a3ca4fd88954e",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},a("div",{key:"617c294a7f8f23644cd01fc06567f9100346597c",class:l("legend-item",{"legend-item-symbol":e})},e&&a("div",{key:"02fed0ce91941356959b1ae31704ae2fc541589e"},a("slot",{key:"23e6b788d7b588281cbdb4674ccd6b1b72099746",name:"symbol"})),a("div",{key:"f39b163d90db83163f7df1f25a93efa95bc3cae8"},a("slot",{key:"30a5f6a7977b4ac7fc838f05aca61dfb9f3c93ec",name:"label"})),this.disabled&&this.disabledMessage&&a("dso-info-button",{key:"8f0d714c936679820da2ba958fa740a184fe821b",label:this.text("disabledInfo"),toggletipPlacement:"bottom"},a("div",{key:"228f214a29082f9bc1e3d9363a26fc0a504fe909",slot:"toggletip"},this.disabledMessage)),a("div",{key:"2dde8eeba3a3fd5a537a4696affacd51a7501945",class:"legend-item-right-content"},this.renderRightContent(t,s))),t&&a("div",{key:"af70c5b8e473600852152b20267c603be9e1b096",hidden:this.disabled||!this.showOptions,class:"options"},a("slot",{key:"6bb20909588aefadde8820fd6a08060d6e81610d",name:"options"})))}get host(){return n(this)}};b.style=":host{display:block;padding-block:4px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}::slotted(h3){margin:0 !important}::slotted([slot=options]){margin-block-start:8px}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item-right-content{margin-inline-start:auto;display:flex}.legend-item-right-content dso-icon-button{margin-inline-start:4px}";export{b as dso_legend_item}
@@ -1 +1 @@
1
- import{r as e,h as d,F as t}from"./p-DRum3iIs.js";const a=class{constructor(d){e(this,d)}render(){return d(t,{key:"c47a723e3afc302fffa33ec3f45ee82a1257a30b"},d("div",{key:"49ed912f7d573aab12d2c1904f7074fd28f23f42",class:"project-item-header"},d("div",{key:"78d45ea53aab6c810162db59787230084d191e6d",class:"project-item-title"},d("slot",{key:"1db47555e46f2688fdd8cb2c0ff77ca36284ee74",name:"title"}),this.label&&d("dso-label",{key:"9ad3a71ca2a41bffb7903567629e6087fbba53aa",status:"error",compact:!0},this.label)),d("div",{key:"f6281dd03cf4881928b7a54597d25c5fe6534671",class:"project-item-actions"},d("slot",{key:"11b9cdd502941d1f338f75ebcff370e54e6b010a",name:"actions"}))),d("div",{key:"5c9e6d7d32b5bd00d335d692a7bc15c3b47050ac",class:"project-item-info"},d("div",{key:"0ca11e0dc92201b61122e2892f30b02220f2f9f3",class:"project-item-progress"},d("slot",{key:"e8cd71caa7b23cc4dc28c694ecb9f13e3fd4170a",name:"progress"})),d("div",{key:"13e3e2ab2692d1d42c37fb1ad4668efa88dd8b3b",class:"project-item-status"},d("slot",{key:"44571008b3810987c7f2968eda898de59f1ac43a",name:"status"}))))}};a.style=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}";export{a as dso_project_item}
1
+ import{r as e,h as t,F as a}from"./p-DRum3iIs.js";const d=class{constructor(t){e(this,t)}render(){return t(a,{key:"2890a574c813b1465610b640d62a5bdd4b923cd3"},t("div",{key:"1cf80309fe4323d249255be65707a35767b32c55",class:"project-item-header"},t("div",{key:"2d3c060aa78fa5fc3adefedc73acb42e65df2054",class:"project-item-title"},t("slot",{key:"0b3ea39475b6944fabd87ca155cb22430f98b24f",name:"title"}),this.label&&t("dso-label",{key:"7ebca7e844e64a5f82a629b425e508d208f2f2b9",status:"error",compact:!0},this.label)),t("div",{key:"8c7f0758399419cf039819a40abc984341681580",class:"project-item-actions"},t("slot",{key:"ef1a9b05d735d1a1ec48b21281bbc28521b471e0",name:"actions"}))),t("div",{key:"357ebff39471025b4eca3359c63c934e50ad18d8",class:"project-item-info"},t("div",{key:"0bbc22f7f1bb29d42d2318f72d8a6e0ac81e4316",class:"project-item-progress"},t("slot",{key:"3d5b84f6ae10311cc8e0659570d7e3b553eacc5e",name:"progress"})),t("div",{key:"60eef00840fa3ce595c183aa207a715d43601a94",class:"project-item-status"},t("slot",{key:"45600a4a690a1a7871e7f5d78db65e1f7d9bc158",name:"status"}))))}};d.style=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}";export{d as dso_project_item}
@@ -1 +1 @@
1
- import{r as o,d as r,h as t,F as e}from"./p-DRum3iIs.js";const n=class{constructor(t){o(this,t),this.dsoSubmit=r(this,"dsoSubmit",7),this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault(),this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){this.rating=Number(o.target.value)}render(){return t("dso-panel",{key:"0eea370b3b4f481967ad5a8b837f1e37fef30e82",emphasized:!0,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},t("h2",{key:"aafae4fecfc6fe60948d2e234b3cc06dfc32d634",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),t("strong",{key:"8ff6bbfe4ccc2104ff912f63cf6fda0dbe189154"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),t("form",{key:"675dbd15cc595fd1d691ce588beecb1bd4941405",onSubmit:o=>this.handleForm(o)},t("div",{key:"61f8794c44cf9c37f4f742f2fb98cc36d682353e",class:"visual-rating-labels","aria-hidden":"true"},t("span",{key:"9e951802ea136262010dda9d72e0d22788f8d6f2"},"Heel moeilijk"),t("span",{key:"c6aa53b254a363d6d54acef80e6fb05727d0dfba"},"Heel makkelijk")),t("div",{key:"051e9720e9101770630dd90167cc9c72f0c01935",role:"radiogroup"},["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"].map(((o,r)=>{const n=r+1;return t(e,null,t("label",{class:`survey-rating-${n}`},n,t("span",{class:"sr-only"},o),t("input",{type:"radio",name:"rating",value:n,checked:n===this.rating,onChange:o=>this.handleChange(o)})))}))),t("button",{key:"a3d6f061bdbb6cc744a40877ed8658aeb8149c04",type:"submit",class:"dso-secondary"},t("span",{key:"d5dbb51141c9460792ecc4ab9c098dbf40f79686"},"Antwoord verzenden"))))}};n.style=":host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::after, *::before { box-sizing: border-box; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: \"\"; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #b62f41; color: #fff; border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #ce3f51; color: #fff; border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #e17000; color: #191919; border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #dcd400; color: #191919; border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #79b929; color: #191919; border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #39870c; color: #fff; border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #275937; color: #fff; border-color: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } button.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible { outline-offset: 2px; } button.dso-secondary:active { outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after { content: \"\"; display: inline-block; } button.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } button.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }";export{n as dso_survey_rating}
1
+ import{r as o,d as r,h as t,F as e}from"./p-DRum3iIs.js";const n=class{constructor(t){o(this,t),this.dsoSubmit=r(this,"dsoSubmit",7),this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault(),this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){this.rating=Number(o.target.value)}render(){return t("dso-panel",{key:"46eda8236dacfd8efdeb19f73c199cf792d4de1c",emphasized:!0,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},t("h2",{key:"0f13609b9dfe138d9bc1bd297215123b5dec1100",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),t("strong",{key:"e9d9ad67aac187c0cb05003431dfe88ce7cc27b7"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),t("form",{key:"67eacd9bfe4d9aa7f9de718c7d66eefc208d1cda",onSubmit:o=>this.handleForm(o)},t("div",{key:"4118bd73372ebe13c7a604f0e7b717154c93a7ab",class:"visual-rating-labels","aria-hidden":"true"},t("span",{key:"590fd6d4db6f497da801c29a24821f553ef98297"},"Heel moeilijk"),t("span",{key:"d3eb988572fba331828467298a5e72612af1442c"},"Heel makkelijk")),t("div",{key:"7aeb6102e3ce13a1dd67038475454b483e9006ca",role:"radiogroup"},["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"].map(((o,r)=>{const n=r+1;return t(e,null,t("label",{class:`survey-rating-${n}`},n,t("span",{class:"sr-only"},o),t("input",{type:"radio",name:"rating",value:n,checked:n===this.rating,onChange:o=>this.handleChange(o)})))}))),t("button",{key:"9c0569f5875ac60b4f9d33a80ea264f4c40529c0",type:"submit",class:"dso-secondary"},t("span",{key:"32352ef5dd59e78ed1ee64c3c6e90d7822b34467"},"Antwoord verzenden"))))}};n.style=":host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::after, *::before { box-sizing: border-box; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: \"\"; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #b62f41; color: #fff; border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #ce3f51; color: #fff; border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #e17000; color: #191919; border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #dcd400; color: #191919; border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #79b929; color: #191919; border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #39870c; color: #fff; border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #275937; color: #fff; border-color: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } button.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible { outline-offset: 2px; } button.dso-secondary:active { outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after { content: \"\"; display: inline-block; } button.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } button.dso-secondary:hover, button.dso-secondary:focus-visible { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, button.dso-secondary[disabled]:focus-visible { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):focus-visible::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:focus-visible::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):focus-visible::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:focus-visible::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }";export{n as dso_survey_rating}