@dso-toolkit/core 101.1.0 → 102.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (422) hide show
  1. package/dist/bundle/dso-accordion-section.js +10 -10
  2. package/dist/bundle/dso-accordion.js +2 -2
  3. package/dist/bundle/dso-action-list-item.js +2 -2
  4. package/dist/bundle/dso-action-list.js +1 -1
  5. package/dist/bundle/dso-advanced-select.js +7 -7
  6. package/dist/bundle/dso-alert.js +1 -1
  7. package/dist/bundle/dso-annotation-activiteit.js +10 -10
  8. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +9 -9
  9. package/dist/bundle/dso-annotation-kaart.js +5 -5
  10. package/dist/bundle/dso-annotation-locatie.js +1 -1
  11. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +10 -10
  12. package/dist/bundle/dso-attachments-counter.js +1 -1
  13. package/dist/bundle/dso-autosuggest.js +5 -5
  14. package/dist/bundle/dso-badge.js +1 -1
  15. package/dist/bundle/dso-banner.js +2 -2
  16. package/dist/bundle/dso-button-group.js +1 -1
  17. package/dist/bundle/dso-card-container.js +1 -1
  18. package/dist/bundle/dso-card.js +2 -2
  19. package/dist/bundle/dso-contact-information.js +1 -1
  20. package/dist/bundle/dso-cursor-tooltip.js +1 -1
  21. package/dist/bundle/dso-date-picker.js +1 -1
  22. package/dist/bundle/dso-document-card.js +2 -2
  23. package/dist/bundle/dso-document-component.js +1 -1
  24. package/dist/bundle/dso-dropdown-menu-group.js +1 -1
  25. package/dist/bundle/dso-dropdown-menu-item.js +3 -3
  26. package/dist/bundle/dso-dropdown-menu.js +4 -4
  27. package/dist/bundle/dso-expandable.js +1 -1
  28. package/dist/bundle/dso-grid-column.js +1 -1
  29. package/dist/bundle/dso-header.js +3 -3
  30. package/dist/bundle/dso-hero-image.js +1 -1
  31. package/dist/bundle/dso-highlight-box.js +1 -1
  32. package/dist/bundle/dso-history-item.js +2 -2
  33. package/dist/bundle/dso-icon-button.js +1 -1
  34. package/dist/bundle/dso-icon.js +1 -1
  35. package/dist/bundle/dso-image-overlay.js +1 -1
  36. package/dist/bundle/dso-info-button.js +1 -1
  37. package/dist/bundle/dso-info.js +1 -1
  38. package/dist/bundle/dso-input-range.js +1 -1
  39. package/dist/bundle/dso-label.js +1 -1
  40. package/dist/bundle/dso-legend-group.js +3 -3
  41. package/dist/bundle/dso-legend-item.js +7 -7
  42. package/dist/bundle/dso-legend.js +4 -4
  43. package/dist/bundle/dso-list-button.js +7 -7
  44. package/dist/bundle/dso-logo.js +1 -1
  45. package/dist/bundle/dso-map-base-layers.js +7 -7
  46. package/dist/bundle/dso-map-controls.js +6 -6
  47. package/dist/bundle/dso-map-layer-object.js +4 -4
  48. package/dist/bundle/dso-map-layer.js +4 -4
  49. package/dist/bundle/dso-map-message.js +2 -2
  50. package/dist/bundle/dso-map-overlays.js +7 -7
  51. package/dist/bundle/dso-mark-bar.js +3 -3
  52. package/dist/bundle/dso-modal.js +1 -1
  53. package/dist/bundle/dso-onboarding-tip.js +4 -4
  54. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  55. package/dist/bundle/dso-ozon-content.js +1 -1
  56. package/dist/bundle/dso-pagination.js +3 -3
  57. package/dist/bundle/dso-panel.js +1 -1
  58. package/dist/bundle/dso-plekinfo-card-item.js +6 -6
  59. package/dist/bundle/dso-plekinfo-card.js +11 -8
  60. package/dist/bundle/dso-progress-indicator.js +1 -1
  61. package/dist/bundle/dso-project-item.js +6 -6
  62. package/dist/bundle/dso-renvooi.js +1 -1
  63. package/dist/bundle/dso-responsive-element.js +1 -1
  64. package/dist/bundle/dso-scrollable.js +1 -1
  65. package/dist/bundle/dso-segmented-button.js +2 -2
  66. package/dist/bundle/dso-selectable.js +1 -1
  67. package/dist/bundle/dso-shopping-cart-item.js +11 -11
  68. package/dist/bundle/dso-shopping-cart.js +5 -30
  69. package/dist/bundle/dso-skiplink.js +3 -3
  70. package/dist/bundle/dso-slide-toggle.js +1 -1
  71. package/dist/bundle/dso-survey-rating.js +6 -6
  72. package/dist/bundle/dso-tab.js +1 -1
  73. package/dist/bundle/dso-table.js +1 -1
  74. package/dist/bundle/dso-tabs.js +2 -2
  75. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  76. package/dist/bundle/dso-tree-view.js +4 -4
  77. package/dist/bundle/dso-truncate.js +1 -1
  78. package/dist/bundle/dso-viewer-grid.js +3 -3
  79. package/dist/bundle/dsot-document-component-demo.js +19 -19
  80. package/dist/bundle/index.js +2 -2
  81. package/dist/bundle/{p-mwUKtKZg.js → p-A0rc0QLO.js} +3 -3
  82. package/dist/bundle/{p-DixhcduG.js → p-B3xfmB17.js} +1 -1
  83. package/dist/bundle/{p-C-8R9yq6.js → p-B7dXUJ1g.js} +3 -3
  84. package/dist/bundle/{p-NElTvMxv.js → p-B87-yu48.js} +3 -3
  85. package/dist/bundle/{p-d1IkgLLm.js → p-BNbVXLQ2.js} +1 -1
  86. package/dist/bundle/{p-D9oE1q7k.js → p-BWxYo2hl.js} +5 -5
  87. package/dist/bundle/{p-C49HfF1N.js → p-BcdVrDxP.js} +1 -1
  88. package/dist/bundle/{p-BHPEhHca.js → p-Bi7N8jhO.js} +2 -2
  89. package/dist/bundle/{p-Dtkoi4Xj.js → p-BmBEC5qq.js} +1 -1
  90. package/dist/bundle/{p-CvUpjPda.js → p-Bn0wLbPn.js} +1 -1
  91. package/dist/bundle/{p-CbLp6uks.js → p-BymZ1e8R.js} +5 -5
  92. package/dist/bundle/{p-D09qaSTl.js → p-C9-RLZ9M.js} +3 -3
  93. package/dist/bundle/{p-Dy8e3KhJ.js → p-CCdI6Ua4.js} +7 -7
  94. package/dist/bundle/{p-BoEv7D0u.js → p-CFHg86YT.js} +5 -5
  95. package/dist/bundle/{p-CwjT2QlY.js → p-CG7PB9Bx.js} +4 -4
  96. package/dist/bundle/{p-B1sfJaTU.js → p-CPtFrV76.js} +4 -4
  97. package/dist/bundle/{p-DHj0KBgK.js → p-CTkrAjto.js} +1 -1
  98. package/dist/bundle/{p-DcRIbRiR.js → p-CW6TwO8L.js} +6 -6
  99. package/dist/bundle/{p-DdHRX4cC.js → p-CiGy9stm.js} +9 -9
  100. package/dist/bundle/{p-CMhiuOhg.js → p-Cp5xHyIB.js} +1 -1
  101. package/dist/bundle/{p-BMhDrgpW.js → p-Cuh4KbuH.js} +3 -3
  102. package/dist/bundle/{p-BIioZO_6.js → p-Cwutj0_m.js} +1 -1
  103. package/dist/bundle/{p-Brr0tC8B.js → p-D71-6j_9.js} +1 -1
  104. package/dist/bundle/{p-DZCYhv_b.js → p-D97933Iz.js} +1 -1
  105. package/dist/bundle/{p-CEzwBNry.js → p-DTuqEGi5.js} +4 -4
  106. package/dist/bundle/{p-D3XzrCzR.js → p-DaNGJp1p.js} +7 -7
  107. package/dist/bundle/{p-BHAfq_R9.js → p-DgmLOl9Y.js} +3 -3
  108. package/dist/bundle/{p-Dyvz4l_L.js → p-DvUBm_do.js} +2 -2
  109. package/dist/bundle/{p-BI_yo2z3.js → p-RlXOwxFy.js} +3 -3
  110. package/dist/bundle/{p-BsaL-EuM.js → p-UUZISb3P.js} +1 -1
  111. package/dist/bundle/{p-DtUeWj74.js → p-Vur2Wu4N.js} +61 -36
  112. package/dist/bundle/{p-CuUQy5lD.js → p-dzmskiHS.js} +10 -10
  113. package/dist/bundle/{p-BF2e1Voi.js → p-e6AL8TrE.js} +15 -15
  114. package/dist/bundle/{p-D_wg33r9.js → p-tPI81auQ.js} +1 -1
  115. package/dist/cjs/{annotation-body-CCYWAvBu.js → annotation-body-BUzjw5Oz.js} +1 -1
  116. package/dist/cjs/{annotation-list-renvooi-values-UnGybDbb.js → annotation-list-renvooi-values-Cy7Tz8N2.js} +1 -1
  117. package/dist/cjs/{annotation-watcher-D9lm8RSy.js → annotation-watcher-Dt2LwKoD.js} +1 -1
  118. package/dist/cjs/dso-accordion-section.cjs.entry.js +2 -2
  119. package/dist/cjs/dso-accordion.cjs.entry.js +2 -2
  120. package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
  121. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  122. package/dist/cjs/dso-advanced-select.cjs.entry.js +1 -1
  123. package/dist/cjs/dso-alert_7.cjs.entry.js +7 -7
  124. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +4 -4
  125. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +3 -3
  126. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +2 -2
  127. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +5 -5
  128. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +4 -4
  129. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +1 -1
  130. package/dist/cjs/dso-autosuggest.cjs.entry.js +2 -2
  131. package/dist/cjs/dso-banner.cjs.entry.js +1 -1
  132. package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
  133. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  134. package/dist/cjs/dso-card.cjs.entry.js +1 -1
  135. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  136. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
  137. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  138. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  139. package/dist/cjs/dso-dropdown-menu-group.cjs.entry.js +1 -1
  140. package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js +2 -2
  141. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
  142. package/dist/cjs/dso-grid-column.cjs.entry.js +1 -1
  143. package/dist/cjs/dso-header.cjs.entry.js +1 -1
  144. package/dist/cjs/dso-hero-image.cjs.entry.js +1 -1
  145. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  146. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  147. package/dist/cjs/dso-icon_2.cjs.entry.js +2 -2
  148. package/dist/cjs/dso-info_3.cjs.entry.js +3 -3
  149. package/dist/cjs/dso-input-range.cjs.entry.js +1 -1
  150. package/dist/cjs/dso-label_3.cjs.entry.js +3 -3
  151. package/dist/cjs/dso-legend-group.cjs.entry.js +1 -1
  152. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  153. package/dist/cjs/dso-legend.cjs.entry.js +1 -1
  154. package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
  155. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  156. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  157. package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
  158. package/dist/cjs/dso-map-layer-object.cjs.entry.js +3 -3
  159. package/dist/cjs/dso-map-layer.cjs.entry.js +3 -3
  160. package/dist/cjs/dso-map-message.cjs.entry.js +1 -1
  161. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  162. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  163. package/dist/cjs/dso-modal.cjs.entry.js +1 -1
  164. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +1 -1
  165. package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
  166. package/dist/cjs/dso-plekinfo-card-item.cjs.entry.js +5 -5
  167. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +10 -7
  168. package/dist/cjs/dso-progress-indicator.cjs.entry.js +2 -2
  169. package/dist/cjs/dso-project-item.cjs.entry.js +2 -2
  170. package/dist/cjs/dso-responsive-element.cjs.entry.js +2 -2
  171. package/dist/cjs/dso-scrollable.cjs.entry.js +3 -3
  172. package/dist/cjs/dso-segmented-button.cjs.entry.js +2 -2
  173. package/dist/cjs/dso-shopping-cart-item.cjs.entry.js +8 -8
  174. package/dist/cjs/dso-shopping-cart.cjs.entry.js +3 -15
  175. package/dist/cjs/dso-skiplink.cjs.entry.js +2 -2
  176. package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
  177. package/dist/cjs/dso-tab.cjs.entry.js +1 -1
  178. package/dist/cjs/dso-tabs.cjs.entry.js +2 -2
  179. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  180. package/dist/cjs/dso-toolkit.cjs.js +3 -3
  181. package/dist/cjs/dso-tree-view.cjs.entry.js +2 -2
  182. package/dist/cjs/dso-truncate.cjs.entry.js +4 -4
  183. package/dist/cjs/dso-viewer-grid.cjs.entry.js +3 -3
  184. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  185. package/dist/cjs/{index-DZPLxT1W.js → index-B2eRuadN.js} +1 -1
  186. package/dist/cjs/{index-BBx5yytN.js → index-nobQUdjz.js} +61 -36
  187. package/dist/cjs/loader.cjs.js +2 -2
  188. package/dist/cjs/{parse-wijzigactie-from-node.function-CYUDdIa0.js → parse-wijzigactie-from-node.function-CkakWRsW.js} +1 -1
  189. package/dist/cjs/{tooltip.functional-component-DOBjuEpE.js → tooltip.functional-component-Emx05bWV.js} +1 -1
  190. package/dist/cjs/{wrap-wijzigactie.functional-component-D1UjZ36u.js → wrap-wijzigactie.functional-component-C6vRVy2O.js} +1 -1
  191. package/dist/collection/collection-manifest.json +1 -1
  192. package/dist/collection/components/accordion/components/accordion-section.css +1 -1
  193. package/dist/collection/components/autosuggest/autosuggest.css +16 -0
  194. package/dist/collection/components/document-component/document-component.css +11 -1
  195. package/dist/collection/components/dropdown-menu/dropdown-menu-item/dropdown-menu-item.css +24 -8
  196. package/dist/collection/components/legend/legend-item/legend-item.css +0 -4
  197. package/dist/collection/components/map-controls/map-controls.css +11 -1
  198. package/dist/collection/components/map-layer/components/map-layer-object.css +0 -4
  199. package/dist/collection/components/map-layer/map-layer.css +0 -4
  200. package/dist/collection/components/ozon-content/ozon-content.css +11 -1
  201. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.css +13 -11
  202. package/dist/collection/components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.js +2 -2
  203. package/dist/collection/components/plekinfo-card/plekinfo-card.css +23 -19
  204. package/dist/collection/components/plekinfo-card/plekinfo-card.js +7 -4
  205. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  206. package/dist/collection/components/project-item/project-item.js +1 -1
  207. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  208. package/dist/collection/components/scrollable/scrollable.js +2 -2
  209. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  210. package/dist/collection/components/selectable/selectable.js +1 -1
  211. package/dist/collection/components/shopping-cart/shopping-cart-item/shopping-cart-item.css +14 -5
  212. package/dist/collection/components/shopping-cart/shopping-cart-item/shopping-cart-item.js +14 -15
  213. package/dist/collection/components/shopping-cart/shopping-cart.css +52 -168
  214. package/dist/collection/components/shopping-cart/shopping-cart.js +5 -57
  215. package/dist/collection/components/skiplink/skiplink.js +1 -1
  216. package/dist/collection/components/slide-toggle/slide-toggle.css +14 -2
  217. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  218. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  219. package/dist/collection/components/table/table.css +11 -1
  220. package/dist/collection/components/table/table.js +1 -1
  221. package/dist/collection/components/tabs/tabs.js +1 -1
  222. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  223. package/dist/collection/components/tree-view/tree-view.js +1 -1
  224. package/dist/collection/components/truncate/truncate.css +2 -1
  225. package/dist/collection/components/truncate/truncate.js +1 -1
  226. package/dist/collection/components/viewer-grid/viewer-grid.js +2 -2
  227. package/dist/components/document-component.js +1 -1
  228. package/dist/components/dso-accordion-section.js +1 -1
  229. package/dist/components/dso-autosuggest.js +1 -1
  230. package/dist/components/dso-dropdown-menu-item.js +1 -1
  231. package/dist/components/dso-legend-item.js +1 -1
  232. package/dist/components/dso-map-controls.js +1 -1
  233. package/dist/components/dso-map-layer-object.js +1 -1
  234. package/dist/components/dso-map-layer.js +1 -1
  235. package/dist/components/dso-plekinfo-card-item.js +1 -1
  236. package/dist/components/dso-plekinfo-card.js +1 -1
  237. package/dist/components/dso-project-item.js +1 -1
  238. package/dist/components/dso-segmented-button.js +1 -1
  239. package/dist/components/dso-shopping-cart-item.js +1 -1
  240. package/dist/components/dso-shopping-cart.js +1 -1
  241. package/dist/components/dso-skiplink.js +1 -1
  242. package/dist/components/dso-survey-rating.js +1 -1
  243. package/dist/components/dso-tabs.js +1 -1
  244. package/dist/components/dso-tijdreis-banner.js +1 -1
  245. package/dist/components/dso-tree-view.js +1 -1
  246. package/dist/components/dso-viewer-grid.js +1 -1
  247. package/dist/components/ozon-content.js +1 -1
  248. package/dist/components/progress-indicator.js +1 -1
  249. package/dist/components/responsive-element.js +1 -1
  250. package/dist/components/scrollable.js +1 -1
  251. package/dist/components/selectable.js +1 -1
  252. package/dist/components/slide-toggle.js +1 -1
  253. package/dist/components/table.js +1 -1
  254. package/dist/components/truncate.js +1 -1
  255. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  256. package/dist/dso-toolkit/{p-6a99c0bb.entry.js → p-00a19755.entry.js} +1 -1
  257. package/dist/dso-toolkit/{p-b8a488af.entry.js → p-00cffdca.entry.js} +1 -1
  258. package/dist/dso-toolkit/{p-3ed9443d.entry.js → p-06c3b3a3.entry.js} +1 -1
  259. package/dist/dso-toolkit/{p-c0735ea5.entry.js → p-08f2eeef.entry.js} +1 -1
  260. package/dist/dso-toolkit/{p-04844de1.entry.js → p-0ac3a3de.entry.js} +1 -1
  261. package/dist/dso-toolkit/{p-8cbb00ac.entry.js → p-0ae3842c.entry.js} +1 -1
  262. package/dist/dso-toolkit/{p-5f2269ec.entry.js → p-10700eaa.entry.js} +1 -1
  263. package/dist/dso-toolkit/p-12ad7986.entry.js +1 -0
  264. package/dist/dso-toolkit/{p-d64bd153.entry.js → p-13452ded.entry.js} +1 -1
  265. package/dist/dso-toolkit/{p-5901d652.entry.js → p-19db23e6.entry.js} +1 -1
  266. package/dist/dso-toolkit/{p-29dc27dc.entry.js → p-203a8fe6.entry.js} +1 -1
  267. package/dist/dso-toolkit/p-24910fe1.entry.js +1 -0
  268. package/dist/dso-toolkit/{p-036e7b74.entry.js → p-29edc9ad.entry.js} +1 -1
  269. package/dist/dso-toolkit/{p-a43a81a4.entry.js → p-2cb4f6f2.entry.js} +1 -1
  270. package/dist/dso-toolkit/{p-3a6a1010.entry.js → p-2dda5d7c.entry.js} +1 -1
  271. package/dist/dso-toolkit/{p-d819abc5.entry.js → p-313ae4fd.entry.js} +1 -1
  272. package/dist/dso-toolkit/{p-6a68177b.entry.js → p-3ba34be2.entry.js} +1 -1
  273. package/dist/dso-toolkit/{p-801a459f.entry.js → p-3daf7f57.entry.js} +1 -1
  274. package/dist/dso-toolkit/{p-6bc7de9b.entry.js → p-3f19a641.entry.js} +1 -1
  275. package/dist/dso-toolkit/{p-b8a0d3b9.entry.js → p-43b260e4.entry.js} +1 -1
  276. package/dist/dso-toolkit/{p-227620ac.entry.js → p-45f3ebde.entry.js} +1 -1
  277. package/dist/dso-toolkit/{p-4aa3ca6c.entry.js → p-463a7d51.entry.js} +1 -1
  278. package/dist/dso-toolkit/{p-1007fdd3.entry.js → p-489094b9.entry.js} +1 -1
  279. package/dist/dso-toolkit/{p-5f6a6095.entry.js → p-4a15a625.entry.js} +1 -1
  280. package/dist/dso-toolkit/{p-b1fc14cc.entry.js → p-4a39ddbe.entry.js} +1 -1
  281. package/dist/dso-toolkit/p-4db4d3f5.entry.js +1 -0
  282. package/dist/dso-toolkit/{p-58c0e2ef.entry.js → p-50d45290.entry.js} +1 -1
  283. package/dist/dso-toolkit/{p-ec2fc65e.entry.js → p-543a8b49.entry.js} +1 -1
  284. package/dist/dso-toolkit/{p-b26c5285.entry.js → p-54448391.entry.js} +1 -1
  285. package/dist/dso-toolkit/{p-e3d0debf.entry.js → p-55887adb.entry.js} +1 -1
  286. package/dist/dso-toolkit/{p-0b1d6ae8.entry.js → p-586a9e1e.entry.js} +1 -1
  287. package/dist/dso-toolkit/{p-d0196ffd.entry.js → p-5dd2c05d.entry.js} +1 -1
  288. package/dist/dso-toolkit/{p-25483f0a.entry.js → p-62c543dc.entry.js} +1 -1
  289. package/dist/dso-toolkit/p-67c425c7.entry.js +1 -0
  290. package/dist/dso-toolkit/{p-64331ac9.entry.js → p-720b739f.entry.js} +1 -1
  291. package/dist/dso-toolkit/{p-c15a3689.entry.js → p-721f8ce9.entry.js} +1 -1
  292. package/dist/dso-toolkit/p-79b82b53.entry.js +1 -0
  293. package/dist/dso-toolkit/{p-fb8860e1.entry.js → p-813c41f2.entry.js} +1 -1
  294. package/dist/dso-toolkit/{p-a3003466.entry.js → p-83531650.entry.js} +1 -1
  295. package/dist/dso-toolkit/{p-13c27118.entry.js → p-8b99c8d6.entry.js} +1 -1
  296. package/dist/dso-toolkit/{p-8e4964ac.entry.js → p-8bdbd2ef.entry.js} +1 -1
  297. package/dist/dso-toolkit/{p-08a7e828.entry.js → p-9022e190.entry.js} +1 -1
  298. package/dist/dso-toolkit/{p-0630c10c.entry.js → p-9b048854.entry.js} +1 -1
  299. package/dist/dso-toolkit/{p-DoJpDsvb.js → p-9p_CFvZ-.js} +1 -1
  300. package/dist/dso-toolkit/p-CaUODZP2.js +1 -0
  301. package/dist/dso-toolkit/p-CbzzkvTI.js +1 -0
  302. package/dist/dso-toolkit/{p-Dksz1aH2.js → p-DJ1NroNb.js} +1 -1
  303. package/dist/dso-toolkit/p-DNjuUAVe.js +1 -0
  304. package/dist/dso-toolkit/p-DRum3iIs.js +3 -0
  305. package/dist/dso-toolkit/{p-6835e07d.entry.js → p-a493e05a.entry.js} +1 -1
  306. package/dist/dso-toolkit/{p-3825c4e5.entry.js → p-aa0f87b9.entry.js} +1 -1
  307. package/dist/dso-toolkit/{p-823c047d.entry.js → p-abc5cce2.entry.js} +1 -1
  308. package/dist/dso-toolkit/{p-e4181a16.entry.js → p-acb47b55.entry.js} +1 -1
  309. package/dist/dso-toolkit/{p-e3ba6480.entry.js → p-aef0052a.entry.js} +1 -1
  310. package/dist/dso-toolkit/{p-83ab25e2.entry.js → p-b2a7d818.entry.js} +1 -1
  311. package/dist/dso-toolkit/{p-9b4dc3ef.entry.js → p-b503325f.entry.js} +1 -1
  312. package/dist/dso-toolkit/{p-835cd682.entry.js → p-bfc9427b.entry.js} +1 -1
  313. package/dist/dso-toolkit/{p-b093e2f2.entry.js → p-bfd42b60.entry.js} +1 -1
  314. package/dist/dso-toolkit/{p-1f197259.entry.js → p-c4272a9b.entry.js} +1 -1
  315. package/dist/dso-toolkit/{p-aec8f591.entry.js → p-c783db96.entry.js} +1 -1
  316. package/dist/dso-toolkit/{p-0ee52216.entry.js → p-d3f0c062.entry.js} +1 -1
  317. package/dist/dso-toolkit/{p-e2c97b41.entry.js → p-d60b7d93.entry.js} +1 -1
  318. package/dist/dso-toolkit/{p-9f214aa4.entry.js → p-d652deb2.entry.js} +1 -1
  319. package/dist/dso-toolkit/{p-2a32cbeb.entry.js → p-d7a13c66.entry.js} +1 -1
  320. package/dist/dso-toolkit/{p-bc3eb1dd.entry.js → p-e7138922.entry.js} +1 -1
  321. package/dist/dso-toolkit/{p-8f90718f.entry.js → p-e75627d8.entry.js} +1 -1
  322. package/dist/dso-toolkit/{p-904250ca.entry.js → p-ec120ded.entry.js} +1 -1
  323. package/dist/dso-toolkit/{p-9df806f0.entry.js → p-efa8448f.entry.js} +1 -1
  324. package/dist/dso-toolkit/{p-4ec77050.entry.js → p-effacc32.entry.js} +1 -1
  325. package/dist/dso-toolkit/{p-38616371.entry.js → p-f5a91ba6.entry.js} +1 -1
  326. package/dist/dso-toolkit/{p-54036b31.entry.js → p-f8c06305.entry.js} +1 -1
  327. package/dist/dso-toolkit/{p-7ff8aa45.entry.js → p-fa6555ca.entry.js} +2 -2
  328. package/dist/dso-toolkit/{p-DkZG4rwC.js → p-l4BLdB_D.js} +1 -1
  329. package/dist/dso-toolkit/p-noqEYbaN.js +1 -0
  330. package/dist/esm/{annotation-body-lbq2tmAQ.js → annotation-body-CqTmkX2S.js} +1 -1
  331. package/dist/esm/{annotation-list-renvooi-values-iAOwX0lR.js → annotation-list-renvooi-values-FuYSl5Zy.js} +1 -1
  332. package/dist/esm/{annotation-watcher-COiqhqqD.js → annotation-watcher-BFKtAXqi.js} +1 -1
  333. package/dist/esm/dso-accordion-section.entry.js +2 -2
  334. package/dist/esm/dso-accordion.entry.js +2 -2
  335. package/dist/esm/dso-action-list-item.entry.js +1 -1
  336. package/dist/esm/dso-action-list.entry.js +1 -1
  337. package/dist/esm/dso-advanced-select.entry.js +1 -1
  338. package/dist/esm/dso-alert_7.entry.js +7 -7
  339. package/dist/esm/dso-annotation-activiteit.entry.js +4 -4
  340. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +3 -3
  341. package/dist/esm/dso-annotation-kaart.entry.js +2 -2
  342. package/dist/esm/dso-annotation-locatie_2.entry.js +5 -5
  343. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +4 -4
  344. package/dist/esm/dso-attachments-counter_2.entry.js +1 -1
  345. package/dist/esm/dso-autosuggest.entry.js +2 -2
  346. package/dist/esm/dso-banner.entry.js +1 -1
  347. package/dist/esm/dso-button-group.entry.js +1 -1
  348. package/dist/esm/dso-card-container.entry.js +1 -1
  349. package/dist/esm/dso-card.entry.js +1 -1
  350. package/dist/esm/dso-contact-information.entry.js +1 -1
  351. package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
  352. package/dist/esm/dso-date-picker.entry.js +1 -1
  353. package/dist/esm/dso-document-card.entry.js +1 -1
  354. package/dist/esm/dso-dropdown-menu-group.entry.js +1 -1
  355. package/dist/esm/dso-dropdown-menu-item.entry.js +2 -2
  356. package/dist/esm/dso-dropdown-menu.entry.js +2 -2
  357. package/dist/esm/dso-grid-column.entry.js +1 -1
  358. package/dist/esm/dso-header.entry.js +1 -1
  359. package/dist/esm/dso-hero-image.entry.js +1 -1
  360. package/dist/esm/dso-highlight-box.entry.js +1 -1
  361. package/dist/esm/dso-history-item.entry.js +1 -1
  362. package/dist/esm/dso-icon_2.entry.js +2 -2
  363. package/dist/esm/dso-info_3.entry.js +3 -3
  364. package/dist/esm/dso-input-range.entry.js +1 -1
  365. package/dist/esm/dso-label_3.entry.js +3 -3
  366. package/dist/esm/dso-legend-group.entry.js +1 -1
  367. package/dist/esm/dso-legend-item.entry.js +2 -2
  368. package/dist/esm/dso-legend.entry.js +1 -1
  369. package/dist/esm/dso-list-button.entry.js +1 -1
  370. package/dist/esm/dso-logo.entry.js +1 -1
  371. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  372. package/dist/esm/dso-map-controls.entry.js +2 -2
  373. package/dist/esm/dso-map-layer-object.entry.js +3 -3
  374. package/dist/esm/dso-map-layer.entry.js +3 -3
  375. package/dist/esm/dso-map-message.entry.js +1 -1
  376. package/dist/esm/dso-map-overlays.entry.js +1 -1
  377. package/dist/esm/dso-mark-bar.entry.js +1 -1
  378. package/dist/esm/dso-modal.entry.js +1 -1
  379. package/dist/esm/dso-onboarding-tip.entry.js +1 -1
  380. package/dist/esm/dso-pagination.entry.js +1 -1
  381. package/dist/esm/dso-plekinfo-card-item.entry.js +5 -5
  382. package/dist/esm/dso-plekinfo-card.entry.js +10 -7
  383. package/dist/esm/dso-progress-indicator.entry.js +2 -2
  384. package/dist/esm/dso-project-item.entry.js +2 -2
  385. package/dist/esm/dso-responsive-element.entry.js +2 -2
  386. package/dist/esm/dso-scrollable.entry.js +3 -3
  387. package/dist/esm/dso-segmented-button.entry.js +2 -2
  388. package/dist/esm/dso-shopping-cart-item.entry.js +8 -8
  389. package/dist/esm/dso-shopping-cart.entry.js +3 -15
  390. package/dist/esm/dso-skiplink.entry.js +2 -2
  391. package/dist/esm/dso-survey-rating.entry.js +3 -3
  392. package/dist/esm/dso-tab.entry.js +1 -1
  393. package/dist/esm/dso-tabs.entry.js +2 -2
  394. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  395. package/dist/esm/dso-toolkit.js +4 -4
  396. package/dist/esm/dso-tree-view.entry.js +2 -2
  397. package/dist/esm/dso-truncate.entry.js +4 -4
  398. package/dist/esm/dso-viewer-grid.entry.js +3 -3
  399. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  400. package/dist/esm/{index-2sI1K6K0.js → index-DRum3iIs.js} +61 -36
  401. package/dist/esm/{index-LpJ181Xi.js → index-DwoAzq3s.js} +1 -1
  402. package/dist/esm/loader.js +3 -3
  403. package/dist/esm/{parse-wijzigactie-from-node.function-CrOTV1B6.js → parse-wijzigactie-from-node.function-CWi28sOz.js} +1 -1
  404. package/dist/esm/{tooltip.functional-component-3fxPwYtA.js → tooltip.functional-component-CG73I6Pr.js} +1 -1
  405. package/dist/esm/{wrap-wijzigactie.functional-component-C-ha4z-Y.js → wrap-wijzigactie.functional-component-D-6MhU03.js} +1 -1
  406. package/dist/types/components/plekinfo-card/plekinfo-card.d.ts +1 -0
  407. package/dist/types/components/shopping-cart/shopping-cart-item/shopping-cart-item.d.ts +5 -3
  408. package/dist/types/components/shopping-cart/shopping-cart.d.ts +6 -13
  409. package/dist/types/components/shopping-cart/shopping-cart.interfaces.d.ts +0 -3
  410. package/dist/types/components.d.ts +7 -39
  411. package/dist/types/stencil-public-runtime.d.ts +61 -55
  412. package/package.json +4 -4
  413. package/dist/dso-toolkit/p-1c1b27c0.entry.js +0 -1
  414. package/dist/dso-toolkit/p-26c32a38.entry.js +0 -1
  415. package/dist/dso-toolkit/p-2sI1K6K0.js +0 -3
  416. package/dist/dso-toolkit/p-6bcf7a01.entry.js +0 -1
  417. package/dist/dso-toolkit/p-B_Ud6lxQ.js +0 -1
  418. package/dist/dso-toolkit/p-C0I7oJkh.js +0 -1
  419. package/dist/dso-toolkit/p-CUqv0PSk.js +0 -1
  420. package/dist/dso-toolkit/p-DxsAk2iQ.js +0 -1
  421. package/dist/dso-toolkit/p-bb0d9c4a.entry.js +0 -1
  422. package/dist/dso-toolkit/p-e442fe62.entry.js +0 -1
package/dist/bundle/{p-D3XzrCzR.js → p-DaNGJp1p.js} RENAMED
@@ -1,12 +1,12 @@
1
- import { p as proxyCustomElement, H, h, F as Fragment, c as Host, t as transformTag } from './p-DtUeWj74.js';
1
+ import { p as proxyCustomElement, H, h, F as Fragment, c as Host, t as transformTag } from './p-Vur2Wu4N.js';
2
2
  import { d as debounce } from './p-baWVwd8J.js';
3
- import { d as defineCustomElement$4 } from './p-DixhcduG.js';
4
- import { d as defineCustomElement$3 } from './p-B1sfJaTU.js';
5
- import { d as defineCustomElement$2 } from './p-CwjT2QlY.js';
6
- import { d as defineCustomElement$1 } from './p-NElTvMxv.js';
3
+ import { d as defineCustomElement$4 } from './p-B3xfmB17.js';
4
+ import { d as defineCustomElement$3 } from './p-CPtFrV76.js';
5
+ import { d as defineCustomElement$2 } from './p-CG7PB9Bx.js';
6
+ import { d as defineCustomElement$1 } from './p-B87-yu48.js';
7
7
  import { v as v4 } from './p-CK3_k8jD.js';
8
8
 
9
- const tableCss = () => `button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } a.dso-primary, button.dso-primary, label.dso-primary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible { outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after { content: ""; display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary { background-color: var(--_dso-button-primary-background-color, #39870c); border-color: var(--_dso-button-primary-border-color, #39870c); color: var(--_dso-button-primary-color, #fff); float: var(--_dso-button-float-primary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover { background-color: var(--_dso-button-primary-hover-background-color, #275937); border-color: var(--_dso-button-primary-hover-border-color, #275937); color: var(--_dso-button-primary-hover-color, #fff); float: var(--_dso-button-float-primary, none); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { background-color: var(--_dso-button-primary-active-background-color, #173521); border-color: var(--_dso-button-primary-active-border-color, #173521); color: var(--_dso-button-primary-active-color, #fff); float: var(--_dso-button-float-primary, none); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover { background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d); border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d); color: var(--_dso-button-primary-disabled-color, #fff); float: var(--_dso-button-float-primary, none); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small { line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] { background-color: #39870c; border-color: #39870c; color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after { background-image: var(--_dso-di-download-wit); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after { background-image: var(--_dso-di-external-link-wit); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-secondary, button.dso-secondary, label.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible { outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after { content: ""; display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small { line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after { background-image: var(--_dso-di-download-grasgroen); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after { background-image: var(--_dso-di-download-bosgroen); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after { background-image: var(--_dso-di-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after { background-image: var(--_dso-di-external-link-grasgroen); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after { background-image: var(--_dso-di-external-link-bosgroen); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after { background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: ""; display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: ""; display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); float: var(--_dso-button-float-tertiary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small { line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { padding-block: 9px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { border: 0; line-height: 1; padding-inline: 0; padding-block: var(--_dso-button-padding-block-tertiary, 0); background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right { color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 4px; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span { vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { position: relative; inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after { background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen)); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after { background-image: var(--_dso-di-download-grasgroen-40); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after { background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after { background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen)); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after { background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after { background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-bosgroen)); } a.dso-map, button.dso-map, label.dso-map { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active { outline: 0; } a.dso-map, button.dso-map, label.dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } a.dso-map:active, button.dso-map:active, label.dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small { line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible { color: #fff; text-decoration: none; } a.dso-secondary { text-decoration: none; } a.dso-secondary, a.dso-secondary:visited { color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible { text-decoration: none; } a.dso-tertiary { text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited { color: var(--_dso-button-tertiary-color, #39870c); } .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary { margin-block-start: var(--_dso-button-after-button-margin-block-start, 0); margin-inline-start: var(--_dso-button-after-button-margin-inline-start, 16px); } :host { --_dso-modal-inline-size: 100dvi; --_dso-modal-margin: 0; --_dso-modal-dialog-inline-size: 100%; --_dso-modal-dialog-margin-block-start: 1rem; --_dso-modal-dialog-margin-inline-start: 1rem; --_dso-modal-dialog-margin-inline-end: 1rem; display: block; margin-block-end: 24px; } :host([is-responsive=true]) .dso-table-body { border: 1px solid #ccc; margin-block-end: 0; overflow-y: auto; inline-size: 100%; } .dso-table-utilities:not([hidden]) { align-items: center; display: flex; justify-content: flex-end; margin-block-end: 8px; } .dso-table-utilities:not([hidden]):has(.dso-responsive-message) { justify-content: space-between; } .dso-table-utilities:not([hidden]) .dso-responsive-message { margin-block-end: 0; } .dso-table-utilities:not([hidden]) .dso-responsive-message:only-child { inline-size: 100%; } .dso-responsive-message { font-size: 0.8em; margin-block-end: 8px; position: relative; text-align: center; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .dso-table-placeholder { box-shadow: inset 0 0 0 1px #ccc; display: grid; place-content: center; }`;
9
+ const tableCss = () => `button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } a.dso-primary, button.dso-primary, label.dso-primary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible { outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after { content: ""; display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary { background-color: var(--_dso-button-primary-background-color, #39870c); border-color: var(--_dso-button-primary-border-color, #39870c); color: var(--_dso-button-primary-color, #fff); float: var(--_dso-button-float-primary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover { background-color: var(--_dso-button-primary-hover-background-color, #275937); border-color: var(--_dso-button-primary-hover-border-color, #275937); color: var(--_dso-button-primary-hover-color, #fff); float: var(--_dso-button-float-primary, none); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active { background-color: var(--_dso-button-primary-active-background-color, #173521); border-color: var(--_dso-button-primary-active-border-color, #173521); color: var(--_dso-button-primary-active-color, #fff); float: var(--_dso-button-float-primary, none); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover { background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d); border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d); color: var(--_dso-button-primary-disabled-color, #fff); float: var(--_dso-button-float-primary, none); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small { line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small { padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] { background-color: #39870c; border-color: #39870c; color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after { background-image: var(--_dso-di-download-wit); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after { background-image: var(--_dso-di-external-link-wit); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-secondary, button.dso-secondary, label.dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible { outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after { content: ""; display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small { line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small { padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after { background-image: var(--_dso-di-download-grasgroen); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after { background-image: var(--_dso-di-download-bosgroen); } a.dso-secondary.download:active::after, button.dso-secondary.download:active::after, label.dso-secondary.download:active::after { background-image: var(--_dso-di-download-wit); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after { background-image: var(--_dso-di-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after { background-image: var(--_dso-di-external-link-grasgroen); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after { background-image: var(--_dso-di-external-link-bosgroen); } a.dso-secondary.extern:active::after, button.dso-secondary.extern:active::after, label.dso-secondary.extern:active::after { background-image: var(--_dso-di-external-link-wit); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after { background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: ""; display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible { outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { content: ""; display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); float: var(--_dso-button-float-tertiary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); float: var(--_dso-button-float-tertiary, none); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small { line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small { padding-block: 9px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary { border: 0; line-height: 1; padding-inline: 0; padding-block: var(--_dso-button-padding-block-tertiary, 0); background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right { color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 4px; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span { vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after { position: relative; inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after { background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen)); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after { background-image: var(--_dso-di-download-grasgroen-40); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after { background-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after { background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen)); background-repeat: no-repeat; background-position: center; background-size: cover; block-size: 24px; inline-size: 24px; vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after { background-image: var(--_dso-di-external-link-grasgroen-40); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after { background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-bosgroen)); } a.dso-map, button.dso-map, label.dso-map { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active { outline: 0; } a.dso-map, button.dso-map, label.dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dso-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dso-button-float-secondary, none); } a.dso-map:active, button.dso-map:active, label.dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dso-button-float-secondary, none); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dso-button-float-secondary, none); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small { line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small { padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible { outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } a.dso-primary, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible { color: #fff; text-decoration: none; } a.dso-secondary { text-decoration: none; } a.dso-secondary, a.dso-secondary:visited:not(:hover):not(:active), a.dso-secondary:focus-visible:not(:hover):not(:active) { color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible { text-decoration: none; } a.dso-tertiary { text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited { color: var(--_dso-button-tertiary-color, #39870c); } .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary { margin-block-start: var(--_dso-button-after-button-margin-block-start, 0); margin-inline-start: var(--_dso-button-after-button-margin-inline-start, 16px); } :host { --_dso-modal-inline-size: 100dvi; --_dso-modal-margin: 0; --_dso-modal-dialog-inline-size: 100%; --_dso-modal-dialog-margin-block-start: 1rem; --_dso-modal-dialog-margin-inline-start: 1rem; --_dso-modal-dialog-margin-inline-end: 1rem; display: block; margin-block-end: 24px; } :host([is-responsive=true]) .dso-table-body { border: 1px solid #ccc; margin-block-end: 0; overflow-y: auto; inline-size: 100%; } .dso-table-utilities:not([hidden]) { align-items: center; display: flex; justify-content: flex-end; margin-block-end: 8px; } .dso-table-utilities:not([hidden]):has(.dso-responsive-message) { justify-content: space-between; } .dso-table-utilities:not([hidden]) .dso-responsive-message { margin-block-end: 0; } .dso-table-utilities:not([hidden]) .dso-responsive-message:only-child { inline-size: 100%; } .dso-responsive-message { font-size: 0.8em; margin-block-end: 8px; position: relative; text-align: center; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .dso-table-placeholder { box-shadow: inset 0 0 0 1px #ccc; display: grid; place-content: center; }`;
10
10
 
11
11
  const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
12
12
  constructor(registerHost) {
@@ -67,7 +67,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
67
67
  render() {
68
68
  const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
69
69
  const dialogLabel = caption || "Uitvergrote tabel";
70
- return (h(Host, { key: 'cc679e90e830606f3b1d131fe537ecde181444eb', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'b3d883e89ebbf1918aa23c2a1d2ae35eb8e713cd', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
70
+ return (h(Host, { key: '088a2df1a3e73452e86f5fc74aac54b13712655e', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: 'da51f519add42106e1a1b76f0cf3cd8114bfdae2', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
71
71
  }
72
72
  openModal() {
73
73
  this.placeholderHeight = this.host.clientHeight;
package/dist/bundle/{p-BHAfq_R9.js → p-DgmLOl9Y.js} RENAMED
@@ -1,8 +1,8 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DtUeWj74.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-Vur2Wu4N.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { i as i18n } from './p-xDSTG4OU.js';
4
- import { d as defineCustomElement$2 } from './p-DixhcduG.js';
5
- import { d as defineCustomElement$1 } from './p-B1sfJaTU.js';
4
+ import { d as defineCustomElement$2 } from './p-B3xfmB17.js';
5
+ import { d as defineCustomElement$1 } from './p-CPtFrV76.js';
6
6
 
7
7
  const translations = {
8
8
  en: {
package/dist/bundle/{p-Dyvz4l_L.js → p-DvUBm_do.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-DtUeWj74.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-Vur2Wu4N.js';
2
2
 
3
3
  const responsiveElementCss = () => `:host{display:block}`;
4
4
 
@@ -62,7 +62,7 @@ const ResponsiveElement = /*@__PURE__*/ proxyCustomElement(class ResponsiveEleme
62
62
  this.observer.unobserve(this.host);
63
63
  }
64
64
  render() {
65
- return (h(Host, { key: 'c0110d27f11f4def9eb46a41fbd42c8395545ebd', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'b10fe19d1414143bd61a42dbf85ff85898300414' })));
65
+ return (h(Host, { key: '669d0f60991577c7db1e5bb466438c9c6cd72c29', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '5104e71062d514fcc6011275aba9774d978f514e' })));
66
66
  }
67
67
  get host() { return this; }
68
68
  static get style() { return responsiveElementCss(); }
package/dist/bundle/{p-BI_yo2z3.js → p-RlXOwxFy.js} RENAMED
@@ -1,8 +1,8 @@
1
- import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DtUeWj74.js';
1
+ import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Vur2Wu4N.js';
2
2
  import { c as clsx } from './p-ChV9xqsO.js';
3
3
  import { i as i18n } from './p-xDSTG4OU.js';
4
- import { d as defineCustomElement$2 } from './p-DixhcduG.js';
5
- import { d as defineCustomElement$1 } from './p-B1sfJaTU.js';
4
+ import { d as defineCustomElement$2 } from './p-B3xfmB17.js';
5
+ import { d as defineCustomElement$1 } from './p-CPtFrV76.js';
6
6
 
7
7
  const translations = {
8
8
  en: {
package/dist/bundle/{p-BsaL-EuM.js → p-UUZISb3P.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { p as positionTooltip } from './p-DZCYhv_b.js';
1
+ import { p as positionTooltip } from './p-D97933Iz.js';
2
2
 
3
3
  /**
4
4
  * Shared controller for the positioning, showing, and hiding of a Tooltip.
package/dist/bundle/{p-DtUeWj74.js → p-Vur2Wu4N.js} RENAMED
@@ -3,7 +3,7 @@ const BUILD = /* dso-toolkit */ { allRenderFn: true, appendChildSlotFix: false,
3
3
  const Env = /* dso-toolkit */ {};
4
4
 
5
5
  /*
6
- Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Platform v4.45.2 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
 
9
9
  var Build = {
@@ -186,7 +186,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
186
186
 
187
187
  // src/client/client-style.ts
188
188
  var styles = /* @__PURE__ */ new Map();
189
- var modeResolutionChain = [];
189
+ var modeResolver = [];
190
190
  var setScopedSSR = (_opts) => {
191
191
  };
192
192
  var needsScopedSSR = () => false;
@@ -272,7 +272,7 @@ var queueDomWrites = [];
272
272
  var queueDomWritesLow = [];
273
273
  var scheduleFlush = () => {
274
274
  var _a;
275
- return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
275
+ return ((_a = win.document) == null ? void 0 : _a.hidden) ? setTimeout(flush, 16) : plt.raf(flush);
276
276
  };
277
277
  var queueTask = (queue, write) => (cb) => {
278
278
  queue.push(cb);
@@ -2014,13 +2014,14 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
2014
2014
  }
2015
2015
  }).join(", ");
2016
2016
  };
2017
+ var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer") || selector.startsWith("@container");
2017
2018
  var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
2018
2019
  return processRules(cssText, (rule) => {
2019
2020
  let selector = rule.selector;
2020
2021
  let content = rule.content;
2021
2022
  if (rule.selector[0] !== "@") {
2022
2023
  selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
2023
- } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
2024
+ } else if (isScopableAtRule(rule.selector)) {
2024
2025
  content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
2025
2026
  }
2026
2027
  const cssRule = {
@@ -2099,15 +2100,16 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
2099
2100
  rule.selector = placeholder + rule.selector;
2100
2101
  return rule;
2101
2102
  };
2102
- cssText = processRules(cssText, (rule) => {
2103
+ const commentSelectors = (input) => processRules(input, (rule) => {
2103
2104
  if (rule.selector[0] !== "@") {
2104
2105
  return processCommentedSelector(rule);
2105
- } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
2106
- rule.content = processRules(rule.content, processCommentedSelector);
2107
- return rule;
2106
+ }
2107
+ if (isScopableAtRule(rule.selector)) {
2108
+ rule.content = commentSelectors(rule.content);
2108
2109
  }
2109
2110
  return rule;
2110
2111
  });
2112
+ cssText = commentSelectors(cssText);
2111
2113
  }
2112
2114
  const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId);
2113
2115
  cssText = [scoped.cssText, ...commentsWithHash].join("\n");
@@ -2125,8 +2127,11 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
2125
2127
  };
2126
2128
 
2127
2129
  // src/runtime/mode.ts
2128
- var computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);
2129
- var setMode = (handler) => modeResolutionChain.push(handler);
2130
+ var computeMode = (elm) => modeResolver.map((h2) => h2(elm)).find((m) => !!m);
2131
+ var setMode = (handler) => {
2132
+ modeResolver.length = 0;
2133
+ modeResolver.push(handler);
2134
+ };
2130
2135
  var getMode = (ref) => {
2131
2136
  var _a;
2132
2137
  return (_a = getHostRef(ref)) == null ? void 0 : _a.$modeName$;
@@ -2338,7 +2343,12 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
2338
2343
  newClasses = [...new Set(newClasses)].filter((c) => c);
2339
2344
  classList.add(...newClasses);
2340
2345
  } else {
2341
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
2346
+ let removedClasses = oldClasses.filter((c) => c && !newClasses.includes(c));
2347
+ if (BUILD.hydrateClientSide && initialRender && !(flags & 4 /* isHost */)) {
2348
+ const ownClasses = getOwnHostClasses(elm);
2349
+ removedClasses = removedClasses.filter((c) => !ownClasses.includes(c));
2350
+ }
2351
+ classList.remove(...removedClasses);
2342
2352
  classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
2343
2353
  }
2344
2354
  } else if (BUILD.vdomStyle && memberName === "style") {
@@ -2463,6 +2473,18 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
2463
2473
  var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
2464
2474
  var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
2465
2475
  var parseClassListRegex = /\s/;
2476
+ var getOwnHostClasses = (elm) => {
2477
+ var _a, _b, _c;
2478
+ const hostRef = getHostRef(elm);
2479
+ if (!hostRef || !(hostRef.$flags$ & 2 /* hasRendered */)) {
2480
+ return [];
2481
+ }
2482
+ const ownClasses = parseClassList((_b = (_a = hostRef.$vnode$) == null ? void 0 : _a.$attrs$) == null ? void 0 : _b.class);
2483
+ if (BUILD.hydratedClass) {
2484
+ ownClasses.push((_c = BUILD.hydratedSelectorName) != null ? _c : "hydrated");
2485
+ }
2486
+ return ownClasses;
2487
+ };
2466
2488
  var parseClassList = (value) => {
2467
2489
  if (typeof value === "object" && value && "baseVal" in value) {
2468
2490
  value = value.baseVal;
@@ -2764,7 +2786,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
2764
2786
  if (BUILD.vdomKey && idxInOld >= 0) {
2765
2787
  elmToMove = oldCh[idxInOld];
2766
2788
  if (elmToMove.$tag$ !== newStartVnode.$tag$) {
2767
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
2789
+ node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
2768
2790
  } else {
2769
2791
  patch(elmToMove, newStartVnode, isInitialRender);
2770
2792
  oldCh[idxInOld] = void 0;
@@ -3535,6 +3557,19 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
3535
3557
 
3536
3558
  // src/runtime/proxy-component.ts
3537
3559
  var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
3560
+ var replayPendingSetterValues = (hostRef, cmpMeta) => {
3561
+ var _a;
3562
+ const instance = hostRef.$lazyInstance$;
3563
+ if (!instance) return;
3564
+ for (const [memberName, [memberFlags]] of Object.entries((_a = cmpMeta.$members$) != null ? _a : {})) {
3565
+ if (memberFlags & 4096 /* Setter */ && hostRef.$instanceValues$.has(memberName)) {
3566
+ const pendingValue = hostRef.$instanceValues$.get(memberName);
3567
+ if (instance[memberName] !== pendingValue) {
3568
+ instance[memberName] = pendingValue;
3569
+ }
3570
+ }
3571
+ }
3572
+ };
3538
3573
  var proxyComponent = (Cstr, cmpMeta, flags) => {
3539
3574
  var _a, _b;
3540
3575
  const prototype = Cstr.prototype;
@@ -3591,9 +3626,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
3591
3626
  return getValue(this, memberName);
3592
3627
  }
3593
3628
  const ref = getHostRef(this);
3594
- const instance = ref ? ref.$lazyInstance$ : prototype;
3595
- if (!instance) return;
3596
- return instance[memberName];
3629
+ if (!ref) return prototype[memberName];
3630
+ return ref.$lazyInstance$ ? ref.$lazyInstance$[memberName] : getValue(this, memberName);
3597
3631
  }
3598
3632
  if (!BUILD.lazyLoad) {
3599
3633
  return origGetter ? origGetter.apply(this) : getValue(this, memberName);
@@ -3647,33 +3681,22 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
3647
3681
  if (BUILD.lazyLoad) {
3648
3682
  if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
3649
3683
  setValue(this, memberName, newValue, cmpMeta);
3650
- if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
3651
- ref.$fetchedCbList$.push(() => {
3652
- if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
3653
- ref.$lazyInstance$[memberName] = newValue;
3654
- }
3655
- });
3656
- }
3657
3684
  return;
3658
3685
  }
3659
- const setterSetVal = () => {
3686
+ const parsedValue = parsePropertyValue(
3687
+ newValue,
3688
+ memberFlags,
3689
+ BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
3690
+ );
3691
+ if (ref.$lazyInstance$) {
3660
3692
  const currentValue = ref.$lazyInstance$[memberName];
3661
3693
  if (!ref.$instanceValues$.get(memberName) && currentValue) {
3662
3694
  ref.$instanceValues$.set(memberName, currentValue);
3663
3695
  }
3664
- ref.$lazyInstance$[memberName] = parsePropertyValue(
3665
- newValue,
3666
- memberFlags,
3667
- BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
3668
- );
3696
+ ref.$lazyInstance$[memberName] = parsedValue;
3669
3697
  setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
3670
- };
3671
- if (ref.$lazyInstance$) {
3672
- setterSetVal();
3673
3698
  } else {
3674
- ref.$fetchedCbList$.push(() => {
3675
- setterSetVal();
3676
- });
3699
+ ref.$instanceValues$.set(memberName, parsedValue);
3677
3700
  }
3678
3701
  }
3679
3702
  }
@@ -3755,7 +3778,8 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
3755
3778
  }
3756
3779
  const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
3757
3780
  if (isBooleanTarget) {
3758
- newValue = newValue === null || newValue === "false" ? false : true;
3781
+ const isFormAssociated = BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */);
3782
+ newValue = newValue === null || newValue === "false" && !isFormAssociated ? false : true;
3759
3783
  }
3760
3784
  const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
3761
3785
  if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
@@ -3831,6 +3855,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
3831
3855
  }
3832
3856
  if (BUILD.member) {
3833
3857
  hostRef.$flags$ &= -9 /* isConstructingInstance */;
3858
+ replayPendingSetterValues(hostRef, cmpMeta);
3834
3859
  }
3835
3860
  if (BUILD.propChangeCallback) {
3836
3861
  hostRef.$flags$ |= 128 /* isWatchReady */;
@@ -4683,7 +4708,7 @@ var StencilCore = /*#__PURE__*/Object.freeze({
4683
4708
  jsxDEV: jsxDEV,
4684
4709
  jsxs: jsxs,
4685
4710
  loadModule: loadModule,
4686
- modeResolutionChain: modeResolutionChain,
4711
+ modeResolver: modeResolver,
4687
4712
  needsScopedSSR: needsScopedSSR,
4688
4713
  nextTick: nextTick,
4689
4714
  normalizeWatchers: normalizeWatchers,