@dso-toolkit/core 99.2.0 → 99.4.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 (446) hide show
  1. package/dist/bundle/dso-accordion-section.js +7 -7
  2. package/dist/bundle/dso-action-list-item.js +1 -1
  3. package/dist/bundle/dso-advanced-select.js +15 -11
  4. package/dist/bundle/dso-alert.js +1 -1
  5. package/dist/bundle/dso-annotation-activiteit.js +4 -4
  6. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +4 -4
  7. package/dist/bundle/dso-annotation-kaart.js +2 -2
  8. package/dist/bundle/dso-annotation-locatie.js +1 -1
  9. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +4 -4
  10. package/dist/bundle/dso-attachments-counter.js +1 -1
  11. package/dist/bundle/dso-autosuggest.js +10 -7
  12. package/dist/bundle/dso-badge.js +1 -1
  13. package/dist/bundle/dso-banner.js +3 -3
  14. package/dist/bundle/dso-button-group.js +1 -1
  15. package/dist/bundle/dso-card-container.js +1 -1
  16. package/dist/bundle/dso-card.js +3 -3
  17. package/dist/bundle/dso-contact-information.js +1 -1
  18. package/dist/bundle/dso-cursor-tooltip.js +1 -1
  19. package/dist/bundle/dso-date-picker.js +1 -1
  20. package/dist/bundle/dso-document-card.js +2 -2
  21. package/dist/bundle/dso-document-component.js +1 -1
  22. package/dist/bundle/dso-dropdown-menu-group.js +2 -2
  23. package/dist/bundle/dso-dropdown-menu-item.js +3 -3
  24. package/dist/bundle/dso-dropdown-menu.js +6 -6
  25. package/dist/bundle/dso-expandable.js +1 -1
  26. package/dist/bundle/dso-header.js +7 -7
  27. package/dist/bundle/dso-highlight-box.js +1 -1
  28. package/dist/bundle/dso-history-item.js +2 -2
  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 +2 -2
  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 +18 -11
  38. package/dist/bundle/dso-legend.js +6 -6
  39. package/dist/bundle/dso-list-button.js +8 -8
  40. package/dist/bundle/dso-logo.js +1 -1
  41. package/dist/bundle/dso-map-base-layers.js +9 -9
  42. package/dist/bundle/dso-map-controls.js +7 -7
  43. package/dist/bundle/dso-map-layer-object.js +2 -2
  44. package/dist/bundle/dso-map-layer.js +2 -2
  45. package/dist/bundle/dso-map-message.js +3 -3
  46. package/dist/bundle/dso-map-overlays.js +9 -9
  47. package/dist/bundle/dso-mark-bar.js +3 -3
  48. package/dist/bundle/dso-modal.js +1 -1
  49. package/dist/bundle/dso-onboarding-tip.js +4 -4
  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 +2 -2
  53. package/dist/bundle/dso-panel.js +1 -1
  54. package/dist/bundle/dso-plekinfo-card.js +2 -2
  55. package/dist/bundle/dso-progress-indicator.js +1 -1
  56. package/dist/bundle/dso-project-item.js +4 -4
  57. package/dist/bundle/dso-responsive-element.js +1 -1
  58. package/dist/bundle/dso-scrollable.js +1 -1
  59. package/dist/bundle/dso-segmented-button.js +1 -1
  60. package/dist/bundle/dso-selectable.js +1 -1
  61. package/dist/bundle/dso-skiplink.js +2 -2
  62. package/dist/bundle/dso-slide-toggle.js +1 -1
  63. package/dist/bundle/dso-survey-rating.js +6 -6
  64. package/dist/bundle/dso-tab.js +1 -1
  65. package/dist/bundle/dso-table.js +1 -1
  66. package/dist/bundle/dso-tabs.js +1 -1
  67. package/dist/bundle/dso-tijdreis-banner.js +2 -2
  68. package/dist/bundle/dso-tooltip.js +1 -1
  69. package/dist/bundle/dso-tree-view.js +3 -3
  70. package/dist/bundle/dso-viewer-grid.js +3 -3
  71. package/dist/bundle/dsot-document-component-demo.js +17 -17
  72. package/dist/bundle/{p-DjHplS8O.js → p-A4t9O4cN.js} +4 -4
  73. package/dist/bundle/{p-ClkjYPNB.js → p-BEvvjBre.js} +2 -2
  74. package/dist/bundle/p-BHoewcI-.js +1209 -0
  75. package/dist/bundle/{p-CIKsNci_.js → p-BPeUsEu7.js} +1 -1
  76. package/dist/bundle/p-BSPLBZYE.js +122 -0
  77. package/dist/bundle/p-BdeLamBx.js +162 -0
  78. package/dist/bundle/p-BoPUWtZk.js +341 -0
  79. package/dist/bundle/{p-ClbMNMhN.js → p-C-LiStfD.js} +2 -2
  80. package/dist/bundle/{p-Du2uEAur.js → p-C9U8p69U.js} +1 -1
  81. package/dist/bundle/{p-hUKFzHir.js → p-CAqSxnd4.js} +3 -3
  82. package/dist/{esm/i18n-CUWMAyh7.js → bundle/p-CCOI5nUo.js} +9 -6
  83. package/dist/bundle/{p-DLeHmqb5.js → p-CC_FTvSe.js} +3 -3
  84. package/dist/bundle/{p-BnKQUOO3.js → p-CIYEcIdu.js} +2 -2
  85. package/dist/bundle/{p-BF0_OXTe.js → p-CK3_k8jD.js} +6 -13
  86. package/dist/bundle/{p-Bw8_UiAv.js → p-Cs38e0-P.js} +4 -4
  87. package/dist/bundle/{p-BHLdB8zD.js → p-CyPdFUPX.js} +1 -1
  88. package/dist/bundle/{p-CnCAM5gC.js → p-Cybcqk9K.js} +118 -123
  89. package/dist/bundle/{p-CXcA4DEL.js → p-CyyXeBpT.js} +5 -5
  90. package/dist/bundle/{p-ryJKPQPH.js → p-DChzHBbI.js} +4 -4
  91. package/dist/bundle/{p-y0R9QGf7.js → p-DHLpi_b6.js} +5 -5
  92. package/dist/bundle/{p-BXj3KQLr.js → p-DaYftqWs.js} +3 -3
  93. package/dist/bundle/{p-Cc1GnE4g.js → p-Dhml-KNY.js} +4 -4
  94. package/dist/bundle/{p-BuYJl3wN.js → p-DjX5FuBA.js} +2 -2
  95. package/dist/bundle/{p-WTVvB0zs.js → p-DtOWRu1L.js} +10 -6
  96. package/dist/bundle/{p-BVpypRBU.js → p-J6T9IaVD.js} +4 -7
  97. package/dist/bundle/{p-CNgFbSIC.js → p-Slg3tfdg.js} +1 -1
  98. package/dist/bundle/{p-DpwxsXR-.js → p-lAMOCPzk.js} +1 -1
  99. package/dist/cjs/dso-accordion-section.cjs.entry.js +1 -1
  100. package/dist/cjs/dso-advanced-select.cjs.entry.js +10 -6
  101. package/dist/cjs/dso-alert_7.cjs.entry.js +12 -12
  102. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +5 -5
  103. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +2 -2
  104. package/dist/cjs/dso-autosuggest.cjs.entry.js +7 -4
  105. package/dist/cjs/dso-banner.cjs.entry.js +2 -2
  106. package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
  107. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  108. package/dist/cjs/dso-card.cjs.entry.js +2 -2
  109. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  110. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  111. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  112. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  113. package/dist/cjs/dso-dropdown-menu-group.cjs.entry.js +2 -2
  114. package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js +2 -2
  115. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +4 -4
  116. package/dist/cjs/dso-header.cjs.entry.js +5 -5
  117. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  118. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  119. package/dist/cjs/dso-icon-button.cjs.entry.js +3 -7
  120. package/dist/cjs/dso-icon.cjs.entry.js +1 -1
  121. package/dist/cjs/dso-info_3.cjs.entry.js +8 -5
  122. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  123. package/dist/cjs/dso-label_3.cjs.entry.js +6 -6
  124. package/dist/cjs/dso-legend-group.cjs.entry.js +2 -2
  125. package/dist/cjs/dso-legend-item.cjs.entry.js +12 -5
  126. package/dist/cjs/dso-legend.cjs.entry.js +3 -3
  127. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  128. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  129. package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -3
  130. package/dist/cjs/dso-map-controls.cjs.entry.js +3 -3
  131. package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
  132. package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
  133. package/dist/cjs/dso-map-message.cjs.entry.js +2 -2
  134. package/dist/cjs/dso-map-overlays.cjs.entry.js +3 -3
  135. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  136. package/dist/cjs/dso-modal.cjs.entry.js +5 -4
  137. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +3 -3
  138. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +1 -1
  139. package/dist/cjs/dso-progress-indicator.cjs.entry.js +2 -2
  140. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  141. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  142. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  143. package/dist/cjs/dso-segmented-button.cjs.entry.js +1 -1
  144. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  145. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  146. package/dist/cjs/dso-tab.cjs.entry.js +1 -1
  147. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  148. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
  149. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  150. package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
  151. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  152. package/dist/cjs/dso-viewer-grid.cjs.entry.js +3 -3
  153. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  154. package/dist/cjs/{floating-ui.dom-ClybLJQM.js → floating-ui.dom-BKTTOpb1.js} +118 -123
  155. package/dist/cjs/{i18n-DK8kVhhe.js → i18n-DH0Su3jj.js} +9 -6
  156. package/dist/cjs/loader.cjs.js +1 -1
  157. package/dist/cjs/{position-tooltip.function-BjWi5ZKZ.js → position-tooltip.function-DCOaqlbY.js} +1 -1
  158. package/dist/cjs/{v4-Br3XC_0C.js → v4-_2BfiRUa.js} +6 -13
  159. package/dist/collection/components/accordion/components/accordion-section.css +1 -0
  160. package/dist/collection/components/advanced-select/advanced-select.css +28 -68
  161. package/dist/collection/components/advanced-select/advanced-select.js +26 -10
  162. package/dist/collection/components/autosuggest/autosuggest.js +5 -2
  163. package/dist/collection/components/badge/badge.js +2 -2
  164. package/dist/collection/components/banner/banner.js +2 -2
  165. package/dist/collection/components/button-group/button-group.js +1 -1
  166. package/dist/collection/components/card/card.js +2 -2
  167. package/dist/collection/components/card-container/card-container.js +1 -1
  168. package/dist/collection/components/contact-information/contact-information.js +1 -1
  169. package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +1 -1
  170. package/dist/collection/components/date-picker/date-picker.js +1 -1
  171. package/dist/collection/components/document-card/document-card.js +1 -1
  172. package/dist/collection/components/document-component/document-component.css +2 -15
  173. package/dist/collection/components/document-component/document-component.js +4 -4
  174. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  175. package/dist/collection/components/dropdown-menu/dropdown-menu-group/dropdown-menu-group.js +1 -1
  176. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.css +1 -0
  177. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.js +1 -1
  178. package/dist/collection/components/dropdown-menu/dropdown-menu.css +2 -7
  179. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  180. package/dist/collection/components/expandable/expandable.js +2 -2
  181. package/dist/collection/components/header/header.css +9 -4
  182. package/dist/collection/components/header/header.js +1 -1
  183. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  184. package/dist/collection/components/history-item/history-item.js +1 -1
  185. package/dist/collection/components/icon/icon.js +1 -1
  186. package/dist/collection/components/icon-button/icon-button.js +23 -9
  187. package/dist/collection/components/info/info.js +1 -1
  188. package/dist/collection/components/info-button/info-button.js +1 -1
  189. package/dist/collection/components/input-range/input-range.js +2 -2
  190. package/dist/collection/components/label/label.js +2 -2
  191. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  192. package/dist/collection/components/legend/legend-item/legend-item.css +14 -1
  193. package/dist/collection/components/legend/legend-item/legend-item.i18n.js +4 -0
  194. package/dist/collection/components/legend/legend-item/legend-item.js +7 -4
  195. package/dist/collection/components/legend/legend.css +1 -0
  196. package/dist/collection/components/legend/legend.js +1 -1
  197. package/dist/collection/components/list-button/list-button.css +1 -7
  198. package/dist/collection/components/list-button/list-button.js +1 -1
  199. package/dist/collection/components/logo/logo.js +1 -1
  200. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  201. package/dist/collection/components/map-controls/map-controls.css +2 -15
  202. package/dist/collection/components/map-controls/map-controls.js +1 -1
  203. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  204. package/dist/collection/components/map-layer/map-layer.js +1 -1
  205. package/dist/collection/components/map-message/map-message.js +2 -2
  206. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  207. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  208. package/dist/collection/components/modal/modal.css +39 -72
  209. package/dist/collection/components/modal/modal.js +2 -1
  210. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  211. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
  212. package/dist/collection/components/ozon-content/ozon-content.css +2 -15
  213. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  214. package/dist/collection/components/panel/panel.js +1 -1
  215. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  216. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  217. package/dist/collection/components/project-item/project-item.js +1 -1
  218. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  219. package/dist/collection/components/scrollable/scrollable.js +2 -2
  220. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  221. package/dist/collection/components/selectable/selectable.js +24 -2
  222. package/dist/collection/components/skiplink/skiplink.js +1 -1
  223. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  224. package/dist/collection/components/survey-rating/survey-rating.css +1 -0
  225. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  226. package/dist/collection/components/table/table.css +2 -17
  227. package/dist/collection/components/table/table.js +1 -1
  228. package/dist/collection/components/tabs/components/tab.css +1 -0
  229. package/dist/collection/components/tabs/tabs.js +1 -1
  230. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  231. package/dist/collection/components/tooltip/tooltip.js +1 -1
  232. package/dist/collection/components/tree-view/tree-view.js +1 -1
  233. package/dist/collection/components/viewer-grid/viewer-grid.css +2 -7
  234. package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
  235. package/dist/components/badge.js +1 -1
  236. package/dist/components/button-group.js +1 -1
  237. package/dist/components/document-component.js +1 -1
  238. package/dist/components/dso-accordion-section.js +1 -1
  239. package/dist/components/dso-advanced-select.js +2 -2
  240. package/dist/components/dso-autosuggest.js +1 -1
  241. package/dist/components/dso-banner.js +1 -1
  242. package/dist/components/dso-card-container.js +1 -1
  243. package/dist/components/dso-card.js +1 -1
  244. package/dist/components/dso-contact-information.js +1 -1
  245. package/dist/components/dso-cursor-tooltip.js +1 -1
  246. package/dist/components/dso-date-picker.js +1 -1
  247. package/dist/components/dso-document-card.js +1 -1
  248. package/dist/components/dso-dropdown-menu-group.js +1 -1
  249. package/dist/components/dso-dropdown-menu-item.js +1 -1
  250. package/dist/components/dso-dropdown-menu.js +1 -1
  251. package/dist/components/dso-header.js +1 -1
  252. package/dist/components/dso-highlight-box.js +1 -1
  253. package/dist/components/dso-history-item.js +1 -1
  254. package/dist/components/dso-input-range.js +1 -1
  255. package/dist/components/dso-legend-group.js +1 -1
  256. package/dist/components/dso-legend-item.js +1 -1
  257. package/dist/components/dso-legend.js +1 -1
  258. package/dist/components/dso-list-button.js +1 -1
  259. package/dist/components/dso-logo.js +1 -1
  260. package/dist/components/dso-map-base-layers.js +1 -1
  261. package/dist/components/dso-map-controls.js +1 -1
  262. package/dist/components/dso-map-layer-object.js +1 -1
  263. package/dist/components/dso-map-layer.js +1 -1
  264. package/dist/components/dso-map-message.js +1 -1
  265. package/dist/components/dso-map-overlays.js +1 -1
  266. package/dist/components/dso-mark-bar.js +1 -1
  267. package/dist/components/dso-onboarding-tip.js +1 -1
  268. package/dist/components/dso-plekinfo-card.js +1 -1
  269. package/dist/components/dso-project-item.js +1 -1
  270. package/dist/components/dso-segmented-button.js +1 -1
  271. package/dist/components/dso-skiplink.js +1 -1
  272. package/dist/components/dso-survey-rating.js +1 -1
  273. package/dist/components/dso-tab.js +1 -1
  274. package/dist/components/dso-tabs.js +1 -1
  275. package/dist/components/dso-tijdreis-banner.js +1 -1
  276. package/dist/components/dso-tooltip.js +1 -1
  277. package/dist/components/dso-tree-view.js +1 -1
  278. package/dist/components/dso-viewer-grid.js +1 -1
  279. package/dist/components/dsot-document-component-demo.js +1 -1
  280. package/dist/components/expandable.js +1 -1
  281. package/dist/components/floating-ui.dom.js +1 -1
  282. package/dist/components/i18n.js +1 -1
  283. package/dist/components/icon-button.js +1 -1
  284. package/dist/components/icon.js +1 -1
  285. package/dist/components/info-button.js +1 -1
  286. package/dist/components/info.js +1 -1
  287. package/dist/components/label.js +1 -1
  288. package/dist/components/modal.js +1 -1
  289. package/dist/components/ozon-content-toggletip.js +1 -1
  290. package/dist/components/ozon-content.js +1 -1
  291. package/dist/components/panel.js +1 -1
  292. package/dist/components/progress-indicator.js +1 -1
  293. package/dist/components/responsive-element.js +1 -1
  294. package/dist/components/scrollable.js +1 -1
  295. package/dist/components/selectable.js +1 -1
  296. package/dist/components/slide-toggle.js +1 -1
  297. package/dist/components/table.js +1 -1
  298. package/dist/components/v4.js +1 -1
  299. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  300. package/dist/dso-toolkit/{p-0e964c0b.entry.js → p-0083183c.entry.js} +1 -1
  301. package/dist/dso-toolkit/{p-1d2e543a.entry.js → p-0925b25d.entry.js} +1 -1
  302. package/dist/dso-toolkit/{p-14c079e3.entry.js → p-0ce9b9ec.entry.js} +1 -1
  303. package/dist/dso-toolkit/{p-e452dd0a.entry.js → p-0f2ae02f.entry.js} +1 -1
  304. package/dist/dso-toolkit/p-0fc1acaa.entry.js +1 -0
  305. package/dist/dso-toolkit/{p-c97b503c.entry.js → p-1281cc01.entry.js} +1 -1
  306. package/dist/dso-toolkit/{p-2ac35007.entry.js → p-1a76abf1.entry.js} +1 -1
  307. package/dist/dso-toolkit/{p-63b6ebe0.entry.js → p-1ce3c197.entry.js} +1 -1
  308. package/dist/dso-toolkit/{p-39146a21.entry.js → p-2149be85.entry.js} +1 -1
  309. package/dist/dso-toolkit/p-2e501bb0.entry.js +1 -0
  310. package/dist/dso-toolkit/p-3d705a78.entry.js +1 -0
  311. package/dist/dso-toolkit/{p-c56e654d.entry.js → p-441b88f3.entry.js} +1 -1
  312. package/dist/dso-toolkit/p-49d26a29.entry.js +1 -0
  313. package/dist/dso-toolkit/{p-3a37e36a.entry.js → p-538f968a.entry.js} +1 -1
  314. package/dist/dso-toolkit/p-5cdda2dd.entry.js +1 -0
  315. package/dist/dso-toolkit/{p-40d5fc69.entry.js → p-5cfc5bc7.entry.js} +1 -1
  316. package/dist/dso-toolkit/{p-d728026a.entry.js → p-6e027a66.entry.js} +1 -1
  317. package/dist/dso-toolkit/{p-3959d0b8.entry.js → p-71f63631.entry.js} +1 -1
  318. package/dist/dso-toolkit/{p-28d7d4f2.entry.js → p-7a852b15.entry.js} +1 -1
  319. package/dist/dso-toolkit/{p-3f6ddf06.entry.js → p-7e155437.entry.js} +1 -1
  320. package/dist/dso-toolkit/p-7e808e9e.entry.js +1 -0
  321. package/dist/dso-toolkit/{p-520dc726.entry.js → p-828dc3d2.entry.js} +1 -1
  322. package/dist/dso-toolkit/p-87a19b2e.entry.js +1 -0
  323. package/dist/dso-toolkit/{p-415db2f9.entry.js → p-8bdb1eb9.entry.js} +1 -1
  324. package/dist/dso-toolkit/p-8d4cce03.entry.js +1 -0
  325. package/dist/dso-toolkit/{p-fa490d62.entry.js → p-8dd7f11a.entry.js} +1 -1
  326. package/dist/dso-toolkit/{p-fcab1797.entry.js → p-9209aec4.entry.js} +1 -1
  327. package/dist/dso-toolkit/{p-fbf11382.entry.js → p-92e7fa78.entry.js} +1 -1
  328. package/dist/dso-toolkit/p-93aee600.entry.js +1 -0
  329. package/dist/dso-toolkit/{p-f8d2c3d6.entry.js → p-9430341b.entry.js} +1 -1
  330. package/dist/dso-toolkit/{p-d2a0c83c.entry.js → p-9454c434.entry.js} +1 -1
  331. package/dist/dso-toolkit/{p-f2a9cf31.entry.js → p-989c2c78.entry.js} +1 -1
  332. package/dist/dso-toolkit/{p-2412ccfa.entry.js → p-9b468b2a.entry.js} +1 -1
  333. package/dist/dso-toolkit/p-CCOI5nUo.js +1 -0
  334. package/dist/dso-toolkit/p-CK3_k8jD.js +1 -0
  335. package/dist/dso-toolkit/{p-DdaJdjEq.js → p-CcOMPHLg.js} +1 -1
  336. package/dist/dso-toolkit/p-DMUqzLuy.js +1 -0
  337. package/dist/dso-toolkit/{p-4de1556f.entry.js → p-ace3aaa4.entry.js} +1 -1
  338. package/dist/dso-toolkit/p-ae526b7b.entry.js +1 -0
  339. package/dist/dso-toolkit/{p-669d8774.entry.js → p-b5c4719a.entry.js} +1 -1
  340. package/dist/dso-toolkit/p-bb6cbd71.entry.js +1 -0
  341. package/dist/dso-toolkit/{p-4d708856.entry.js → p-bfbbc6d6.entry.js} +1 -1
  342. package/dist/dso-toolkit/{p-09fee564.entry.js → p-c352e814.entry.js} +1 -1
  343. package/dist/dso-toolkit/p-cc9167cd.entry.js +1 -0
  344. package/dist/dso-toolkit/{p-17d3e3e4.entry.js → p-ccbbfdc7.entry.js} +1 -1
  345. package/dist/dso-toolkit/p-cfb08b19.entry.js +1 -0
  346. package/dist/dso-toolkit/{p-c97cf9f6.entry.js → p-d271dd46.entry.js} +1 -1
  347. package/dist/dso-toolkit/{p-9330b7e6.entry.js → p-db491dfd.entry.js} +1 -1
  348. package/dist/dso-toolkit/p-e3826220.entry.js +5 -0
  349. package/dist/dso-toolkit/{p-fbe4aa66.entry.js → p-e58e9b96.entry.js} +1 -1
  350. package/dist/dso-toolkit/{p-ffc60fb8.entry.js → p-e5bb3203.entry.js} +1 -1
  351. package/dist/dso-toolkit/{p-f8ed1a64.entry.js → p-e966fb4d.entry.js} +1 -1
  352. package/dist/dso-toolkit/{p-3b620a1f.entry.js → p-e98aad46.entry.js} +1 -1
  353. package/dist/dso-toolkit/{p-3d1b5a25.entry.js → p-ee9693c6.entry.js} +1 -1
  354. package/dist/dso-toolkit/{p-8c52725c.entry.js → p-f163e3db.entry.js} +1 -1
  355. package/dist/dso-toolkit/p-f205b38c.entry.js +1 -0
  356. package/dist/dso-toolkit/p-f485cda1.entry.js +1 -0
  357. package/dist/dso-toolkit/{p-1cf76eb8.entry.js → p-ffdd9174.entry.js} +1 -1
  358. package/dist/esm/dso-accordion-section.entry.js +1 -1
  359. package/dist/esm/dso-advanced-select.entry.js +10 -6
  360. package/dist/esm/dso-alert_7.entry.js +12 -12
  361. package/dist/esm/dso-annotation-locatie_2.entry.js +5 -5
  362. package/dist/esm/dso-attachments-counter_2.entry.js +2 -2
  363. package/dist/esm/dso-autosuggest.entry.js +7 -4
  364. package/dist/esm/dso-banner.entry.js +2 -2
  365. package/dist/esm/dso-button-group.entry.js +1 -1
  366. package/dist/esm/dso-card-container.entry.js +1 -1
  367. package/dist/esm/dso-card.entry.js +2 -2
  368. package/dist/esm/dso-contact-information.entry.js +1 -1
  369. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  370. package/dist/esm/dso-date-picker.entry.js +1 -1
  371. package/dist/esm/dso-document-card.entry.js +1 -1
  372. package/dist/esm/dso-dropdown-menu-group.entry.js +2 -2
  373. package/dist/esm/dso-dropdown-menu-item.entry.js +2 -2
  374. package/dist/esm/dso-dropdown-menu.entry.js +4 -4
  375. package/dist/esm/dso-header.entry.js +5 -5
  376. package/dist/esm/dso-highlight-box.entry.js +1 -1
  377. package/dist/esm/dso-history-item.entry.js +1 -1
  378. package/dist/esm/dso-icon-button.entry.js +3 -7
  379. package/dist/esm/dso-icon.entry.js +1 -1
  380. package/dist/esm/dso-info_3.entry.js +8 -5
  381. package/dist/esm/dso-input-range.entry.js +2 -2
  382. package/dist/esm/dso-label_3.entry.js +6 -6
  383. package/dist/esm/dso-legend-group.entry.js +2 -2
  384. package/dist/esm/dso-legend-item.entry.js +13 -6
  385. package/dist/esm/dso-legend.entry.js +3 -3
  386. package/dist/esm/dso-list-button.entry.js +2 -2
  387. package/dist/esm/dso-logo.entry.js +1 -1
  388. package/dist/esm/dso-map-base-layers.entry.js +3 -3
  389. package/dist/esm/dso-map-controls.entry.js +3 -3
  390. package/dist/esm/dso-map-layer-object.entry.js +1 -1
  391. package/dist/esm/dso-map-layer.entry.js +1 -1
  392. package/dist/esm/dso-map-message.entry.js +2 -2
  393. package/dist/esm/dso-map-overlays.entry.js +3 -3
  394. package/dist/esm/dso-mark-bar.entry.js +1 -1
  395. package/dist/esm/dso-modal.entry.js +5 -4
  396. package/dist/esm/dso-onboarding-tip.entry.js +3 -3
  397. package/dist/esm/dso-plekinfo-card.entry.js +1 -1
  398. package/dist/esm/dso-progress-indicator.entry.js +2 -2
  399. package/dist/esm/dso-project-item.entry.js +1 -1
  400. package/dist/esm/dso-responsive-element.entry.js +1 -1
  401. package/dist/esm/dso-scrollable.entry.js +2 -2
  402. package/dist/esm/dso-segmented-button.entry.js +1 -1
  403. package/dist/esm/dso-skiplink.entry.js +1 -1
  404. package/dist/esm/dso-survey-rating.entry.js +3 -3
  405. package/dist/esm/dso-tab.entry.js +1 -1
  406. package/dist/esm/dso-tabs.entry.js +1 -1
  407. package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
  408. package/dist/esm/dso-toolkit.js +1 -1
  409. package/dist/esm/dso-tooltip.entry.js +1 -1
  410. package/dist/esm/dso-tree-view.entry.js +1 -1
  411. package/dist/esm/dso-viewer-grid.entry.js +3 -3
  412. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  413. package/dist/esm/{floating-ui.dom-zRaH89Qj.js → floating-ui.dom-DMUqzLuy.js} +118 -123
  414. package/dist/{bundle/p-CUWMAyh7.js → esm/i18n-CCOI5nUo.js} +9 -6
  415. package/dist/esm/loader.js +1 -1
  416. package/dist/esm/{position-tooltip.function-DoXRpCfQ.js → position-tooltip.function-qfYgMCby.js} +1 -1
  417. package/dist/esm/{v4-BF0_OXTe.js → v4-CK3_k8jD.js} +6 -13
  418. package/dist/types/components/advanced-select/advanced-select.d.ts +2 -2
  419. package/dist/types/components/advanced-select/advanced-select.interfaces.d.ts +1 -1
  420. package/dist/types/components/icon-button/icon-button.d.ts +5 -1
  421. package/dist/types/components/selectable/selectable.d.ts +12 -1
  422. package/dist/types/components.d.ts +25 -9
  423. package/package.json +14 -14
  424. package/dist/bundle/p-Bd4DueUA.js +0 -122
  425. package/dist/bundle/p-BnDKmgzv.js +0 -341
  426. package/dist/bundle/p-CpX0AJp6.js +0 -161
  427. package/dist/bundle/p-DfXIH4Cr.js +0 -1209
  428. package/dist/dso-toolkit/p-0d4ea549.entry.js +0 -1
  429. package/dist/dso-toolkit/p-11d86ad0.entry.js +0 -1
  430. package/dist/dso-toolkit/p-1bfcb6a3.entry.js +0 -1
  431. package/dist/dso-toolkit/p-47ec99e5.entry.js +0 -1
  432. package/dist/dso-toolkit/p-5fee14bc.entry.js +0 -1
  433. package/dist/dso-toolkit/p-6bec3683.entry.js +0 -1
  434. package/dist/dso-toolkit/p-77193722.entry.js +0 -1
  435. package/dist/dso-toolkit/p-7f592a1e.entry.js +0 -1
  436. package/dist/dso-toolkit/p-929ef098.entry.js +0 -1
  437. package/dist/dso-toolkit/p-BF0_OXTe.js +0 -1
  438. package/dist/dso-toolkit/p-CUWMAyh7.js +0 -1
  439. package/dist/dso-toolkit/p-a44332f4.entry.js +0 -1
  440. package/dist/dso-toolkit/p-a87670b0.entry.js +0 -1
  441. package/dist/dso-toolkit/p-b2cf776e.entry.js +0 -1
  442. package/dist/dso-toolkit/p-b32fac41.entry.js +0 -5
  443. package/dist/dso-toolkit/p-cceb2ce1.entry.js +0 -1
  444. package/dist/dso-toolkit/p-ec9dac3d.entry.js +0 -1
  445. package/dist/dso-toolkit/p-f9275008.entry.js +0 -1
  446. package/dist/dso-toolkit/p-zRaH89Qj.js +0 -1
package/dist/bundle/dso-onboarding-tip.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-Di7uBIhp.js';
2
- import { p as positionTooltip } from './p-CIKsNci_.js';
3
- import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
4
- import { d as defineCustomElement$2 } from './p-BVpypRBU.js';
2
+ import { p as positionTooltip } from './p-BPeUsEu7.js';
3
+ import { d as defineCustomElement$3 } from './p-C9U8p69U.js';
4
+ import { d as defineCustomElement$2 } from './p-J6T9IaVD.js';
5
5
 
6
6
  const onboardingTipCss = () => `*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:0.875rem;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
7
7
 
@@ -76,7 +76,7 @@ const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip exten
76
76
  }
77
77
  render() {
78
78
  const ariaLabel = this.headingSlottedElement?.textContent;
79
- return (h(Host, { key: 'efa9562670f37b9c3fcc4fdf23a0437a50adf481', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '3773eeb116a6649e3d148e3834b52b22df30ed54', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '8fa8ac6f8dea236497cf48bc3c51a9b61de0f734', class: "onboarding-tip-inner" }, h("div", { key: '0a58c5f7a0d96730dbad3672ceef6ee5422ecb34', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'c29e53b3c90fab777a516997ca772751c55d12bb', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '6c8adde6c36ae5f1c9637286d59d6c0e58d4c940', icon: "light-bulb" }), h("slot", { key: 'bf42aadbcd8b94a339924a87325699f09b93c995', name: "heading" }))), h("dso-icon-button", { key: '7a2e502fa17df9ceac99610702237d37b6806408', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b584371b8e75e573b661df4b903c922d9c8f1682' }))), h("div", { key: 'c8a90fd4fcff76340bfaa7f7c89b388b7599e726', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
79
+ return (h(Host, { key: '5c0cd11775c061c504bd7e2cec6d2381882af4fb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'e55bbecc565577f2ca8e4b3485b2aca542d997f1', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '490586f0aac540a18518584c9fca5d2661695992', class: "onboarding-tip-inner" }, h("div", { key: '9f11afb09eb86a828f353546a234f6f4c63a9792', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '2eac0fed6658e2c3cadf74bdd8c46fbcc66f9e5a', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '92884e49128c478e0f05b7815b7884b5890f1bd9', icon: "light-bulb", "aria-hidden": "true" }), h("slot", { key: '017d2fa43397e05066bc95f8c3f890745d32cc08', name: "heading" }))), h("dso-icon-button", { key: 'a5f29b63450c4567a0bd4590f652e2be97e2fdb2', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'dd55b81e8c9a0964a27c3cdc717aaf88b2b3a1b9' }))), h("div", { key: '01d86e851f71da393edd8acc4614cb5488a53776', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
80
80
  }
81
81
  get headingSlottedElement() {
82
82
  return this.host.querySelector("[slot='heading']");
package/dist/bundle/dso-ozon-content-toggletip.js CHANGED
@@ -1,4 +1,4 @@
1
- import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-DjHplS8O.js';
1
+ import { O as OzonContentToggletip, d as defineCustomElement$1 } from './p-A4t9O4cN.js';
2
2
 
3
3
  const DsoOzonContentToggletip = OzonContentToggletip;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-ozon-content.js CHANGED
@@ -1,4 +1,4 @@
1
- import { O as OzonContent, d as defineCustomElement$1 } from './p-DfXIH4Cr.js';
1
+ import { O as OzonContent, d as defineCustomElement$1 } from './p-BHoewcI-.js';
2
2
 
3
3
  const DsoOzonContent = OzonContent;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-pagination.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
2
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
3
- import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
4
- import { d as defineCustomElement$2 } from './p-DpwxsXR-.js';
3
+ import { d as defineCustomElement$3 } from './p-C9U8p69U.js';
4
+ import { d as defineCustomElement$2 } from './p-lAMOCPzk.js';
5
5
 
6
6
  const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
7
7
 
package/dist/bundle/dso-panel.js CHANGED
@@ -1,4 +1,4 @@
1
- import { P as Panel, d as defineCustomElement$1 } from './p-Cc1GnE4g.js';
1
+ import { P as Panel, d as defineCustomElement$1 } from './p-Dhml-KNY.js';
2
2
 
3
3
  const DsoPanel = Panel;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-plekinfo-card.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, c as Host, t as transformTag } from './p-Di7uBIhp.js';
2
2
  import { W as WrapWijzigactie } from './p-BO8XMsvv.js';
3
3
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
4
- import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
4
+ import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
5
5
 
6
6
  const plekinfoCardCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-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]){--_dso-rich-content-margin-block:8px;--_dso-rich-content-margin-block-end:0;--_dso-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)}`;
7
7
 
@@ -43,7 +43,7 @@ const PlekinfoCard = /*@__PURE__*/ proxyCustomElement(class PlekinfoCard extends
43
43
  }
44
44
  render() {
45
45
  const hasSymbol = this.symbolSlottedElement !== null;
46
- return (h(Host, { key: '04a03ddc2aec20e38f7de8a2195a93435e1a1f03', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'c267438b6fdb1f28c5ed8d8a249f97a25134a6bf', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '48bed56012a2ed540aeee5cc3455b53e11406bc2', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '3f0a73e4b3f6a145c07147b86e64789f532a3f49', name: "symbol" })), h("div", { key: '184289023c49d898a3fba857528c78543d896fa6', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '262ed6cc2fcd856ed5c2ad9242a2104b80b75c5d', name: "meta" }), this.interaction !== null && h("slot", { key: '1a3da7c4ac5e66724301e37aa07334d3f07dbaad', name: "interaction" })), h("div", { key: '391825de86e308361ba4496a9dcd885fc1354ad1', class: "dso-plekinfo-card-content" }, h("slot", { key: '5064056cbbfee42319f27e62edf7a0d6dee08fa1', name: "content" })))));
46
+ return (h(Host, { key: '437d4a33a0e211aadf0dc8bcbc7a496da9397248', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '9f1fd4476439c0ef2615ef833d72c616f1cc6a93', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'b94b3600602cdeaf62bc27db494e9f072ecb1e32', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '0baef3101fbc038d44bedb0ba8b088f4d60c57e3', name: "symbol" })), h("div", { key: 'bdb88b0aa83edf3290dc6caf9a37f46a46aec59c', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'b8f6cf68630a0f47c1fa359c840428693686bc62', name: "meta" }), this.interaction !== null && h("slot", { key: '7b161f07954e118fbfca5d0ba08abe3192dc74cd', name: "interaction" })), h("div", { key: 'a512be16ff20690a3e391784b8fd503c5f913b5d', class: "dso-plekinfo-card-content" }, h("slot", { key: 'c834eb19244f613204d77953dc604668b5470b7b', name: "content" })))));
47
47
  }
48
48
  get host() { return this; }
49
49
  static get style() { return plekinfoCardCss(); }
package/dist/bundle/dso-progress-indicator.js CHANGED
@@ -1,4 +1,4 @@
1
- import { P as Progressindicator, d as defineCustomElement$1 } from './p-BXj3KQLr.js';
1
+ import { P as Progressindicator, d as defineCustomElement$1 } from './p-DaYftqWs.js';
2
2
 
3
3
  const DsoProgressIndicator = Progressindicator;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-project-item.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
- import { d as defineCustomElement$4 } from './p-Du2uEAur.js';
3
- import { d as defineCustomElement$3 } from './p-BVpypRBU.js';
4
- import { d as defineCustomElement$2 } from './p-CXcA4DEL.js';
2
+ import { d as defineCustomElement$4 } from './p-C9U8p69U.js';
3
+ import { d as defineCustomElement$3 } from './p-J6T9IaVD.js';
4
+ import { d as defineCustomElement$2 } from './p-CyyXeBpT.js';
5
5
 
6
6
  const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-dl-dd-margin-block-start:0;--_dso-dl-dd-padding-inline-start:0;--_dso-dl-dt-inline-size:auto;--_dso-dl-dd-last-margin-block-end:0;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted(dl[slot=progress]){--_dso-dl-dd-margin-inline-start:0}::slotted(dl.dso-inline[slot=status]),::slotted(dl.dso-inline-end[slot=status]){--_dso-dl-margin-block-end:0;--_dso-dl-dd-margin-inline-start:8px;--_dso-dl-dd-last-margin-block-end:0;--_dso-dl-before-display:none;--_dso-dl-dt-font-weight:normal;--_dso-mark-bg-color:none;--_dso-mark-padding-block:0;--_dso-mark-color:inherit;--_dso-mark-font-weight:600;--_dso-dl-font-size:0.875rem;display:block !important}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.project-item-status{margin-inline-start:auto}`;
7
7
 
@@ -14,7 +14,7 @@ const ProjectItem = /*@__PURE__*/ proxyCustomElement(class ProjectItem extends H
14
14
  this.__attachShadow();
15
15
  }
16
16
  render() {
17
- return (h(Fragment, { key: '51ea303051a8e3ab5e406390872be0dcb7648bc3' }, h("div", { key: '2857e9d69cfe614abc8a0c8e8c6b62ad0f350a04', class: "project-item-header" }, h("div", { key: 'd203ee91ffe4a45dabacc80697e6f93fbe7220c3', class: "project-item-title" }, h("slot", { key: '509814470a58601a8fa0851c2fec38f3ad74d990', name: "title" }), this.label && (h("dso-label", { key: 'a38f0be207e4d31fae870f10bb04534c88f9e58e', status: "error", compact: true }, this.label))), h("div", { key: 'a08754ab2b09bf45977d977999cea844c9f75ccf', class: "project-item-actions" }, h("slot", { key: '702756f5fe1746d325027b0993ee18b3d2bc624a', name: "actions" }))), h("div", { key: '53d5ebd9895697b6e1227b26e4461b3c9830221c', class: "project-item-info" }, h("div", { key: '1140f2c0c8b3ef5c7bca5bddf1a2c430bea57ab9', class: "project-item-progress" }, h("slot", { key: '564f3e4d3eb5ba3bb8f98bce6603798b3ea28b04', name: "progress" })), h("div", { key: 'e20ddc7a8dc4fbdb60bfd2278b27b7c89c020fa8', class: "project-item-status" }, h("slot", { key: 'd8ac3b2df80b4cc24ff3f011b66b64108d0bce6b', name: "status" })))));
17
+ return (h(Fragment, { key: '45871b523685ebd7853b0ce31a7603fded861378' }, h("div", { key: '9624e80d73a5921660b2073a16a5921967a8d00f', class: "project-item-header" }, h("div", { key: 'af01b343a5a3bf8b5a8e7cbb80bbfaa22e1e554a', class: "project-item-title" }, h("slot", { key: '7c0cf1ce893fa4059a18393157d0cb6c33600d7a', name: "title" }), this.label && (h("dso-label", { key: '95a66a8617d79966c8c99b6306e6340b4c106fb8', status: "error", compact: true }, this.label))), h("div", { key: '8ae177b7420a0066fa82138a949ee3c764a7ddfd', class: "project-item-actions" }, h("slot", { key: 'aadf3ebbf05ce3b0fd91844870abf0c6c04913f8', name: "actions" }))), h("div", { key: '5c9ae37b5fc857f5a08398be04429181c0ee2a02', class: "project-item-info" }, h("div", { key: 'a2473acd2492c6e512a81bc675f8e7c9d64f38e3', class: "project-item-progress" }, h("slot", { key: 'd2b9c40914b6d920531dcd6230f15027413d6218', name: "progress" })), h("div", { key: '8970e4b1e91e7d26e26ca3cb45554ab4053b0a96', class: "project-item-status" }, h("slot", { key: 'edaf1a22822b1ba3d97e78bd0b04428eb962ffe0', name: "status" })))));
18
18
  }
19
19
  static get style() { return projectItemCss(); }
20
20
  }, [257, "dso-project-item", {
package/dist/bundle/dso-responsive-element.js CHANGED
@@ -1,4 +1,4 @@
1
- import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-DpwxsXR-.js';
1
+ import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-lAMOCPzk.js';
2
2
 
3
3
  const DsoResponsiveElement = ResponsiveElement;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-scrollable.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as Scrollable, d as defineCustomElement$1 } from './p-BuYJl3wN.js';
1
+ import { S as Scrollable, d as defineCustomElement$1 } from './p-DjX5FuBA.js';
2
2
 
3
3
  const DsoScrollable = Scrollable;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-segmented-button.js CHANGED
@@ -26,7 +26,7 @@ const SegmentedButton = /*@__PURE__*/ proxyCustomElement(class SegmentedButton e
26
26
  });
27
27
  }
28
28
  render() {
29
- return (h("div", { key: 'f5177c3667563f988ee7325755871f6e1af4d2ee', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
29
+ return (h("div", { key: '34c467709db2058c287c30c90e87c3f7d4cad523', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
30
30
  return (h("label", null, h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), h("span", { class: "segment-label" }, option.label)));
31
31
  })));
32
32
  }
package/dist/bundle/dso-selectable.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as Selectable, d as defineCustomElement$1 } from './p-WTVvB0zs.js';
1
+ import { S as Selectable, d as defineCustomElement$1 } from './p-DtOWRu1L.js';
2
2
 
3
3
  const DsoSelectable = Selectable;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-skiplink.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
2
2
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
3
- import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
3
+ import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
4
4
 
5
5
  const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--_dso-link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
6
6
 
@@ -20,7 +20,7 @@ const Skiplink = /*@__PURE__*/ proxyCustomElement(class Skiplink extends H {
20
20
  return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
21
21
  }
22
22
  render() {
23
- return (h("a", { key: 'e12cfaf0004c50f66121104c124548082d521a8c', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'da2e4f459b2ceb176fa8f88484943b3a00809246', icon: "chevron-right" })));
23
+ return (h("a", { key: 'b1d674b864fd216fcb084f4b7fedbc2f227c4278', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'a258bc4b68fe756513fbf1f8b41f20504a289439', icon: "chevron-right" })));
24
24
  }
25
25
  static get style() { return skiplinkCss(); }
26
26
  }, [1, "dso-skiplink", {
package/dist/bundle/dso-slide-toggle.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as SlideToggle, d as defineCustomElement$1 } from './p-BnKQUOO3.js';
1
+ import { S as SlideToggle, d as defineCustomElement$1 } from './p-CIYEcIdu.js';
2
2
 
3
3
  const DsoSlideToggle = SlideToggle;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-survey-rating.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
- import { d as defineCustomElement$4 } from './p-Du2uEAur.js';
3
- import { d as defineCustomElement$3 } from './p-BVpypRBU.js';
4
- import { d as defineCustomElement$2 } from './p-Cc1GnE4g.js';
2
+ import { d as defineCustomElement$4 } from './p-C9U8p69U.js';
3
+ import { d as defineCustomElement$3 } from './p-J6T9IaVD.js';
4
+ import { d as defineCustomElement$2 } from './p-Dhml-KNY.js';
5
5
 
6
- const surveyRatingCss = () => `:host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::after, *::before { box-sizing: border-box; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: ""; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #b62f41; color: #fff; border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #ce3f51; color: #fff; border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #e17000; color: #191919; border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #dcd400; color: #191919; border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #79b929; color: #191919; border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #39870c; color: #fff; border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #275937; color: #fff; border-color: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } button.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible { outline-offset: 2px; } button.dso-secondary:active { outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after { content: ""; display: inline-block; } button.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } button.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }`;
6
+ const surveyRatingCss = () => `:host { display: block; position: fixed; inset-block-end: 16px; inset-inline-start: 16px; inline-size: 370px; background-color: #fff; box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1000; } @media screen and (max-width: 480px) { :host { inline-size: 320px; inset-block-end: 0; inset-inline-start: 0; --panel-heading-padding-inline-start: 8px; --panel-body-padding-inline: 8px; } } *, *::after, *::before { box-sizing: border-box; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .visual-rating-labels { display: flex; justify-content: space-between; margin-block: 8px; } input[type=radio] { appearance: none; cursor: pointer; position: absolute; margin-inline: 0; margin-block: 0; inset-block: 8px 0; inset-inline: 0; z-index: 1; } label { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; block-size: 48px; border: 1px solid #ccc; border-inline-end-width: 0; padding-block-start: 8px; } @media screen and (max-width: 480px) { label { inline-size: 43px; block-size: 43px; } } label:hover { background-color: #f2f2f2; } label:active { background-color: #e5e5e5; } label:first-of-type { border-radius: 4px 0 0 4px; } label:first-of-type::before { border-radius: 3px 0 0; } label:last-of-type { border-inline-end-width: 1px; border-radius: 0 4px 4px 0; } label:last-of-type::before { border-radius: 0 3px 0 0; } label::before { content: ""; display: block; position: absolute; inset-block-start: 0; block-size: 8px; inline-size: 100%; border-block-end: 1px solid #ccc; } label:has(input:checked) { font-weight: bold; } label.survey-rating-1::before, label.survey-rating-1:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #b62f41; color: #fff; border-color: #ccc; } label.survey-rating-2::before, label.survey-rating-2:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #ce3f51; color: #fff; border-color: #ccc; } label.survey-rating-3::before, label.survey-rating-3:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #e17000; color: #191919; border-color: #ccc; } label.survey-rating-4::before, label.survey-rating-4:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #dcd400; color: #191919; border-color: #ccc; } label.survey-rating-5::before, label.survey-rating-5:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-zwart); --_dso-link-extern-icon: var(--_dso-di-external-link-zwart); --_dso-link-phone-icon: var(--_dso-di-call-zwart); --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: #1f472c; --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: #275937; --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27; --_dso-icon-button-tertiary-color: #191919; --_dso-icon-button-tertiary-hover-color: #4c4c4c; --_dso-icon-button-tertiary-active-color: #1f472c; --_dso-icon-button-tertiary-toggled-color: #275937; --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27; --_dso-icon-button-tertiary-disabled-color: #999; --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart); --_dso-button-tertiary-color: #191919; --_dso-button-tertiary-hover-color: #4c4c4c; --_dso-button-tertiary-active-color: #173521; --_dso-button-tertiary-disabled-color: #999; background-color: #79b929; color: #191919; border-color: #ccc; } label.survey-rating-6::before, label.survey-rating-6:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #39870c; color: #fff; border-color: #ccc; } label.survey-rating-7::before, label.survey-rating-7:has(input:checked) { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --_dso-link-color: currentColor; --_dso-link-hover-color: currentColor; --_dso-link-visited-color: currentColor; --_dso-link-download-icon: var(--_dso-di-download-wit); --_dso-link-extern-icon: var(--_dso-di-external-link-wit); --_dso-link-phone-icon: var(--_dso-di-call-wit); --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit); --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit); --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit); --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit); --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #275937; color: #fff; border-color: #ccc; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } button.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible { outline-offset: 2px; } button.dso-secondary:active { outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after { content: ""; display: inline-block; } button.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } button.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small { line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-extra-small { padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } button.dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } button.dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } button { margin-block-start: 16px; }`;
7
7
 
8
8
  const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends H {
9
9
  constructor(registerHost) {
@@ -33,10 +33,10 @@ const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends
33
33
  "Makkelijk",
34
34
  "Heel makkelijk",
35
35
  ];
36
- return (h("dso-panel", { key: '6ca6b26ed474a78d633d09e35804b79f9d63b3d9', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'df15ccd200b3cf97986061649d30cf0c29eacbcf', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'aa873e2a3a66edd83cb2201b4b67a6b870ae7cf7' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'f06e716b611998ee3041b120e3ab9bcc2ac9daa3', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'f776d80c9821095bc2d57c473ca41067ed337040', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '8a5c8731ebe09e5304ca55d41d2f56dd730a9152' }, "Heel moeilijk"), h("span", { key: 'ed77602612e229c6297192d74ce1bd54663b4b53' }, "Heel makkelijk")), h("div", { key: 'b056b09f7d8d371ffd5dc4db9e605680befa4d4b', role: "radiogroup" }, ratings.map((rating, index) => {
36
+ return (h("dso-panel", { key: '3d6733ce56f73b4e35b3f5d68388bd22f6ef4450', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'f93cbf6d816962a848f15b40055a8b9ff3f26fdc', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'e83390a76e6d45fc72a9c9f7d45e6650941c91b9' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'c671091557cb1096c47f88e99eb7e6bb42838479', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '952782116562f822ba8a8788104a9817739b4601', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '67fb62008f260e99c956709ca2cea83f22121460' }, "Heel moeilijk"), h("span", { key: 'eacf518d23c1e618162ce116890bcae4c28df240' }, "Heel makkelijk")), h("div", { key: 'bf9a0977e6e7508b362680aa49f78b9319ce7915', role: "radiogroup" }, ratings.map((rating, index) => {
37
37
  const ratingNumber = index + 1;
38
38
  return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
39
- })), h("button", { key: '01f22023d3f1b066b6d6707cc7fc6185e2263cad', type: "submit", class: "dso-secondary" }, h("span", { key: '2dd146d805c4f096cc0a25f264e4b2fd7d9b197c' }, "Antwoord verzenden")))));
39
+ })), h("button", { key: '1cb51daa334ca994ede7ea2bbc74534635f42921', type: "submit", class: "dso-secondary" }, h("span", { key: '044a0844ae775fed12db6089e76dd449494ad84b' }, "Antwoord verzenden")))));
40
40
  }
41
41
  static get style() { return surveyRatingCss(); }
42
42
  }, [1, "dso-survey-rating"]);
package/dist/bundle/dso-tab.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Di7uBIhp.js';
2
2
  import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
3
3
 
4
- const tabCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;border-color:#39870c;margin-block-end:-1px}@media screen and (max-width: 767px){:host{margin-block:10px}:host(:first-child){margin-block-start:0}}:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{background-color:#fff;border:1px solid #39870c;border-block-end-color:#fff;color:#39870c;cursor:default}@media screen and (max-width: 767px){:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{border-block-end-color:#39870c}}:host([disabled]:not([disabled=false])) [role=tab]{color:#999}:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{color:#999;text-decoration:none;cursor:default;background-color:transparent}@media screen and (max-width: 767px){:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{border-block-end-color:#fff}}a{text-decoration:none}a:hover,a:focus-visible{text-decoration:none}a:active{text-decoration:underline}a:visited{color:#666}button{font-family:inherit;font-size:inherit;background-color:transparent}[role=tab]{font-weight:bold;cursor:pointer;display:block;min-block-size:56px;border:1px solid transparent;border-radius:4px 4px 0 0;color:#666;line-height:1.5;padding-block:15px;padding-inline:23px}[role=tab]:hover{border-color:#e5e5e5 #e5e5e5 #e5e5e5}[role=tab]:hover,[role=tab]:focus{text-decoration:none;background-color:#e5e5e5}[role=tab]:active,[role=tab]:focus,[role=tab]:hover{background-color:#f2f2f2;border:1px solid transparent;border-block-end-color:#39870c;text-decoration:none}@media screen and (max-width: 767px){[role=tab]:active,[role=tab]:focus,[role=tab]:hover{border-block-end-color:#fff}}@media screen and (max-width: 767px){[role=tab]{border-color:#fff;border-radius:8px;padding-block:18px;padding-inline:20px;inline-size:100%;text-align:start}}`;
4
+ const tabCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;border-color:#39870c;margin-block-end:-1px}@media screen and (max-width: 767px){:host{margin-block:10px}:host(:first-child){margin-block-start:0}}:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{background-color:#fff;border:1px solid #39870c;border-block-end-color:#fff;color:#39870c;cursor:default}@media screen and (max-width: 767px){:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{border-block-end-color:#39870c}}:host([disabled]:not([disabled=false])) [role=tab]{color:#999}:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{color:#999;text-decoration:none;cursor:default;background-color:transparent}@media screen and (max-width: 767px){:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{border-block-end-color:#fff}}a{text-decoration:none}a:hover,a:focus-visible{text-decoration:none}a:active{text-decoration:underline}a:visited{color:#666}button{font-family:inherit;font-size:inherit;letter-spacing:inherit;background-color:transparent}[role=tab]{font-weight:bold;cursor:pointer;display:block;min-block-size:56px;border:1px solid transparent;border-radius:4px 4px 0 0;color:#666;line-height:1.5;padding-block:15px;padding-inline:23px}[role=tab]:hover{border-color:#e5e5e5 #e5e5e5 #e5e5e5}[role=tab]:hover,[role=tab]:focus{text-decoration:none;background-color:#e5e5e5}[role=tab]:active,[role=tab]:focus,[role=tab]:hover{background-color:#f2f2f2;border:1px solid transparent;border-block-end-color:#39870c;text-decoration:none}@media screen and (max-width: 767px){[role=tab]:active,[role=tab]:focus,[role=tab]:hover{border-block-end-color:#fff}}@media screen and (max-width: 767px){[role=tab]{border-color:#fff;border-radius:8px;padding-block:18px;padding-inline:20px;inline-size:100%;text-align:start}}`;
5
5
 
6
6
  const Tab = /*@__PURE__*/ proxyCustomElement(class Tab extends H {
7
7
  constructor(registerHost) {
package/dist/bundle/dso-table.js CHANGED
@@ -1,4 +1,4 @@
1
- import { T as Table, d as defineCustomElement$1 } from './p-Bd4DueUA.js';
1
+ import { T as Table, d as defineCustomElement$1 } from './p-BSPLBZYE.js';
2
2
 
3
3
  const DsoTable = Table;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/bundle/dso-tabs.js CHANGED
@@ -64,7 +64,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
64
64
  this.mutationObserver?.disconnect();
65
65
  }
66
66
  render() {
67
- return (h(Host, { key: '3c676d294bdb129c9321902ff081954c4551bc12' }, h("div", { key: 'aeb78fe7afdad4e4c4217eed202c50a3eb770a29', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '41bcc4eecb74bd8b5fd873ab59efd891e643bd67' })), h("div", { key: 'c17061b7b3e98161610b1e666ee0c6a0a1b3e27c', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'e45b459c3a90976f90bf7b24f5f86a27fa83ebe2', name: "panel" }))));
67
+ return (h(Host, { key: '378e4fa22a57c3379ace6d0329d0dd2ffd35c04a' }, h("div", { key: 'b791083acc1c6b614abc8b9c40abcd63df8bf0ba', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '29c8e59ef344c9a3c9fdc3b5e41e8b6700434a17' })), h("div", { key: '7f2c1d9a3a5d712807336d925d262ffac3ec23c7', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'dd4d5314dd77338bb217b01563d629259bbfb2f7', name: "panel" }))));
68
68
  }
69
69
  get host() { return this; }
70
70
  static get style() { return tabsCss(); }
package/dist/bundle/dso-tijdreis-banner.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-Di7uBIhp.js';
2
- import { d as defineCustomElement$2 } from './p-Du2uEAur.js';
2
+ import { d as defineCustomElement$2 } from './p-C9U8p69U.js';
3
3
 
4
4
  const tijdreisBannerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff;display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}`;
5
5
 
@@ -12,7 +12,7 @@ const TijdreisBanner = /*@__PURE__*/ proxyCustomElement(class TijdreisBanner ext
12
12
  this.__attachShadow();
13
13
  }
14
14
  render() {
15
- return (h(Fragment, { key: '3b509399cb18265b87630898b9b7f875f4585c85' }, h("dso-icon", { key: '6fcf4915bcab665a27ef1a3cefeb89f692b22d4b', icon: "clock-outline" }), h("slot", { key: '38ab4337882a2b43b5d6a09643b18ca2239f196d' }), h("slot", { key: '13be4d3ee34a92b4595f251069950ee1ac62bb68', name: "button" })));
15
+ return (h(Fragment, { key: '4bde48340c627e60f8655d71e11d358ce3706f63' }, h("dso-icon", { key: '33020e99bfc7d8fba1f799c0ea4324c417bd64d1', icon: "clock-outline" }), h("slot", { key: 'be1174fc29ad9eae607fbced2dc2ffc9874e2973' }), h("slot", { key: '7b6ff42a67dcaeb757c24473cb3c8caa4456c90b', name: "button" })));
16
16
  }
17
17
  static get style() { return tijdreisBannerCss(); }
18
18
  }, [257, "dso-tijdreis-banner"]);
package/dist/bundle/dso-tooltip.js CHANGED
@@ -2022,7 +2022,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
2022
2022
  }
2023
2023
  }
2024
2024
  render() {
2025
- return (h(Host, { key: '6f0adb2c86ef41db812225635aaf4572a9b66ee3', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '608e0dabdd84836113adb9b7f7fb6e216d748d05', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '69e082b52547d254f1d183ea9fc72b63667b2b3f', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '7d17b7f5d9711e6f055d644c3082bbc0df74830d', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '49ee9aa97a61c765a296b58ace247aac181c0841' })))));
2025
+ return (h(Host, { key: 'e08707c05d17ee0a049dd74d6524c0b26b1dc639', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '12baf3facd788c17da5019ad2f01512701933e0a', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '80cb136e9339aa6132528110cc98472a0ed1b0a5', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'ed2853f256c5a66d1ef77a157b9f461e379fc658', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'b5365e342858376bc75ed209c9a458fd05b05b49' })))));
2026
2026
  }
2027
2027
  activatePopper() {
2028
2028
  this.hidden = false;
package/dist/bundle/dso-tree-view.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-Di7uBIhp.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
- import { d as defineCustomElement$3 } from './p-Du2uEAur.js';
4
- import { d as defineCustomElement$2 } from './p-BXj3KQLr.js';
3
+ import { d as defineCustomElement$3 } from './p-C9U8p69U.js';
4
+ import { d as defineCustomElement$2 } from './p-DaYftqWs.js';
5
5
 
6
6
  const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize, }) => (h("li", { key: item.id, class: clsx("tree-item", { "has-child": item.hasItems, "is-expanded": !!item.open && !!item.items?.length }), role: "none" }, h("div", { class: "tree-branch-control" }, item.hasItems ? (h("div", { onClick: (e) => owner.itemClick(e, ancestors, item) }, h("dso-icon", { icon: item.open ? "minus-square-outline" : "plus-square-outline" }))) : (h("dso-icon", null))), h("p", { class: clsx("tree-content", { active: item.active }, { selected: item.selected }), tabindex: level === 1 && index === 0 ? 0 : -1, role: "treeitem", "aria-expanded": item.hasItems ? "" + (!!item.open && !!item.items?.length) : undefined, "aria-current": item.active ? "true" : undefined, "aria-level": level, "aria-setsize": setSize, "aria-posinset": index + 1, "aria-busy": item.loading ? "true" : undefined, "data-item-id": item.id, onClick: (e) => owner.itemClick(e, ancestors, item) }, item.selected && h("span", { class: "sr-only" }, "Resultaat: "), item.href ? (h("a", { href: item.href, tabindex: "-1" }, item.label)) : (h("span", null, item.label)), item.icons?.map((icon) => (h("dso-icon", { icon: icon.icon, title: icon.label })))), item.open && (h(Fragment, null, item.hasItems && !item.items && item.loading ? (h("dso-progress-indicator", { size: "small", label: "Resultaten laden: een moment geduld alstublieft." })) : (h("ul", { role: "group" }, item.items?.map((childItem, childIndex, org) => (h(DsoTreeItem, { owner: owner, ancestors: [...ancestors, item], item: childItem, index: childIndex, level: level + 1, setSize: org.length })))))))));
7
7
 
@@ -185,7 +185,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
185
185
  return false;
186
186
  }
187
187
  render() {
188
- return (h("div", { key: 'f2a4a8eefce8c9a30941491babe5de9693b0c45d', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '8f0575f2b75c1f273177987ca4692fe64878274e', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
188
+ return (h("div", { key: '045da3d6b0bc4381b3e439890e7f8db679fc8f9a', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'de2140f76fd20b0fa2bf85e60a79dede60a62082', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
189
189
  }
190
190
  static get style() { return treeViewCss(); }
191
191
  }, [1, "dso-tree-view", {