@dso-toolkit/core 89.0.0 → 90.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (498) hide show
  1. package/dist/bundle/dso-accordion-section.js +13 -13
  2. package/dist/bundle/dso-action-list-item.js +1 -1
  3. package/dist/bundle/dso-action-list.js +1 -1
  4. package/dist/bundle/dso-advanced-select.js +16 -10
  5. package/dist/bundle/dso-alert.js +1 -1
  6. package/dist/bundle/dso-annotation-activiteit.js +7 -7
  7. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +7 -7
  8. package/dist/bundle/dso-annotation-kaart.js +4 -4
  9. package/dist/bundle/dso-annotation-locatie.js +1 -1
  10. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +7 -7
  11. package/dist/bundle/dso-attachments-counter.js +1 -1
  12. package/dist/bundle/dso-autosuggest.js +3 -3
  13. package/dist/bundle/dso-badge.js +1 -1
  14. package/dist/bundle/dso-banner.js +2 -2
  15. package/dist/bundle/dso-button-group.js +1 -1
  16. package/dist/bundle/dso-card-container.js +1 -1
  17. package/dist/bundle/dso-card.js +4 -4
  18. package/dist/bundle/dso-contact-information.js +1 -1
  19. package/dist/bundle/dso-cursor-tooltip.js +2 -2
  20. package/dist/bundle/dso-date-picker.js +1 -1
  21. package/dist/bundle/dso-document-card.js +2 -2
  22. package/dist/bundle/dso-document-component.js +1 -1
  23. package/dist/bundle/dso-dropdown-menu.js +1 -1
  24. package/dist/bundle/dso-expandable.js +1 -1
  25. package/dist/bundle/dso-header.js +6 -6
  26. package/dist/bundle/dso-highlight-box.js +1 -1
  27. package/dist/bundle/dso-history-item.js +3 -3
  28. package/dist/bundle/dso-icon-button.js +1 -1
  29. package/dist/bundle/dso-icon.js +1 -1
  30. package/dist/bundle/dso-image-overlay.js +1 -1
  31. package/dist/bundle/dso-info-button.js +1 -1
  32. package/dist/bundle/dso-info.js +1 -1
  33. package/dist/bundle/dso-input-range.js +2 -2
  34. package/dist/bundle/dso-label.js +1 -1
  35. package/dist/bundle/dso-legend-group.js +3 -3
  36. package/dist/bundle/dso-legend-item.js +7 -7
  37. package/dist/bundle/dso-legend.js +4 -4
  38. package/dist/bundle/dso-list-button.js +8 -8
  39. package/dist/bundle/dso-logo.js +1 -1
  40. package/dist/bundle/dso-map-base-layers.js +7 -7
  41. package/dist/bundle/dso-map-controls.js +6 -6
  42. package/dist/bundle/dso-map-layer-object.js +2 -2
  43. package/dist/bundle/dso-map-layer.js +2 -2
  44. package/dist/bundle/dso-map-message.d.ts +11 -0
  45. package/dist/bundle/dso-map-message.js +61 -0
  46. package/dist/bundle/dso-map-overlays.js +7 -7
  47. package/dist/bundle/dso-mark-bar.js +3 -3
  48. package/dist/bundle/dso-modal.js +4 -4
  49. package/dist/bundle/dso-onboarding-tip.js +5 -5
  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 +3 -3
  55. package/dist/bundle/dso-progress-indicator.js +1 -1
  56. package/dist/bundle/dso-project-item.js +5 -5
  57. package/dist/bundle/dso-renvooi.js +1 -1
  58. package/dist/bundle/dso-responsive-element.js +1 -1
  59. package/dist/bundle/dso-scrollable.js +1 -1
  60. package/dist/bundle/dso-segmented-button.d.ts +11 -0
  61. package/dist/bundle/dso-segmented-button.js +59 -0
  62. package/dist/bundle/dso-selectable.js +1 -1
  63. package/dist/bundle/dso-skiplink.js +2 -2
  64. package/dist/bundle/dso-slide-toggle.js +1 -1
  65. package/dist/bundle/dso-survey-rating.js +6 -6
  66. package/dist/bundle/dso-table.js +1 -1
  67. package/dist/bundle/dso-tabs.js +1 -1
  68. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  69. package/dist/bundle/dso-toggletip.js +6 -6
  70. package/dist/bundle/dso-tooltip.js +1 -1
  71. package/dist/bundle/dso-tree-view.js +5 -5
  72. package/dist/bundle/dso-viewer-grid.js +4 -4
  73. package/dist/bundle/dsot-document-component-demo.js +36 -30
  74. package/dist/bundle/index.js +4 -0
  75. package/dist/bundle/p--n40ToSQ.js +85 -0
  76. package/dist/bundle/{p-BVdZO6ww.js → p-BA6Zh1WC.js} +6 -6
  77. package/dist/bundle/{p-DeNLhtpE.js → p-BF6yRtxl.js} +4 -4
  78. package/dist/bundle/{p-DXIz32u2.js → p-BW1PprKl.js} +1 -1
  79. package/dist/bundle/p-BhAymLK3.js +1208 -0
  80. package/dist/bundle/{p-DU9IRZ6t.js → p-BknPxtzH.js} +1 -1
  81. package/dist/bundle/{p-BgGHk77B.js → p-Bq2niFBm.js} +2 -2
  82. package/dist/bundle/{p-srgNz1ix.js → p-BzzKsKZJ.js} +1 -1
  83. package/dist/bundle/{p-BxQkUibV.js → p-CJuXnQoh.js} +4 -4
  84. package/dist/bundle/{p-COl_WB5w.js → p-CWFylPeK.js} +3 -3
  85. package/dist/bundle/p-ChGqsk4J.js +172 -0
  86. package/dist/bundle/{p-6jVpEP4Y.js → p-Chf3HmLn.js} +1 -1
  87. package/dist/bundle/p-Cvc_zdE2.js +123 -0
  88. package/dist/bundle/{p-CSLjMUxc.js → p-D0_f_ziF.js} +4 -4
  89. package/dist/bundle/{p-cvGwDktk.js → p-D9E0ZanO.js} +2 -2
  90. package/dist/bundle/p-DAOlzH7s.js +170 -0
  91. package/dist/bundle/{p-DlJ_GXgx.js → p-DBac7-7I.js} +6 -6
  92. package/dist/bundle/{p-BO0PFU2G.js → p-DLUMPN56.js} +1 -1
  93. package/dist/bundle/p-DgXlrrIE.js +825 -0
  94. package/dist/bundle/p-DhxQaUrY.js +83 -0
  95. package/dist/bundle/{p-DdtY48K7.js → p-DkfAYJEK.js} +2 -2
  96. package/dist/bundle/{p-CVa_Zw1m.js → p-HAIRtan0.js} +1 -1
  97. package/dist/bundle/{p-gRKmvaG9.js → p-XMxdbO4a.js} +1 -1
  98. package/dist/bundle/{p-BzrfS3rM.js → p-Yb_1DkLQ.js} +1 -1
  99. package/dist/bundle/p-l1oPLtTA.js +98 -0
  100. package/dist/bundle/p-rZqcedsG.js +319 -0
  101. package/dist/cjs/dso-accordion-section.cjs.entry.js +5 -5
  102. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  103. package/dist/cjs/dso-advanced-select.cjs.entry.js +1 -1
  104. package/dist/cjs/dso-alert_7.cjs.entry.js +138 -15
  105. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +1 -1
  106. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +1 -1
  107. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +1 -1
  108. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +4 -4
  109. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +1 -1
  110. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +2 -2
  111. package/dist/cjs/dso-banner.cjs.entry.js +2 -2
  112. package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
  113. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  114. package/dist/cjs/dso-card.cjs.entry.js +3 -3
  115. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  116. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +2 -2
  117. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  118. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  119. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +1 -1
  120. package/dist/cjs/dso-header.cjs.entry.js +4 -4
  121. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  122. package/dist/cjs/dso-history-item.cjs.entry.js +2 -2
  123. package/dist/cjs/dso-icon_2.cjs.entry.js +424 -327
  124. package/dist/cjs/dso-info-button.cjs.entry.js +3 -3
  125. package/dist/cjs/dso-info_2.cjs.entry.js +3 -3
  126. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  127. package/dist/cjs/dso-label_3.cjs.entry.js +5 -7
  128. package/dist/cjs/dso-legend-group.cjs.entry.js +1 -1
  129. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  130. package/dist/cjs/dso-legend.cjs.entry.js +1 -1
  131. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  132. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  133. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  134. package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
  135. package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
  136. package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
  137. package/dist/cjs/dso-map-message.cjs.entry.js +34 -0
  138. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  139. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  140. package/dist/cjs/dso-modal.cjs.entry.js +1 -1
  141. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +2 -2
  142. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +2 -2
  143. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  144. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  145. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  146. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  147. package/dist/cjs/dso-segmented-button.cjs.entry.js +35 -0
  148. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  149. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  150. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  151. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  152. package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
  153. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  154. package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
  155. package/dist/cjs/dso-tree-view.cjs.entry.js +3 -3
  156. package/dist/cjs/dso-viewer-grid.cjs.entry.js +4 -4
  157. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  158. package/dist/cjs/loader.cjs.js +1 -1
  159. package/dist/cjs/{tooltip.functional-component-CnQn5snY.js → tooltip.functional-component-ByUlZk1N.js} +1 -1
  160. package/dist/collection/collection-manifest.json +2 -0
  161. package/dist/collection/components/accordion/components/accordion-section.css +1 -1
  162. package/dist/collection/components/accordion/components/accordion-section.js +15 -8
  163. package/dist/collection/components/action-list/action-list.css +1 -1
  164. package/dist/collection/components/advanced-select/advanced-select.css +7 -7
  165. package/dist/collection/components/alert/alert.css +4 -4
  166. package/dist/collection/components/alert/alert.js +1 -1
  167. package/dist/collection/components/annotation/annotation.css +12 -16
  168. package/dist/collection/components/badge/badge.css +1029 -18
  169. package/dist/collection/components/badge/badge.js +188 -3
  170. package/dist/collection/components/banner/banner.js +2 -2
  171. package/dist/collection/components/button-group/button-group.js +1 -1
  172. package/dist/collection/components/card/card.css +10 -14
  173. package/dist/collection/components/card/card.js +2 -2
  174. package/dist/collection/components/card-container/card-container.js +1 -1
  175. package/dist/collection/components/contact-information/contact-information.js +1 -1
  176. package/dist/collection/components/cursor-tooltip/cursor-tooltip.css +1 -1
  177. package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +1 -1
  178. package/dist/collection/components/date-picker/date-picker.js +1 -1
  179. package/dist/collection/components/document-card/document-card.js +1 -1
  180. package/dist/collection/components/document-component/document-component.css +17 -25
  181. package/dist/collection/components/document-component/document-component.js +20 -13
  182. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  183. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  184. package/dist/collection/components/expandable/expandable.js +2 -2
  185. package/dist/collection/components/header/header.css +1 -2
  186. package/dist/collection/components/header/header.js +3 -3
  187. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  188. package/dist/collection/components/history-item/history-item.js +2 -2
  189. package/dist/collection/components/icon/icon.interfaces.js +1 -0
  190. package/dist/collection/components/icon/icon.js +120 -73
  191. package/dist/collection/components/icon-button/icon-button.css +10 -12
  192. package/dist/collection/components/icon-button/icon-button.js +14 -5
  193. package/dist/collection/components/image-overlay/image-overlay.css +4 -4
  194. package/dist/collection/components/image-overlay/image-overlay.js +1 -1
  195. package/dist/collection/components/info/info.css +1 -1
  196. package/dist/collection/components/info/info.js +1 -1
  197. package/dist/collection/components/info-button/info-button.js +2 -2
  198. package/dist/collection/components/input-range/input-range.js +2 -2
  199. package/dist/collection/components/label/label.css +46 -48
  200. package/dist/collection/components/label/label.js +2 -4
  201. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  202. package/dist/collection/components/legend/legend-item/legend-item.js +2 -2
  203. package/dist/collection/components/legend/legend.js +1 -1
  204. package/dist/collection/components/list-button/list-button.css +3 -3
  205. package/dist/collection/components/list-button/list-button.js +1 -1
  206. package/dist/collection/components/logo/logo.js +1 -1
  207. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  208. package/dist/collection/components/map-controls/map-controls.css +15 -19
  209. package/dist/collection/components/map-controls/map-controls.js +1 -1
  210. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  211. package/dist/collection/components/map-layer/map-layer.js +1 -1
  212. package/dist/collection/components/map-message/map-message.css +96 -0
  213. package/dist/collection/components/map-message/map-message.js +69 -0
  214. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  215. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  216. package/dist/collection/components/modal/modal.js +1 -1
  217. package/dist/collection/components/onboarding-tip/onboarding-tip.css +1 -4
  218. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  219. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +11 -4
  220. package/dist/collection/components/ozon-content/ozon-content.css +32 -40
  221. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  222. package/dist/collection/components/panel/panel.css +1 -1
  223. package/dist/collection/components/panel/panel.js +1 -1
  224. package/dist/collection/components/plekinfo-card/plekinfo-card.css +2 -2
  225. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  226. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  227. package/dist/collection/components/project-item/project-item.js +1 -1
  228. package/dist/collection/components/renvooi/renvooi.css +2 -2
  229. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  230. package/dist/collection/components/scrollable/scrollable.js +2 -2
  231. package/dist/collection/components/segmented-button/segmented-button.css +59 -0
  232. package/dist/collection/components/segmented-button/segmented-button.interfaces.js +1 -0
  233. package/dist/collection/components/segmented-button/segmented-button.js +169 -0
  234. package/dist/collection/components/selectable/selectable.js +1 -1
  235. package/dist/collection/components/skiplink/skiplink.js +1 -1
  236. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  237. package/dist/collection/components/survey-rating/survey-rating.css +11 -12
  238. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  239. package/dist/collection/components/table/table.css +15 -19
  240. package/dist/collection/components/table/table.js +1 -1
  241. package/dist/collection/components/tabs/tabs.js +1 -1
  242. package/dist/collection/components/tijdreis-banner/tijdreis-banner.css +1 -1
  243. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  244. package/dist/collection/components/toggletip/toggletip.js +1 -1
  245. package/dist/collection/components/tooltip/tooltip.js +1 -1
  246. package/dist/collection/components/tree-view/tree-item.js +1 -1
  247. package/dist/collection/components/tree-view/tree-view.css +1 -2
  248. package/dist/collection/components/tree-view/tree-view.js +1 -1
  249. package/dist/collection/components/viewer-grid/components/filter-panel.js +1 -1
  250. package/dist/collection/components/viewer-grid/components/overlay.js +1 -1
  251. package/dist/collection/components/viewer-grid/viewer-grid.css +3 -3
  252. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  253. package/dist/collection/functional-components/tooltip/tooltip.functional-component.js +1 -1
  254. package/dist/components/alert.js +1 -1
  255. package/dist/components/annotation-locatie.js +1 -1
  256. package/dist/components/badge.js +1 -1
  257. package/dist/components/button-group.js +1 -1
  258. package/dist/components/document-component.js +1 -1
  259. package/dist/components/dropdown-menu.js +1 -1
  260. package/dist/components/dso-accordion-section.js +1 -1
  261. package/dist/components/dso-action-list.js +1 -1
  262. package/dist/components/dso-advanced-select.js +3 -3
  263. package/dist/components/dso-annotation-activiteit.js +1 -1
  264. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  265. package/dist/components/dso-annotation-kaart.js +1 -1
  266. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  267. package/dist/components/dso-banner.js +1 -1
  268. package/dist/components/dso-card-container.js +1 -1
  269. package/dist/components/dso-card.js +1 -1
  270. package/dist/components/dso-contact-information.js +1 -1
  271. package/dist/components/dso-cursor-tooltip.js +1 -1
  272. package/dist/components/dso-date-picker.js +1 -1
  273. package/dist/components/dso-document-card.js +1 -1
  274. package/dist/components/dso-header.js +1 -1
  275. package/dist/components/dso-highlight-box.js +1 -1
  276. package/dist/components/dso-history-item.js +1 -1
  277. package/dist/components/dso-input-range.js +1 -1
  278. package/dist/components/dso-legend-group.js +1 -1
  279. package/dist/components/dso-legend-item.js +1 -1
  280. package/dist/components/dso-legend.js +1 -1
  281. package/dist/components/dso-list-button.js +1 -1
  282. package/dist/components/dso-logo.js +1 -1
  283. package/dist/components/dso-map-base-layers.js +1 -1
  284. package/dist/components/dso-map-controls.js +1 -1
  285. package/dist/components/dso-map-layer-object.js +1 -1
  286. package/dist/components/dso-map-layer.js +1 -1
  287. package/dist/components/dso-map-message.d.ts +11 -0
  288. package/dist/components/dso-map-message.js +1 -0
  289. package/dist/components/dso-map-overlays.js +1 -1
  290. package/dist/components/dso-mark-bar.js +1 -1
  291. package/dist/components/dso-modal.js +1 -1
  292. package/dist/components/dso-onboarding-tip.js +1 -1
  293. package/dist/components/dso-plekinfo-card.js +1 -1
  294. package/dist/components/dso-project-item.js +1 -1
  295. package/dist/components/dso-segmented-button.d.ts +11 -0
  296. package/dist/components/dso-segmented-button.js +1 -0
  297. package/dist/components/dso-skiplink.js +1 -1
  298. package/dist/components/dso-survey-rating.js +1 -1
  299. package/dist/components/dso-tabs.js +1 -1
  300. package/dist/components/dso-tijdreis-banner.js +1 -1
  301. package/dist/components/dso-toggletip.js +1 -1
  302. package/dist/components/dso-tree-view.js +1 -1
  303. package/dist/components/dso-viewer-grid.js +1 -1
  304. package/dist/components/dsot-document-component-demo.js +1 -1
  305. package/dist/components/expandable.js +1 -1
  306. package/dist/components/icon-button.js +1 -1
  307. package/dist/components/icon.js +1 -1
  308. package/dist/components/image-overlay.js +1 -1
  309. package/dist/components/index.d.ts +4 -0
  310. package/dist/components/index.js +1 -1
  311. package/dist/components/info-button.js +1 -1
  312. package/dist/components/info.js +1 -1
  313. package/dist/components/label.js +1 -1
  314. package/dist/components/ozon-content-toggletip.js +1 -1
  315. package/dist/components/ozon-content.js +1 -1
  316. package/dist/components/panel.js +1 -1
  317. package/dist/components/progress-indicator.js +1 -1
  318. package/dist/components/renvooi.js +1 -1
  319. package/dist/components/responsive-element.js +1 -1
  320. package/dist/components/scrollable.js +1 -1
  321. package/dist/components/selectable.js +1 -1
  322. package/dist/components/slide-toggle.js +1 -1
  323. package/dist/components/table.js +1 -1
  324. package/dist/components/tooltip.functional-component.js +1 -1
  325. package/dist/components/tooltip.js +1 -1
  326. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  327. package/dist/dso-toolkit/p-00e1ac4c.entry.js +1 -0
  328. package/dist/dso-toolkit/{p-45ccfd50.entry.js → p-027fc4fe.entry.js} +1 -1
  329. package/dist/dso-toolkit/p-028df884.entry.js +1 -0
  330. package/dist/dso-toolkit/p-046d345e.entry.js +1 -0
  331. package/dist/dso-toolkit/p-0b4ddc17.entry.js +1 -0
  332. package/dist/dso-toolkit/p-0c6c3d19.entry.js +1 -0
  333. package/dist/dso-toolkit/p-16e69d06.entry.js +1 -0
  334. package/dist/dso-toolkit/p-188f383c.entry.js +1 -0
  335. package/dist/dso-toolkit/{p-d522ee67.entry.js → p-200819a2.entry.js} +1 -1
  336. package/dist/dso-toolkit/p-2391ab39.entry.js +1 -0
  337. package/dist/dso-toolkit/p-25bb82be.entry.js +1 -0
  338. package/dist/dso-toolkit/{p-0f04d059.entry.js → p-297777c1.entry.js} +1 -1
  339. package/dist/dso-toolkit/p-2b751600.entry.js +1 -0
  340. package/dist/dso-toolkit/{p-ef90f4a8.entry.js → p-3631a64d.entry.js} +1 -1
  341. package/dist/dso-toolkit/{p-d142d8bb.entry.js → p-39663446.entry.js} +1 -1
  342. package/dist/dso-toolkit/p-41769318.entry.js +1 -0
  343. package/dist/dso-toolkit/p-43fb6780.entry.js +1 -0
  344. package/dist/dso-toolkit/p-49845201.entry.js +1 -0
  345. package/dist/dso-toolkit/{p-00a83dd9.entry.js → p-4cdcaba3.entry.js} +1 -1
  346. package/dist/dso-toolkit/{p-178485c3.entry.js → p-5893f749.entry.js} +1 -1
  347. package/dist/dso-toolkit/{p-d7ecb171.entry.js → p-644d47f9.entry.js} +1 -1
  348. package/dist/dso-toolkit/p-679ddcde.entry.js +1 -0
  349. package/dist/dso-toolkit/p-6fc38a28.entry.js +1 -0
  350. package/dist/dso-toolkit/{p-1ec0886c.entry.js → p-7229fed0.entry.js} +1 -1
  351. package/dist/dso-toolkit/p-780737ad.entry.js +1 -0
  352. package/dist/dso-toolkit/{p-38b42e83.entry.js → p-7c6e1f22.entry.js} +1 -1
  353. package/dist/dso-toolkit/p-7df48674.entry.js +1 -0
  354. package/dist/dso-toolkit/p-7e82657e.entry.js +1 -0
  355. package/dist/dso-toolkit/{p-086a3c7e.entry.js → p-810c1d07.entry.js} +1 -1
  356. package/dist/dso-toolkit/{p-438fcf4b.entry.js → p-82ec94ae.entry.js} +1 -1
  357. package/dist/dso-toolkit/p-863dde86.entry.js +1 -0
  358. package/dist/dso-toolkit/p-88a5dc4d.entry.js +1 -0
  359. package/dist/dso-toolkit/{p-1a2b975e.entry.js → p-94924839.entry.js} +1 -1
  360. package/dist/dso-toolkit/{p-33e1cf5e.entry.js → p-9b29129c.entry.js} +1 -1
  361. package/dist/dso-toolkit/p-Dnozu1V0.js +1 -0
  362. package/dist/dso-toolkit/{p-046a84aa.entry.js → p-a22d7d1e.entry.js} +1 -1
  363. package/dist/dso-toolkit/p-a25435fc.entry.js +1 -0
  364. package/dist/dso-toolkit/{p-9172bcd1.entry.js → p-a3175e48.entry.js} +1 -1
  365. package/dist/dso-toolkit/p-a563e235.entry.js +1 -0
  366. package/dist/dso-toolkit/p-ac8d2b73.entry.js +1 -0
  367. package/dist/dso-toolkit/{p-5a02249b.entry.js → p-b63c1d6a.entry.js} +1 -1
  368. package/dist/dso-toolkit/p-bca812a8.entry.js +1 -0
  369. package/dist/dso-toolkit/{p-3b0fd6c5.entry.js → p-be08cb19.entry.js} +1 -1
  370. package/dist/dso-toolkit/{p-de00a5aa.entry.js → p-c33dc797.entry.js} +1 -1
  371. package/dist/dso-toolkit/p-c3c19b60.entry.js +1 -0
  372. package/dist/dso-toolkit/{p-221a2c73.entry.js → p-c650002e.entry.js} +1 -1
  373. package/dist/dso-toolkit/p-c800076a.entry.js +1 -0
  374. package/dist/dso-toolkit/{p-e23b4585.entry.js → p-cfcc5b29.entry.js} +1 -1
  375. package/dist/dso-toolkit/p-d831c95a.entry.js +1 -0
  376. package/dist/dso-toolkit/p-d8a6007b.entry.js +1 -0
  377. package/dist/dso-toolkit/p-df8e58cb.entry.js +1 -0
  378. package/dist/dso-toolkit/p-e0a6d9da.entry.js +1 -0
  379. package/dist/dso-toolkit/{p-b7211906.entry.js → p-e8f4fcd0.entry.js} +1 -1
  380. package/dist/dso-toolkit/{p-a0fdef9a.entry.js → p-f4fc6fe4.entry.js} +1 -1
  381. package/dist/dso-toolkit/p-fc2b2c86.entry.js +1 -0
  382. package/dist/dso-toolkit/p-fe4dd620.entry.js +1 -0
  383. package/dist/dso-toolkit/p-ff1d91b4.entry.js +1 -0
  384. package/dist/esm/dso-accordion-section.entry.js +5 -5
  385. package/dist/esm/dso-action-list.entry.js +1 -1
  386. package/dist/esm/dso-advanced-select.entry.js +1 -1
  387. package/dist/esm/dso-alert_7.entry.js +139 -16
  388. package/dist/esm/dso-annotation-activiteit.entry.js +1 -1
  389. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +1 -1
  390. package/dist/esm/dso-annotation-kaart.entry.js +1 -1
  391. package/dist/esm/dso-annotation-locatie_2.entry.js +4 -4
  392. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +1 -1
  393. package/dist/esm/dso-attachments-counter_2.entry.js +2 -2
  394. package/dist/esm/dso-banner.entry.js +2 -2
  395. package/dist/esm/dso-button-group.entry.js +1 -1
  396. package/dist/esm/dso-card-container.entry.js +1 -1
  397. package/dist/esm/dso-card.entry.js +3 -3
  398. package/dist/esm/dso-contact-information.entry.js +1 -1
  399. package/dist/esm/dso-cursor-tooltip.entry.js +2 -2
  400. package/dist/esm/dso-date-picker.entry.js +1 -1
  401. package/dist/esm/dso-document-card.entry.js +1 -1
  402. package/dist/esm/dso-dropdown-menu.entry.js +1 -1
  403. package/dist/esm/dso-header.entry.js +4 -4
  404. package/dist/esm/dso-highlight-box.entry.js +1 -1
  405. package/dist/esm/dso-history-item.entry.js +2 -2
  406. package/dist/esm/dso-icon_2.entry.js +424 -327
  407. package/dist/esm/dso-info-button.entry.js +3 -3
  408. package/dist/esm/dso-info_2.entry.js +3 -3
  409. package/dist/esm/dso-input-range.entry.js +2 -2
  410. package/dist/esm/dso-label_3.entry.js +5 -7
  411. package/dist/esm/dso-legend-group.entry.js +1 -1
  412. package/dist/esm/dso-legend-item.entry.js +2 -2
  413. package/dist/esm/dso-legend.entry.js +1 -1
  414. package/dist/esm/dso-list-button.entry.js +2 -2
  415. package/dist/esm/dso-logo.entry.js +1 -1
  416. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  417. package/dist/esm/dso-map-controls.entry.js +2 -2
  418. package/dist/esm/dso-map-layer-object.entry.js +1 -1
  419. package/dist/esm/dso-map-layer.entry.js +1 -1
  420. package/dist/esm/dso-map-message.entry.js +32 -0
  421. package/dist/esm/dso-map-overlays.entry.js +1 -1
  422. package/dist/esm/dso-mark-bar.entry.js +1 -1
  423. package/dist/esm/dso-modal.entry.js +1 -1
  424. package/dist/esm/dso-onboarding-tip.entry.js +2 -2
  425. package/dist/esm/dso-plekinfo-card.entry.js +2 -2
  426. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  427. package/dist/esm/dso-project-item.entry.js +1 -1
  428. package/dist/esm/dso-responsive-element.entry.js +1 -1
  429. package/dist/esm/dso-scrollable.entry.js +2 -2
  430. package/dist/esm/dso-segmented-button.entry.js +33 -0
  431. package/dist/esm/dso-skiplink.entry.js +1 -1
  432. package/dist/esm/dso-survey-rating.entry.js +3 -3
  433. package/dist/esm/dso-tabs.entry.js +1 -1
  434. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  435. package/dist/esm/dso-toggletip.entry.js +1 -1
  436. package/dist/esm/dso-toolkit.js +1 -1
  437. package/dist/esm/dso-tooltip.entry.js +1 -1
  438. package/dist/esm/dso-tree-view.entry.js +3 -3
  439. package/dist/esm/dso-viewer-grid.entry.js +4 -4
  440. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  441. package/dist/esm/loader.js +1 -1
  442. package/dist/esm/{tooltip.functional-component-JeYQl3eZ.js → tooltip.functional-component-TdyYX_ny.js} +1 -1
  443. package/dist/types/components/accordion/components/accordion-section.d.ts +3 -2
  444. package/dist/types/components/badge/badge.d.ts +43 -1
  445. package/dist/types/components/document-component/document-component.d.ts +2 -2
  446. package/dist/types/components/document-component/document-component.interfaces.d.ts +1 -0
  447. package/dist/types/components/document-component-demo/document-component.demo.d.ts +2 -2
  448. package/dist/types/components/icon/icon.d.ts +2 -1
  449. package/dist/types/components/icon/icon.interfaces.d.ts +1 -0
  450. package/dist/types/components/icon-button/icon-button.d.ts +2 -1
  451. package/dist/types/components/map-message/map-message.d.ts +14 -0
  452. package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts +2 -1
  453. package/dist/types/components/segmented-button/segmented-button.d.ts +31 -0
  454. package/dist/types/components/segmented-button/segmented-button.interfaces.d.ts +8 -0
  455. package/dist/types/components/tree-view/tree-view.interfaces.d.ts +2 -1
  456. package/dist/types/components.d.ts +147 -22
  457. package/package.json +3 -3
  458. package/dist/bundle/p-CC5mzX8a.js +0 -35
  459. package/dist/bundle/p-CMWH8g7N.js +0 -313
  460. package/dist/bundle/p-CnVQ4Ot7.js +0 -1208
  461. package/dist/bundle/p-D4NMNwP8.js +0 -174
  462. package/dist/bundle/p-DK5tN6xk.js +0 -121
  463. package/dist/bundle/p-DOIYXIWP.js +0 -730
  464. package/dist/bundle/p-DRO1ZNJq.js +0 -83
  465. package/dist/bundle/p-RYgpam5C.js +0 -98
  466. package/dist/bundle/p-gg8XBMZ8.js +0 -85
  467. package/dist/dso-toolkit/p-0cefa57b.entry.js +0 -1
  468. package/dist/dso-toolkit/p-15e88604.entry.js +0 -1
  469. package/dist/dso-toolkit/p-1993ac29.entry.js +0 -1
  470. package/dist/dso-toolkit/p-2ae2a8bd.entry.js +0 -1
  471. package/dist/dso-toolkit/p-3934192e.entry.js +0 -1
  472. package/dist/dso-toolkit/p-3dc5a077.entry.js +0 -1
  473. package/dist/dso-toolkit/p-418eefa6.entry.js +0 -1
  474. package/dist/dso-toolkit/p-49763405.entry.js +0 -1
  475. package/dist/dso-toolkit/p-49e2e4ef.entry.js +0 -1
  476. package/dist/dso-toolkit/p-5fa4f18b.entry.js +0 -1
  477. package/dist/dso-toolkit/p-6256aed0.entry.js +0 -1
  478. package/dist/dso-toolkit/p-63cbf895.entry.js +0 -1
  479. package/dist/dso-toolkit/p-6ab5ac7f.entry.js +0 -1
  480. package/dist/dso-toolkit/p-6ae18ea8.entry.js +0 -1
  481. package/dist/dso-toolkit/p-74ae905b.entry.js +0 -1
  482. package/dist/dso-toolkit/p-7b74503c.entry.js +0 -1
  483. package/dist/dso-toolkit/p-CFP0lFZA.js +0 -1
  484. package/dist/dso-toolkit/p-a7f63c3d.entry.js +0 -1
  485. package/dist/dso-toolkit/p-a9538643.entry.js +0 -1
  486. package/dist/dso-toolkit/p-ac7f15ab.entry.js +0 -1
  487. package/dist/dso-toolkit/p-ae4beda4.entry.js +0 -1
  488. package/dist/dso-toolkit/p-b26c16b3.entry.js +0 -1
  489. package/dist/dso-toolkit/p-befad06c.entry.js +0 -1
  490. package/dist/dso-toolkit/p-bf85ab34.entry.js +0 -1
  491. package/dist/dso-toolkit/p-c1df0e1f.entry.js +0 -1
  492. package/dist/dso-toolkit/p-cbdb0a03.entry.js +0 -1
  493. package/dist/dso-toolkit/p-ce7c14c0.entry.js +0 -1
  494. package/dist/dso-toolkit/p-dcf05b57.entry.js +0 -1
  495. package/dist/dso-toolkit/p-dd14defe.entry.js +0 -1
  496. package/dist/dso-toolkit/p-e745c65d.entry.js +0 -1
  497. package/dist/dso-toolkit/p-e99e0c57.entry.js +0 -1
  498. package/dist/dso-toolkit/p-eedac7f7.entry.js +0 -1
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BKUr3Wdg.js');
4
4
  var positionTooltip_function = require('./position-tooltip.function-Bwu_g1_t.js');
5
- var tooltip_functionalComponent = require('./tooltip.functional-component-CnQn5snY.js');
5
+ var tooltip_functionalComponent = require('./tooltip.functional-component-ByUlZk1N.js');
6
6
  require('./floating-ui.dom-D-ZpkBFm.js');
7
7
  require('./clsx-BtxeOLZW.js');
8
8
 
@@ -103,9 +103,9 @@ const InfoButton = class {
103
103
  delete this.mutationObserver;
104
104
  }
105
105
  render() {
106
- return (index.h(index.Host, { key: '731a5752654925228e0116b60ae106eda7ad08bc', onKeydown: this.keyDownHandler, onFocusout: this.focusOutHandler }, !this.secondary ? (index.h("dso-icon-button", { variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-active" : "info", ref: (element) => (this.button = element) })) : (
106
+ return (index.h(index.Host, { key: '974b7ede4b68b46789bbcb0e1a5fdb1f78ee56c9', onKeydown: this.keyDownHandler, onFocusout: this.focusOutHandler }, !this.secondary ? (index.h("dso-icon-button", { variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-solid" : "info-outline", ref: (element) => (this.button = element) })) : (
107
107
  // ToDo: remove this part in https://github.com/dso-toolkit/dso-toolkit/issues/3350. Tertiary on color already working
108
- index.h("button", { type: "button", class: "dso-info-secondary", "aria-expanded": (this.active || this.toggletipActive).toString(), onClick: (e) => this.handleToggle(e), ref: (element) => (this.buttonSecondary = element) }, index.h("dso-icon", { icon: this.active || this.toggletipActive ? "info-active" : "info" }), index.h("span", { class: "sr-only" }, this.label))), this.hasToggletip !== null && (index.h(tooltip_functionalComponent.Tooltip, { key: 'a80bae5b9e9e1126bbc4a0b0f72c59f0b90f33a8', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, index.h("dso-scrollable", { key: '73189990daa593b27f1a3d89e6dff380eedac29e', ref: (element) => (this.restrictContentElement = element) }, index.h("slot", { key: '7b944161e7a9c0db7824628619623b97f82498fd', name: "toggletip" }))))));
108
+ index.h("button", { type: "button", class: "dso-info-secondary", "aria-expanded": (this.active || this.toggletipActive).toString(), onClick: (e) => this.handleToggle(e), ref: (element) => (this.buttonSecondary = element) }, index.h("dso-icon", { icon: this.active || this.toggletipActive ? "info-solid" : "info-outline" }), index.h("span", { class: "sr-only" }, this.label))), this.hasToggletip !== null && (index.h(tooltip_functionalComponent.Tooltip, { key: '1294317dd96432d716ea1da7d7698d273ee7ef9c', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, index.h("dso-scrollable", { key: 'e21f0ef4e649241b891c86dd55905577f01e329b', ref: (element) => (this.restrictContentElement = element) }, index.h("slot", { key: 'f77780bc0e2378964803fdc1135fba47341e023d', name: "toggletip" }))))));
109
109
  }
110
110
  get host() { return index.getElement(this); }
111
111
  };
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BKUr3Wdg.js');
4
4
 
5
- const infoCss = () => `:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::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)}`;
5
+ const infoCss = () => `:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::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)}`;
6
6
 
7
7
  const Info = class {
8
8
  constructor(hostRef) {
@@ -10,7 +10,7 @@ const Info = class {
10
10
  this.dsoClose = index.createEvent(this, "dsoClose", 7);
11
11
  }
12
12
  render() {
13
- return (index.h(index.Fragment, { key: '332b53fe2d36d9018e14ff8a888b48d74b487b31' }, index.h("slot", { key: 'a9fcdee710f9e75434f240f3c0375e90f86dc587' }), !this.fixed && (index.h("dso-icon-button", { key: 'e75455d9d8bf16684cea7e02fb114cdf34d40d6a', label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
13
+ return (index.h(index.Fragment, { key: 'df16920205f3862687f4ee4a95006695f94dc7e0' }, index.h("slot", { key: 'ce87bdde462f55e156e808b689db097fd65ac1e1' }), !this.fixed && (index.h("dso-icon-button", { key: '81dd0c2bd3a38f791a964fb7989373ee3e64276d', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
14
14
  }
15
15
  };
16
16
  Info.style = infoCss();
@@ -74,7 +74,7 @@ const Selectable = class {
74
74
  }
75
75
  render() {
76
76
  const hasInfo = !!this.host.querySelector('[slot="info"]');
77
- return (index.h(index.Fragment, { key: '92526734f28bee1950a2f122a26cbf599d5c3a8f' }, index.h("div", { key: 'bdfd1c9a47b0d0d34c3c627b39d5804cf014856c', class: "dso-selectable-container" }, index.h("div", { key: 'f1f12523d41c4a6ecdc025a76e27e9eaef43d79d', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '07429c725a6313cb7302720b5baab78ad3fa4f6a', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'de1df0aebbe572927f7187adb0780d635fd05a35', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: 'f2f6299fc6fa390398603d444b66a464160e4800', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'f3a602f0101f27fb6b6e9a528c911d1b8ce726d6' }, index.h("slot", { key: '2d80315a431d53b22a4329402f51bb7511972cff', name: "info" })))), index.h("slot", { key: '6409a2cafa87c8d579eb817b65d82c7f73099a81', name: "options" })));
77
+ return (index.h(index.Fragment, { key: 'e51d923a488b05cd5d75744bf2e5008611753478' }, index.h("div", { key: 'bed64f6906f028c6e8d30f323816380edde5bdaf', class: "dso-selectable-container" }, index.h("div", { key: '34e14f498892ce4d71a585004f26c56a77681fba', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '684662d08cba64f2d6ecb23d84d646b26bc40d1b', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'c14546333dcbe0ffa02cf0059ff0ec403e041f99', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '2c53ccb4d04fa15d5257e6651c0b69a8a71ffb3e', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'fbeef7009379225fad4e3503cfa3ded6bdb40c60' }, index.h("slot", { key: 'ce0dee01e8abd16314cc9fb6ab3d2ae2ae077bdf', name: "info" })))), index.h("slot", { key: 'f0fb9d552fbecc82b77ecfec40a3f207aef91b1d', name: "options" })));
78
78
  }
79
79
  componentDidRender() {
80
80
  if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
@@ -17,13 +17,13 @@ const InputRange = class {
17
17
  const min = this.min || 0;
18
18
  const max = this.max || 100;
19
19
  const step = this.step || 1;
20
- return (index.h(index.Fragment, null, this.description && (index.h("span", { key: 'f3796a5bbd719af7fe23c285ba4f1519eaaaf1b9', id: "description", hidden: true }, this.description)), index.h("span", { key: '1048b041a13dbf244b2d6fe76dccf8f97a2d7b4b', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: '438056be852e2b4136de65cec13faa6a6c43418b', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
20
+ return (index.h(index.Fragment, null, this.description && (index.h("span", { key: '4f1f6a49dbbc04eca033b1b7d9c6ed8ec662c9dc', id: "description", hidden: true }, this.description)), index.h("span", { key: '53523e69582c4081b4101b5f8e50af0b8ee0df4c', class: "counter", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: 'de39c97f362a92a9e11b1e911f26e2ccd1756f26', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
21
21
  originalEvent: event,
22
22
  value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
23
23
  max,
24
24
  min,
25
25
  step,
26
- }) }), index.h("span", { key: '8b3f86e7c42f0dffdc2b550f365c4bdc91627ffc', class: "counter", "aria-hidden": "true" }, max, this.unit)));
26
+ }) }), index.h("span", { key: 'b4b0b2abc8ad5da26286a962517040df73d7a6a1', class: "counter", "aria-hidden": "true" }, max, this.unit)));
27
27
  }
28
28
  get host() { return index.getElement(this); }
29
29
  };
@@ -5,7 +5,7 @@ var clsx = require('./clsx-BtxeOLZW.js');
5
5
  var index = require('./index-DMUCyuUA.js');
6
6
  var v4 = require('./v4-DVHpSsrI.js');
7
7
 
8
- const labelCss = () => `:host{display:inline-block;max-inline-size:100%;font-weight:normal}*,*::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)}.dso-label{border-radius:4px;display:inline-block;line-height:1.5;max-inline-size:100%;padding-block:4px;padding-inline:8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label.dso-label-info{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.dso-label.dso-label-primary{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.dso-label.dso-label-success{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label.dso-label-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.dso-label.dso-label-error{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.dso-label.dso-label-attention{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label.dso-label-filter{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label.dso-label-toegevoegd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label.dso-label-verwijderd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}`;
8
+ const labelCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}:host([truncate]) .dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-info{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-primary{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-success{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-error{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-attention{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-filter{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-toegevoegd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-verwijderd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}`;
9
9
 
10
10
  const resizeObserver = new ResizeObserver(index.debounce((entries) => {
11
11
  entries.forEach(({ target }) => {
@@ -100,13 +100,11 @@ const Label = class {
100
100
  this.isTruncated = false;
101
101
  }
102
102
  render() {
103
- return (index$1.h(index$1.Fragment, { key: 'f868c06841bb1f9a6f39db8598141634cbe59f5f' }, index$1.h("span", { key: '935d20891b9df19b37cf38242892428c81c12631', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
103
+ return (index$1.h(index$1.Fragment, { key: 'a9ee244e9d683b930b99d988f52e887b00e330ac' }, index$1.h("span", { key: 'a24aa868dad32e4928b7ae660830de2610269607', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
104
104
  [`dso-label-${this.status}`]: this.status,
105
105
  "dso-compact": this.compact && !this.removable,
106
106
  "dso-hover": this.removeHover || this.removeFocus,
107
- }) }, index$1.h("slot", { key: 'e3d5f4d753cf5ca6ef1bef6fae698b3b4c03e5da', name: "symbol" }), index$1.h("span", { key: '242c774421051469948ff841d7b55bf06e9481fd', class: clsx.clsx("dso-label-content", {
108
- "dso-truncate": !!this.truncate,
109
- }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, index$1.h("slot", { key: '93ae4502166a8c246371249f6b25423ab066e5b7' })), this.removable && (index$1.h("dso-icon-button", { key: '35c535b0943aef1ffc59871b43e2222c7490c6d2', variant: "tertiary", icon: "times", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (index$1.h("dso-tooltip", { key: '0c0a556cc61f34f782e9da771138e8b0e37e6647', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
107
+ }) }, index$1.h("slot", { key: 'afd136f78152475ecbc7102e740a0b04f3c924c3', name: "symbol" }), index$1.h("span", { key: '4a01284220aa804ee78a5b24f95b766870e1de2b', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, index$1.h("slot", { key: 'da3d933d80222d4a330b0875bfbb2ad1554933bb' })), this.removable && (index$1.h("dso-icon-button", { key: '8bea69827d8a0eead3fcc2e8fe2fd56b7831f496', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (index$1.h("dso-tooltip", { key: '6c61e4c6e8f7caa1a93098621e98b512c8471f88', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
110
108
  }
111
109
  get host() { return index$1.getElement(this); }
112
110
  static get watchers() { return {
@@ -150,7 +148,7 @@ const RenvooiRender = ({ value, mark, onMarkItemHighlight }) => {
150
148
  return (index$1.h(index$1.Fragment, null, index$1.h("del", null, index$1.h(RenvooiRenderText, { text: value.was, mark: mark, onMarkItemHighlight: onMarkItemHighlight })), index$1.h("ins", null, index$1.h(RenvooiRenderText, { text: value.wordt, mark: mark, onMarkItemHighlight: onMarkItemHighlight }))));
151
149
  };
152
150
 
153
- const renvooiCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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}}mark{background-color:var(--_dt-mark-bg-color, #f8f5ce);color:var(--_dt-mark-color, #000);padding-block:var(--_dt-mark-padding-block, 0.2rem);font-weight:var(--_dt-mark-font-weight, normal)}mark.dso-highlight{background-color:#dbd136}:host{display:inline}*,*::after,*::before{box-sizing:border-box}.text{text-decoration:var(--_dso-renvooi-text-decoration)}`;
151
+ const renvooiCss = () => `ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_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}}mark{background-color:var(--_dt-mark-bg-color, #f8f5ce);color:var(--_dt-mark-color, #000);padding-block:var(--_dt-mark-padding-block, 0.2rem);font-weight:var(--_dt-mark-font-weight, normal)}mark.dso-highlight{background-color:#dbd136}:host{display:inline}*,*::after,*::before{box-sizing:border-box}.text{text-decoration:var(--_dso-renvooi-text-decoration)}`;
154
152
 
155
153
  const Renvooi = class {
156
154
  constructor(hostRef) {
@@ -201,7 +199,7 @@ const SlideToggle = class {
201
199
  this.hasVisibleLabel = this.host.querySelector("*") !== null;
202
200
  }
203
201
  render() {
204
- return (index$1.h(index$1.Fragment, { key: 'fd420c3eabb3c18d3f89fb74d94071129b09c9c4' }, index$1.h("button", { key: '6869163132f3a92ec49c16bf110f01372cf753ac', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: '3b14d668ef38a67327553afc556dfa2393bdd1e4', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '177d3abd24e397afecad42637d465d1f7cac4605', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: 'b3ed4d615406eff74ab55c20721ceabf8e26c62b', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '50f54882f08a02df04e89431cc50a4cc87017f5d', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'bf719234765f9c6bf5475b1d0dec6775831eb82b', htmlFor: this.identifier }, index$1.h("slot", { key: '3a34c3d2c3e5577d0b7fde8f48ada26d296b72c7' })))));
202
+ return (index$1.h(index$1.Fragment, { key: '1faa6f451ccb3818331a88f2d42e6e729613f204' }, index$1.h("button", { key: '03f549a93d9d69170f4e055ac73869e1915f0339', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index$1.h("svg", { key: 'c269817e925f02a3a73cc0ccacab5fdbd559a555', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: '59b5d082fed55c8587dc5eb765127f8cc2bd1a69', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '84440b88c4eb5a2e14f7abfa1e5ac2810a967f87', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '7b0fb40fec72f2313247576985970df3cc93f22b', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'ea4ed249745c5a26a0b44a41cd7017050034c439', htmlFor: this.identifier }, index$1.h("slot", { key: '9f1945a55c5e625ea1370ec3fc004123ee2b1b2a' })))));
205
203
  }
206
204
  get host() { return index$1.getElement(this); }
207
205
  };
@@ -57,7 +57,7 @@ const LegendGroup = class {
57
57
  delete this.mutationObserver;
58
58
  }
59
59
  render() {
60
- return (index.h(index.Host, { key: '4e185d93b6e6d8815aa9321eeffeb046e5da7ae3' }, index.h("div", { key: '6b5f3de33196e950ee895fc5cd27df23b2d0f2f5', class: "legend-group-header" }, index.h("slot", { key: 'ddb053565dccf300cbd30d775fbca196e5ee8e84', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: 'e5b7bf50f3e140b9d5a24a75b14500a3d60c2a8a', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && index.h("slot", { key: '335dc6acb956623ecc5832a93c055168a16440bd', name: "options" }), index.h("slot", { key: '7b13d87cda2afd1ac289edbf5a72ae6d580b98a3' })));
60
+ return (index.h(index.Host, { key: '152f7438013d1a5edf1bfb3e723a6393fddec6a2' }, index.h("div", { key: '3cb5ba976f84fb7f2b7882d95d352dd80ca1ea0f', class: "legend-group-header" }, index.h("slot", { key: 'd896d9d10e45115669e8cb9b1e59939ec569c907', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: '9169046250d59d072776b0e0782a85f7161eb026', label: this.mode === "view" ? this.text("edit") : this.text("view"), icon: this.mode === "view" ? "pencil" : "check", variant: "tertiary", onDsoClick: this.toggleMode }))), this.mode === "edit" && index.h("slot", { key: 'b078732eb83d885b35532967d6c289c9b759d280', name: "options" }), index.h("slot", { key: '2445dfe4e98b3eb4bea9c731e90c8326c5ca288b' })));
61
61
  }
62
62
  get host() { return index.getElement(this); }
63
63
  static get watchers() { return {
@@ -62,7 +62,7 @@ const LegendItem = class {
62
62
  }
63
63
  renderViewMode(hasOptions, accessibleLabel) {
64
64
  return [
65
- this.active && hasOptions && !this.disabled && (index.h("dso-icon-button", { label: this.text("options"), icon: "more", variant: "tertiary", class: { active: this.showOptions }, id: "options-button", onDsoClick: () => (this.showOptions = !this.showOptions) })),
65
+ this.active && hasOptions && !this.disabled && (index.h("dso-icon-button", { label: this.text("options"), icon: "more-horizontal", variant: "tertiary", class: { active: this.showOptions }, id: "options-button", onDsoClick: () => (this.showOptions = !this.showOptions) })),
66
66
  this.activatable && (index.h("dso-slide-toggle", { accessibleLabel: accessibleLabel, checked: this.active, disabled: this.disabled, onDsoActiveChange: (e) => this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e }) })),
67
67
  ];
68
68
  }
@@ -82,7 +82,7 @@ const LegendItem = class {
82
82
  const accessibleLabel = label?.textContent
83
83
  ? this.text("makeActive", { label: label.textContent.toLowerCase() })
84
84
  : this.text("makeActiveDefault");
85
- return (index.h(index.Host, { key: '7ca7d41c2c1601008539b52093573b2dd19be6c3', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '418e68e1cf17bcf8f374469afddb1fc162ce8069', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: '41c18c23f391d8ca7d137ef2c55d6033e75b6658' }, index.h("slot", { key: '11f38e14e4b361dbe4d2a402d2cd1144cd8cdf3a', name: "symbol" }))), index.h("div", { key: '85e28e84a32c560638f285e545743aa59164c64e' }, index.h("slot", { key: 'aaf2051d2cac480657ad5ff800b6375ddbedbcb2', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: '20af3b0b3f47bae68e22d8b70c701abcea3f6a3b', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '17c28ba74126a277fd0b5693c697780430f17ca2', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '3ed114ff007fde56e76d53433ca3af61f6da5ad7', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: '22a8ef980d2b2d013169f7483ac831bbde3fbffe', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '8f97bbcf9d7a944b2206f4895470eddce7c53b45', name: "options" })))));
85
+ return (index.h(index.Host, { key: '8a5387afd69d6ee08443ee638c46aecc7d3e7834', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '643bf48058400430d1a34bb5e5e54c30eb4445df', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: 'fd14a2e247cc51af2c1e178a22caf881b0065f1e' }, index.h("slot", { key: '670a8fcd646c4725c553a5ff64ea4cd0dc0b9219', name: "symbol" }))), index.h("div", { key: '6041263be867af93bf30c52725d6bb43a3de4284' }, index.h("slot", { key: '44eb5a378b72ff474c783166463c9300ef2ddff9', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: '185ab271e6b7ba63ca7e1f5797dfc50d28bbc665', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '9113ec62cb11b2bc10cbf63b28ad9131e32b6bc8', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: 'e97e395df8af3b26169c2acd724477528a5d17b0', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: '8ca1b2533c3cc2b2300905b921870cd9d2138871', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '1dfc745889f8bcc1175a8f6668ba83c8de553771', name: "options" })))));
86
86
  }
87
87
  get host() { return index.getElement(this); }
88
88
  };
@@ -83,7 +83,7 @@ const Legend = class {
83
83
  this.moveFocusToTab(next);
84
84
  }
85
85
  render() {
86
- return (index.h(index.Host, { key: '18b65b8e93f592afbd4748e8f740b3e37c8f70ae' }, index.h("div", { key: '20c1927e8ccc27badc91122fcb39b243c1d9de71', class: "topbar" }, index.h("div", { key: 'dcd9a8c4cf7bcecdd10ba918e0df47ff6929a8fb', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: 'fa3eb71f4bc538a1df4beda9d62260f9930c9651', icon: "times", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: '3ebbfbba7d44ef9470bcc088fca6c799f1c81689', class: "content" }, index.h("div", { key: '071e22193cd0dd97ca1ba6d73427a5f29ee19d0f', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '33342dceb976c0557e33baa77471621f3e565dea' })))));
86
+ return (index.h(index.Host, { key: '861f432e2d8ce27a7bbe63c82cd60055eb7413ad' }, index.h("div", { key: 'd037fd2f22ee6cc741198cd7b72175332f7fae9c', class: "topbar" }, index.h("div", { key: '914313db54eb054490df98e578230a779516d346', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", { class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), index.h("dso-icon-button", { key: 'fa0f103700d0219914821447bcf8c7652bbb448e', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), index.h("dso-scrollable", { key: '14b5ca6c83e21a27e871cb83aa5fbdf427e774cb', class: "content" }, index.h("div", { key: '84abd921c424f152c1d64930b6014f3c772db7e5', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '54b44cb357111bd2172492ca353ccca4ffc5299d' })))));
87
87
  }
88
88
  get host() { return index.getElement(this); }
89
89
  };
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-BKUr3Wdg.js');
4
4
  var clsx = require('./clsx-BtxeOLZW.js');
5
5
 
6
- const listButtonCss = () => `*, *::after, *::before { box-sizing: border-box; } :host { display: block; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } .dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); } .dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } .dso-tertiary.dso-small { line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { padding-block: 9px; } .dso-tertiary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-tertiary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-tertiary { border: 0; line-height: 1; padding: 0; background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right { color: #39870c; } .dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } .dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } .dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dso-tertiary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' 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: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; } .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] { margin-inline-start: 0; } .dso-tertiary dso-icon, .dso-tertiary span { vertical-align: middle; } .dso-tertiary { cursor: pointer; } .dso-input-number { align-items: center; display: flex; } .dso-input-number .dso-input-step-counter { text-align: center; inline-size: 1.5rem; font-size: 14px; } .dso-button-group { display: flex; flex-direction: row; } .dso-button-group.dso-disabled > * { background-color: #fff; border-color: #e5e5e5; color: #666; pointer-events: none; } .dso-button-group > * { border-radius: 0; } .dso-button-group > *:first-child { border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) { border-inline-start-style: none !important; } .dso-button-group > *:last-child { border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child { border-radius: 4px; } .dso-button-group > .dso-input-number { border-style: solid; border-width: 1px; flex-wrap: nowrap; padding-block: 0; padding-inline: 16px; background-color: #fff; border-color: #ccc; color: #191919; } @media screen and (max-width: 767px) { .dso-button-group > .dso-input-number { justify-content: center; } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number { box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c; background-color: #fff; border-color: #39870c; color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover { opacity: 1; background-color: #fff; border-color: #ccc; color: #666; } .dso-button-group .dso-list-button { padding-inline-end: 15px; } .dso-list-button { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible { outline-offset: 2px; } .dso-list-button:active { outline: 0; } .dso-list-button { background-color: #fff; border-color: #ccc; color: #191919; border-radius: 4px; border-width: 1px; border-style: solid; font-weight: 600; padding-block: 15px; padding-inline: 15px 47px; position: relative; text-align: start; white-space: normal; inline-size: 100%; cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus { background-color: #fff; border-color: #39870c; color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover { background-color: #fff; border-color: #ccc; color: #666; opacity: 1; } .dso-list-button dso-selectable:not(:last-child) { margin-block-end: 0; } .dso-list-button .dso-selectable-container label { font-weight: 700; } .dso-list-button.dso-selected { border-color: #39870c; border-width: 1px; box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) { .dso-list-button.dso-selected.dso-single-count { border-inline-end: 0; box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset; } } .dso-list-button label { cursor: inherit; } .dso-list-button > span { display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent { font-weight: 400; inline-size: 100%; padding-inline-start: 32px; } .dso-list-button dso-icon { block-size: 24px; color: #39870c; inset-block-start: 15px; inset-inline-end: 15px; inline-size: 24px; break-before: page; position: absolute; } @media screen and (max-width: 767px) { .dso-list-button.dso-selected.dso-single-count::after { inline-size: 0; } }`;
6
+ const listButtonCss = () => `*, *::after, *::before { box-sizing: border-box; } :host { display: block; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; padding-block: 11px; padding-inline: 15px; } .dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); } .dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } .dso-tertiary.dso-small { line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { padding-block: 9px; } .dso-tertiary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-tertiary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-tertiary { border: 0; line-height: 1; padding: 0; background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right { color: #39870c; } .dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } .dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } .dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dso-tertiary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; } .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] { margin-inline-start: 0; } .dso-tertiary dso-icon, .dso-tertiary span { vertical-align: middle; } .dso-tertiary { cursor: pointer; } .dso-input-number { align-items: center; display: flex; } .dso-input-number .dso-input-step-counter { text-align: center; inline-size: 1.5rem; font-size: 14px; } .dso-button-group { display: flex; flex-direction: row; } .dso-button-group.dso-disabled > * { background-color: #fff; border-color: #e5e5e5; color: #666; pointer-events: none; } .dso-button-group > * { border-radius: 0; } .dso-button-group > *:first-child { border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) { border-inline-start-style: none !important; } .dso-button-group > *:last-child { border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child { border-radius: 4px; } .dso-button-group > .dso-input-number { border-style: solid; border-width: 1px; flex-wrap: nowrap; padding-block: 0; padding-inline: 16px; background-color: #fff; border-color: #ccc; color: #191919; } @media screen and (max-width: 767px) { .dso-button-group > .dso-input-number { justify-content: center; } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number { box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c; background-color: #fff; border-color: #39870c; color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover { opacity: 1; background-color: #fff; border-color: #ccc; color: #666; } .dso-button-group .dso-list-button { padding-inline-end: 15px; } .dso-list-button { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible { outline-offset: 2px; } .dso-list-button:active { outline: 0; } .dso-list-button { background-color: #fff; border-color: #ccc; color: #191919; border-radius: 4px; border-width: 1px; border-style: solid; font-weight: 600; padding-block: 15px; padding-inline: 15px 47px; position: relative; text-align: start; white-space: normal; inline-size: 100%; cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus { background-color: #fff; border-color: #39870c; color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover { background-color: #fff; border-color: #d7e7ce; color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover { background-color: #fff; border-color: #ccc; color: #666; opacity: 1; } .dso-list-button dso-selectable:not(:last-child) { margin-block-end: 0; } .dso-list-button .dso-selectable-container label { font-weight: 700; } .dso-list-button.dso-selected { border-color: #39870c; border-width: 1px; box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) { .dso-list-button.dso-selected.dso-single-count { border-inline-end: 0; box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset; } } .dso-list-button label { cursor: inherit; } .dso-list-button > span { display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent { font-weight: 400; inline-size: 100%; padding-inline-start: 32px; } .dso-list-button dso-icon { block-size: 24px; color: #39870c; inset-block-start: 15px; inset-inline-end: 15px; inline-size: 24px; break-before: page; position: absolute; } @media screen and (max-width: 767px) { .dso-list-button.dso-selected.dso-single-count::after { inline-size: 0; } }`;
7
7
 
8
8
  const ListButton = class {
9
9
  constructor(hostRef) {
@@ -73,7 +73,7 @@ const ListButton = class {
73
73
  }
74
74
  render() {
75
75
  const selected = this.checked || (this.count !== undefined && this.count > 0);
76
- return (index.h("div", { key: 'f690e4749d2c9ae0d26260e9b7954064ce819f66', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '84a3c91317ca7638ab7a825cbf48f82a215eaf84', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: '9584f2d33413500d06cf9697618d86bf79c2bf41', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '24f581bced17e7ef4dc869c93f7a77d294f83913' }, this.label, this.sublabel && index.h("span", { key: '7862beff9b1a9fda69e0f56c8696e63974328c8f', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '42959be18105f323519c45cfde6a19521ebd9b0f', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: 'ac71b57bbb9364081d27d8a490816b0d0bbdfd1e', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: 'b6ff6812d7ca086e692c73cfaaa0a659afee8ad2', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '2e22c7b5c5791c935e28424207e179f0d380a100', class: "subcontent" }, index.h("slot", { key: '4a5348d41c36b72ea3f23ca3a882629374dc6fff', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '1dc4939e3e40d5e0c5128b474ed10f61ec405638', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'c1b679d8e35c45b03f6b06998eca12604cf3867c' }, index.h("dso-icon-button", { key: '8f8f5c070b65c9076ccc57cdda4a9e7f6218182c', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: 'a5f363dcaeb8f5d5504c45d658a7ab4abd754874', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: 'e155c065e78f1732ea04ac5b388f2ed85671fae8', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
76
+ return (index.h("div", { key: '037b6771bc6fdb52ea8b50c44625c0d93be26b0c', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '722e280a3a84eb7229ca4d000b157150cbede7e3', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: '58f46f575352fb1bd8948209d25b415795b7e359', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: '4ac068449aa709799459616496813e9383500d08' }, this.label, this.sublabel && index.h("span", { key: '17ffff2a4ca02560514ee8403ec3e9c3da9d9633', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: 'a468507b8afdbd8dde5b954e43c630f8f65219dc', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '6ba84c53d176f54b33124a7a239b145262f083d8', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: 'b1a68f5d7a4770fa2cddecbdcd2b4fd943e17126', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '0538720befcd5c579ae8a8606077f535dfe073fb', class: "subcontent" }, index.h("slot", { key: 'd5e28e7d520dae451c66199a6523d9c451be353f', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: 'cf79e7cf15018d63534b367876c793460828f42d', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '7982ed3e0dc5b69174cc146f39ed127c59020eb3' }, index.h("dso-icon-button", { key: '00cf706edffdcd9eeed004d2d192ebab678f8878', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: '6381685d68dfd09eda9c955ab1cb238ff2039b0d', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: '06ac0e78367a50afe626ef18eced7aea92f42f96', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
77
77
  }
78
78
  get host() { return index.getElement(this); }
79
79
  };
@@ -31,7 +31,7 @@ const Logo = class {
31
31
  }
32
32
  render() {
33
33
  return (index.h(index.Fragment, null, this.logoUrl ? (index.h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, index.h(DsoLogo, { name: this.name }))) : (index.h(DsoLogo, { name: this.name })), this.label &&
34
- (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: '609cde8cd31ab2b9591fae3ecebb31e44a8069a9', class: "logo-ribbon" }, this.ribbon)));
34
+ (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: '77bba61ecf328ff111c1c96c38eaf0fa9a0241a4', class: "logo-ribbon" }, this.ribbon)));
35
35
  }
36
36
  };
37
37
  Logo.style = logoCss();
@@ -45,7 +45,7 @@ const MapBaseLayers = class {
45
45
  for (const ref in this.selectableRefs) {
46
46
  delete this.selectableRefs[ref];
47
47
  }
48
- return (index.h("fieldset", { key: '013836ef69dbf09eb10fb4424426f667c541ff7b', class: "form-group dso-radios" }, index.h("legend", { key: '4c6b54e47138c7511e94df65fc4880250748a0c3', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '4870d66120554007784f5aef0ad6883a5101144a', class: "dso-label-container" }, index.h("span", { key: 'ead7e90fec69e6a44621454009d287ff654af649', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: '3b605ea9150ed280398aff465ef9e7818789b677', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
48
+ return (index.h("fieldset", { key: 'c37f04d296be8a8161f53b1c5b02ba908318bfad', class: "form-group dso-radios" }, index.h("legend", { key: 'aab64bb3e8719d5a00a8b936fb75808e59429138', class: "sr-only" }, "Achtergrond"), index.h("div", { key: 'b4b3c000324fe69092f986b2645f8e7c30e7c548', class: "dso-label-container" }, index.h("span", { key: 'c8dc5b28a4f6745ff32866a878c5a849f85b1649', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: '8f824d2a86ddf644b1aa6390275c3196e1ee5fff', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
49
49
  }
50
50
  get host() { return index.getElement(this); }
51
51
  };