@dso-toolkit/core 89.0.0 → 90.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (349) hide show
  1. package/dist/bundle/dso-accordion-section.js +12 -12
  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 +6 -6
  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 +2 -2
  13. package/dist/bundle/dso-badge.js +1 -1
  14. package/dist/bundle/dso-card.js +2 -2
  15. package/dist/bundle/dso-cursor-tooltip.js +1 -1
  16. package/dist/bundle/dso-document-card.js +1 -1
  17. package/dist/bundle/dso-document-component.js +1 -1
  18. package/dist/bundle/dso-header.js +4 -4
  19. package/dist/bundle/dso-history-item.js +3 -3
  20. package/dist/bundle/dso-icon-button.js +1 -1
  21. package/dist/bundle/dso-icon.js +1 -1
  22. package/dist/bundle/dso-image-overlay.js +1 -1
  23. package/dist/bundle/dso-info-button.js +1 -1
  24. package/dist/bundle/dso-info.js +1 -1
  25. package/dist/bundle/dso-label.js +1 -1
  26. package/dist/bundle/dso-legend-group.js +2 -2
  27. package/dist/bundle/dso-legend-item.js +6 -6
  28. package/dist/bundle/dso-legend.js +3 -3
  29. package/dist/bundle/dso-list-button.js +7 -7
  30. package/dist/bundle/dso-map-base-layers.js +5 -5
  31. package/dist/bundle/dso-map-controls.js +4 -4
  32. package/dist/bundle/dso-map-layer-object.js +1 -1
  33. package/dist/bundle/dso-map-layer.js +1 -1
  34. package/dist/bundle/dso-map-overlays.js +5 -5
  35. package/dist/bundle/dso-mark-bar.js +3 -3
  36. package/dist/bundle/dso-modal.js +3 -3
  37. package/dist/bundle/dso-onboarding-tip.js +4 -4
  38. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  39. package/dist/bundle/dso-ozon-content.js +1 -1
  40. package/dist/bundle/dso-pagination.js +1 -1
  41. package/dist/bundle/dso-panel.js +1 -1
  42. package/dist/bundle/dso-plekinfo-card.js +2 -2
  43. package/dist/bundle/dso-progress-indicator.js +1 -1
  44. package/dist/bundle/dso-project-item.js +4 -4
  45. package/dist/bundle/dso-renvooi.js +1 -1
  46. package/dist/bundle/dso-segmented-button.d.ts +11 -0
  47. package/dist/bundle/dso-segmented-button.js +59 -0
  48. package/dist/bundle/dso-selectable.js +1 -1
  49. package/dist/bundle/dso-skiplink.js +2 -2
  50. package/dist/bundle/dso-slide-toggle.js +1 -1
  51. package/dist/bundle/dso-survey-rating.js +6 -6
  52. package/dist/bundle/dso-table.js +1 -1
  53. package/dist/bundle/dso-tabs.js +1 -1
  54. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  55. package/dist/bundle/dso-toggletip.js +5 -5
  56. package/dist/bundle/dso-tooltip.js +1 -1
  57. package/dist/bundle/dso-tree-view.js +5 -5
  58. package/dist/bundle/dso-viewer-grid.js +4 -4
  59. package/dist/bundle/dsot-document-component-demo.js +16 -16
  60. package/dist/bundle/index.js +2 -0
  61. package/dist/bundle/{p-DlJ_GXgx.js → p-0JNed3EY.js} +4 -4
  62. package/dist/bundle/p-B6OelUh-.js +172 -0
  63. package/dist/bundle/{p-DeNLhtpE.js → p-BDvMDDCP.js} +4 -4
  64. package/dist/bundle/p-BNhgCEjt.js +83 -0
  65. package/dist/bundle/p-BVZJjDvd.js +313 -0
  66. package/dist/bundle/{p-DXIz32u2.js → p-BW1PprKl.js} +1 -1
  67. package/dist/bundle/{p-6jVpEP4Y.js → p-Bbf_KhJ-.js} +1 -1
  68. package/dist/bundle/{p-CSLjMUxc.js → p-Bu6cCiCZ.js} +4 -4
  69. package/dist/bundle/p-ByAqDYup.js +35 -0
  70. package/dist/bundle/p-C3e8S8uz.js +98 -0
  71. package/dist/bundle/p-CYWYJZS6.js +123 -0
  72. package/dist/bundle/{p-BgGHk77B.js → p-CdS6sfbr.js} +1 -1
  73. package/dist/bundle/p-DE7WGgpi.js +825 -0
  74. package/dist/bundle/{p-BxQkUibV.js → p-Dgducv6v.js} +4 -4
  75. package/dist/bundle/p-DiyFr3Np.js +1208 -0
  76. package/dist/bundle/{p-gRKmvaG9.js → p-DkVKF9Hp.js} +1 -1
  77. package/dist/bundle/p-DnEMX0HG.js +85 -0
  78. package/dist/bundle/{p-BO0PFU2G.js → p-DzcBPvon.js} +1 -1
  79. package/dist/bundle/{p-BVdZO6ww.js → p-cIXis8_E.js} +5 -5
  80. package/dist/bundle/{p-COl_WB5w.js → p-uBQHEbAs.js} +2 -2
  81. package/dist/cjs/dso-accordion-section.cjs.entry.js +5 -5
  82. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  83. package/dist/cjs/dso-advanced-select.cjs.entry.js +1 -1
  84. package/dist/cjs/dso-alert_7.cjs.entry.js +11 -11
  85. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +1 -1
  86. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +1 -1
  87. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +1 -1
  88. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +4 -4
  89. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +1 -1
  90. package/dist/cjs/dso-card.cjs.entry.js +1 -1
  91. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  92. package/dist/cjs/dso-header.cjs.entry.js +3 -3
  93. package/dist/cjs/dso-history-item.cjs.entry.js +2 -2
  94. package/dist/cjs/dso-icon_2.cjs.entry.js +423 -326
  95. package/dist/cjs/dso-info-button.cjs.entry.js +2 -2
  96. package/dist/cjs/dso-info_2.cjs.entry.js +3 -3
  97. package/dist/cjs/dso-label_3.cjs.entry.js +4 -6
  98. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  99. package/dist/cjs/dso-legend.cjs.entry.js +1 -1
  100. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  101. package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
  102. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  103. package/dist/cjs/dso-modal.cjs.entry.js +1 -1
  104. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +2 -2
  105. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +1 -1
  106. package/dist/cjs/dso-segmented-button.cjs.entry.js +35 -0
  107. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  108. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  109. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  110. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  111. package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
  112. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  113. package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
  114. package/dist/cjs/dso-tree-view.cjs.entry.js +3 -3
  115. package/dist/cjs/dso-viewer-grid.cjs.entry.js +4 -4
  116. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  117. package/dist/cjs/loader.cjs.js +1 -1
  118. package/dist/collection/collection-manifest.json +1 -0
  119. package/dist/collection/components/accordion/components/accordion-section.css +1 -1
  120. package/dist/collection/components/accordion/components/accordion-section.js +15 -8
  121. package/dist/collection/components/action-list/action-list.css +1 -1
  122. package/dist/collection/components/advanced-select/advanced-select.css +7 -7
  123. package/dist/collection/components/alert/alert.css +4 -4
  124. package/dist/collection/components/alert/alert.js +1 -1
  125. package/dist/collection/components/annotation/annotation.css +12 -16
  126. package/dist/collection/components/badge/badge.css +7 -7
  127. package/dist/collection/components/card/card.css +10 -14
  128. package/dist/collection/components/cursor-tooltip/cursor-tooltip.css +1 -1
  129. package/dist/collection/components/document-component/document-component.css +17 -25
  130. package/dist/collection/components/document-component/document-component.js +14 -7
  131. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  132. package/dist/collection/components/header/header.css +1 -2
  133. package/dist/collection/components/header/header.js +2 -2
  134. package/dist/collection/components/history-item/history-item.js +2 -2
  135. package/dist/collection/components/icon/icon.interfaces.js +1 -0
  136. package/dist/collection/components/icon/icon.js +120 -73
  137. package/dist/collection/components/icon-button/icon-button.css +10 -12
  138. package/dist/collection/components/icon-button/icon-button.js +14 -5
  139. package/dist/collection/components/image-overlay/image-overlay.css +4 -4
  140. package/dist/collection/components/image-overlay/image-overlay.js +1 -1
  141. package/dist/collection/components/info/info.css +1 -1
  142. package/dist/collection/components/info/info.js +1 -1
  143. package/dist/collection/components/info-button/info-button.js +2 -2
  144. package/dist/collection/components/label/label.css +46 -48
  145. package/dist/collection/components/label/label.js +1 -3
  146. package/dist/collection/components/legend/legend-item/legend-item.js +2 -2
  147. package/dist/collection/components/legend/legend.js +1 -1
  148. package/dist/collection/components/list-button/list-button.css +3 -3
  149. package/dist/collection/components/list-button/list-button.js +1 -1
  150. package/dist/collection/components/map-controls/map-controls.css +15 -19
  151. package/dist/collection/components/map-controls/map-controls.js +1 -1
  152. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  153. package/dist/collection/components/modal/modal.js +1 -1
  154. package/dist/collection/components/onboarding-tip/onboarding-tip.css +1 -4
  155. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  156. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +11 -4
  157. package/dist/collection/components/ozon-content/ozon-content.css +32 -40
  158. package/dist/collection/components/panel/panel.css +1 -1
  159. package/dist/collection/components/panel/panel.js +1 -1
  160. package/dist/collection/components/plekinfo-card/plekinfo-card.css +2 -2
  161. package/dist/collection/components/renvooi/renvooi.css +2 -2
  162. package/dist/collection/components/segmented-button/segmented-button.css +59 -0
  163. package/dist/collection/components/segmented-button/segmented-button.interfaces.js +1 -0
  164. package/dist/collection/components/segmented-button/segmented-button.js +169 -0
  165. package/dist/collection/components/selectable/selectable.js +1 -1
  166. package/dist/collection/components/skiplink/skiplink.js +1 -1
  167. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  168. package/dist/collection/components/survey-rating/survey-rating.css +11 -12
  169. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  170. package/dist/collection/components/table/table.css +15 -19
  171. package/dist/collection/components/table/table.js +1 -1
  172. package/dist/collection/components/tabs/tabs.js +1 -1
  173. package/dist/collection/components/tijdreis-banner/tijdreis-banner.css +1 -1
  174. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  175. package/dist/collection/components/toggletip/toggletip.js +1 -1
  176. package/dist/collection/components/tooltip/tooltip.js +1 -1
  177. package/dist/collection/components/tree-view/tree-item.js +1 -1
  178. package/dist/collection/components/tree-view/tree-view.css +1 -2
  179. package/dist/collection/components/tree-view/tree-view.js +1 -1
  180. package/dist/collection/components/viewer-grid/components/filter-panel.js +1 -1
  181. package/dist/collection/components/viewer-grid/components/overlay.js +1 -1
  182. package/dist/collection/components/viewer-grid/viewer-grid.css +3 -3
  183. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  184. package/dist/components/alert.js +1 -1
  185. package/dist/components/annotation-locatie.js +1 -1
  186. package/dist/components/badge.js +1 -1
  187. package/dist/components/document-component.js +1 -1
  188. package/dist/components/dso-accordion-section.js +1 -1
  189. package/dist/components/dso-action-list.js +1 -1
  190. package/dist/components/dso-advanced-select.js +1 -1
  191. package/dist/components/dso-annotation-activiteit.js +1 -1
  192. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  193. package/dist/components/dso-annotation-kaart.js +1 -1
  194. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  195. package/dist/components/dso-card.js +1 -1
  196. package/dist/components/dso-cursor-tooltip.js +1 -1
  197. package/dist/components/dso-header.js +1 -1
  198. package/dist/components/dso-history-item.js +1 -1
  199. package/dist/components/dso-legend-item.js +1 -1
  200. package/dist/components/dso-legend.js +1 -1
  201. package/dist/components/dso-list-button.js +1 -1
  202. package/dist/components/dso-map-controls.js +1 -1
  203. package/dist/components/dso-mark-bar.js +1 -1
  204. package/dist/components/dso-modal.js +1 -1
  205. package/dist/components/dso-onboarding-tip.js +1 -1
  206. package/dist/components/dso-plekinfo-card.js +1 -1
  207. package/dist/components/dso-segmented-button.d.ts +11 -0
  208. package/dist/components/dso-segmented-button.js +1 -0
  209. package/dist/components/dso-skiplink.js +1 -1
  210. package/dist/components/dso-survey-rating.js +1 -1
  211. package/dist/components/dso-tabs.js +1 -1
  212. package/dist/components/dso-tijdreis-banner.js +1 -1
  213. package/dist/components/dso-toggletip.js +1 -1
  214. package/dist/components/dso-tree-view.js +1 -1
  215. package/dist/components/dso-viewer-grid.js +1 -1
  216. package/dist/components/dsot-document-component-demo.js +1 -1
  217. package/dist/components/icon-button.js +1 -1
  218. package/dist/components/icon.js +1 -1
  219. package/dist/components/image-overlay.js +1 -1
  220. package/dist/components/index.d.ts +2 -0
  221. package/dist/components/index.js +1 -1
  222. package/dist/components/info-button.js +1 -1
  223. package/dist/components/info.js +1 -1
  224. package/dist/components/label.js +1 -1
  225. package/dist/components/ozon-content-toggletip.js +1 -1
  226. package/dist/components/ozon-content.js +1 -1
  227. package/dist/components/panel.js +1 -1
  228. package/dist/components/renvooi.js +1 -1
  229. package/dist/components/selectable.js +1 -1
  230. package/dist/components/slide-toggle.js +1 -1
  231. package/dist/components/table.js +1 -1
  232. package/dist/components/tooltip.js +1 -1
  233. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  234. package/dist/dso-toolkit/p-0bb80f9d.entry.js +1 -0
  235. package/dist/dso-toolkit/{p-d7ecb171.entry.js → p-295392f6.entry.js} +1 -1
  236. package/dist/dso-toolkit/p-2b380a0b.entry.js +1 -0
  237. package/dist/dso-toolkit/{p-3b0fd6c5.entry.js → p-36812bba.entry.js} +1 -1
  238. package/dist/dso-toolkit/{p-a0fdef9a.entry.js → p-4060fbeb.entry.js} +1 -1
  239. package/dist/dso-toolkit/{p-ae4beda4.entry.js → p-451cc2bb.entry.js} +1 -1
  240. package/dist/dso-toolkit/{p-d142d8bb.entry.js → p-4aacd714.entry.js} +1 -1
  241. package/dist/dso-toolkit/p-4dce7c51.entry.js +1 -0
  242. package/dist/dso-toolkit/p-532f4245.entry.js +1 -0
  243. package/dist/dso-toolkit/{p-178485c3.entry.js → p-5893f749.entry.js} +1 -1
  244. package/dist/dso-toolkit/{p-1a2b975e.entry.js → p-5fb90e0f.entry.js} +1 -1
  245. package/dist/dso-toolkit/p-6fc38a28.entry.js +1 -0
  246. package/dist/dso-toolkit/p-780737ad.entry.js +1 -0
  247. package/dist/dso-toolkit/{p-9172bcd1.entry.js → p-7910ee69.entry.js} +1 -1
  248. package/dist/dso-toolkit/p-7b0408d3.entry.js +1 -0
  249. package/dist/dso-toolkit/{p-e23b4585.entry.js → p-851317c7.entry.js} +1 -1
  250. package/dist/dso-toolkit/p-863dde86.entry.js +1 -0
  251. package/dist/dso-toolkit/p-9456a5fe.entry.js +1 -0
  252. package/dist/dso-toolkit/p-9539245c.entry.js +1 -0
  253. package/dist/dso-toolkit/p-9c1bbde9.entry.js +1 -0
  254. package/dist/dso-toolkit/{p-b26c16b3.entry.js → p-a6e1f2ae.entry.js} +1 -1
  255. package/dist/dso-toolkit/p-b8ca96d8.entry.js +1 -0
  256. package/dist/dso-toolkit/p-bb38f836.entry.js +1 -0
  257. package/dist/dso-toolkit/p-be43c839.entry.js +1 -0
  258. package/dist/dso-toolkit/p-c01593c7.entry.js +1 -0
  259. package/dist/dso-toolkit/{p-00a83dd9.entry.js → p-cc43d3f7.entry.js} +1 -1
  260. package/dist/dso-toolkit/p-d015860d.entry.js +1 -0
  261. package/dist/dso-toolkit/p-d4d65803.entry.js +1 -0
  262. package/dist/dso-toolkit/p-e2890d38.entry.js +1 -0
  263. package/dist/dso-toolkit/{p-b7211906.entry.js → p-e8f4fcd0.entry.js} +1 -1
  264. package/dist/dso-toolkit/p-ef6998eb.entry.js +1 -0
  265. package/dist/dso-toolkit/p-f1e746db.entry.js +1 -0
  266. package/dist/dso-toolkit/p-f43ea451.entry.js +1 -0
  267. package/dist/dso-toolkit/p-fe4dd620.entry.js +1 -0
  268. package/dist/dso-toolkit/p-ff1d91b4.entry.js +1 -0
  269. package/dist/esm/dso-accordion-section.entry.js +5 -5
  270. package/dist/esm/dso-action-list.entry.js +1 -1
  271. package/dist/esm/dso-advanced-select.entry.js +1 -1
  272. package/dist/esm/dso-alert_7.entry.js +11 -11
  273. package/dist/esm/dso-annotation-activiteit.entry.js +1 -1
  274. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +1 -1
  275. package/dist/esm/dso-annotation-kaart.entry.js +1 -1
  276. package/dist/esm/dso-annotation-locatie_2.entry.js +4 -4
  277. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +1 -1
  278. package/dist/esm/dso-card.entry.js +1 -1
  279. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  280. package/dist/esm/dso-header.entry.js +3 -3
  281. package/dist/esm/dso-history-item.entry.js +2 -2
  282. package/dist/esm/dso-icon_2.entry.js +423 -326
  283. package/dist/esm/dso-info-button.entry.js +2 -2
  284. package/dist/esm/dso-info_2.entry.js +3 -3
  285. package/dist/esm/dso-label_3.entry.js +4 -6
  286. package/dist/esm/dso-legend-item.entry.js +2 -2
  287. package/dist/esm/dso-legend.entry.js +1 -1
  288. package/dist/esm/dso-list-button.entry.js +2 -2
  289. package/dist/esm/dso-map-controls.entry.js +2 -2
  290. package/dist/esm/dso-mark-bar.entry.js +1 -1
  291. package/dist/esm/dso-modal.entry.js +1 -1
  292. package/dist/esm/dso-onboarding-tip.entry.js +2 -2
  293. package/dist/esm/dso-plekinfo-card.entry.js +1 -1
  294. package/dist/esm/dso-segmented-button.entry.js +33 -0
  295. package/dist/esm/dso-skiplink.entry.js +1 -1
  296. package/dist/esm/dso-survey-rating.entry.js +3 -3
  297. package/dist/esm/dso-tabs.entry.js +1 -1
  298. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  299. package/dist/esm/dso-toggletip.entry.js +1 -1
  300. package/dist/esm/dso-toolkit.js +1 -1
  301. package/dist/esm/dso-tooltip.entry.js +1 -1
  302. package/dist/esm/dso-tree-view.entry.js +3 -3
  303. package/dist/esm/dso-viewer-grid.entry.js +4 -4
  304. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  305. package/dist/esm/loader.js +1 -1
  306. package/dist/types/components/accordion/components/accordion-section.d.ts +3 -2
  307. package/dist/types/components/document-component/document-component.d.ts +2 -2
  308. package/dist/types/components/document-component/document-component.interfaces.d.ts +1 -0
  309. package/dist/types/components/document-component-demo/document-component.demo.d.ts +2 -2
  310. package/dist/types/components/icon/icon.d.ts +2 -1
  311. package/dist/types/components/icon/icon.interfaces.d.ts +1 -0
  312. package/dist/types/components/icon-button/icon-button.d.ts +2 -1
  313. package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts +2 -1
  314. package/dist/types/components/segmented-button/segmented-button.d.ts +31 -0
  315. package/dist/types/components/segmented-button/segmented-button.interfaces.d.ts +8 -0
  316. package/dist/types/components/tree-view/tree-view.interfaces.d.ts +2 -1
  317. package/dist/types/components.d.ts +101 -20
  318. package/package.json +3 -3
  319. package/dist/bundle/p-CC5mzX8a.js +0 -35
  320. package/dist/bundle/p-CMWH8g7N.js +0 -313
  321. package/dist/bundle/p-CnVQ4Ot7.js +0 -1208
  322. package/dist/bundle/p-D4NMNwP8.js +0 -174
  323. package/dist/bundle/p-DK5tN6xk.js +0 -121
  324. package/dist/bundle/p-DOIYXIWP.js +0 -730
  325. package/dist/bundle/p-DRO1ZNJq.js +0 -83
  326. package/dist/bundle/p-RYgpam5C.js +0 -98
  327. package/dist/bundle/p-gg8XBMZ8.js +0 -85
  328. package/dist/dso-toolkit/p-0cefa57b.entry.js +0 -1
  329. package/dist/dso-toolkit/p-15e88604.entry.js +0 -1
  330. package/dist/dso-toolkit/p-1993ac29.entry.js +0 -1
  331. package/dist/dso-toolkit/p-2ae2a8bd.entry.js +0 -1
  332. package/dist/dso-toolkit/p-3934192e.entry.js +0 -1
  333. package/dist/dso-toolkit/p-418eefa6.entry.js +0 -1
  334. package/dist/dso-toolkit/p-49763405.entry.js +0 -1
  335. package/dist/dso-toolkit/p-49e2e4ef.entry.js +0 -1
  336. package/dist/dso-toolkit/p-5fa4f18b.entry.js +0 -1
  337. package/dist/dso-toolkit/p-6ab5ac7f.entry.js +0 -1
  338. package/dist/dso-toolkit/p-6ae18ea8.entry.js +0 -1
  339. package/dist/dso-toolkit/p-74ae905b.entry.js +0 -1
  340. package/dist/dso-toolkit/p-7b74503c.entry.js +0 -1
  341. package/dist/dso-toolkit/p-a9538643.entry.js +0 -1
  342. package/dist/dso-toolkit/p-ac7f15ab.entry.js +0 -1
  343. package/dist/dso-toolkit/p-cbdb0a03.entry.js +0 -1
  344. package/dist/dso-toolkit/p-ce7c14c0.entry.js +0 -1
  345. package/dist/dso-toolkit/p-dcf05b57.entry.js +0 -1
  346. package/dist/dso-toolkit/p-dd14defe.entry.js +0 -1
  347. package/dist/dso-toolkit/p-e745c65d.entry.js +0 -1
  348. package/dist/dso-toolkit/p-e99e0c57.entry.js +0 -1
  349. package/dist/dso-toolkit/p-eedac7f7.entry.js +0 -1
@@ -1,174 +0,0 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
2
- import { c as clsx } from './p-ChV9xqsO.js';
3
- import { d as debounce } from './p-baWVwd8J.js';
4
- import { d as defineCustomElement$3 } from './p-DOIYXIWP.js';
5
- import { d as defineCustomElement$2 } from './p-DK5tN6xk.js';
6
- import { d as defineCustomElement$1 } from './p-BO0PFU2G.js';
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}`;
9
-
10
- const resizeObserver = new ResizeObserver(debounce((entries) => {
11
- entries.forEach(({ target }) => {
12
- if (isDsoLabelComponent(target)) {
13
- target._truncateLabel();
14
- }
15
- });
16
- }, 150));
17
- function isDsoLabelComponent(element) {
18
- return element.tagName === "DSO-LABEL";
19
- }
20
- function hasEllipses(el) {
21
- return el.scrollWidth > el.clientWidth;
22
- }
23
- const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
24
- constructor(registerHost) {
25
- super();
26
- if (registerHost !== false) {
27
- this.__registerHost();
28
- }
29
- this.__attachShadow();
30
- this.dsoRemoveClick = createEvent(this, "dsoRemoveClick", 7);
31
- this.isTruncated = false;
32
- this.labelText = "";
33
- }
34
- watchRemovable(removable) {
35
- if (removable) {
36
- this.startMutationObserver();
37
- }
38
- else {
39
- this.stopMutationObserver();
40
- }
41
- }
42
- watchTruncate(truncate) {
43
- if (truncate) {
44
- this.startTruncate();
45
- }
46
- else {
47
- this.stopTruncate();
48
- }
49
- }
50
- keyDownListener(event) {
51
- if (event.key === "Escape") {
52
- this.textHover = false;
53
- this.textFocus = false;
54
- }
55
- }
56
- /**
57
- * @internal
58
- */
59
- async _truncateLabel() {
60
- setTimeout(() => {
61
- this.isTruncated = !!this.labelContent && hasEllipses(this.labelContent);
62
- });
63
- }
64
- syncLabelText() {
65
- this.labelText = this.host.textContent?.trim() ?? "";
66
- }
67
- componentDidLoad() {
68
- if (this.truncate) {
69
- this.startTruncate();
70
- }
71
- if (this.removable) {
72
- this.startMutationObserver();
73
- }
74
- }
75
- disconnectedCallback() {
76
- this.stopTruncate();
77
- this.stopMutationObserver(true);
78
- }
79
- /** The mutationObserver fetches the text placed inside the label, this is then used for the remove button and tooltip. */
80
- startMutationObserver() {
81
- this.mutationObserver = new MutationObserver(() => this.syncLabelText());
82
- this.mutationObserver.observe(this.host, {
83
- characterData: true,
84
- childList: true,
85
- subtree: true,
86
- attributes: true,
87
- });
88
- this.syncLabelText();
89
- }
90
- stopMutationObserver(force = false) {
91
- if (force || !(this.truncate && this.removable)) {
92
- this.mutationObserver?.disconnect();
93
- delete this.mutationObserver;
94
- }
95
- }
96
- startTruncate() {
97
- resizeObserver.observe(this.host);
98
- this.startMutationObserver();
99
- this._truncateLabel();
100
- }
101
- stopTruncate() {
102
- resizeObserver.unobserve(this.host);
103
- this.stopMutationObserver();
104
- this.isTruncated = false;
105
- }
106
- render() {
107
- return (h(Fragment, { key: 'f868c06841bb1f9a6f39db8598141634cbe59f5f' }, h("span", { key: '935d20891b9df19b37cf38242892428c81c12631', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
108
- [`dso-label-${this.status}`]: this.status,
109
- "dso-compact": this.compact && !this.removable,
110
- "dso-hover": this.removeHover || this.removeFocus,
111
- }) }, h("slot", { key: 'e3d5f4d753cf5ca6ef1bef6fae698b3b4c03e5da', name: "symbol" }), h("span", { key: '242c774421051469948ff841d7b55bf06e9481fd', class: clsx("dso-label-content", {
112
- "dso-truncate": !!this.truncate,
113
- }), 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) }, h("slot", { key: '93ae4502166a8c246371249f6b25423ab066e5b7' })), this.removable && (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 && (h("dso-tooltip", { key: '0c0a556cc61f34f782e9da771138e8b0e37e6647', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
114
- }
115
- get host() { return this; }
116
- static get watchers() { return {
117
- "removable": [{
118
- "watchRemovable": 0
119
- }],
120
- "truncate": [{
121
- "watchTruncate": 0
122
- }]
123
- }; }
124
- static get style() { return labelCss(); }
125
- }, [257, "dso-label", {
126
- "compact": [516],
127
- "removable": [516],
128
- "status": [513],
129
- "truncate": [516],
130
- "removeHover": [32],
131
- "removeFocus": [32],
132
- "textHover": [32],
133
- "textFocus": [32],
134
- "isTruncated": [32],
135
- "labelText": [32],
136
- "_truncateLabel": [64]
137
- }, [[4, "keydown", "keyDownListener"]], {
138
- "removable": [{
139
- "watchRemovable": 0
140
- }],
141
- "truncate": [{
142
- "watchTruncate": 0
143
- }]
144
- }]);
145
- function defineCustomElement() {
146
- if (typeof customElements === "undefined") {
147
- return;
148
- }
149
- const components = ["dso-label", "dso-icon", "dso-icon-button", "dso-tooltip"];
150
- components.forEach(tagName => { switch (tagName) {
151
- case "dso-label":
152
- if (!customElements.get(transformTag(tagName))) {
153
- customElements.define(transformTag(tagName), Label);
154
- }
155
- break;
156
- case "dso-icon":
157
- if (!customElements.get(transformTag(tagName))) {
158
- defineCustomElement$3();
159
- }
160
- break;
161
- case "dso-icon-button":
162
- if (!customElements.get(transformTag(tagName))) {
163
- defineCustomElement$2();
164
- }
165
- break;
166
- case "dso-tooltip":
167
- if (!customElements.get(transformTag(tagName))) {
168
- defineCustomElement$1();
169
- }
170
- break;
171
- } });
172
- }
173
-
174
- export { Label as L, defineCustomElement as d };
@@ -1,121 +0,0 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DmmKAUIT.js';
2
- import { p as positionTooltip, T as Tooltip } from './p-BzrfS3rM.js';
3
- import { d as defineCustomElement$1 } from './p-DOIYXIWP.js';
4
-
5
- const iconButtonCss = () => `.dso-tooltip { --_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-tooltip 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-tooltip 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-tooltip 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-tooltip 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-tooltip { --_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: #666; color: #fff; border-radius: 4px; overflow: unset; margin: 0; border: 0; padding: 0; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)); opacity: 0; visibility: hidden; transition: opacity 0.15s; max-inline-size: 320px; } .dso-tooltip.visible { opacity: 1; visibility: visible; } .dso-tooltip .tooltip-inner { --_dt-span-role-paragraph-margin-block: 8px; --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#download-wit")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#call-wit")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#email-wit")); } .dso-tooltip .tooltip-inner { --_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: #666; color: #fff; font-family: Asap, sans-serif; font-size: 1rem; font-weight: normal; padding-block: 0; padding-inline: 8px; border-radius: 4px; line-height: 1.5; } .dso-tooltip .tooltip-arrow { position: absolute; background-color: #666; border-start-start-radius: 4px; block-size: 8px; inline-size: 8px; pointer-events: none; z-index: -1; } :host { display: inline-block; line-height: 1; } *, *::after, *::before { box-sizing: border-box; } .dso-secondary { 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-secondary:focus, .dso-secondary:focus-visible { outline-offset: 2px; } .dso-secondary:active { outline: 0; } .dso-secondary.extern::after, .dso-secondary.download::after { content: ""; display: inline-block; margin-inline-start: 8px; } .dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } .dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } .dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } .dso-secondary[disabled], .dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } .dso-secondary.dso-small { line-height: 1rem; } .dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { line-height: 1rem; } .dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { padding-block: 9px; } .dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-secondary.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: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-secondary.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: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-secondary { padding-inline: calc(8px - 1px); padding-block: calc(8px - 1px); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); border-block-end-width: var(--_dt-icon-button-border-block-end-width, 1px); border-inline-end-width: var(--_dt-icon-button-border-inline-end-width, 1px); } .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.extern::after, .dso-tertiary.download::after { content: ""; display: inline-block; margin-inline-start: 8px; } .dso-tertiary { padding-inline: 0; padding-block: 0; color: var(--_dso-icon-button-tertiary-color, #39870c); background-color: transparent; border: 0; } .dso-tertiary:not([disabled]):hover { color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]):active { color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary[disabled] { color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d)); } .dso-map { 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-map:focus, .dso-map:focus-visible { outline-offset: 2px; } .dso-map:active { outline: 0; } .dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } .dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } .dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } .dso-map[disabled], .dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } .dso-map.dso-small { line-height: 1rem; } .dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { line-height: 1rem; } .dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { padding-block: 9px; } .dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-map.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: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-map.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: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } .dso-map:focus, .dso-map:focus-visible { outline-offset: -1px; } .dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } .dso-map { padding-inline: 8px; padding-block: 8px; border: 0; margin-inline-end: 0; box-shadow: var(--_dt-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3)); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); } .icon-button { min-inline-size: auto; cursor: pointer; } .icon-button[disabled] { cursor: default; }`;
6
-
7
- const IconButton = /*@__PURE__*/ proxyCustomElement(class IconButton extends H {
8
- constructor(registerHost) {
9
- super();
10
- if (registerHost !== false) {
11
- this.__registerHost();
12
- }
13
- this.__attachShadow();
14
- this.dsoClick = createEvent(this, "dsoClick", 3);
15
- /**
16
- * The variant of the Icon Button.
17
- */
18
- this.variant = "secondary";
19
- /**
20
- * The placement of the tooltip on hover and focus of the Icon Button.
21
- */
22
- this.tooltipPlacement = "top";
23
- /**
24
- * To disable the Icon Button
25
- */
26
- this.disabled = false;
27
- this.showTooltip = false;
28
- this.lastClickTime = 0;
29
- this.tooltipShowDelay = 500;
30
- this.handleShowTooltip = () => {
31
- if (this.disabled) {
32
- return;
33
- }
34
- // Don't show the tooltip if the button is clicked within 500ms of the last click
35
- if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {
36
- return;
37
- }
38
- this.clearToolTipTimeout();
39
- this.tooltipTimeout = window.setTimeout(() => {
40
- if (!this.tooltipElRef?.isConnected) {
41
- return;
42
- }
43
- this.showTooltip = true;
44
- this.tooltipElRef?.showPopover();
45
- if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {
46
- this.cleanUp = positionTooltip({
47
- referenceElement: this.buttonElRef,
48
- tipRef: this.tooltipElRef,
49
- tipArrowRef: this.tipArrowElRef,
50
- placementTip: this.tooltipPlacement,
51
- topPositionSmallViewPort: false,
52
- halfMainAxisOffset: false,
53
- forceVisible: true,
54
- });
55
- }
56
- }, this.tooltipShowDelay);
57
- };
58
- this.clearToolTipTimeout = () => {
59
- if (this.tooltipTimeout) {
60
- clearTimeout(this.tooltipTimeout);
61
- }
62
- };
63
- this.handleHideTooltip = () => {
64
- this.clearToolTipTimeout();
65
- this.showTooltip = false;
66
- this.tooltipElRef?.hidePopover();
67
- if (!this.showTooltip && this.cleanUp) {
68
- this.cleanUp();
69
- this.cleanUp = undefined;
70
- }
71
- };
72
- this.handleClick = (e) => {
73
- this.lastClickTime = Date.now();
74
- this.handleHideTooltip();
75
- this.dsoClick.emit({ originalEvent: e });
76
- };
77
- }
78
- /**
79
- * Focuses the button.
80
- */
81
- async setFocus() {
82
- this.buttonElRef?.focus();
83
- }
84
- disconnectedCallback() {
85
- this.clearToolTipTimeout();
86
- this.cleanUp?.();
87
- this.cleanUp = undefined;
88
- }
89
- render() {
90
- return (h("button", { key: '8b22306b71a11a9a5bb331e3138d398a1ea28c25', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: '5e0331ca7a343c70ef6f0fc0667d567d7c2814ad', icon: this.icon }), h(Tooltip, { key: 'ddf5f41269e6102ef81b05096119386e15478236', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
91
- }
92
- static get style() { return iconButtonCss(); }
93
- }, [1, "dso-icon-button", {
94
- "icon": [513],
95
- "label": [513],
96
- "variant": [513],
97
- "tooltipPlacement": [513, "tooltip-placement"],
98
- "disabled": [516],
99
- "showTooltip": [32],
100
- "setFocus": [64]
101
- }]);
102
- function defineCustomElement() {
103
- if (typeof customElements === "undefined") {
104
- return;
105
- }
106
- const components = ["dso-icon-button", "dso-icon"];
107
- components.forEach(tagName => { switch (tagName) {
108
- case "dso-icon-button":
109
- if (!customElements.get(transformTag(tagName))) {
110
- customElements.define(transformTag(tagName), IconButton);
111
- }
112
- break;
113
- case "dso-icon":
114
- if (!customElements.get(transformTag(tagName))) {
115
- defineCustomElement$1();
116
- }
117
- break;
118
- } });
119
- }
120
-
121
- export { IconButton as I, defineCustomElement as d };