@dso-toolkit/core 100.4.0 → 101.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 (342) hide show
  1. package/dist/bundle/dso-accordion-section.js +21 -15
  2. package/dist/bundle/dso-accordion.js +1 -1
  3. package/dist/bundle/dso-advanced-select.js +16 -10
  4. package/dist/bundle/dso-annotation-activiteit.js +16 -10
  5. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +16 -10
  6. package/dist/bundle/dso-annotation-kaart.js +1 -1
  7. package/dist/bundle/dso-annotation-locatie.js +1 -1
  8. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +16 -10
  9. package/dist/bundle/dso-autosuggest.js +2 -2
  10. package/dist/bundle/dso-badge.js +1 -1
  11. package/dist/bundle/dso-card-container.js +1 -1
  12. package/dist/bundle/dso-card.js +2 -2
  13. package/dist/bundle/dso-date-picker.js +4 -4
  14. package/dist/bundle/dso-document-component.js +1 -1
  15. package/dist/bundle/dso-dropdown-menu.js +6 -3
  16. package/dist/bundle/dso-header.js +8 -3
  17. package/dist/bundle/dso-info-button.js +1 -1
  18. package/dist/bundle/dso-label.js +1 -1
  19. package/dist/bundle/dso-legend-group.js +1 -1
  20. package/dist/bundle/dso-legend-item.js +4 -4
  21. package/dist/bundle/dso-legend.js +2 -2
  22. package/dist/bundle/dso-list-button.js +4 -4
  23. package/dist/bundle/dso-logo.js +1 -1
  24. package/dist/bundle/dso-map-base-layers.js +4 -4
  25. package/dist/bundle/dso-map-controls.js +2 -2
  26. package/dist/bundle/dso-map-layer-object.js +2 -2
  27. package/dist/bundle/dso-map-layer.js +2 -2
  28. package/dist/bundle/dso-map-message.js +3 -3
  29. package/dist/bundle/dso-map-overlays.js +4 -4
  30. package/dist/bundle/dso-mark-bar.js +1 -1
  31. package/dist/bundle/dso-modal.js +1 -1
  32. package/dist/bundle/dso-onboarding-tip.js +1 -1
  33. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  34. package/dist/bundle/dso-ozon-content.js +1 -1
  35. package/dist/bundle/dso-pagination.js +1 -1
  36. package/dist/bundle/dso-panel.js +1 -1
  37. package/dist/bundle/dso-plekinfo-card-item.d.ts +11 -0
  38. package/dist/bundle/dso-plekinfo-card-item.js +65 -0
  39. package/dist/bundle/dso-plekinfo-card.js +8 -6
  40. package/dist/bundle/dso-progress-indicator.js +1 -1
  41. package/dist/bundle/dso-project-item.js +13 -7
  42. package/dist/bundle/dso-responsive-element.js +1 -1
  43. package/dist/bundle/dso-scrollable.js +1 -1
  44. package/dist/bundle/dso-segmented-button.js +1 -1
  45. package/dist/bundle/dso-selectable.js +1 -1
  46. package/dist/bundle/dso-shopping-cart.js +1 -1
  47. package/dist/bundle/dso-skiplink.js +1 -1
  48. package/dist/bundle/dso-slide-toggle.js +1 -1
  49. package/dist/bundle/dso-survey-rating.js +3 -3
  50. package/dist/bundle/dso-table.js +1 -1
  51. package/dist/bundle/dso-tabs.js +1 -1
  52. package/dist/bundle/dso-tijdreis-banner.js +1 -1
  53. package/dist/bundle/dso-tree-view.js +2 -2
  54. package/dist/bundle/dso-truncate.d.ts +11 -0
  55. package/dist/bundle/dso-truncate.js +6 -0
  56. package/dist/bundle/dso-viewer-grid.js +2 -2
  57. package/dist/bundle/dsot-document-component-demo.js +41 -35
  58. package/dist/bundle/index.js +4 -0
  59. package/dist/bundle/{p-DStIHFXU.js → p-BF2e1Voi.js} +37 -29
  60. package/dist/bundle/{p-BdO8V8e5.js → p-BI_yo2z3.js} +1 -1
  61. package/dist/bundle/{p-BiTWJ9tJ.js → p-BoEv7D0u.js} +1 -1
  62. package/dist/bundle/{p-CDym9tDn.js → p-C-8R9yq6.js} +1 -1
  63. package/dist/bundle/p-CEzwBNry.js +112 -0
  64. package/dist/bundle/p-CbLp6uks.js +144 -0
  65. package/dist/bundle/{p-CDD0hRMQ.js → p-CuUQy5lD.js} +16 -7
  66. package/dist/bundle/{p-B5zDTnXM.js → p-CwjT2QlY.js} +2 -2
  67. package/dist/bundle/{p-Ccf_D9uM.js → p-D3XzrCzR.js} +3 -3
  68. package/dist/bundle/{p-Diwr4pu4.js → p-D9oE1q7k.js} +2 -2
  69. package/dist/bundle/{p-D7-d0naf.js → p-DcRIbRiR.js} +1 -1
  70. package/dist/bundle/{p-6lwKSTtN.js → p-DdHRX4cC.js} +16 -10
  71. package/dist/bundle/p-Dy8e3KhJ.js +152 -0
  72. package/dist/bundle/{p-CSbcQBj9.js → p-Dyvz4l_L.js} +1 -1
  73. package/dist/bundle/{p-uUZVT-Ex.js → p-NElTvMxv.js} +2 -2
  74. package/dist/bundle/{p-BvB8dh8P.js → p-mwUKtKZg.js} +1 -1
  75. package/dist/cjs/dso-accordion-section.cjs.entry.js +1 -1
  76. package/dist/cjs/dso-accordion.cjs.entry.js +1 -1
  77. package/dist/cjs/dso-alert_7.cjs.entry.js +15 -6
  78. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +7 -5
  79. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  80. package/dist/cjs/dso-card.cjs.entry.js +2 -2
  81. package/dist/cjs/dso-date-picker.cjs.entry.js +2 -2
  82. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +5 -2
  83. package/dist/cjs/dso-header.cjs.entry.js +7 -2
  84. package/dist/cjs/dso-info_3.cjs.entry.js +2 -2
  85. package/dist/cjs/dso-label_3.cjs.entry.js +41 -110
  86. package/dist/cjs/dso-legend-group.cjs.entry.js +1 -1
  87. package/dist/cjs/dso-legend-item.cjs.entry.js +1 -1
  88. package/dist/cjs/dso-legend.cjs.entry.js +1 -1
  89. package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
  90. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  91. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  92. package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
  93. package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
  94. package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
  95. package/dist/cjs/dso-map-message.cjs.entry.js +3 -3
  96. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  97. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  98. package/dist/cjs/dso-modal.cjs.entry.js +1 -1
  99. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +1 -1
  100. package/dist/cjs/dso-plekinfo-card-item.cjs.entry.js +37 -0
  101. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +8 -6
  102. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  103. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  104. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  105. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  106. package/dist/cjs/dso-segmented-button.cjs.entry.js +1 -1
  107. package/dist/cjs/dso-shopping-cart.cjs.entry.js +1 -1
  108. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  109. package/dist/cjs/dso-survey-rating.cjs.entry.js +2 -2
  110. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  111. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
  112. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  113. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  114. package/dist/cjs/dso-truncate.cjs.entry.js +129 -0
  115. package/dist/cjs/dso-viewer-grid.cjs.entry.js +2 -2
  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 +2 -0
  119. package/dist/collection/components/accordion/accordion.css +6 -0
  120. package/dist/collection/components/accordion/components/accordion-section.css +11 -6
  121. package/dist/collection/components/card/card.js +3 -3
  122. package/dist/collection/components/card-container/card-container.css +5 -0
  123. package/dist/collection/components/date-picker/date-picker.js +9 -9
  124. package/dist/collection/components/date-picker/date-utils.js +1 -1
  125. package/dist/collection/components/document-component/document-component.js +8 -6
  126. package/dist/collection/components/document-component-demo/document-component.demo.js +2 -2
  127. package/dist/collection/components/dropdown-menu/dropdown-menu.js +5 -2
  128. package/dist/collection/components/header/header.css +36 -34
  129. package/dist/collection/components/header/header.i18n.js +2 -0
  130. package/dist/collection/components/header/header.js +4 -1
  131. package/dist/collection/components/label/label.css +6 -53
  132. package/dist/collection/components/label/label.js +21 -122
  133. package/dist/collection/components/legend/legend-group/legend-group.js +1 -1
  134. package/dist/collection/components/legend/legend-item/legend-item.js +1 -1
  135. package/dist/collection/components/legend/legend.js +1 -1
  136. package/dist/collection/components/list-button/list-button.js +1 -1
  137. package/dist/collection/components/logo/logo.js +1 -1
  138. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  139. package/dist/collection/components/map-controls/map-controls.js +1 -1
  140. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  141. package/dist/collection/components/map-layer/map-layer.js +1 -1
  142. package/dist/collection/components/map-message/map-message.css +4 -1
  143. package/dist/collection/components/map-message/map-message.js +3 -3
  144. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  145. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  146. package/dist/collection/components/modal/modal.js +1 -1
  147. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  148. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
  149. package/dist/collection/components/ozon-content/nodes/ext-ref.node.js +12 -2
  150. package/dist/collection/components/ozon-content/ozon-content.js +2 -2
  151. package/dist/collection/components/panel/panel.js +1 -1
  152. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.css +148 -0
  153. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.js +82 -0
  154. package/dist/collection/components/plekinfo-card/plekinfo-card.css +4 -5
  155. package/dist/collection/components/plekinfo-card/plekinfo-card.js +10 -9
  156. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  157. package/dist/collection/components/project-item/project-item.js +1 -1
  158. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  159. package/dist/collection/components/scrollable/scrollable.js +2 -2
  160. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  161. package/dist/collection/components/selectable/selectable.css +6 -6
  162. package/dist/collection/components/selectable/selectable.js +1 -1
  163. package/dist/collection/components/shopping-cart/shopping-cart.js +1 -1
  164. package/dist/collection/components/skiplink/skiplink.js +1 -1
  165. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  166. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  167. package/dist/collection/components/table/table.js +1 -1
  168. package/dist/collection/components/tabs/tabs.js +1 -1
  169. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  170. package/dist/collection/components/tree-view/tree-view.js +1 -1
  171. package/dist/collection/components/truncate/truncate.css +67 -0
  172. package/dist/collection/components/truncate/truncate.js +145 -0
  173. package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
  174. package/dist/components/annotation-locatie.js +1 -1
  175. package/dist/components/document-component.js +1 -1
  176. package/dist/components/dso-accordion-section.js +1 -1
  177. package/dist/components/dso-accordion.js +1 -1
  178. package/dist/components/dso-advanced-select.js +2 -2
  179. package/dist/components/dso-annotation-activiteit.js +1 -1
  180. package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
  181. package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
  182. package/dist/components/dso-card-container.js +1 -1
  183. package/dist/components/dso-card.js +1 -1
  184. package/dist/components/dso-date-picker.js +1 -1
  185. package/dist/components/dso-dropdown-menu.js +1 -1
  186. package/dist/components/dso-header.js +1 -1
  187. package/dist/components/dso-legend-group.js +1 -1
  188. package/dist/components/dso-legend-item.js +1 -1
  189. package/dist/components/dso-legend.js +1 -1
  190. package/dist/components/dso-list-button.js +1 -1
  191. package/dist/components/dso-logo.js +1 -1
  192. package/dist/components/dso-map-base-layers.js +1 -1
  193. package/dist/components/dso-map-controls.js +1 -1
  194. package/dist/components/dso-map-layer-object.js +1 -1
  195. package/dist/components/dso-map-layer.js +1 -1
  196. package/dist/components/dso-map-message.js +1 -1
  197. package/dist/components/dso-map-overlays.js +1 -1
  198. package/dist/components/dso-mark-bar.js +1 -1
  199. package/dist/components/dso-onboarding-tip.js +1 -1
  200. package/dist/components/dso-plekinfo-card-item.d.ts +11 -0
  201. package/dist/components/dso-plekinfo-card-item.js +1 -0
  202. package/dist/components/dso-plekinfo-card.js +1 -1
  203. package/dist/components/dso-project-item.js +1 -1
  204. package/dist/components/dso-segmented-button.js +1 -1
  205. package/dist/components/dso-shopping-cart.js +1 -1
  206. package/dist/components/dso-skiplink.js +1 -1
  207. package/dist/components/dso-survey-rating.js +1 -1
  208. package/dist/components/dso-tabs.js +1 -1
  209. package/dist/components/dso-tijdreis-banner.js +1 -1
  210. package/dist/components/dso-tree-view.js +1 -1
  211. package/dist/components/dso-truncate.d.ts +11 -0
  212. package/dist/components/dso-truncate.js +1 -0
  213. package/dist/components/dso-viewer-grid.js +1 -1
  214. package/dist/components/dsot-document-component-demo.js +1 -1
  215. package/dist/components/index.d.ts +4 -0
  216. package/dist/components/index.js +1 -1
  217. package/dist/components/label.js +1 -1
  218. package/dist/components/modal.js +1 -1
  219. package/dist/components/ozon-content-toggletip.js +1 -1
  220. package/dist/components/ozon-content.js +1 -1
  221. package/dist/components/panel.js +1 -1
  222. package/dist/components/progress-indicator.js +1 -1
  223. package/dist/components/responsive-element.js +1 -1
  224. package/dist/components/scrollable.js +1 -1
  225. package/dist/components/selectable.js +1 -1
  226. package/dist/components/slide-toggle.js +1 -1
  227. package/dist/components/table.js +1 -1
  228. package/dist/components/truncate.js +1 -0
  229. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  230. package/dist/dso-toolkit/p-036e7b74.entry.js +1 -0
  231. package/dist/dso-toolkit/{p-640306bf.entry.js → p-04844de1.entry.js} +1 -1
  232. package/dist/dso-toolkit/p-0630c10c.entry.js +1 -0
  233. package/dist/dso-toolkit/{p-67bdfcdd.entry.js → p-08a7e828.entry.js} +1 -1
  234. package/dist/dso-toolkit/{p-f1047e57.entry.js → p-0ee52216.entry.js} +1 -1
  235. package/dist/dso-toolkit/p-1007fdd3.entry.js +1 -0
  236. package/dist/dso-toolkit/{p-42bf0148.entry.js → p-13c27118.entry.js} +1 -1
  237. package/dist/dso-toolkit/p-1c1b27c0.entry.js +1 -0
  238. package/dist/dso-toolkit/{p-780ebd6c.entry.js → p-227620ac.entry.js} +1 -1
  239. package/dist/dso-toolkit/p-25483f0a.entry.js +1 -0
  240. package/dist/dso-toolkit/{p-9aea5b98.entry.js → p-26c32a38.entry.js} +1 -1
  241. package/dist/dso-toolkit/p-29dc27dc.entry.js +1 -0
  242. package/dist/dso-toolkit/{p-0150c527.entry.js → p-2a32cbeb.entry.js} +1 -1
  243. package/dist/dso-toolkit/{p-52d7dd12.entry.js → p-3825c4e5.entry.js} +1 -1
  244. package/dist/dso-toolkit/{p-47e2a6ae.entry.js → p-38616371.entry.js} +1 -1
  245. package/dist/dso-toolkit/p-58c0e2ef.entry.js +1 -0
  246. package/dist/dso-toolkit/{p-63fce2aa.entry.js → p-5f2269ec.entry.js} +1 -1
  247. package/dist/dso-toolkit/p-5f6a6095.entry.js +1 -0
  248. package/dist/dso-toolkit/{p-a0ac6345.entry.js → p-6a99c0bb.entry.js} +1 -1
  249. package/dist/dso-toolkit/{p-a00c540b.entry.js → p-6bc7de9b.entry.js} +1 -1
  250. package/dist/dso-toolkit/{p-c8ead3ad.entry.js → p-6bcf7a01.entry.js} +1 -1
  251. package/dist/dso-toolkit/p-801a459f.entry.js +1 -0
  252. package/dist/dso-toolkit/{p-1ee5fdd2.entry.js → p-823c047d.entry.js} +1 -1
  253. package/dist/dso-toolkit/{p-9c96a21a.entry.js → p-835cd682.entry.js} +1 -1
  254. package/dist/dso-toolkit/{p-37c83fa7.entry.js → p-83ab25e2.entry.js} +1 -1
  255. package/dist/dso-toolkit/{p-4d7fa0e9.entry.js → p-8e4964ac.entry.js} +1 -1
  256. package/dist/dso-toolkit/{p-7ebf7e11.entry.js → p-8f90718f.entry.js} +1 -1
  257. package/dist/dso-toolkit/{p-d8dfaacb.entry.js → p-904250ca.entry.js} +1 -1
  258. package/dist/dso-toolkit/{p-8eda69f2.entry.js → p-9b4dc3ef.entry.js} +1 -1
  259. package/dist/dso-toolkit/{p-6f7241e5.entry.js → p-9df806f0.entry.js} +1 -1
  260. package/dist/dso-toolkit/{p-ead6c401.entry.js → p-9f214aa4.entry.js} +1 -1
  261. package/dist/dso-toolkit/p-aec8f591.entry.js +1 -0
  262. package/dist/dso-toolkit/p-b8a0d3b9.entry.js +1 -0
  263. package/dist/dso-toolkit/p-b8a488af.entry.js +1 -0
  264. package/dist/dso-toolkit/p-bc3eb1dd.entry.js +1 -0
  265. package/dist/dso-toolkit/{p-19fa3db4.entry.js → p-c15a3689.entry.js} +1 -1
  266. package/dist/dso-toolkit/{p-13e28f82.entry.js → p-d0196ffd.entry.js} +1 -1
  267. package/dist/dso-toolkit/{p-cca237f7.entry.js → p-e2c97b41.entry.js} +1 -1
  268. package/dist/dso-toolkit/{p-e2ff8b0c.entry.js → p-e3ba6480.entry.js} +1 -1
  269. package/dist/dso-toolkit/{p-300882d5.entry.js → p-ec2fc65e.entry.js} +1 -1
  270. package/dist/dso-toolkit/{p-32b07ce7.entry.js → p-fb8860e1.entry.js} +1 -1
  271. package/dist/esm/dso-accordion-section.entry.js +1 -1
  272. package/dist/esm/dso-accordion.entry.js +1 -1
  273. package/dist/esm/dso-alert_7.entry.js +15 -6
  274. package/dist/esm/dso-annotation-locatie_2.entry.js +7 -5
  275. package/dist/esm/dso-card-container.entry.js +1 -1
  276. package/dist/esm/dso-card.entry.js +2 -2
  277. package/dist/esm/dso-date-picker.entry.js +2 -2
  278. package/dist/esm/dso-dropdown-menu.entry.js +5 -2
  279. package/dist/esm/dso-header.entry.js +7 -2
  280. package/dist/esm/dso-info_3.entry.js +2 -2
  281. package/dist/esm/dso-label_3.entry.js +23 -92
  282. package/dist/esm/dso-legend-group.entry.js +1 -1
  283. package/dist/esm/dso-legend-item.entry.js +1 -1
  284. package/dist/esm/dso-legend.entry.js +1 -1
  285. package/dist/esm/dso-list-button.entry.js +1 -1
  286. package/dist/esm/dso-logo.entry.js +1 -1
  287. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  288. package/dist/esm/dso-map-controls.entry.js +1 -1
  289. package/dist/esm/dso-map-layer-object.entry.js +1 -1
  290. package/dist/esm/dso-map-layer.entry.js +1 -1
  291. package/dist/esm/dso-map-message.entry.js +3 -3
  292. package/dist/esm/dso-map-overlays.entry.js +1 -1
  293. package/dist/esm/dso-mark-bar.entry.js +1 -1
  294. package/dist/esm/dso-modal.entry.js +1 -1
  295. package/dist/esm/dso-onboarding-tip.entry.js +1 -1
  296. package/dist/esm/dso-plekinfo-card-item.entry.js +35 -0
  297. package/dist/esm/dso-plekinfo-card.entry.js +8 -6
  298. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  299. package/dist/esm/dso-project-item.entry.js +1 -1
  300. package/dist/esm/dso-responsive-element.entry.js +1 -1
  301. package/dist/esm/dso-scrollable.entry.js +2 -2
  302. package/dist/esm/dso-segmented-button.entry.js +1 -1
  303. package/dist/esm/dso-shopping-cart.entry.js +1 -1
  304. package/dist/esm/dso-skiplink.entry.js +1 -1
  305. package/dist/esm/dso-survey-rating.entry.js +2 -2
  306. package/dist/esm/dso-tabs.entry.js +1 -1
  307. package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
  308. package/dist/esm/dso-toolkit.js +1 -1
  309. package/dist/esm/dso-tree-view.entry.js +1 -1
  310. package/dist/esm/dso-truncate.entry.js +127 -0
  311. package/dist/esm/dso-viewer-grid.entry.js +2 -2
  312. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  313. package/dist/esm/loader.js +1 -1
  314. package/dist/types/components/card/card.d.ts +1 -1
  315. package/dist/types/components/date-picker/date-picker.d.ts +4 -2
  316. package/dist/types/components/date-picker/date-utils.d.ts +1 -1
  317. package/dist/types/components/document-component/document-component.d.ts +1 -1
  318. package/dist/types/components/document-component-demo/document-component.demo.d.ts +2 -1
  319. package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +1 -0
  320. package/dist/types/components/header/header.d.ts +1 -0
  321. package/dist/types/components/label/label.d.ts +10 -35
  322. package/dist/types/components/map-message/map-message.d.ts +1 -1
  323. package/dist/types/components/ozon-content/nodes/ext-ref.node.d.ts +1 -1
  324. package/dist/types/components/ozon-content/ozon-content.interfaces.d.ts +9 -1
  325. package/dist/types/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.d.ts +23 -0
  326. package/dist/types/components/plekinfo-card/plekinfo-card.d.ts +3 -4
  327. package/dist/types/components/truncate/truncate.d.ts +26 -0
  328. package/dist/types/components.d.ts +49 -13
  329. package/package.json +3 -3
  330. package/dist/bundle/p-BZr7fJps.js +0 -178
  331. package/dist/bundle/p-BdK56OMA.js +0 -152
  332. package/dist/dso-toolkit/p-179c804c.entry.js +0 -1
  333. package/dist/dso-toolkit/p-2153bba4.entry.js +0 -1
  334. package/dist/dso-toolkit/p-36a98cb8.entry.js +0 -1
  335. package/dist/dso-toolkit/p-432f9847.entry.js +0 -1
  336. package/dist/dso-toolkit/p-4632a0df.entry.js +0 -1
  337. package/dist/dso-toolkit/p-5612fca8.entry.js +0 -1
  338. package/dist/dso-toolkit/p-6a53b29f.entry.js +0 -1
  339. package/dist/dso-toolkit/p-7119884a.entry.js +0 -1
  340. package/dist/dso-toolkit/p-cafa54b4.entry.js +0 -1
  341. package/dist/dso-toolkit/p-de86de0a.entry.js +0 -1
  342. package/dist/dso-toolkit/p-e5cd6084.entry.js +0 -1
package/dist/cjs/dso-header.cjs.entry.js CHANGED
@@ -12,6 +12,7 @@ var v4 = require('./v4-_2BfiRUa.js');
12
12
  const translations = {
13
13
  en: {
14
14
  "dso-header": {
15
+ menuOpen: "Close",
15
16
  menu: "Menu",
16
17
  login: "Log in",
17
18
  logout: "Log out",
@@ -21,6 +22,7 @@ const translations = {
21
22
  },
22
23
  nl: {
23
24
  "dso-header": {
25
+ menuOpen: "Sluiten",
24
26
  menu: "Menu",
25
27
  login: "Inloggen",
26
28
  logout: "Uitloggen",
@@ -35,7 +37,7 @@ const MenuItem = ({ item, onClick, key, ref }) => {
35
37
  return (index.h("li", { class: clsx.clsx({ "dso-active": item.active }), key: key, ref: ref }, index.h("a", { href: item.url, "aria-current": item.active ? "page" : undefined, onClick: onClick }, item.label)));
36
38
  };
37
39
 
38
- const headerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:100%}:host(:not([is-compact])) .dropdown-menu .dropdown-menu-options{inline-size:375px}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;align-items:center;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}@media screen and (min-width: 481px){.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help,.dso-header-session:has(*)+.dropdown{border-inline-start:3px solid #ccc;block-size:20px;margin-inline-start:8px;padding-inline-start:8px}}@media screen and (min-width: 481px){.dso-header-session .help a{gap:4px}}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;border:0;color:#39870c;display:flex;font-family:Asap, sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:inherit;position:relative;padding-inline-start:0}.dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%)}.dropdown-menu button:hover,.dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}.dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}.dropdown-menu .dropdown-menu-options{box-sizing:border-box;background-clip:padding-box;background-color:#fff;border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-inline:0;z-index:220;--_dso-scrollable-block-size:auto}.dropdown-menu .dropdown-menu-options ul{margin:0;padding:0;list-style:none}.dropdown-menu .dropdown-menu-options ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}.dropdown-menu .dropdown-menu-options ul li{list-style:none}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li a:active,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:active{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{clear:both;color:#275937;display:block;font-size:1.25rem;font-weight:400;line-height:1.5;padding:16px;text-decoration:none;white-space:nowrap}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:focus-visible{background-color:#39870c;color:#fff}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:hover:visited,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:hover:visited{color:#275937}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li button:hover{background-color:#fff;text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a:visited,.dropdown-menu .dropdown-menu-options ul li button:visited{color:#fff}.dropdown-menu .dropdown-menu-options ul li a:visited:not(:hover):not(:focus):not(:focus-visible),.dropdown-menu .dropdown-menu-options ul li button:visited:not(:hover):not(:focus):not(:focus-visible){color:#275937}.dropdown-menu .dropdown-menu-options ul li.dso-active a{font-weight:600}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary{align-items:center;display:flex;gap:10px}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary dso-icon,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary dso-icon{margin-inline-start:0;order:-1}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary span,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary span{order:0}.dropdown-menu .dropdown-menu-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown .dropdown-menu{position:static}.dropdown .dropdown-menu .dropdown-menu-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main .dropdown-menu .dropdown-menu-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main .dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main .dropdown-menu button:hover,.dso-nav.dso-nav-main .dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main .dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}`;
40
+ const headerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:100%}@media screen and (min-width: 481px){:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:265px}}:host(:not([is-compact])) .dropdown-menu .dropdown-menu-options{inline-size:375px}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}@media screen and (max-width: 480px){div[popover]{inset-inline:0 !important;inline-size:100%}div[popover] .dropdown-menu-options{inline-size:100%;max-inline-size:none !important}div[popover]::before{content:"";position:absolute;inset-block-start:-1px;inset-inline:0;border-block-end:1px solid #ccc}div[popover]::after{content:"";position:absolute;inset-block-start:100%;inset-inline:0;block-size:100vh;background-color:rgba(255, 255, 255, 0.8)}}.dso-header{border-block-end:1px solid #e5e5e5;display:flex;flex-wrap:wrap;align-items:center;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}@media screen and (min-width: 481px){.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help,.dso-header-session:has(*)+.dropdown{border-inline-start:3px solid #ccc;block-size:20px;margin-inline-start:8px;padding-inline-start:8px}}@media screen and (min-width: 481px){.dso-header-session .help a{gap:4px}}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;border:0;color:#39870c;display:flex;font-family:Asap, sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:inherit;position:relative;padding-inline-start:0}.dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%)}.dropdown-menu button:hover,.dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}.dropdown-menu .dropdown-menu-options{box-sizing:border-box;background-clip:padding-box;background-color:#fff;border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-inline:0;z-index:220;--_dso-scrollable-block-size:auto}.dropdown-menu .dropdown-menu-options ul{margin:0;padding:0;list-style:none}.dropdown-menu .dropdown-menu-options ul:not(:last-child){border-block-end:1px solid #ccc;margin-block-end:11px;padding-block-end:11px}.dropdown-menu .dropdown-menu-options ul li{list-style:none}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li a:active,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:active{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{clear:both;color:#275937;display:block;font-size:1.25rem;font-weight:400;line-height:1.5;padding:16px;text-decoration:none;white-space:nowrap}.dropdown-menu .dropdown-menu-options ul li a:focus,.dropdown-menu .dropdown-menu-options ul li button:focus{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li.dso-active a,.dropdown-menu .dropdown-menu-options ul li.dso-active button{background-color:#275937;color:#fff}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary{align-items:center;display:flex;gap:10px}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary dso-icon,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary dso-icon{margin-inline-start:0;order:-1}.dropdown-menu .dropdown-menu-options ul li a.dso-tertiary span,.dropdown-menu .dropdown-menu-options ul li button.dso-tertiary span{order:0}.dropdown-menu .dropdown-menu-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown .dropdown-menu{position:static}.dropdown .dropdown-menu .dropdown-menu-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main .dropdown-menu .dropdown-menu-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main .dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main .dropdown-menu button:hover,.dso-nav.dso-nav-main .dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main .dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}`;
39
41
 
40
42
  const minDesktopViewportWidth = 992;
41
43
  const minMobileViewportWidth = 480;
@@ -335,7 +337,10 @@ const Header = class {
335
337
  return (index.h("div", { class: "dso-header-session" }, !this.isCompact && (index.h(index.Fragment, null, this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (index.h("div", { class: "profile" }, index.h("a", { href: this.userProfileUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName))), this.authStatus === "loggedOut" && index.h("div", { class: "login" }, this.renderLogin()), this.authStatus === "loggedIn" && index.h("div", { class: "logout" }, this.renderLogout()))), this.showHelp && !this.isMobileViewport && index.h("div", { class: "help" }, this.renderHelp())));
336
338
  }
337
339
  renderCompact() {
338
- return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (index.h("div", { class: "dropdown" }, index.h("div", { class: "dropdown-menu", onFocusout: this.focusOutListener, ref: (element) => (this.dropdownElement = element) }, index.h("button", { id: v4.v4(), type: "button", onClick: () => this.toggleOptions(), ref: (element) => (this.dropdownButtonElement = element), "aria-haspopup": "menu", "aria-expanded": this.open ? "true" : "false" }, index.h("span", null, this.text("menu")), index.h("dso-icon", { icon: "chevron-down" })), index.h("div", { popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("dso-scrollable", { class: "dropdown-menu-options", role: "menu", "aria-labelledby": this.dropdownButtonElement?.id, onKeyDown: this.keyDownHandler }, index.h("ul", { role: "group" }, this.mainMenu.map((menuItem) => (index.h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (index.h("li", { role: "menuitem" }, index.h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (index.h("li", { role: "menuitem" }, index.h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, index.h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedIn" && index.h("li", { role: "menuitem" }, this.renderLogout()), this.authStatus === "loggedOut" && index.h("li", { role: "menuitem" }, this.renderLogin()), this.showHelp && this.isMobileViewport && index.h("li", { role: "menuitem" }, this.renderHelp()))))))));
340
+ return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (index.h("div", { class: "dropdown" }, index.h("div", { class: "dropdown-menu", onFocusout: this.focusOutListener, ref: (element) => (this.dropdownElement = element) }, index.h("button", { id: v4.v4(), type: "button", onClick: () => this.toggleOptions(), ref: (element) => (this.dropdownButtonElement = element), "aria-haspopup": "menu", "aria-expanded": this.open ? "true" : "false" }, this.renderMenuToggleContent(this.isMobileViewport, this.open)), index.h("div", { popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("dso-scrollable", { class: "dropdown-menu-options", role: "menu", "aria-labelledby": this.dropdownButtonElement?.id, onKeyDown: this.keyDownHandler }, index.h("ul", { role: "group" }, this.mainMenu.map((menuItem) => (index.h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (index.h("li", { role: "menuitem" }, index.h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (index.h("li", { role: "menuitem" }, index.h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, index.h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedIn" && index.h("li", { role: "menuitem" }, this.renderLogout()), this.authStatus === "loggedOut" && index.h("li", { role: "menuitem" }, this.renderLogin()), this.showHelp && this.isMobileViewport && index.h("li", { role: "menuitem" }, this.renderHelp()))))))));
341
+ }
342
+ renderMenuToggleContent(isMobileViewport, open) {
343
+ return (index.h(index.Fragment, null, index.h("span", null, open && isMobileViewport ? this.text("menuOpen") : this.text("menu")), isMobileViewport ? (index.h("dso-icon", { icon: open ? "cross" : "bars" })) : (index.h("dso-icon", { icon: open ? "chevron-up" : "chevron-down" }))));
339
344
  }
340
345
  renderNormal() {
341
346
  this.menuItemElementRefs = [];
package/dist/cjs/dso-info_3.cjs.entry.js CHANGED
@@ -131,7 +131,7 @@ function createIdentifier(prefix) {
131
131
  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;
132
132
  }
133
133
 
134
- const selectableCss = () => `.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}`;
134
+ const selectableCss = () => `.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not(:disabled),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not(:disabled){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}`;
135
135
 
136
136
  const Selectable = class {
137
137
  constructor(hostRef) {
@@ -181,7 +181,7 @@ const Selectable = class {
181
181
  const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
182
182
  .filter((value) => value !== undefined)
183
183
  .join(" ") || undefined;
184
- return (index.h(index.Fragment, { key: '4fcfaccfc2f046747059a236b95e94fd0ff63eda' }, index.h("div", { key: 'b157a7b0666bff6a70c6f73c8f01e0f404be59a6', class: "dso-selectable-container" }, index.h("div", { key: '0ae8a012600400a2ad5613a40b5edc7ed2e3697b', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '3766067fdbd363f009d8e468efa744cff7806125', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "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: '372012b7f352dbbec302bd8b8eb8ba06f61afb3b', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '9df3328a5f9e511ce3c3e47198f8962ad9fd8e5f', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '669eeac1998e756335e46e571f09ed128b510b88' }, index.h("slot", { key: '7988c3530d3b595a0bd8e276c5880bf23c32f480', name: "info" })))), index.h("slot", { key: '03944fb01644124409295f56dc44e7753d9d34e8', name: "options" })));
184
+ return (index.h(index.Fragment, { key: '68845031d900fd4e836859c6628a6049a3f27ade' }, index.h("div", { key: 'f177f07dce575305a6fb165ca81c02ae09d7afa7', class: "dso-selectable-container" }, index.h("div", { key: '0769aa30e6aaa1f6961d83ebaa7a0c083d42a009', class: "dso-selectable-input-wrapper" }, index.h("input", { key: 'c93ec1b0ada9abf961064c3bdfbe529fcf3933c2', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "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: '56e99d443552b32995befbea8dc16b656f38ac92', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '59872ab73d6977023d5fd3fdecb3c30161877a6c', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '19f24fdacb00641989b95442a9c1b2c66a0bbdfd' }, index.h("slot", { key: '45b881d9baef21e4cefa662ec0e8d8620779bfe7', name: "info" })))), index.h("slot", { key: 'bdc7f35cd2d93d9d5710b250bfaa565b26d51e7f', name: "options" })));
185
185
  }
186
186
  componentDidRender() {
187
187
  if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
package/dist/cjs/dso-label_3.cjs.entry.js CHANGED
@@ -1,46 +1,20 @@
1
1
  'use strict';
2
2
 
3
- var index$1 = require('./index-BBx5yytN.js');
3
+ var index = require('./index-BBx5yytN.js');
4
4
  var clsx = require('./clsx-BtxeOLZW.js');
5
- var index = require('./index-DMUCyuUA.js');
6
- var tooltip_controller = require('./tooltip.controller-Cvac0qe3.js');
7
- var tooltip_functionalComponent = require('./tooltip.functional-component-DOBjuEpE.js');
8
5
  var v4 = require('./v4-_2BfiRUa.js');
9
- require('./position-tooltip.function-DCOaqlbY.js');
10
- require('./floating-ui.dom-BKTTOpb1.js');
11
6
 
12
- const labelCss = () => `.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}:host([truncate]) .dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}`;
7
+ const labelCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([truncate][removable]) .dso-label-content{max-inline-size:calc(100% - 28px)}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;min-inline-size:0;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label-content{min-inline-size:0}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}`;
13
8
 
14
- const resizeObserver = new ResizeObserver(index.debounce((entries) => {
15
- entries.forEach(({ target }) => {
16
- if (isDsoLabelComponent(target)) {
17
- target._truncateLabel();
18
- }
19
- });
20
- }, 150));
21
- function isDsoLabelComponent(element) {
22
- return element.tagName === "DSO-LABEL";
23
- }
24
- function hasEllipses(el) {
25
- return el.scrollWidth > el.clientWidth;
26
- }
27
9
  const Label = class {
28
10
  constructor(hostRef) {
29
- index$1.registerInstance(this, hostRef);
30
- this.dsoRemoveClick = index$1.createEvent(this, "dsoRemoveClick", 7);
31
- this.tooltipController = new tooltip_controller.TooltipController({
32
- getReferenceElement: () => this.labelContent,
33
- getTipElement: () => this.tooltipElRef,
34
- getTipArrowElement: () => this.tooltipArrowElRef,
35
- getPlacement: () => "top",
36
- });
37
- this.isTruncated = false;
11
+ index.registerInstance(this, hostRef);
12
+ this.dsoRemoveClick = index.createEvent(this, "dsoRemoveClick", 7);
13
+ this.removeHover = false;
14
+ this.removeFocus = false;
38
15
  this.labelText = "";
39
- this.handleShowTooltip = () => {
40
- this.tooltipController.show();
41
- };
42
- this.handleHideTooltip = () => {
43
- this.tooltipController.hide();
16
+ this.syncLabelText = () => {
17
+ this.labelText = this.host.textContent?.trim() ?? "";
44
18
  };
45
19
  }
46
20
  watchRemovable(removable) {
@@ -51,84 +25,41 @@ const Label = class {
51
25
  this.stopMutationObserver();
52
26
  }
53
27
  }
54
- watchTruncate(truncate) {
55
- if (truncate) {
56
- this.startTruncate();
57
- }
58
- else {
59
- this.stopTruncate();
60
- }
61
- }
62
- keyDownListener(event) {
63
- if (event.key === "Escape") {
64
- this.handleHideTooltip();
65
- }
66
- }
67
- /**
68
- * @internal
69
- */
70
- async _truncateLabel() {
71
- setTimeout(() => {
72
- this.isTruncated = !!this.labelContent && hasEllipses(this.labelContent);
73
- });
74
- }
75
- syncLabelText() {
76
- this.labelText = this.host.textContent?.trim() ?? "";
77
- }
78
- componentDidLoad() {
79
- if (this.truncate) {
80
- this.startTruncate();
81
- }
28
+ componentWillLoad() {
82
29
  if (this.removable) {
83
30
  this.startMutationObserver();
84
31
  }
85
32
  }
86
33
  disconnectedCallback() {
87
- this.stopTruncate();
88
- this.stopMutationObserver(true);
89
- this.tooltipController.dispose();
34
+ this.stopMutationObserver();
90
35
  }
91
- /** The mutationObserver fetches the text placed inside the label, this is then used for the remove button and tooltip. */
36
+ /** The MutationObserver tracks the label text used for the remove button. */
92
37
  startMutationObserver() {
93
- this.mutationObserver = new MutationObserver(() => this.syncLabelText());
94
- this.mutationObserver.observe(this.host, {
95
- characterData: true,
96
- childList: true,
97
- subtree: true,
98
- attributes: true,
99
- });
100
- this.syncLabelText();
101
- }
102
- stopMutationObserver(force = false) {
103
- if (force || !(this.truncate && this.removable)) {
104
- this.mutationObserver?.disconnect();
105
- delete this.mutationObserver;
38
+ if (!this.mutationObserver) {
39
+ this.mutationObserver = new MutationObserver(this.syncLabelText);
40
+ this.mutationObserver.observe(this.host, {
41
+ characterData: true,
42
+ childList: true,
43
+ subtree: true,
44
+ });
45
+ this.syncLabelText();
106
46
  }
107
47
  }
108
- startTruncate() {
109
- resizeObserver.observe(this.host);
110
- this.startMutationObserver();
111
- this._truncateLabel();
112
- }
113
- stopTruncate() {
114
- resizeObserver.unobserve(this.host);
115
- this.stopMutationObserver();
116
- this.isTruncated = false;
48
+ stopMutationObserver() {
49
+ this.mutationObserver?.disconnect();
50
+ this.mutationObserver = undefined;
117
51
  }
118
52
  render() {
119
- return (index$1.h(index$1.Fragment, { key: '2f9aae45d0e9200d23a19859f28e9f7f15168c8b' }, index$1.h("span", { key: 'aad9e727272e7eea28ea910cbb6ff3378f71c2e4', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx.clsx("dso-label", {
53
+ return (index.h("span", { key: '34fad69fd003cd90616fab28ae6259a267c8e608', class: clsx.clsx("dso-label", {
120
54
  [`dso-label-${this.status}`]: this.status,
121
55
  "dso-compact": this.compact && !this.removable,
122
56
  "dso-hover": this.removeHover || this.removeFocus,
123
- }) }, index$1.h("slot", { key: '45d06013df712c4ef56f16f35ad7adaf912257b5', name: "symbol" }), index$1.h("span", { key: '31fd2520c6560c36a7cd314a39054272dab7d26f', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip }, index$1.h("slot", { key: '382b5b0e82e9cf23d88d537a822c2fe588d0a0e0' })), this.removable && (index$1.h("dso-icon-button", { key: '5810082fed31639c83ee1a077ea3e741acc4f027', 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(tooltip_functionalComponent.Tooltip, { key: '102b8127bae8441c01f4d402d7ca2531633dae00', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, index$1.h("span", { key: '9bc36d77f9436d26955d566c6f37274393cf7430', id: "toggle-anchor" }, this.labelText)))));
57
+ }) }, index.h("slot", { key: '16dfaf9662d333a2879858e2b34fddfda1ef4fcc', name: "symbol" }), index.h("span", { key: 'e6f20adb6fa51289713a1fc0a6c5b8a60ea5c28b', class: "dso-label-content" }, this.truncate ? (index.h("dso-truncate", null, index.h("slot", null))) : (index.h("slot", null))), this.removable && (index.h("dso-icon-button", { key: '325a6990c88916a69d44d6cd7c2258a2daf79641', 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) }))));
124
58
  }
125
- get host() { return index$1.getElement(this); }
59
+ get host() { return index.getElement(this); }
126
60
  static get watchers() { return {
127
61
  "removable": [{
128
62
  "watchRemovable": 0
129
- }],
130
- "truncate": [{
131
- "watchTruncate": 0
132
63
  }]
133
64
  }; }
134
65
  };
@@ -136,40 +67,40 @@ Label.style = labelCss();
136
67
 
137
68
  const RenvooiRenderText = ({ text, mark, onMarkItemHighlight }) => {
138
69
  if (!mark) {
139
- return index$1.h(index$1.Fragment, null, text);
70
+ return index.h(index.Fragment, null, text);
140
71
  }
141
72
  const result = mark(text);
142
73
  if (!result) {
143
- return index$1.h(index$1.Fragment, null, text);
74
+ return index.h(index.Fragment, null, text);
144
75
  }
145
- return (index$1.h(index$1.Fragment, null, result.map((renvooiText) => {
76
+ return (index.h(index.Fragment, null, result.map((renvooiText) => {
146
77
  if (typeof renvooiText === "string") {
147
- return index$1.h(index$1.Fragment, null, renvooiText);
78
+ return index.h(index.Fragment, null, renvooiText);
148
79
  }
149
- return (index$1.h("mark", { class: renvooiText.highlight ? "dso-highlight" : undefined, ref: (ref) => renvooiText.highlight && ref && onMarkItemHighlight(renvooiText.text, ref) }, renvooiText.text));
80
+ return (index.h("mark", { class: renvooiText.highlight ? "dso-highlight" : undefined, ref: (ref) => renvooiText.highlight && ref && onMarkItemHighlight(renvooiText.text, ref) }, renvooiText.text));
150
81
  })));
151
82
  };
152
83
 
153
84
  const RenvooiRender = ({ value, mark, onMarkItemHighlight }) => {
154
85
  if (typeof value === "string" || !value) {
155
86
  // This element is used for --_dso-renvooi-text-decoration
156
- return (index$1.h("span", { class: "text" }, index$1.h(RenvooiRenderText, { text: value, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
87
+ return (index.h("span", { class: "text" }, index.h(RenvooiRenderText, { text: value, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
157
88
  }
158
89
  if ("toegevoegd" in value) {
159
- return (index$1.h("ins", null, index$1.h(RenvooiRenderText, { text: value.toegevoegd, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
90
+ return (index.h("ins", null, index.h(RenvooiRenderText, { text: value.toegevoegd, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
160
91
  }
161
92
  if ("verwijderd" in value) {
162
- return (index$1.h("del", null, index$1.h(RenvooiRenderText, { text: value.verwijderd, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
93
+ return (index.h("del", null, index.h(RenvooiRenderText, { text: value.verwijderd, mark: mark, onMarkItemHighlight: onMarkItemHighlight })));
163
94
  }
164
- 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 }))));
95
+ return (index.h(index.Fragment, null, index.h("del", null, index.h(RenvooiRenderText, { text: value.was, mark: mark, onMarkItemHighlight: onMarkItemHighlight })), index.h("ins", null, index.h(RenvooiRenderText, { text: value.wordt, mark: mark, onMarkItemHighlight: onMarkItemHighlight }))));
165
96
  };
166
97
 
167
98
  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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}mark{background-color:var(--_dso-mark-bg-color, #f8f5ce);color:var(--_dso-mark-color, #000);padding-block:var(--_dso-mark-padding-block, 0.2rem);font-weight:var(--_dso-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)}`;
168
99
 
169
100
  const Renvooi = class {
170
101
  constructor(hostRef) {
171
- index$1.registerInstance(this, hostRef);
172
- this.dsoRenvooiMarkItemHighlight = index$1.createEvent(this, "dsoRenvooiMarkItemHighlight", 3);
102
+ index.registerInstance(this, hostRef);
103
+ this.dsoRenvooiMarkItemHighlight = index.createEvent(this, "dsoRenvooiMarkItemHighlight", 3);
173
104
  this.handleMarkItemHighlight = (text, elementRef) => {
174
105
  this.dsoRenvooiMarkItemHighlight.emit({ text, elementRef });
175
106
  };
@@ -181,7 +112,7 @@ const Renvooi = class {
181
112
  return Array.isArray(this.value) ? this.value : [this.value];
182
113
  }
183
114
  render() {
184
- return (index$1.h(index$1.Fragment, null, this.values.map((v) => (index$1.h(RenvooiRender, { value: v, mark: this.mark && ((text) => this.mark?.(text, v, this.values)), onMarkItemHighlight: this.handleMarkItemHighlight })))));
115
+ return (index.h(index.Fragment, null, this.values.map((v) => (index.h(RenvooiRender, { value: v, mark: this.mark && ((text) => this.mark?.(text, v, this.values)), onMarkItemHighlight: this.handleMarkItemHighlight })))));
185
116
  }
186
117
  };
187
118
  Renvooi.style = renvooiCss();
@@ -190,8 +121,8 @@ const slideToggleCss = () => `.sc-dso-slide-toggle-h{display:inline-block;paddin
190
121
 
191
122
  const SlideToggle = class {
192
123
  constructor(hostRef) {
193
- index$1.registerInstance(this, hostRef);
194
- this.dsoActiveChange = index$1.createEvent(this, "dsoActiveChange", 5);
124
+ index.registerInstance(this, hostRef);
125
+ this.dsoActiveChange = index.createEvent(this, "dsoActiveChange", 5);
195
126
  /**
196
127
  * Set to true if Slide Toggle is checked.
197
128
  */
@@ -215,9 +146,9 @@ const SlideToggle = class {
215
146
  this.hasVisibleLabel = this.host.querySelector("*") !== null;
216
147
  }
217
148
  render() {
218
- return (index$1.h(index$1.Fragment, { key: 'f223b48bd6d589546dc52d62c75e31ab99e0ef87' }, index$1.h("button", { key: 'b4590c86a7f8f70c8c55c860133a5a427ae02a65', 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: 'b2076589f34804cb099217efa9eaf124f39df6e5', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index$1.h("g", { key: 'd5916e9d40ff2c98715c48447c1e06042322dd8e', fill: "none", "fill-rule": "evenodd" }, index$1.h("rect", { key: '8f50a3a0f1bb71ee5bacd20d7c5ad2209c23a270', width: "40", height: "20", fill: "currentColor", rx: "10" }), index$1.h("circle", { key: '422b4a4d496a8f7f2332849a9f59030d118ac93e', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index$1.h("label", { key: 'f43a29b79dbe3860647f33d42fac4ff6183910f5', htmlFor: this.identifier }, index$1.h("slot", { key: 'e73863c80c3a35b007c9cce7c6a7a9c01edf5ef9' })))));
149
+ return (index.h(index.Fragment, { key: '64a97f9d83968bdebbc47b3bb4a3a2351505ad61' }, index.h("button", { key: '692a3db28c1d319ad3da63d632f0064b7e08af75', 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.h("svg", { key: '4b4f22a4128da3c283c57c182705534df87cecb2', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index.h("g", { key: '948390a81782cfe675544c9e79863cd966bb0a08', fill: "none", "fill-rule": "evenodd" }, index.h("rect", { key: '690fb1aa53236f9d8ab8fd37043d4c8a63a86f01', width: "40", height: "20", fill: "currentColor", rx: "10" }), index.h("circle", { key: '9a34f945b81e9796438d1044d199feafc9404e5e', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index.h("label", { key: 'c2de4147452d4a3266261f902fc2cc1704310d04', htmlFor: this.identifier }, index.h("slot", { key: 'a03022da8ddce1a038652c88b43f6cb6e59e07d1' })))));
219
150
  }
220
- get host() { return index$1.getElement(this); }
151
+ get host() { return index.getElement(this); }
221
152
  };
222
153
  SlideToggle.style = slideToggleCss();
223
154
 
package/dist/cjs/dso-legend-group.cjs.entry.js CHANGED
@@ -57,7 +57,7 @@ const LegendGroup = class {
57
57
  delete this.mutationObserver;
58
58
  }
59
59
  render() {
60
- return (index.h(index.Host, { key: 'c9125b2e136179fa1d19e5e541cd2d2d9011d901' }, index.h("div", { key: '18669cee48503532997b985e5e54963118555e90', class: "legend-group-header" }, index.h("slot", { key: '617156b48af75016f2330a300f7d4a32934f5348', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: 'f2a7054c3b21a139c67a0eede344f4d0882906e7', expanded: this.mode === "edit", 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: '1e7537386e19d69e26227cfa8db90d169dae2abd', name: "options" }), index.h("slot", { key: '1e1b580e859dfcbedfcb02e4f495ad130bf79188' })));
60
+ return (index.h(index.Host, { key: '50e7022a7d8609f707bbc7db0a76e1c875196156' }, index.h("div", { key: 'bab113ad4e4f716dd2fbba44e40f6b55573f882b', class: "legend-group-header" }, index.h("slot", { key: '29ef307aed6239c9720b4649c852251082fec38f', name: "heading" }), this.mode && (index.h("dso-icon-button", { key: 'ad3f0111cca63825e5d7fd55b7d7bac220d8da95', expanded: this.mode === "edit", 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: '0e39fdfe7c793662d53c57c1c790e4e53c168123', name: "options" }), index.h("slot", { key: '7d8490e439f878271259a5c5bfad62ed5dfe62bd' })));
61
61
  }
62
62
  get host() { return index.getElement(this); }
63
63
  static get watchers() { return {
package/dist/cjs/dso-legend-item.cjs.entry.js CHANGED
@@ -89,7 +89,7 @@ const LegendItem = class {
89
89
  const accessibleLabel = label?.textContent
90
90
  ? this.text("makeActive", { label: label.textContent.toLowerCase() })
91
91
  : this.text("makeActiveDefault");
92
- return (index.h(index.Host, { key: '9910f7c632dd64364f05e11e80ad9393ff293891', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'adbc079c35c38cc3d95f8fb22b13df88bf323ff2', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: 'd63506083cd82503562e2d979c8995607493b692' }, index.h("slot", { key: '93df0bf546e4d84aa559df34f5bf8c55320ec85c', name: "symbol" }))), index.h("div", { key: '97383d43dd1463c3c6009922e022ecfd876afb9a' }, index.h("slot", { key: '3b7930871f1b72a069707b67e43d647e94f6558f', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: 'c27822a26fa9fdace3a5b80dbed2d8cb3b9d3b0e', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: '8a52854c3cd28c122fefa8dac0d8b3bbc647a3b2', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '3ef205f555ea2d9f9f798225fb32b4273e8fca1b', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: 'af5340c5818b6c4cead0af10d8bbd93ad56f5738', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '3aae70d66af91143ef385b00aa353414b86da5ab', name: "options" })))));
92
+ return (index.h(index.Host, { key: '303c7ddca3e6779ce9bbefa891d09a98daf92afd', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '772e960d48c62dd8ed5f035191f39d5676a3290b', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: '82cc6c2ca9fa5b75cad03185416109d23f6ca086' }, index.h("slot", { key: '401c7d2f991b5718eb9a0187b272fbcf86e6f067', name: "symbol" }))), index.h("div", { key: '29f0e127a2ad71f82132ca6de363de9edf9368dc' }, index.h("slot", { key: 'dc21e1f62471652d940f4e78c1417e4f1fb99fac', name: "label" })), this.disabled && this.disabledMessage && (index.h("dso-info-button", { key: '1d40419b908d45216c2a83e42b4f675aa4a682cc', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, index.h("div", { key: 'f0ff311f69b6d6a3e0b01f1e66fbfabfd7476b10', slot: "toggletip" }, this.disabledMessage))), index.h("div", { key: '8f8e201b6730f2ac177452b0aed27b1f077375c5', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (index.h("div", { key: '190d57da182375676f885799db52faf1db7b3e23', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '8a69fc826eac7ff7f70ffa0280a5452398bb27dc', name: "options" })))));
93
93
  }
94
94
  get host() { return index.getElement(this); }
95
95
  };
package/dist/cjs/dso-legend.cjs.entry.js CHANGED
@@ -83,7 +83,7 @@ const Legend = class {
83
83
  this.moveFocusToTab(next);
84
84
  }
85
85
  render() {
86
- return (index.h(index.Host, { key: '25a92448519ae10b449b58081d662a64954d3c04' }, index.h("div", { key: 'b560a4aff6a2e8f8328fb596202e0a7c145763ce', class: "topbar" }, index.h("div", { key: '3b23d0cb0e74a2aade4cbb0146e36d8d7fd299d4', 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: '319beb77b8931ae142cd2bf2e4a6fdc0d3eaa787', 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: '8e7d2821f2ffd170effc0a7e46fe202ed4992b8b', class: "content" }, index.h("div", { key: 'd76f6c4a9689bb851bb8625263474ccef9427bf2', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: 'ac0a97d5910e0a4388765aab12af3875dafc5b70' })))));
86
+ return (index.h(index.Host, { key: '6c068495df817506eb9cb36c180014ca2b576e83' }, index.h("div", { key: 'd1894347ffa291f9f2a1ea2184f3290c654a26a5', class: "topbar" }, index.h("div", { key: '37770064ed8439b568a1a842c3f9d30a7b1bb5d4', 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: 'b355c1a19204d9c348e74cd59d628e6fc8aba252', 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: '4a92cff1f0be3ac4f0cdb562061a5b39ea374c88', class: "content" }, index.h("div", { key: 'e8eaea56938f7d41e344fff4818bef8f18fe54b0', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '358aee3d3b750d7b3794e072444e048a5f5d3960' })))));
87
87
  }
88
88
  get host() { return index.getElement(this); }
89
89
  };
package/dist/cjs/dso-list-button.cjs.entry.js CHANGED
@@ -81,7 +81,7 @@ const ListButton = class {
81
81
  }
82
82
  render() {
83
83
  const selected = this.checked || (this.count !== undefined && this.count > 0);
84
- return (index.h("div", { key: '171dba726ae2681a45f7da87267c64660f645fb5', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '39fbf1a635e320bb5cec27cd33263e36eb809774', 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: '13fb9f0427198c07d2b00050e763647895dd1ab9', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: 'a460a8f89ab12d090d94f2b3b73d8c6cac2dd2ac' }, this.label, this.sublabel && index.h("span", { key: 'b8427ca80a914d2e6b3832019afe8060dd6d284d', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '72506275399775cbc5ceae5e8b16dbcd8a69c140', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '7a097ac4604c40d0fda1d2421feef68642075ab6', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: '3ac2a0ecf78fbaffbf25fc00d56269cb00643e7f', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: 'a5049ef168c07738d5f789b19ff8932265a21299', class: "subcontent" }, index.h("slot", { key: '0af769250d4ddf272a68e4788494bf121f5bc064', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '7e59c5a27c6fc4a7726c2b17ff70346867b7ffa9', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'a58578a81c70886bdc69a4fa2adb7be721023671' }, index.h("dso-icon-button", { key: '3a7229664ea99386f70cfb695205e1ca62db0620', 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: '9cfc61641c5f4abd1b00901640a79e7ba8f12a63', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), index.h("span", { key: '73aaacff6df752f3190d917059dc92c5be0eb15b', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), index.h("dso-icon-button", { key: 'f7f644cce4ee9de5e99999bf53c12312db30bd9b', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
84
+ return (index.h("div", { key: 'd3644ab7e77bf40681ddb59eea4a22888901c570', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '120cb93aa13da1af6a302568c656b305853e8a99', 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: '872fff0f578b7dccac9da8277f66043e0b4fb69a', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, index.h("span", { key: 'd51e140b406f8b44fb25232c299d5a70da078da9' }, this.label, this.sublabel && index.h("span", { key: '0d20ddc4f3a14c25087bd930329ac1975a93f755', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '681d918e121d94fa4fda584214d4aa5eabd297ca', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: 'f40f2c952ac87d5b76a8ae320017b14e88ad852c', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && index.h("span", { key: 'f76a4848772f4bf0a5b8f5946f27ec14299a95fd', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '14eeb4c1c407e60fb291c165766d112a113bc254', class: "subcontent" }, index.h("slot", { key: 'eca53ee9df2530e2f7afe2d3c1ea8e3b7c636060', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '9a56f8316ce47ac57857b4ce3decfec62614d06c', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '6700e317b346d22ae2d08cb31edd258882b416d4' }, index.h("dso-icon-button", { key: 'a7a057bfbe51b65a06540e0b66d09ee067fd2a0e', 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: '7ca7446e17b4b072211999f64e517996896535b2', class: "dso-input-step-counter", "aria-hidden": "true" }, this.count))), index.h("span", { key: 'ac8205f92db130439d29ef164aca60aa1535fae7', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.count), index.h("dso-icon-button", { key: 'b926a293e367d9321ec68e8ed4e3ab5716343172', ref: (element) => (this.incrementButton = element), label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
85
85
  }
86
86
  get host() { return index.getElement(this); }
87
87
  };
package/dist/cjs/dso-logo.cjs.entry.js CHANGED
@@ -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: '86ef86eec492c43893400b07fe6cab097fca9d69', 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: '86a4d9220c375b2a1ee36d0869bb0ae05550fa20', class: "logo-ribbon" }, this.ribbon)));
35
35
  }
36
36
  };
37
37
  Logo.style = logoCss();
package/dist/cjs/dso-map-base-layers.cjs.entry.js CHANGED
@@ -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: '484811640eda82f3e6b2a2e354216cbd2ee62e80', class: "form-group dso-radios" }, index.h("legend", { key: '190c62ae5665eb16c9a5383602eff770be0e3d94', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '48359a8884c27c49366a618603b7c875fed7bf01', class: "dso-label-container" }, index.h("span", { key: '9437465960fa44beec6331e79609af3c51ec1051', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: 'a5e04948d139028b8b6d514551be1f220ae4ce77', 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: '32f9731a43d98d5c95e7e4c59eb75ed99c4e13f0', class: "form-group dso-radios" }, index.h("legend", { key: '0a98b66618dbb14e5474102d92158db7d4265174', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '80d1f27dd85349dee52494b02cd9770f5b6bde47', class: "dso-label-container" }, index.h("span", { key: 'a19020b81c243acc717ff921db85dee7c9289e39', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: 'c7c8fa3dc0e71dc1247340a374ced61f2d9979ae', 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
  };