@dso-toolkit/core 95.2.0 → 97.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (498) hide show
  1. package/dist/bundle/dso-accordion-section.js +9 -9
  2. package/dist/bundle/dso-accordion.js +1 -1
  3. package/dist/bundle/dso-action-list-item.js +2 -2
  4. package/dist/bundle/dso-action-list.js +2 -2
  5. package/dist/bundle/dso-advanced-select.js +11 -10
  6. package/dist/bundle/dso-alert.js +1 -1
  7. package/dist/bundle/dso-annotation-activiteit.js +10 -10
  8. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +9 -9
  9. package/dist/bundle/dso-annotation-kaart.js +6 -6
  10. package/dist/bundle/dso-annotation-locatie.js +1 -1
  11. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +10 -10
  12. package/dist/bundle/dso-attachments-counter.js +1 -1
  13. package/dist/bundle/dso-autosuggest.js +11 -7
  14. package/dist/bundle/dso-badge.js +1 -1
  15. package/dist/bundle/dso-banner.js +18 -6
  16. package/dist/bundle/dso-button-group.js +1 -1
  17. package/dist/bundle/dso-card-container.js +3 -3
  18. package/dist/bundle/dso-card.js +4 -4
  19. package/dist/bundle/dso-contact-information.js +2 -2
  20. package/dist/bundle/dso-cursor-tooltip.js +3 -3
  21. package/dist/bundle/dso-date-picker.js +2 -2
  22. package/dist/bundle/dso-document-card.js +3 -3
  23. package/dist/bundle/dso-document-component.js +1 -1
  24. package/dist/bundle/dso-dropdown-menu.js +203 -1
  25. package/dist/bundle/dso-expandable.js +1 -1
  26. package/dist/bundle/dso-header.js +108 -15
  27. package/dist/bundle/dso-highlight-box.js +2 -2
  28. package/dist/bundle/dso-history-item.js +3 -3
  29. package/dist/bundle/dso-icon-button.js +1 -1
  30. package/dist/bundle/dso-icon.js +1 -1
  31. package/dist/bundle/dso-image-overlay.js +1 -1
  32. package/dist/bundle/dso-info-button.js +1 -1
  33. package/dist/bundle/dso-info.js +1 -1
  34. package/dist/bundle/dso-input-range.js +3 -3
  35. package/dist/bundle/dso-label.js +1 -1
  36. package/dist/bundle/dso-legend-group.js +4 -4
  37. package/dist/bundle/dso-legend-item.js +9 -9
  38. package/dist/bundle/dso-legend.js +5 -5
  39. package/dist/bundle/dso-list-button.js +8 -8
  40. package/dist/bundle/dso-logo.js +2 -2
  41. package/dist/bundle/dso-map-base-layers.js +8 -8
  42. package/dist/bundle/dso-map-controls.js +10 -10
  43. package/dist/bundle/dso-map-layer-object.js +5 -5
  44. package/dist/bundle/dso-map-layer.js +5 -5
  45. package/dist/bundle/dso-map-message.js +5 -5
  46. package/dist/bundle/dso-map-overlays.js +8 -8
  47. package/dist/bundle/dso-mark-bar.js +4 -4
  48. package/dist/bundle/dso-modal.js +1 -1
  49. package/dist/bundle/dso-onboarding-tip.js +6 -6
  50. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  51. package/dist/bundle/dso-ozon-content.js +1 -1
  52. package/dist/bundle/dso-pagination.js +3 -3
  53. package/dist/bundle/dso-panel.js +1 -1
  54. package/dist/bundle/dso-plekinfo-card.js +5 -5
  55. package/dist/bundle/dso-progress-indicator.js +1 -1
  56. package/dist/bundle/dso-project-item.js +5 -5
  57. package/dist/bundle/dso-renvooi.js +1 -1
  58. package/dist/bundle/dso-responsive-element.js +1 -1
  59. package/dist/bundle/dso-scrollable.js +1 -1
  60. package/dist/bundle/dso-segmented-button.js +2 -2
  61. package/dist/bundle/dso-selectable.js +1 -1
  62. package/dist/bundle/dso-skiplink.js +3 -3
  63. package/dist/bundle/dso-slide-toggle.js +1 -1
  64. package/dist/bundle/dso-survey-rating.js +7 -7
  65. package/dist/bundle/dso-tab.js +1 -1
  66. package/dist/bundle/dso-table.js +1 -1
  67. package/dist/bundle/dso-tabs.js +2 -2
  68. package/dist/bundle/dso-tijdreis-banner.js +4 -4
  69. package/dist/bundle/dso-tooltip.js +2 -2
  70. package/dist/bundle/dso-tree-view.js +4 -4
  71. package/dist/bundle/dso-viewer-grid.js +2 -2
  72. package/dist/bundle/dsot-document-component-demo.js +19 -19
  73. package/dist/bundle/index.js +2 -2
  74. package/dist/bundle/{p-RkXc1mJn.js → p-0h9cOnX9.js} +7 -7
  75. package/dist/bundle/p-6-0kKG2F.js +189 -0
  76. package/dist/bundle/{p-DZGMkIzK.js → p-B2ZlmdWO.js} +5 -5
  77. package/dist/bundle/{p-B5uIYOPn.js → p-B41mHKWC.js} +18 -18
  78. package/dist/bundle/{p-DBi6XQa8.js → p-BIShp3sw.js} +1 -1
  79. package/dist/bundle/{p-Bh6sbzpT.js → p-BNEJjrr8.js} +2 -2
  80. package/dist/bundle/{p-BLZJxjte.js → p-Bh_AjQ7z.js} +40 -19
  81. package/dist/bundle/p-BnDZHxeO.js +166 -0
  82. package/dist/bundle/{p-CjrG2WYI.js → p-C-8vTVVo.js} +9 -9
  83. package/dist/bundle/{p-ClIxAe6b.js → p-C332B2dN.js} +6 -6
  84. package/dist/bundle/{p-DV3b_VnF.js → p-C7VfGukK.js} +2 -2
  85. package/dist/bundle/{p-7h6dLq9M.js → p-CA57bAyP.js} +3 -3
  86. package/dist/bundle/{p-DAF7EsKp.js → p-CFPWVcsY.js} +5 -5
  87. package/dist/bundle/{p-B9XEou_S.js → p-CKnJRPZn.js} +4 -4
  88. package/dist/bundle/{p-CuGyp3WQ.js → p-CcFEBE0l.js} +3 -3
  89. package/dist/bundle/{p-B3m8trPV.js → p-CgXakBQA.js} +1 -1
  90. package/dist/bundle/{p-C_yE-yT4.js → p-ChO20JhC.js} +3 -3
  91. package/dist/bundle/{p-DQ4k80p_.js → p-D1ciWwSo.js} +2 -2
  92. package/dist/bundle/{p-B-VMnSMl.js → p-D33HZm70.js} +5 -5
  93. package/dist/bundle/{p-CpHN9nNa.js → p-DYFOhFhk.js} +2 -2
  94. package/dist/bundle/{p-BSaHsr79.js → p-DaRtnn5i.js} +1 -1
  95. package/dist/bundle/{p-DoVqfHFv.js → p-DgKvq-q9.js} +1 -1
  96. package/dist/bundle/{p-CbZsDFSf.js → p-DtNjY6f6.js} +5 -5
  97. package/dist/bundle/{p-BbrcIY5U.js → p-HMxVj4ab.js} +4 -4
  98. package/dist/bundle/{p-DInlGNus.js → p-HXung-P3.js} +11 -11
  99. package/dist/bundle/{p-5nlGueoS.js → p-WEiXvjCu.js} +1 -1
  100. package/dist/bundle/{p-DIM0fY1S.js → p-jon8ZgCu.js} +2 -2
  101. package/dist/bundle/{p-NCJ9jUD-.js → p-rHiKziuf.js} +1 -1
  102. package/dist/bundle/p-z2uKmX1Q.js +83 -0
  103. package/dist/bundle/p-zYhsKlIm.js +124 -0
  104. package/dist/cjs/{annotation-body-BYBiDMDz.js → annotation-body-DorcBRdu.js} +1 -1
  105. package/dist/cjs/{annotation-list-renvooi-values-D5GfwuRO.js → annotation-list-renvooi-values-DY_nt_wa.js} +1 -1
  106. package/dist/cjs/{annotation-watcher-DRtgT1BA.js → annotation-watcher-DuftgGaK.js} +1 -1
  107. package/dist/cjs/dso-accordion-section.cjs.entry.js +2 -2
  108. package/dist/cjs/dso-accordion.cjs.entry.js +1 -1
  109. package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
  110. package/dist/cjs/dso-action-list.cjs.entry.js +2 -2
  111. package/dist/cjs/dso-advanced-select.cjs.entry.js +5 -4
  112. package/dist/cjs/dso-alert_7.cjs.entry.js +13 -13
  113. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +5 -5
  114. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +4 -4
  115. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +3 -3
  116. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +10 -10
  117. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +5 -5
  118. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +4 -4
  119. package/dist/cjs/dso-autosuggest.cjs.entry.js +8 -4
  120. package/dist/cjs/dso-banner.cjs.entry.js +10 -4
  121. package/dist/cjs/dso-button-group.cjs.entry.js +2 -2
  122. package/dist/cjs/dso-card-container.cjs.entry.js +3 -3
  123. package/dist/cjs/dso-card.cjs.entry.js +3 -3
  124. package/dist/cjs/dso-contact-information.cjs.entry.js +2 -2
  125. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +3 -3
  126. package/dist/cjs/dso-date-picker.cjs.entry.js +2 -2
  127. package/dist/cjs/dso-document-card.cjs.entry.js +2 -2
  128. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
  129. package/dist/cjs/dso-header.cjs.entry.js +104 -6
  130. package/dist/cjs/dso-highlight-box.cjs.entry.js +2 -2
  131. package/dist/cjs/dso-history-item.cjs.entry.js +2 -2
  132. package/dist/cjs/dso-icon_2.cjs.entry.js +11 -7
  133. package/dist/cjs/dso-info_3.cjs.entry.js +39 -18
  134. package/dist/cjs/dso-input-range.cjs.entry.js +3 -3
  135. package/dist/cjs/dso-label_3.cjs.entry.js +7 -7
  136. package/dist/cjs/dso-legend-group.cjs.entry.js +2 -2
  137. package/dist/cjs/dso-legend-item.cjs.entry.js +4 -4
  138. package/dist/cjs/dso-legend.cjs.entry.js +2 -2
  139. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  140. package/dist/cjs/dso-logo.cjs.entry.js +2 -2
  141. package/dist/cjs/dso-map-base-layers.cjs.entry.js +2 -2
  142. package/dist/cjs/dso-map-controls.cjs.entry.js +6 -6
  143. package/dist/cjs/dso-map-layer-object.cjs.entry.js +4 -4
  144. package/dist/cjs/dso-map-layer.cjs.entry.js +4 -4
  145. package/dist/cjs/dso-map-message.cjs.entry.js +4 -4
  146. package/dist/cjs/dso-map-overlays.cjs.entry.js +2 -2
  147. package/dist/cjs/dso-mark-bar.cjs.entry.js +2 -2
  148. package/dist/cjs/dso-modal.cjs.entry.js +2 -2
  149. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +3 -3
  150. package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
  151. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +4 -4
  152. package/dist/cjs/dso-progress-indicator.cjs.entry.js +2 -2
  153. package/dist/cjs/dso-project-item.cjs.entry.js +2 -2
  154. package/dist/cjs/dso-responsive-element.cjs.entry.js +2 -2
  155. package/dist/cjs/dso-scrollable.cjs.entry.js +3 -3
  156. package/dist/cjs/dso-segmented-button.cjs.entry.js +2 -2
  157. package/dist/cjs/dso-skiplink.cjs.entry.js +2 -2
  158. package/dist/cjs/dso-survey-rating.cjs.entry.js +4 -4
  159. package/dist/cjs/dso-tab.cjs.entry.js +1 -1
  160. package/dist/cjs/dso-tabs.cjs.entry.js +2 -2
  161. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +3 -3
  162. package/dist/cjs/dso-toolkit.cjs.js +2 -2
  163. package/dist/cjs/dso-tooltip.cjs.entry.js +2 -2
  164. package/dist/cjs/dso-tree-view.cjs.entry.js +2 -2
  165. package/dist/cjs/dso-viewer-grid.cjs.entry.js +2 -2
  166. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +2 -2
  167. package/dist/cjs/{index-v3FWnSvn.js → index-BOI4CviS.js} +1 -1
  168. package/dist/cjs/loader.cjs.js +2 -2
  169. package/dist/cjs/{parse-wijzigactie-from-node.function-joV1jDjd.js → parse-wijzigactie-from-node.function-BbYINqVA.js} +1 -1
  170. package/dist/cjs/{tooltip.functional-component-Dbxr_PJe.js → tooltip.functional-component-CW6vXWhM.js} +1 -1
  171. package/dist/cjs/{wrap-wijzigactie.functional-component-BDznkHgj.js → wrap-wijzigactie.functional-component-BOafAh_v.js} +1 -1
  172. package/dist/collection/components/accordion/components/accordion-section.css +8 -1
  173. package/dist/collection/components/action-list/action-list.css +9 -1
  174. package/dist/collection/components/advanced-select/advanced-select.css +64 -11
  175. package/dist/collection/components/advanced-select/advanced-select.js +3 -2
  176. package/dist/collection/components/alert/alert.css +32 -4
  177. package/dist/collection/components/annotation/annotation.css +16 -2
  178. package/dist/collection/components/attachments-counter/attachments-counter.js +2 -2
  179. package/dist/collection/components/autosuggest/autosuggest.js +7 -3
  180. package/dist/collection/components/badge/badge.css +240 -45
  181. package/dist/collection/components/banner/banner.css +236 -0
  182. package/dist/collection/components/banner/banner.js +9 -3
  183. package/dist/collection/components/button-group/button-group.js +1 -1
  184. package/dist/collection/components/card/card.js +2 -2
  185. package/dist/collection/components/card-container/card-container.css +6 -0
  186. package/dist/collection/components/card-container/card-container.js +1 -1
  187. package/dist/collection/components/contact-information/contact-information.js +1 -1
  188. package/dist/collection/components/cursor-tooltip/cursor-tooltip.css +10 -2
  189. package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +1 -1
  190. package/dist/collection/components/date-picker/date-picker.js +1 -1
  191. package/dist/collection/components/document-card/document-card.js +1 -1
  192. package/dist/collection/components/document-component/document-component.css +16 -2
  193. package/dist/collection/components/document-component/document-component.js +4 -4
  194. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  195. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  196. package/dist/collection/components/expandable/expandable.js +2 -2
  197. package/dist/collection/components/header/header.css +81 -132
  198. package/dist/collection/components/header/header.js +104 -5
  199. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  200. package/dist/collection/components/history-item/history-item.js +1 -1
  201. package/dist/collection/components/icon/icon.js +1 -1
  202. package/dist/collection/components/icon-button/icon-button.css +70 -5
  203. package/dist/collection/components/icon-button/icon-button.js +27 -3
  204. package/dist/collection/components/image-overlay/image-overlay.css +32 -4
  205. package/dist/collection/components/info/info.css +8 -1
  206. package/dist/collection/components/info/info.js +1 -1
  207. package/dist/collection/components/info-button/info-button.css +1 -0
  208. package/dist/collection/components/info-button/info-button.js +49 -13
  209. package/dist/collection/components/input-range/input-range.js +2 -2
  210. package/dist/collection/components/label/label.css +88 -14
  211. package/dist/collection/components/label/label.js +2 -2
  212. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  213. package/dist/collection/components/legend/legend-item/legend-item.css +0 -3
  214. package/dist/collection/components/legend/legend-item/legend-item.js +2 -2
  215. package/dist/collection/components/legend/legend.js +1 -1
  216. package/dist/collection/components/list-button/list-button.js +1 -1
  217. package/dist/collection/components/logo/logo.js +1 -1
  218. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  219. package/dist/collection/components/map-controls/map-controls.js +5 -5
  220. package/dist/collection/components/map-layer/components/map-layer-object.css +23 -5
  221. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  222. package/dist/collection/components/map-layer/map-layer.css +16 -2
  223. package/dist/collection/components/map-layer/map-layer.js +1 -1
  224. package/dist/collection/components/map-message/map-message.css +10 -2
  225. package/dist/collection/components/map-message/map-message.js +2 -2
  226. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  227. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  228. package/dist/collection/components/modal/modal.js +1 -1
  229. package/dist/collection/components/onboarding-tip/onboarding-tip.css +10 -2
  230. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  231. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
  232. package/dist/collection/components/ozon-content/ozon-content.css +112 -14
  233. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  234. package/dist/collection/components/panel/panel.css +8 -1
  235. package/dist/collection/components/panel/panel.js +1 -1
  236. package/dist/collection/components/plekinfo-card/plekinfo-card.css +16 -2
  237. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  238. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  239. package/dist/collection/components/project-item/project-item.js +1 -1
  240. package/dist/collection/components/renvooi/renvooi.css +16 -2
  241. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  242. package/dist/collection/components/scrollable/scrollable.js +2 -2
  243. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  244. package/dist/collection/components/selectable/selectable.js +1 -1
  245. package/dist/collection/components/skiplink/skiplink.js +1 -1
  246. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  247. package/dist/collection/components/survey-rating/survey-rating.css +64 -11
  248. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  249. package/dist/collection/components/table/table.js +1 -1
  250. package/dist/collection/components/tabs/tabs.js +1 -1
  251. package/dist/collection/components/tijdreis-banner/tijdreis-banner.css +10 -2
  252. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  253. package/dist/collection/components/tooltip/tooltip.js +1 -1
  254. package/dist/collection/components/tree-view/tree-view.js +1 -1
  255. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  256. package/dist/components/alert.js +1 -1
  257. package/dist/components/annotation-locatie.js +1 -1
  258. package/dist/components/attachments-counter.js +1 -1
  259. package/dist/components/badge.js +1 -1
  260. package/dist/components/button-group.js +1 -1
  261. package/dist/components/document-component.js +1 -1
  262. package/dist/components/dso-accordion-section.js +1 -1
  263. package/dist/components/dso-action-list.js +1 -1
  264. package/dist/components/dso-advanced-select.js +3 -3
  265. package/dist/components/dso-annotation-activiteit.js +1 -1
  266. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  267. package/dist/components/dso-annotation-kaart.js +1 -1
  268. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  269. package/dist/components/dso-autosuggest.js +1 -1
  270. package/dist/components/dso-banner.js +1 -1
  271. package/dist/components/dso-card-container.js +1 -1
  272. package/dist/components/dso-card.js +1 -1
  273. package/dist/components/dso-contact-information.js +1 -1
  274. package/dist/components/dso-cursor-tooltip.js +1 -1
  275. package/dist/components/dso-date-picker.js +1 -1
  276. package/dist/components/dso-document-card.js +1 -1
  277. package/dist/components/dso-dropdown-menu.js +1 -1
  278. package/dist/components/dso-header.js +1 -1
  279. package/dist/components/dso-highlight-box.js +1 -1
  280. package/dist/components/dso-history-item.js +1 -1
  281. package/dist/components/dso-input-range.js +1 -1
  282. package/dist/components/dso-legend-group.js +1 -1
  283. package/dist/components/dso-legend-item.js +1 -1
  284. package/dist/components/dso-legend.js +1 -1
  285. package/dist/components/dso-list-button.js +1 -1
  286. package/dist/components/dso-logo.js +1 -1
  287. package/dist/components/dso-map-base-layers.js +1 -1
  288. package/dist/components/dso-map-controls.js +1 -1
  289. package/dist/components/dso-map-layer-object.js +1 -1
  290. package/dist/components/dso-map-layer.js +1 -1
  291. package/dist/components/dso-map-message.js +1 -1
  292. package/dist/components/dso-map-overlays.js +1 -1
  293. package/dist/components/dso-mark-bar.js +1 -1
  294. package/dist/components/dso-onboarding-tip.js +1 -1
  295. package/dist/components/dso-plekinfo-card.js +1 -1
  296. package/dist/components/dso-project-item.js +1 -1
  297. package/dist/components/dso-segmented-button.js +1 -1
  298. package/dist/components/dso-skiplink.js +1 -1
  299. package/dist/components/dso-survey-rating.js +1 -1
  300. package/dist/components/dso-tabs.js +1 -1
  301. package/dist/components/dso-tijdreis-banner.js +1 -1
  302. package/dist/components/dso-tooltip.js +1 -1
  303. package/dist/components/dso-tree-view.js +1 -1
  304. package/dist/components/dso-viewer-grid.js +1 -1
  305. package/dist/components/dsot-document-component-demo.js +1 -1
  306. package/dist/components/expandable.js +1 -1
  307. package/dist/components/icon-button.js +1 -1
  308. package/dist/components/icon.js +1 -1
  309. package/dist/components/image-overlay.js +1 -1
  310. package/dist/components/info-button.js +1 -1
  311. package/dist/components/info.js +1 -1
  312. package/dist/components/label.js +1 -1
  313. package/dist/components/modal.js +1 -1
  314. package/dist/components/ozon-content-toggletip.js +1 -1
  315. package/dist/components/ozon-content.js +1 -1
  316. package/dist/components/panel.js +1 -1
  317. package/dist/components/progress-indicator.js +1 -1
  318. package/dist/components/renvooi.js +1 -1
  319. package/dist/components/responsive-element.js +1 -1
  320. package/dist/components/scrollable.js +1 -1
  321. package/dist/components/selectable.js +1 -1
  322. package/dist/components/slide-toggle.js +1 -1
  323. package/dist/components/table.js +1 -1
  324. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  325. package/dist/dso-toolkit/p-0146f231.entry.js +1 -0
  326. package/dist/dso-toolkit/p-040f3f53.entry.js +1 -0
  327. package/dist/dso-toolkit/p-0cc62094.entry.js +1 -0
  328. package/dist/dso-toolkit/p-181cb6f7.entry.js +1 -0
  329. package/dist/dso-toolkit/p-1bb92456.entry.js +7 -0
  330. package/dist/dso-toolkit/p-1ea5fb0d.entry.js +1 -0
  331. package/dist/dso-toolkit/{p-20fb5b5a.entry.js → p-2d1eb113.entry.js} +1 -1
  332. package/dist/dso-toolkit/p-2edbfaae.entry.js +1 -0
  333. package/dist/dso-toolkit/{p-d685a2f7.entry.js → p-3047432c.entry.js} +1 -1
  334. package/dist/dso-toolkit/p-3fe44227.entry.js +1 -0
  335. package/dist/dso-toolkit/{p-885f6260.entry.js → p-4020bb89.entry.js} +1 -1
  336. package/dist/dso-toolkit/{p-d7c1ff76.entry.js → p-44549e9c.entry.js} +1 -1
  337. package/dist/dso-toolkit/p-483af9df.entry.js +1 -0
  338. package/dist/dso-toolkit/p-49b2bbb1.entry.js +1 -0
  339. package/dist/dso-toolkit/p-4a493df9.entry.js +1 -0
  340. package/dist/dso-toolkit/{p-cb1937ac.entry.js → p-540a8027.entry.js} +1 -1
  341. package/dist/dso-toolkit/{p-c45e35cb.entry.js → p-5a25d8d9.entry.js} +1 -1
  342. package/dist/dso-toolkit/p-61fd983a.entry.js +1 -0
  343. package/dist/dso-toolkit/{p-dd84ff10.entry.js → p-626ae90b.entry.js} +1 -1
  344. package/dist/dso-toolkit/p-65c7a604.entry.js +1 -0
  345. package/dist/dso-toolkit/{p-455afb41.entry.js → p-6ebe1b0e.entry.js} +1 -1
  346. package/dist/dso-toolkit/p-798eeae6.entry.js +1 -0
  347. package/dist/dso-toolkit/{p-169b492d.entry.js → p-7a809a49.entry.js} +1 -1
  348. package/dist/dso-toolkit/p-84f647aa.entry.js +1 -0
  349. package/dist/dso-toolkit/{p-6d3cc273.entry.js → p-85c2c887.entry.js} +1 -1
  350. package/dist/dso-toolkit/{p-151dd30f.entry.js → p-875b414d.entry.js} +1 -1
  351. package/dist/dso-toolkit/{p-57cd10e4.entry.js → p-8b9194ca.entry.js} +1 -1
  352. package/dist/dso-toolkit/{p-7e817da1.entry.js → p-8e206e7e.entry.js} +1 -1
  353. package/dist/dso-toolkit/{p-94db498f.entry.js → p-9b0716d8.entry.js} +1 -1
  354. package/dist/dso-toolkit/{p-44552258.entry.js → p-9ce75fcd.entry.js} +1 -1
  355. package/dist/dso-toolkit/{p-c59bc8c0.entry.js → p-9f1f2fa7.entry.js} +1 -1
  356. package/dist/dso-toolkit/p-AZpKxz9p.js +1 -0
  357. package/dist/dso-toolkit/{p-ViUybizz.js → p-BKr5d3Gu.js} +1 -1
  358. package/dist/dso-toolkit/{p-tZPA50GA.js → p-Chbfdofl.js} +1 -1
  359. package/dist/dso-toolkit/{p-DEkvng4d.js → p-Dev1bLxp.js} +1 -1
  360. package/dist/dso-toolkit/{p-uGZacrki.js → p-DrQGiJP8.js} +1 -1
  361. package/dist/dso-toolkit/p-PjubEIMY.js +1 -0
  362. package/dist/dso-toolkit/{p-9c186af8.entry.js → p-a14ee5bd.entry.js} +1 -1
  363. package/dist/dso-toolkit/{p-b295a325.entry.js → p-a286ac17.entry.js} +1 -1
  364. package/dist/dso-toolkit/{p-c92a750b.entry.js → p-a6a4c4a8.entry.js} +1 -1
  365. package/dist/dso-toolkit/{p-825dad32.entry.js → p-a8184705.entry.js} +1 -1
  366. package/dist/dso-toolkit/p-ab33a108.entry.js +1 -0
  367. package/dist/dso-toolkit/{p-b8614377.entry.js → p-b2202cd6.entry.js} +1 -1
  368. package/dist/dso-toolkit/p-b257edd9.entry.js +1 -0
  369. package/dist/dso-toolkit/{p-a64cbe94.entry.js → p-b270f26b.entry.js} +1 -1
  370. package/dist/dso-toolkit/{p-de4a1c14.entry.js → p-b2d0319d.entry.js} +1 -1
  371. package/dist/dso-toolkit/{p-037cc6e2.entry.js → p-b4747ac0.entry.js} +1 -1
  372. package/dist/dso-toolkit/{p-7f7f9551.entry.js → p-bb1f4780.entry.js} +1 -1
  373. package/dist/dso-toolkit/{p-c50752f2.entry.js → p-bb7ac6f7.entry.js} +1 -1
  374. package/dist/dso-toolkit/{p-ab9af74a.entry.js → p-be7adaac.entry.js} +1 -1
  375. package/dist/dso-toolkit/p-bf803e4f.entry.js +1 -0
  376. package/dist/dso-toolkit/p-c0111a70.entry.js +1 -0
  377. package/dist/dso-toolkit/{p-1d1a3740.entry.js → p-c3d5ccc6.entry.js} +1 -1
  378. package/dist/dso-toolkit/p-c9768843.entry.js +1 -0
  379. package/dist/dso-toolkit/{p-61cd4ede.entry.js → p-cce55fbb.entry.js} +1 -1
  380. package/dist/dso-toolkit/p-d4539b83.entry.js +1 -0
  381. package/dist/dso-toolkit/p-d877c432.entry.js +1 -0
  382. package/dist/dso-toolkit/{p-39e33d16.entry.js → p-d9800183.entry.js} +1 -1
  383. package/dist/dso-toolkit/{p-0d9c2c99.entry.js → p-db32a77a.entry.js} +1 -1
  384. package/dist/dso-toolkit/{p-0f58bc7d.entry.js → p-e03ff53f.entry.js} +1 -1
  385. package/dist/dso-toolkit/{p-a56a45c0.entry.js → p-e08e43be.entry.js} +1 -1
  386. package/dist/dso-toolkit/{p-57a0fb42.entry.js → p-e1f30dbb.entry.js} +1 -1
  387. package/dist/dso-toolkit/p-e311d101.entry.js +1 -0
  388. package/dist/dso-toolkit/{p-252007ac.entry.js → p-ea1f5082.entry.js} +1 -1
  389. package/dist/dso-toolkit/{p-fe202eef.entry.js → p-fc8f252a.entry.js} +1 -1
  390. package/dist/dso-toolkit/p-go_iJ4_L.js +1 -0
  391. package/dist/esm/{annotation-body-BbGGiDzU.js → annotation-body-DeKLxp3F.js} +1 -1
  392. package/dist/esm/{annotation-list-renvooi-values-DV918XX7.js → annotation-list-renvooi-values-CGxBKqb7.js} +1 -1
  393. package/dist/esm/{annotation-watcher-D5FQ94at.js → annotation-watcher-BO_h7wWk.js} +1 -1
  394. package/dist/esm/dso-accordion-section.entry.js +2 -2
  395. package/dist/esm/dso-accordion.entry.js +1 -1
  396. package/dist/esm/dso-action-list-item.entry.js +1 -1
  397. package/dist/esm/dso-action-list.entry.js +2 -2
  398. package/dist/esm/dso-advanced-select.entry.js +5 -4
  399. package/dist/esm/dso-alert_7.entry.js +13 -13
  400. package/dist/esm/dso-annotation-activiteit.entry.js +5 -5
  401. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +4 -4
  402. package/dist/esm/dso-annotation-kaart.entry.js +3 -3
  403. package/dist/esm/dso-annotation-locatie_2.entry.js +10 -10
  404. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +5 -5
  405. package/dist/esm/dso-attachments-counter_2.entry.js +4 -4
  406. package/dist/esm/dso-autosuggest.entry.js +8 -4
  407. package/dist/esm/dso-banner.entry.js +10 -4
  408. package/dist/esm/dso-button-group.entry.js +2 -2
  409. package/dist/esm/dso-card-container.entry.js +3 -3
  410. package/dist/esm/dso-card.entry.js +3 -3
  411. package/dist/esm/dso-contact-information.entry.js +2 -2
  412. package/dist/esm/dso-cursor-tooltip.entry.js +3 -3
  413. package/dist/esm/dso-date-picker.entry.js +2 -2
  414. package/dist/esm/dso-document-card.entry.js +2 -2
  415. package/dist/esm/dso-dropdown-menu.entry.js +2 -2
  416. package/dist/esm/dso-header.entry.js +104 -6
  417. package/dist/esm/dso-highlight-box.entry.js +2 -2
  418. package/dist/esm/dso-history-item.entry.js +2 -2
  419. package/dist/esm/dso-icon_2.entry.js +11 -7
  420. package/dist/esm/dso-info_3.entry.js +39 -18
  421. package/dist/esm/dso-input-range.entry.js +3 -3
  422. package/dist/esm/dso-label_3.entry.js +7 -7
  423. package/dist/esm/dso-legend-group.entry.js +2 -2
  424. package/dist/esm/dso-legend-item.entry.js +4 -4
  425. package/dist/esm/dso-legend.entry.js +2 -2
  426. package/dist/esm/dso-list-button.entry.js +2 -2
  427. package/dist/esm/dso-logo.entry.js +2 -2
  428. package/dist/esm/dso-map-base-layers.entry.js +2 -2
  429. package/dist/esm/dso-map-controls.entry.js +6 -6
  430. package/dist/esm/dso-map-layer-object.entry.js +4 -4
  431. package/dist/esm/dso-map-layer.entry.js +4 -4
  432. package/dist/esm/dso-map-message.entry.js +4 -4
  433. package/dist/esm/dso-map-overlays.entry.js +2 -2
  434. package/dist/esm/dso-mark-bar.entry.js +2 -2
  435. package/dist/esm/dso-modal.entry.js +2 -2
  436. package/dist/esm/dso-onboarding-tip.entry.js +3 -3
  437. package/dist/esm/dso-pagination.entry.js +1 -1
  438. package/dist/esm/dso-plekinfo-card.entry.js +4 -4
  439. package/dist/esm/dso-progress-indicator.entry.js +2 -2
  440. package/dist/esm/dso-project-item.entry.js +2 -2
  441. package/dist/esm/dso-responsive-element.entry.js +2 -2
  442. package/dist/esm/dso-scrollable.entry.js +3 -3
  443. package/dist/esm/dso-segmented-button.entry.js +2 -2
  444. package/dist/esm/dso-skiplink.entry.js +2 -2
  445. package/dist/esm/dso-survey-rating.entry.js +4 -4
  446. package/dist/esm/dso-tab.entry.js +1 -1
  447. package/dist/esm/dso-tabs.entry.js +2 -2
  448. package/dist/esm/dso-tijdreis-banner.entry.js +3 -3
  449. package/dist/esm/dso-toolkit.js +3 -3
  450. package/dist/esm/dso-tooltip.entry.js +2 -2
  451. package/dist/esm/dso-tree-view.entry.js +2 -2
  452. package/dist/esm/dso-viewer-grid.entry.js +2 -2
  453. package/dist/esm/dsot-document-component-demo.entry.js +2 -2
  454. package/dist/esm/{index-uGZacrki.js → index-DrQGiJP8.js} +1 -1
  455. package/dist/esm/loader.js +3 -3
  456. package/dist/esm/{parse-wijzigactie-from-node.function-BtJ4WFIK.js → parse-wijzigactie-from-node.function-BroGebB4.js} +1 -1
  457. package/dist/esm/{tooltip.functional-component-DNqxwCG5.js → tooltip.functional-component-nHAIYF3o.js} +1 -1
  458. package/dist/esm/{wrap-wijzigactie.functional-component-ChvYnlwn.js → wrap-wijzigactie.functional-component-BCT1o51-.js} +1 -1
  459. package/dist/types/components/autosuggest/autosuggest.d.ts +1 -0
  460. package/dist/types/components/banner/banner.d.ts +1 -0
  461. package/dist/types/components/header/header.d.ts +10 -0
  462. package/dist/types/components/icon-button/icon-button.d.ts +4 -0
  463. package/dist/types/components/icon-button/icon-button.interfaces.d.ts +1 -0
  464. package/dist/types/components/info-button/info-button.d.ts +12 -3
  465. package/dist/types/components.d.ts +11 -0
  466. package/package.json +3 -3
  467. package/dist/bundle/p-C3TYRjeb.js +0 -166
  468. package/dist/bundle/p-CF5u2saq.js +0 -83
  469. package/dist/bundle/p-CwETV-gv.js +0 -205
  470. package/dist/bundle/p-D6mShNSe.js +0 -119
  471. package/dist/bundle/p-DQAO2E8R.js +0 -189
  472. package/dist/components/dropdown-menu.js +0 -1
  473. package/dist/dso-toolkit/p-13a4359b.entry.js +0 -1
  474. package/dist/dso-toolkit/p-164492f5.entry.js +0 -1
  475. package/dist/dso-toolkit/p-17d68c90.entry.js +0 -1
  476. package/dist/dso-toolkit/p-19645089.entry.js +0 -1
  477. package/dist/dso-toolkit/p-25cea845.entry.js +0 -1
  478. package/dist/dso-toolkit/p-2df078b0.entry.js +0 -1
  479. package/dist/dso-toolkit/p-2f0febe0.entry.js +0 -1
  480. package/dist/dso-toolkit/p-3a3e6ad1.entry.js +0 -1
  481. package/dist/dso-toolkit/p-3d5affd8.entry.js +0 -1
  482. package/dist/dso-toolkit/p-432f4b4b.entry.js +0 -1
  483. package/dist/dso-toolkit/p-4e05b633.entry.js +0 -1
  484. package/dist/dso-toolkit/p-4f21807b.entry.js +0 -7
  485. package/dist/dso-toolkit/p-53a165b2.entry.js +0 -1
  486. package/dist/dso-toolkit/p-846794a5.entry.js +0 -1
  487. package/dist/dso-toolkit/p-846fe7d0.entry.js +0 -1
  488. package/dist/dso-toolkit/p-89160dc8.entry.js +0 -1
  489. package/dist/dso-toolkit/p-9e9eee7c.entry.js +0 -1
  490. package/dist/dso-toolkit/p-CYHYSMIz.js +0 -1
  491. package/dist/dso-toolkit/p-DfixBhJX.js +0 -1
  492. package/dist/dso-toolkit/p-be187c76.entry.js +0 -1
  493. package/dist/dso-toolkit/p-c6d4aacf.entry.js +0 -1
  494. package/dist/dso-toolkit/p-ccdd9458.entry.js +0 -1
  495. package/dist/dso-toolkit/p-ecb84284.entry.js +0 -1
  496. package/dist/dso-toolkit/p-eyz38o4U.js +0 -1
  497. package/dist/dso-toolkit/p-f2d1acf2.entry.js +0 -1
  498. package/dist/dso-toolkit/p-fcf93614.entry.js +0 -1
@@ -1,189 +0,0 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DBi6XQa8.js';
2
- import { c as clsx } from './p-ChV9xqsO.js';
3
- import { d as debounce } from './p-baWVwd8J.js';
4
- import { p as positionTooltip, T as Tooltip } from './p-NCJ9jUD-.js';
5
- import { d as defineCustomElement$2 } from './p-DQ4k80p_.js';
6
- import { d as defineCustomElement$1 } from './p-D6mShNSe.js';
7
-
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{--_dt-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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-info{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-primary{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-success{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-error{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-attention{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-filter{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-toegevoegd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dt-ozon-content-toggletip-color:#000}.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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-verwijderd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dt-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dt-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
-
10
- const resizeObserver = new ResizeObserver(debounce((entries) => {
11
- entries.forEach(({ target }) => {
12
- if (isDsoLabelComponent(target)) {
13
- target._truncateLabel();
14
- }
15
- });
16
- }, 150));
17
- function isDsoLabelComponent(element) {
18
- return element.tagName === "DSO-LABEL";
19
- }
20
- function hasEllipses(el) {
21
- return el.scrollWidth > el.clientWidth;
22
- }
23
- const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
24
- constructor(registerHost) {
25
- super();
26
- if (registerHost !== false) {
27
- this.__registerHost();
28
- }
29
- this.__attachShadow();
30
- this.dsoRemoveClick = createEvent(this, "dsoRemoveClick", 7);
31
- this.isTruncated = false;
32
- this.labelText = "";
33
- this.handleShowTooltip = () => {
34
- this.tooltipElRef?.showPopover();
35
- if (!this.cleanUpFunction && this.labelContent && this.tooltipElRef && this.tooltipArrowElRef) {
36
- this.cleanUpFunction = positionTooltip({
37
- referenceElement: this.labelContent,
38
- tipRef: this.tooltipElRef,
39
- tipArrowRef: this.tooltipArrowElRef,
40
- placementTip: "top",
41
- topPositionSmallViewPort: false,
42
- halfMainAxisOffset: false,
43
- forceVisible: true,
44
- });
45
- }
46
- };
47
- this.handleHideTooltip = () => {
48
- if (this.tooltipElRef?.isConnected && this.tooltipElRef.matches(":popover-open")) {
49
- this.tooltipElRef.hidePopover();
50
- }
51
- this.cleanUpTooltip();
52
- };
53
- }
54
- watchRemovable(removable) {
55
- if (removable) {
56
- this.startMutationObserver();
57
- }
58
- else {
59
- this.stopMutationObserver();
60
- }
61
- }
62
- watchTruncate(truncate) {
63
- if (truncate) {
64
- this.startTruncate();
65
- }
66
- else {
67
- this.stopTruncate();
68
- }
69
- }
70
- keyDownListener(event) {
71
- if (event.key === "Escape") {
72
- this.handleHideTooltip();
73
- }
74
- }
75
- /**
76
- * @internal
77
- */
78
- async _truncateLabel() {
79
- setTimeout(() => {
80
- this.isTruncated = !!this.labelContent && hasEllipses(this.labelContent);
81
- });
82
- }
83
- syncLabelText() {
84
- this.labelText = this.host.textContent?.trim() ?? "";
85
- }
86
- cleanUpTooltip() {
87
- this.cleanUpFunction?.();
88
- this.cleanUpFunction = undefined;
89
- }
90
- componentDidLoad() {
91
- if (this.truncate) {
92
- this.startTruncate();
93
- }
94
- if (this.removable) {
95
- this.startMutationObserver();
96
- }
97
- }
98
- disconnectedCallback() {
99
- this.stopTruncate();
100
- this.stopMutationObserver(true);
101
- this.cleanUpTooltip();
102
- }
103
- /** The mutationObserver fetches the text placed inside the label, this is then used for the remove button and tooltip. */
104
- startMutationObserver() {
105
- this.mutationObserver = new MutationObserver(() => this.syncLabelText());
106
- this.mutationObserver.observe(this.host, {
107
- characterData: true,
108
- childList: true,
109
- subtree: true,
110
- attributes: true,
111
- });
112
- this.syncLabelText();
113
- }
114
- stopMutationObserver(force = false) {
115
- if (force || !(this.truncate && this.removable)) {
116
- this.mutationObserver?.disconnect();
117
- delete this.mutationObserver;
118
- }
119
- }
120
- startTruncate() {
121
- resizeObserver.observe(this.host);
122
- this.startMutationObserver();
123
- this._truncateLabel();
124
- }
125
- stopTruncate() {
126
- resizeObserver.unobserve(this.host);
127
- this.stopMutationObserver();
128
- this.isTruncated = false;
129
- }
130
- render() {
131
- return (h(Fragment, { key: 'e6147116684de129f842e3f87d15239394b68909' }, h("span", { key: 'a4aecc6e1663e214f453aac7a19607f88ca61b8a', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
132
- [`dso-label-${this.status}`]: this.status,
133
- "dso-compact": this.compact && !this.removable,
134
- "dso-hover": this.removeHover || this.removeFocus,
135
- }) }, h("slot", { key: '063f6abda24eed65322b0d076d2e7cacee4e587d', name: "symbol" }), h("span", { key: 'c11377a23dc1e9f2df598c3a51161e9cf59364fd', 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: '41b9e8a42beddb9944a12191451f189e75184e14' })), this.removable && (h("dso-icon-button", { key: 'dee64f0d16e68128520b621952bfc43676873e2f', 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: '368a5cb2abda6361275f2fe2bb34b2a480747e68', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, h("span", { key: '18913189bee3dbd55110b0d9a91c7acc22abd9ae', id: "toggle-anchor" }, this.labelText)))));
136
- }
137
- get host() { return this; }
138
- static get watchers() { return {
139
- "removable": [{
140
- "watchRemovable": 0
141
- }],
142
- "truncate": [{
143
- "watchTruncate": 0
144
- }]
145
- }; }
146
- static get style() { return labelCss(); }
147
- }, [257, "dso-label", {
148
- "compact": [516],
149
- "removable": [516],
150
- "status": [513],
151
- "truncate": [516],
152
- "removeHover": [32],
153
- "removeFocus": [32],
154
- "isTruncated": [32],
155
- "labelText": [32],
156
- "_truncateLabel": [64]
157
- }, [[4, "keydown", "keyDownListener"]], {
158
- "removable": [{
159
- "watchRemovable": 0
160
- }],
161
- "truncate": [{
162
- "watchTruncate": 0
163
- }]
164
- }]);
165
- function defineCustomElement() {
166
- if (typeof customElements === "undefined") {
167
- return;
168
- }
169
- const components = ["dso-label", "dso-icon", "dso-icon-button"];
170
- components.forEach(tagName => { switch (tagName) {
171
- case "dso-label":
172
- if (!customElements.get(transformTag(tagName))) {
173
- customElements.define(transformTag(tagName), Label);
174
- }
175
- break;
176
- case "dso-icon":
177
- if (!customElements.get(transformTag(tagName))) {
178
- defineCustomElement$2();
179
- }
180
- break;
181
- case "dso-icon-button":
182
- if (!customElements.get(transformTag(tagName))) {
183
- defineCustomElement$1();
184
- }
185
- break;
186
- } });
187
- }
188
-
189
- export { Label as L, defineCustomElement as d };
@@ -1 +0,0 @@
1
- import{proxyCustomElement as t,HTMLElement as e,h as s,Host as o,transformTag as i}from"@stencil/core/internal/client";import{a as n,c as r,o as a,f as h}from"./floating-ui.dom.js";import{t as c}from"./index.esm.js";import{g as d}from"./get-active-element.js";import{v as l}from"./v4.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.dropdownAlign="left",this.dropdownOptionsOffset=2,this.checkable=!1,this.focusOutListener=t=>{!this.open||t.relatedTarget instanceof e&&this.tabbables(!0).includes(t.relatedTarget)||this.toggleOptions(!1)},this.keyDownListener=t=>{if(!t.defaultPrevented&&this.open){switch(t.key){case"Tab":this.tabInPopup(this.tabbables(!0),t.shiftKey?-1:1);break;case"ArrowDown":this.tabInPopup(this.tabbables(!1),1);break;case"ArrowUp":this.tabInPopup(this.tabbables(!1),-1);break;case"Escape":this.escape();break;case" ":t.target instanceof e&&t.target.click();break;default:return}t.preventDefault()}},this.escape=()=>{this.button.focus(),this.toggleOptions(!1)}}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return t}tabbables(t){const e=this.host.isConnected?c(this.host):[];return t?e:e.filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=l());const t=this.host.querySelector(".dso-dropdown-options");if(!(t instanceof e))throw new Error("dropdown options element is not instanceof HTMLElement");t.setAttribute("role","menu"),t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","group");for(const e of Array.from(t.getElementsByTagName("li")))e.setAttribute("role","none")}}componentDidRender(){for(const t of Array.from(this.host.getElementsByTagName("li")))for(const e of this.host.isConnected?c(t):[])e.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&e.setAttribute("aria-checked",t.classList.contains("dso-checked").toString());if(this.button.setAttribute("aria-expanded",this.open?"true":"false"),this.popoverElement&&!this.cleanUp){const t=this.popoverElement;this.cleanUp=n(this.button,t,(()=>{r(this.button,t,{strategy:"fixed",middleware:[a(this.dropdownOptionsOffset),h({padding:this.dropdownOptionsOffset})],placement:"right"===this.dropdownAlign?"bottom-end":"bottom-start"}).then((({x:e,y:s})=>{Object.assign(t.style,{left:`${e}px`,top:`${s}px`})}))}))}}onClick(t){const e=t.composedPath();this.isToggleButtonEvent(e)?this.toggleOptions():this.open&&this.isMenuItemEvent(e)&&this.toggleOptions(!1)}isToggleButtonEvent(t){return t.includes(this.button)}isMenuItemEvent(t){return t.includes(this.host)&&!this.isToggleButtonEvent(t)}toggleOptions(t){this.open=t??!this.open,this.popoverElement?.isConnected&&this.popoverElement?.togglePopover(this.open),!this.open&&this.cleanUp&&(this.cleanUp(),this.cleanUp=void 0)}connectedCallback(){this.host.addEventListener("keydown",this.keyDownListener)}disconnectedCallback(){this.host.removeEventListener("keydown",this.keyDownListener),this.toggleOptions(!1)}tabInPopup(t,e){let s=t.findIndex((t=>t===d()))+e;s>=t.length?s=0:s<0&&(s=t.length-1),t[s]?.focus()}render(){return s(o,{key:"28f8eb6a00bf4a1b139c917e44ce8de42067e8c6",onFocusout:this.focusOutListener},s("slot",{key:"fcf093b872932b1f604ae3d5f93391189ac60bbb",name:"toggle"}),s("div",{key:"2a621a9cdcf5817faf1354640a0062caa5c5fe04",popover:"manual",ref:t=>this.popoverElement=t},s("slot",{key:"68633d9a0c505d120acac96e15058d44e01d9a00"})))}get host(){return this}static get style(){return":host(:focus){outline:none}:host{display:inline-block}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}"}},[257,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],dropdownOptionsOffset:[2,"dropdown-options-offset"],checkable:[4]},[[8,"click","onClick"]]]);function p(){"undefined"!=typeof customElements&&["dso-dropdown-menu"].forEach((t=>{"dso-dropdown-menu"===t&&(customElements.get(i(t))||customElements.define(i(t),f))}))}export{f as D,p as d}
@@ -1 +0,0 @@
1
- import{r as o,d as e,f as r,h as t,F as i,a,g as n}from"./p-uGZacrki.js";import{W as d}from"./p-CYHYSMIz.js";import{i as s}from"./p-Hgv-pDpy.js";const c=class{constructor(r){o(this,r),this.dsoPlekinfoCardClick=e(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>r(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof HTMLElement&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:s(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return t(a,{key:"c9246f5ad6a74a6400c065df557f4e8f2eaeafaf","has-symbol":o},t(d,{key:"c58c9df599d09f19fe6bd6da277f7adcb7b53363",wijzigactie:this.wijzigactie,class:"dso-plekinfo-card-container"},t("div",{key:"20bd77e16e8031e14aa35bfd1ddc4c3fc0ebb86d",class:"dso-plekinfo-card-symbol",hidden:!o},t("slot",{key:"7e54c3202e5d1d96aac73b460cc1edc30134f6af",name:"symbol"})),t("div",{key:"ab4151819bb19fbfb13248e5d48fb8d8082edf97",class:"dso-plekinfo-card-heading"},this.href?t("a",{href:this.href,target:this.targetBlank?"_blank":void 0,rel:this.targetBlank?"noopener noreferrer":void 0,class:"heading-anchor",onClick:o=>this.clickEventHandler(o)},t("span",{class:"heading-content"},t("slot",{name:"heading"})),"⁠",this.targetBlank?t(i,null,t("dso-icon",{icon:"external-link"}),t("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)")):t("dso-icon",{icon:"chevron-right"})):t("slot",{name:"heading"}),null!==this.metaSlottedElement&&t("slot",{key:"cf2a54a33b5f33149a09e9c89b5fb0398fd46cfa",name:"meta"}),null!==this.interaction&&t("slot",{key:"f89bb7bb1ea86d8cb7546db659284064b519b242",name:"interaction"})),t("div",{key:"a431c393a757927bbf37d1a42adc5dad2508699b",class:"dso-plekinfo-card-content"},t("slot",{key:"16ed4f565514c8232737cc2b03b2b40769b298e2",name:"content"}))))}get host(){return n(this)}};c.style='ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dt-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dt-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dt-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none;white-space:nowrap}.heading-anchor .heading-content{white-space:normal}.heading-anchor dso-icon{margin-inline-start:4px}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}';export{c as dso_plekinfo_card}
@@ -1 +0,0 @@
1
- import{r as o,d as r,h as e,F as a}from"./p-uGZacrki.js";const t=class{constructor(e){o(this,e),this.dsoSubmit=r(this,"dsoSubmit",7),this.dsoClose=r(this,"dsoClose",7)}handleForm(o){o.preventDefault(),this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:o})}handleChange(o){this.rating=Number(o.target.value)}render(){return e("dso-panel",{key:"886a7873e55563734f1f92bbc16acda7444c3fd5",emphasized:!0,onDsoCloseClick:o=>this.dsoClose.emit({originalEvent:o}),role:"dialog","aria-labelledby":"panel-heading"},e("h2",{key:"1322fbf91f68d407b780874718426bce6f85a84f",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),e("strong",{key:"8476d2c687efb7e123fa68647a36816a890c1d6d"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),e("form",{key:"2d19c6840a218db161201403d416f308823a95e1",onSubmit:o=>this.handleForm(o)},e("div",{key:"89ae14ee04ca0180e4491030cf2cae5d0e128c65",class:"visual-rating-labels","aria-hidden":"true"},e("span",{key:"1a97088de2e8e5b124e1a034e173ef23aeed3395"},"Heel moeilijk"),e("span",{key:"53c3a2d92e833254faa16955b835d29417309fe7"},"Heel makkelijk")),e("div",{key:"c5b5b9bc780ddcfde1349a8cf92dd3fc72bdd37f",role:"radiogroup"},["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"].map(((o,r)=>{const t=r+1;return e(a,null,e("label",{class:`survey-rating-${t}`},t,e("span",{class:"sr-only"},o),e("input",{type:"radio",name:"rating",value:t,checked:t===this.rating,onChange:o=>this.handleChange(o)})))}))),e("button",{key:"b5d82b6b382a2c7bc376aabc460e9b9d83e0de0c",type:"submit",class:"dso-secondary"},e("span",{key:"7bceeca13f9a7f589b32ae456cb1671b30d3e1c0"},"Antwoord verzenden"))))}};t.style=':host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::after, *::before { box-sizing: border-box; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: ""; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-icon-button-tertiary-color: #fff; --_dso-icon-button-tertiary-hover-color: #e5e5e5; --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-icon-button-tertiary-color: #fff; --_dso-icon-button-tertiary-hover-color: #e5e5e5; --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } label.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } label.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } label.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #173521; --_dso-icon-button-tertiary-disabled-color: #999; --_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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-icon-button-tertiary-color: #fff; --_dso-icon-button-tertiary-hover-color: #e5e5e5; --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #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; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } label.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-wit")); } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-icon-button-tertiary-color: #fff; --_dso-icon-button-tertiary-hover-color: #e5e5e5; --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #275937; color: #fff; border-color: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: 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(--_dt-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(--_dt-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-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(--_dt-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(--_dt-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(--_dt-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 24 24\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'1.6\' stroke-linecap=\'butt\' cx=\'12\' cy=\'12\' r=\'7.2\'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 24 24\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'1.6\' stroke-linecap=\'butt\' cx=\'12\' cy=\'12\' r=\'7.2\'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 24 24\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'1.6\' stroke-linecap=\'butt\' cx=\'12\' cy=\'12\' r=\'7.2\'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 24 24\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'1.6\' stroke-linecap=\'butt\' cx=\'12\' cy=\'12\' r=\'7.2\'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }';export{t as dso_survey_rating}
@@ -1 +0,0 @@
1
- import{r as s,d as e,h as t,a as i,g as a}from"./p-uGZacrki.js";const r=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],h=class{constructor(t){s(this,t),this.dsoSizeChange=e(this,"dsoSizeChange",7),this.sizeAlias=r[0].alias,this.sizeWidth=0,this.observer=new ResizeObserver((([s])=>{if(!s)throw new Error("No entry found");const e=r.find((e=>s.contentRect.width>=e.width))?.alias??r[0].alias;this.sizeAlias=e,this.dsoSizeChange.emit(e)}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return t(i,{key:"9c763f26d6ebc58fdb47e25e0b6a1fb8738be750",small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},t("slot",{key:"05713cd4816c505158225dbe33ab11b14e789181"}))}get host(){return a(this)}};h.style=":host{display:block}";export{h as dso_responsive_element}
@@ -1 +0,0 @@
1
- import{r as e,d as s,h as a,g as i}from"./p-uGZacrki.js";import{i as o}from"./p-DwBHVuoZ.js";import{v as r}from"./p-CK3_k8jD.js";const t={en:{"dso-map-base-layers":{background:"Background"}},nl:{"dso-map-base-layers":{background:"Achtergrond"}}},n=class{constructor(a){e(this,a),this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7),this.selectableRefs={},this.group=r(),this.text=o((()=>this.host),t)}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>!e.disabled&&!0===this.previousBaselayers?.find((s=>s.id===e.id))?.disabled)).forEach((e=>{this.selectableRefs[e.id]?.toggleInfo(!1)})),this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return a("fieldset",{key:"6a8793ee9ec686ffacf7925c46a3e890b3d43d00",class:"form-group dso-radios"},a("legend",{key:"bd71c0cf69155d07feac2d08293a7df74f4060af",class:"sr-only"},"Achtergrond"),a("div",{key:"c1029e36e0da4ef8b8cc991e6d93ce5921ca48a3",class:"dso-label-container"},a("span",{key:"852f466aab28ed062c3b44bf9085e7a1e9e61333",class:"control-label","aria-hidden":"true"},this.text("background"))),a("div",{key:"a8ca16ac5869b90017dbb524c342f4b7d5f73a77",class:"dso-field-container"},this.baseLayers.map((e=>a("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?a("p",{slot:"info"},e.info):null)))))}get host(){return i(this)}};n.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";export{n as dso_map_base_layers}
@@ -1 +0,0 @@
1
- import{r as o,h as r,F as t}from"./p-uGZacrki.js";const a=class{constructor(r){o(this,r)}render(){return r(t,{key:"b65c1136049ad6b7918279ca9fa86a121a3a7229"},r("dso-icon",{key:"d43d86fe908ab5e18cb8a0c9f0250581df87cd69",icon:"clock-outline"}),r("slot",{key:"cec5c61d9cb0607709a4c91ff4002096b2b5beca"}),r("slot",{key:"7593a8ee780a5223cfd95e94b89a515e64a96596",name:"button"}))}};a.style='*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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}}';export{a as dso_tijdreis_banner}