@dso-toolkit/core 100.0.0 → 100.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (460) hide show
  1. package/dist/bundle/dso-accordion-section.js +8 -8
  2. package/dist/bundle/dso-accordion.js +2 -2
  3. package/dist/bundle/dso-action-list-item.js +2 -2
  4. package/dist/bundle/dso-action-list.js +1 -1
  5. package/dist/bundle/dso-advanced-select.js +6 -6
  6. package/dist/bundle/dso-alert.js +1 -1
  7. package/dist/bundle/dso-annotation-activiteit.js +9 -9
  8. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +8 -8
  9. package/dist/bundle/dso-annotation-kaart.js +5 -5
  10. package/dist/bundle/dso-annotation-locatie.js +1 -1
  11. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +9 -9
  12. package/dist/bundle/dso-attachments-counter.js +1 -1
  13. package/dist/bundle/dso-autosuggest.js +4 -4
  14. package/dist/bundle/dso-badge.js +1 -1
  15. package/dist/bundle/dso-banner.js +2 -2
  16. package/dist/bundle/dso-button-group.js +1 -1
  17. package/dist/bundle/dso-card-container.js +1 -1
  18. package/dist/bundle/dso-card.js +2 -2
  19. package/dist/bundle/dso-contact-information.js +1 -1
  20. package/dist/bundle/dso-cursor-tooltip.js +1 -1
  21. package/dist/bundle/dso-date-picker.js +1 -1
  22. package/dist/bundle/dso-document-card.js +2 -2
  23. package/dist/bundle/dso-document-component.js +1 -1
  24. package/dist/bundle/dso-dropdown-menu-group.js +1 -1
  25. package/dist/bundle/dso-dropdown-menu-item.js +2 -2
  26. package/dist/bundle/dso-dropdown-menu.js +4 -4
  27. package/dist/bundle/dso-expandable.js +1 -1
  28. package/dist/bundle/dso-grid-column.d.ts +11 -0
  29. package/dist/bundle/dso-grid-column.js +132 -0
  30. package/dist/bundle/dso-header.js +4 -4
  31. package/dist/bundle/dso-hero-image.d.ts +11 -0
  32. package/dist/bundle/dso-hero-image.js +35 -0
  33. package/dist/bundle/dso-highlight-box.js +2 -2
  34. package/dist/bundle/dso-history-item.js +3 -3
  35. package/dist/bundle/dso-icon-button.js +1 -1
  36. package/dist/bundle/dso-icon.js +1 -1
  37. package/dist/bundle/dso-image-overlay.js +1 -1
  38. package/dist/bundle/dso-info-button.js +1 -1
  39. package/dist/bundle/dso-info.js +1 -1
  40. package/dist/bundle/dso-input-range.js +3 -3
  41. package/dist/bundle/dso-label.js +1 -1
  42. package/dist/bundle/dso-legend-group.js +4 -4
  43. package/dist/bundle/dso-legend-item.js +7 -7
  44. package/dist/bundle/dso-legend.js +5 -5
  45. package/dist/bundle/dso-list-button.js +8 -8
  46. package/dist/bundle/dso-logo.js +2 -2
  47. package/dist/bundle/dso-map-base-layers.js +8 -8
  48. package/dist/bundle/dso-map-controls.js +6 -6
  49. package/dist/bundle/dso-map-layer-object.js +4 -4
  50. package/dist/bundle/dso-map-layer.js +4 -4
  51. package/dist/bundle/dso-map-message.js +4 -4
  52. package/dist/bundle/dso-map-overlays.js +8 -8
  53. package/dist/bundle/dso-mark-bar.js +4 -4
  54. package/dist/bundle/dso-modal.js +1 -1
  55. package/dist/bundle/dso-onboarding-tip.js +5 -5
  56. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  57. package/dist/bundle/dso-ozon-content.js +1 -1
  58. package/dist/bundle/dso-pagination.js +3 -3
  59. package/dist/bundle/dso-panel.js +1 -1
  60. package/dist/bundle/dso-plekinfo-card.js +4 -4
  61. package/dist/bundle/dso-progress-indicator.js +1 -1
  62. package/dist/bundle/dso-project-item.js +5 -5
  63. package/dist/bundle/dso-renvooi.js +1 -1
  64. package/dist/bundle/dso-responsive-element.js +1 -1
  65. package/dist/bundle/dso-scrollable.js +1 -1
  66. package/dist/bundle/dso-segmented-button.js +2 -2
  67. package/dist/bundle/dso-selectable.js +1 -1
  68. package/dist/bundle/dso-shopping-cart-item.d.ts +11 -0
  69. package/dist/bundle/dso-shopping-cart-item.js +88 -0
  70. package/dist/bundle/dso-shopping-cart.d.ts +11 -0
  71. package/dist/bundle/dso-shopping-cart.js +66 -0
  72. package/dist/bundle/dso-skiplink.js +3 -3
  73. package/dist/bundle/dso-slide-toggle.js +1 -1
  74. package/dist/bundle/dso-survey-rating.js +6 -6
  75. package/dist/bundle/dso-tab.js +1 -1
  76. package/dist/bundle/dso-table.js +1 -1
  77. package/dist/bundle/dso-tabs.js +2 -2
  78. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  79. package/dist/bundle/dso-tree-view.js +4 -4
  80. package/dist/bundle/dso-viewer-grid.js +3 -3
  81. package/dist/bundle/dsot-document-component-demo.js +18 -18
  82. package/dist/bundle/index.js +10 -2
  83. package/dist/bundle/{p-BdeLamBx.js → p-B-GfCYhY.js} +5 -5
  84. package/dist/bundle/{p-CyPdFUPX.js → p-B0P26kAp.js} +1 -1
  85. package/dist/bundle/{p-0mKOaHii.js → p-BPWkxiGe.js} +4 -4
  86. package/dist/bundle/{p-Dhml-KNY.js → p-BQcnM5u_.js} +4 -4
  87. package/dist/bundle/{p-CC_FTvSe.js → p-BR4Wwofa.js} +3 -3
  88. package/dist/bundle/{p-DiFgvE1s.js → p-BVLZrKNg.js} +1 -1
  89. package/dist/bundle/{p-CIYEcIdu.js → p-BZOAPh8X.js} +2 -2
  90. package/dist/bundle/{p-CyyXeBpT.js → p-Bd35GheA.js} +6 -6
  91. package/dist/bundle/{p-C-LiStfD.js → p-BmY4hTti.js} +3 -3
  92. package/dist/bundle/{p-DjX5FuBA.js → p-BnfsOsGc.js} +3 -3
  93. package/dist/bundle/{p-J6T9IaVD.js → p-Bx8conHY.js} +4 -4
  94. package/dist/bundle/{p-DHLpi_b6.js → p-C68JyFl6.js} +6 -6
  95. package/dist/bundle/{p-DChzHBbI.js → p-CGMsjQ6J.js} +8 -8
  96. package/dist/bundle/{p-DaYftqWs.js → p-CPwV58cL.js} +3 -3
  97. package/dist/bundle/{p-A4t9O4cN.js → p-CVIuSw9l.js} +5 -5
  98. package/dist/bundle/{p-BEvvjBre.js → p-CWZTy2nB.js} +1 -1
  99. package/dist/bundle/{p-DTsQJazx.js → p-Cg-toWNU.js} +1 -1
  100. package/dist/bundle/{p-Di7uBIhp.js → p-CiFTQ7lb.js} +1 -1
  101. package/dist/bundle/{p-_Cugwqbf.js → p-CkzyPAOs.js} +1 -1
  102. package/dist/bundle/{p-BSPLBZYE.js → p-D1XWMOcT.js} +61 -7
  103. package/dist/bundle/{p-Slg3tfdg.js → p-D1Y1nS5n.js} +2 -2
  104. package/dist/bundle/{p-C9U8p69U.js → p-D4j9nwzL.js} +2 -2
  105. package/dist/bundle/{p-DVuh3xxM.js → p-DB6jeYdL.js} +22 -16
  106. package/dist/bundle/{p-ClW9x8PR.js → p-DERDhAsl.js} +7 -7
  107. package/dist/bundle/{p-BPeUsEu7.js → p-DFhKaDMe.js} +1 -1
  108. package/dist/bundle/{p-Cs38e0-P.js → p-DG-hjWwI.js} +3 -3
  109. package/dist/bundle/{p-_TVwcL7Y.js → p-DdH_IPw_.js} +1 -1
  110. package/dist/bundle/{p-BO8XMsvv.js → p-DjR55R0Z.js} +1 -1
  111. package/dist/bundle/{p-BSvOi0zH.js → p-DjjtmXG1.js} +10 -10
  112. package/dist/bundle/{p-lAMOCPzk.js → p-V_fupnem.js} +2 -2
  113. package/dist/bundle/{p-DoZnyoat.js → p-x09FwzWO.js} +13 -13
  114. package/dist/cjs/{annotation-body-CiWbOM67.js → annotation-body-H_YdGRBP.js} +1 -1
  115. package/dist/cjs/{annotation-list-renvooi-values-BeNFLgnO.js → annotation-list-renvooi-values-DnvYPhrD.js} +1 -1
  116. package/dist/cjs/{annotation-watcher-5j3WUBEz.js → annotation-watcher-DXLGEmn8.js} +1 -1
  117. package/dist/cjs/dso-accordion-section.cjs.entry.js +1 -1
  118. package/dist/cjs/dso-accordion.cjs.entry.js +2 -2
  119. package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
  120. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  121. package/dist/cjs/dso-advanced-select.cjs.entry.js +1 -1
  122. package/dist/cjs/dso-alert_7.cjs.entry.js +62 -9
  123. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +4 -4
  124. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +3 -3
  125. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +2 -2
  126. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +4 -4
  127. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +4 -4
  128. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +1 -1
  129. package/dist/cjs/dso-autosuggest.cjs.entry.js +1 -1
  130. package/dist/cjs/dso-banner.cjs.entry.js +1 -1
  131. package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
  132. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  133. package/dist/cjs/dso-card.cjs.entry.js +1 -1
  134. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  135. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  136. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  137. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  138. package/dist/cjs/dso-dropdown-menu-group.cjs.entry.js +1 -1
  139. package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js +1 -1
  140. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
  141. package/dist/cjs/dso-grid-column.cjs.entry.js +106 -0
  142. package/dist/cjs/dso-header.cjs.entry.js +2 -2
  143. package/dist/cjs/dso-hero-image.cjs.entry.js +17 -0
  144. package/dist/cjs/dso-highlight-box.cjs.entry.js +2 -2
  145. package/dist/cjs/dso-history-item.cjs.entry.js +2 -2
  146. package/dist/cjs/{dso-icon.cjs.entry.js → dso-icon_2.cjs.entry.js} +91 -2
  147. package/dist/cjs/dso-info_3.cjs.entry.js +5 -5
  148. package/dist/cjs/dso-input-range.cjs.entry.js +3 -3
  149. package/dist/cjs/dso-label_3.cjs.entry.js +5 -5
  150. package/dist/cjs/dso-legend-group.cjs.entry.js +2 -2
  151. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  152. package/dist/cjs/dso-legend.cjs.entry.js +2 -2
  153. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  154. package/dist/cjs/dso-logo.cjs.entry.js +2 -2
  155. package/dist/cjs/dso-map-base-layers.cjs.entry.js +2 -2
  156. package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
  157. package/dist/cjs/dso-map-layer-object.cjs.entry.js +3 -3
  158. package/dist/cjs/dso-map-layer.cjs.entry.js +3 -3
  159. package/dist/cjs/dso-map-message.cjs.entry.js +3 -3
  160. package/dist/cjs/dso-map-overlays.cjs.entry.js +2 -2
  161. package/dist/cjs/dso-mark-bar.cjs.entry.js +2 -2
  162. package/dist/cjs/dso-modal.cjs.entry.js +2 -2
  163. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +2 -2
  164. package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
  165. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +3 -3
  166. package/dist/cjs/dso-progress-indicator.cjs.entry.js +2 -2
  167. package/dist/cjs/dso-project-item.cjs.entry.js +2 -2
  168. package/dist/cjs/dso-responsive-element.cjs.entry.js +2 -2
  169. package/dist/cjs/dso-scrollable.cjs.entry.js +3 -3
  170. package/dist/cjs/dso-segmented-button.cjs.entry.js +2 -2
  171. package/dist/cjs/dso-shopping-cart-item.cjs.entry.js +53 -0
  172. package/dist/cjs/dso-shopping-cart.cjs.entry.js +33 -0
  173. package/dist/cjs/dso-skiplink.cjs.entry.js +2 -2
  174. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  175. package/dist/cjs/dso-tab.cjs.entry.js +1 -1
  176. package/dist/cjs/dso-tabs.cjs.entry.js +2 -2
  177. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  178. package/dist/cjs/dso-toolkit.cjs.js +2 -2
  179. package/dist/cjs/dso-tree-view.cjs.entry.js +2 -2
  180. package/dist/cjs/dso-viewer-grid.cjs.entry.js +3 -3
  181. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  182. package/dist/cjs/{index-fOjUpMJG.js → index-CfwUrDXc.js} +1 -1
  183. package/dist/cjs/{index-D8SsuyUx.js → index-EngjN4P3.js} +22 -16
  184. package/dist/cjs/loader.cjs.js +2 -2
  185. package/dist/cjs/{parse-wijzigactie-from-node.function-Bi4NE9Tt.js → parse-wijzigactie-from-node.function-B2dUQ7Rf.js} +1 -1
  186. package/dist/cjs/{tooltip.functional-component-D6oJmzwD.js → tooltip.functional-component-BEcuvKwS.js} +1 -1
  187. package/dist/cjs/{wrap-wijzigactie.functional-component-CV8gX7lQ.js → wrap-wijzigactie.functional-component-DodUwf7_.js} +1 -1
  188. package/dist/collection/collection-manifest.json +4 -0
  189. package/dist/collection/components/grid-column/grid-column.css +289 -0
  190. package/dist/collection/components/grid-column/grid-column.interfaces.js +1 -0
  191. package/dist/collection/components/grid-column/grid-column.js +185 -0
  192. package/dist/collection/components/header/header.js +1 -1
  193. package/dist/collection/components/hero-image/hero-image.css +60 -0
  194. package/dist/collection/components/hero-image/hero-image.js +22 -0
  195. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  196. package/dist/collection/components/history-item/history-item.js +1 -1
  197. package/dist/collection/components/icon/icon.js +1 -1
  198. package/dist/collection/components/icon-button/icon-button.js +1 -1
  199. package/dist/collection/components/info/info.js +1 -1
  200. package/dist/collection/components/info-button/info-button.js +1 -1
  201. package/dist/collection/components/input-range/input-range.js +2 -2
  202. package/dist/collection/components/label/label.js +2 -2
  203. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  204. package/dist/collection/components/legend/legend-item/legend-item.js +1 -1
  205. package/dist/collection/components/legend/legend.js +1 -1
  206. package/dist/collection/components/list-button/list-button.js +1 -1
  207. package/dist/collection/components/logo/logo.js +1 -1
  208. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  209. package/dist/collection/components/map-controls/map-controls.js +1 -1
  210. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  211. package/dist/collection/components/map-layer/map-layer.js +1 -1
  212. package/dist/collection/components/map-message/map-message.js +2 -2
  213. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  214. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  215. package/dist/collection/components/modal/modal.js +1 -1
  216. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  217. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
  218. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  219. package/dist/collection/components/panel/panel.js +1 -1
  220. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  221. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  222. package/dist/collection/components/project-item/project-item.js +1 -1
  223. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  224. package/dist/collection/components/scrollable/scrollable.js +2 -2
  225. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  226. package/dist/collection/components/selectable/selectable.js +1 -1
  227. package/dist/collection/components/shopping-cart/shopping-cart-item/shopping-cart-item.css +286 -0
  228. package/dist/collection/components/shopping-cart/shopping-cart-item/shopping-cart-item.interfaces.js +1 -0
  229. package/dist/collection/components/shopping-cart/shopping-cart-item/shopping-cart-item.js +218 -0
  230. package/dist/collection/components/shopping-cart/shopping-cart.css +218 -0
  231. package/dist/collection/components/shopping-cart/shopping-cart.interfaces.js +1 -0
  232. package/dist/collection/components/shopping-cart/shopping-cart.js +116 -0
  233. package/dist/collection/components/skiplink/skiplink.js +1 -1
  234. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  235. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  236. package/dist/collection/components/table/table.css +4 -4
  237. package/dist/collection/components/table/table.js +55 -1
  238. package/dist/collection/components/tabs/tabs.js +1 -1
  239. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  240. package/dist/collection/components/tree-view/tree-view.js +1 -1
  241. package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
  242. package/dist/components/dso-grid-column.d.ts +11 -0
  243. package/dist/components/dso-grid-column.js +1 -0
  244. package/dist/components/dso-header.js +1 -1
  245. package/dist/components/dso-hero-image.d.ts +11 -0
  246. package/dist/components/dso-hero-image.js +1 -0
  247. package/dist/components/dso-highlight-box.js +1 -1
  248. package/dist/components/dso-history-item.js +1 -1
  249. package/dist/components/dso-input-range.js +1 -1
  250. package/dist/components/dso-legend-group.js +1 -1
  251. package/dist/components/dso-legend-item.js +1 -1
  252. package/dist/components/dso-legend.js +1 -1
  253. package/dist/components/dso-list-button.js +1 -1
  254. package/dist/components/dso-logo.js +1 -1
  255. package/dist/components/dso-map-base-layers.js +1 -1
  256. package/dist/components/dso-map-controls.js +1 -1
  257. package/dist/components/dso-map-layer-object.js +1 -1
  258. package/dist/components/dso-map-layer.js +1 -1
  259. package/dist/components/dso-map-message.js +1 -1
  260. package/dist/components/dso-map-overlays.js +1 -1
  261. package/dist/components/dso-mark-bar.js +1 -1
  262. package/dist/components/dso-onboarding-tip.js +1 -1
  263. package/dist/components/dso-plekinfo-card.js +1 -1
  264. package/dist/components/dso-project-item.js +1 -1
  265. package/dist/components/dso-segmented-button.js +1 -1
  266. package/dist/components/dso-shopping-cart-item.d.ts +11 -0
  267. package/dist/components/dso-shopping-cart-item.js +1 -0
  268. package/dist/components/dso-shopping-cart.d.ts +11 -0
  269. package/dist/components/dso-shopping-cart.js +1 -0
  270. package/dist/components/dso-skiplink.js +1 -1
  271. package/dist/components/dso-survey-rating.js +1 -1
  272. package/dist/components/dso-tabs.js +1 -1
  273. package/dist/components/dso-tijdreis-banner.js +1 -1
  274. package/dist/components/dso-tree-view.js +1 -1
  275. package/dist/components/dso-viewer-grid.js +1 -1
  276. package/dist/components/icon-button.js +1 -1
  277. package/dist/components/icon.js +1 -1
  278. package/dist/components/index.d.ts +8 -0
  279. package/dist/components/index.js +1 -1
  280. package/dist/components/index2.js +1 -1
  281. package/dist/components/info-button.js +1 -1
  282. package/dist/components/info.js +1 -1
  283. package/dist/components/label.js +1 -1
  284. package/dist/components/modal.js +1 -1
  285. package/dist/components/ozon-content-toggletip.js +1 -1
  286. package/dist/components/ozon-content.js +1 -1
  287. package/dist/components/panel.js +1 -1
  288. package/dist/components/progress-indicator.js +1 -1
  289. package/dist/components/responsive-element.js +1 -1
  290. package/dist/components/scrollable.js +1 -1
  291. package/dist/components/selectable.js +1 -1
  292. package/dist/components/slide-toggle.js +1 -1
  293. package/dist/components/table.js +1 -1
  294. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  295. package/dist/dso-toolkit/{p-b6d829b6.entry.js → p-017299d2.entry.js} +2 -2
  296. package/dist/dso-toolkit/{p-f205b38c.entry.js → p-03d9b96e.entry.js} +1 -1
  297. package/dist/dso-toolkit/{p-bb6cbd71.entry.js → p-0a0d5e0f.entry.js} +1 -1
  298. package/dist/dso-toolkit/{p-49d26a29.entry.js → p-0b2ff9bf.entry.js} +1 -1
  299. package/dist/dso-toolkit/{p-ead2f178.entry.js → p-0cd1de97.entry.js} +1 -1
  300. package/dist/dso-toolkit/{p-c352e814.entry.js → p-0f10d012.entry.js} +1 -1
  301. package/dist/dso-toolkit/{p-ace3aaa4.entry.js → p-0fb56b07.entry.js} +1 -1
  302. package/dist/dso-toolkit/{p-f163e3db.entry.js → p-15435286.entry.js} +1 -1
  303. package/dist/dso-toolkit/{p-9430341b.entry.js → p-1e8bcf32.entry.js} +1 -1
  304. package/dist/dso-toolkit/{p-ae526b7b.entry.js → p-2dfc2794.entry.js} +1 -1
  305. package/dist/dso-toolkit/{p-4a971ee1.entry.js → p-35a4ab19.entry.js} +1 -1
  306. package/dist/dso-toolkit/{p-5455f456.entry.js → p-4130c873.entry.js} +1 -1
  307. package/dist/dso-toolkit/{p-1ce3c197.entry.js → p-4371c08b.entry.js} +1 -1
  308. package/dist/dso-toolkit/{p-ccbbfdc7.entry.js → p-43970647.entry.js} +1 -1
  309. package/dist/dso-toolkit/{p-0ce9b9ec.entry.js → p-4b95a332.entry.js} +1 -1
  310. package/dist/dso-toolkit/p-4ddad695.entry.js +1 -0
  311. package/dist/dso-toolkit/{p-5962b2d4.entry.js → p-5018c559.entry.js} +1 -1
  312. package/dist/dso-toolkit/{p-7e155437.entry.js → p-532385ca.entry.js} +1 -1
  313. package/dist/dso-toolkit/{p-3d705a78.entry.js → p-536f66b4.entry.js} +1 -1
  314. package/dist/dso-toolkit/{p-bfbbc6d6.entry.js → p-5edd97cf.entry.js} +1 -1
  315. package/dist/dso-toolkit/{p-5b2d4e4d.entry.js → p-5ffc700e.entry.js} +1 -1
  316. package/dist/dso-toolkit/p-6c666668.entry.js +1 -0
  317. package/dist/dso-toolkit/{p-33c05ebd.entry.js → p-6d5efb25.entry.js} +1 -1
  318. package/dist/dso-toolkit/{p-72c632b1.entry.js → p-71724040.entry.js} +1 -1
  319. package/dist/dso-toolkit/{p-989c2c78.entry.js → p-74997a1c.entry.js} +1 -1
  320. package/dist/dso-toolkit/{p-dce72b97.entry.js → p-759a8233.entry.js} +1 -1
  321. package/dist/dso-toolkit/{p-cc9167cd.entry.js → p-7ab588b5.entry.js} +1 -1
  322. package/dist/dso-toolkit/{p-c295282a.entry.js → p-7c5a3545.entry.js} +1 -1
  323. package/dist/dso-toolkit/{p-9209aec4.entry.js → p-7da56abf.entry.js} +1 -1
  324. package/dist/dso-toolkit/{p-828dc3d2.entry.js → p-84ca2384.entry.js} +1 -1
  325. package/dist/dso-toolkit/{p-1a76abf1.entry.js → p-8705ffd0.entry.js} +1 -1
  326. package/dist/dso-toolkit/{p-8bdb1eb9.entry.js → p-89271b51.entry.js} +1 -1
  327. package/dist/dso-toolkit/{p-0f2ae02f.entry.js → p-8ce6199c.entry.js} +1 -1
  328. package/dist/dso-toolkit/{p-b35b9bf4.entry.js → p-90777f4f.entry.js} +1 -1
  329. package/dist/dso-toolkit/{p-71f63631.entry.js → p-95d0754a.entry.js} +1 -1
  330. package/dist/dso-toolkit/{p-e98aad46.entry.js → p-9a73c423.entry.js} +1 -1
  331. package/dist/dso-toolkit/{p-ffdd9174.entry.js → p-9d316a7e.entry.js} +1 -1
  332. package/dist/dso-toolkit/{p-e58e9b96.entry.js → p-9d6b7a0f.entry.js} +1 -1
  333. package/dist/dso-toolkit/{p-ee9693c6.entry.js → p-9de754f4.entry.js} +1 -1
  334. package/dist/dso-toolkit/{p-8dd7f11a.entry.js → p-9fea3ebf.entry.js} +1 -1
  335. package/dist/dso-toolkit/{p-e82c870a.entry.js → p-9fef9c1a.entry.js} +1 -1
  336. package/dist/dso-toolkit/p-C32sfSnK.js +1 -0
  337. package/dist/dso-toolkit/p-C7Q97EIG.js +1 -0
  338. package/dist/dso-toolkit/{p-pqfDfKeZ.js → p-CieBNbUH.js} +1 -1
  339. package/dist/dso-toolkit/{p-CHpgprST.js → p-DQbnZnP0.js} +1 -1
  340. package/dist/dso-toolkit/{p-CDgoS98P.js → p-DeuvCGGT.js} +1 -1
  341. package/dist/dso-toolkit/p-DxGQgnCh.js +1 -0
  342. package/dist/dso-toolkit/p-a0b21fb2.entry.js +1 -0
  343. package/dist/dso-toolkit/{p-5cfc5bc7.entry.js → p-a47b60d4.entry.js} +1 -1
  344. package/dist/dso-toolkit/{p-4dacadca.entry.js → p-a887204e.entry.js} +1 -1
  345. package/dist/dso-toolkit/{p-fc9096fc.entry.js → p-ac6c666a.entry.js} +1 -1
  346. package/dist/dso-toolkit/{p-b5c4719a.entry.js → p-b021e5b9.entry.js} +1 -1
  347. package/dist/dso-toolkit/{p-7e808e9e.entry.js → p-b4b9b379.entry.js} +1 -1
  348. package/dist/dso-toolkit/{p-db491dfd.entry.js → p-b7158ad8.entry.js} +1 -1
  349. package/dist/dso-toolkit/{p-f485cda1.entry.js → p-b77ed758.entry.js} +1 -1
  350. package/dist/dso-toolkit/{p-92e7fa78.entry.js → p-b8648298.entry.js} +1 -1
  351. package/dist/dso-toolkit/{p-d271dd46.entry.js → p-b8a81663.entry.js} +1 -1
  352. package/dist/dso-toolkit/p-bad72062.entry.js +1 -0
  353. package/dist/dso-toolkit/p-c00fc337.entry.js +1 -0
  354. package/dist/dso-toolkit/{p-e0a1e35a.entry.js → p-c1fcf820.entry.js} +1 -1
  355. package/dist/dso-toolkit/{p-9b468b2a.entry.js → p-c5f0b112.entry.js} +1 -1
  356. package/dist/dso-toolkit/{p-0925b25d.entry.js → p-ca7eab2f.entry.js} +1 -1
  357. package/dist/dso-toolkit/{p-6243fe15.entry.js → p-cfccb614.entry.js} +1 -1
  358. package/dist/dso-toolkit/{p-e966fb4d.entry.js → p-d2562c62.entry.js} +1 -1
  359. package/dist/dso-toolkit/{p-e5bb3203.entry.js → p-d3999cf7.entry.js} +1 -1
  360. package/dist/dso-toolkit/{p-93aee600.entry.js → p-d71f20c0.entry.js} +1 -1
  361. package/dist/dso-toolkit/{p-84cda47a.entry.js → p-dd03f91c.entry.js} +1 -1
  362. package/dist/dso-toolkit/p-e2ec6283.entry.js +1 -0
  363. package/dist/dso-toolkit/{p-9454c434.entry.js → p-f3375379.entry.js} +1 -1
  364. package/dist/dso-toolkit/{p-1281cc01.entry.js → p-f3e73775.entry.js} +1 -1
  365. package/dist/dso-toolkit/p-jq9f4Z3R.js +1 -0
  366. package/dist/dso-toolkit/p-kDBsQgLI.js +1 -0
  367. package/dist/esm/{annotation-body-DBGu5INB.js → annotation-body-CfhN4FON.js} +1 -1
  368. package/dist/esm/{annotation-list-renvooi-values-DoTvSWOI.js → annotation-list-renvooi-values-BTPUEm3B.js} +1 -1
  369. package/dist/esm/{annotation-watcher-Dm4MhmMp.js → annotation-watcher-BO0jbdlD.js} +1 -1
  370. package/dist/esm/dso-accordion-section.entry.js +1 -1
  371. package/dist/esm/dso-accordion.entry.js +2 -2
  372. package/dist/esm/dso-action-list-item.entry.js +1 -1
  373. package/dist/esm/dso-action-list.entry.js +1 -1
  374. package/dist/esm/dso-advanced-select.entry.js +1 -1
  375. package/dist/esm/dso-alert_7.entry.js +62 -9
  376. package/dist/esm/dso-annotation-activiteit.entry.js +4 -4
  377. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +3 -3
  378. package/dist/esm/dso-annotation-kaart.entry.js +2 -2
  379. package/dist/esm/dso-annotation-locatie_2.entry.js +4 -4
  380. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +4 -4
  381. package/dist/esm/dso-attachments-counter_2.entry.js +1 -1
  382. package/dist/esm/dso-autosuggest.entry.js +1 -1
  383. package/dist/esm/dso-banner.entry.js +1 -1
  384. package/dist/esm/dso-button-group.entry.js +1 -1
  385. package/dist/esm/dso-card-container.entry.js +1 -1
  386. package/dist/esm/dso-card.entry.js +1 -1
  387. package/dist/esm/dso-contact-information.entry.js +1 -1
  388. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  389. package/dist/esm/dso-date-picker.entry.js +1 -1
  390. package/dist/esm/dso-document-card.entry.js +1 -1
  391. package/dist/esm/dso-dropdown-menu-group.entry.js +1 -1
  392. package/dist/esm/dso-dropdown-menu-item.entry.js +1 -1
  393. package/dist/esm/dso-dropdown-menu.entry.js +2 -2
  394. package/dist/esm/dso-grid-column.entry.js +104 -0
  395. package/dist/esm/dso-header.entry.js +2 -2
  396. package/dist/esm/dso-hero-image.entry.js +15 -0
  397. package/dist/esm/dso-highlight-box.entry.js +2 -2
  398. package/dist/esm/dso-history-item.entry.js +2 -2
  399. package/dist/esm/{dso-icon.entry.js → dso-icon_2.entry.js} +91 -3
  400. package/dist/esm/dso-info_3.entry.js +5 -5
  401. package/dist/esm/dso-input-range.entry.js +3 -3
  402. package/dist/esm/dso-label_3.entry.js +5 -5
  403. package/dist/esm/dso-legend-group.entry.js +2 -2
  404. package/dist/esm/dso-legend-item.entry.js +2 -2
  405. package/dist/esm/dso-legend.entry.js +2 -2
  406. package/dist/esm/dso-list-button.entry.js +2 -2
  407. package/dist/esm/dso-logo.entry.js +2 -2
  408. package/dist/esm/dso-map-base-layers.entry.js +2 -2
  409. package/dist/esm/dso-map-controls.entry.js +2 -2
  410. package/dist/esm/dso-map-layer-object.entry.js +3 -3
  411. package/dist/esm/dso-map-layer.entry.js +3 -3
  412. package/dist/esm/dso-map-message.entry.js +3 -3
  413. package/dist/esm/dso-map-overlays.entry.js +2 -2
  414. package/dist/esm/dso-mark-bar.entry.js +2 -2
  415. package/dist/esm/dso-modal.entry.js +2 -2
  416. package/dist/esm/dso-onboarding-tip.entry.js +2 -2
  417. package/dist/esm/dso-pagination.entry.js +1 -1
  418. package/dist/esm/dso-plekinfo-card.entry.js +3 -3
  419. package/dist/esm/dso-progress-indicator.entry.js +2 -2
  420. package/dist/esm/dso-project-item.entry.js +2 -2
  421. package/dist/esm/dso-responsive-element.entry.js +2 -2
  422. package/dist/esm/dso-scrollable.entry.js +3 -3
  423. package/dist/esm/dso-segmented-button.entry.js +2 -2
  424. package/dist/esm/dso-shopping-cart-item.entry.js +51 -0
  425. package/dist/esm/dso-shopping-cart.entry.js +31 -0
  426. package/dist/esm/dso-skiplink.entry.js +2 -2
  427. package/dist/esm/dso-survey-rating.entry.js +3 -3
  428. package/dist/esm/dso-tab.entry.js +1 -1
  429. package/dist/esm/dso-tabs.entry.js +2 -2
  430. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  431. package/dist/esm/dso-toolkit.js +3 -3
  432. package/dist/esm/dso-tree-view.entry.js +2 -2
  433. package/dist/esm/dso-viewer-grid.entry.js +3 -3
  434. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  435. package/dist/esm/{index-OTFpj3vR.js → index-B0pTkGRp.js} +22 -16
  436. package/dist/esm/{index-pqfDfKeZ.js → index-CieBNbUH.js} +1 -1
  437. package/dist/esm/loader.js +3 -3
  438. package/dist/esm/{parse-wijzigactie-from-node.function-Cn1GXjSM.js → parse-wijzigactie-from-node.function-DhCCxNJH.js} +1 -1
  439. package/dist/esm/{tooltip.functional-component-CsWjK64w.js → tooltip.functional-component-chN-aNlU.js} +1 -1
  440. package/dist/esm/{wrap-wijzigactie.functional-component-DzSLSv0i.js → wrap-wijzigactie.functional-component-BYWldnbn.js} +1 -1
  441. package/dist/types/components/grid-column/grid-column.d.ts +39 -0
  442. package/dist/types/components/grid-column/grid-column.interfaces.d.ts +3 -0
  443. package/dist/types/components/hero-image/hero-image.d.ts +8 -0
  444. package/dist/types/components/shopping-cart/shopping-cart-item/shopping-cart-item.d.ts +44 -0
  445. package/dist/types/components/shopping-cart/shopping-cart-item/shopping-cart-item.interfaces.d.ts +10 -0
  446. package/dist/types/components/shopping-cart/shopping-cart.d.ts +25 -0
  447. package/dist/types/components/shopping-cart/shopping-cart.interfaces.d.ts +4 -0
  448. package/dist/types/components/table/table.d.ts +5 -0
  449. package/dist/types/components.d.ts +217 -0
  450. package/package.json +8 -8
  451. package/dist/cjs/dso-icon-button.cjs.entry.js +0 -93
  452. package/dist/dso-toolkit/p-0fc1acaa.entry.js +0 -1
  453. package/dist/dso-toolkit/p-538f968a.entry.js +0 -1
  454. package/dist/dso-toolkit/p-56f5668a.entry.js +0 -1
  455. package/dist/dso-toolkit/p-CKvC5fms.js +0 -1
  456. package/dist/dso-toolkit/p-CWxbEBiv.js +0 -1
  457. package/dist/dso-toolkit/p-CmOx9B7G.js +0 -1
  458. package/dist/dso-toolkit/p-Cw_CPOlV.js +0 -1
  459. package/dist/dso-toolkit/p-DHGCm31c.js +0 -1
  460. package/dist/esm/dso-icon-button.entry.js +0 -91
@@ -1,6 +1,6 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
3
- import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
3
+ import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
4
4
 
5
5
  const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--_dso-link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
6
6
 
@@ -20,7 +20,7 @@ const Skiplink = /*@__PURE__*/ proxyCustomElement(class Skiplink extends H {
20
20
  return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
21
21
  }
22
22
  render() {
23
- return (h("a", { key: 'b1d674b864fd216fcb084f4b7fedbc2f227c4278', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'a258bc4b68fe756513fbf1f8b41f20504a289439', icon: "chevron-right" })));
23
+ return (h("a", { key: 'a11d01a5b3df19f88008ed455e8f0c26f967ceb8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '1121181b37bb210b65ce5ceff1e1c25a2fa044d3', icon: "chevron-right" })));
24
24
  }
25
25
  static get style() { return skiplinkCss(); }
26
26
  }, [1, "dso-skiplink", {
@@ -1,4 +1,4 @@
1
- import { S as SlideToggle, d as defineCustomElement$1 } from './p-CIYEcIdu.js';
1
+ import { S as SlideToggle, d as defineCustomElement$1 } from './p-BZOAPh8X.js';
2
2
 
3
3
  const DsoSlideToggle = SlideToggle;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,7 +1,7 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
- import { d as defineCustomElement$4 } from './p-C9U8p69U.js';
3
- import { d as defineCustomElement$3 } from './p-J6T9IaVD.js';
4
- import { d as defineCustomElement$2 } from './p-Dhml-KNY.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
+ import { d as defineCustomElement$4 } from './p-D4j9nwzL.js';
3
+ import { d as defineCustomElement$3 } from './p-Bx8conHY.js';
4
+ import { d as defineCustomElement$2 } from './p-BQcnM5u_.js';
5
5
 
6
6
  const surveyRatingCss = () => `:host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::after, *::before { box-sizing: border-box; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: ""; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #b62f41; color: #fff; border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #ce3f51; color: #fff; border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #e17000; color: #191919; border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #dcd400; color: #191919; border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #79b929; color: #191919; border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #39870c; color: #fff; border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #275937; color: #fff; border-color: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } button.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible { outline-offset: 2px; } button.dso-secondary:active { outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after { content: ""; display: inline-block; } button.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } button.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }`;
7
7
 
@@ -33,10 +33,10 @@ const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends
33
33
  "Makkelijk",
34
34
  "Heel makkelijk",
35
35
  ];
36
- return (h("dso-panel", { key: '3d6733ce56f73b4e35b3f5d68388bd22f6ef4450', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'f93cbf6d816962a848f15b40055a8b9ff3f26fdc', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'e83390a76e6d45fc72a9c9f7d45e6650941c91b9' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'c671091557cb1096c47f88e99eb7e6bb42838479', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '952782116562f822ba8a8788104a9817739b4601', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '67fb62008f260e99c956709ca2cea83f22121460' }, "Heel moeilijk"), h("span", { key: 'eacf518d23c1e618162ce116890bcae4c28df240' }, "Heel makkelijk")), h("div", { key: 'bf9a0977e6e7508b362680aa49f78b9319ce7915', role: "radiogroup" }, ratings.map((rating, index) => {
36
+ return (h("dso-panel", { key: '6e8e297be5e0c69f8dee7e8a5f5117f1438376c0', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '965558999e8f04fa3ea41b16ad2fba3c67fdf3cb', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '893161a964af4bef0732e6c41b17adc2a64e7842' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '3376fd9879f5e59c88410f29a084408210dd9310', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '9f37e212fa1e3da0644a78da19fee79941d09349', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '98dd40664a37b4367b6c4a4ebddc1211d6839520' }, "Heel moeilijk"), h("span", { key: '5bee666467de1089a9fff1d50d92ac0ac0adf15a' }, "Heel makkelijk")), h("div", { key: '286b60be1d47f19a6b9ceac3f87ed5f54486f743', role: "radiogroup" }, ratings.map((rating, index) => {
37
37
  const ratingNumber = index + 1;
38
38
  return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
39
- })), h("button", { key: '1cb51daa334ca994ede7ea2bbc74534635f42921', type: "submit", class: "dso-secondary" }, h("span", { key: '044a0844ae775fed12db6089e76dd449494ad84b' }, "Antwoord verzenden")))));
39
+ })), h("button", { key: '8a5594d402170c0798d4117fc03ae7afb9026711', type: "submit", class: "dso-secondary" }, h("span", { key: '0c8d2586fec17a7b0b3846d6c806d250cd6ef0ed' }, "Antwoord verzenden")))));
40
40
  }
41
41
  static get style() { return surveyRatingCss(); }
42
42
  }, [1, "dso-survey-rating"]);
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
3
3
 
4
4
  const tabCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;border-color:#39870c;margin-block-end:-1px}@media screen and (max-width: 767px){:host{margin-block:10px}:host(:first-child){margin-block-start:0}}:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{background-color:#fff;border:1px solid #39870c;border-block-end-color:#fff;color:#39870c;cursor:default}@media screen and (max-width: 767px){:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{border-block-end-color:#39870c}}:host([disabled]:not([disabled=false])) [role=tab]{color:#999}:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{color:#999;text-decoration:none;cursor:default;background-color:transparent}@media screen and (max-width: 767px){:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{border-block-end-color:#fff}}a{text-decoration:none}a:hover,a:focus-visible{text-decoration:none}a:active{text-decoration:underline}a:visited{color:#666}button{font-family:inherit;font-size:inherit;letter-spacing:inherit;background-color:transparent}[role=tab]{font-weight:bold;cursor:pointer;display:block;min-block-size:56px;border:1px solid transparent;border-radius:4px 4px 0 0;color:#666;line-height:1.5;padding-block:15px;padding-inline:23px}[role=tab]:hover{border-color:#e5e5e5 #e5e5e5 #e5e5e5}[role=tab]:hover,[role=tab]:focus{text-decoration:none;background-color:#e5e5e5}[role=tab]:active,[role=tab]:focus,[role=tab]:hover{background-color:#f2f2f2;border:1px solid transparent;border-block-end-color:#39870c;text-decoration:none}@media screen and (max-width: 767px){[role=tab]:active,[role=tab]:focus,[role=tab]:hover{border-block-end-color:#fff}}@media screen and (max-width: 767px){[role=tab]{border-color:#fff;border-radius:8px;padding-block:18px;padding-inline:20px;inline-size:100%;text-align:start}}`;
@@ -1,4 +1,4 @@
1
- import { T as Table, d as defineCustomElement$1 } from './p-BSPLBZYE.js';
1
+ import { T as Table, d as defineCustomElement$1 } from './p-D1XWMOcT.js';
2
2
 
3
3
  const DsoTable = Table;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host, t as transformTag } from './p-CiFTQ7lb.js';
2
2
 
3
3
  const tabsCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}`;
4
4
 
@@ -64,7 +64,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
64
64
  this.mutationObserver?.disconnect();
65
65
  }
66
66
  render() {
67
- return (h(Host, { key: '378e4fa22a57c3379ace6d0329d0dd2ffd35c04a' }, h("div", { key: 'b791083acc1c6b614abc8b9c40abcd63df8bf0ba', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '29c8e59ef344c9a3c9fdc3b5e41e8b6700434a17' })), h("div", { key: '7f2c1d9a3a5d712807336d925d262ffac3ec23c7', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'dd4d5314dd77338bb217b01563d629259bbfb2f7', name: "panel" }))));
67
+ return (h(Host, { key: '749bad8965a6a087b8c3b83dee2ff558d882fdc6' }, h("div", { key: 'c6c1637c8ab72fdfb213bae7bcab4bc1b4e095ad', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '7e0ccca72411bda9e649ccaa22766382dfcdf339' })), h("div", { key: '99d5187c177e8c61ef5b3d9084679c58e6ce2cee', role: "tabpanel", tabindex: "0" }, h("slot", { key: '72116bf16d9d89f409ddd4ba4ddff6a15233fb98', name: "panel" }))));
68
68
  }
69
69
  get host() { return this; }
70
70
  static get style() { return tabsCss(); }
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
- import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
1
+ import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
+ import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
3
3
 
4
4
  const tijdreisBannerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff;display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}`;
5
5
 
@@ -12,7 +12,7 @@ const TijdreisBanner = /*@__PURE__*/ proxyCustomElement(class TijdreisBanner ext
12
12
  this.__attachShadow();
13
13
  }
14
14
  render() {
15
- return (h(Fragment, { key: '4bde48340c627e60f8655d71e11d358ce3706f63' }, h("dso-icon", { key: '33020e99bfc7d8fba1f799c0ea4324c417bd64d1', icon: "clock-outline" }), h("slot", { key: 'be1174fc29ad9eae607fbced2dc2ffc9874e2973' }), h("slot", { key: '7b6ff42a67dcaeb757c24473cb3c8caa4456c90b', name: "button" })));
15
+ return (h(Fragment, { key: '1fcc9d115a0058605f4157e0df39f3d5c81968e5' }, h("dso-icon", { key: '0c8f78526723f4b220578bd419e505f50685b68e', icon: "clock-outline" }), h("slot", { key: 'ae86a42d8ee554394c1fca3258990b901e7a7540' }), h("slot", { key: '4ff386757ac1da7d878ca5deb8773b54a69a11f5', name: "button" })));
16
16
  }
17
17
  static get style() { return tijdreisBannerCss(); }
18
18
  }, [257, "dso-tijdreis-banner"]);
@@ -1,7 +1,7 @@
1
- import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
- import { d as defineCustomElement$3 } from './p-C9U8p69U.js';
4
- import { d as defineCustomElement$2 } from './p-DaYftqWs.js';
3
+ import { d as defineCustomElement$3 } from './p-D4j9nwzL.js';
4
+ import { d as defineCustomElement$2 } from './p-CPwV58cL.js';
5
5
 
6
6
  const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize, }) => (h("li", { key: item.id, class: clsx("tree-item", { "has-child": item.hasItems, "is-expanded": !!item.open && !!item.items?.length }), role: "none" }, h("div", { class: "tree-branch-control" }, item.hasItems ? (h("div", { onClick: (e) => owner.itemClick(e, ancestors, item) }, h("dso-icon", { icon: item.open ? "minus-square-outline" : "plus-square-outline" }))) : (h("dso-icon", null))), h("p", { class: clsx("tree-content", { active: item.active }, { selected: item.selected }), tabindex: level === 1 && index === 0 ? 0 : -1, role: "treeitem", "aria-expanded": item.hasItems ? "" + (!!item.open && !!item.items?.length) : undefined, "aria-current": item.active ? "true" : undefined, "aria-level": level, "aria-setsize": setSize, "aria-posinset": index + 1, "aria-busy": item.loading ? "true" : undefined, "data-item-id": item.id, onClick: (e) => owner.itemClick(e, ancestors, item) }, item.selected && h("span", { class: "sr-only" }, "Resultaat: "), item.href ? (h("a", { href: item.href, tabindex: "-1" }, item.label)) : (h("span", null, item.label)), item.icons?.map((icon) => (h("dso-icon", { icon: icon.icon, title: icon.label })))), item.open && (h(Fragment, null, item.hasItems && !item.items && item.loading ? (h("dso-progress-indicator", { size: "small", label: "Resultaten laden: een moment geduld alstublieft." })) : (h("ul", { role: "group" }, item.items?.map((childItem, childIndex, org) => (h(DsoTreeItem, { owner: owner, ancestors: [...ancestors, item], item: childItem, index: childIndex, level: level + 1, setSize: org.length })))))))));
7
7
 
@@ -185,7 +185,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
185
185
  return false;
186
186
  }
187
187
  render() {
188
- return (h("div", { key: '283e4d605869d7a654955ffb9bcc3621a477b3af', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'a664ea7dade4174cccc880169de9d49d8eeb57db', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
188
+ return (h("div", { key: '083627a4f166b890ed9d912c968e3f249fdcc9ad', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'd8a2c64857cab46c7bcef4d17dab462fa9ba7d5f', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
189
189
  }
190
190
  static get style() { return treeViewCss(); }
191
191
  }, [1, "dso-tree-view", {
@@ -1,4 +1,4 @@
1
- import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { d as debounce } from './p-baWVwd8J.js';
4
4
 
@@ -218,9 +218,9 @@ const ViewerGrid = /*@__PURE__*/ proxyCustomElement(class ViewerGrid extends H {
218
218
  }
219
219
  }
220
220
  render() {
221
- return (h(Fragment, { key: '69a7b9d6956d0238f57fc3a7b21a1ecae9aacf78' }, h("slot", { key: 'b5a9aa2c800972284aafe7667d57da10be909379', name: "top-bar" }), h("div", { key: '96695156177c261841c1ebb4dacb9a488e31624e', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'db4823b2fab2e27a5e13f6f5d4bb613b82977d16', class: "dso-navbar" }, h("ul", { key: '9cd931e9693c96516fd800be0eb5e7df993a4023', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (h(MainPanel, { key: '523b13cf9dd9c67b2930e9494c606af41b572888', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (h("div", { key: 'a6d1dba4230967f6e70f00ebe447d7e78bac5f78', class: "map-area" }, h("div", { key: '31c3d2288d1c61c9bc5d86d582f921dd9bf6bd74', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: 'aba536a452d4d59608564a95c6342c3b02af0ddb', name: "map" })), h("slot", { key: '5c486a1a2c691c917a63540ce7cff4e755e1d541', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
221
+ return (h(Fragment, { key: '5995ddedbe87df5fb4188f6eff116636e98c2368' }, h("slot", { key: 'adebc0cc61e9a923bc0cba4d5063cea7fb5ed5c1', name: "top-bar" }), h("div", { key: '913db2f6c79b23988914074bc82e57190427b69e', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '8481e98e574fea3cf2093fd4609ac43ec110e04f', class: "dso-navbar" }, h("ul", { key: 'd145c5ac349f6b566358a4fae5ff705e6958f95e', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (h(MainPanel, { key: '0e722a12cd3025d55d3329d9ae78f6d0ed6ccb67', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (h("div", { key: '883ca41a6c9924fef51daf96bc8c798096af7a77', class: "map-area" }, h("div", { key: '89ff4ea516ed0b208d76b2ec88d45e6ae25d7210', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '362ff8fb2f77819c2932b0984eb2ada27bd283e4', name: "map" })), h("slot", { key: '76264bff48335feffa021befd226a086c60885c6', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
222
222
  (this.tabView && this.activeTab === "document") ||
223
- this.print) && (h(DocumentPanel, { key: '42667326ab4c77b38c7bee479713349e5789d115', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '87c1b94862cedda8980d5630c3fa9fdd90ac7eca', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
223
+ this.print) && (h(DocumentPanel, { key: 'b33db41963f5a473f3a1a6c80f1f9c729cdc5e4f', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'bb8f3d93c7df09c7d5b01cade9220151fca659fc', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
224
224
  }
225
225
  get host() { return this; }
226
226
  static get watchers() { return {
@@ -1,21 +1,21 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
- import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-BSvOi0zH.js';
3
- import { d as defineCustomElement$i } from './p-CC_FTvSe.js';
4
- import { d as defineCustomElement$h } from './p-DChzHBbI.js';
5
- import { d as defineCustomElement$g } from './p-Cs38e0-P.js';
6
- import { d as defineCustomElement$f } from './p-DoZnyoat.js';
7
- import { d as defineCustomElement$e } from './p-C9U8p69U.js';
8
- import { d as defineCustomElement$d } from './p-J6T9IaVD.js';
9
- import { d as defineCustomElement$c } from './p-C-LiStfD.js';
10
- import { d as defineCustomElement$b } from './p-CyyXeBpT.js';
11
- import { d as defineCustomElement$a } from './p-BdeLamBx.js';
12
- import { d as defineCustomElement$8 } from './p-A4t9O4cN.js';
13
- import { d as defineCustomElement$7 } from './p-Dhml-KNY.js';
14
- import { d as defineCustomElement$6 } from './p-DTsQJazx.js';
15
- import { d as defineCustomElement$5 } from './p-lAMOCPzk.js';
16
- import { d as defineCustomElement$4 } from './p-DjX5FuBA.js';
17
- import { d as defineCustomElement$3 } from './p-CIYEcIdu.js';
18
- import { d as defineCustomElement$2 } from './p-BSPLBZYE.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
+ import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-DjjtmXG1.js';
3
+ import { d as defineCustomElement$i } from './p-BR4Wwofa.js';
4
+ import { d as defineCustomElement$h } from './p-CGMsjQ6J.js';
5
+ import { d as defineCustomElement$g } from './p-DG-hjWwI.js';
6
+ import { d as defineCustomElement$f } from './p-x09FwzWO.js';
7
+ import { d as defineCustomElement$e } from './p-D4j9nwzL.js';
8
+ import { d as defineCustomElement$d } from './p-Bx8conHY.js';
9
+ import { d as defineCustomElement$c } from './p-BmY4hTti.js';
10
+ import { d as defineCustomElement$b } from './p-Bd35GheA.js';
11
+ import { d as defineCustomElement$a } from './p-B-GfCYhY.js';
12
+ import { d as defineCustomElement$8 } from './p-CVIuSw9l.js';
13
+ import { d as defineCustomElement$7 } from './p-BQcnM5u_.js';
14
+ import { d as defineCustomElement$6 } from './p-Cg-toWNU.js';
15
+ import { d as defineCustomElement$5 } from './p-V_fupnem.js';
16
+ import { d as defineCustomElement$4 } from './p-BnfsOsGc.js';
17
+ import { d as defineCustomElement$3 } from './p-BZOAPh8X.js';
18
+ import { d as defineCustomElement$2 } from './p-D1XWMOcT.js';
19
19
 
20
20
  /**
21
21
  * lodash (Custom Build) <https://lodash.com/>
@@ -1,5 +1,5 @@
1
- import { t as transformTag } from './p-Di7uBIhp.js';
2
- export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-Di7uBIhp.js';
1
+ import { t as transformTag } from './p-CiFTQ7lb.js';
2
+ export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CiFTQ7lb.js';
3
3
  import { DsoAccordion } from './dso-accordion.js';
4
4
  import { DsoAccordionSection } from './dso-accordion-section.js';
5
5
  import { DsoActionList } from './dso-action-list.js';
@@ -27,7 +27,9 @@ import { DsoDropdownMenu } from './dso-dropdown-menu.js';
27
27
  import { DsoDropdownMenuGroup } from './dso-dropdown-menu-group.js';
28
28
  import { DsoDropdownMenuItem } from './dso-dropdown-menu-item.js';
29
29
  import { DsoExpandable } from './dso-expandable.js';
30
+ import { DsoGridColumn } from './dso-grid-column.js';
30
31
  import { DsoHeader } from './dso-header.js';
32
+ import { DsoHeroImage } from './dso-hero-image.js';
31
33
  import { DsoHighlightBox } from './dso-highlight-box.js';
32
34
  import { DsoHistoryItem } from './dso-history-item.js';
33
35
  import { DsoIcon } from './dso-icon.js';
@@ -63,6 +65,8 @@ import { DsoResponsiveElement } from './dso-responsive-element.js';
63
65
  import { DsoScrollable } from './dso-scrollable.js';
64
66
  import { DsoSegmentedButton } from './dso-segmented-button.js';
65
67
  import { DsoSelectable } from './dso-selectable.js';
68
+ import { DsoShoppingCart } from './dso-shopping-cart.js';
69
+ import { DsoShoppingCartItem } from './dso-shopping-cart-item.js';
66
70
  import { DsoSkiplink } from './dso-skiplink.js';
67
71
  import { DsoSlideToggle } from './dso-slide-toggle.js';
68
72
  import { DsoSurveyRating } from './dso-survey-rating.js';
@@ -104,7 +108,9 @@ const defineCustomElements = (opts) => {
104
108
  DsoDropdownMenuGroup,
105
109
  DsoDropdownMenuItem,
106
110
  DsoExpandable,
111
+ DsoGridColumn,
107
112
  DsoHeader,
113
+ DsoHeroImage,
108
114
  DsoHighlightBox,
109
115
  DsoHistoryItem,
110
116
  DsoIcon,
@@ -140,6 +146,8 @@ const defineCustomElements = (opts) => {
140
146
  DsoScrollable,
141
147
  DsoSegmentedButton,
142
148
  DsoSelectable,
149
+ DsoShoppingCart,
150
+ DsoShoppingCartItem,
143
151
  DsoSkiplink,
144
152
  DsoSlideToggle,
145
153
  DsoSurveyRating,
@@ -1,10 +1,10 @@
1
- import { h, p as proxyCustomElement, H, d as createEvent, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { h, p as proxyCustomElement, H, d as createEvent, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { g as getActiveElement } from './p-BWkWD1Z2.js';
4
4
  import { i as i18n } from './p-CCOI5nUo.js';
5
- import { d as defineCustomElement$3 } from './p-C9U8p69U.js';
6
- import { d as defineCustomElement$2 } from './p-J6T9IaVD.js';
7
- import { d as defineCustomElement$1 } from './p-DjX5FuBA.js';
5
+ import { d as defineCustomElement$3 } from './p-D4j9nwzL.js';
6
+ import { d as defineCustomElement$2 } from './p-Bx8conHY.js';
7
+ import { d as defineCustomElement$1 } from './p-BnfsOsGc.js';
8
8
  import { v as v4 } from './p-CK3_k8jD.js';
9
9
 
10
10
  const Body = () => {
@@ -117,7 +117,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
117
117
  }
118
118
  }
119
119
  render() {
120
- return (h("dialog", { key: '39b0faca17e1b2ecb01bfe655a45bd818e1029ce', class: clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: 'fd189c17664c0e0215190d7daa14074bd319a23c', class: "dso-dialog" }, this.narrowView ? (h("dso-scrollable", { class: "narrow" }, h("div", { class: "modal-scrollable" }, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h(Body, null), this.hasFooter && h(Footer, null)))) : (h(Fragment, null, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h("dso-scrollable", null, h(Body, null)), this.hasFooter && h(Footer, null))))));
120
+ return (h("dialog", { key: '95e686459015cbecfef763fd35b56aba60ce1639', class: clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '6901f74149102b7ee988a3f5b297c8e660691ada', class: "dso-dialog" }, this.narrowView ? (h("dso-scrollable", { class: "narrow" }, h("div", { class: "modal-scrollable" }, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h(Body, null), this.hasFooter && h(Footer, null)))) : (h(Fragment, null, h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), h("dso-scrollable", null, h(Body, null)), this.hasFooter && h(Footer, null))))));
121
121
  }
122
122
  get host() { return this; }
123
123
  static get style() { return modalCss(); }
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, f as forceUpdate, h, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, f as forceUpdate, h, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
 
4
4
  const buttonGroupCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dso-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-start-end-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-end-start-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}`;
@@ -1,6 +1,6 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
- import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
3
- import { d as defineCustomElement$1 } from './p-J6T9IaVD.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
+ import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
3
+ import { d as defineCustomElement$1 } from './p-Bx8conHY.js';
4
4
 
5
5
  const infoCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}`;
6
6
 
@@ -14,7 +14,7 @@ const Info = /*@__PURE__*/ proxyCustomElement(class Info extends H {
14
14
  this.dsoClose = createEvent(this, "dsoClose", 7);
15
15
  }
16
16
  render() {
17
- return (h(Fragment, { key: '7c3f9fed7a8ab8dbabe817e1b978e940f26f27f8' }, h("slot", { key: '74dbbbdf2d445f448a7de100196ef0df2305734f' }), !this.fixed && (h("dso-icon-button", { key: '62d95155d61bfd7c671c5964c7837e587cf6998c', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
17
+ return (h(Fragment, { key: '3a3fa3f36c53a01e0c2a9ceff9c17002543596cd' }, h("slot", { key: 'f5eba0eb7309ecb410bab297c6cb871deb2bb8f2' }), !this.fixed && (h("dso-icon-button", { key: 'e0546bb603a08250cb872df96bc76ea961a03c53', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
18
18
  }
19
19
  static get style() { return infoCss(); }
20
20
  }, [257, "dso-info", {
@@ -1,8 +1,8 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { i as i18n } from './p-CCOI5nUo.js';
4
- import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
5
- import { d as defineCustomElement$1 } from './p-J6T9IaVD.js';
4
+ import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
5
+ import { d as defineCustomElement$1 } from './p-Bx8conHY.js';
6
6
 
7
7
  const translations = {
8
8
  en: {
@@ -34,7 +34,7 @@ const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends H {
34
34
  this.text = i18n(() => this.host, translations);
35
35
  }
36
36
  render() {
37
- return (h("div", { key: '8fac01bb43014a44a749a1d45f9e679c20594737', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '1d713c9c888cee755e71683967ff0e377fc624c9', class: "panel-heading" }, h("slot", { key: 'dda8556dbe5e8fa093ff11887b1d27eb7f9acb10', name: "heading" }), h("dso-icon-button", { key: '41210da716ed386c9161ec56dfed61ba001f2888', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '65678bbe11a0e341422356e9a610f5498a849212', class: "panel-body" }, h("slot", { key: 'ef324ca8986e9e85b1e7201eec0f613ab8141102' }))));
37
+ return (h("div", { key: 'b61864e9ce71b57480e0f2216a17a11b378b6949', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'fbea75d79e53a3ecd9d619970ac419f01b01ab34', class: "panel-heading" }, h("slot", { key: '0fbb52b16f347b055ca7e50da00aa0d92cada5bc', name: "heading" }), h("dso-icon-button", { key: 'da298308ba8e537c219e211c17405b8ccdb05086', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '76d931a63cdb534b87407512c888929d95a3c4be', class: "panel-body" }, h("slot", { key: 'b8ac94b0791a2bdf080b15227613c61a045cc7fb' }))));
38
38
  }
39
39
  get host() { return this; }
40
40
  static get style() { return panelCss(); }
@@ -1,8 +1,8 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { i as i18n } from './p-CCOI5nUo.js';
4
- import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
5
- import { d as defineCustomElement$1 } from './p-J6T9IaVD.js';
4
+ import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
5
+ import { d as defineCustomElement$1 } from './p-Bx8conHY.js';
6
6
 
7
7
  const translations = {
8
8
  en: {
@@ -1,4 +1,4 @@
1
- import { h, F as Fragment } from './p-Di7uBIhp.js';
1
+ import { h, F as Fragment } from './p-CiFTQ7lb.js';
2
2
 
3
3
  const AnnotationListRenvooiValues = ({ values }) => {
4
4
  return (h(Fragment, null, values?.map((v, i) => (h(Fragment, null, i > 0 && ", ", h("dso-renvooi", { value: v }))))));
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { v as v4 } from './p-CK3_k8jD.js';
3
3
 
4
4
  const slideToggleCss = () => `.sc-dso-slide-toggle-h{display:inline-block;padding-block-start:calc((1.5rem - 20px) * 0.5)}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}`;
@@ -33,7 +33,7 @@ const SlideToggle = /*@__PURE__*/ proxyCustomElement(class SlideToggle extends H
33
33
  this.hasVisibleLabel = this.host.querySelector("*") !== null;
34
34
  }
35
35
  render() {
36
- return (h(Fragment, { key: 'f29e98abd199c5131882103b2baeebd9d55715e2' }, h("button", { key: '768b778d2a35dc6fb5293c4a6947d6fb6de62239', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '287c4a04cc8d9bae3be93a687366f482908ce75d', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: 'e60a6542a1f33a120f5f60ef27e44bb18d999fb3', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '62f24316cf0a6fc9d7b2bf7a3eb2ba05e355ebf3', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '225a274cec5a2848522935d4d471d76c1383b5dc', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'e63be2ae88ed2c4de80410fb262cb46439679425', htmlFor: this.identifier }, h("slot", { key: 'eac4fbd7ee0590be61ef17ad4148c92ee6e35e92' })))));
36
+ return (h(Fragment, { key: 'a9f4102df6359a337919acba29a04a63a7081ecc' }, h("button", { key: 'c1ca5b957f98fd775784db904dbefd2290b5c51d', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'e1f08afbfb5d2982382e2caca7973bd731992688', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '6959133349065a0c1c1b3819a6a337af77fb417c', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'a3374b9830448922a698fcc147346a19de74108a', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '645810d2e0742f0ca4da361f09aa4ef835b1fde0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'fec9a4cae5f4db920452ac1dd269b4a4c474574a', htmlFor: this.identifier }, h("slot", { key: '79f4ab4d92e3e6bee2ebb99385d3f0af3fbbec83' })))));
37
37
  }
38
38
  get host() { return this; }
39
39
  static get style() { return slideToggleCss(); }
@@ -1,9 +1,9 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { d as debounce } from './p-baWVwd8J.js';
4
- import { p as positionTooltip, T as Tooltip } from './p-BPeUsEu7.js';
5
- import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
6
- import { d as defineCustomElement$1 } from './p-J6T9IaVD.js';
4
+ import { p as positionTooltip, T as Tooltip } from './p-DFhKaDMe.js';
5
+ import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
6
+ import { d as defineCustomElement$1 } from './p-Bx8conHY.js';
7
7
 
8
8
  const labelCss = () => `.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}:host([truncate]) .dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}`;
9
9
 
@@ -128,11 +128,11 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
128
128
  this.isTruncated = false;
129
129
  }
130
130
  render() {
131
- return (h(Fragment, { key: 'c8aaaf84c416b79bb9c503ad2533ac1213f35c92' }, h("span", { key: '37ad4980bb5781c64814f1efd13d156b31f08bfd', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
131
+ return (h(Fragment, { key: '11bb06a9f5d4525603598ccaa9df636578ef54d2' }, h("span", { key: '9838e196c72faa9079648a80f6a1ad57f2b8b8f7', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
132
132
  [`dso-label-${this.status}`]: this.status,
133
133
  "dso-compact": this.compact && !this.removable,
134
134
  "dso-hover": this.removeHover || this.removeFocus,
135
- }) }, h("slot", { key: '693997722133ee6d6e151e73d39f4a05ac2404be', name: "symbol" }), h("span", { key: '8831bad458c6fa2082aa2be762725f230d03ec99', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: 'cb098c6c42929b477c4a77257d035675bcc68cdc' })), this.removable && (h("dso-icon-button", { key: '47a66249b07c099a017d61ae62c7e975dc9539d7', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h(Tooltip, { key: '9efda637811c456b0d9e7290c60508c1b3c62a9b', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '9c90dc4d8d07619b2ae39883200782f3bb2f95b2', id: "toggle-anchor" }, this.labelText)))));
135
+ }) }, h("slot", { key: 'ba90debe1c000daae0d560cac4afe4e8f91d2cf3', name: "symbol" }), h("span", { key: '7e0acbc2f55edb62ecfbac023b71c9da27102749', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, h("slot", { key: '7dfaf2ab9bdbef0a9b660bbca920018e34b315aa' })), this.removable && (h("dso-icon-button", { key: '1aca550af7bca4170c5f4c5ffb949d265bc3e067', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h(Tooltip, { key: '12e609e1f0589d410f2f513652dda0d9ae0e0668', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '136ab7144cb6e21411efd3699274fe0ebc8d14c5', id: "toggle-anchor" }, this.labelText)))));
136
136
  }
137
137
  get host() { return this; }
138
138
  static get watchers() { return {
@@ -1,7 +1,7 @@
1
- import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host, t as transformTag } from './p-Di7uBIhp.js';
1
+ import { p as proxyCustomElement, H, f as forceUpdate, h, c as Host, t as transformTag } from './p-CiFTQ7lb.js';
2
2
  import { d as debounce } from './p-baWVwd8J.js';
3
- import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
4
- import { d as defineCustomElement$1 } from './p-J6T9IaVD.js';
3
+ import { d as defineCustomElement$2 } from './p-D4j9nwzL.js';
4
+ import { d as defineCustomElement$1 } from './p-Bx8conHY.js';
5
5
 
6
6
  const imageOverlayCss = () => `:host{display:inline-block;position:relative}:host .wrapper{overflow:visible;padding:0;border:0}:host .wrapper::backdrop{background-color:rgba(255, 255, 255, 0.8)}:host(:hover) .open,.open:focus{opacity:1}.open{opacity:0;position:absolute;inset-inline-end:16px;inset-block-start:16px}.wrapper{align-self:center;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);line-height:0;outline:4px solid #fff;z-index:20}.wrapper .title{background-color:#fff;font-weight:700;line-height:initial;padding:8px;position:absolute}.wrapper img{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:calc(100vh - 64px)}.wrapper .figuur-bijschrift:not([hidden]){display:block;font-size:0.75rem;font-style:italic;padding-block-end:12px;padding-block-start:16px}.close{position:absolute;inset-block-start:16px;inset-inline-end:16px}ins.editaction-add{display:inline-block;margin-block-end:8px;padding:8px;text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper{outline:none;padding:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper .editaction-label{line-height:1.5}ins.editaction-add .wrapper .close{inset-block-start:48px}ins.editaction-add .open{inset-block-start:48px}del.editaction-remove{display:inline-block;margin-block-end:8px;padding:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove{font-family:sans-serif}}del.editaction-remove .wrapper{outline:none;padding:8px;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove .wrapper{font-family:sans-serif}}del.editaction-remove .wrapper .title{text-decoration:line-through}del.editaction-remove .wrapper .editaction-label{line-height:1.5}del.editaction-remove .wrapper .close{inset-block-start:48px}del.editaction-remove .open{inset-block-start:48px}.editaction-label{font-style:italic;margin-block-end:8px}`;
7
7