@dso-toolkit/core 87.0.0 → 88.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (692) hide show
  1. package/dist/bundle/dso-accordion-section.js +11 -11
  2. package/dist/bundle/dso-accordion-section.js.map +1 -1
  3. package/dist/bundle/dso-accordion.js +1 -1
  4. package/dist/bundle/dso-action-list-item.js +3 -3
  5. package/dist/bundle/dso-action-list.js +2 -2
  6. package/dist/bundle/dso-action-list.js.map +1 -1
  7. package/dist/bundle/dso-advanced-select.js +8 -8
  8. package/dist/bundle/dso-advanced-select.js.map +1 -1
  9. package/dist/bundle/dso-alert.js +1 -1
  10. package/dist/bundle/dso-annotation-activiteit.js +8 -8
  11. package/dist/bundle/dso-annotation-activiteit.js.map +1 -1
  12. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +8 -8
  13. package/dist/bundle/dso-annotation-gebiedsaanwijzing.js.map +1 -1
  14. package/dist/bundle/dso-annotation-kaart.js +5 -5
  15. package/dist/bundle/dso-annotation-kaart.js.map +1 -1
  16. package/dist/bundle/dso-annotation-locatie.js +1 -1
  17. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +8 -8
  18. package/dist/bundle/dso-annotation-omgevingsnormwaarde.js.map +1 -1
  19. package/dist/bundle/dso-attachments-counter.js +1 -1
  20. package/dist/bundle/dso-autosuggest.js +4 -4
  21. package/dist/bundle/dso-badge.js +1 -1
  22. package/dist/bundle/dso-banner.js +2 -2
  23. package/dist/bundle/dso-button-group.js +1 -1
  24. package/dist/bundle/dso-card-container.js +1 -1
  25. package/dist/bundle/dso-card.js +3 -3
  26. package/dist/bundle/dso-contact-information.js +1 -1
  27. package/dist/bundle/dso-cursor-tooltip.js +2 -2
  28. package/dist/bundle/dso-cursor-tooltip.js.map +1 -1
  29. package/dist/bundle/dso-date-picker.js +1 -1
  30. package/dist/bundle/dso-document-card.js +2 -2
  31. package/dist/bundle/dso-document-component.js +1 -1
  32. package/dist/bundle/dso-dropdown-menu.js +1 -1
  33. package/dist/bundle/dso-expandable.js +1 -1
  34. package/dist/bundle/dso-header.js +3 -3
  35. package/dist/bundle/dso-highlight-box.js +1 -1
  36. package/dist/bundle/dso-history-item.js +2 -2
  37. package/dist/bundle/dso-icon-button.js +1 -1
  38. package/dist/bundle/dso-icon.js +1 -1
  39. package/dist/bundle/dso-image-overlay.js +1 -1
  40. package/dist/bundle/dso-info-button.js +1 -1
  41. package/dist/bundle/dso-info.js +1 -1
  42. package/dist/bundle/dso-input-range.js +2 -2
  43. package/dist/bundle/dso-label.js +1 -1
  44. package/dist/bundle/dso-legend-item.js +17 -11
  45. package/dist/bundle/dso-legend-item.js.map +1 -1
  46. package/dist/bundle/dso-legend.js +5 -5
  47. package/dist/bundle/dso-legend.js.map +1 -1
  48. package/dist/bundle/dso-list-button.js +106 -18
  49. package/dist/bundle/dso-list-button.js.map +1 -1
  50. package/dist/bundle/dso-logo.js +1 -1
  51. package/dist/bundle/dso-map-base-layers.js +16 -10
  52. package/dist/bundle/dso-map-base-layers.js.map +1 -1
  53. package/dist/bundle/dso-map-controls.js +160 -17
  54. package/dist/bundle/dso-map-controls.js.map +1 -1
  55. package/dist/bundle/dso-map-layer-object.js +2 -2
  56. package/dist/bundle/dso-map-layer.js +2 -2
  57. package/dist/bundle/dso-map-overlays.js +16 -10
  58. package/dist/bundle/dso-map-overlays.js.map +1 -1
  59. package/dist/bundle/dso-mark-bar.js +3 -3
  60. package/dist/bundle/dso-modal.js +4 -4
  61. package/dist/bundle/dso-onboarding-tip.js +5 -5
  62. package/dist/bundle/dso-onboarding-tip.js.map +1 -1
  63. package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
  64. package/dist/bundle/dso-ozon-content.js +1 -1
  65. package/dist/bundle/dso-pagination.js +2 -2
  66. package/dist/bundle/dso-panel.js +1 -1
  67. package/dist/bundle/dso-plekinfo-card.js +3 -3
  68. package/dist/bundle/dso-plekinfo-card.js.map +1 -1
  69. package/dist/bundle/dso-progress-indicator.js +1 -1
  70. package/dist/bundle/dso-project-item.js +5 -5
  71. package/dist/bundle/dso-renvooi.js +1 -1
  72. package/dist/bundle/dso-responsive-element.js +1 -1
  73. package/dist/bundle/dso-scrollable.js +1 -1
  74. package/dist/bundle/dso-selectable.js +1 -1
  75. package/dist/bundle/dso-skiplink.js +2 -2
  76. package/dist/bundle/dso-slide-toggle.js +1 -1
  77. package/dist/bundle/dso-survey-rating.js +138 -5
  78. package/dist/bundle/dso-survey-rating.js.map +1 -1
  79. package/dist/bundle/dso-table.js +1 -1
  80. package/dist/bundle/dso-tabs.js +1 -1
  81. package/dist/bundle/dso-tijdreis-banner.js +3 -3
  82. package/dist/bundle/dso-tijdreis-banner.js.map +1 -1
  83. package/dist/bundle/dso-toggletip.js +1 -1
  84. package/dist/bundle/dso-tooltip.js +1 -1
  85. package/dist/bundle/dso-tree-view.js +3 -3
  86. package/dist/bundle/dso-viewer-grid.js +90 -9
  87. package/dist/bundle/dso-viewer-grid.js.map +1 -1
  88. package/dist/bundle/dsot-document-component-demo.js +17 -17
  89. package/dist/bundle/p--_zCrLW5.js +86 -0
  90. package/dist/bundle/{p-UnVH9dA3.js.map → p--_zCrLW5.js.map} +1 -1
  91. package/dist/bundle/{p-ZCp_Ng6S.js → p-B8nbVKJr.js} +160 -17
  92. package/dist/bundle/p-B8nbVKJr.js.map +1 -0
  93. package/dist/bundle/{p-r5BYffta.js → p-BFAmNPH7.js} +3 -3
  94. package/dist/bundle/{p-r5BYffta.js.map → p-BFAmNPH7.js.map} +1 -1
  95. package/dist/bundle/p-BJqFBnN6.js +171 -0
  96. package/dist/bundle/p-BJqFBnN6.js.map +1 -0
  97. package/dist/bundle/p-BM-R_z20.js +38 -0
  98. package/dist/bundle/p-BM-R_z20.js.map +1 -0
  99. package/dist/bundle/{p-DPHt7dpm.js → p-BOYwoGz-.js} +4 -4
  100. package/dist/bundle/{p-DPHt7dpm.js.map → p-BOYwoGz-.js.map} +1 -1
  101. package/dist/bundle/{p-ZdXI66By.js → p-BWiGIQ1w.js} +3 -3
  102. package/dist/bundle/{p-ZdXI66By.js.map → p-BWiGIQ1w.js.map} +1 -1
  103. package/dist/bundle/{p-DSKmaWtk.js → p-BgkOiu3z.js} +17 -11
  104. package/dist/bundle/p-BgkOiu3z.js.map +1 -0
  105. package/dist/bundle/{p-BRSHyfZz.js → p-Btk7RWKm.js} +3 -3
  106. package/dist/bundle/{p-BRSHyfZz.js.map → p-Btk7RWKm.js.map} +1 -1
  107. package/dist/bundle/{p-BeS6r1yL.js → p-C0F5ddGm.js} +10 -10
  108. package/dist/bundle/{p-BeS6r1yL.js.map → p-C0F5ddGm.js.map} +1 -1
  109. package/dist/bundle/{p-CTQwkAJg.js → p-C0j2UArC.js} +6 -6
  110. package/dist/bundle/{p-CTQwkAJg.js.map → p-C0j2UArC.js.map} +1 -1
  111. package/dist/bundle/{p-_RZbmuMU.js → p-C1uSuLE3.js} +95 -3
  112. package/dist/bundle/p-C1uSuLE3.js.map +1 -0
  113. package/dist/bundle/{p-D8SsDcpI.js → p-CBhOl8xD.js} +3 -3
  114. package/dist/bundle/{p-D8SsDcpI.js.map → p-CBhOl8xD.js.map} +1 -1
  115. package/dist/bundle/p-CVTNNCuw.js +160 -0
  116. package/dist/bundle/p-CVTNNCuw.js.map +1 -0
  117. package/dist/bundle/{p-CEAGN3Bt.js → p-CkRbdaNs.js} +4 -4
  118. package/dist/bundle/p-CkRbdaNs.js.map +1 -0
  119. package/dist/bundle/{p-kKdt-6mr.js → p-DJ_Iuzp2.js} +20 -11
  120. package/dist/bundle/p-DJ_Iuzp2.js.map +1 -0
  121. package/dist/bundle/{p-xauW4yDb.js → p-DVDxAvhs.js} +3 -3
  122. package/dist/bundle/{p-xauW4yDb.js.map → p-DVDxAvhs.js.map} +1 -1
  123. package/dist/bundle/{p-B3BC2VIG.js → p-DhBq2NpP.js} +4 -4
  124. package/dist/bundle/{p-B3BC2VIG.js.map → p-DhBq2NpP.js.map} +1 -1
  125. package/dist/bundle/{p-DeccEoRQ.js → p-DpRZJt_D.js} +70 -30
  126. package/dist/bundle/p-DpRZJt_D.js.map +1 -0
  127. package/dist/bundle/{p-046dAUOV.js → p-DrTyWXYp.js} +6 -6
  128. package/dist/bundle/{p-046dAUOV.js.map → p-DrTyWXYp.js.map} +1 -1
  129. package/dist/bundle/{p-DKUZ_y7O.js → p-DugmH51O.js} +309 -29
  130. package/dist/bundle/p-DugmH51O.js.map +1 -0
  131. package/dist/bundle/{p-CXwqc8in.js → p-PE5H8duf.js} +178 -27
  132. package/dist/bundle/p-PE5H8duf.js.map +1 -0
  133. package/dist/bundle/{p-CJHh7I1P.js → p-VxbAefvg.js} +6 -6
  134. package/dist/bundle/{p-CJHh7I1P.js.map → p-VxbAefvg.js.map} +1 -1
  135. package/dist/bundle/{p-CUKsRYtG.js → p-Yu8u8KO1.js} +5 -5
  136. package/dist/bundle/{p-CUKsRYtG.js.map → p-Yu8u8KO1.js.map} +1 -1
  137. package/dist/bundle/{p-Cenxfs7q.js → p-dcbs8fsg.js} +4 -4
  138. package/dist/bundle/{p-Cenxfs7q.js.map → p-dcbs8fsg.js.map} +1 -1
  139. package/dist/bundle/{p-EGp7CTVS.js → p-ecEmdirb.js} +5 -5
  140. package/dist/bundle/p-ecEmdirb.js.map +1 -0
  141. package/dist/bundle/{p-DvY09j0_.js → p-kBBh-4zI.js} +3 -3
  142. package/dist/bundle/{p-DvY09j0_.js.map → p-kBBh-4zI.js.map} +1 -1
  143. package/dist/bundle/{p-D-umefg-.js → p-zCo78EB0.js} +16 -10
  144. package/dist/bundle/p-zCo78EB0.js.map +1 -0
  145. package/dist/cjs/dso-accordion-section.cjs.entry.js +3 -3
  146. package/dist/cjs/dso-accordion.cjs.entry.js +1 -1
  147. package/dist/cjs/dso-action-list-item.cjs.entry.js +2 -2
  148. package/dist/cjs/dso-action-list.cjs.entry.js +2 -2
  149. package/dist/cjs/dso-advanced-select.cjs.entry.js +3 -3
  150. package/dist/cjs/dso-alert_7.cjs.entry.js +469 -46
  151. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +2 -2
  152. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +2 -2
  153. package/dist/cjs/dso-annotation-kaart.cjs.entry.js +2 -2
  154. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +167 -16
  155. package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +2 -2
  156. package/dist/cjs/dso-attachments-counter_2.cjs.entry.js +3 -3
  157. package/dist/cjs/dso-autosuggest.cjs.entry.js +1 -1
  158. package/dist/cjs/dso-banner.cjs.entry.js +2 -2
  159. package/dist/cjs/dso-button-group.cjs.entry.js +1 -1
  160. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  161. package/dist/cjs/dso-card.cjs.entry.js +2 -2
  162. package/dist/cjs/dso-contact-information.cjs.entry.js +1 -1
  163. package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +2 -2
  164. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  165. package/dist/cjs/dso-document-card.cjs.entry.js +1 -1
  166. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
  167. package/dist/cjs/dso-header.cjs.entry.js +1 -1
  168. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  169. package/dist/cjs/dso-history-item.cjs.entry.js +1 -1
  170. package/dist/cjs/dso-icon_2.cjs.entry.js +70 -30
  171. package/dist/cjs/dso-info-button.cjs.entry.js +91 -9
  172. package/dist/cjs/dso-info_2.cjs.entry.js +3 -3
  173. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  174. package/dist/cjs/dso-label_3.cjs.entry.js +6 -6
  175. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  176. package/dist/cjs/dso-legend.cjs.entry.js +2 -2
  177. package/dist/cjs/dso-list-button.cjs.entry.js +91 -9
  178. package/dist/cjs/dso-logo.cjs.entry.js +1 -1
  179. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  180. package/dist/cjs/dso-map-controls.cjs.entry.js +156 -13
  181. package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
  182. package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
  183. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  184. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  185. package/dist/cjs/dso-modal.cjs.entry.js +1 -1
  186. package/dist/cjs/dso-onboarding-tip.cjs.entry.js +4 -4
  187. package/dist/cjs/dso-plekinfo-card.cjs.entry.js +2 -2
  188. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  189. package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
  190. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  191. package/dist/cjs/dso-scrollable.cjs.entry.js +3 -3
  192. package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
  193. package/dist/cjs/dso-survey-rating.cjs.entry.js +135 -2
  194. package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
  195. package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
  196. package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
  197. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  198. package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
  199. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  200. package/dist/cjs/dso-viewer-grid.cjs.entry.js +90 -9
  201. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  202. package/dist/cjs/{floating-ui.dom-CHD5ZW0W.js → floating-ui.dom-Bp4TaUcL.js} +95 -2
  203. package/dist/{esm/floating-ui.dom-_RZbmuMU.js.map → cjs/floating-ui.dom-Bp4TaUcL.js.map} +1 -1
  204. package/dist/cjs/loader.cjs.js +1 -1
  205. package/dist/cjs/{position-tooltip.function-ByMSSaYN.js → position-tooltip.function-CDcvfQQh.js} +19 -10
  206. package/dist/cjs/position-tooltip.function-CDcvfQQh.js.map +1 -0
  207. package/dist/cjs/{tooltip.functional-component-DaIoD81Q.js → tooltip.functional-component-BEYSPQ3a.js} +3 -3
  208. package/dist/cjs/tooltip.functional-component-BEYSPQ3a.js.map +1 -0
  209. package/dist/collection/collection-manifest.json +2 -2
  210. package/dist/collection/components/accordion/accordion.js +1 -1
  211. package/dist/collection/components/accordion/components/accordion-section.css +4 -0
  212. package/dist/collection/components/accordion/components/accordion-section.js +2 -2
  213. package/dist/collection/components/accordion/components/accordion-section.js.map +1 -1
  214. package/dist/collection/components/action-list/action-list.css +4 -0
  215. package/dist/collection/components/action-list/action-list.js +1 -1
  216. package/dist/collection/components/action-list/components/action-list-item.js +2 -2
  217. package/dist/collection/components/advanced-select/advanced-select.css +132 -0
  218. package/dist/collection/components/advanced-select/advanced-select.js +2 -2
  219. package/dist/collection/components/alert/alert.css +16 -0
  220. package/dist/collection/components/alert/alert.js +1 -1
  221. package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js +1 -1
  222. package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js +1 -1
  223. package/dist/collection/components/annotation/annotation-kaart/annotation-kaart.js +1 -1
  224. package/dist/collection/components/annotation/annotation-locatie/annotation-locatie.js +1 -1
  225. package/dist/collection/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.js +1 -1
  226. package/dist/collection/components/annotation/annotation.css +8 -0
  227. package/dist/collection/components/attachments-counter/attachments-counter.js +1 -1
  228. package/dist/collection/components/autosuggest/autosuggest.js +1 -1
  229. package/dist/collection/components/badge/badge.css +184 -0
  230. package/dist/collection/components/badge/badge.js +1 -1
  231. package/dist/collection/components/banner/banner.js +2 -2
  232. package/dist/collection/components/button-group/button-group.js +1 -1
  233. package/dist/collection/components/card/card.js +2 -2
  234. package/dist/collection/components/card-container/card-container.js +1 -1
  235. package/dist/collection/components/contact-information/contact-information.js +1 -1
  236. package/dist/collection/components/cursor-tooltip/cursor-tooltip.css +30 -0
  237. package/dist/collection/components/cursor-tooltip/cursor-tooltip.js +1 -1
  238. package/dist/collection/components/date-picker/date-picker.js +1 -1
  239. package/dist/collection/components/document-card/document-card.js +1 -1
  240. package/dist/collection/components/document-component/document-component.css +163 -12
  241. package/dist/collection/components/document-component/document-component.js +2 -2
  242. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  243. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  244. package/dist/collection/components/expandable/expandable.interfaces.js +2 -0
  245. package/dist/collection/components/expandable/expandable.interfaces.js.map +1 -0
  246. package/dist/collection/components/expandable/expandable.js +8 -8
  247. package/dist/collection/components/expandable/expandable.js.map +1 -1
  248. package/dist/collection/components/header/header.js +1 -1
  249. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  250. package/dist/collection/components/history-item/history-item.js +1 -1
  251. package/dist/collection/components/icon/icon.js +1 -1
  252. package/dist/collection/components/icon-button/icon-button.css +65 -25
  253. package/dist/collection/components/icon-button/icon-button.js +1 -1
  254. package/dist/collection/components/image-overlay/image-overlay.css +16 -0
  255. package/dist/collection/components/info/info.css +4 -0
  256. package/dist/collection/components/info/info.js +1 -1
  257. package/dist/collection/components/info-button/info-button.css +52 -1
  258. package/dist/collection/components/info-button/info-button.js +122 -14
  259. package/dist/collection/components/info-button/info-button.js.map +1 -1
  260. package/dist/collection/components/input-range/input-range.js +2 -2
  261. package/dist/collection/components/label/label.css +144 -0
  262. package/dist/collection/components/label/label.js +3 -3
  263. package/dist/collection/components/legend/legend.css +7 -2
  264. package/dist/collection/components/legend/legend.js +1 -1
  265. package/dist/collection/components/legend-item/legend-item.css +0 -5
  266. package/dist/collection/components/legend-item/legend-item.interfaces.js.map +1 -1
  267. package/dist/collection/components/legend-item/legend-item.js +2 -2
  268. package/dist/collection/components/list-button/list-button.css +90 -8
  269. package/dist/collection/components/list-button/list-button.js +1 -1
  270. package/dist/collection/components/logo/logo.js +1 -1
  271. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  272. package/dist/collection/components/map-controls/map-controls.css +155 -12
  273. package/dist/collection/components/map-controls/map-controls.js +1 -1
  274. package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
  275. package/dist/collection/components/map-layer/map-layer.js +1 -1
  276. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  277. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  278. package/dist/collection/components/modal/modal.js +1 -1
  279. package/dist/collection/components/onboarding-tip/onboarding-tip.css +30 -0
  280. package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
  281. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.css +3 -7
  282. package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
  283. package/dist/collection/components/ozon-content/ozon-content.css +300 -20
  284. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  285. package/dist/collection/components/panel/panel.css +4 -0
  286. package/dist/collection/components/panel/panel.interfaces.js +2 -0
  287. package/dist/collection/components/panel/panel.interfaces.js.map +1 -0
  288. package/dist/collection/components/panel/panel.js +4 -4
  289. package/dist/collection/components/panel/panel.js.map +1 -1
  290. package/dist/collection/components/plekinfo-card/plekinfo-card.css +8 -0
  291. package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
  292. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  293. package/dist/collection/components/project-item/project-item.js +1 -1
  294. package/dist/collection/components/renvooi/renvooi.css +8 -0
  295. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  296. package/dist/collection/components/scrollable/scrollable.css +7 -1
  297. package/dist/collection/components/scrollable/scrollable.js +2 -2
  298. package/dist/collection/components/selectable/selectable.js +1 -1
  299. package/dist/collection/components/skiplink/skiplink.js +1 -1
  300. package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
  301. package/dist/collection/components/survey-rating/survey-rating.css +133 -0
  302. package/dist/collection/components/survey-rating/survey-rating.js +2 -2
  303. package/dist/collection/components/table/table.css +155 -12
  304. package/dist/collection/components/table/table.js +1 -1
  305. package/dist/collection/components/tabs/tabs.js +1 -1
  306. package/dist/collection/components/tijdreis-banner/tijdreis-banner.css +30 -0
  307. package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
  308. package/dist/collection/components/toggletip/toggletip.js +1 -1
  309. package/dist/collection/components/tooltip/tooltip.js +1 -1
  310. package/dist/collection/components/tree-view/tree-view.js +1 -1
  311. package/dist/collection/components/viewer-grid/viewer-grid.css +89 -8
  312. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  313. package/dist/collection/functional-components/tooltip/position-tooltip.function.js +17 -8
  314. package/dist/collection/functional-components/tooltip/position-tooltip.function.js.map +1 -1
  315. package/dist/collection/functional-components/tooltip/tooltip.functional-component.js +1 -1
  316. package/dist/collection/functional-components/tooltip/tooltip.functional-component.js.map +1 -1
  317. package/dist/collection/functional-components/tooltip/tooltip.interfaces.js.map +1 -1
  318. package/dist/components/alert.js +2 -2
  319. package/dist/components/alert.js.map +1 -1
  320. package/dist/components/annotation-locatie.js +2 -2
  321. package/dist/components/annotation-locatie.js.map +1 -1
  322. package/dist/components/attachments-counter.js +1 -1
  323. package/dist/components/badge.js +2 -2
  324. package/dist/components/badge.js.map +1 -1
  325. package/dist/components/button-group.js +1 -1
  326. package/dist/components/document-component.js +165 -14
  327. package/dist/components/document-component.js.map +1 -1
  328. package/dist/components/dropdown-menu.js +1 -1
  329. package/dist/components/dso-accordion-section.js +3 -3
  330. package/dist/components/dso-accordion-section.js.map +1 -1
  331. package/dist/components/dso-accordion.js +1 -1
  332. package/dist/components/dso-action-list-item.js +2 -2
  333. package/dist/components/dso-action-list.js +2 -2
  334. package/dist/components/dso-action-list.js.map +1 -1
  335. package/dist/components/dso-advanced-select.js +3 -3
  336. package/dist/components/dso-advanced-select.js.map +1 -1
  337. package/dist/components/dso-annotation-activiteit.js +2 -2
  338. package/dist/components/dso-annotation-activiteit.js.map +1 -1
  339. package/dist/components/dso-annotation-gebiedsaanwijzing.js +2 -2
  340. package/dist/components/dso-annotation-gebiedsaanwijzing.js.map +1 -1
  341. package/dist/components/dso-annotation-kaart.js +2 -2
  342. package/dist/components/dso-annotation-kaart.js.map +1 -1
  343. package/dist/components/dso-annotation-omgevingsnormwaarde.js +2 -2
  344. package/dist/components/dso-annotation-omgevingsnormwaarde.js.map +1 -1
  345. package/dist/components/dso-autosuggest.js +1 -1
  346. package/dist/components/dso-banner.js +2 -2
  347. package/dist/components/dso-card-container.js +1 -1
  348. package/dist/components/dso-card.js +2 -2
  349. package/dist/components/dso-contact-information.js +1 -1
  350. package/dist/components/dso-cursor-tooltip.js +2 -2
  351. package/dist/components/dso-cursor-tooltip.js.map +1 -1
  352. package/dist/components/dso-date-picker.js +1 -1
  353. package/dist/components/dso-document-card.js +1 -1
  354. package/dist/components/dso-header.js +1 -1
  355. package/dist/components/dso-highlight-box.js +1 -1
  356. package/dist/components/dso-history-item.js +1 -1
  357. package/dist/components/dso-input-range.js +2 -2
  358. package/dist/components/dso-legend-item.js +14 -8
  359. package/dist/components/dso-legend-item.js.map +1 -1
  360. package/dist/components/dso-legend.js +2 -2
  361. package/dist/components/dso-legend.js.map +1 -1
  362. package/dist/components/dso-list-button.js +105 -17
  363. package/dist/components/dso-list-button.js.map +1 -1
  364. package/dist/components/dso-logo.js +1 -1
  365. package/dist/components/dso-map-base-layers.js +15 -9
  366. package/dist/components/dso-map-base-layers.js.map +1 -1
  367. package/dist/components/dso-map-controls.js +156 -13
  368. package/dist/components/dso-map-controls.js.map +1 -1
  369. package/dist/components/dso-map-layer-object.js +1 -1
  370. package/dist/components/dso-map-layer.js +1 -1
  371. package/dist/components/dso-map-overlays.js +15 -9
  372. package/dist/components/dso-map-overlays.js.map +1 -1
  373. package/dist/components/dso-mark-bar.js +1 -1
  374. package/dist/components/dso-modal.js +1 -1
  375. package/dist/components/dso-onboarding-tip.js +2 -2
  376. package/dist/components/dso-onboarding-tip.js.map +1 -1
  377. package/dist/components/dso-plekinfo-card.js +2 -2
  378. package/dist/components/dso-plekinfo-card.js.map +1 -1
  379. package/dist/components/dso-project-item.js +1 -1
  380. package/dist/components/dso-skiplink.js +1 -1
  381. package/dist/components/dso-survey-rating.js +135 -2
  382. package/dist/components/dso-survey-rating.js.map +1 -1
  383. package/dist/components/dso-tabs.js +1 -1
  384. package/dist/components/dso-tijdreis-banner.js +2 -2
  385. package/dist/components/dso-tijdreis-banner.js.map +1 -1
  386. package/dist/components/dso-tree-view.js +1 -1
  387. package/dist/components/dso-viewer-grid.js +90 -9
  388. package/dist/components/dso-viewer-grid.js.map +1 -1
  389. package/dist/components/dsot-document-component-demo.js +1 -1
  390. package/dist/components/expandable.js +2 -2
  391. package/dist/components/expandable.js.map +1 -1
  392. package/dist/components/floating-ui.dom.js +93 -1
  393. package/dist/components/floating-ui.dom.js.map +1 -1
  394. package/dist/components/icon-button.js +66 -26
  395. package/dist/components/icon-button.js.map +1 -1
  396. package/dist/components/icon.js +1 -1
  397. package/dist/components/image-overlay.js +1 -1
  398. package/dist/components/image-overlay.js.map +1 -1
  399. package/dist/components/info-button.js +103 -16
  400. package/dist/components/info-button.js.map +1 -1
  401. package/dist/components/info.js +2 -2
  402. package/dist/components/info.js.map +1 -1
  403. package/dist/components/label.js +4 -4
  404. package/dist/components/label.js.map +1 -1
  405. package/dist/components/ozon-content-toggletip.js +2 -2
  406. package/dist/components/ozon-content-toggletip.js.map +1 -1
  407. package/dist/components/ozon-content.js +301 -21
  408. package/dist/components/ozon-content.js.map +1 -1
  409. package/dist/components/panel.js +2 -2
  410. package/dist/components/panel.js.map +1 -1
  411. package/dist/components/progress-indicator.js +1 -1
  412. package/dist/components/renvooi.js +1 -1
  413. package/dist/components/renvooi.js.map +1 -1
  414. package/dist/components/responsive-element.js +1 -1
  415. package/dist/components/scrollable.js +3 -3
  416. package/dist/components/scrollable.js.map +1 -1
  417. package/dist/components/selectable.js +15 -9
  418. package/dist/components/selectable.js.map +1 -1
  419. package/dist/components/slide-toggle.js +1 -1
  420. package/dist/components/table.js +156 -13
  421. package/dist/components/table.js.map +1 -1
  422. package/dist/components/toggletip.js +13 -7
  423. package/dist/components/toggletip.js.map +1 -1
  424. package/dist/components/tooltip.functional-component.js +18 -9
  425. package/dist/components/tooltip.functional-component.js.map +1 -1
  426. package/dist/components/tooltip.js +1 -1
  427. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  428. package/dist/dso-toolkit/{p-8e1375aa.entry.js → p-0abaf49f.entry.js} +2 -2
  429. package/dist/dso-toolkit/p-1a258175.entry.js +2 -0
  430. package/dist/dso-toolkit/p-1a258175.entry.js.map +1 -0
  431. package/dist/dso-toolkit/{p-25cdd9a9.entry.js → p-1c6192d7.entry.js} +2 -2
  432. package/dist/dso-toolkit/{p-9dcafbea.entry.js → p-1f11853e.entry.js} +2 -2
  433. package/dist/dso-toolkit/{p-9dcafbea.entry.js.map → p-1f11853e.entry.js.map} +1 -1
  434. package/dist/dso-toolkit/p-1fb8d4bb.entry.js +2 -0
  435. package/dist/dso-toolkit/{p-b6810347.entry.js.map → p-1fb8d4bb.entry.js.map} +1 -1
  436. package/dist/dso-toolkit/{p-e3e272a2.entry.js → p-20c9a9be.entry.js} +2 -2
  437. package/dist/dso-toolkit/{p-e3e272a2.entry.js.map → p-20c9a9be.entry.js.map} +1 -1
  438. package/dist/dso-toolkit/{p-6327e736.entry.js → p-25aad37b.entry.js} +2 -2
  439. package/dist/dso-toolkit/{p-eda3240b.entry.js → p-2748519c.entry.js} +2 -2
  440. package/dist/dso-toolkit/p-27ecb669.entry.js +2 -0
  441. package/dist/dso-toolkit/{p-44cf59a0.entry.js.map → p-27ecb669.entry.js.map} +1 -1
  442. package/dist/dso-toolkit/{p-8c8120b8.entry.js → p-2a3314e5.entry.js} +2 -2
  443. package/dist/dso-toolkit/{p-3287a371.entry.js → p-3217e47b.entry.js} +2 -2
  444. package/dist/dso-toolkit/p-37d53ff9.entry.js +2 -0
  445. package/dist/dso-toolkit/{p-ef77c735.entry.js.map → p-37d53ff9.entry.js.map} +1 -1
  446. package/dist/dso-toolkit/{p-8ecc3fdc.entry.js → p-4aee1b2e.entry.js} +2 -2
  447. package/dist/dso-toolkit/{p-aa870cd3.entry.js → p-4d75aeaf.entry.js} +2 -2
  448. package/dist/dso-toolkit/{p-aa870cd3.entry.js.map → p-4d75aeaf.entry.js.map} +1 -1
  449. package/dist/dso-toolkit/{p-88bc0eb2.entry.js → p-50ea7ead.entry.js} +2 -2
  450. package/dist/dso-toolkit/p-526ebea7.entry.js +2 -0
  451. package/dist/dso-toolkit/{p-c5f75bc1.entry.js.map → p-526ebea7.entry.js.map} +1 -1
  452. package/dist/dso-toolkit/p-542c4568.entry.js +6 -0
  453. package/dist/dso-toolkit/{p-d067d245.entry.js.map → p-542c4568.entry.js.map} +1 -1
  454. package/dist/dso-toolkit/p-5d3ac273.entry.js +2 -0
  455. package/dist/dso-toolkit/{p-5d355433.entry.js.map → p-5d3ac273.entry.js.map} +1 -1
  456. package/dist/dso-toolkit/{p-2bb43f8c.entry.js → p-5f69ed68.entry.js} +2 -2
  457. package/dist/dso-toolkit/{p-ec0175ad.entry.js → p-6995bf7c.entry.js} +2 -2
  458. package/dist/dso-toolkit/{p-cc1f3843.entry.js → p-6ae428d5.entry.js} +2 -2
  459. package/dist/dso-toolkit/{p-d85a9815.entry.js → p-6e0ba75b.entry.js} +2 -2
  460. package/dist/dso-toolkit/{p-34067df5.entry.js → p-7285f1f0.entry.js} +2 -2
  461. package/dist/dso-toolkit/p-72fd4bfe.entry.js +2 -0
  462. package/dist/dso-toolkit/p-80e385b3.entry.js +2 -0
  463. package/dist/dso-toolkit/p-82ec47c8.entry.js +2 -0
  464. package/dist/dso-toolkit/{p-cf4a7ebc.entry.js.map → p-82ec47c8.entry.js.map} +1 -1
  465. package/dist/dso-toolkit/p-8ba1805d.entry.js +2 -0
  466. package/dist/dso-toolkit/{p-c663dca1.entry.js.map → p-8ba1805d.entry.js.map} +1 -1
  467. package/dist/dso-toolkit/{p-14977305.entry.js → p-8be7df7f.entry.js} +2 -2
  468. package/dist/dso-toolkit/p-8c187590.entry.js +2 -0
  469. package/dist/dso-toolkit/{p-256c7374.entry.js.map → p-8c187590.entry.js.map} +1 -1
  470. package/dist/dso-toolkit/{p-297e3c05.entry.js → p-8c303909.entry.js} +2 -2
  471. package/dist/dso-toolkit/{p-37fbf639.entry.js → p-8fb2ba3e.entry.js} +2 -2
  472. package/dist/dso-toolkit/{p-dfb7761c.entry.js → p-924ef127.entry.js} +2 -2
  473. package/dist/dso-toolkit/p-96728e50.entry.js +2 -0
  474. package/dist/dso-toolkit/{p-e428ceb2.entry.js.map → p-96728e50.entry.js.map} +1 -1
  475. package/dist/dso-toolkit/p-97700c36.entry.js +2 -0
  476. package/dist/dso-toolkit/p-C1uSuLE3.js +2 -0
  477. package/dist/dso-toolkit/{p-_RZbmuMU.js.map → p-C1uSuLE3.js.map} +1 -1
  478. package/dist/dso-toolkit/p-DY6u58-r.js +2 -0
  479. package/dist/dso-toolkit/p-DY6u58-r.js.map +1 -0
  480. package/dist/dso-toolkit/p-a1b8072a.entry.js +2 -0
  481. package/dist/dso-toolkit/{p-9246d33d.entry.js.map → p-a1b8072a.entry.js.map} +1 -1
  482. package/dist/dso-toolkit/p-a8e32da8.entry.js +2 -0
  483. package/dist/dso-toolkit/p-a8e32da8.entry.js.map +1 -0
  484. package/dist/dso-toolkit/{p-788d29c5.entry.js → p-b0d6f317.entry.js} +2 -2
  485. package/dist/dso-toolkit/{p-459162c4.entry.js → p-b1a385c9.entry.js} +2 -2
  486. package/dist/dso-toolkit/p-b4ae7950.entry.js +2 -0
  487. package/dist/dso-toolkit/p-b4ae7950.entry.js.map +1 -0
  488. package/dist/dso-toolkit/{p-5a913c4f.entry.js → p-b78d1e0e.entry.js} +2 -2
  489. package/dist/dso-toolkit/{p-98388a2c.entry.js → p-c1a9a483.entry.js} +2 -2
  490. package/dist/dso-toolkit/{p-98388a2c.entry.js.map → p-c1a9a483.entry.js.map} +1 -1
  491. package/dist/dso-toolkit/{p-9b8ae629.entry.js → p-c4499b88.entry.js} +2 -2
  492. package/dist/dso-toolkit/{p-0f43d69b.entry.js → p-c4e73a45.entry.js} +2 -2
  493. package/dist/dso-toolkit/{p-0f43d69b.entry.js.map → p-c4e73a45.entry.js.map} +1 -1
  494. package/dist/dso-toolkit/{p-df643547.entry.js → p-c86138aa.entry.js} +2 -2
  495. package/dist/dso-toolkit/p-d0335c74.entry.js +2 -0
  496. package/dist/dso-toolkit/{p-e558cec2.entry.js.map → p-d0335c74.entry.js.map} +1 -1
  497. package/dist/dso-toolkit/p-d10abd51.entry.js +2 -0
  498. package/dist/dso-toolkit/{p-CkCWkDx9.js → p-dtqgWwPF.js} +2 -2
  499. package/dist/dso-toolkit/p-dtqgWwPF.js.map +1 -0
  500. package/dist/dso-toolkit/p-e66785fd.entry.js +2 -0
  501. package/dist/dso-toolkit/{p-0c7f6ca8.entry.js.map → p-e66785fd.entry.js.map} +1 -1
  502. package/dist/dso-toolkit/p-eb1f02d0.entry.js +2 -0
  503. package/dist/dso-toolkit/{p-2b7b0379.entry.js.map → p-eb1f02d0.entry.js.map} +1 -1
  504. package/dist/dso-toolkit/p-eb280c98.entry.js +2 -0
  505. package/dist/dso-toolkit/{p-b3c6443c.entry.js.map → p-eb280c98.entry.js.map} +1 -1
  506. package/dist/dso-toolkit/p-f333aebd.entry.js +2 -0
  507. package/dist/dso-toolkit/{p-377907dc.entry.js.map → p-f333aebd.entry.js.map} +1 -1
  508. package/dist/dso-toolkit/{p-4173cee0.entry.js → p-f488bdce.entry.js} +2 -2
  509. package/dist/dso-toolkit/{p-2c421433.entry.js → p-f4c12ec1.entry.js} +2 -2
  510. package/dist/dso-toolkit/p-f7837b38.entry.js +2 -0
  511. package/dist/dso-toolkit/p-f7837b38.entry.js.map +1 -0
  512. package/dist/dso-toolkit/{p-8fccf830.entry.js → p-f87553d9.entry.js} +2 -2
  513. package/dist/dso-toolkit/p-f89f62ea.entry.js +2 -0
  514. package/dist/dso-toolkit/p-f89f62ea.entry.js.map +1 -0
  515. package/dist/dso-toolkit/{p-88e44092.entry.js → p-fcc4186a.entry.js} +2 -2
  516. package/dist/esm/dso-accordion-section.entry.js +3 -3
  517. package/dist/esm/dso-accordion-section.entry.js.map +1 -1
  518. package/dist/esm/dso-accordion.entry.js +1 -1
  519. package/dist/esm/dso-action-list-item.entry.js +2 -2
  520. package/dist/esm/dso-action-list.entry.js +2 -2
  521. package/dist/esm/dso-action-list.entry.js.map +1 -1
  522. package/dist/esm/dso-advanced-select.entry.js +3 -3
  523. package/dist/esm/dso-advanced-select.entry.js.map +1 -1
  524. package/dist/esm/dso-alert_7.entry.js +469 -46
  525. package/dist/esm/dso-annotation-activiteit.entry.js +2 -2
  526. package/dist/esm/dso-annotation-activiteit.entry.js.map +1 -1
  527. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +2 -2
  528. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js.map +1 -1
  529. package/dist/esm/dso-annotation-kaart.entry.js +2 -2
  530. package/dist/esm/dso-annotation-kaart.entry.js.map +1 -1
  531. package/dist/esm/dso-annotation-locatie_2.entry.js +167 -16
  532. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +2 -2
  533. package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js.map +1 -1
  534. package/dist/esm/dso-attachments-counter_2.entry.js +3 -3
  535. package/dist/esm/dso-autosuggest.entry.js +1 -1
  536. package/dist/esm/dso-banner.entry.js +2 -2
  537. package/dist/esm/dso-button-group.entry.js +1 -1
  538. package/dist/esm/dso-card-container.entry.js +1 -1
  539. package/dist/esm/dso-card.entry.js +2 -2
  540. package/dist/esm/dso-contact-information.entry.js +1 -1
  541. package/dist/esm/dso-cursor-tooltip.entry.js +2 -2
  542. package/dist/esm/dso-cursor-tooltip.entry.js.map +1 -1
  543. package/dist/esm/dso-date-picker.entry.js +1 -1
  544. package/dist/esm/dso-document-card.entry.js +1 -1
  545. package/dist/esm/dso-dropdown-menu.entry.js +2 -2
  546. package/dist/esm/dso-header.entry.js +1 -1
  547. package/dist/esm/dso-highlight-box.entry.js +1 -1
  548. package/dist/esm/dso-history-item.entry.js +1 -1
  549. package/dist/esm/dso-icon_2.entry.js +70 -30
  550. package/dist/esm/dso-info-button.entry.js +92 -10
  551. package/dist/esm/dso-info-button.entry.js.map +1 -1
  552. package/dist/esm/dso-info_2.entry.js +3 -3
  553. package/dist/esm/dso-input-range.entry.js +2 -2
  554. package/dist/esm/dso-label_3.entry.js +6 -6
  555. package/dist/esm/dso-legend-item.entry.js +2 -2
  556. package/dist/esm/dso-legend-item.entry.js.map +1 -1
  557. package/dist/esm/dso-legend.entry.js +2 -2
  558. package/dist/esm/dso-legend.entry.js.map +1 -1
  559. package/dist/esm/dso-list-button.entry.js +91 -9
  560. package/dist/esm/dso-list-button.entry.js.map +1 -1
  561. package/dist/esm/dso-logo.entry.js +1 -1
  562. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  563. package/dist/esm/dso-map-controls.entry.js +156 -13
  564. package/dist/esm/dso-map-controls.entry.js.map +1 -1
  565. package/dist/esm/dso-map-layer-object.entry.js +1 -1
  566. package/dist/esm/dso-map-layer.entry.js +1 -1
  567. package/dist/esm/dso-map-overlays.entry.js +1 -1
  568. package/dist/esm/dso-mark-bar.entry.js +1 -1
  569. package/dist/esm/dso-modal.entry.js +1 -1
  570. package/dist/esm/dso-onboarding-tip.entry.js +4 -4
  571. package/dist/esm/dso-onboarding-tip.entry.js.map +1 -1
  572. package/dist/esm/dso-plekinfo-card.entry.js +2 -2
  573. package/dist/esm/dso-plekinfo-card.entry.js.map +1 -1
  574. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  575. package/dist/esm/dso-project-item.entry.js +1 -1
  576. package/dist/esm/dso-responsive-element.entry.js +1 -1
  577. package/dist/esm/dso-scrollable.entry.js +3 -3
  578. package/dist/esm/dso-scrollable.entry.js.map +1 -1
  579. package/dist/esm/dso-skiplink.entry.js +1 -1
  580. package/dist/esm/dso-survey-rating.entry.js +135 -2
  581. package/dist/esm/dso-survey-rating.entry.js.map +1 -1
  582. package/dist/esm/dso-tabs.entry.js +1 -1
  583. package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
  584. package/dist/esm/dso-tijdreis-banner.entry.js.map +1 -1
  585. package/dist/esm/dso-toggletip.entry.js +1 -1
  586. package/dist/esm/dso-toolkit.js +1 -1
  587. package/dist/esm/dso-tooltip.entry.js +1 -1
  588. package/dist/esm/dso-tree-view.entry.js +1 -1
  589. package/dist/esm/dso-viewer-grid.entry.js +90 -9
  590. package/dist/esm/dso-viewer-grid.entry.js.map +1 -1
  591. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  592. package/dist/esm/{floating-ui.dom-_RZbmuMU.js → floating-ui.dom-C1uSuLE3.js} +95 -3
  593. package/dist/{cjs/floating-ui.dom-CHD5ZW0W.js.map → esm/floating-ui.dom-C1uSuLE3.js.map} +1 -1
  594. package/dist/esm/loader.js +1 -1
  595. package/dist/esm/{position-tooltip.function-C5-1llBb.js → position-tooltip.function-gQf7Uoh1.js} +19 -10
  596. package/dist/esm/position-tooltip.function-gQf7Uoh1.js.map +1 -0
  597. package/dist/esm/{tooltip.functional-component-B01Xtod2.js → tooltip.functional-component-faOeuQGr.js} +3 -3
  598. package/dist/esm/tooltip.functional-component-faOeuQGr.js.map +1 -0
  599. package/dist/types/components/expandable/expandable.d.ts +1 -8
  600. package/dist/types/components/expandable/expandable.interfaces.d.ts +8 -0
  601. package/dist/types/components/info-button/info-button.d.ts +20 -2
  602. package/dist/types/components/panel/panel.d.ts +1 -3
  603. package/dist/types/components/panel/panel.interfaces.d.ts +3 -0
  604. package/dist/types/components.d.ts +17 -5
  605. package/dist/types/functional-components/tooltip/tooltip.functional-component.d.ts +1 -1
  606. package/dist/types/functional-components/tooltip/tooltip.interfaces.d.ts +1 -0
  607. package/package.json +3 -3
  608. package/dist/bundle/p-CEAGN3Bt.js.map +0 -1
  609. package/dist/bundle/p-CI06uY23.js +0 -171
  610. package/dist/bundle/p-CI06uY23.js.map +0 -1
  611. package/dist/bundle/p-CXwqc8in.js.map +0 -1
  612. package/dist/bundle/p-CY_jRhM0.js +0 -73
  613. package/dist/bundle/p-CY_jRhM0.js.map +0 -1
  614. package/dist/bundle/p-D-umefg-.js.map +0 -1
  615. package/dist/bundle/p-DKUZ_y7O.js.map +0 -1
  616. package/dist/bundle/p-DSKmaWtk.js.map +0 -1
  617. package/dist/bundle/p-DeccEoRQ.js.map +0 -1
  618. package/dist/bundle/p-Dx7IryUb.js +0 -38
  619. package/dist/bundle/p-Dx7IryUb.js.map +0 -1
  620. package/dist/bundle/p-EGp7CTVS.js.map +0 -1
  621. package/dist/bundle/p-UnVH9dA3.js +0 -86
  622. package/dist/bundle/p-ZCp_Ng6S.js.map +0 -1
  623. package/dist/bundle/p-_RZbmuMU.js.map +0 -1
  624. package/dist/bundle/p-kKdt-6mr.js.map +0 -1
  625. package/dist/cjs/position-tooltip.function-ByMSSaYN.js.map +0 -1
  626. package/dist/cjs/tooltip.functional-component-DaIoD81Q.js.map +0 -1
  627. package/dist/dso-toolkit/p-0c7f6ca8.entry.js +0 -2
  628. package/dist/dso-toolkit/p-256c7374.entry.js +0 -2
  629. package/dist/dso-toolkit/p-2b7b0379.entry.js +0 -2
  630. package/dist/dso-toolkit/p-2f50c3b1.entry.js +0 -2
  631. package/dist/dso-toolkit/p-377907dc.entry.js +0 -2
  632. package/dist/dso-toolkit/p-44cf59a0.entry.js +0 -2
  633. package/dist/dso-toolkit/p-504ea700.entry.js +0 -2
  634. package/dist/dso-toolkit/p-504ea700.entry.js.map +0 -1
  635. package/dist/dso-toolkit/p-5a289b2b.entry.js +0 -2
  636. package/dist/dso-toolkit/p-5a289b2b.entry.js.map +0 -1
  637. package/dist/dso-toolkit/p-5d355433.entry.js +0 -2
  638. package/dist/dso-toolkit/p-9246d33d.entry.js +0 -2
  639. package/dist/dso-toolkit/p-CkCWkDx9.js.map +0 -1
  640. package/dist/dso-toolkit/p-DQTeCl9Y.js +0 -2
  641. package/dist/dso-toolkit/p-DQTeCl9Y.js.map +0 -1
  642. package/dist/dso-toolkit/p-_RZbmuMU.js +0 -2
  643. package/dist/dso-toolkit/p-b3c6443c.entry.js +0 -2
  644. package/dist/dso-toolkit/p-b6810347.entry.js +0 -2
  645. package/dist/dso-toolkit/p-b90301b9.entry.js +0 -2
  646. package/dist/dso-toolkit/p-c5f75bc1.entry.js +0 -2
  647. package/dist/dso-toolkit/p-c663dca1.entry.js +0 -2
  648. package/dist/dso-toolkit/p-cf4a7ebc.entry.js +0 -2
  649. package/dist/dso-toolkit/p-d067d245.entry.js +0 -6
  650. package/dist/dso-toolkit/p-dee9a99c.entry.js +0 -2
  651. package/dist/dso-toolkit/p-dee9a99c.entry.js.map +0 -1
  652. package/dist/dso-toolkit/p-e428ceb2.entry.js +0 -2
  653. package/dist/dso-toolkit/p-e558cec2.entry.js +0 -2
  654. package/dist/dso-toolkit/p-ee1fabc8.entry.js +0 -2
  655. package/dist/dso-toolkit/p-ef77c735.entry.js +0 -2
  656. package/dist/dso-toolkit/p-efd35288.entry.js +0 -2
  657. package/dist/dso-toolkit/p-efd35288.entry.js.map +0 -1
  658. package/dist/dso-toolkit/p-f0a193d9.entry.js +0 -2
  659. package/dist/dso-toolkit/p-f0a193d9.entry.js.map +0 -1
  660. package/dist/dso-toolkit/p-fd8985ec.entry.js +0 -2
  661. package/dist/esm/position-tooltip.function-C5-1llBb.js.map +0 -1
  662. package/dist/esm/tooltip.functional-component-B01Xtod2.js.map +0 -1
  663. /package/dist/dso-toolkit/{p-8e1375aa.entry.js.map → p-0abaf49f.entry.js.map} +0 -0
  664. /package/dist/dso-toolkit/{p-25cdd9a9.entry.js.map → p-1c6192d7.entry.js.map} +0 -0
  665. /package/dist/dso-toolkit/{p-6327e736.entry.js.map → p-25aad37b.entry.js.map} +0 -0
  666. /package/dist/dso-toolkit/{p-eda3240b.entry.js.map → p-2748519c.entry.js.map} +0 -0
  667. /package/dist/dso-toolkit/{p-8c8120b8.entry.js.map → p-2a3314e5.entry.js.map} +0 -0
  668. /package/dist/dso-toolkit/{p-3287a371.entry.js.map → p-3217e47b.entry.js.map} +0 -0
  669. /package/dist/dso-toolkit/{p-8ecc3fdc.entry.js.map → p-4aee1b2e.entry.js.map} +0 -0
  670. /package/dist/dso-toolkit/{p-88bc0eb2.entry.js.map → p-50ea7ead.entry.js.map} +0 -0
  671. /package/dist/dso-toolkit/{p-2bb43f8c.entry.js.map → p-5f69ed68.entry.js.map} +0 -0
  672. /package/dist/dso-toolkit/{p-ec0175ad.entry.js.map → p-6995bf7c.entry.js.map} +0 -0
  673. /package/dist/dso-toolkit/{p-cc1f3843.entry.js.map → p-6ae428d5.entry.js.map} +0 -0
  674. /package/dist/dso-toolkit/{p-d85a9815.entry.js.map → p-6e0ba75b.entry.js.map} +0 -0
  675. /package/dist/dso-toolkit/{p-34067df5.entry.js.map → p-7285f1f0.entry.js.map} +0 -0
  676. /package/dist/dso-toolkit/{p-b90301b9.entry.js.map → p-72fd4bfe.entry.js.map} +0 -0
  677. /package/dist/dso-toolkit/{p-ee1fabc8.entry.js.map → p-80e385b3.entry.js.map} +0 -0
  678. /package/dist/dso-toolkit/{p-14977305.entry.js.map → p-8be7df7f.entry.js.map} +0 -0
  679. /package/dist/dso-toolkit/{p-297e3c05.entry.js.map → p-8c303909.entry.js.map} +0 -0
  680. /package/dist/dso-toolkit/{p-37fbf639.entry.js.map → p-8fb2ba3e.entry.js.map} +0 -0
  681. /package/dist/dso-toolkit/{p-dfb7761c.entry.js.map → p-924ef127.entry.js.map} +0 -0
  682. /package/dist/dso-toolkit/{p-2f50c3b1.entry.js.map → p-97700c36.entry.js.map} +0 -0
  683. /package/dist/dso-toolkit/{p-788d29c5.entry.js.map → p-b0d6f317.entry.js.map} +0 -0
  684. /package/dist/dso-toolkit/{p-459162c4.entry.js.map → p-b1a385c9.entry.js.map} +0 -0
  685. /package/dist/dso-toolkit/{p-5a913c4f.entry.js.map → p-b78d1e0e.entry.js.map} +0 -0
  686. /package/dist/dso-toolkit/{p-9b8ae629.entry.js.map → p-c4499b88.entry.js.map} +0 -0
  687. /package/dist/dso-toolkit/{p-df643547.entry.js.map → p-c86138aa.entry.js.map} +0 -0
  688. /package/dist/dso-toolkit/{p-fd8985ec.entry.js.map → p-d10abd51.entry.js.map} +0 -0
  689. /package/dist/dso-toolkit/{p-4173cee0.entry.js.map → p-f488bdce.entry.js.map} +0 -0
  690. /package/dist/dso-toolkit/{p-2c421433.entry.js.map → p-f4c12ec1.entry.js.map} +0 -0
  691. /package/dist/dso-toolkit/{p-8fccf830.entry.js.map → p-f87553d9.entry.js.map} +0 -0
  692. /package/dist/dso-toolkit/{p-88e44092.entry.js.map → p-fcc4186a.entry.js.map} +0 -0
package/dist/bundle/dso-viewer-grid.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"dso-viewer-grid.js","mappings":"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AAU,EAAE,eAAe,EAC3B,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAChB,CACV;;AC1BD,MAAM,aAAa,GAAG,MAAM,CAAC;AAC7B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/viewer-grid/viewer-grid.interfaces.ts","src/components/viewer-grid/components/sizing-buttons.tsx","src/components/viewer-grid/components/document-panel.tsx","src/components/viewer-grid/components/filter-panel.tsx","src/components/viewer-grid/components/main-panel.tsx","src/components/viewer-grid/components/overlay.tsx","src/components/viewer-grid/viewer-grid.scss?tag=dso-viewer-grid&encapsulation=shadow","src/components/viewer-grid/viewer-grid.tsx"],"sourcesContent":["export interface ViewerGridChangeSizeEvent {\r\n currentSize: ViewerGridPanelSize;\r\n nextSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridChangeSizeAnimationEndEvent {\r\n currentSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridCloseOverlayEvent {\r\n originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridCloseFilterPanelEvent {\r\n originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridActiveTabSwitchEvent {\r\n tab: ViewerGridTab;\r\n}\r\n\r\nexport interface ViewerGridMainToggleEvent {\r\n hide: boolean;\r\n}\r\n\r\nexport type ViewerGridPanelSize = \"small\" | \"medium\" | \"large\";\r\n\r\nexport type ViewerGridLabelSizeMap = { [key in ViewerGridPanelSize]: string };\r\n\r\nexport const viewerGridTabs = [\"search\", \"map\", \"document\"] as const;\r\nexport type ViewerGridTab = (typeof viewerGridTabs)[number];\r\n\r\nexport type ViewerGridTabLabelMap = { [key in ViewerGridTab]: string };\r\n\r\nexport const viewerGridTabLabelMap: ViewerGridTabLabelMap = {\r\n map: \"Kaart\",\r\n document: \"Document\",\r\n search: \"Zoeken\",\r\n};\r\n\r\nexport const viewerGridSizeLabelMap: ViewerGridLabelSizeMap = {\r\n small: \"smal\",\r\n medium: \"middel\",\r\n large: \"breed\",\r\n};\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridPanelSize, viewerGridSizeLabelMap } from \"../viewer-grid.interfaces\";\r\n\r\ninterface SizingButtonProp {\r\n className: string;\r\n onClick: any;\r\n label: string;\r\n icon: \"chevron-left\" | \"chevron-right\";\r\n}\r\n\r\nconst SizingButton: FunctionalComponent<SizingButtonProp> = ({ className, onClick, label, icon }) => (\r\n <dso-icon-button variant=\"map\" class={className} onDsoClick={onClick} icon={icon} label={label} />\r\n);\r\n\r\ninterface SizingButtonProps {\r\n panelLabel: string;\r\n size: ViewerGridPanelSize;\r\n expand: () => void;\r\n shrink: () => void;\r\n placement: \"left\" | \"right\";\r\n}\r\n\r\nexport const SizingButtons: FunctionalComponent<SizingButtonProps> = ({\r\n shrink,\r\n expand,\r\n size,\r\n panelLabel,\r\n placement,\r\n}) => {\r\n const buttons = [];\r\n\r\n if (size !== \"small\") {\r\n buttons.push(\r\n <SizingButton\r\n onClick={shrink}\r\n label={`${panelLabel} smaller maken`}\r\n icon={placement === \"right\" ? \"chevron-right\" : \"chevron-left\"}\r\n className=\"shrink\"\r\n />,\r\n );\r\n }\r\n\r\n if (size !== \"large\") {\r\n buttons.push(\r\n <SizingButton\r\n onClick={expand}\r\n label={`${panelLabel} breder maken`}\r\n icon={placement === \"right\" ? \"chevron-left\" : \"chevron-right\"}\r\n className=\"expand\"\r\n />,\r\n );\r\n }\r\n\r\n return (\r\n <div class=\"sizing-buttons\">\r\n <span class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\r\n Breedte {panelLabel.toLocaleLowerCase()}: {viewerGridSizeLabelMap[size]}\r\n </span>\r\n {buttons}\r\n </div>\r\n );\r\n};\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nimport { SizingButtons } from \"./sizing-buttons\";\r\n\r\nexport interface ViewerGridDocumentPanelProps {\r\n tabView: boolean;\r\n panelSize: ViewerGridPanelSize;\r\n shrinkDocumentPanel: () => void;\r\n expandDocumentPanel: () => void;\r\n dsoDocumentPanelSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const DocumentPanel: FunctionalComponent<ViewerGridDocumentPanelProps> = ({\r\n tabView,\r\n panelSize,\r\n shrinkDocumentPanel,\r\n expandDocumentPanel,\r\n dsoDocumentPanelSizeChangeAnimationEnd,\r\n}) => (\r\n <div\r\n class=\"dso-document-panel\"\r\n onTransitionEnd={(e) => {\r\n if (e.propertyName === \"flex-basis\") {\r\n dsoDocumentPanelSizeChangeAnimationEnd.emit({ currentSize: panelSize });\r\n }\r\n }}\r\n >\r\n {!tabView && (\r\n <SizingButtons\r\n panelLabel=\"Documentpaneel\"\r\n size={panelSize}\r\n expand={expandDocumentPanel}\r\n shrink={shrinkDocumentPanel}\r\n placement=\"right\"\r\n />\r\n )}\r\n <div class=\"content\">\r\n <slot name=\"document-panel\" />\r\n </div>\r\n </div>\r\n);\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridFilterPanelProps {\r\n open: boolean;\r\n title?: string;\r\n ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n dsoCloseFilterPanel: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const FilterPanel: FunctionalComponent<ViewerGridFilterPanelProps> = ({\r\n open,\r\n title,\r\n ref,\r\n dsoCloseFilterPanel,\r\n}) => (\r\n <dialog class=\"filter-panel\" ref={ref}>\r\n {open && (\r\n <Fragment>\r\n {title && <h3>{title}</h3>}\r\n <dso-icon-button\r\n class=\"dso-close\"\r\n icon=\"times\"\r\n variant=\"tertiary\"\r\n label=\"Sluiten\"\r\n onDsoClick={dsoCloseFilterPanel}\r\n />\r\n <slot name=\"filter-panel\" />\r\n </Fragment>\r\n )}\r\n </dialog>\r\n);\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nexport interface ViewerGridMainPanelProps {\r\n tabView: boolean;\r\n mainSize: ViewerGridPanelSize;\r\n documentPanelOpen: boolean;\r\n mainPanelExpanded: boolean;\r\n mainPanelHidden: boolean;\r\n toggleMainPanel: () => void;\r\n dsoMainSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const MainPanel: FunctionalComponent<ViewerGridMainPanelProps> = ({\r\n tabView,\r\n mainSize,\r\n documentPanelOpen,\r\n mainPanelExpanded,\r\n mainPanelHidden,\r\n toggleMainPanel,\r\n dsoMainSizeChangeAnimationEnd,\r\n}) => (\r\n <div\r\n class={clsx(\"dso-main-panel\", {\r\n compact: !tabView && documentPanelOpen && !mainPanelExpanded,\r\n contracted: !tabView && !documentPanelOpen && !mainPanelExpanded,\r\n expanded: !tabView && documentPanelOpen && mainPanelExpanded,\r\n collapsed: mainPanelHidden,\r\n })}\r\n onTransitionEnd={(e) => {\r\n if (e.propertyName === \"flex-basis\") {\r\n dsoMainSizeChangeAnimationEnd.emit({ currentSize: mainSize });\r\n }\r\n }}\r\n >\r\n {!tabView && documentPanelOpen && (\r\n <div class=\"toggle-button\">\r\n <dso-icon-button\r\n variant=\"map\"\r\n label={`Zoeken paneel ${mainPanelHidden ? \"tonen\" : \"verbergen\"}`}\r\n icon={mainPanelHidden ? \"chevron-right\" : \"chevron-left\"}\r\n onDsoClick={toggleMainPanel}\r\n ></dso-icon-button>\r\n </div>\r\n )}\r\n <div class={clsx(\"content\", { invisible: mainPanelHidden })}>\r\n <slot name=\"main\" />\r\n </div>\r\n </div>\r\n);\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridOverlayProps {\r\n ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n dsoCloseOverlay: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const Overlay: FunctionalComponent<ViewerGridOverlayProps> = ({ ref, dsoCloseOverlay }) => (\r\n <dialog\r\n class=\"overlay\"\r\n ref={ref}\r\n onCancel={(e) => {\r\n e.preventDefault();\r\n\r\n dsoCloseOverlay(e);\r\n }}\r\n >\r\n <dso-icon-button\r\n class=\"overlay-close-button\"\r\n icon=\"times\"\r\n variant=\"tertiary\"\r\n label=\"Sluiten\"\r\n onDsoClick={dsoCloseOverlay}\r\n />\r\n <slot name=\"overlay\" />\r\n </dialog>\r\n);\r\n","@use \"~dso-toolkit/src/components/grid\" as css-grid;\r\n\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/heading\";\r\n@use \"~dso-toolkit/src/components/navbar\";\r\n\r\n@use \"viewer-grid.variables\" as core-viewer-grid-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n .overlay {\r\n block-size: calc(100% - units.$u4);\r\n margin-block: units.$u2;\r\n margin-inline: auto units.$u2;\r\n }\r\n\r\n .dso-main-panel {\r\n transition:\r\n min-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n margin-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n }\r\n}\r\n\r\nbutton {\r\n @include button.element();\r\n}\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.overlay-close-button {\r\n position: absolute;\r\n line-height: 1;\r\n inset-block-start: units.$u1;\r\n inset-inline-end: css-grid.$grid-gutter-width * 0.5;\r\n}\r\n\r\n.content.invisible {\r\n visibility: hidden;\r\n}\r\n\r\n.viewer-grid-columns {\r\n position: relative;\r\n}\r\n\r\n.dso-main-panel,\r\n.dso-document-panel {\r\n .content {\r\n block-size: 100%;\r\n padding-block: 0;\r\n padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n }\r\n}\r\n\r\n.dso-main-panel {\r\n background-color: colors.$wit;\r\n flex-shrink: 0;\r\n flex-grow: 0;\r\n position: relative;\r\n transition:\r\n flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n z-index: zindex.$viewer-grid-main-panel;\r\n\r\n &.compact,\r\n &.expanded {\r\n &.collapsed {\r\n inset-inline-start: -432px;\r\n }\r\n }\r\n\r\n &.compact,\r\n &.contracted {\r\n flex-shrink: unset;\r\n flex-grow: unset;\r\n position: absolute;\r\n transition: none;\r\n }\r\n\r\n &.expanded.collapsed {\r\n position: absolute;\r\n block-size: 100%;\r\n }\r\n\r\n .sizing-buttons,\r\n .toggle-button {\r\n inset-inline-start: calc(100% + 1px);\r\n transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n padding-block: 0 units.$u1;\r\n padding-inline: 0 units.$u1 * 0.5;\r\n }\r\n\r\n .toggle-button {\r\n --_dt-icon-button-border-start-start-radius: 0;\r\n --_dt-icon-button-border-end-start-radius: 0;\r\n }\r\n}\r\n\r\n.dso-document-panel {\r\n background-color: colors.$wit;\r\n flex-shrink: 0;\r\n flex-grow: 0;\r\n position: relative;\r\n transition:\r\n flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n z-index: zindex.$viewer-grid-main-panel;\r\n\r\n .sizing-buttons {\r\n inset-block-start: auto;\r\n inset-block-end: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n inset-inline-end: calc(100% + 1px);\r\n transition: inset-inline-end core-viewer-grid-variables.$transition-time ease-in;\r\n padding-block: 0 units.$u1;\r\n padding-inline: units.$u1 * 0.5 0;\r\n\r\n .shrink,\r\n .expand {\r\n --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;\r\n\r\n --_dt-icon-button-border-start-end-radius: 0;\r\n --_dt-icon-button-border-end-end-radius: 0;\r\n }\r\n }\r\n}\r\n\r\n.sizing-buttons,\r\n.toggle-button {\r\n overflow-x: hidden;\r\n position: absolute;\r\n inset-block-start: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n inline-size: core-viewer-grid-variables.$resize-button-size + units.$u1 * 0.5;\r\n z-index: zindex.$viewer-grid-sizing-buttons;\r\n}\r\n\r\n.map {\r\n block-size: 100%;\r\n inline-size: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.filter-panel,\r\n.overlay {\r\n background-color: colors.$wit;\r\n border: 0;\r\n block-size: 100%;\r\n margin-block: 0;\r\n max-block-size: 100vh;\r\n overflow-y: auto;\r\n z-index: zindex.$viewer-grid-main-panel + 1;\r\n}\r\n\r\n.filter-panel {\r\n display: block;\r\n position: absolute;\r\n padding-block: units.$u1;\r\n padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n inset-block-start: 0;\r\n block-size: 100%;\r\n inset-inline-start: calc(core-viewer-grid-variables.$filter-panel-max-inline-size * -1);\r\n inline-size: 100%;\r\n transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$filter-panel-inline-size) {\r\n inline-size: 100vw;\r\n\r\n &::before {\r\n display: none !important;\r\n }\r\n }\r\n\r\n @media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n max-inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n }\r\n\r\n &[open] {\r\n inset-inline-start: 0;\r\n box-shadow: none;\r\n border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n }\r\n\r\n h3 {\r\n color: colors.$bosgroen;\r\n }\r\n\r\n .dso-close {\r\n --_dso-icon-button-tertiary-color: #{colors.$grijs-90};\r\n\r\n position: absolute;\r\n inset-block-start: 20px;\r\n inset-inline-end: 20px;\r\n }\r\n}\r\n\r\n.overlay {\r\n padding-block: units.$u5 units.$u1;\r\n padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n inset-inline-end: 0;\r\n inline-size: core-viewer-grid-variables.$overlay-inline-size;\r\n\r\n &::backdrop {\r\n background-color: rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$overlay-inline-size) {\r\n inline-size: 100vw;\r\n }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-sm-min + units.$u5}) {\r\n :host([main-size=\"small\"]) .dso-main-panel,\r\n :host([document-panel-size=\"small\"]) .dso-document-panel {\r\n flex-basis: core-viewer-grid-variables.$small;\r\n min-inline-size: 0;\r\n max-inline-size: core-viewer-grid-variables.$small;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$small) {\r\n flex-basis: 100vw;\r\n max-inline-size: 100vw;\r\n min-inline-size: 0;\r\n transition: none;\r\n }\r\n }\r\n\r\n :host([main-size=\"medium\"]) .dso-main-panel,\r\n :host([document-panel-size=\"medium\"]) .dso-document-panel {\r\n flex-basis: core-viewer-grid-variables.$medium;\r\n min-inline-size: core-viewer-grid-variables.$small;\r\n max-inline-size: core-viewer-grid-variables.$medium;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$medium) {\r\n flex-basis: 100vw;\r\n max-inline-size: 100vw;\r\n min-inline-size: core-viewer-grid-variables.$small;\r\n transition: none;\r\n }\r\n }\r\n\r\n :host([main-size=\"large\"]) .dso-main-panel,\r\n :host([document-panel-size=\"large\"]) .dso-document-panel {\r\n flex-basis: core-viewer-grid-variables.$large;\r\n min-inline-size: core-viewer-grid-variables.$large-min;\r\n max-inline-size: core-viewer-grid-variables.$large-max;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$large-min) {\r\n flex-basis: 100vw;\r\n max-inline-size: 100vw;\r\n min-inline-size: core-viewer-grid-variables.$large-min;\r\n transition: none;\r\n }\r\n }\r\n\r\n :host {\r\n display: flex;\r\n flex-direction: column;\r\n block-size: 100vh;\r\n overflow: clip;\r\n position: relative;\r\n\r\n .dso-main-panel.compact,\r\n .dso-main-panel.expanded {\r\n flex-basis: unset;\r\n min-inline-size: unset;\r\n max-inline-size: unset;\r\n inline-size: 440px;\r\n }\r\n\r\n .viewer-grid-columns {\r\n display: flex;\r\n overflow: hidden;\r\n flex-grow: 1;\r\n }\r\n }\r\n\r\n .dso-main-panel,\r\n .dso-document-panel {\r\n box-shadow: units.$u1 * 0.25 0 units.$u1 0 rgba(0, 0, 0, 0.4);\r\n\r\n .content {\r\n overflow-y: auto;\r\n }\r\n }\r\n\r\n .filter-panel {\r\n margin-inline: 0 auto;\r\n inline-size: calc(100vw - 40px);\r\n\r\n &[open] {\r\n border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n }\r\n }\r\n\r\n .overlay {\r\n box-shadow: -2px 0 5px colors.$grijs-60;\r\n margin-inline: auto 0;\r\n }\r\n\r\n @media screen and (max-width: #{media-query-breakpoints.$screen-sm-max + units.$u5 + 0.99}) {\r\n :host([filter-panel-open]) {\r\n .dso-main-panel {\r\n margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n max-inline-size: calc(100vw - #{core-viewer-grid-variables.$filter-panel-max-inline-size});\r\n }\r\n }\r\n\r\n .filter-panel {\r\n inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n inset-inline-start: -(core-viewer-grid-variables.$filter-panel-max-inline-size);\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: #{media-query-breakpoints.$screen-xs-max + units.$u5 + 0.99}) {\r\n @include navbar.root();\r\n\r\n .dso-navbar {\r\n padding-inline: units.$u2;\r\n }\r\n\r\n .dso-nav {\r\n @include navbar.nav-border();\r\n\r\n display: flex;\r\n gap: units.$u2;\r\n margin-block-start: 0;\r\n inline-size: calc(100vw - units.$u4);\r\n }\r\n\r\n .dso-tertiary {\r\n @include button.tertiary($modifiers: false);\r\n\r\n font-weight: 300;\r\n }\r\n\r\n .filter-panel,\r\n .overlay {\r\n margin-inline: 0;\r\n max-inline-size: 100vw;\r\n inset-block-start: 0;\r\n inline-size: 100vw;\r\n }\r\n\r\n .filter-panel {\r\n inset-inline-start: -100vw;\r\n }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n :host([filter-panel-open]) {\r\n .dso-main-panel {\r\n margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n }\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Fragment, Method, Prop, State, Watch, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\nimport { DocumentPanel, FilterPanel, MainPanel, Overlay } from \"./components\";\r\nimport {\r\n ViewerGridActiveTabSwitchEvent,\r\n ViewerGridChangeSizeAnimationEndEvent,\r\n ViewerGridChangeSizeEvent,\r\n ViewerGridCloseFilterPanelEvent,\r\n ViewerGridCloseOverlayEvent,\r\n ViewerGridMainToggleEvent,\r\n ViewerGridPanelSize,\r\n ViewerGridTab,\r\n viewerGridTabLabelMap,\r\n viewerGridTabs,\r\n} from \"./viewer-grid.interfaces\";\r\n\r\nconst resizeObserver = new ResizeObserver(\r\n debounce(([entry]) => {\r\n const shadowRoot = entry?.target.getRootNode();\r\n if (shadowRoot instanceof ShadowRoot && isDsoViewerGridComponent(shadowRoot.host)) {\r\n shadowRoot.host._checkMainPanelVisibility();\r\n }\r\n }, 50),\r\n);\r\n\r\nfunction isDsoViewerGridComponent(element: Element): element is HTMLDsoViewerGridElement {\r\n return element.tagName === \"DSO-VIEWER-GRID\";\r\n}\r\n\r\nconst buttonWidth = 40;\r\n\r\nconst tabViewBreakpoint = 768 + buttonWidth;\r\n\r\nconst minMapElementWidth = 440;\r\n\r\n/**\r\n * @slot top-bar - Een slot die bovenaan de viewer over de hele breedte kan worden gevuld met bijv een banner.\r\n * @slot main\r\n * @slot map\r\n * @slot filter-panel\r\n * @slot overlay\r\n * @slot document-panel\r\n */\r\n@Component({\r\n tag: \"dso-viewer-grid\",\r\n styleUrl: \"viewer-grid.scss\",\r\n shadow: true,\r\n})\r\nexport class ViewerGrid {\r\n private mediaCondition = `(min-width: ${tabViewBreakpoint}px)`;\r\n\r\n private mapElement?: HTMLDivElement;\r\n\r\n /**\r\n * The title of the filter panel\r\n */\r\n @Prop({ reflect: true })\r\n filterPanelTitle?: string;\r\n\r\n /**\r\n * Set to true when filter panel should show.\r\n */\r\n @Prop({ reflect: true })\r\n filterPanelOpen = false;\r\n\r\n /**\r\n * Set to true when overlay should show.\r\n */\r\n @Prop({ reflect: true })\r\n overlayOpen = false;\r\n\r\n /**\r\n * Set to true when document panel should show.\r\n */\r\n @Prop({ reflect: true })\r\n documentPanelOpen = false;\r\n\r\n /**\r\n * Size of the panel when component loads.\r\n *\r\n * Default size is `large`.\r\n */\r\n @Prop({ reflect: true })\r\n mainSize: ViewerGridPanelSize = \"large\";\r\n\r\n /**\r\n * Set active tab in tab view.\r\n */\r\n @Prop()\r\n activeTab?: ViewerGridTab;\r\n\r\n /**\r\n * Size of the panel when component loads.\r\n *\r\n * Default size is `large`.\r\n */\r\n @Prop({ reflect: true })\r\n documentPanelSize: ViewerGridPanelSize = \"large\";\r\n\r\n /**\r\n * Set to show main panel expanded.\r\n */\r\n @Prop()\r\n mainPanelExpanded = false;\r\n\r\n /**\r\n * Set to hide the main panel.\r\n */\r\n @Prop()\r\n mainPanelHidden = false;\r\n\r\n /**\r\n * Emitted when user wants to close the overlay.\r\n */\r\n @Event()\r\n dsoCloseOverlay!: EventEmitter<ViewerGridCloseOverlayEvent>;\r\n\r\n /**\r\n * Emitted when user wants to close the filter panel.\r\n */\r\n @Event()\r\n dsoCloseFilterPanel!: EventEmitter<ViewerGridCloseFilterPanelEvent>;\r\n\r\n /**\r\n * Emitted when user applies filter panel options.\r\n */\r\n @Event()\r\n dsoActiveTabSwitch!: EventEmitter<ViewerGridActiveTabSwitchEvent>;\r\n\r\n /**\r\n * Emitted after main size animation.\r\n */\r\n @Event()\r\n dsoMainSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n /**\r\n * Emitted on interaction with sizing buttons.\r\n */\r\n @Event()\r\n dsoDocumentPanelSizeChange!: EventEmitter<ViewerGridChangeSizeEvent>;\r\n\r\n /**\r\n * Emitted after main size animation.\r\n */\r\n @Event()\r\n dsoDocumentPanelSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n /**\r\n * Emitted when the user toggles the visibility of the main panel.\r\n *\r\n * Also emitted by scripting when the panels do not fit anymore.\r\n */\r\n @Event()\r\n dsoMainPanelToggle!: EventEmitter<ViewerGridMainToggleEvent>;\r\n\r\n @Element()\r\n host!: HTMLDsoViewerGridElement;\r\n\r\n @State()\r\n tabView = window.innerWidth < tabViewBreakpoint;\r\n\r\n private filterPanel: HTMLDialogElement | undefined;\r\n\r\n private get filterPanelSlot() {\r\n return this.host.querySelector(\"[slot='filter-panel']\");\r\n }\r\n\r\n private get overlaySlot() {\r\n return this.host.querySelector(\"[slot='overlay']\");\r\n }\r\n\r\n private overlay: HTMLDialogElement | undefined;\r\n\r\n @Watch(\"documentPanelOpen\")\r\n documentPanelOpenWatcher(open: boolean) {\r\n if (open) {\r\n this._checkMainPanelVisibility();\r\n }\r\n }\r\n\r\n @Watch(\"filterPanelOpen\")\r\n filterPanelOpenWatcher(open: boolean) {\r\n if (!this.filterPanelSlot) {\r\n console.warn(\"slot 'filter-panel' has not been set\");\r\n }\r\n\r\n if (open) {\r\n this.filterPanel?.show();\r\n } else {\r\n this.filterPanel?.close();\r\n }\r\n }\r\n\r\n @Watch(\"overlayOpen\")\r\n overlayOpenWatcher(open: boolean) {\r\n if (!this.overlaySlot) {\r\n console.warn(\"slot 'overlay' has not been set\");\r\n }\r\n\r\n if (open) {\r\n this.overlay?.showModal();\r\n } else {\r\n this.overlay?.close();\r\n }\r\n }\r\n\r\n /**\r\n * @internal\r\n */\r\n @Method()\r\n async _checkMainPanelVisibility() {\r\n if (\r\n this.documentPanelOpen &&\r\n !this.mainPanelHidden &&\r\n this.mapElement instanceof HTMLDivElement &&\r\n ((this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth && !this.mainPanelExpanded) ||\r\n (this.mapElement.clientWidth <= buttonWidth + buttonWidth && this.mainPanelExpanded))\r\n ) {\r\n this.dsoMainPanelToggle.emit({\r\n hide: true,\r\n });\r\n }\r\n }\r\n\r\n private switchActiveTab = (tab: ViewerGridTab) => {\r\n this.dsoActiveTabSwitch.emit({\r\n tab,\r\n });\r\n };\r\n\r\n private shrinkDocumentPanel = () => {\r\n this.dsoDocumentPanelSizeChange.emit({\r\n currentSize: this.documentPanelSize,\r\n nextSize: this.documentPanelSize === \"large\" ? \"medium\" : \"small\",\r\n });\r\n };\r\n\r\n private expandDocumentPanel = () => {\r\n this.dsoDocumentPanelSizeChange.emit({\r\n currentSize: this.documentPanelSize,\r\n nextSize: this.documentPanelSize === \"small\" ? \"medium\" : \"large\",\r\n });\r\n };\r\n\r\n private toggleMainPanel = () => {\r\n if (\r\n this.mapElement instanceof HTMLDivElement &&\r\n this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth\r\n ) {\r\n this.mainSize = \"small\";\r\n }\r\n\r\n this.dsoMainPanelToggle.emit({\r\n hide: !this.mainPanelHidden,\r\n });\r\n };\r\n\r\n private changeListener = (largeScreen: MediaQueryListEvent) => (this.tabView = !largeScreen.matches);\r\n\r\n connectedCallback() {\r\n window.matchMedia(this.mediaCondition).addEventListener(\"change\", this.changeListener);\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.filterPanelOpen && this.filterPanelSlot) {\r\n this.filterPanel?.show();\r\n }\r\n\r\n if (this.overlayOpen && this.overlaySlot) {\r\n this.overlay?.showModal();\r\n }\r\n\r\n if (this.mapElement instanceof HTMLDivElement) {\r\n resizeObserver.observe(this.mapElement);\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n window.matchMedia(this.mediaCondition).removeEventListener(\"change\", this.changeListener);\r\n\r\n if (this.mapElement) {\r\n resizeObserver.unobserve(this.mapElement);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Fragment>\r\n <slot name=\"top-bar\" />\r\n <div class=\"viewer-grid-columns\">\r\n {this.tabView && (\r\n <nav class=\"dso-navbar\">\r\n <ul class=\"dso-nav dso-nav-sub\">\r\n {viewerGridTabs.map((tab) => (\r\n <li key={tab} class={clsx({ \"dso-active\": this.activeTab === tab })}>\r\n <button type=\"button\" class=\"dso-tertiary\" onClick={() => this.switchActiveTab(tab)}>\r\n {viewerGridTabLabelMap[tab]}\r\n </button>\r\n </li>\r\n ))}\r\n </ul>\r\n </nav>\r\n )}\r\n {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n <MainPanel\r\n tabView={this.tabView}\r\n mainSize={this.mainSize}\r\n documentPanelOpen={this.documentPanelOpen}\r\n mainPanelExpanded={this.mainPanelExpanded}\r\n mainPanelHidden={this.mainPanelHidden}\r\n toggleMainPanel={this.toggleMainPanel}\r\n dsoMainSizeChangeAnimationEnd={this.dsoMainSizeChangeAnimationEnd}\r\n ></MainPanel>\r\n )}\r\n {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n <FilterPanel\r\n open={this.filterPanelOpen}\r\n title={this.filterPanelTitle}\r\n ref={(element) => (this.filterPanel = element)}\r\n dsoCloseFilterPanel={(e) => this.dsoCloseFilterPanel.emit({ originalEvent: e })}\r\n ></FilterPanel>\r\n )}\r\n {(!this.tabView || (this.tabView && this.activeTab === \"map\")) && (\r\n <div class=\"map\" ref={(element) => (this.mapElement = element)}>\r\n <slot name=\"map\" />\r\n </div>\r\n )}\r\n {((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === \"document\")) && (\r\n <DocumentPanel\r\n tabView={this.tabView}\r\n panelSize={this.documentPanelSize}\r\n shrinkDocumentPanel={this.shrinkDocumentPanel}\r\n expandDocumentPanel={this.expandDocumentPanel}\r\n dsoDocumentPanelSizeChangeAnimationEnd={this.dsoDocumentPanelSizeChangeAnimationEnd}\r\n ></DocumentPanel>\r\n )}\r\n <Overlay\r\n ref={(element) => (this.overlay = element)}\r\n dsoCloseOverlay={(e) => this.dsoCloseOverlay.emit({ originalEvent: e })}\r\n ></Overlay>\r\n </div>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"],"version":3}
1
+ {"file":"dso-viewer-grid.js","mappings":"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AAU,EAAE,eAAe,EAC3B,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAChB,CACV;;AC1BD,MAAM,aAAa,GAAG,MAAM,CAAC;AAC7B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;;AC/jBF,MAAM,cAAc,GAAG,IAAI,cAAc,CACvC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAI;IACnB,MAAM,UAAU,GAAG,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,CAAC,WAAW,EAAE;IAC9C,IAAI,UAAU,YAAY,UAAU,IAAI,wBAAwB,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AACjF,QAAA,UAAU,CAAC,IAAI,CAAC,yBAAyB,EAAE;;AAE/C,CAAC,EAAE,EAAE,CAAC,CACP;AAED,SAAS,wBAAwB,CAAC,OAAgB,EAAA;AAChD,IAAA,OAAO,OAAO,CAAC,OAAO,KAAK,iBAAiB;AAC9C;AAEA,MAAM,WAAW,GAAG,EAAE;AAEtB,MAAM,iBAAiB,GAAG,GAAG,GAAG,WAAW;AAE3C,MAAM,kBAAkB,GAAG,GAAG;MAejB,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/viewer-grid/viewer-grid.interfaces.ts","src/components/viewer-grid/components/sizing-buttons.tsx","src/components/viewer-grid/components/document-panel.tsx","src/components/viewer-grid/components/filter-panel.tsx","src/components/viewer-grid/components/main-panel.tsx","src/components/viewer-grid/components/overlay.tsx","src/components/viewer-grid/viewer-grid.scss?tag=dso-viewer-grid&encapsulation=shadow","src/components/viewer-grid/viewer-grid.tsx"],"sourcesContent":["export interface ViewerGridChangeSizeEvent {\r\n currentSize: ViewerGridPanelSize;\r\n nextSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridChangeSizeAnimationEndEvent {\r\n currentSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridCloseOverlayEvent {\r\n originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridCloseFilterPanelEvent {\r\n originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridActiveTabSwitchEvent {\r\n tab: ViewerGridTab;\r\n}\r\n\r\nexport interface ViewerGridMainToggleEvent {\r\n hide: boolean;\r\n}\r\n\r\nexport type ViewerGridPanelSize = \"small\" | \"medium\" | \"large\";\r\n\r\nexport type ViewerGridLabelSizeMap = { [key in ViewerGridPanelSize]: string };\r\n\r\nexport const viewerGridTabs = [\"search\", \"map\", \"document\"] as const;\r\nexport type ViewerGridTab = (typeof viewerGridTabs)[number];\r\n\r\nexport type ViewerGridTabLabelMap = { [key in ViewerGridTab]: string };\r\n\r\nexport const viewerGridTabLabelMap: ViewerGridTabLabelMap = {\r\n map: \"Kaart\",\r\n document: \"Document\",\r\n search: \"Zoeken\",\r\n};\r\n\r\nexport const viewerGridSizeLabelMap: ViewerGridLabelSizeMap = {\r\n small: \"smal\",\r\n medium: \"middel\",\r\n large: \"breed\",\r\n};\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridPanelSize, viewerGridSizeLabelMap } from \"../viewer-grid.interfaces\";\r\n\r\ninterface SizingButtonProp {\r\n className: string;\r\n onClick: any;\r\n label: string;\r\n icon: \"chevron-left\" | \"chevron-right\";\r\n}\r\n\r\nconst SizingButton: FunctionalComponent<SizingButtonProp> = ({ className, onClick, label, icon }) => (\r\n <dso-icon-button variant=\"map\" class={className} onDsoClick={onClick} icon={icon} label={label} />\r\n);\r\n\r\ninterface SizingButtonProps {\r\n panelLabel: string;\r\n size: ViewerGridPanelSize;\r\n expand: () => void;\r\n shrink: () => void;\r\n placement: \"left\" | \"right\";\r\n}\r\n\r\nexport const SizingButtons: FunctionalComponent<SizingButtonProps> = ({\r\n shrink,\r\n expand,\r\n size,\r\n panelLabel,\r\n placement,\r\n}) => {\r\n const buttons = [];\r\n\r\n if (size !== \"small\") {\r\n buttons.push(\r\n <SizingButton\r\n onClick={shrink}\r\n label={`${panelLabel} smaller maken`}\r\n icon={placement === \"right\" ? \"chevron-right\" : \"chevron-left\"}\r\n className=\"shrink\"\r\n />,\r\n );\r\n }\r\n\r\n if (size !== \"large\") {\r\n buttons.push(\r\n <SizingButton\r\n onClick={expand}\r\n label={`${panelLabel} breder maken`}\r\n icon={placement === \"right\" ? \"chevron-left\" : \"chevron-right\"}\r\n className=\"expand\"\r\n />,\r\n );\r\n }\r\n\r\n return (\r\n <div class=\"sizing-buttons\">\r\n <span class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\r\n Breedte {panelLabel.toLocaleLowerCase()}: {viewerGridSizeLabelMap[size]}\r\n </span>\r\n {buttons}\r\n </div>\r\n );\r\n};\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nimport { SizingButtons } from \"./sizing-buttons\";\r\n\r\nexport interface ViewerGridDocumentPanelProps {\r\n tabView: boolean;\r\n panelSize: ViewerGridPanelSize;\r\n shrinkDocumentPanel: () => void;\r\n expandDocumentPanel: () => void;\r\n dsoDocumentPanelSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const DocumentPanel: FunctionalComponent<ViewerGridDocumentPanelProps> = ({\r\n tabView,\r\n panelSize,\r\n shrinkDocumentPanel,\r\n expandDocumentPanel,\r\n dsoDocumentPanelSizeChangeAnimationEnd,\r\n}) => (\r\n <div\r\n class=\"dso-document-panel\"\r\n onTransitionEnd={(e) => {\r\n if (e.propertyName === \"flex-basis\") {\r\n dsoDocumentPanelSizeChangeAnimationEnd.emit({ currentSize: panelSize });\r\n }\r\n }}\r\n >\r\n {!tabView && (\r\n <SizingButtons\r\n panelLabel=\"Documentpaneel\"\r\n size={panelSize}\r\n expand={expandDocumentPanel}\r\n shrink={shrinkDocumentPanel}\r\n placement=\"right\"\r\n />\r\n )}\r\n <div class=\"content\">\r\n <slot name=\"document-panel\" />\r\n </div>\r\n </div>\r\n);\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridFilterPanelProps {\r\n open: boolean;\r\n title?: string;\r\n ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n dsoCloseFilterPanel: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const FilterPanel: FunctionalComponent<ViewerGridFilterPanelProps> = ({\r\n open,\r\n title,\r\n ref,\r\n dsoCloseFilterPanel,\r\n}) => (\r\n <dialog class=\"filter-panel\" ref={ref}>\r\n {open && (\r\n <Fragment>\r\n {title && <h3>{title}</h3>}\r\n <dso-icon-button\r\n class=\"dso-close\"\r\n icon=\"times\"\r\n variant=\"tertiary\"\r\n label=\"Sluiten\"\r\n onDsoClick={dsoCloseFilterPanel}\r\n />\r\n <slot name=\"filter-panel\" />\r\n </Fragment>\r\n )}\r\n </dialog>\r\n);\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nexport interface ViewerGridMainPanelProps {\r\n tabView: boolean;\r\n mainSize: ViewerGridPanelSize;\r\n documentPanelOpen: boolean;\r\n mainPanelExpanded: boolean;\r\n mainPanelHidden: boolean;\r\n toggleMainPanel: () => void;\r\n dsoMainSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const MainPanel: FunctionalComponent<ViewerGridMainPanelProps> = ({\r\n tabView,\r\n mainSize,\r\n documentPanelOpen,\r\n mainPanelExpanded,\r\n mainPanelHidden,\r\n toggleMainPanel,\r\n dsoMainSizeChangeAnimationEnd,\r\n}) => (\r\n <div\r\n class={clsx(\"dso-main-panel\", {\r\n compact: !tabView && documentPanelOpen && !mainPanelExpanded,\r\n contracted: !tabView && !documentPanelOpen && !mainPanelExpanded,\r\n expanded: !tabView && documentPanelOpen && mainPanelExpanded,\r\n collapsed: mainPanelHidden,\r\n })}\r\n onTransitionEnd={(e) => {\r\n if (e.propertyName === \"flex-basis\") {\r\n dsoMainSizeChangeAnimationEnd.emit({ currentSize: mainSize });\r\n }\r\n }}\r\n >\r\n {!tabView && documentPanelOpen && (\r\n <div class=\"toggle-button\">\r\n <dso-icon-button\r\n variant=\"map\"\r\n label={`Zoeken paneel ${mainPanelHidden ? \"tonen\" : \"verbergen\"}`}\r\n icon={mainPanelHidden ? \"chevron-right\" : \"chevron-left\"}\r\n onDsoClick={toggleMainPanel}\r\n ></dso-icon-button>\r\n </div>\r\n )}\r\n <div class={clsx(\"content\", { invisible: mainPanelHidden })}>\r\n <slot name=\"main\" />\r\n </div>\r\n </div>\r\n);\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridOverlayProps {\r\n ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n dsoCloseOverlay: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const Overlay: FunctionalComponent<ViewerGridOverlayProps> = ({ ref, dsoCloseOverlay }) => (\r\n <dialog\r\n class=\"overlay\"\r\n ref={ref}\r\n onCancel={(e) => {\r\n e.preventDefault();\r\n\r\n dsoCloseOverlay(e);\r\n }}\r\n >\r\n <dso-icon-button\r\n class=\"overlay-close-button\"\r\n icon=\"times\"\r\n variant=\"tertiary\"\r\n label=\"Sluiten\"\r\n onDsoClick={dsoCloseOverlay}\r\n />\r\n <slot name=\"overlay\" />\r\n </dialog>\r\n);\r\n","@use \"~dso-toolkit/src/components/grid\" as css-grid;\r\n\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/heading\";\r\n@use \"~dso-toolkit/src/components/navbar\";\r\n\r\n@use \"viewer-grid.variables\" as core-viewer-grid-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n .overlay {\r\n block-size: calc(100% - units.$u4);\r\n margin-block: units.$u2;\r\n margin-inline: auto units.$u2;\r\n }\r\n\r\n .dso-main-panel {\r\n transition:\r\n min-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n margin-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n }\r\n}\r\n\r\nbutton {\r\n @include button.element();\r\n}\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.overlay-close-button {\r\n position: absolute;\r\n line-height: 1;\r\n inset-block-start: units.$u1;\r\n inset-inline-end: css-grid.$grid-gutter-width * 0.5;\r\n}\r\n\r\n.content.invisible {\r\n visibility: hidden;\r\n}\r\n\r\n.viewer-grid-columns {\r\n position: relative;\r\n}\r\n\r\n.dso-main-panel,\r\n.dso-document-panel {\r\n .content {\r\n block-size: 100%;\r\n padding-block: 0;\r\n padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n }\r\n}\r\n\r\n.dso-main-panel {\r\n background-color: colors.$wit;\r\n flex-shrink: 0;\r\n flex-grow: 0;\r\n position: relative;\r\n transition:\r\n flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n z-index: zindex.$viewer-grid-main-panel;\r\n\r\n &.compact,\r\n &.expanded {\r\n &.collapsed {\r\n inset-inline-start: -432px;\r\n }\r\n }\r\n\r\n &.compact,\r\n &.contracted {\r\n flex-shrink: unset;\r\n flex-grow: unset;\r\n position: absolute;\r\n transition: none;\r\n }\r\n\r\n &.expanded.collapsed {\r\n position: absolute;\r\n block-size: 100%;\r\n }\r\n\r\n .sizing-buttons,\r\n .toggle-button {\r\n inset-inline-start: calc(100% + 1px);\r\n transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n padding-block: 0 units.$u1;\r\n padding-inline: 0 units.$u1 * 0.5;\r\n }\r\n\r\n .toggle-button {\r\n --_dt-icon-button-border-start-start-radius: 0;\r\n --_dt-icon-button-border-end-start-radius: 0;\r\n }\r\n}\r\n\r\n.dso-document-panel {\r\n background-color: colors.$wit;\r\n flex-shrink: 0;\r\n flex-grow: 0;\r\n position: relative;\r\n transition:\r\n flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n z-index: zindex.$viewer-grid-main-panel;\r\n\r\n .sizing-buttons {\r\n inset-block-start: auto;\r\n inset-block-end: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n inset-inline-end: calc(100% + 1px);\r\n transition: inset-inline-end core-viewer-grid-variables.$transition-time ease-in;\r\n padding-block: 0 units.$u1;\r\n padding-inline: units.$u1 * 0.5 0;\r\n\r\n .shrink,\r\n .expand {\r\n --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;\r\n\r\n --_dt-icon-button-border-start-end-radius: 0;\r\n --_dt-icon-button-border-end-end-radius: 0;\r\n }\r\n }\r\n}\r\n\r\n.sizing-buttons,\r\n.toggle-button {\r\n overflow-x: hidden;\r\n position: absolute;\r\n inset-block-start: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n inline-size: core-viewer-grid-variables.$resize-button-size + units.$u1 * 0.5;\r\n z-index: zindex.$viewer-grid-sizing-buttons;\r\n}\r\n\r\n.map {\r\n block-size: 100%;\r\n inline-size: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.filter-panel,\r\n.overlay {\r\n background-color: colors.$wit;\r\n border: 0;\r\n block-size: 100%;\r\n margin-block: 0;\r\n max-block-size: 100vh;\r\n overflow-y: auto;\r\n z-index: zindex.$viewer-grid-main-panel + 1;\r\n}\r\n\r\n.filter-panel {\r\n display: block;\r\n position: absolute;\r\n padding-block: units.$u1;\r\n padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n inset-block-start: 0;\r\n block-size: 100%;\r\n inset-inline-start: calc(core-viewer-grid-variables.$filter-panel-max-inline-size * -1);\r\n inline-size: 100%;\r\n transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$filter-panel-inline-size) {\r\n inline-size: 100vw;\r\n\r\n &::before {\r\n display: none !important;\r\n }\r\n }\r\n\r\n @media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n max-inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n }\r\n\r\n &[open] {\r\n inset-inline-start: 0;\r\n box-shadow: none;\r\n border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n }\r\n\r\n h3 {\r\n color: colors.$bosgroen;\r\n }\r\n\r\n .dso-close {\r\n --_dso-icon-button-tertiary-color: #{colors.$grijs-90};\r\n\r\n position: absolute;\r\n inset-block-start: 20px;\r\n inset-inline-end: 20px;\r\n }\r\n}\r\n\r\n.overlay {\r\n padding-block: units.$u5 units.$u1;\r\n padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n inset-inline-end: 0;\r\n inline-size: core-viewer-grid-variables.$overlay-inline-size;\r\n\r\n &::backdrop {\r\n background-color: rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$overlay-inline-size) {\r\n inline-size: 100vw;\r\n }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-sm-min + units.$u5}) {\r\n :host([main-size=\"small\"]) .dso-main-panel,\r\n :host([document-panel-size=\"small\"]) .dso-document-panel {\r\n flex-basis: core-viewer-grid-variables.$small;\r\n min-inline-size: 0;\r\n max-inline-size: core-viewer-grid-variables.$small;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$small) {\r\n flex-basis: 100vw;\r\n max-inline-size: 100vw;\r\n min-inline-size: 0;\r\n transition: none;\r\n }\r\n }\r\n\r\n :host([main-size=\"medium\"]) .dso-main-panel,\r\n :host([document-panel-size=\"medium\"]) .dso-document-panel {\r\n flex-basis: core-viewer-grid-variables.$medium;\r\n min-inline-size: core-viewer-grid-variables.$small;\r\n max-inline-size: core-viewer-grid-variables.$medium;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$medium) {\r\n flex-basis: 100vw;\r\n max-inline-size: 100vw;\r\n min-inline-size: core-viewer-grid-variables.$small;\r\n transition: none;\r\n }\r\n }\r\n\r\n :host([main-size=\"large\"]) .dso-main-panel,\r\n :host([document-panel-size=\"large\"]) .dso-document-panel {\r\n flex-basis: core-viewer-grid-variables.$large;\r\n min-inline-size: core-viewer-grid-variables.$large-min;\r\n max-inline-size: core-viewer-grid-variables.$large-max;\r\n\r\n @media screen and (max-width: core-viewer-grid-variables.$large-min) {\r\n flex-basis: 100vw;\r\n max-inline-size: 100vw;\r\n min-inline-size: core-viewer-grid-variables.$large-min;\r\n transition: none;\r\n }\r\n }\r\n\r\n :host {\r\n display: flex;\r\n flex-direction: column;\r\n block-size: 100vh;\r\n overflow: clip;\r\n position: relative;\r\n\r\n .dso-main-panel.compact,\r\n .dso-main-panel.expanded {\r\n flex-basis: unset;\r\n min-inline-size: unset;\r\n max-inline-size: unset;\r\n inline-size: 440px;\r\n }\r\n\r\n .viewer-grid-columns {\r\n display: flex;\r\n overflow: hidden;\r\n flex-grow: 1;\r\n }\r\n }\r\n\r\n .dso-main-panel,\r\n .dso-document-panel {\r\n box-shadow: units.$u1 * 0.25 0 units.$u1 0 rgba(0, 0, 0, 0.4);\r\n\r\n .content {\r\n overflow-y: auto;\r\n }\r\n }\r\n\r\n .filter-panel {\r\n margin-inline: 0 auto;\r\n inline-size: calc(100vw - 40px);\r\n\r\n &[open] {\r\n border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n }\r\n }\r\n\r\n .overlay {\r\n box-shadow: -2px 0 5px colors.$grijs-60;\r\n margin-inline: auto 0;\r\n }\r\n\r\n @media screen and (max-width: #{media-query-breakpoints.$screen-sm-max + units.$u5 + 0.99}) {\r\n :host([filter-panel-open]) {\r\n .dso-main-panel {\r\n margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n max-inline-size: calc(100vw - #{core-viewer-grid-variables.$filter-panel-max-inline-size});\r\n }\r\n }\r\n\r\n .filter-panel {\r\n inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n inset-inline-start: -(core-viewer-grid-variables.$filter-panel-max-inline-size);\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: #{media-query-breakpoints.$screen-xs-max + units.$u5 + 0.99}) {\r\n @include navbar.root();\r\n\r\n .dso-navbar {\r\n padding-inline: units.$u2;\r\n }\r\n\r\n .dso-nav {\r\n @include navbar.nav-border();\r\n\r\n display: flex;\r\n gap: units.$u2;\r\n margin-block-start: 0;\r\n inline-size: calc(100vw - units.$u4);\r\n }\r\n\r\n .dso-tertiary {\r\n @include button.tertiary($modifiers: false);\r\n\r\n font-weight: 300;\r\n }\r\n\r\n .filter-panel,\r\n .overlay {\r\n margin-inline: 0;\r\n max-inline-size: 100vw;\r\n inset-block-start: 0;\r\n inline-size: 100vw;\r\n }\r\n\r\n .filter-panel {\r\n inset-inline-start: -100vw;\r\n }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n :host([filter-panel-open]) {\r\n .dso-main-panel {\r\n margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n }\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Fragment, Method, Prop, State, Watch, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\nimport { DocumentPanel, FilterPanel, MainPanel, Overlay } from \"./components\";\r\nimport {\r\n ViewerGridActiveTabSwitchEvent,\r\n ViewerGridChangeSizeAnimationEndEvent,\r\n ViewerGridChangeSizeEvent,\r\n ViewerGridCloseFilterPanelEvent,\r\n ViewerGridCloseOverlayEvent,\r\n ViewerGridMainToggleEvent,\r\n ViewerGridPanelSize,\r\n ViewerGridTab,\r\n viewerGridTabLabelMap,\r\n viewerGridTabs,\r\n} from \"./viewer-grid.interfaces\";\r\n\r\nconst resizeObserver = new ResizeObserver(\r\n debounce(([entry]) => {\r\n const shadowRoot = entry?.target.getRootNode();\r\n if (shadowRoot instanceof ShadowRoot && isDsoViewerGridComponent(shadowRoot.host)) {\r\n shadowRoot.host._checkMainPanelVisibility();\r\n }\r\n }, 50),\r\n);\r\n\r\nfunction isDsoViewerGridComponent(element: Element): element is HTMLDsoViewerGridElement {\r\n return element.tagName === \"DSO-VIEWER-GRID\";\r\n}\r\n\r\nconst buttonWidth = 40;\r\n\r\nconst tabViewBreakpoint = 768 + buttonWidth;\r\n\r\nconst minMapElementWidth = 440;\r\n\r\n/**\r\n * @slot top-bar - Een slot die bovenaan de viewer over de hele breedte kan worden gevuld met bijv een banner.\r\n * @slot main\r\n * @slot map\r\n * @slot filter-panel\r\n * @slot overlay\r\n * @slot document-panel\r\n */\r\n@Component({\r\n tag: \"dso-viewer-grid\",\r\n styleUrl: \"viewer-grid.scss\",\r\n shadow: true,\r\n})\r\nexport class ViewerGrid {\r\n private mediaCondition = `(min-width: ${tabViewBreakpoint}px)`;\r\n\r\n private mapElement?: HTMLDivElement;\r\n\r\n /**\r\n * The title of the filter panel\r\n */\r\n @Prop({ reflect: true })\r\n filterPanelTitle?: string;\r\n\r\n /**\r\n * Set to true when filter panel should show.\r\n */\r\n @Prop({ reflect: true })\r\n filterPanelOpen = false;\r\n\r\n /**\r\n * Set to true when overlay should show.\r\n */\r\n @Prop({ reflect: true })\r\n overlayOpen = false;\r\n\r\n /**\r\n * Set to true when document panel should show.\r\n */\r\n @Prop({ reflect: true })\r\n documentPanelOpen = false;\r\n\r\n /**\r\n * Size of the panel when component loads.\r\n *\r\n * Default size is `large`.\r\n */\r\n @Prop({ reflect: true })\r\n mainSize: ViewerGridPanelSize = \"large\";\r\n\r\n /**\r\n * Set active tab in tab view.\r\n */\r\n @Prop()\r\n activeTab?: ViewerGridTab;\r\n\r\n /**\r\n * Size of the panel when component loads.\r\n *\r\n * Default size is `large`.\r\n */\r\n @Prop({ reflect: true })\r\n documentPanelSize: ViewerGridPanelSize = \"large\";\r\n\r\n /**\r\n * Set to show main panel expanded.\r\n */\r\n @Prop()\r\n mainPanelExpanded = false;\r\n\r\n /**\r\n * Set to hide the main panel.\r\n */\r\n @Prop()\r\n mainPanelHidden = false;\r\n\r\n /**\r\n * Emitted when user wants to close the overlay.\r\n */\r\n @Event()\r\n dsoCloseOverlay!: EventEmitter<ViewerGridCloseOverlayEvent>;\r\n\r\n /**\r\n * Emitted when user wants to close the filter panel.\r\n */\r\n @Event()\r\n dsoCloseFilterPanel!: EventEmitter<ViewerGridCloseFilterPanelEvent>;\r\n\r\n /**\r\n * Emitted when user applies filter panel options.\r\n */\r\n @Event()\r\n dsoActiveTabSwitch!: EventEmitter<ViewerGridActiveTabSwitchEvent>;\r\n\r\n /**\r\n * Emitted after main size animation.\r\n */\r\n @Event()\r\n dsoMainSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n /**\r\n * Emitted on interaction with sizing buttons.\r\n */\r\n @Event()\r\n dsoDocumentPanelSizeChange!: EventEmitter<ViewerGridChangeSizeEvent>;\r\n\r\n /**\r\n * Emitted after main size animation.\r\n */\r\n @Event()\r\n dsoDocumentPanelSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n /**\r\n * Emitted when the user toggles the visibility of the main panel.\r\n *\r\n * Also emitted by scripting when the panels do not fit anymore.\r\n */\r\n @Event()\r\n dsoMainPanelToggle!: EventEmitter<ViewerGridMainToggleEvent>;\r\n\r\n @Element()\r\n host!: HTMLDsoViewerGridElement;\r\n\r\n @State()\r\n tabView = window.innerWidth < tabViewBreakpoint;\r\n\r\n private filterPanel: HTMLDialogElement | undefined;\r\n\r\n private get filterPanelSlot() {\r\n return this.host.querySelector(\"[slot='filter-panel']\");\r\n }\r\n\r\n private get overlaySlot() {\r\n return this.host.querySelector(\"[slot='overlay']\");\r\n }\r\n\r\n private overlay: HTMLDialogElement | undefined;\r\n\r\n @Watch(\"documentPanelOpen\")\r\n documentPanelOpenWatcher(open: boolean) {\r\n if (open) {\r\n this._checkMainPanelVisibility();\r\n }\r\n }\r\n\r\n @Watch(\"filterPanelOpen\")\r\n filterPanelOpenWatcher(open: boolean) {\r\n if (!this.filterPanelSlot) {\r\n console.warn(\"slot 'filter-panel' has not been set\");\r\n }\r\n\r\n if (open) {\r\n this.filterPanel?.show();\r\n } else {\r\n this.filterPanel?.close();\r\n }\r\n }\r\n\r\n @Watch(\"overlayOpen\")\r\n overlayOpenWatcher(open: boolean) {\r\n if (!this.overlaySlot) {\r\n console.warn(\"slot 'overlay' has not been set\");\r\n }\r\n\r\n if (open) {\r\n this.overlay?.showModal();\r\n } else {\r\n this.overlay?.close();\r\n }\r\n }\r\n\r\n /**\r\n * @internal\r\n */\r\n @Method()\r\n async _checkMainPanelVisibility() {\r\n if (\r\n this.documentPanelOpen &&\r\n !this.mainPanelHidden &&\r\n this.mapElement instanceof HTMLDivElement &&\r\n ((this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth && !this.mainPanelExpanded) ||\r\n (this.mapElement.clientWidth <= buttonWidth + buttonWidth && this.mainPanelExpanded))\r\n ) {\r\n this.dsoMainPanelToggle.emit({\r\n hide: true,\r\n });\r\n }\r\n }\r\n\r\n private switchActiveTab = (tab: ViewerGridTab) => {\r\n this.dsoActiveTabSwitch.emit({\r\n tab,\r\n });\r\n };\r\n\r\n private shrinkDocumentPanel = () => {\r\n this.dsoDocumentPanelSizeChange.emit({\r\n currentSize: this.documentPanelSize,\r\n nextSize: this.documentPanelSize === \"large\" ? \"medium\" : \"small\",\r\n });\r\n };\r\n\r\n private expandDocumentPanel = () => {\r\n this.dsoDocumentPanelSizeChange.emit({\r\n currentSize: this.documentPanelSize,\r\n nextSize: this.documentPanelSize === \"small\" ? \"medium\" : \"large\",\r\n });\r\n };\r\n\r\n private toggleMainPanel = () => {\r\n if (\r\n this.mapElement instanceof HTMLDivElement &&\r\n this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth\r\n ) {\r\n this.mainSize = \"small\";\r\n }\r\n\r\n this.dsoMainPanelToggle.emit({\r\n hide: !this.mainPanelHidden,\r\n });\r\n };\r\n\r\n private changeListener = (largeScreen: MediaQueryListEvent) => (this.tabView = !largeScreen.matches);\r\n\r\n connectedCallback() {\r\n window.matchMedia(this.mediaCondition).addEventListener(\"change\", this.changeListener);\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.filterPanelOpen && this.filterPanelSlot) {\r\n this.filterPanel?.show();\r\n }\r\n\r\n if (this.overlayOpen && this.overlaySlot) {\r\n this.overlay?.showModal();\r\n }\r\n\r\n if (this.mapElement instanceof HTMLDivElement) {\r\n resizeObserver.observe(this.mapElement);\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n window.matchMedia(this.mediaCondition).removeEventListener(\"change\", this.changeListener);\r\n\r\n if (this.mapElement) {\r\n resizeObserver.unobserve(this.mapElement);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Fragment>\r\n <slot name=\"top-bar\" />\r\n <div class=\"viewer-grid-columns\">\r\n {this.tabView && (\r\n <nav class=\"dso-navbar\">\r\n <ul class=\"dso-nav dso-nav-sub\">\r\n {viewerGridTabs.map((tab) => (\r\n <li key={tab} class={clsx({ \"dso-active\": this.activeTab === tab })}>\r\n <button type=\"button\" class=\"dso-tertiary\" onClick={() => this.switchActiveTab(tab)}>\r\n {viewerGridTabLabelMap[tab]}\r\n </button>\r\n </li>\r\n ))}\r\n </ul>\r\n </nav>\r\n )}\r\n {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n <MainPanel\r\n tabView={this.tabView}\r\n mainSize={this.mainSize}\r\n documentPanelOpen={this.documentPanelOpen}\r\n mainPanelExpanded={this.mainPanelExpanded}\r\n mainPanelHidden={this.mainPanelHidden}\r\n toggleMainPanel={this.toggleMainPanel}\r\n dsoMainSizeChangeAnimationEnd={this.dsoMainSizeChangeAnimationEnd}\r\n ></MainPanel>\r\n )}\r\n {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n <FilterPanel\r\n open={this.filterPanelOpen}\r\n title={this.filterPanelTitle}\r\n ref={(element) => (this.filterPanel = element)}\r\n dsoCloseFilterPanel={(e) => this.dsoCloseFilterPanel.emit({ originalEvent: e })}\r\n ></FilterPanel>\r\n )}\r\n {(!this.tabView || (this.tabView && this.activeTab === \"map\")) && (\r\n <div class=\"map\" ref={(element) => (this.mapElement = element)}>\r\n <slot name=\"map\" />\r\n </div>\r\n )}\r\n {((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === \"document\")) && (\r\n <DocumentPanel\r\n tabView={this.tabView}\r\n panelSize={this.documentPanelSize}\r\n shrinkDocumentPanel={this.shrinkDocumentPanel}\r\n expandDocumentPanel={this.expandDocumentPanel}\r\n dsoDocumentPanelSizeChangeAnimationEnd={this.dsoDocumentPanelSizeChangeAnimationEnd}\r\n ></DocumentPanel>\r\n )}\r\n <Overlay\r\n ref={(element) => (this.overlay = element)}\r\n dsoCloseOverlay={(e) => this.dsoCloseOverlay.emit({ originalEvent: e })}\r\n ></Overlay>\r\n </div>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"],"version":3}
package/dist/bundle/dsot-document-component-demo.js CHANGED
@@ -1,20 +1,20 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DBWrx_3r.js';
2
- import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-DKUZ_y7O.js';
3
- import { d as defineCustomElement$h } from './p-UnVH9dA3.js';
4
- import { d as defineCustomElement$g } from './p-BeS6r1yL.js';
5
- import { d as defineCustomElement$f } from './p-Dx7IryUb.js';
6
- import { d as defineCustomElement$e } from './p-CXwqc8in.js';
7
- import { d as defineCustomElement$d } from './p-BRSHyfZz.js';
8
- import { d as defineCustomElement$c } from './p-DeccEoRQ.js';
9
- import { d as defineCustomElement$b } from './p-CUKsRYtG.js';
10
- import { d as defineCustomElement$a } from './p-CI06uY23.js';
11
- import { d as defineCustomElement$8 } from './p-046dAUOV.js';
12
- import { d as defineCustomElement$7 } from './p-CTQwkAJg.js';
13
- import { d as defineCustomElement$6 } from './p-xauW4yDb.js';
14
- import { d as defineCustomElement$5 } from './p-ZdXI66By.js';
15
- import { d as defineCustomElement$4 } from './p-DvY09j0_.js';
16
- import { d as defineCustomElement$3 } from './p-ZCp_Ng6S.js';
17
- import { d as defineCustomElement$2 } from './p-D8SsDcpI.js';
2
+ import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-DugmH51O.js';
3
+ import { d as defineCustomElement$h } from './p--_zCrLW5.js';
4
+ import { d as defineCustomElement$g } from './p-C0F5ddGm.js';
5
+ import { d as defineCustomElement$f } from './p-BM-R_z20.js';
6
+ import { d as defineCustomElement$e } from './p-PE5H8duf.js';
7
+ import { d as defineCustomElement$d } from './p-Btk7RWKm.js';
8
+ import { d as defineCustomElement$c } from './p-DpRZJt_D.js';
9
+ import { d as defineCustomElement$b } from './p-Yu8u8KO1.js';
10
+ import { d as defineCustomElement$a } from './p-BJqFBnN6.js';
11
+ import { d as defineCustomElement$8 } from './p-DrTyWXYp.js';
12
+ import { d as defineCustomElement$7 } from './p-C0j2UArC.js';
13
+ import { d as defineCustomElement$6 } from './p-DVDxAvhs.js';
14
+ import { d as defineCustomElement$5 } from './p-BWiGIQ1w.js';
15
+ import { d as defineCustomElement$4 } from './p-kBBh-4zI.js';
16
+ import { d as defineCustomElement$3 } from './p-B8nbVKJr.js';
17
+ import { d as defineCustomElement$2 } from './p-CBhOl8xD.js';
18
18
 
19
19
  /**
20
20
  * lodash (Custom Build) <https://lodash.com/>
@@ -1875,7 +1875,7 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
1875
1875
  render() {
1876
1876
  var _a, _b;
1877
1877
  const { DocumentComponent, MenuButton } = this;
1878
- return (h("dso-responsive-element", { key: 'a291de595ab1448eb6b6549cf01fad07678d9cef', class: "dso-document-components" }, h("div", { key: 'd9d5b06384b787ecea2ebf71c06d7468470f6889', class: "dso-navbar" }, h("ul", { key: 'fae39b82c1fe22532931b2d7ffc26636ab46688e', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '2e942a967a906e00ceeb6a0c8293aa5ffab196b5', path: [this.document] })));
1878
+ return (h("dso-responsive-element", { key: '3f41bdd6e8edc176973587904d57b63ed2e76e35', class: "dso-document-components" }, h("div", { key: 'cb4c5ad68081f18ce4216b209fe6e2d4f801a5a6', class: "dso-navbar" }, h("ul", { key: '466d7c0f495bb3c94f239d1a05ecf6dbe3e64fbd', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: 'e06d0bf9ea919bb770b6273968e98a1dfa78da41', path: [this.document] })));
1879
1879
  }
1880
1880
  static get watchers() { return {
1881
1881
  "jsonFile": ["jsonFileWatcher"],
package/dist/bundle/p--_zCrLW5.js ADDED
@@ -0,0 +1,86 @@
1
+ import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DBWrx_3r.js';
2
+ import { c as clsx } from './p-ChV9xqsO.js';
3
+ import { i as i18n } from './p-pxiVAmq4.js';
4
+ import { d as defineCustomElement$2 } from './p-Btk7RWKm.js';
5
+ import { d as defineCustomElement$1 } from './p-DpRZJt_D.js';
6
+
7
+ const translations = {
8
+ en: {
9
+ "dso-alert": {
10
+ close: "Close",
11
+ success: "Success",
12
+ info: "Notice",
13
+ warning: "Warning",
14
+ error: "Error",
15
+ },
16
+ },
17
+ nl: {
18
+ "dso-alert": {
19
+ close: "Sluiten",
20
+ success: "Gelukt",
21
+ info: "Opmerking",
22
+ warning: "Waarschuwing",
23
+ error: "Fout",
24
+ },
25
+ },
26
+ };
27
+
28
+ const alertCss = () => `:host{display:block}:host(:not(:first-child)){margin-block-start:24px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.alert{line-height:1.5;margin-block-end:var(--_dso-alert-margin-block-end, 24px);min-block-size:56px;position:relative;border:1px solid transparent}@media screen and (min-width: 481px){.alert{padding-block:15px;padding-inline:54px 39px}.alert.dso-compact{padding-block:7px;padding-inline:15px 39px}}@media screen and (max-width: 480px){.alert{padding-block:54px 15px;padding-inline:15px}.alert.dso-compact{padding-block:7px;padding-inline:15px}}.alert:not(:first-child){margin-block-start:24px}.alert .icon-status{inset-block-start:15px;inset-inline-start:15px;position:absolute}.alert.dso-compact{border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px}.alert.dso-compact::before{content:"";position:absolute;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-9px;border-start-start-radius:8px;border-end-start-radius:8px;inline-size:8px}.alert.dso-compact{min-block-size:16px}.alert.alert-success{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.alert.alert-success{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;border-color:var(--_dso-alert-success-border-color, #e4f1d4)}.alert.alert-success.dso-compact::before{background-color:#39870c}.alert.alert-error{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.alert.alert-error{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;border-color:var(--_dso-alert-error-border-color, #f5d8dc)}.alert.alert-error.dso-compact::before{background-color:#ce3f51}.alert.alert-warning{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.alert.alert-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f8f6cc;color:#191919;border-color:var(--_dso-alert-warning-border-color, #f8f6cc)}.alert.alert-warning.dso-compact::before{background-color:#dcd400}.alert.alert-info{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.alert.alert-info{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-color:var(--_dso-alert-info-border-color, #e1ecf7)}.alert.alert-info.dso-compact::before{background-color:#6ca4d9}.alert dso-icon-button{position:absolute;inset-block-start:7px;inset-inline-end:7px}.alert.dso-compact{min-block-size:16px}`;
29
+
30
+ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends H {
31
+ constructor(registerHost) {
32
+ super();
33
+ if (registerHost !== false) {
34
+ this.__registerHost();
35
+ }
36
+ this.__attachShadow();
37
+ this.dsoClose = createEvent(this, "dsoClose", 7);
38
+ /**
39
+ * When `false` the close button in the alert will not be rendered.
40
+ */
41
+ this.closable = false;
42
+ this.text = i18n(() => this.host, translations);
43
+ }
44
+ render() {
45
+ const status = this.text(this.status);
46
+ if (!status) {
47
+ throw new Error(`Invalid status ${this.status}`);
48
+ }
49
+ return (h("div", { key: '00aec42517954eba58249fc009660d4945dc1d2f', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && h("dso-icon", { key: 'd9de90358fc3d7e710c00fe4b71ee850a7ed4a36', class: "icon-status", icon: "status-" + this.status }), h("span", { key: '68684113c72945a8198d76ae5eed28349703bf92', class: "sr-only" }, status, ":"), h("slot", { key: 'aa926b4baa6b7079253b60a3f7d3482acc9177c7' }), this.closable && (h("dso-icon-button", { key: '709ca720b697b6fe9514d65d07c650908b76ec7a', label: this.text("close"), variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
50
+ }
51
+ get host() { return this; }
52
+ static get style() { return alertCss(); }
53
+ }, [257, "dso-alert", {
54
+ "status": [513],
55
+ "roleAlert": [4, "role-alert"],
56
+ "compact": [516],
57
+ "closable": [4]
58
+ }]);
59
+ function defineCustomElement() {
60
+ if (typeof customElements === "undefined") {
61
+ return;
62
+ }
63
+ const components = ["dso-alert", "dso-icon", "dso-icon-button"];
64
+ components.forEach(tagName => { switch (tagName) {
65
+ case "dso-alert":
66
+ if (!customElements.get(transformTag(tagName))) {
67
+ customElements.define(transformTag(tagName), Alert);
68
+ }
69
+ break;
70
+ case "dso-icon":
71
+ if (!customElements.get(transformTag(tagName))) {
72
+ defineCustomElement$2();
73
+ }
74
+ break;
75
+ case "dso-icon-button":
76
+ if (!customElements.get(transformTag(tagName))) {
77
+ defineCustomElement$1();
78
+ }
79
+ break;
80
+ } });
81
+ }
82
+
83
+ export { Alert as A, defineCustomElement as d };
84
+ //# sourceMappingURL=p--_zCrLW5.js.map
85
+
86
+ //# sourceMappingURL=p--_zCrLW5.js.map
package/dist/bundle/{p-UnVH9dA3.js.map → p--_zCrLW5.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-UnVH9dA3.js","mappings":";;;;;;AAEO,MAAM,YAAY,GAAa;AACpC,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE;AACX,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACF,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE;AACX,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,KAAK,EAAE,MAAM;AACd,SAAA;AACF,KAAA;CACF;;ACrBD,MAAM,QAAQ,GAAG,MAAM,CAAC,87MAA87M,CAAC;;MCa18M,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;AALlB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AA2BE;;AAEG;AAEH,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQR,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC;AA4BnD;IA1BC,MAAM,GAAA;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACrC,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,IAAI,KAAK,CAAC,CAAA,eAAA,EAAkB,IAAI,CAAC,MAAM,CAAE,CAAA,CAAC;;AAGlD,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAS,MAAA,EAAA,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAC7E,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,EAAA,EAEzC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,EAAI,CAAA,EACjF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAAE,MAAM,EAAS,GAAA,CAAA,EACtC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEZ,IAAI,CAAC,QAAQ,KACZ,wEACE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EACzB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,EAC3D,CAAA,CACH,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/alert/alert.i18n.ts","src/components/alert/alert.scss?tag=dso-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n en: {\r\n \"dso-alert\": {\r\n close: \"Close\",\r\n success: \"Success\",\r\n info: \"Notice\",\r\n warning: \"Warning\",\r\n error: \"Error\",\r\n },\r\n },\r\n nl: {\r\n \"dso-alert\": {\r\n close: \"Sluiten\",\r\n success: \"Gelukt\",\r\n info: \"Opmerking\",\r\n warning: \"Waarschuwing\",\r\n error: \"Fout\",\r\n },\r\n },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/alert\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host(:not(:first-child)) {\r\n margin-block-start: units.$u3;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.alert {\r\n @include alert.root();\r\n\r\n dso-icon-button {\r\n position: absolute;\r\n inset-block-start: units.$u1 - alert.$border-size;\r\n inset-inline-end: units.$u1 - alert.$border-size;\r\n }\r\n\r\n &.dso-compact {\r\n min-block-size: alert.$inline-padding;\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./alert.i18n\";\r\nimport { AlertCloseEvent } from \"./alert.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-alert\",\r\n styleUrl: \"alert.scss\",\r\n shadow: true,\r\n})\r\nexport class Alert {\r\n @Element()\r\n host!: HTMLDsoAlertElement;\r\n\r\n /**\r\n * Set status of alert\r\n */\r\n @Prop({ reflect: true })\r\n status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n /**\r\n * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n */\r\n @Prop()\r\n roleAlert?: boolean;\r\n\r\n /**\r\n * Show alert as compact variant (without icon)\r\n */\r\n @Prop({ reflect: true })\r\n compact?: boolean;\r\n\r\n /**\r\n * When `false` the close button in the alert will not be rendered.\r\n */\r\n @Prop()\r\n closable = false;\r\n\r\n /**\r\n * Emitted when the user closes the Alert.\r\n */\r\n @Event()\r\n dsoClose!: EventEmitter<AlertCloseEvent>;\r\n\r\n private text = i18n(() => this.host, translations);\r\n\r\n render() {\r\n const status = this.text(this.status);\r\n if (!status) {\r\n throw new Error(`Invalid status ${this.status}`);\r\n }\r\n\r\n return (\r\n <div\r\n class={clsx(\"alert\", `alert-${this.status}`, { \"dso-compact\": this.compact })}\r\n role={this.roleAlert ? \"alert\" : undefined}\r\n >\r\n {!this.compact && <dso-icon class=\"icon-status\" icon={\"status-\" + this.status} />}\r\n <span class=\"sr-only\">{status}:</span>\r\n <slot></slot>\r\n\r\n {this.closable && (\r\n <dso-icon-button\r\n label={this.text(\"close\")}\r\n variant=\"tertiary\"\r\n icon=\"times\"\r\n onDsoClick={(e) => this.dsoClose.emit({ originalEvent: e })}\r\n />\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
1
+ {"file":"p--_zCrLW5.js","mappings":";;;;;;AAEO,MAAM,YAAY,GAAa;AACpC,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE;AACX,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACF,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE;AACX,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,KAAK,EAAE,MAAM;AACd,SAAA;AACF,KAAA;CACF;;ACrBD,MAAM,QAAQ,GAAG,MAAM,CAAC,0lOAA0lO,CAAC;;MCatmO,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;AALlB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AA2BE;;AAEG;AAEH,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQR,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC;AA4BnD;IA1BC,MAAM,GAAA;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACrC,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,IAAI,KAAK,CAAC,CAAA,eAAA,EAAkB,IAAI,CAAC,MAAM,CAAE,CAAA,CAAC;;AAGlD,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAS,MAAA,EAAA,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAC7E,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,EAAA,EAEzC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,EAAI,CAAA,EACjF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAAE,MAAM,EAAS,GAAA,CAAA,EACtC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEZ,IAAI,CAAC,QAAQ,KACZ,wEACE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EACzB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,EAC3D,CAAA,CACH,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/alert/alert.i18n.ts","src/components/alert/alert.scss?tag=dso-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n en: {\r\n \"dso-alert\": {\r\n close: \"Close\",\r\n success: \"Success\",\r\n info: \"Notice\",\r\n warning: \"Warning\",\r\n error: \"Error\",\r\n },\r\n },\r\n nl: {\r\n \"dso-alert\": {\r\n close: \"Sluiten\",\r\n success: \"Gelukt\",\r\n info: \"Opmerking\",\r\n warning: \"Waarschuwing\",\r\n error: \"Fout\",\r\n },\r\n },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/alert\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host(:not(:first-child)) {\r\n margin-block-start: units.$u3;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.alert {\r\n @include alert.root();\r\n\r\n dso-icon-button {\r\n position: absolute;\r\n inset-block-start: units.$u1 - alert.$border-size;\r\n inset-inline-end: units.$u1 - alert.$border-size;\r\n }\r\n\r\n &.dso-compact {\r\n min-block-size: alert.$inline-padding;\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./alert.i18n\";\r\nimport { AlertCloseEvent } from \"./alert.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-alert\",\r\n styleUrl: \"alert.scss\",\r\n shadow: true,\r\n})\r\nexport class Alert {\r\n @Element()\r\n host!: HTMLDsoAlertElement;\r\n\r\n /**\r\n * Set status of alert\r\n */\r\n @Prop({ reflect: true })\r\n status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n /**\r\n * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n */\r\n @Prop()\r\n roleAlert?: boolean;\r\n\r\n /**\r\n * Show alert as compact variant (without icon)\r\n */\r\n @Prop({ reflect: true })\r\n compact?: boolean;\r\n\r\n /**\r\n * When `false` the close button in the alert will not be rendered.\r\n */\r\n @Prop()\r\n closable = false;\r\n\r\n /**\r\n * Emitted when the user closes the Alert.\r\n */\r\n @Event()\r\n dsoClose!: EventEmitter<AlertCloseEvent>;\r\n\r\n private text = i18n(() => this.host, translations);\r\n\r\n render() {\r\n const status = this.text(this.status);\r\n if (!status) {\r\n throw new Error(`Invalid status ${this.status}`);\r\n }\r\n\r\n return (\r\n <div\r\n class={clsx(\"alert\", `alert-${this.status}`, { \"dso-compact\": this.compact })}\r\n role={this.roleAlert ? \"alert\" : undefined}\r\n >\r\n {!this.compact && <dso-icon class=\"icon-status\" icon={\"status-\" + this.status} />}\r\n <span class=\"sr-only\">{status}:</span>\r\n <slot></slot>\r\n\r\n {this.closable && (\r\n <dso-icon-button\r\n label={this.text(\"close\")}\r\n variant=\"tertiary\"\r\n icon=\"times\"\r\n onDsoClick={(e) => this.dsoClose.emit({ originalEvent: e })}\r\n />\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
package/dist/bundle/{p-ZCp_Ng6S.js → p-B8nbVKJr.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, h, F as Fragment, c as Host, t as transformTag } from './p-DBWrx_3r.js';
2
2
  import { d as debounce } from './p-baWVwd8J.js';
3
- import { d as defineCustomElement$2 } from './p-BRSHyfZz.js';
4
- import { d as defineCustomElement$1 } from './p-DeccEoRQ.js';
3
+ import { d as defineCustomElement$2 } from './p-Btk7RWKm.js';
4
+ import { d as defineCustomElement$1 } from './p-DpRZJt_D.js';
5
5
  import { v as v4 } from './p-C_akviUd.js';
6
6
 
7
7
  const tableCss = () => `button {
@@ -36,6 +36,7 @@ label.dso-primary {
36
36
  text-align: start;
37
37
  user-select: none;
38
38
  vertical-align: middle;
39
+ background-clip: padding-box;
39
40
  }
40
41
  a.dso-primary:focus, a.dso-primary:focus-visible,
41
42
  button.dso-primary:focus,
@@ -237,6 +238,7 @@ label.dso-secondary {
237
238
  text-align: start;
238
239
  user-select: none;
239
240
  vertical-align: middle;
241
+ background-clip: padding-box;
240
242
  }
241
243
  a.dso-secondary:focus, a.dso-secondary:focus-visible,
242
244
  button.dso-secondary:focus,
@@ -494,6 +496,7 @@ label.dso-tertiary {
494
496
  text-align: start;
495
497
  user-select: none;
496
498
  vertical-align: middle;
499
+ background-clip: padding-box;
497
500
  }
498
501
  a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
499
502
  button.dso-tertiary:focus,
@@ -518,18 +521,163 @@ label.dso-tertiary.download::after {
518
521
  }
519
522
  a.dso-tertiary,
520
523
  button.dso-tertiary,
524
+ label.dso-tertiary {
525
+ display: inline-block;
526
+ font-size: 1em;
527
+ font-weight: 500;
528
+ margin-block-end: 0;
529
+ text-decoration: none;
530
+ touch-action: manipulation;
531
+ text-align: start;
532
+ user-select: none;
533
+ vertical-align: middle;
534
+ background-clip: padding-box;
535
+ }
536
+ a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
537
+ button.dso-tertiary:focus,
538
+ button.dso-tertiary:focus-visible,
539
+ label.dso-tertiary:focus,
540
+ label.dso-tertiary:focus-visible {
541
+ outline-offset: 2px;
542
+ }
543
+ a.dso-tertiary:active,
544
+ button.dso-tertiary:active,
545
+ label.dso-tertiary:active {
546
+ outline: 0;
547
+ }
548
+ a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
549
+ button.dso-tertiary.extern::after,
550
+ button.dso-tertiary.download::after,
551
+ label.dso-tertiary.extern::after,
552
+ label.dso-tertiary.download::after {
553
+ content: "";
554
+ display: inline-block;
555
+ margin-inline-start: 8px;
556
+ }
557
+ a.dso-tertiary,
558
+ button.dso-tertiary,
559
+ label.dso-tertiary {
560
+ background-color: var(--_dso-button-tertiary-background-color, );
561
+ border-color: var(--_dso-button-tertiary-border-color, );
562
+ color: var(--_dso-button-tertiary-color, #39870c);
563
+ border-width: 1px;
564
+ border-style: solid;
565
+ border-radius: 4px;
566
+ line-height: 1.5;
567
+ min-inline-size: 56px;
568
+ padding-block: 11px;
569
+ padding-inline: 15px;
570
+ }
571
+ a.dso-tertiary:hover,
572
+ button.dso-tertiary:hover,
573
+ label.dso-tertiary:hover {
574
+ background-color: var(--_dso-button-tertiary-hover-background-color, );
575
+ border-color: var(--_dso-button-tertiary-hover-border-color, );
576
+ color: var(--_dso-button-tertiary-hover-color, #275937);
577
+ }
578
+ a.dso-tertiary:active,
579
+ button.dso-tertiary:active,
580
+ label.dso-tertiary:active {
581
+ background-color: var(--_dso-button-tertiary-active-background-color, );
582
+ border-color: var(--_dso-button-tertiary-active-border-color, );
583
+ color: var(--_dso-button-tertiary-active-color, #173521);
584
+ }
585
+ a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover,
586
+ button.dso-tertiary[disabled],
587
+ button.dso-tertiary[disabled]:hover,
588
+ label.dso-tertiary[disabled],
589
+ label.dso-tertiary[disabled]:hover {
590
+ background-color: var(--_dso-button-tertiary-disabled-background-color, );
591
+ border-color: var(--_dso-button-tertiary-disabled-border-color, );
592
+ color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
593
+ }
594
+ a.dso-tertiary.dso-small,
595
+ button.dso-tertiary.dso-small,
596
+ label.dso-tertiary.dso-small {
597
+ line-height: 1rem;
598
+ }
599
+ 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,
600
+ button.dso-tertiary.dso-small dso-icon,
601
+ button.dso-tertiary.dso-small.extern::after,
602
+ button.dso-tertiary.dso-small.download::after,
603
+ button.dso-tertiary.dso-small.dso-spinner::before,
604
+ label.dso-tertiary.dso-small dso-icon,
605
+ label.dso-tertiary.dso-small.extern::after,
606
+ label.dso-tertiary.dso-small.download::after,
607
+ label.dso-tertiary.dso-small.dso-spinner::before {
608
+ margin-block-end: -4px;
609
+ margin-block-start: -4px;
610
+ }
611
+ a.dso-tertiary.dso-small.dso-spinner-left::before,
612
+ button.dso-tertiary.dso-small.dso-spinner-left::before,
613
+ label.dso-tertiary.dso-small.dso-spinner-left::before {
614
+ block-size: 16px;
615
+ inline-size: 16px;
616
+ }
617
+ a.dso-tertiary.dso-small.dso-spinner-right::after,
618
+ button.dso-tertiary.dso-small.dso-spinner-right::after,
619
+ label.dso-tertiary.dso-small.dso-spinner-right::after {
620
+ block-size: 16px;
621
+ inline-size: 16px;
622
+ }
623
+ a.dso-tertiary.dso-extra-small,
624
+ button.dso-tertiary.dso-extra-small,
625
+ label.dso-tertiary.dso-extra-small {
626
+ line-height: 1rem;
627
+ }
628
+ 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,
629
+ button.dso-tertiary.dso-extra-small dso-icon,
630
+ button.dso-tertiary.dso-extra-small.extern::after,
631
+ button.dso-tertiary.dso-extra-small.download::after,
632
+ button.dso-tertiary.dso-extra-small.dso-spinner::before,
633
+ label.dso-tertiary.dso-extra-small dso-icon,
634
+ label.dso-tertiary.dso-extra-small.extern::after,
635
+ label.dso-tertiary.dso-extra-small.download::after,
636
+ label.dso-tertiary.dso-extra-small.dso-spinner::before {
637
+ margin-block-end: -4px;
638
+ margin-block-start: -4px;
639
+ }
640
+ a.dso-tertiary.dso-extra-small.dso-spinner-left::before,
641
+ button.dso-tertiary.dso-extra-small.dso-spinner-left::before,
642
+ label.dso-tertiary.dso-extra-small.dso-spinner-left::before {
643
+ block-size: 16px;
644
+ inline-size: 16px;
645
+ }
646
+ a.dso-tertiary.dso-extra-small.dso-spinner-right::after,
647
+ button.dso-tertiary.dso-extra-small.dso-spinner-right::after,
648
+ label.dso-tertiary.dso-extra-small.dso-spinner-right::after {
649
+ block-size: 16px;
650
+ inline-size: 16px;
651
+ }
652
+ a.dso-tertiary.dso-extra-small,
653
+ button.dso-tertiary.dso-extra-small,
654
+ label.dso-tertiary.dso-extra-small {
655
+ padding-block: 9px;
656
+ }
657
+ a.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
658
+ button.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
659
+ label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {
660
+ margin-inline-start: -8px;
661
+ }
662
+ a.dso-tertiary span:not(.sr-only) + dso-icon,
663
+ button.dso-tertiary span:not(.sr-only) + dso-icon,
664
+ label.dso-tertiary span:not(.sr-only) + dso-icon {
665
+ margin-inline-start: 8px;
666
+ margin-inline-end: -8px;
667
+ }
668
+ a.dso-tertiary dso-icon + span:not(.sr-only),
669
+ button.dso-tertiary dso-icon + span:not(.sr-only),
670
+ label.dso-tertiary dso-icon + span:not(.sr-only) {
671
+ margin-inline-start: 8px;
672
+ }
673
+ a.dso-tertiary,
674
+ button.dso-tertiary,
521
675
  label.dso-tertiary {
522
676
  border: 0;
523
- color: #39870c;
524
677
  line-height: 1;
525
678
  padding: 0;
526
679
  background-color: transparent;
527
680
  }
528
- a.dso-tertiary[disabled],
529
- button.dso-tertiary[disabled],
530
- label.dso-tertiary[disabled] {
531
- color: #afcf9d;
532
- }
533
681
  a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,
534
682
  button.dso-tertiary[disabled].dso-spinner-left,
535
683
  button.dso-tertiary[disabled].dso-spinner-right,
@@ -540,15 +688,9 @@ label.dso-tertiary[disabled].dso-spinner-right {
540
688
  a.dso-tertiary:not([disabled]):hover,
541
689
  button.dso-tertiary:not([disabled]):hover,
542
690
  label.dso-tertiary:not([disabled]):hover {
543
- color: #275937;
544
691
  text-decoration: underline;
545
692
  text-underline-position: under;
546
693
  }
547
- a.dso-tertiary:not([disabled]):active,
548
- button.dso-tertiary:not([disabled]):active,
549
- label.dso-tertiary:not([disabled]):active {
550
- color: #173521;
551
- }
552
694
  a.dso-tertiary.dso-align,
553
695
  button.dso-tertiary.dso-align,
554
696
  label.dso-tertiary.dso-align {
@@ -681,6 +823,7 @@ label.dso-map {
681
823
  text-align: start;
682
824
  user-select: none;
683
825
  vertical-align: middle;
826
+ background-clip: padding-box;
684
827
  }
685
828
  a.dso-map:focus, a.dso-map:focus-visible,
686
829
  button.dso-map:focus,
@@ -1270,7 +1413,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
1270
1413
  render() {
1271
1414
  var _a, _b, _c;
1272
1415
  const caption = (_b = (_a = this.host.querySelector(":scope > table > caption")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
1273
- return (h(Host, { key: '5228dc08b77f9a9a1e1a1a7a1b8ae1bcdbb1c3f2', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '513adf4c64ffa560597f976443340595e55c338a', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, h("div", { class: "dso-header" }, h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("dso-icon-button", { icon: "times", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body 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("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
1416
+ return (h(Host, { key: '95fda5af5dda45cb55f0b37efee38bcaa99d84ac', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '388222068c1ed781740424faabce63a39764ff1c', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, h("div", { class: "dso-header" }, h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("dso-icon-button", { icon: "times", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), h("div", { class: "dso-body 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("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
1274
1417
  }
1275
1418
  openModal() {
1276
1419
  this.placeholderHeight = this.host.clientHeight;
@@ -1325,6 +1468,6 @@ function defineCustomElement() {
1325
1468
  }
1326
1469
 
1327
1470
  export { Table as T, defineCustomElement as d };
1328
- //# sourceMappingURL=p-ZCp_Ng6S.js.map
1471
+ //# sourceMappingURL=p-B8nbVKJr.js.map
1329
1472
 
1330
- //# sourceMappingURL=p-ZCp_Ng6S.js.map
1473
+ //# sourceMappingURL=p-B8nbVKJr.js.map