@dso-toolkit/core 96.0.0 → 97.0.0-ghi-3769.1

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 (381) hide show
  1. package/dist/bundle/dso-accordion-section.js +6 -6
  2. package/dist/bundle/dso-action-list-item.js +2 -2
  3. package/dist/bundle/dso-action-list.js +1 -1
  4. package/dist/bundle/dso-advanced-select.js +5 -5
  5. package/dist/bundle/dso-alert.js +1 -1
  6. package/dist/bundle/dso-annotation-activiteit.js +4 -4
  7. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +4 -4
  8. package/dist/bundle/dso-annotation-kaart.js +2 -2
  9. package/dist/bundle/dso-annotation-locatie.js +1 -1
  10. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +4 -4
  11. package/dist/bundle/dso-attachments-counter.js +1 -1
  12. package/dist/bundle/dso-autosuggest.js +10 -6
  13. package/dist/bundle/dso-badge.js +1 -1
  14. package/dist/bundle/dso-banner.js +17 -5
  15. package/dist/bundle/dso-button-group.js +1 -1
  16. package/dist/bundle/dso-card-container.js +1 -1
  17. package/dist/bundle/dso-card.js +3 -3
  18. package/dist/bundle/dso-contact-information.js +1 -1
  19. package/dist/bundle/dso-cursor-tooltip.js +1 -1
  20. package/dist/bundle/dso-date-picker.js +1 -1
  21. package/dist/bundle/dso-document-card.js +2 -2
  22. package/dist/bundle/dso-document-component.js +1 -1
  23. package/dist/bundle/dso-dropdown-menu.js +1 -1
  24. package/dist/bundle/dso-expandable.js +1 -1
  25. package/dist/bundle/dso-header.js +2 -2
  26. package/dist/bundle/dso-highlight-box.js +1 -1
  27. package/dist/bundle/dso-history-item.js +2 -2
  28. package/dist/bundle/dso-icon-button.js +1 -1
  29. package/dist/bundle/dso-icon.js +1 -1
  30. package/dist/bundle/dso-image-overlay.js +1 -1
  31. package/dist/bundle/dso-info-button.js +1 -1
  32. package/dist/bundle/dso-info.js +1 -1
  33. package/dist/bundle/dso-input-range.js +2 -2
  34. package/dist/bundle/dso-label.js +1 -1
  35. package/dist/bundle/dso-legend-group.js +3 -3
  36. package/dist/bundle/dso-legend-item.js +6 -6
  37. package/dist/bundle/dso-legend.js +5 -5
  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 +9 -9
  42. package/dist/bundle/dso-map-layer-object.js +2 -2
  43. package/dist/bundle/dso-map-layer.js +2 -2
  44. package/dist/bundle/dso-map-message.js +3 -3
  45. package/dist/bundle/dso-map-overlays.js +7 -7
  46. package/dist/bundle/dso-mark-bar.js +3 -3
  47. package/dist/bundle/dso-modal.js +1 -1
  48. package/dist/bundle/dso-onboarding-tip.js +3 -3
  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 +2 -2
  52. package/dist/bundle/dso-panel.js +1 -1
  53. package/dist/bundle/dso-plekinfo-card.js +2 -2
  54. package/dist/bundle/dso-progress-indicator.js +1 -1
  55. package/dist/bundle/dso-project-item.js +4 -4
  56. package/dist/bundle/dso-responsive-element.js +1 -1
  57. package/dist/bundle/dso-scrollable.js +1 -1
  58. package/dist/bundle/dso-segmented-button.js +1 -1
  59. package/dist/bundle/dso-selectable.js +1 -1
  60. package/dist/bundle/dso-skiplink.js +2 -2
  61. package/dist/bundle/dso-slide-toggle.js +1 -1
  62. package/dist/bundle/dso-survey-rating.js +5 -5
  63. package/dist/bundle/dso-table.js +1 -1
  64. package/dist/bundle/dso-tabs.js +1 -1
  65. package/dist/bundle/dso-tijdreis-banner.js +2 -2
  66. package/dist/bundle/dso-tooltip.js +1 -1
  67. package/dist/bundle/dso-tree-view.js +3 -3
  68. package/dist/bundle/dso-viewer-grid.js +14 -4
  69. package/dist/bundle/dsot-document-component-demo.js +17 -17
  70. package/dist/bundle/{p-DdpyZaP7.js → p-0h9cOnX9.js} +6 -6
  71. package/dist/bundle/{p-kacTtdx5.js → p-6-0kKG2F.js} +4 -4
  72. package/dist/bundle/{p-Bmlt2DmQ.js → p-B2ZlmdWO.js} +3 -3
  73. package/dist/bundle/{p-XuOq2p5M.js → p-B41mHKWC.js} +16 -16
  74. package/dist/bundle/{p-CSIJlEGw.js → p-Bh_AjQ7z.js} +38 -17
  75. package/dist/bundle/{p-B0uMC739.js → p-BnDZHxeO.js} +1 -1
  76. package/dist/bundle/{p-DFsS5-fk.js → p-C-8vTVVo.js} +4 -4
  77. package/dist/bundle/{p-DNwAVxmk.js → p-C332B2dN.js} +5 -5
  78. package/dist/bundle/{p-DUg2fsNj.js → p-C7VfGukK.js} +1 -1
  79. package/dist/bundle/{p-C8XiO-Wa.js → p-CA57bAyP.js} +2 -2
  80. package/dist/bundle/{p-DYD-46VI.js → p-CFPWVcsY.js} +3 -3
  81. package/dist/bundle/{p-DQjbC88c.js → p-CKnJRPZn.js} +2 -2
  82. package/dist/bundle/{p-DI8rxU8b.js → p-CcFEBE0l.js} +2 -2
  83. package/dist/bundle/{p-59kJLyHW.js → p-ChO20JhC.js} +2 -2
  84. package/dist/bundle/{p-Clsgdvn9.js → p-D1ciWwSo.js} +1 -1
  85. package/dist/bundle/{p-CLOFxKEP.js → p-D33HZm70.js} +4 -4
  86. package/dist/bundle/{p-Db33kA_6.js → p-DYFOhFhk.js} +1 -1
  87. package/dist/bundle/{p-B59_zDt7.js → p-DtNjY6f6.js} +3 -3
  88. package/dist/bundle/{p-vBUHC-e7.js → p-HMxVj4ab.js} +1 -1
  89. package/dist/bundle/{p-CWmPLVV_.js → p-HXung-P3.js} +8 -8
  90. package/dist/bundle/{p-CaIC9qQK.js → p-jon8ZgCu.js} +1 -1
  91. package/dist/bundle/{p-Bq0uu4Hw.js → p-z2uKmX1Q.js} +2 -2
  92. package/dist/bundle/p-zYhsKlIm.js +124 -0
  93. package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
  94. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  95. package/dist/cjs/dso-alert_7.cjs.entry.js +4 -4
  96. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +4 -4
  97. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +2 -2
  98. package/dist/cjs/dso-autosuggest.cjs.entry.js +7 -3
  99. package/dist/cjs/dso-banner.cjs.entry.js +9 -3
  100. package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
  101. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  102. package/dist/cjs/dso-card.cjs.entry.js +2 -2
  103. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  104. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  105. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  106. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  107. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +1 -1
  108. package/dist/cjs/dso-header.cjs.entry.js +1 -1
  109. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  110. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  111. package/dist/cjs/dso-icon_2.cjs.entry.js +3 -3
  112. package/dist/cjs/dso-info_3.cjs.entry.js +36 -15
  113. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  114. package/dist/cjs/dso-label_3.cjs.entry.js +3 -3
  115. package/dist/cjs/dso-legend-group.cjs.entry.js +1 -1
  116. package/dist/cjs/dso-legend-item.cjs.entry.js +1 -1
  117. package/dist/cjs/dso-legend.cjs.entry.js +2 -2
  118. package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
  119. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  120. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  121. package/dist/cjs/dso-map-controls.cjs.entry.js +5 -5
  122. package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
  123. package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
  124. package/dist/cjs/dso-map-message.cjs.entry.js +2 -2
  125. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  126. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  127. package/dist/cjs/dso-modal.cjs.entry.js +1 -1
  128. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +1 -1
  129. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +1 -1
  130. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  131. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  132. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  133. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  134. package/dist/cjs/dso-segmented-button.cjs.entry.js +1 -1
  135. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  136. package/dist/cjs/dso-survey-rating.cjs.entry.js +2 -2
  137. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  138. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
  139. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  140. package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
  141. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  142. package/dist/cjs/dso-viewer-grid.cjs.entry.js +13 -4
  143. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  144. package/dist/cjs/loader.cjs.js +1 -1
  145. package/dist/collection/components/action-list/action-list.css +2 -1
  146. package/dist/collection/components/action-list/components/action-list-item.css +1 -1
  147. package/dist/collection/components/autosuggest/autosuggest.js +7 -3
  148. package/dist/collection/components/banner/banner.css +236 -0
  149. package/dist/collection/components/banner/banner.js +9 -3
  150. package/dist/collection/components/button-group/button-group.js +1 -1
  151. package/dist/collection/components/card/card.js +2 -2
  152. package/dist/collection/components/card-container/card-container.js +1 -1
  153. package/dist/collection/components/contact-information/contact-information.js +1 -1
  154. package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +1 -1
  155. package/dist/collection/components/date-picker/date-picker.js +1 -1
  156. package/dist/collection/components/document-card/document-card.js +1 -1
  157. package/dist/collection/components/document-component/document-component.js +4 -4
  158. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  159. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  160. package/dist/collection/components/expandable/expandable.js +2 -2
  161. package/dist/collection/components/header/header.js +1 -1
  162. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  163. package/dist/collection/components/history-item/history-item.js +1 -1
  164. package/dist/collection/components/icon/icon.js +1 -1
  165. package/dist/collection/components/icon-button/icon-button.css +3 -0
  166. package/dist/collection/components/icon-button/icon-button.js +1 -1
  167. package/dist/collection/components/info/info.js +1 -1
  168. package/dist/collection/components/info-button/info-button.css +1 -0
  169. package/dist/collection/components/info-button/info-button.js +49 -13
  170. package/dist/collection/components/input-range/input-range.js +2 -2
  171. package/dist/collection/components/label/label.js +2 -2
  172. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  173. package/dist/collection/components/legend/legend-item/legend-item.js +1 -1
  174. package/dist/collection/components/legend/legend.css +1 -1
  175. package/dist/collection/components/legend/legend.js +1 -1
  176. package/dist/collection/components/list-button/list-button.js +1 -1
  177. package/dist/collection/components/logo/logo.js +1 -1
  178. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  179. package/dist/collection/components/map-controls/map-controls.js +5 -5
  180. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  181. package/dist/collection/components/map-layer/map-layer.js +1 -1
  182. package/dist/collection/components/map-message/map-message.js +2 -2
  183. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  184. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  185. package/dist/collection/components/modal/modal.js +1 -1
  186. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  187. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
  188. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  189. package/dist/collection/components/panel/panel.js +1 -1
  190. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  191. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  192. package/dist/collection/components/project-item/project-item.js +1 -1
  193. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  194. package/dist/collection/components/scrollable/scrollable.js +2 -2
  195. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  196. package/dist/collection/components/selectable/selectable.js +1 -1
  197. package/dist/collection/components/skiplink/skiplink.js +1 -1
  198. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  199. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  200. package/dist/collection/components/table/table.js +1 -1
  201. package/dist/collection/components/tabs/tabs.js +1 -1
  202. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  203. package/dist/collection/components/tooltip/tooltip.js +1 -1
  204. package/dist/collection/components/tree-view/tree-view.js +1 -1
  205. package/dist/collection/components/viewer-grid/components/main-panel.js +2 -2
  206. package/dist/collection/components/viewer-grid/viewer-grid.css +138 -45
  207. package/dist/collection/components/viewer-grid/viewer-grid.js +31 -1
  208. package/dist/components/button-group.js +1 -1
  209. package/dist/components/document-component.js +1 -1
  210. package/dist/components/dso-action-list-item.js +1 -1
  211. package/dist/components/dso-action-list.js +1 -1
  212. package/dist/components/dso-autosuggest.js +1 -1
  213. package/dist/components/dso-banner.js +1 -1
  214. package/dist/components/dso-card-container.js +1 -1
  215. package/dist/components/dso-card.js +1 -1
  216. package/dist/components/dso-contact-information.js +1 -1
  217. package/dist/components/dso-cursor-tooltip.js +1 -1
  218. package/dist/components/dso-date-picker.js +1 -1
  219. package/dist/components/dso-document-card.js +1 -1
  220. package/dist/components/dso-dropdown-menu.js +1 -1
  221. package/dist/components/dso-header.js +1 -1
  222. package/dist/components/dso-highlight-box.js +1 -1
  223. package/dist/components/dso-history-item.js +1 -1
  224. package/dist/components/dso-input-range.js +1 -1
  225. package/dist/components/dso-legend-group.js +1 -1
  226. package/dist/components/dso-legend-item.js +1 -1
  227. package/dist/components/dso-legend.js +1 -1
  228. package/dist/components/dso-list-button.js +1 -1
  229. package/dist/components/dso-logo.js +1 -1
  230. package/dist/components/dso-map-base-layers.js +1 -1
  231. package/dist/components/dso-map-controls.js +1 -1
  232. package/dist/components/dso-map-layer-object.js +1 -1
  233. package/dist/components/dso-map-layer.js +1 -1
  234. package/dist/components/dso-map-message.js +1 -1
  235. package/dist/components/dso-map-overlays.js +1 -1
  236. package/dist/components/dso-mark-bar.js +1 -1
  237. package/dist/components/dso-onboarding-tip.js +1 -1
  238. package/dist/components/dso-plekinfo-card.js +1 -1
  239. package/dist/components/dso-project-item.js +1 -1
  240. package/dist/components/dso-segmented-button.js +1 -1
  241. package/dist/components/dso-skiplink.js +1 -1
  242. package/dist/components/dso-survey-rating.js +1 -1
  243. package/dist/components/dso-tabs.js +1 -1
  244. package/dist/components/dso-tijdreis-banner.js +1 -1
  245. package/dist/components/dso-tooltip.js +1 -1
  246. package/dist/components/dso-tree-view.js +1 -1
  247. package/dist/components/dso-viewer-grid.js +1 -1
  248. package/dist/components/dsot-document-component-demo.js +1 -1
  249. package/dist/components/expandable.js +1 -1
  250. package/dist/components/icon-button.js +1 -1
  251. package/dist/components/icon.js +1 -1
  252. package/dist/components/info-button.js +1 -1
  253. package/dist/components/info.js +1 -1
  254. package/dist/components/label.js +1 -1
  255. package/dist/components/modal.js +1 -1
  256. package/dist/components/ozon-content-toggletip.js +1 -1
  257. package/dist/components/ozon-content.js +1 -1
  258. package/dist/components/panel.js +1 -1
  259. package/dist/components/progress-indicator.js +1 -1
  260. package/dist/components/responsive-element.js +1 -1
  261. package/dist/components/scrollable.js +1 -1
  262. package/dist/components/selectable.js +1 -1
  263. package/dist/components/slide-toggle.js +1 -1
  264. package/dist/components/table.js +1 -1
  265. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  266. package/dist/dso-toolkit/p-0146f231.entry.js +1 -0
  267. package/dist/dso-toolkit/{p-ce372007.entry.js → p-040f3f53.entry.js} +1 -1
  268. package/dist/dso-toolkit/{p-d4ee2c83.entry.js → p-0cc62094.entry.js} +1 -1
  269. package/dist/dso-toolkit/{p-e6331c16.entry.js → p-181cb6f7.entry.js} +1 -1
  270. package/dist/dso-toolkit/{p-1288e20c.entry.js → p-1ea5fb0d.entry.js} +1 -1
  271. package/dist/dso-toolkit/{p-c1cc6a7c.entry.js → p-2d1eb113.entry.js} +1 -1
  272. package/dist/dso-toolkit/{p-7905523e.entry.js → p-3047432c.entry.js} +1 -1
  273. package/dist/dso-toolkit/{p-474de47c.entry.js → p-3fe44227.entry.js} +1 -1
  274. package/dist/dso-toolkit/p-483af9df.entry.js +1 -0
  275. package/dist/dso-toolkit/{p-d967c5ba.entry.js → p-49b2bbb1.entry.js} +1 -1
  276. package/dist/dso-toolkit/{p-ef831b89.entry.js → p-4a493df9.entry.js} +1 -1
  277. package/dist/dso-toolkit/{p-0ac102e5.entry.js → p-540a8027.entry.js} +1 -1
  278. package/dist/dso-toolkit/{p-47b10abe.entry.js → p-61fd983a.entry.js} +1 -1
  279. package/dist/dso-toolkit/{p-6e0d8f02.entry.js → p-626ae90b.entry.js} +1 -1
  280. package/dist/dso-toolkit/{p-d68d0a36.entry.js → p-6ebe1b0e.entry.js} +1 -1
  281. package/dist/dso-toolkit/{p-a6a4c4a8.entry.js → p-75e5057e.entry.js} +1 -1
  282. package/dist/dso-toolkit/{p-0a7a25b0.entry.js → p-798eeae6.entry.js} +1 -1
  283. package/dist/dso-toolkit/{p-db0ff9e0.entry.js → p-7a809a49.entry.js} +1 -1
  284. package/dist/dso-toolkit/{p-ddba5bfc.entry.js → p-84f647aa.entry.js} +1 -1
  285. package/dist/dso-toolkit/{p-98aa047d.entry.js → p-85c2c887.entry.js} +1 -1
  286. package/dist/dso-toolkit/{p-4604bbbf.entry.js → p-875b414d.entry.js} +1 -1
  287. package/dist/dso-toolkit/{p-2ce0f6e0.entry.js → p-8b9194ca.entry.js} +1 -1
  288. package/dist/dso-toolkit/{p-6ef02655.entry.js → p-9b0716d8.entry.js} +1 -1
  289. package/dist/dso-toolkit/{p-50cb65a2.entry.js → p-9ce75fcd.entry.js} +1 -1
  290. package/dist/dso-toolkit/{p-613a3ba8.entry.js → p-a286ac17.entry.js} +1 -1
  291. package/dist/dso-toolkit/{p-0bf03672.entry.js → p-a8184705.entry.js} +1 -1
  292. package/dist/dso-toolkit/p-ab33a108.entry.js +1 -0
  293. package/dist/dso-toolkit/{p-b7e743e1.entry.js → p-b2202cd6.entry.js} +1 -1
  294. package/dist/dso-toolkit/{p-52a3836d.entry.js → p-b2d0319d.entry.js} +1 -1
  295. package/dist/dso-toolkit/{p-1ca49cd0.entry.js → p-b4747ac0.entry.js} +1 -1
  296. package/dist/dso-toolkit/{p-ba238c62.entry.js → p-bb7ac6f7.entry.js} +1 -1
  297. package/dist/dso-toolkit/{p-8bf66f9c.entry.js → p-be7adaac.entry.js} +1 -1
  298. package/dist/dso-toolkit/{p-6404d224.entry.js → p-bf803e4f.entry.js} +1 -1
  299. package/dist/dso-toolkit/p-c0111a70.entry.js +1 -0
  300. package/dist/dso-toolkit/{p-d13380b6.entry.js → p-c3d5ccc6.entry.js} +1 -1
  301. package/dist/dso-toolkit/{p-969295b5.entry.js → p-c9768843.entry.js} +1 -1
  302. package/dist/dso-toolkit/{p-5f9a7dbb.entry.js → p-cce55fbb.entry.js} +1 -1
  303. package/dist/dso-toolkit/p-d287c9fa.entry.js +1 -0
  304. package/dist/dso-toolkit/{p-31b238ed.entry.js → p-d4539b83.entry.js} +1 -1
  305. package/dist/dso-toolkit/{p-5e95d872.entry.js → p-d877c432.entry.js} +1 -1
  306. package/dist/dso-toolkit/p-d87dd7c8.entry.js +1 -0
  307. package/dist/dso-toolkit/{p-c2be5c47.entry.js → p-d9800183.entry.js} +1 -1
  308. package/dist/dso-toolkit/{p-ad49a0c1.entry.js → p-dabed551.entry.js} +1 -1
  309. package/dist/dso-toolkit/{p-3e5a439d.entry.js → p-e03ff53f.entry.js} +1 -1
  310. package/dist/dso-toolkit/{p-e8c7977e.entry.js → p-e08e43be.entry.js} +1 -1
  311. package/dist/dso-toolkit/{p-6956ca7f.entry.js → p-e1f30dbb.entry.js} +1 -1
  312. package/dist/dso-toolkit/{p-22c3f8cc.entry.js → p-e311d101.entry.js} +1 -1
  313. package/dist/dso-toolkit/{p-24d2f855.entry.js → p-ea1f5082.entry.js} +1 -1
  314. package/dist/dso-toolkit/{p-e6085bc0.entry.js → p-f066244e.entry.js} +1 -1
  315. package/dist/dso-toolkit/{p-3ea66e8f.entry.js → p-fc8f252a.entry.js} +1 -1
  316. package/dist/esm/dso-action-list-item.entry.js +1 -1
  317. package/dist/esm/dso-action-list.entry.js +1 -1
  318. package/dist/esm/dso-alert_7.entry.js +4 -4
  319. package/dist/esm/dso-annotation-locatie_2.entry.js +4 -4
  320. package/dist/esm/dso-attachments-counter_2.entry.js +2 -2
  321. package/dist/esm/dso-autosuggest.entry.js +7 -3
  322. package/dist/esm/dso-banner.entry.js +9 -3
  323. package/dist/esm/dso-button-group.entry.js +1 -1
  324. package/dist/esm/dso-card-container.entry.js +1 -1
  325. package/dist/esm/dso-card.entry.js +2 -2
  326. package/dist/esm/dso-contact-information.entry.js +1 -1
  327. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  328. package/dist/esm/dso-date-picker.entry.js +1 -1
  329. package/dist/esm/dso-document-card.entry.js +1 -1
  330. package/dist/esm/dso-dropdown-menu.entry.js +1 -1
  331. package/dist/esm/dso-header.entry.js +1 -1
  332. package/dist/esm/dso-highlight-box.entry.js +1 -1
  333. package/dist/esm/dso-history-item.entry.js +1 -1
  334. package/dist/esm/dso-icon_2.entry.js +3 -3
  335. package/dist/esm/dso-info_3.entry.js +36 -15
  336. package/dist/esm/dso-input-range.entry.js +2 -2
  337. package/dist/esm/dso-label_3.entry.js +3 -3
  338. package/dist/esm/dso-legend-group.entry.js +1 -1
  339. package/dist/esm/dso-legend-item.entry.js +1 -1
  340. package/dist/esm/dso-legend.entry.js +2 -2
  341. package/dist/esm/dso-list-button.entry.js +1 -1
  342. package/dist/esm/dso-logo.entry.js +1 -1
  343. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  344. package/dist/esm/dso-map-controls.entry.js +5 -5
  345. package/dist/esm/dso-map-layer-object.entry.js +1 -1
  346. package/dist/esm/dso-map-layer.entry.js +1 -1
  347. package/dist/esm/dso-map-message.entry.js +2 -2
  348. package/dist/esm/dso-map-overlays.entry.js +1 -1
  349. package/dist/esm/dso-mark-bar.entry.js +1 -1
  350. package/dist/esm/dso-modal.entry.js +1 -1
  351. package/dist/esm/dso-onboarding-tip.entry.js +1 -1
  352. package/dist/esm/dso-plekinfo-card.entry.js +1 -1
  353. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  354. package/dist/esm/dso-project-item.entry.js +1 -1
  355. package/dist/esm/dso-responsive-element.entry.js +1 -1
  356. package/dist/esm/dso-scrollable.entry.js +2 -2
  357. package/dist/esm/dso-segmented-button.entry.js +1 -1
  358. package/dist/esm/dso-skiplink.entry.js +1 -1
  359. package/dist/esm/dso-survey-rating.entry.js +2 -2
  360. package/dist/esm/dso-tabs.entry.js +1 -1
  361. package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
  362. package/dist/esm/dso-toolkit.js +1 -1
  363. package/dist/esm/dso-tooltip.entry.js +1 -1
  364. package/dist/esm/dso-tree-view.entry.js +1 -1
  365. package/dist/esm/dso-viewer-grid.entry.js +13 -4
  366. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  367. package/dist/esm/loader.js +1 -1
  368. package/dist/types/components/autosuggest/autosuggest.d.ts +1 -0
  369. package/dist/types/components/banner/banner.d.ts +1 -0
  370. package/dist/types/components/info-button/info-button.d.ts +12 -3
  371. package/dist/types/components/viewer-grid/components/main-panel.d.ts +2 -1
  372. package/dist/types/components/viewer-grid/viewer-grid.d.ts +6 -0
  373. package/dist/types/components.d.ts +11 -0
  374. package/package.json +3 -3
  375. package/dist/bundle/p-CZ4y0u8f.js +0 -124
  376. package/dist/dso-toolkit/p-414cdaee.entry.js +0 -1
  377. package/dist/dso-toolkit/p-4c9cefa6.entry.js +0 -1
  378. package/dist/dso-toolkit/p-61a5baf7.entry.js +0 -1
  379. package/dist/dso-toolkit/p-c8d1b667.entry.js +0 -1
  380. package/dist/dso-toolkit/p-d799baab.entry.js +0 -1
  381. package/dist/dso-toolkit/p-f913f551.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import { I as ImageOverlay, d as defineCustomElement$1 } from './p-DQjbC88c.js';
1
+ import { I as ImageOverlay, d as defineCustomElement$1 } from './p-CKnJRPZn.js';
2
2
 
3
3
  const DsoImageOverlay = ImageOverlay;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { I as InfoButton, d as defineCustomElement$1 } from './p-CSIJlEGw.js';
1
+ import { I as InfoButton, d as defineCustomElement$1 } from './p-Bh_AjQ7z.js';
2
2
 
3
3
  const DsoInfoButton = InfoButton;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { I as Info, d as defineCustomElement$1 } from './p-DYD-46VI.js';
1
+ import { I as Info, d as defineCustomElement$1 } from './p-CFPWVcsY.js';
2
2
 
3
3
  const DsoInfo = Info;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -19,13 +19,13 @@ const InputRange = /*@__PURE__*/ proxyCustomElement(class InputRange extends H {
19
19
  const min = this.min || 0;
20
20
  const max = this.max || 100;
21
21
  const step = this.step || 1;
22
- return (h(Fragment, null, this.description && (h("span", { key: 'e6d9d790d42f441d15b461010d3773ac94851482', id: "description", hidden: true }, this.description)), h("span", { key: 'c5bd62d65306dc41df200366cff5d38a3f9fd46a', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '8c6134aa6334b9cc475f08cf62f60357d11d78ee', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
22
+ return (h(Fragment, null, this.description && (h("span", { key: '817a31fe6d65fcdcf80ba2ab8c6782a6caaa5e6a', id: "description", hidden: true }, this.description)), h("span", { key: '26e3a9848dc7d5b017f0347f46ed6a401b52a85d', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: '901fd461f8022de4f07e76f9d26c939e69f91d49', type: "range", min: min, max: max, step: step, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
23
23
  originalEvent: event,
24
24
  value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
25
25
  max,
26
26
  min,
27
27
  step,
28
- }) }), h("span", { key: 'ed7323ee13025476fadba72522d829531c32263f', class: "counter", "aria-hidden": "true" }, max, this.unit)));
28
+ }) }), h("span", { key: 'aaf24f2564c9a896e2d192efaacda91132056729', class: "counter", "aria-hidden": "true" }, max, this.unit)));
29
29
  }
30
30
  get host() { return this; }
31
31
  static get style() { return inputRangeCss(); }
@@ -1,4 +1,4 @@
1
- import { L as Label, d as defineCustomElement$1 } from './p-kacTtdx5.js';
1
+ import { L as Label, d as defineCustomElement$1 } from './p-6-0kKG2F.js';
2
2
 
3
3
  const DsoLabel = Label;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { i as i18n } from './p-DwBHVuoZ.js';
3
- import { d as defineCustomElement$3 } from './p-Clsgdvn9.js';
4
- import { d as defineCustomElement$2 } from './p-CZ4y0u8f.js';
3
+ import { d as defineCustomElement$3 } from './p-D1ciWwSo.js';
4
+ import { d as defineCustomElement$2 } from './p-zYhsKlIm.js';
5
5
 
6
6
  const translations = {
7
7
  en: {
@@ -61,7 +61,7 @@ const LegendGroup = /*@__PURE__*/ proxyCustomElement(class LegendGroup extends H
61
61
  delete this.mutationObserver;
62
62
  }
63
63
  render() {
64
- return (h(Host, { key: '6c85749b5dee4dabde77608a104cbed8bb48bc1e' }, h("div", { key: 'c53c431f3f3661ce8c5721bafb7352af9d5d453c', class: "legend-group-header" }, h("slot", { key: 'e4d91d85ec069aedec6999d7d152f1daa38fc14a', name: "heading" }), this.mode && (h("dso-icon-button", { key: 'dbad287aeb544c75d7a7b9e1b738d0b0944eabee', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: 'cf23c63346469b4e1dc203fd567e30def1cccb6e', name: "options" }), h("slot", { key: 'bab7f405d573773ed394e76020ec13cc16508bea' })));
64
+ return (h(Host, { key: '23e81a9f5313e6e720793fd355e16280cc72b44e' }, h("div", { key: '6dabd746bd5f6c6ef03920d78165ba4c7c589974', class: "legend-group-header" }, h("slot", { key: '9abf4a7d64c8b8a900f0247bd9b7f82a3e198908', name: "heading" }), this.mode && (h("dso-icon-button", { key: '1ed8e7db427b78de927ba276aea586b200c07647', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && h("slot", { key: 'ef76fb21909e746af4eb97614e4a4528e4b677ac', name: "options" }), h("slot", { key: 'bb61c854a2f3e146d07596c42b6e9511b6c7da28' })));
65
65
  }
66
66
  get host() { return this; }
67
67
  static get watchers() { return {
@@ -1,11 +1,11 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { i as i18n } from './p-DwBHVuoZ.js';
4
- import { d as defineCustomElement$6 } from './p-Clsgdvn9.js';
5
- import { d as defineCustomElement$5 } from './p-CZ4y0u8f.js';
6
- import { d as defineCustomElement$4 } from './p-CSIJlEGw.js';
7
- import { d as defineCustomElement$3 } from './p-DI8rxU8b.js';
8
- import { d as defineCustomElement$2 } from './p-Db33kA_6.js';
4
+ import { d as defineCustomElement$6 } from './p-D1ciWwSo.js';
5
+ import { d as defineCustomElement$5 } from './p-zYhsKlIm.js';
6
+ import { d as defineCustomElement$4 } from './p-Bh_AjQ7z.js';
7
+ import { d as defineCustomElement$3 } from './p-CcFEBE0l.js';
8
+ import { d as defineCustomElement$2 } from './p-DYFOhFhk.js';
9
9
 
10
10
  const translations = {
11
11
  en: {
@@ -89,7 +89,7 @@ const LegendItem = /*@__PURE__*/ proxyCustomElement(class LegendItem extends H {
89
89
  const accessibleLabel = label?.textContent
90
90
  ? this.text("makeActive", { label: label.textContent.toLowerCase() })
91
91
  : this.text("makeActiveDefault");
92
- return (h(Host, { key: '7128f9fed0f217bb833c2095c1d46d66676da677', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '1df9fba67c70bb4ee9c0937ce669a158ab48c4c1', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '81a8ed8f62f582d827d29f8506045216567c83bd' }, h("slot", { key: '68a3897a0721c6076e1651eb719850ee856313ce', name: "symbol" }))), h("div", { key: '483135a73396ce9c70e554f6a087a1b4649773d2' }, h("slot", { key: 'f66081ea00ba602a4ecbc17006def6fd5bf62ab8', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'c3eaf2c122ee6f7472ac9045e349842165e366b4', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: 'c043244f10302249c194c3021ea70060354a37fb', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '5246deaa8b3de943274e12acbd4c73168081e122', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'a9dfebaa706e3752396fcbd42dc1d4b48d04b1ca', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '3c68f73f1e17ff46b004361301b1f3b674fec4c3', name: "options" })))));
92
+ return (h(Host, { key: '06555aea03a3f68f81bcdae689f819057a5cab31', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '4b9a671ca33f26bc7e0f0da6fa87b2b53f8c6863', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '5fb2c1ddc915f67408ed756155bc9b3a3c9f3291' }, h("slot", { key: '612953f0f771a1b1515861f51de5fc0dc29a640c', name: "symbol" }))), h("div", { key: 'f71d2fc0108ba41bf01d9edc5705d94f1b51217a' }, h("slot", { key: 'c33af92708989078932c3b08015f15a79985c411', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: '79cfb323e182a3ac343ae93efd6c1523e5048c0d', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '7b6883d6671682e42c400e30519109e389c5d681', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '2b0bb453545e26e6d8f50006809335ff7a7aa129', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'f78bee16dd7ef6d933efa11beef7b8ec0c9e9e8d', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '13f453ecdfe586ea3cd1884736da6e1941feb1b7', name: "options" })))));
93
93
  }
94
94
  get host() { return this; }
95
95
  static get style() { return legendItemCss(); }
@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transf
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { i as i18n } from './p-DwBHVuoZ.js';
4
4
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
5
- import { d as defineCustomElement$4 } from './p-Clsgdvn9.js';
6
- import { d as defineCustomElement$3 } from './p-CZ4y0u8f.js';
7
- import { d as defineCustomElement$2 } from './p-DI8rxU8b.js';
5
+ import { d as defineCustomElement$4 } from './p-D1ciWwSo.js';
6
+ import { d as defineCustomElement$3 } from './p-zYhsKlIm.js';
7
+ import { d as defineCustomElement$2 } from './p-CcFEBE0l.js';
8
8
 
9
9
  const translations = {
10
10
  en: {
@@ -19,7 +19,7 @@ const translations = {
19
19
  },
20
20
  };
21
21
 
22
- const legendCss = () => `*,*::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;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;--_dt-scrollable-container-border-end-start-radius:4px;--_dt-scrollable-container-border-end-end-radius:4px;--_dt-scrollable-container-padding-inline:16px;max-block-size:52vh;border-end-start-radius:4px;border-end-end-radius:4px}`;
22
+ const legendCss = () => `*,*::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;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;--_dt-scrollable-container-border-end-start-radius:4px;--_dt-scrollable-container-border-end-end-radius:4px;--_dt-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}`;
23
23
 
24
24
  const Legend = /*@__PURE__*/ proxyCustomElement(class Legend extends H {
25
25
  constructor(registerHost) {
@@ -88,7 +88,7 @@ const Legend = /*@__PURE__*/ proxyCustomElement(class Legend extends H {
88
88
  this.moveFocusToTab(next);
89
89
  }
90
90
  render() {
91
- return (h(Host, { key: '3e4e038a5db2854272093ab48481e4fee9356172' }, h("div", { key: '86af0f8444713cca10984138809a90cbb7c28091', class: "topbar" }, h("div", { key: '9f19d3782fdb3187ab26798e2a952b29116e47de', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '897696535cf5889d09f1434f27e5b0ba729d2f9d', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: 'a91e467a28d35a3068e176dd5587a4fa4331ca40', class: "content" }, h("div", { key: '504824dbe3da26f0aea426ccaf0a5c260ffc95ad', role: "tabpanel", tabIndex: 0 }, h("slot", { key: 'facc43e2bd2dce215ed24bda396199a7b0e71b75' })))));
91
+ return (h(Host, { key: '886c2fe72507f069348afe8d00445f8815e8d3e5' }, h("div", { key: '76ff4ccadc5d273d2be123683291af188c437bc0', class: "topbar" }, h("div", { key: '91ee04d189b272073b0a22f097b6a73a532a4eaa', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '74694b225b97bebfb969c4418f9d3a666d1a9736', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '455f964cef167450eff8e1f393bf5d8dd69cd2f9', class: "content" }, h("div", { key: 'dce12f6b9c634473f57ae2afb708a6213e1a6e26', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '79500096664a2fa8144c2903db527aec9aca19a8' })))));
92
92
  }
93
93
  get host() { return this; }
94
94
  static get style() { return legendCss(); }
@@ -1,11 +1,11 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
- import { d as defineCustomElement$7 } from './p-Clsgdvn9.js';
4
- import { d as defineCustomElement$6 } from './p-CZ4y0u8f.js';
5
- import { d as defineCustomElement$5 } from './p-DYD-46VI.js';
6
- import { d as defineCustomElement$4 } from './p-CSIJlEGw.js';
7
- import { d as defineCustomElement$3 } from './p-DI8rxU8b.js';
8
- import { d as defineCustomElement$2 } from './p-DdpyZaP7.js';
3
+ import { d as defineCustomElement$7 } from './p-D1ciWwSo.js';
4
+ import { d as defineCustomElement$6 } from './p-zYhsKlIm.js';
5
+ import { d as defineCustomElement$5 } from './p-CFPWVcsY.js';
6
+ import { d as defineCustomElement$4 } from './p-Bh_AjQ7z.js';
7
+ import { d as defineCustomElement$3 } from './p-CcFEBE0l.js';
8
+ import { d as defineCustomElement$2 } from './p-0h9cOnX9.js';
9
9
 
10
10
  const listButtonCss = () => `*, *::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(--_dt-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(--_dt-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(--_dt-button-float-tertiary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; inline-size: var(--_dt-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); float: var(--_dt-button-float-tertiary, none); } .dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); float: var(--_dt-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); float: var(--_dt-button-float-tertiary, none); } .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(--_dt-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 { 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: 8px; } .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] { margin-inline-start: 0; } .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: 14px; } .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(--_dt-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; } }`;
11
11
 
@@ -81,7 +81,7 @@ const ListButton = /*@__PURE__*/ proxyCustomElement(class ListButton extends H {
81
81
  }
82
82
  render() {
83
83
  const selected = this.checked || (this.count !== undefined && this.count > 0);
84
- return (h("div", { key: 'b40ad36bcae88fd3a24af536577c54f719dd726c', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '40dcae84cc39892cc622d5ff6cd11eab081bcc1d', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'cffca295491fb902d476d78184ae81ee76e16180', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '4ec09a173e8392e526acbead245fbcb7603885ff' }, this.label, this.sublabel && h("span", { key: '2aae89b6b5f4ae0cb3a36bb0a200bf7f90832bb8', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'f6eb83bbfa910e0efb83444308718e0d9d69b130', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '2668759703c2673b759e56270a0fdd4ae33b7af6', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '73e322f19f7c95b10c8436c346b4cdabff331941', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'dabdc528ecceb84b133f8f2e7ad49d92ebe50957', class: "subcontent" }, h("slot", { key: 'db2307e499b084f766c6e59530654895856f7087', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '67af4d0d0e30c0683501ab7dead8e6e6445dac8d', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: 'e7c26bd345a1fb6ec1202d317f07c42ebc1c1e4c' }, h("dso-icon-button", { key: 'c3143d4ee0586a589be2110ac6d41989e77f10e6', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '6258f043e6715023fb95efd5812c153bfcf60810', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: 'b308ddab2232669159dd46cea1a5b157c92c399b', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
84
+ return (h("div", { key: '43132ce16bdecfda712bf03502dc33f34be45736', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '6fbf520088efd44171b4f055c725fc62ad7e8bdb', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '3c394548a0bedcb4a12ebc9893456d0d7340f19b', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '730117cc84bf76b2471cf8de663a33523330f1fc' }, this.label, this.sublabel && h("span", { key: 'ccf2e934cef8093380da6d4bdf049dac3c3e2426', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '2d0a1ca7d9addd11bf37a78531a3fba7d7add182', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'eb3ae0f445ba0a4387c81494da0626102787da54', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: 'b3f22985913b690a761bf9d8b7f07f11a51f1bc0', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '5e2aedcd7739c8cdc17caf79657a5048cf9ea782', class: "subcontent" }, h("slot", { key: '4d27c23f316748f7d89084d6c200d58e4c2ec65c', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '9824062e1b5a1262d6da06c32d8a841a64653d89', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '02af72cf5462ca8034a4636647ec8bfad486e0c8' }, h("dso-icon-button", { key: 'ffe074c227b82e9ea43b1bbfef5bf4df83ce6797', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '8fbe1d1d7c5c107d44ee32a803cbb198e6477a0b', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: '1ca23849e768bc83a07eb498388b99488e3cf6c2', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
85
85
  }
86
86
  get host() { return this; }
87
87
  static get style() { return listButtonCss(); }
@@ -33,7 +33,7 @@ const Logo = /*@__PURE__*/ proxyCustomElement(class Logo extends H {
33
33
  }
34
34
  render() {
35
35
  return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo$1, { name: this.name }))) : (h(DsoLogo$1, { name: this.name })), this.label &&
36
- (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'b920fbaf2bd4a7b11ab4c63020f1675b514223be', class: "logo-ribbon" }, this.ribbon)));
36
+ (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'a9b9c386a23d1df28bcc5d0b9f34f355ae31d261', class: "logo-ribbon" }, this.ribbon)));
37
37
  }
38
38
  static get style() { return logoCss(); }
39
39
  }, [1, "dso-logo", {
@@ -1,11 +1,11 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { i as i18n } from './p-DwBHVuoZ.js';
3
- import { d as defineCustomElement$7 } from './p-Clsgdvn9.js';
4
- import { d as defineCustomElement$6 } from './p-CZ4y0u8f.js';
5
- import { d as defineCustomElement$5 } from './p-DYD-46VI.js';
6
- import { d as defineCustomElement$4 } from './p-CSIJlEGw.js';
7
- import { d as defineCustomElement$3 } from './p-DI8rxU8b.js';
8
- import { d as defineCustomElement$2 } from './p-DdpyZaP7.js';
3
+ import { d as defineCustomElement$7 } from './p-D1ciWwSo.js';
4
+ import { d as defineCustomElement$6 } from './p-zYhsKlIm.js';
5
+ import { d as defineCustomElement$5 } from './p-CFPWVcsY.js';
6
+ import { d as defineCustomElement$4 } from './p-Bh_AjQ7z.js';
7
+ import { d as defineCustomElement$3 } from './p-CcFEBE0l.js';
8
+ import { d as defineCustomElement$2 } from './p-0h9cOnX9.js';
9
9
  import { v as v4 } from './p-CK3_k8jD.js';
10
10
 
11
11
  const translations = {
@@ -53,7 +53,7 @@ const MapBaseLayers = /*@__PURE__*/ proxyCustomElement(class MapBaseLayers exten
53
53
  for (const ref in this.selectableRefs) {
54
54
  delete this.selectableRefs[ref];
55
55
  }
56
- return (h("fieldset", { key: '6a8793ee9ec686ffacf7925c46a3e890b3d43d00', class: "form-group dso-radios" }, h("legend", { key: 'bd71c0cf69155d07feac2d08293a7df74f4060af', class: "sr-only" }, "Achtergrond"), h("div", { key: 'c1029e36e0da4ef8b8cc991e6d93ce5921ca48a3', class: "dso-label-container" }, h("span", { key: '852f466aab28ed062c3b44bf9085e7a1e9e61333', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'a8ca16ac5869b90017dbb524c342f4b7d5f73a77', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
56
+ return (h("fieldset", { key: '3aa5321028e39927f51868b8df0288c723c6e81f', class: "form-group dso-radios" }, h("legend", { key: '9dee1ff46863dfc8fd94cd73777201d3bf17cca2', class: "sr-only" }, "Achtergrond"), h("div", { key: 'da4dda9ea7b656d44d3468fe78d0346b5d3d9179', class: "dso-label-container" }, h("span", { key: 'cc513f63127c63878aa0429c0f84cd858f01ea6c', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '4561bb74c2f00ddc62de4d8764fa18d1f74d9dd7', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
57
57
  }
58
58
  get host() { return this; }
59
59
  static get style() { return mapBaseLayersCss(); }
@@ -1,9 +1,9 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { i as i18n } from './p-DwBHVuoZ.js';
3
- import { d as defineCustomElement$5 } from './p-DUg2fsNj.js';
4
- import { d as defineCustomElement$4 } from './p-Clsgdvn9.js';
5
- import { d as defineCustomElement$3 } from './p-CZ4y0u8f.js';
6
- import { d as defineCustomElement$2 } from './p-DI8rxU8b.js';
3
+ import { d as defineCustomElement$5 } from './p-C7VfGukK.js';
4
+ import { d as defineCustomElement$4 } from './p-D1ciWwSo.js';
5
+ import { d as defineCustomElement$3 } from './p-zYhsKlIm.js';
6
+ import { d as defineCustomElement$2 } from './p-CcFEBE0l.js';
7
7
 
8
8
  const translations = {
9
9
  en: {
@@ -44,7 +44,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
44
44
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
45
45
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
46
46
  };
47
- var _MapControls_closeButtonElement, _MapControls_toggleButtonElement, _MapControls_toggleIconButtonElement;
47
+ var _MapControls_toggleButtonElement, _MapControls_toggleIconButtonElement, _MapControls_mapLayersPanelId, _MapControls_mapLayersTitleId;
48
48
  // Sync with $transition-duration in ./map-controls.scss and map-controls.cy.ts
49
49
  const transitionDuration = 300;
50
50
  const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H {
@@ -63,14 +63,14 @@ const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H
63
63
  this.open = false;
64
64
  this.hideContent = !this.open;
65
65
  this.text = i18n(() => this.host, translations);
66
- _MapControls_closeButtonElement.set(this, void 0);
67
66
  _MapControls_toggleButtonElement.set(this, void 0);
68
67
  _MapControls_toggleIconButtonElement.set(this, void 0);
68
+ _MapControls_mapLayersPanelId.set(this, "map-layers-panel");
69
+ _MapControls_mapLayersTitleId.set(this, "map-layers-title");
69
70
  }
70
71
  watchOpen(open) {
71
72
  if (open) {
72
73
  this.hideContent = false;
73
- setTimeout(() => __classPrivateFieldGet(this, _MapControls_closeButtonElement, "f")?.focus(), transitionDuration);
74
74
  }
75
75
  else {
76
76
  setTimeout(() => {
@@ -98,7 +98,7 @@ const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H
98
98
  });
99
99
  }
100
100
  render() {
101
- return (h(Fragment, { key: '411b9b7b5d2e6f41230fd8a3f731899a335c9e9f' }, h("dso-icon-button", { key: 'f3b9115f95630c8992a8f34fbbe65ae4cc1b201f', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: 'cf2abe1623ed0323fe27566703a22abe8aac5b7c', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '1617d4064c446c9e9d9b0a437b22b69a358d8a8d', icon: "layers" }), h("span", { key: 'b3c28ae6b7a5cf63bc094df593fad526125e16e0' }, this.text("layersButton"))), h("dso-button-group", { key: '634b00997c867d6bd25142c460ef433193b34807', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'f2cf801742a48e7bb8bdbed05c934081e8a7a512', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: 'd3c140cc554cd5943812ab318d53230bf96a4775', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: 'e91b093e161b8ef2d060bf93982526d4c803eefc', hidden: this.hideContent }, h("header", { key: 'bcd1b3bf72dfd87f4d05b16926c1119523397b74' }, h("h2", { key: '8e32a0a23e780e341f5bcf449273e6be7531f798' }, this.text("title")), h("dso-icon-button", { key: 'f0eba0ad8332136f29684a8f5d382b885441a899', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: 'cb103d3c9d987bf9f16cdc62ff3924e202b6a47f' }, h("div", { key: 'f8d1e9a6c98913df5b352bec957b7ff910635b12', class: "content" }, h("slot", { key: '5ca27d90e9346104307f981647db01353444c24b' }))))));
101
+ return (h(Fragment, { key: 'ce8065c103cc0ba2893c6ab1afe77a256363d4bd' }, h("dso-icon-button", { key: 'e82b5f9de41a5097a2427f34d56488b90fb5beec', label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '703dddf29652de5f1bc1fe8d7cf3446ed780858c', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open, onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'f24de55637a0630f7471c623f8314114984273eb', icon: "layers" }), h("span", { key: '50042030f5645a47b7a36016f467cfb74429b8df' }, this.text("layersButton"))), h("dso-button-group", { key: 'a07df9edc5fc0194b3bba07d35611a1d95b6ad2d', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '5c7e54a78771bab145ccb16cf63e4b03b1a1ad1d', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '783f08c968346c1aab2a16879b9a5ec74a25dcd0', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: 'a90b02f76a7bd13de09c18e26e23192810c8689c', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, h("header", { key: '2beae426fa9b56661f5e92843dc7af17c6cf6250' }, h("h2", { key: '2809c1abd68b33b2a901435d1f787c0772698178', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), h("dso-icon-button", { key: '5f8a9aa11a4fd3ec996f08773999b620964e637d', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent) })), h("dso-scrollable", { key: 'a65b378955db1242a326cf9f0c819547a31a034b' }, h("div", { key: '6baa8c04b6fc90003f249ac70f9a2743d011aad9', class: "content" }, h("slot", { key: '59eaf6868b5135101253256e0671514d10f46cd6' }))))));
102
102
  }
103
103
  get host() { return this; }
104
104
  static get watchers() { return {
@@ -117,7 +117,7 @@ const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H
117
117
  "watchOpen": 0
118
118
  }]
119
119
  }]);
120
- _MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap();
120
+ _MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap(), _MapControls_mapLayersPanelId = new WeakMap(), _MapControls_mapLayersTitleId = new WeakMap();
121
121
  function defineCustomElement$1() {
122
122
  if (typeof customElements === "undefined") {
123
123
  return;
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { W as WrapWijzigactie } from './p-DaRtnn5i.js';
3
- import { d as defineCustomElement$2 } from './p-Db33kA_6.js';
3
+ import { d as defineCustomElement$2 } from './p-DYFOhFhk.js';
4
4
 
5
5
  const mapLayerObjectCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host ins,:host del{display:contents;text-decoration:none}:host(:not(:last-child)){margin-block-end:8px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dt-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dt-ozon-content-toggletip-color:#000}.map-layer-object{display:flex;align-items:flex-start;padding:2px;min-block-size:28px}.map-layer-object ::slotted([slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:24px;margin-block-start:0;margin-inline-end:8px;inline-size:27.6923076923px;overflow:hidden;position:relative}.map-layer-object-heading{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:4px;min-inline-size:0}.map-layer-object .slide-toggle-container{display:flex;align-items:center}.map-layer-object .slide-toggle-container dso-slide-toggle{display:flex;padding-block:0}`;
6
6
 
@@ -23,7 +23,7 @@ const MapLayerObject = /*@__PURE__*/ proxyCustomElement(class MapLayerObject ext
23
23
  };
24
24
  }
25
25
  render() {
26
- return (h(Host, { key: 'd3ae97e4927468933df545d3a96ba6e718e1e1ad', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: 'cd07ad344870b3094da446c7e4c0edd427e3d6ce', wijzigactie: this.wijzigactie }, h("div", { key: '3072d3e742d38c6595cea979d9a1ddaa1d6d3e88', class: "map-layer-object" }, h("div", { key: 'c13e0ce235ecbb060ed54ce5341204abf0138e3d' }, h("slot", { key: 'df2c3fcbe76e66fb7f6b14c98f10081459a78578', name: "symbol" })), h("div", { key: '8c0bbd546f0e32de4027df6a5d952ddc7d4ce824', class: "map-layer-object-heading" }, h("slot", { key: 'e03b7b7d7d2d8ff5f5c0119927ec4b86caaa30b9' }), h("slot", { key: '18b2530ff6b7cb64444ca411543c931fa19e0ed9', name: "label" })), h("div", { key: 'f072928ac1d7c21ceec10862770162d68a0ed99c', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '2fa80350abcf2c8e843df84a009b82dd8cd28d34', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
26
+ return (h(Host, { key: '1a642be25ee5541acf40ab3bc27277dccd5f512c', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: '11cfb26baddbbe6a9b79c5fc5036102ab1849d0a', wijzigactie: this.wijzigactie }, h("div", { key: '0a24909155dd4a79aea34e6495bde7e252daafbb', class: "map-layer-object" }, h("div", { key: '7e021d9671e5882550b7fe3c0d71e84f61fafcc6' }, h("slot", { key: 'f0820bbae94e113098d15c67c7a94a8f17feacd4', name: "symbol" })), h("div", { key: '0f3b7c92a402d00a815ed08f53d711ad1a1d7b7f', class: "map-layer-object-heading" }, h("slot", { key: 'ed30748c607132007b4e0051c78f72d501447894' }), h("slot", { key: 'e1f0aeae1e74f20c8b4731e9a7d875ad617aa188', name: "label" })), h("div", { key: '577dce8678ec8d960a2881cb14def62be67060fe', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'acce1e97495382f9162083bb2fada6c99d897bca', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
27
27
  }
28
28
  static get style() { return mapLayerObjectCss(); }
29
29
  }, [257, "dso-map-layer-object", {
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { W as WrapWijzigactie } from './p-DaRtnn5i.js';
3
- import { d as defineCustomElement$2 } from './p-Db33kA_6.js';
3
+ import { d as defineCustomElement$2 } from './p-DYFOhFhk.js';
4
4
 
5
5
  const mapLayerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding:6px}:host ins,:host del{display:contents;text-decoration:none}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dt-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dt-ozon-content-toggletip-color:#000}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-heading{display:flex;flex-wrap:wrap;align-items:center;margin-block-end:8px}.map-layer-heading ::slotted([slot=name]){font-weight:600;line-height:1.375em;margin-inline-end:4px}.map-layer .slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
6
6
 
@@ -26,7 +26,7 @@ const MapLayer = /*@__PURE__*/ proxyCustomElement(class MapLayer extends H {
26
26
  };
27
27
  }
28
28
  render() {
29
- return (h(WrapWijzigactie, { key: 'da8857b71f2e5546c35a9449393a6696d7fe888e', wijzigactie: this.wijzigactie }, h("div", { key: '5a65e6afedfa0b591a6bbb57d41831ddf4a7188b', class: "map-layer" }, h("div", { key: '6f552eab820bab4848a80e86c879b6fbf34e06ef', class: "map-layer-heading" }, h("slot", { key: '7b4480d6d6876e6b7e0ee6d712333307b1a37aa7', name: "name" }), h("slot", { key: '7ce6dfc406b9e0a3bcbefccdc6b94cda1e8bb300', name: "label" })), this.activatable && (h("div", { key: 'd800d425deb67f31d12f461310a1fe8e8fc57025', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'a854995e89971a6e8c6201afe98d0973d1093ef2', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'edcc28c7ee97bb62db8a2b869c044fc00fd94703' })));
29
+ return (h(WrapWijzigactie, { key: '430200f8ba05cd91087b9f08c352035a1104af9a', wijzigactie: this.wijzigactie }, h("div", { key: 'b6a47ce341423c7e913c88ddf632396267009f60', class: "map-layer" }, h("div", { key: 'aa41bc1c07f55d756e8203313722ee7554f657ab', class: "map-layer-heading" }, h("slot", { key: '94bd01b181974d47563bffdf98de23c2ba29b417', name: "name" }), h("slot", { key: '22936b4a70c2332db9209c500ba57e934b79378b', name: "label" })), this.activatable && (h("div", { key: '7c0fadf3b83d10e14b3c8256af2e3a4c7a733f71', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '5482011e4ecb74213c5224a767ee40f3e1e0fe5d', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '6d2532733890aeeabbb73e45d9136129c3ab813b' })));
30
30
  }
31
31
  static get style() { return mapLayerCss(); }
32
32
  }, [257, "dso-map-layer", {
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h, t as transformTag } from './p-BIShp3sw.js';
2
- import { d as defineCustomElement$2 } from './p-Clsgdvn9.js';
2
+ import { d as defineCustomElement$2 } from './p-D1ciWwSo.js';
3
3
 
4
4
  const mapMessageCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.map-message-content a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.map-message-content a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.map-message-content a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.map-message-content a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.map-message-content{--_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-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.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}`;
5
5
 
@@ -25,11 +25,11 @@ const MapMessage = /*@__PURE__*/ proxyCustomElement(class MapMessage extends H {
25
25
  render() {
26
26
  const iconName = this.variant ? iconMap[this.variant] : undefined;
27
27
  const role = this.variant === "error" ? "alert" : "status";
28
- return (h("div", { key: '4cb55bf66c8b792e49a4464005b513871823e255', class: {
28
+ return (h("div", { key: '06df4be84d9aaca78b4aa1e4be4f9799e3b40c8f', class: {
29
29
  "map-message-content": true,
30
30
  "has-icon": iconName !== undefined,
31
31
  "has-actions": this.hasActions,
32
- }, role: role, "aria-atomic": "true" }, h("div", { key: 'bef35edb27a8006736f6c86be8e5f4182e8d5c15', class: "map-message-body" }, iconName && h("dso-icon", { key: '392f466099016711116080a7f17a2cdbfa252f12', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '20ad46a9b1ffaf10ebe3eabb029d43f7d6d9f9f4', class: "map-message-text" }, h("slot", { key: '2639f290f94618fb0af88e46488f3fdac1328775', name: "message" }))), h("slot", { key: '6b65e022ba2bf0d536654fe2cd8030c8143186e7', name: "actions", onSlotchange: this.handleActionsSlotChange })));
32
+ }, role: role, "aria-atomic": "true" }, h("div", { key: '60c949cb3aefaa93fd6b7629bf01acc95703b742', class: "map-message-body" }, iconName && h("dso-icon", { key: '356030cdc790a3da2bf136283cb486e2b441c2c8', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '06574a33d490215fe8a941e482bf1763e8206cf0', class: "map-message-text" }, h("slot", { key: '12ae7620541c04ad34589023ed0a0a1d5f9413ec', name: "message" }))), h("slot", { key: 'a56cdf4323af5c61fe72b93b6860f99d3b187ea9', name: "actions", onSlotchange: this.handleActionsSlotChange })));
33
33
  }
34
34
  static get style() { return mapMessageCss(); }
35
35
  }, [257, "dso-map-message", {
@@ -1,11 +1,11 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { i as i18n } from './p-DwBHVuoZ.js';
3
- import { d as defineCustomElement$7 } from './p-Clsgdvn9.js';
4
- import { d as defineCustomElement$6 } from './p-CZ4y0u8f.js';
5
- import { d as defineCustomElement$5 } from './p-DYD-46VI.js';
6
- import { d as defineCustomElement$4 } from './p-CSIJlEGw.js';
7
- import { d as defineCustomElement$3 } from './p-DI8rxU8b.js';
8
- import { d as defineCustomElement$2 } from './p-DdpyZaP7.js';
3
+ import { d as defineCustomElement$7 } from './p-D1ciWwSo.js';
4
+ import { d as defineCustomElement$6 } from './p-zYhsKlIm.js';
5
+ import { d as defineCustomElement$5 } from './p-CFPWVcsY.js';
6
+ import { d as defineCustomElement$4 } from './p-Bh_AjQ7z.js';
7
+ import { d as defineCustomElement$3 } from './p-CcFEBE0l.js';
8
+ import { d as defineCustomElement$2 } from './p-0h9cOnX9.js';
9
9
  import { v as v4 } from './p-CK3_k8jD.js';
10
10
 
11
11
  const translations = {
@@ -54,7 +54,7 @@ const MapOverlays = /*@__PURE__*/ proxyCustomElement(class MapOverlays extends H
54
54
  for (const ref in this.selectableRefs) {
55
55
  delete this.selectableRefs[ref];
56
56
  }
57
- return (h("fieldset", { key: '930f973dafb8b329b93ead220ee828cc91a0235a', class: "form-group dso-checkboxes" }, h("legend", { key: 'f3dbb07e4e45417db260fc490e8012cc2ee5444d', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'e12f2026648cbd6341b0954c1754a3563ac63126', class: "dso-label-container" }, h("span", { key: '3cf899c2f82901d691eed720b538e60f305c6d15', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '1a951fbb61b586aa6314ea62e3ed25d8b84809ed', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
57
+ return (h("fieldset", { key: '4f86249a91b509b5bffd5856e3b4d26bb4c02692', class: "form-group dso-checkboxes" }, h("legend", { key: '6fcb29fd91d356fc6ff2ef1df8557766657b8407', class: "sr-only" }, "Kaartlagen"), h("div", { key: '84e09f79733f848c2bded8c6e6d8b63209647bc9', class: "dso-label-container" }, h("span", { key: 'c0defffe5a604c990003aa9a2b216b9eb2819c11', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '8eaa8b8eab82e75390ed781d46fcbe060e9b2820', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
58
58
  }
59
59
  get host() { return this; }
60
60
  static get style() { return mapOverlaysCss(); }
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-BIShp3sw.js';
2
- import { d as defineCustomElement$3 } from './p-Clsgdvn9.js';
3
- import { d as defineCustomElement$2 } from './p-CZ4y0u8f.js';
2
+ import { d as defineCustomElement$3 } from './p-D1ciWwSo.js';
3
+ import { d as defineCustomElement$2 } from './p-zYhsKlIm.js';
4
4
 
5
5
  const markBarCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.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-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}`;
6
6
 
@@ -55,7 +55,7 @@ const MarkBar = /*@__PURE__*/ proxyCustomElement(class MarkBar extends H {
55
55
  render() {
56
56
  const current = this.current || 0;
57
57
  const totalCount = this.totalCount || 0;
58
- return (h("div", { key: 'ff07927d93ae0d068fa8121fa69c1585f2a0114b', class: "dso-mark-bar" }, h("div", { key: '44a0d245a2b41b8273beb93e4a4305cdd2d7b6bc', class: "dso-mark-bar-input" }, h("input", { key: '2177523b24bfa60d47d1ebe47c85cf05308dfa8f', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '39b70427cae09819a161581234ddfb1515742c42', htmlFor: "search-input" }, h("dso-icon", { key: 'd8968f09af42566e3f02b5f5043f93e38e317792', class: "dso-search-icon", icon: "search" }), h("span", { key: '9b275ee67a4f774e6e21cf5d58c45409c97970a9', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'fb9d18b0f479cb7ddd1acadfbb8b7df46665d625', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'e952339d0dcbac32c76c3167202ef17f5744e331', class: "dso-button-container" }, h("span", { key: 'e447ef9716b9cd3560bb406654ac5a6c7536aaee', class: "divider" }), h("dso-icon-button", { key: '2a628dc6844f53f2c788c77225b7e9c8b4405ef1', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '6a2a9bb6601ed528836f18a92643d5c226e021e6', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: 'ef03f237fedff5486a2c3b17052664c49620bf2d', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
58
+ return (h("div", { key: '393fb4322149f07385035b0c469d60104e2e2e2c', class: "dso-mark-bar" }, h("div", { key: '6a068d5d81afd76998be1de1274b3b9b4e00b287', class: "dso-mark-bar-input" }, h("input", { key: '04e711dacf870d1c1c27942ca835157fdaf306cf', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'd55d70a9f0b9877091e8d9f10dbdbf070030609d', htmlFor: "search-input" }, h("dso-icon", { key: '3cb2c078e4ef4ad3ca5c6a472c878a54f073e585', class: "dso-search-icon", icon: "search" }), h("span", { key: '20c6108b96463024cd7fe7a36641acb75fa0a193', class: "label-text" }, this.label)), h("dso-icon-button", { key: '1e5b5a93a8221e0df89efc596058001a7ba94c82', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'ba762527ba0bc9cf982547b57c3b08b8fd33fe01', class: "dso-button-container" }, h("span", { key: '59a4748b9826d5e6ad8aeceebb8e02b94d5607cc', class: "divider" }), h("dso-icon-button", { key: 'dd8d26e767227ced3b552d126540badd47c4c667', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '71bf80acfe0618b1d4eccde8a3dabc1aaf1c3503', role: "status" }, current, "/", totalCount), h("dso-icon-button", { key: '8ca087ddece277a402373efd730561619acb8459', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
59
59
  }
60
60
  static get style() { return markBarCss(); }
61
61
  }, [1, "dso-mark-bar", {
@@ -1,4 +1,4 @@
1
- import { M as Modal, d as defineCustomElement$1 } from './p-CLOFxKEP.js';
1
+ import { M as Modal, d as defineCustomElement$1 } from './p-D33HZm70.js';
2
2
 
3
3
  const DsoModal = Modal;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { p as positionTooltip } from './p-rHiKziuf.js';
3
- import { d as defineCustomElement$3 } from './p-Clsgdvn9.js';
4
- import { d as defineCustomElement$2 } from './p-CZ4y0u8f.js';
3
+ import { d as defineCustomElement$3 } from './p-D1ciWwSo.js';
4
+ import { d as defineCustomElement$2 } from './p-zYhsKlIm.js';
5
5
 
6
6
  const onboardingTipCss = () => `*,*::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([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.onboarding-tip-inner{--_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-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:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
7
7
 
@@ -76,7 +76,7 @@ const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip exten
76
76
  }
77
77
  render() {
78
78
  const ariaLabel = this.headingSlottedElement?.textContent;
79
- return (h(Host, { key: 'e7658be5736d9a5404fa0c0010a5a96b517f731b', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'f3730e437d19a4bd3fe3633585ad592a4fb983c4', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'af738a7350f03f71bb8e250502e2c0abefcd970e', class: "onboarding-tip-inner" }, h("div", { key: 'd334491e11eb82748aaf07e22b6e5c5171130528', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '823797769a24b123408afc8e59f464e3e39b7224', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '7ae6b3b9cf5338bee0842c31e8f7d21e7db9a9e8', icon: "light-bulb" }), h("slot", { key: 'a75e8936520d6412addae7cc7430cf2c8762be3a', name: "heading" }))), h("dso-icon-button", { key: '3aeaa82948c4e32ba451d6999bc388d68dd3aec8', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '88d732fe9ee04a023d3a581492352f1181e2de5b' }))), h("div", { key: 'fd71cca54453f15dae82cb186b6fed0a266f9ede', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
79
+ return (h(Host, { key: 'd9ad68ce1d2aaa4d1e63d93bbf5f044fe79a6065', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'e03fcc6d2946a7515b074fd80da1b84ca6521760', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'c48c487d21c9d230cb87e6c1ce3883ce022dd7e2', class: "onboarding-tip-inner" }, h("div", { key: '11ae979b97104b78a24e061eb781664552e3c561', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '50524861a49e9810035083b6bd6d16c14fa3b767', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'da5adbd9a100f928c935e5d9bdf5123daeeb7722', icon: "light-bulb" }), h("slot", { key: '81546e36e217e01cf9f002a3eebd767638e65110', name: "heading" }))), h("dso-icon-button", { key: 'e40284496194bb686beecd3554537d493bf7b2d0', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'bf741cc98640f30e31e2ba8a8dadcdc605ded1c6' }))), h("div", { key: '29ef2c23d06044bfef7a300f3e9aa7a1b5be93c2', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
80
80
  }
81
81
  get headingSlottedElement() {
82
82
  return this.host.querySelector("[slot='heading']");
@@ -1,4 +1,4 @@
1
- import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-B59_zDt7.js';
1
+ import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-DtNjY6f6.js';
2
2
 
3
3
  const DsoOzonContentToggletip = OzonContentToggletip;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { O as OzonContent, d as defineCustomElement$1 } from './p-CWmPLVV_.js';
1
+ import { O as OzonContent, d as defineCustomElement$1 } from './p-HXung-P3.js';
2
2
 
3
3
  const DsoOzonContent = OzonContent;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-BIShp3sw.js';
2
2
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
3
- import { d as defineCustomElement$3 } from './p-Clsgdvn9.js';
4
- import { d as defineCustomElement$2 } from './p-CaIC9qQK.js';
3
+ import { d as defineCustomElement$3 } from './p-D1ciWwSo.js';
4
+ import { d as defineCustomElement$2 } from './p-jon8ZgCu.js';
5
5
 
6
6
  const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.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)}`;
7
7
 
@@ -1,4 +1,4 @@
1
- import { P as Panel, d as defineCustomElement$1 } from './p-Bmlt2DmQ.js';
1
+ import { P as Panel, d as defineCustomElement$1 } from './p-B2ZlmdWO.js';
2
2
 
3
3
  const DsoPanel = Panel;
4
4
  const defineCustomElement = defineCustomElement$1;