@dso-toolkit/core 62.23.0 → 62.24.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 (315) hide show
  1. package/dist/cjs/annotation-gewijzigde-locatie-1ee2ce7c.js +41 -0
  2. package/dist/cjs/annotation-gewijzigde-locatie-1ee2ce7c.js.map +1 -0
  3. package/dist/cjs/{dso-alert_7.cjs.entry.js → dso-alert_6.cjs.entry.js} +4 -127
  4. package/dist/cjs/dso-alert_6.cjs.entry.js.map +1 -0
  5. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +31 -0
  6. package/dist/cjs/dso-annotation-activiteit.cjs.entry.js.map +1 -0
  7. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +28 -0
  8. package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js.map +1 -0
  9. package/dist/cjs/dso-annotation-omgevingsnorm.cjs.entry.js +30 -0
  10. package/dist/cjs/dso-annotation-omgevingsnorm.cjs.entry.js.map +1 -0
  11. package/dist/cjs/{dso-annotation-output_3.cjs.entry.js → dso-annotation-output_2.cjs.entry.js} +2 -34
  12. package/dist/cjs/dso-annotation-output_2.cjs.entry.js.map +1 -0
  13. package/dist/cjs/dso-annotation-werkingsgebied.cjs.entry.js +28 -0
  14. package/dist/cjs/dso-annotation-werkingsgebied.cjs.entry.js.map +1 -0
  15. package/dist/cjs/dso-attachments-counter.cjs.entry.js +1 -1
  16. package/dist/cjs/dso-autosuggest.cjs.entry.js +1 -1
  17. package/dist/cjs/dso-banner.cjs.entry.js +2 -2
  18. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  19. package/dist/cjs/dso-card.cjs.entry.js +2 -2
  20. package/dist/cjs/dso-date-picker-legacy.cjs.entry.js +3 -3
  21. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  22. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +1 -1
  23. package/dist/cjs/dso-helpcenter-panel.cjs.entry.js +2 -2
  24. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  25. package/dist/cjs/dso-icon.cjs.entry.js +1 -1
  26. package/dist/cjs/dso-info-button.cjs.entry.js +1 -1
  27. package/dist/cjs/dso-info_2.cjs.entry.js +2 -2
  28. package/dist/cjs/dso-input-range.cjs.entry.js +2 -2
  29. package/dist/cjs/dso-label_2.cjs.entry.js +165 -0
  30. package/dist/cjs/dso-label_2.cjs.entry.js.map +1 -0
  31. package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
  32. package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
  33. package/dist/cjs/dso-logo.cjs.entry.js +2 -2
  34. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  35. package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
  36. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  37. package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
  38. package/dist/cjs/dso-modal.cjs.entry.js +2 -2
  39. package/dist/cjs/dso-progress-bar.cjs.entry.js +1 -1
  40. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  41. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  42. package/dist/cjs/dso-scrollable.cjs.entry.js +2 -2
  43. package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
  44. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  45. package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
  46. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  47. package/dist/cjs/dso-viewer-grid.cjs.entry.js +1 -1
  48. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
  49. package/dist/cjs/loader.cjs.js +1 -1
  50. package/dist/collection/collection-manifest.json +4 -0
  51. package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js +207 -0
  52. package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js.map +1 -0
  53. package/dist/collection/components/annotation/annotation-body.js +3 -0
  54. package/dist/collection/components/annotation/annotation-body.js.map +1 -0
  55. package/dist/collection/components/annotation/annotation-diff-renderer.js +17 -0
  56. package/dist/collection/components/annotation/annotation-diff-renderer.js.map +1 -0
  57. package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js +139 -0
  58. package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js.map +1 -0
  59. package/dist/collection/components/annotation/annotation-gewijzigde-locatie.js +3 -0
  60. package/dist/collection/components/annotation/annotation-gewijzigde-locatie.js.map +1 -0
  61. package/dist/collection/components/annotation/annotation-omgevingsnorm/annotation-omgevingsnorm.js +189 -0
  62. package/dist/collection/components/annotation/annotation-omgevingsnorm/annotation-omgevingsnorm.js.map +1 -0
  63. package/dist/collection/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.js +139 -0
  64. package/dist/collection/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.js.map +1 -0
  65. package/dist/collection/components/annotation/annotation.css +125 -0
  66. package/dist/collection/components/annotation/annotation.interfaces.js +2 -0
  67. package/dist/collection/components/annotation/annotation.interfaces.js.map +1 -0
  68. package/dist/collection/components/attachments-counter/attachments-counter.js +1 -1
  69. package/dist/collection/components/autosuggest/autosuggest.js +1 -1
  70. package/dist/collection/components/badge/badge.js +1 -1
  71. package/dist/collection/components/banner/banner.js +2 -2
  72. package/dist/collection/components/card/card.js +2 -2
  73. package/dist/collection/components/card-container/card-container.js +1 -1
  74. package/dist/collection/components/date-picker/date-picker.js +1 -1
  75. package/dist/collection/components/date-picker-legacy/date-picker-legacy.js +3 -3
  76. package/dist/collection/components/document-component/document-component.js +1 -1
  77. package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
  78. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  79. package/dist/collection/components/helpcenter-panel/helpcenter-panel.js +2 -2
  80. package/dist/collection/components/highlight-box/highlight-box.js +1 -1
  81. package/dist/collection/components/icon/icon.js +1 -1
  82. package/dist/collection/components/info/info.js +1 -1
  83. package/dist/collection/components/info-button/info-button.js +1 -1
  84. package/dist/collection/components/input-range/input-range.js +2 -2
  85. package/dist/collection/components/label/label.js +3 -3
  86. package/dist/collection/components/legend-item/legend-item.js +2 -2
  87. package/dist/collection/components/list-button/list-button.js +1 -1
  88. package/dist/collection/components/logo/logo.js +2 -2
  89. package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
  90. package/dist/collection/components/map-controls/map-controls.js +1 -1
  91. package/dist/collection/components/map-overlays/map-overlays.js +1 -1
  92. package/dist/collection/components/mark-bar/mark-bar.js +1 -1
  93. package/dist/collection/components/modal/modal.js +2 -2
  94. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  95. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  96. package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
  97. package/dist/collection/components/responsive-element/responsive-element.js +1 -1
  98. package/dist/collection/components/scrollable/scrollable.js +2 -2
  99. package/dist/collection/components/selectable/selectable.js +1 -1
  100. package/dist/collection/components/slide-toggle/slide-toggle.js +2 -2
  101. package/dist/collection/components/slide-toggle/slide-toggle.js.map +1 -1
  102. package/dist/collection/components/table/table.js +1 -1
  103. package/dist/collection/components/toggletip/toggletip.js +1 -1
  104. package/dist/collection/components/tooltip/tooltip.js +1 -1
  105. package/dist/collection/components/tree-view/tree-view.js +1 -1
  106. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  107. package/dist/components/annotation-gewijzigde-locatie.js +37 -0
  108. package/dist/components/annotation-gewijzigde-locatie.js.map +1 -0
  109. package/dist/components/attachments-counter.js +1 -1
  110. package/dist/components/badge.js +1 -1
  111. package/dist/components/document-component.js +1 -1
  112. package/dist/components/dropdown-menu.js +1 -1
  113. package/dist/components/dso-annotation-activiteit.d.ts +11 -0
  114. package/dist/components/dso-annotation-activiteit.js +77 -0
  115. package/dist/components/dso-annotation-activiteit.js.map +1 -0
  116. package/dist/components/dso-annotation-gebiedsaanwijzing.d.ts +11 -0
  117. package/dist/components/dso-annotation-gebiedsaanwijzing.js +71 -0
  118. package/dist/components/dso-annotation-gebiedsaanwijzing.js.map +1 -0
  119. package/dist/components/dso-annotation-omgevingsnorm.d.ts +11 -0
  120. package/dist/components/dso-annotation-omgevingsnorm.js +75 -0
  121. package/dist/components/dso-annotation-omgevingsnorm.js.map +1 -0
  122. package/dist/components/dso-annotation-werkingsgebied.d.ts +11 -0
  123. package/dist/components/dso-annotation-werkingsgebied.js +71 -0
  124. package/dist/components/dso-annotation-werkingsgebied.js.map +1 -0
  125. package/dist/components/dso-autosuggest.js +1 -1
  126. package/dist/components/dso-banner.js +2 -2
  127. package/dist/components/dso-card-container.js +1 -1
  128. package/dist/components/dso-card.js +2 -2
  129. package/dist/components/dso-date-picker-legacy.js +3 -3
  130. package/dist/components/dso-date-picker.js +1 -1
  131. package/dist/components/dso-helpcenter-panel.js +2 -2
  132. package/dist/components/dso-highlight-box.js +1 -1
  133. package/dist/components/dso-input-range.js +2 -2
  134. package/dist/components/dso-legend-item.js +2 -2
  135. package/dist/components/dso-list-button.js +1 -1
  136. package/dist/components/dso-logo.js +2 -2
  137. package/dist/components/dso-map-base-layers.js +1 -1
  138. package/dist/components/dso-map-controls.js +1 -1
  139. package/dist/components/dso-map-overlays.js +1 -1
  140. package/dist/components/dso-mark-bar.js +1 -1
  141. package/dist/components/dso-modal.js +2 -2
  142. package/dist/components/dso-progress-bar.js +1 -1
  143. package/dist/components/dso-tree-view.js +1 -1
  144. package/dist/components/dso-viewer-grid.js +1 -1
  145. package/dist/components/dsot-document-component-demo.js +1 -1
  146. package/dist/components/icon.js +1 -1
  147. package/dist/components/index.d.ts +8 -0
  148. package/dist/components/index.js +4 -0
  149. package/dist/components/index.js.map +1 -1
  150. package/dist/components/info-button.js +1 -1
  151. package/dist/components/info.js +1 -1
  152. package/dist/components/label.js +3 -3
  153. package/dist/components/ozon-content.js +1 -1
  154. package/dist/components/progress-indicator.js +1 -1
  155. package/dist/components/responsive-element.js +1 -1
  156. package/dist/components/scrollable.js +2 -2
  157. package/dist/components/selectable.js +1 -1
  158. package/dist/components/slide-toggle.js +2 -2
  159. package/dist/components/slide-toggle.js.map +1 -1
  160. package/dist/components/table.js +1 -1
  161. package/dist/components/toggletip.js +1 -1
  162. package/dist/components/tooltip.js +1 -1
  163. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  164. package/dist/dso-toolkit/dso-toolkit.esm.js.map +1 -1
  165. package/dist/dso-toolkit/{p-f8a673ef.entry.js → p-001ba85b.entry.js} +2 -2
  166. package/dist/dso-toolkit/p-14d19a20.entry.js +2 -0
  167. package/dist/dso-toolkit/p-14d19a20.entry.js.map +1 -0
  168. package/dist/dso-toolkit/{p-4c4d8167.entry.js → p-1975337f.entry.js} +2 -2
  169. package/dist/dso-toolkit/p-197c2646.entry.js +2 -0
  170. package/dist/dso-toolkit/{p-e6e7d54a.entry.js → p-228f73a8.entry.js} +2 -2
  171. package/dist/dso-toolkit/{p-7c05c385.entry.js → p-3225310b.entry.js} +2 -2
  172. package/dist/dso-toolkit/{p-e41d09cf.entry.js → p-3710d41f.entry.js} +2 -2
  173. package/dist/dso-toolkit/{p-22776f73.entry.js → p-3e2237ab.entry.js} +2 -2
  174. package/dist/dso-toolkit/p-47340b1a.entry.js +2 -0
  175. package/dist/dso-toolkit/p-47340b1a.entry.js.map +1 -0
  176. package/dist/dso-toolkit/p-4f4efbed.entry.js +2 -0
  177. package/dist/dso-toolkit/p-4f7e1b16.entry.js +2 -0
  178. package/dist/dso-toolkit/p-4f7e1b16.entry.js.map +1 -0
  179. package/dist/dso-toolkit/p-4fac82a7.entry.js +2 -0
  180. package/dist/dso-toolkit/p-4fac82a7.entry.js.map +1 -0
  181. package/dist/dso-toolkit/{p-fea71d00.entry.js → p-560861e9.entry.js} +2 -2
  182. package/dist/dso-toolkit/{p-5bb82e74.entry.js → p-5621d240.entry.js} +2 -2
  183. package/dist/dso-toolkit/{p-570162f1.entry.js → p-5f4cb5d6.entry.js} +2 -2
  184. package/dist/dso-toolkit/{p-d435412a.entry.js → p-68e51737.entry.js} +2 -2
  185. package/dist/dso-toolkit/{p-7286c530.entry.js → p-7da2df9d.entry.js} +2 -2
  186. package/dist/dso-toolkit/{p-3666b2c1.entry.js → p-80463acd.entry.js} +2 -2
  187. package/dist/dso-toolkit/p-811676bf.js +2 -0
  188. package/dist/dso-toolkit/p-811676bf.js.map +1 -0
  189. package/dist/dso-toolkit/p-96a6ddd5.entry.js +2 -0
  190. package/dist/dso-toolkit/p-98eec25f.entry.js +2 -0
  191. package/dist/dso-toolkit/p-98eec25f.entry.js.map +1 -0
  192. package/dist/dso-toolkit/{p-4fe19a5d.entry.js → p-99be6a57.entry.js} +2 -2
  193. package/dist/dso-toolkit/p-9a15c59b.entry.js +2 -0
  194. package/dist/dso-toolkit/p-9a15c59b.entry.js.map +1 -0
  195. package/dist/dso-toolkit/p-9f000cb1.entry.js +2 -0
  196. package/dist/dso-toolkit/p-9f000cb1.entry.js.map +1 -0
  197. package/dist/dso-toolkit/{p-b3c99200.entry.js → p-ab491029.entry.js} +2 -2
  198. package/dist/dso-toolkit/p-ade7a91d.entry.js +2 -0
  199. package/dist/dso-toolkit/{p-fc662b25.entry.js → p-af8c6cd9.entry.js} +2 -2
  200. package/dist/dso-toolkit/{p-74a7baf5.entry.js → p-b23e76f4.entry.js} +2 -2
  201. package/dist/dso-toolkit/{p-d26f7147.entry.js → p-b49f5a23.entry.js} +2 -2
  202. package/dist/dso-toolkit/p-c1c38b47.entry.js +2 -0
  203. package/dist/dso-toolkit/{p-e2d31526.entry.js → p-c2502024.entry.js} +2 -2
  204. package/dist/dso-toolkit/{p-fd0e9561.entry.js → p-c335be22.entry.js} +2 -2
  205. package/dist/dso-toolkit/{p-ba81d191.entry.js → p-d82948d9.entry.js} +2 -2
  206. package/dist/dso-toolkit/{p-464609ac.entry.js → p-d8b25148.entry.js} +2 -2
  207. package/dist/dso-toolkit/p-ea138d78.entry.js +2 -0
  208. package/dist/dso-toolkit/{p-20c67690.entry.js.map → p-ea138d78.entry.js.map} +1 -1
  209. package/dist/dso-toolkit/{p-ee3bdb10.entry.js → p-ef006c7c.entry.js} +2 -2
  210. package/dist/dso-toolkit/{p-009bd0ac.entry.js → p-f16e7d4b.entry.js} +2 -2
  211. package/dist/dso-toolkit/{p-549f1c5f.entry.js → p-f787daf7.entry.js} +2 -2
  212. package/dist/dso-toolkit/{p-5d128d5a.entry.js → p-f8e70577.entry.js} +2 -2
  213. package/dist/esm/annotation-gewijzigde-locatie-3d8aa3ad.js +37 -0
  214. package/dist/esm/annotation-gewijzigde-locatie-3d8aa3ad.js.map +1 -0
  215. package/dist/esm/{dso-alert_7.entry.js → dso-alert_6.entry.js} +5 -127
  216. package/dist/esm/dso-alert_6.entry.js.map +1 -0
  217. package/dist/esm/dso-annotation-activiteit.entry.js +27 -0
  218. package/dist/esm/dso-annotation-activiteit.entry.js.map +1 -0
  219. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +24 -0
  220. package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js.map +1 -0
  221. package/dist/esm/dso-annotation-omgevingsnorm.entry.js +26 -0
  222. package/dist/esm/dso-annotation-omgevingsnorm.entry.js.map +1 -0
  223. package/dist/esm/{dso-annotation-output_3.entry.js → dso-annotation-output_2.entry.js} +4 -35
  224. package/dist/esm/dso-annotation-output_2.entry.js.map +1 -0
  225. package/dist/esm/dso-annotation-werkingsgebied.entry.js +24 -0
  226. package/dist/esm/dso-annotation-werkingsgebied.entry.js.map +1 -0
  227. package/dist/esm/dso-attachments-counter.entry.js +1 -1
  228. package/dist/esm/dso-autosuggest.entry.js +1 -1
  229. package/dist/esm/dso-banner.entry.js +2 -2
  230. package/dist/esm/dso-card-container.entry.js +1 -1
  231. package/dist/esm/dso-card.entry.js +2 -2
  232. package/dist/esm/dso-date-picker-legacy.entry.js +3 -3
  233. package/dist/esm/dso-date-picker.entry.js +1 -1
  234. package/dist/esm/dso-dropdown-menu.entry.js +1 -1
  235. package/dist/esm/dso-helpcenter-panel.entry.js +2 -2
  236. package/dist/esm/dso-highlight-box.entry.js +1 -1
  237. package/dist/esm/dso-icon.entry.js +1 -1
  238. package/dist/esm/dso-info-button.entry.js +1 -1
  239. package/dist/esm/dso-info_2.entry.js +2 -2
  240. package/dist/esm/dso-input-range.entry.js +2 -2
  241. package/dist/esm/dso-label_2.entry.js +160 -0
  242. package/dist/esm/dso-label_2.entry.js.map +1 -0
  243. package/dist/esm/dso-legend-item.entry.js +2 -2
  244. package/dist/esm/dso-list-button.entry.js +1 -1
  245. package/dist/esm/dso-logo.entry.js +2 -2
  246. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  247. package/dist/esm/dso-map-controls.entry.js +1 -1
  248. package/dist/esm/dso-map-overlays.entry.js +1 -1
  249. package/dist/esm/dso-mark-bar.entry.js +1 -1
  250. package/dist/esm/dso-modal.entry.js +2 -2
  251. package/dist/esm/dso-progress-bar.entry.js +1 -1
  252. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  253. package/dist/esm/dso-responsive-element.entry.js +1 -1
  254. package/dist/esm/dso-scrollable.entry.js +2 -2
  255. package/dist/esm/dso-toggletip.entry.js +1 -1
  256. package/dist/esm/dso-toolkit.js +1 -1
  257. package/dist/esm/dso-tooltip.entry.js +1 -1
  258. package/dist/esm/dso-tree-view.entry.js +1 -1
  259. package/dist/esm/dso-viewer-grid.entry.js +1 -1
  260. package/dist/esm/dsot-document-component-demo.entry.js +1 -1
  261. package/dist/esm/loader.js +1 -1
  262. package/dist/types/components/annotation/annotation-activiteit/annotation-activiteit.d.ts +40 -0
  263. package/dist/types/components/annotation/annotation-body.d.ts +11 -0
  264. package/dist/types/components/annotation/annotation-diff-renderer.d.ts +7 -0
  265. package/dist/types/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.d.ts +28 -0
  266. package/dist/types/components/annotation/annotation-gewijzigde-locatie.d.ts +1 -0
  267. package/dist/types/components/annotation/annotation-omgevingsnorm/annotation-omgevingsnorm.d.ts +36 -0
  268. package/dist/types/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.d.ts +28 -0
  269. package/dist/types/components/annotation/annotation.interfaces.d.ts +20 -0
  270. package/dist/types/components.d.ts +298 -0
  271. package/package.json +2 -2
  272. package/dist/cjs/dso-alert_7.cjs.entry.js.map +0 -1
  273. package/dist/cjs/dso-annotation-output_3.cjs.entry.js.map +0 -1
  274. package/dist/dso-toolkit/p-20c67690.entry.js +0 -2
  275. package/dist/dso-toolkit/p-37fb8027.entry.js +0 -2
  276. package/dist/dso-toolkit/p-616ea03e.entry.js +0 -2
  277. package/dist/dso-toolkit/p-616ea03e.entry.js.map +0 -1
  278. package/dist/dso-toolkit/p-63112de0.entry.js +0 -2
  279. package/dist/dso-toolkit/p-8486c46d.entry.js +0 -2
  280. package/dist/dso-toolkit/p-85326997.entry.js +0 -2
  281. package/dist/dso-toolkit/p-d8815ab6.entry.js +0 -2
  282. package/dist/dso-toolkit/p-eee03d6d.entry.js +0 -2
  283. package/dist/dso-toolkit/p-eee03d6d.entry.js.map +0 -1
  284. package/dist/esm/dso-alert_7.entry.js.map +0 -1
  285. package/dist/esm/dso-annotation-output_3.entry.js.map +0 -1
  286. /package/dist/dso-toolkit/{p-f8a673ef.entry.js.map → p-001ba85b.entry.js.map} +0 -0
  287. /package/dist/dso-toolkit/{p-4c4d8167.entry.js.map → p-1975337f.entry.js.map} +0 -0
  288. /package/dist/dso-toolkit/{p-63112de0.entry.js.map → p-197c2646.entry.js.map} +0 -0
  289. /package/dist/dso-toolkit/{p-e6e7d54a.entry.js.map → p-228f73a8.entry.js.map} +0 -0
  290. /package/dist/dso-toolkit/{p-7c05c385.entry.js.map → p-3225310b.entry.js.map} +0 -0
  291. /package/dist/dso-toolkit/{p-e41d09cf.entry.js.map → p-3710d41f.entry.js.map} +0 -0
  292. /package/dist/dso-toolkit/{p-22776f73.entry.js.map → p-3e2237ab.entry.js.map} +0 -0
  293. /package/dist/dso-toolkit/{p-85326997.entry.js.map → p-4f4efbed.entry.js.map} +0 -0
  294. /package/dist/dso-toolkit/{p-fea71d00.entry.js.map → p-560861e9.entry.js.map} +0 -0
  295. /package/dist/dso-toolkit/{p-5bb82e74.entry.js.map → p-5621d240.entry.js.map} +0 -0
  296. /package/dist/dso-toolkit/{p-570162f1.entry.js.map → p-5f4cb5d6.entry.js.map} +0 -0
  297. /package/dist/dso-toolkit/{p-d435412a.entry.js.map → p-68e51737.entry.js.map} +0 -0
  298. /package/dist/dso-toolkit/{p-7286c530.entry.js.map → p-7da2df9d.entry.js.map} +0 -0
  299. /package/dist/dso-toolkit/{p-3666b2c1.entry.js.map → p-80463acd.entry.js.map} +0 -0
  300. /package/dist/dso-toolkit/{p-37fb8027.entry.js.map → p-96a6ddd5.entry.js.map} +0 -0
  301. /package/dist/dso-toolkit/{p-4fe19a5d.entry.js.map → p-99be6a57.entry.js.map} +0 -0
  302. /package/dist/dso-toolkit/{p-b3c99200.entry.js.map → p-ab491029.entry.js.map} +0 -0
  303. /package/dist/dso-toolkit/{p-8486c46d.entry.js.map → p-ade7a91d.entry.js.map} +0 -0
  304. /package/dist/dso-toolkit/{p-fc662b25.entry.js.map → p-af8c6cd9.entry.js.map} +0 -0
  305. /package/dist/dso-toolkit/{p-74a7baf5.entry.js.map → p-b23e76f4.entry.js.map} +0 -0
  306. /package/dist/dso-toolkit/{p-d26f7147.entry.js.map → p-b49f5a23.entry.js.map} +0 -0
  307. /package/dist/dso-toolkit/{p-d8815ab6.entry.js.map → p-c1c38b47.entry.js.map} +0 -0
  308. /package/dist/dso-toolkit/{p-e2d31526.entry.js.map → p-c2502024.entry.js.map} +0 -0
  309. /package/dist/dso-toolkit/{p-fd0e9561.entry.js.map → p-c335be22.entry.js.map} +0 -0
  310. /package/dist/dso-toolkit/{p-ba81d191.entry.js.map → p-d82948d9.entry.js.map} +0 -0
  311. /package/dist/dso-toolkit/{p-464609ac.entry.js.map → p-d8b25148.entry.js.map} +0 -0
  312. /package/dist/dso-toolkit/{p-ee3bdb10.entry.js.map → p-ef006c7c.entry.js.map} +0 -0
  313. /package/dist/dso-toolkit/{p-009bd0ac.entry.js.map → p-f16e7d4b.entry.js.map} +0 -0
  314. /package/dist/dso-toolkit/{p-549f1c5f.entry.js.map → p-f787daf7.entry.js.map} +0 -0
  315. /package/dist/dso-toolkit/{p-5d128d5a.entry.js.map → p-f8e70577.entry.js.map} +0 -0
@@ -73,7 +73,7 @@ export class DocumentComponent {
73
73
  this.alternativeTitle ||
74
74
  this.bevatOntwerpInformatie ||
75
75
  this.annotated);
76
- return (h(Host, { key: '180d4956e89e98c29250f16f619e9ef66a47defb', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '3f0c32dcfd7b66ce0a02f02791ccc2bc950725d6', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'edd759244d2b77925737d4e4e975fdd2ef3c057f', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '44b7d61fc8cebdb8c3af0163286ff92fa9339837', class: "heading" }, h(Heading, { key: '193715c5f57a576859cc5ce6a4cffd0b3a26ba30', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { key: '32fec5ecbcedd1fed7dc0e0168a2890591b765ea', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: '63154eb51701917a122fda008cc25ae018c682cd', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '21c5e1b1f086ada567c461a520f92a0ab74c0d20', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("div", { key: '153d54d2edbef88cd640ac2925001974ed40ae64', id: "heading-title" }, this.notApplicable && h("span", { key: '58054c0c706d0ad35b336cb927bf2502678c6958', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: '4c3f9c0e3c769a089a4178147e7aabd8c0bb35f3' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { key: 'a8668569851e3040436be00e2457424c628cc8e3', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: 'bfb6d40c14d2ac261959cd876d0d46507e4a4774', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { key: '5321c1545a0e6bed5f6e5353b5cfc28dfea098a5', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: 'f37bf908169191a84343f3f96016f0f9c15cc118', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '3691c99c7c803fcb00fba16dfa3e0796d3686e58', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '6d2fed031d753bf7cff29d102ff5f8448fc2428b', status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { key: '305867e647f4b1478e4ea7c0570933df69ac2f5b', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { key: '5d48caf78f99bc755a42465c4b0aa38bd37d1936', class: "annotation-container", part: "_annotation-container" }, h("slot", { key: '9499614c5000ad008321a9de1ebb1e65536012f8', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { key: '438a136e8389683a5468266951edd736ac26a7d0', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: 'e1773708ff6469934632603a9120530554d08696', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: '2dea9c710ee1036a7ed06ec0a64fe889d973dce1', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '752f5261e5ee723f095dcb19735905ea24cd5bf1', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '894adb54eaff81395719c8967e1ae1f604087c7e', class: "children-container", part: "_children-container" }, h("slot", { key: 'dacd50c2867c6b832d45084a250c13c14c956198' }))));
76
+ return (h(Host, { key: '9dbd54a67bbf583b2c9db8b159ba709bd1e9111b', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '3f4b58120079753f4cc2c69310e88b76e9f0f2ae', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '75f0d2f067830daa732e3c8e8af6611702312ac8', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'b1f079fbe976495d789cbbf81d5f6afaabe0a5ee', class: "heading" }, h(Heading, { key: '40c631e7cb155734be99c816d3a8411679ae8144', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { key: 'ea6fe08e091ce6acf6129d451d72e653896de93d', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: 'd97d8e98b27d6c36d604b75ddfdde8d6ceddf79c', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '986060b08f90783a7a5a05549275fd621d3bee25', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("div", { key: '58ffa9527fc168187d5005710f41c5b2996bc803', id: "heading-title" }, this.notApplicable && h("span", { key: '08aff61f4665a09f1271f59a2fe2e594a6bf167e', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: 'ce8285ed0ee76cfde5e6255fdd674ff8356f96bf' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { key: '6dfc27b8ce553a5d9dfa7fb957c431de7622942d', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: '8052ce5083f0032d7c13e0fc7aded8c68be5b256', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { key: 'eca112e692e78ac6b2dceabb14eaaa8f3e2ac39b', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '3dd7b71002beb1a2a860960790bbe9d999331189', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '68fc34b5da1558e440ac4edd48249e8e44120c79', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '6aec245dd6d56d9aebd52b89e93f740a02423fbb', status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { key: '3eddb2e0766a7f7f48c5c476760e1c4066730604', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { key: '720747bbcaeb1caaf2e944737723361449e8b47d', class: "annotation-container", part: "_annotation-container" }, h("slot", { key: '5ceb1bb029eaf50c7a6d8c689d82aebb066b2b91', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { key: 'fe5eadfa9fb9b080ab2c611e678c3b3685de5675', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: '85075a86cad5db60ac20fa10eb329d66836e063a', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: 'c2805d0679ef7ca5ca87f2e43f1450f568954ee3', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '044236d783f05cc89eb381b44f71920cd33abe25', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '59f76cb70ed4878b076ede1023347b5092962650', class: "children-container", part: "_children-container" }, h("slot", { key: '911f9a835801979ed3db2f13ae81137d4c13689f' }))));
77
77
  }
78
78
  static get is() { return "dso-document-component"; }
79
79
  static get encapsulation() { return "shadow"; }
@@ -164,7 +164,7 @@ export class DocumentComponentDemo {
164
164
  render() {
165
165
  var _a, _b;
166
166
  const { DocumentComponent, MenuButton } = this;
167
- return (h("dso-responsive-element", { key: '594b7e40f33534d158c7e8e8f436f8ebadf20cfb', class: "dso-document-components" }, h("div", { key: 'f5d68621dd35ceae0d7f60d2b92495f60c8b44e8', class: "dso-navbar" }, h("ul", { key: '720243838067818c52eb682d04e76803757ebe72', 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: '1518c7a6344005e98c6aee5b7ee574a354280a6e', path: [this.document] })));
167
+ return (h("dso-responsive-element", { key: '72a88e08b7dba5711320033f867992356844faf0', class: "dso-document-components" }, h("div", { key: 'e818c08411681f11a2c03127950fcdb7aed43dfd', class: "dso-navbar" }, h("ul", { key: 'a39cd84e15d36521e51c1d19ccded5b24a504e86', 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: '8a315805356fa2b3ec5c65681216291a856e9c92', path: [this.document] })));
168
168
  }
169
169
  static get is() { return "dsot-document-component-demo"; }
170
170
  static get encapsulation() { return "scoped"; }
@@ -208,7 +208,7 @@ export class DropdownMenu {
208
208
  (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
209
209
  }
210
210
  render() {
211
- return (h(Host, { key: 'eb56d9c3c656eb150bd5aaca3dac3b8a08c8cd72', onFocusout: this.focusOutListener }, h("slot", { key: 'de13bf1d689fe5b7923765ff34d9419e0f4504d6', name: "toggle" }), h("div", { key: 'a49e77fa7e5fd6d9f77aa05d6e14674779665af0', hidden: !this.open }, h("slot", { key: 'f6c6c8529f638e5a0ff7f76764cd5a96e975e97f' }))));
211
+ return (h(Host, { key: '77ac6cc50a707d48310edd4224d192d9e8e3cc1b', onFocusout: this.focusOutListener }, h("slot", { key: '3388875ba46e7f5b9711ab3ebdd08daa39e98d22', name: "toggle" }), h("div", { key: '68362bca01cb7f86c6a2e9f760aa5af7a25fcf14', hidden: !this.open }, h("slot", { key: '653ec1ca00468188bf45ef2f6bde361ff8590f56' }))));
212
212
  }
213
213
  static get is() { return "dso-dropdown-menu"; }
214
214
  static get encapsulation() { return "shadow"; }
@@ -77,10 +77,10 @@ export class HelpcenterPanel {
77
77
  }
78
78
  }
79
79
  render() {
80
- return (h(Fragment, null, h("button", { key: 'd8a03771c37da24b79a4037c5313d7977e9ad135', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, h("dso-icon", { key: '9baf7a627c7f13704d8981597acdeeb5fab4ec36', icon: "help" }), h("span", { key: '7a0d3fa0b3395da9151b1df46dc64705c9da7360' }, this.label)), h("div", { key: 'b9679cb522e5292abcf19019cf98018d5759f14b', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, h("div", { key: '95d6f562523690715a468ffbcad1049f23ef1dcf', class: "dimscreen", onClick: this.closeClick }), h("div", { key: '119aa32731566a0126a9ae4e1574f4a8d120f162', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
80
+ return (h(Fragment, null, h("button", { key: '7ebc1495b2933c451a256a4006cc8282e8f2325e', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, h("dso-icon", { key: '119fcbef430ef1808b1a7890dafae7a989ac84d8', icon: "help" }), h("span", { key: '2d92f7abc9c01f217e59f3560ff6ebfb7cc1161b' }, this.label)), h("div", { key: 'f57b69556a038441adc316cce74c5e29b455ff4c', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, h("div", { key: '4ca3979f6e933c0b102d8443f494d52a51629605', class: "dimscreen", onClick: this.closeClick }), h("div", { key: 'da51b5c07f9bca49f35c0894997634ab736ab44d', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
81
81
  this.createTrap();
82
82
  this.iframeLoaded = true;
83
- } })) : (h("div", null))), h("button", { key: '6527714c7de5c6261f76ae41d0e00fd152463e41', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, h("dso-icon", { key: 'fce79d104ac97fb79298923b128ef8ab0c95123c', icon: "times" }), h("span", { key: '8091ac03b2091414b9786fbc9cc37b8bf8f3a311', class: "sr-only" }, "sluiten")))));
83
+ } })) : (h("div", null))), h("button", { key: 'bf2c1b8eee6509c14ea3710e60c83c2fbc949517', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, h("dso-icon", { key: '3ece8241d7f302a9471ce232e763955a8ffb3094', icon: "times" }), h("span", { key: '284e9eadf0404f45c34b128ff833f0e0e5e81642', class: "sr-only" }, "sluiten")))));
84
84
  }
85
85
  static get is() { return "dso-helpcenter-panel"; }
86
86
  static get encapsulation() { return "shadow"; }
@@ -10,7 +10,7 @@ export class HighlightBox {
10
10
  render() {
11
11
  var _a;
12
12
  const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
13
- return (h(Host, { key: '4334f13da16a3005e01e815a0998fdcbc87f31e8', "has-counter": hasCounter }, hasCounter && h("div", { key: '553cb9e7150fb6c603c9bbbc0d2307170416ee3b', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: 'faf8811c78d6c918c2624f43c75d6241209be209', name: "icon" })), h("slot", { key: '2bfd070a41a5f969d5cb1d24ce1a6846e68c5ceb' })));
13
+ return (h(Host, { key: '94dfaf9efb9d2cb1f5910b8dd0f4cc37f8b24c17', "has-counter": hasCounter }, hasCounter && h("div", { key: '005ab4e5b5cec05e4b16e32e8fa6ee8e1da0eb06', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: 'e6f814e0bb7f5f791f441cd78bd25a0c14e3e60e', name: "icon" })), h("slot", { key: '2dfc8c0d8ea3222c2e8b5a59f168b3df80b70bcc' })));
14
14
  }
15
15
  static get is() { return "dso-highlight-box"; }
16
16
  static get encapsulation() { return "shadow"; }
@@ -209,7 +209,7 @@ export class Icon {
209
209
  if (!icon) {
210
210
  throw new TypeError(`Unknown svg: ${this.icon}`);
211
211
  }
212
- return h("span", { key: 'ce873c525c717b5effd7d4fe9691057911e3e0c3', class: "icon-container", innerHTML: icon.svg });
212
+ return h("span", { key: '118278e8190607c65d05559091539e28fd27b1f8', class: "icon-container", innerHTML: icon.svg });
213
213
  }
214
214
  }
215
215
  static get is() { return "dso-icon"; }
@@ -5,7 +5,7 @@ export class Info {
5
5
  this.active = undefined;
6
6
  }
7
7
  render() {
8
- return (h(Fragment, { key: '09663182b8699ecc6803337c3b2a61cb939e2cf9' }, h("slot", { key: '28d4d320a7d126a4cf23e7822dece8e8594e0d9c' }), !this.fixed && (h("button", { key: '6559c0efe3070bfb14d29bc66c6b4bfdd40f23ae', type: "button", onClick: (e) => this.dsoClose.emit(e) }, h("dso-icon", { key: '9880632ccab83f3ef7c318c09276b2efa560b170', icon: "times" }), h("span", { key: 'f8dbd51bcb3e17ba41a00acc42a76eb8cdebd69a', class: "sr-only" }, "Sluiten")))));
8
+ return (h(Fragment, { key: 'e5f657a636b290b194ccbb89b8cd10c361a3addd' }, h("slot", { key: '08ff21c78926849c1b0461abfc551f96fd4a769a' }), !this.fixed && (h("button", { key: '5312aa3e0b79e3c46c28b272b1fe2161f3c625a2', type: "button", onClick: (e) => this.dsoClose.emit(e) }, h("dso-icon", { key: '7473fe06abfd42aa7c39eb97b4ea1b8113e9bfe4', icon: "times" }), h("span", { key: 'e5b9d4414e871ff4ec15e18adb6ab819ddcfb0f5', class: "sr-only" }, "Sluiten")))));
9
9
  }
10
10
  static get is() { return "dso-info"; }
11
11
  static get encapsulation() { return "shadow"; }
@@ -19,7 +19,7 @@ export class InfoButton {
19
19
  this.dsoToggle.emit({ originalEvent: e, active: this.active });
20
20
  }
21
21
  render() {
22
- return (h(Host, { key: 'a9cd435470f76f47e46ec94746158b8b94ba151d', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h("button", { key: '84de4a37a8880ec1328a8d176b8a44cf53cd24fe', type: "button", class: clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, h("dso-icon", { key: '4386441800c5cdebc81fbb55a036231b3322cba3', icon: this.active || this.hover ? "info-active" : "info" }), h("span", { key: 'f7d894eba3425b76d12265eb00cb181f41a221ff', class: "sr-only" }, this.label))));
22
+ return (h(Host, { key: 'f92cf2e064117a666eff6e06918d1b8bfaa0ae4b', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h("button", { key: '9a9a095f29dff2d7ef53be6df2a5bb0de1fd9673', type: "button", class: clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, h("dso-icon", { key: 'b2fc1665fa93d7a131833fc71b9cd17b0b29f5c6', icon: this.active || this.hover ? "info-active" : "info" }), h("span", { key: '9aa27a9e5ecc316e89c5ad0af463e711328d1857', class: "sr-only" }, this.label))));
23
23
  }
24
24
  static get is() { return "dso-info-button"; }
25
25
  static get encapsulation() { return "shadow"; }
@@ -13,13 +13,13 @@ export class InputRange {
13
13
  const min = this.min || 0;
14
14
  const max = this.max || 100;
15
15
  const step = this.step || 1;
16
- return (h(Fragment, null, this.description && (h("span", { key: '829624123680fa59c806e0132b82eadf27dea57d', id: "description", hidden: true }, this.description)), h("span", { key: '2c6d87fccc090ea43c9dcdb14c095a6b5ed991bf', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: '22fd3842ea717541d8bae1d0d394ec41fb62be26', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
16
+ return (h(Fragment, null, this.description && (h("span", { key: '01c22533d0eddbb7bb513317c531bcc04ab5d12f', id: "description", hidden: true }, this.description)), h("span", { key: 'fc58429b96deef9728b7ede4707176124d5b2ca5', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: 'a9bee5cb4aef9a32141b12237a8cd80d453599a1', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
17
17
  originalEvent: event,
18
18
  value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
19
19
  max,
20
20
  min,
21
21
  step,
22
- }) }), h("span", { key: '69bacfe004281c5aff9f269cc1b4e58fe5823673', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
22
+ }) }), h("span", { key: '883c3c66f15ae009ea147c265da96ba1b8e2167a', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
23
23
  }
24
24
  static get is() { return "dso-input-range"; }
25
25
  static get encapsulation() { return "shadow"; }
@@ -102,13 +102,13 @@ export class Label {
102
102
  this.isTruncated = false;
103
103
  }
104
104
  render() {
105
- return (h(Fragment, { key: '7ca2fb5eeb674f44b1bf35fcbe13cae4e062c03b' }, h("span", { key: '4baf9fe4a43907a11fbb02f58239e4a3894f99b4', "aria-describedby": "toggle-anchor", class: clsx("dso-label", {
105
+ return (h(Fragment, { key: '7d0859b14bf6b8b6bc1f1ea7f6e6428431cc1197' }, h("span", { key: 'b1c8c1302f21caaaebb0193a171a95e4330b92b8', "aria-describedby": "toggle-anchor", class: clsx("dso-label", {
106
106
  [`dso-label-${this.status}`]: this.status,
107
107
  "dso-compact": this.compact && !this.removable,
108
108
  "dso-hover": this.removeHover || this.removeFocus,
109
- }) }, h("slot", { key: '25d107dc93bee9fe2f51ea37e4aacc9608805ca1', name: "symbol" }), h("span", { key: 'f7e4b25ba18ca6c33c2a3aefa43170c37e210e6c', class: clsx("dso-label-content", {
109
+ }) }, h("slot", { key: '5f3f5b65b4e4b44949b817800b505c5db1d25275', name: "symbol" }), h("span", { key: '6070e0d015cf2464121cf0dfb0088676ab00628b', class: clsx("dso-label-content", {
110
110
  "dso-truncate": !!this.truncate,
111
- }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: 'cce62cd1c9d71b49cacf3fb4466add5fcb96e4eb' })), this.removable && (h("button", { key: '1db8668e7ccd5313b488a03800135da572012cab', type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { key: 'a99ef5dbe5b5fe9df43fa300cad8349bfdd9709f', class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { key: 'fce53d9f4881c21b512343bce6c72cb31dcb0e53', icon: "times" })))), this.isTruncated && (h("dso-tooltip", { key: '36e32cc0d2d66de896182cc567378de39dff1245', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
111
+ }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: '04b20cade12d23246ce7b21e1aae447689e9c1c7' })), this.removable && (h("button", { key: 'bb184213b1ca01f83e2a1f265429293f3dda8f3b', type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { key: '9805c7dcd105ba5a6a59e75e822250defb107940', class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { key: '19fef3d7fbd4b017cc880bc02fb3408706536933', icon: "times" })))), this.isTruncated && (h("dso-tooltip", { key: 'c136e39ed459e5c4680888b2a27bd0c17485406b', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
112
112
  }
113
113
  static get is() { return "dso-label"; }
114
114
  static get encapsulation() { return "shadow"; }
@@ -25,10 +25,10 @@ export class LegendItem {
25
25
  const hasSymbol = this.symbolSlottedElement !== null;
26
26
  const hasBody = this.bodySlottedElement !== null;
27
27
  const isSelectable = this.selectableSlottedElement !== null;
28
- return (h(Host, { key: 'e50f1d84ed48c4fc88ebdf2d473ee0f67bec22fe', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '98ccac5c97c900a0eefe58baa4d69747847b2fbf', class: clsx("legend-item", {
28
+ return (h(Host, { key: '3a732bff9d1e998b7468c7e508edf41e472cdf1f', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '8b2bba6b998955c91e5d67fa6dcd4424807b7c2a', class: clsx("legend-item", {
29
29
  "legend-item-symbol": hasSymbol,
30
30
  "legend-item-selectable": isSelectable,
31
- }) }, h("div", { key: 'f73cdf97e65e6d50fd8c8e073c2abf902d148511', hidden: !hasSymbol }, h("slot", { key: 'd18b7efd00c137f3b9fe96b00eabbafe9f8c8ae1', name: "symbol" })), h("div", { key: '8a0a4212aa989367d869a949bba1984af4e3d2c1' }, h("slot", { key: '35285a0f129c3d0e64f5925b5e46e1d1246603fd' })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: '93727ab6ba53cd605b1a0df5a5d14b281653cef7', position: "bottom" }, this.disabledMessage)), this.removable && (h("button", { key: '5d72df7e74cc74cb2e5cdede86bace5129c97906', id: "remove-button", type: "button", onClick: (e) => this.dsoRemoveClick.emit({ originalEvent: e }) }, h("span", { key: '6cb45e90d3e30e709f6bed348ae29e2931c34f11', class: "sr-only" }, "Legenda item verwijderen"), h("dso-icon", { key: '3ec5613fc71e021bcaca961ab4d858f7aeb408c2', icon: "trash" }))), hasBody && !this.disabled && (h("button", { key: '690784310b84fa49590680db6b7ab42aec5e34e8', id: "edit-button", type: "button", onClick: () => (this.showBody = !this.showBody) }, h("span", { key: 'df9051dcd36487f51cbfb6014e4921ce405db3e3', class: "sr-only" }, "Legenda item aanpassen"), h("dso-icon", { key: '8d047e9c90f888a5b3a60c41829845bd1bcd0538', icon: this.showBody ? "times" : "more" })))), h("div", { key: '8f90acc7de95c518749e0cdbd100f38195911dbb', hidden: !hasBody || this.disabled || !this.showBody, class: "body" }, h("slot", { key: '9d743680ea76b8daec3ef131ca244603eba4a996', name: "body" }))));
31
+ }) }, h("div", { key: '1f3bb12d214ed0877786a195dbae6185b00b6c97', hidden: !hasSymbol }, h("slot", { key: '032e27bcad7cf0a711e7afe05f782c7d51246d1d', name: "symbol" })), h("div", { key: '7ba425d10db6401e450090b94824bb66ff709e9b' }, h("slot", { key: 'a4f911e41c0a700a4aa13a7fb4aab1fcdbeffe8a' })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: 'f094a3c424c1d1fd181b57bfd51638bfb8ea0797', position: "bottom" }, this.disabledMessage)), this.removable && (h("button", { key: '025272a3802507a54d2e50741dd79ed8bd1ba130', id: "remove-button", type: "button", onClick: (e) => this.dsoRemoveClick.emit({ originalEvent: e }) }, h("span", { key: 'a1f96e0028b2af5d115216676bb2a2f31403f53d', class: "sr-only" }, "Legenda item verwijderen"), h("dso-icon", { key: 'b2c18e31618d3ce43536c1b2d3d48f5d66c16658', icon: "trash" }))), hasBody && !this.disabled && (h("button", { key: 'ef084b28d39bac92df86f5e4e9f441588fa77d3f', id: "edit-button", type: "button", onClick: () => (this.showBody = !this.showBody) }, h("span", { key: '2ca66b1cadf279727750086f02e3423029b39fec', class: "sr-only" }, "Legenda item aanpassen"), h("dso-icon", { key: '6fe03e75ecbc08e02956d75c10212ad3f566d6f4', icon: this.showBody ? "times" : "more" })))), h("div", { key: '061973981aa31be8a7b1ab51f94e301a1c4aa68b', hidden: !hasBody || this.disabled || !this.showBody, class: "body" }, h("slot", { key: '9817bbb5df6790ecf30c97c688aed899a7b9ef9e', name: "body" }))));
32
32
  }
33
33
  static get is() { return "dso-legend-item"; }
34
34
  static get encapsulation() { return "shadow"; }
@@ -113,7 +113,7 @@ export class ListButton {
113
113
  render() {
114
114
  const showButtonInputs = this.manualCount === undefined;
115
115
  const selected = this.checked || (this.count !== undefined && this.count > 0);
116
- return (h("div", { key: '595469d188c512dc1b34eda805e41c564e29ba4a', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '5111da2a36969b0acae7190c2613124d9217ed8b', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("div", { key: '4db309ba5edc6caaccc40ce6016bea0fa4997df4', class: "dso-selectable" }, h("input", { key: '6f4f46ee4fd6705e169ee622b4134e0ad561a505', id: "dso-list-button-checkbox", type: "checkbox", value: "list-button", name: "naam", "aria-describedby": [this.sublabel && "sublabel", this.subcontentSlot && "description"].filter((s) => !!s).join(" ") || null, checked: selected, disabled: this.disabled }), h("label", { key: '9fedd5d531c56983b5c89d7bf65a47fa0aca3523', htmlFor: "dso-list-button-checkbox" }, this.label), this.subcontentSlot && (h("div", { key: '002a567fe3d9504f27be61bf801a8ae48decd5d1', class: "sr-only", id: "description" }, this.subcontentPrefix && this.subcontentPrefix + ":", h("div", { key: '432d4922ddcc649daa4f1c9311250748b39b89f5', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && (h("span", { key: '894a6fa32ca6edeab9dd436d50c7b063a1a5273b', class: "dso-sublabel", id: "sublabel" }, this.sublabel)), h("slot", { key: 'da5f033e670f95b2893df0301f3a23f37c0df382', name: "subcontent" })), this.count !== undefined && this.count > 0 && (h("div", { key: '7b4384dc1b1eaeb9255eb3e2937a95635c2567a5', class: "dso-input-number" }, this.manualCount === undefined && this.count > 1 && (h("button", { key: '479bab779cc2e589289a6fbb694c71a62194019b', type: "button", class: "dso-tertiary", disabled: this.count === Number(this.min) || this.disabled, onClick: (e) => this.stepValue(e, "decrement") }, h("dso-icon", { key: '5cff6d05687291a9bf52940a93358fe0f25a8305', icon: "minus-circle" }), h("span", { key: '5e7295c692372eba158405fdebc5c02bcc361b2f', class: "sr-only" }, "Aantal verlagen"))), h("div", { key: '057f3e693f7c5f07cef6e5d606e91b8096bb1ed8', class: "dso-input-wrapper" }, this.manualCount === undefined && this.count > 1 && (h("input", { key: '9497f8c030c2dbb6c9cc59965c83d0ea854a3e21', class: "dso-input-step-counter", type: "number", tabIndex: -1, "aria-label": "Aantal", value: this.count, readOnly: true })), h("form", { key: '1d8f5e6bdc517a893f78ce9af3175190321a82f3', onSubmit: (e) => this.setCount(e) }, h("div", { key: '80e89a920948228037750489f28a341c7eda82d2', ref: (element) => (this.manualInputWrapperElement = element) }, h("input", { key: '7540fa096742a46fe53504f08a2786d720b49a04', class: clsx("form-control", { hidden: showButtonInputs }), type: "number", "aria-label": "Aantal", value: this.manualCount, min: this.min, max: this.max, onInput: (e) => this.handleOnChange(e) })), this.manual && (h("button", { key: 'e6f3b0761e87577626308b192332adfe95771601', class: clsx("dso-manual-input-button", { "sr-only": !showButtonInputs }), type: !showButtonInputs ? "submit" : "button", disabled: this.disabled, onClick: () => showButtonInputs && this.startManualCountInput() }, showButtonInputs ? (h("span", { class: "sr-only" }, "Handmatig aantal invullen")) : (h("span", { class: "sr-only" }, "Zet waarde")))))), showButtonInputs && (h("button", { key: '8834a819b42cfe8b7d2f701927c39a2215ec86c7', type: "button", class: "dso-tertiary", disabled: this.count === Number(this.max) || this.disabled, onClick: (e) => this.stepValue(e, "increment") }, h("dso-icon", { key: 'cf26acf0a0eb6150ac6b6e76b4e1a479b5ff7516', icon: "plus-circle" }), h("span", { key: '3db09a5efa814148c99e38a181aa8d188479742c', class: "sr-only" }, "Aantal verhogen")))))));
116
+ return (h("div", { key: 'd40fdadfac45c00b7657ff365ddfac8769c72710', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '916de1d699fdb155530dfb5aa5b4b9315eb78b33', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("div", { key: 'cf718524bcc8bff10602d19701319522276390b6', class: "dso-selectable" }, h("input", { key: '2d36b3e7a9377ff765cbfbbd19874f2db49786e4', id: "dso-list-button-checkbox", type: "checkbox", value: "list-button", name: "naam", "aria-describedby": [this.sublabel && "sublabel", this.subcontentSlot && "description"].filter((s) => !!s).join(" ") || null, checked: selected, disabled: this.disabled }), h("label", { key: 'b5997457d4260bcf7971d2e57c7cb22ba036ef17', htmlFor: "dso-list-button-checkbox" }, this.label), this.subcontentSlot && (h("div", { key: 'c3747912f68572b004672ae49d770037cc40ed3c', class: "sr-only", id: "description" }, this.subcontentPrefix && this.subcontentPrefix + ":", h("div", { key: '85bd8620045f43ee3af685fcc9805f287b992ebd', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && (h("span", { key: '0936df007aa982b94bd63f63d2744dc342d0ec96', class: "dso-sublabel", id: "sublabel" }, this.sublabel)), h("slot", { key: '4e54fda951864d13c59bbf70f9052b7aeabb6bdb', name: "subcontent" })), this.count !== undefined && this.count > 0 && (h("div", { key: '8bd1030c7f7e779da73c67886c6da74e59eee9e9', class: "dso-input-number" }, this.manualCount === undefined && this.count > 1 && (h("button", { key: 'eeaf4920e388b5315a705859832fafe6d14920e3', type: "button", class: "dso-tertiary", disabled: this.count === Number(this.min) || this.disabled, onClick: (e) => this.stepValue(e, "decrement") }, h("dso-icon", { key: '60020bb171ed5b33e9850bc7472a7caa08bfbfd6', icon: "minus-circle" }), h("span", { key: '6f085b670db936d7ae44405a87d5aa04e663de8e', class: "sr-only" }, "Aantal verlagen"))), h("div", { key: 'aeacf135c45b4b255a5399dcded381769cc5962b', class: "dso-input-wrapper" }, this.manualCount === undefined && this.count > 1 && (h("input", { key: '84dd0679203c6ff85ea858e689366fb952a9e666', class: "dso-input-step-counter", type: "number", tabIndex: -1, "aria-label": "Aantal", value: this.count, readOnly: true })), h("form", { key: '19b9381145862bf3893284594479ff009f37a310', onSubmit: (e) => this.setCount(e) }, h("div", { key: 'e6bb25bd9ba9b848431e7451154ab91888f3193d', ref: (element) => (this.manualInputWrapperElement = element) }, h("input", { key: 'da5757dc2be34a994e1a54ceae73e176cccb99b8', class: clsx("form-control", { hidden: showButtonInputs }), type: "number", "aria-label": "Aantal", value: this.manualCount, min: this.min, max: this.max, onInput: (e) => this.handleOnChange(e) })), this.manual && (h("button", { key: 'cce6b85e2cbb094c7dbe9b008320758c075106d6', class: clsx("dso-manual-input-button", { "sr-only": !showButtonInputs }), type: !showButtonInputs ? "submit" : "button", disabled: this.disabled, onClick: () => showButtonInputs && this.startManualCountInput() }, showButtonInputs ? (h("span", { class: "sr-only" }, "Handmatig aantal invullen")) : (h("span", { class: "sr-only" }, "Zet waarde")))))), showButtonInputs && (h("button", { key: '09fd129b37155929d83573123cb15fd4c072cee3', type: "button", class: "dso-tertiary", disabled: this.count === Number(this.max) || this.disabled, onClick: (e) => this.stepValue(e, "increment") }, h("dso-icon", { key: '53bc95e299e1c0af676e397382f15137016c58e7', icon: "plus-circle" }), h("span", { key: 'a22ef9ead527e8ba09685fc9ec89b26661f22c7e', class: "sr-only" }, "Aantal verhogen")))))));
117
117
  }
118
118
  static get is() { return "dso-list-button"; }
119
119
  static get encapsulation() { return "shadow"; }
@@ -15,8 +15,8 @@ export class Logo {
15
15
  this.ribbon = undefined;
16
16
  }
17
17
  render() {
18
- return (h(Host, { key: 'b04f1170ed654ad0785d65761c0b81665b09befc', "aria-label": ["Omgevingsloket", this.label, this.ribbon && `(${this.ribbon})`].filter((s) => !!s).join(" ") }, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo, null))) : (h(DsoLogo, null)), this.label &&
19
- (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'fb457df019fe2fbaa97276083c6d46e3f6679329', class: "logo-ribbon" }, this.ribbon)));
18
+ return (h(Host, { key: 'd57dfbb27ec2be56630b4a78ade3a9922e81c3c3', "aria-label": ["Omgevingsloket", this.label, this.ribbon && `(${this.ribbon})`].filter((s) => !!s).join(" ") }, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo, null))) : (h(DsoLogo, null)), this.label &&
19
+ (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '8c22fc7c3b90a05312eedb04dd9c356cba7fa27e', class: "logo-ribbon" }, this.ribbon)));
20
20
  }
21
21
  static get is() { return "dso-logo"; }
22
22
  static get encapsulation() { return "shadow"; }
@@ -22,7 +22,7 @@ export class MapBaseLayers {
22
22
  for (const ref in this.selectableRefs) {
23
23
  delete this.selectableRefs[ref];
24
24
  }
25
- return (h("fieldset", { key: '9393b34468f7e7c35fd8933d344353c42a50f627', class: "form-group dso-radios" }, h("legend", { key: 'aa1cf5cc8c0d9874c7b443072637bcacb9dca799', class: "sr-only" }, "Achtergrond"), h("div", { key: '7c4236d2023cd6712e5f5761151990d7614a6c39', class: "dso-label-container" }, h("span", { key: '3195ba776a980eed4eb47bf224d8617aa5debda4', class: "control-label", "aria-hidden": "true" }, "Achtergrond")), h("div", { key: '6561ad34fa4d0eeb3ec152c75e891109b8c1eda0', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
25
+ return (h("fieldset", { key: 'ce4733538fc133e4d016ebe43df3b13a58797446', class: "form-group dso-radios" }, h("legend", { key: 'b1f4ceb4f0c8d9fefce0ca9646e02097e95afbd4', class: "sr-only" }, "Achtergrond"), h("div", { key: '702d557a61547834151275a488d207d3b78d3407', class: "dso-label-container" }, h("span", { key: 'e44d8e0a6d88ab41a8c36989229bc4d577f9c61f', class: "control-label", "aria-hidden": "true" }, "Achtergrond")), h("div", { key: '0b97e49d0288373b77f8edcc15efa1f77c440c8c', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
26
26
  }
27
27
  static get is() { return "dso-map-base-layers"; }
28
28
  static get encapsulation() { return "shadow"; }
@@ -54,7 +54,7 @@ export class MapControls {
54
54
  });
55
55
  }
56
56
  render() {
57
- return (h(Host, { key: '3f7ce2dd7cc11f02be90577764970adf85172967' }, h("button", { key: 'a1c1a07a05ff312f23ed8b6aa02ec02d8b2d34e2', type: "button", id: "toggle-visibility-button", class: "toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'e4da397ae7087125ea14e170813be8865a8348dc', icon: "layers" }), h("span", { key: '2fca94571636536e03a555f757104026efeec391' }, "Kaartlagen")), h("div", { key: '71fb31b517376f797914b8de132aac888ec63a23', class: "zoom-buttons" }, h("button", { key: '44c2cc9aa939657400638d86d163f26eff6a9d0a', type: "button", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, h("span", { key: 'c5ab82f953c0a432e0a7f57a65abc524534da557' }, "Zoom in"), h("dso-icon", { key: 'fd575a867cbf47779083c96f5fce23784a18dfc1', icon: "plus" })), h("button", { key: '0dd2fbc677a7c411b64418be261a46cf61e12dcd', type: "button", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, h("span", { key: '6b5292a0cc6055db0e9ec5cbcbc96c4cdf052be7' }, "Zoom uit"), h("dso-icon", { key: '09d6f4b412ac2c2abd8bdcf9f9e41333c383cb5b', icon: "minus" }))), h("section", { key: '1e881bfac904ed3b423111cc6ee38ad448f47226', hidden: this.hideContent }, h("header", { key: '6674658c959a06baea1e9a352f3390877e2ecc24' }, h("h2", { key: 'e69abd4f06d843d46a0315cf0f9af3b06e4b84fc' }, this.panelTitle), h("button", { key: '62a73366df821988b470161bab7bd898a93487b7', type: "button", class: "close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, h("span", { key: 'b38bf7e6d2f44cc94605d177ec69df31650079de' }, "Verberg paneel ", this.panelTitle), h("dso-icon", { key: 'a272d1b7cace86845713c69186e86066a212998d', icon: "times" }))), h("dso-scrollable", { key: '2eceb3fffae1d00e66ff289ddf7252a289427ed1' }, h("div", { key: 'dec6be8e301f0ce247086c01f608b240fc56509f', class: "content" }, h("slot", { key: '97d929c30fc07e77ce586841a71f0a52e347bcc6' }))))));
57
+ return (h(Host, { key: '811ed45e16756a18deea944ab3a830de0337515c' }, h("button", { key: '5eb63aafc7e83f90fbb93a8ffef51189f86dabfd', type: "button", id: "toggle-visibility-button", class: "toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '10c61d07bdabde651a1b054bdfcffff96b09ffa6', icon: "layers" }), h("span", { key: '495d5f0f496812b699b0d73384ff7a3cf44cdf83' }, "Kaartlagen")), h("div", { key: 'f7cc57743bd35805fe1290884c42be7b9f28deec', class: "zoom-buttons" }, h("button", { key: 'dc849568c9f89a3a97e089a748e4f9cab1bb244a', type: "button", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, h("span", { key: 'e2f3dc349c28b85641c31b31fb562ac3d978ad8f' }, "Zoom in"), h("dso-icon", { key: '685d9951a3f210d41c127445221fbc4202f81f8b', icon: "plus" })), h("button", { key: 'c207b3d18695514f2450e0541bd96a9959e79c41', type: "button", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, h("span", { key: '5ae124eec302ed0eb4311a863724319efe11ac07' }, "Zoom uit"), h("dso-icon", { key: '0d42226e456acc25c35a27e8b2f218b22c6f4108', icon: "minus" }))), h("section", { key: 'f1c8eeaae2dc0b107abe12068ab0c1dc55a083ab', hidden: this.hideContent }, h("header", { key: '30fbc77b30f39fb09f1aaca1ccbcf9d159aec5c1' }, h("h2", { key: '4ef3fd5e1af61d3c6e904ab3185db652fdfa6bca' }, this.panelTitle), h("button", { key: 'ec6d354424c9e918ed8b548944be847697f8ff39', type: "button", class: "close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, h("span", { key: 'ff58412ce86c3d0831acb22e82b3ff70707417c4' }, "Verberg paneel ", this.panelTitle), h("dso-icon", { key: '4dd038854693f096c3436f2a4c2a94748a9787e1', icon: "times" }))), h("dso-scrollable", { key: '645eb72dc729951ff79034339b905e36e91e4e7b' }, h("div", { key: '6df947228a9dc9bf2ed52ab9b3ce0874ed2618cb', class: "content" }, h("slot", { key: '810c62ea5de995e1423f664e11411213df18bfec' }))))));
58
58
  }
59
59
  static get is() { return "dso-map-controls"; }
60
60
  static get encapsulation() { return "shadow"; }
@@ -23,7 +23,7 @@ export class MapOverlays {
23
23
  for (const ref in this.selectableRefs) {
24
24
  delete this.selectableRefs[ref];
25
25
  }
26
- return (h("fieldset", { key: 'e2e4fd68c19725e3ab86f6a3226a096499f8bfd6', class: "form-group dso-checkboxes" }, h("legend", { key: 'e91f746f3ce067afe57835da2996804dba471ce3', class: "sr-only" }, "Kaartlagen"), h("div", { key: '81894c2733ee1717602906057def15e6c2b94ede', class: "dso-label-container" }, h("span", { key: 'd2e15d075b1796bb7eb63a423f5ea0f0618d0367', class: "control-label", "aria-hidden": "true" }, "Kaartlagen")), h("div", { key: '27a3141b73c4fabcc6c22b341bc314749bd77e2a', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
26
+ return (h("fieldset", { key: 'e064b6e3c8270a7ae1a88a75310e643184b0c871', class: "form-group dso-checkboxes" }, h("legend", { key: 'be69f5fb324f9699693c8a59e02488d1ef299f80', class: "sr-only" }, "Kaartlagen"), h("div", { key: '31c5b7a451d53c2bb88078741a6bf003a5f38171', class: "dso-label-container" }, h("span", { key: 'f923ee4a9eab8445103642d68478e76f1393fa31', class: "control-label", "aria-hidden": "true" }, "Kaartlagen")), h("div", { key: 'a3f52d6e7f87ecfdb6dd5ec354e728ec78ff392a', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
27
27
  }
28
28
  static get is() { return "dso-map-overlays"; }
29
29
  static get encapsulation() { return "shadow"; }
@@ -42,7 +42,7 @@ export class MarkBar {
42
42
  render() {
43
43
  const current = this.current || 0;
44
44
  const totalCount = this.totalCount || 0;
45
- return (h("div", { key: '68ad558bacca7efb6cbbec4d6a3e345414db5b39', class: "dso-mark-bar" }, h("div", { key: '76a7f907fa25df303f020af3e65b56c4d866d2a6', class: "dso-mark-bar-input" }, h("input", { key: 'a2fce14c437aeea11c63e9200ca48252bd234e7d', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'ba3fb2615d6677f4c22f2092f4582d6af2dbddad', htmlFor: "search-input" }, h("dso-icon", { key: '1ea33ee9cf987d87316b59daf2b009623f18a77d', class: "dso-search-icon", icon: "search" }), h("span", { key: 'ff7cf3471e76569ac81766f4fbdba79fdf2c20d4', class: "label-text" }, this.label)), h("button", { key: '637da769c9d368f27f730e229e92e79154f3857a', type: "button", onClick: this.handleClear }, h("dso-icon", { key: 'fdb73d9af338db53efe1261f4c75feabc288e5ee', icon: "times" }), h("span", { key: '0d87808d814626e9160b80bef23242301c92366b', class: "sr-only" }, "Zoekopdracht legen"))), h("div", { key: 'bd7c2ba5488192fae27824cca3fcc4fb7c343e3c', class: "dso-button-container" }, h("span", { key: '352e98377532aa5831191846a0dc27a07d45bf6d', class: "divider" }), h("button", { key: '2f0ed4ad58a39dbd6147073195af38e88b6ff6f2', type: "button", onClick: this.handlePrevious, disabled: current <= 1 }, h("dso-icon", { key: '02708b431889f4fe8ea23a0164cac58df6c6bfde', icon: "chevron-up", class: "hydrated" }), h("span", { key: '652bbfe037f969931eeac2150a3475ae025d8789', class: "sr-only" }, "Vorig zoekresultaat")), h("span", { key: 'f82a43c76c9322a5b63a95ee59964abe2707d178' }, current, "/", totalCount), h("button", { key: '4b229b7a3d4e08cee35c5bb584b506cac33b8a36', type: "button", onClick: this.handleNext, disabled: current >= totalCount }, h("dso-icon", { key: '918ea364d78b2f5925556ab7b73da32bf90fbabc', icon: "chevron-down", class: "hydrated" }), h("span", { key: 'a4f86a58b2fdb574cff3b51f0948932b5819eb50', class: "sr-only" }, "Volgend zoekresultaat")))));
45
+ return (h("div", { key: '86eb7b642e9767352fbc75a1daba29afcf55ce03', class: "dso-mark-bar" }, h("div", { key: '09ae8802d957d6b211c29bf63862a31c1aa73226', class: "dso-mark-bar-input" }, h("input", { key: 'aad7ce3b0fc2885f83a09763be64d83adbaf565a', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'a734d54fdde110aeb8c8cc4f01c1a0cf01c414ac', htmlFor: "search-input" }, h("dso-icon", { key: '3b608e3b58be2c1523481711906ccd6930ec3fb7', class: "dso-search-icon", icon: "search" }), h("span", { key: 'e2f2ef89c4444c90688947010f01c551a4604b2c', class: "label-text" }, this.label)), h("button", { key: '6d5ecdef20b596f3ce1c7a7a0240c11bc4f474c7', type: "button", onClick: this.handleClear }, h("dso-icon", { key: 'e28f8ff586da9c44be6dce7ebe60f0c2ab06068e', icon: "times" }), h("span", { key: 'b84ebcfa78721dfed4f195d4a684c66e2e1aca48', class: "sr-only" }, "Zoekopdracht legen"))), h("div", { key: 'ee0f15d11fc4997a51771eb13cbd75da919530ef', class: "dso-button-container" }, h("span", { key: 'c8bd69aa13ce337b8845d60bf38dee4c04cce547', class: "divider" }), h("button", { key: 'f235b21d3d068fbcef70b4d92d636ac2ffa0da39', type: "button", onClick: this.handlePrevious, disabled: current <= 1 }, h("dso-icon", { key: '587848082507cd57cd90e4c0f81be53d8e4df0b6', icon: "chevron-up", class: "hydrated" }), h("span", { key: '3f8e9c78ddc70fedc638528bfb0000b9ce4f91c9', class: "sr-only" }, "Vorig zoekresultaat")), h("span", { key: '88e285a9a36594ddfc782539fd66f566496526ed' }, current, "/", totalCount), h("button", { key: '732c37e44fb2eb9989754d606776c15d95b328c4', type: "button", onClick: this.handleNext, disabled: current >= totalCount }, h("dso-icon", { key: '72032a6914db0c1cdf967e02e470649f61056219', icon: "chevron-down", class: "hydrated" }), h("span", { key: '13cf1a7f9931e5bff22dbec53cfbf9464d8a5c72', class: "sr-only" }, "Volgend zoekresultaat")))));
46
46
  }
47
47
  static get is() { return "dso-mark-bar"; }
48
48
  static get encapsulation() { return "shadow"; }
@@ -33,10 +33,10 @@ export class Modal {
33
33
  }
34
34
  render() {
35
35
  var _a;
36
- return (h("dialog", { key: '8667722ca1444f173b011507c9c4a06ff3ddeddd', class: "dso-modal", role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onCancel: (e) => {
36
+ return (h("dialog", { key: '105a90e070e128bc42e652e71e2d65d7075c3b22', class: "dso-modal", role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onCancel: (e) => {
37
37
  e.preventDefault();
38
38
  this.dsoClose.emit({ originalEvent: e });
39
- } }, h("div", { key: '0ebf13e604a159c4bb08c96fd0d87011b09fd6e7', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("dso-scrollable", { key: '434522fd8d1c2d518a7bbb410dafc674f3f72c99' }, h("div", { key: '8399490f6dd67d60a30646c1e2727535dae856a6', class: "dso-body", tabIndex: 0 }, h("slot", { key: '6f27377f5311c753944b9f1f3f019c84bd41b15a', name: "body" }))), this.hasFooter && (h("div", { key: 'd8d14ec73fc2c2c3fe099d03cf83b992a8f6378a', class: "dso-footer" }, h("slot", { key: '1b780ea4a62678c453050e32831ca5c0dc26b36c', name: "footer" }))))));
39
+ } }, h("div", { key: '62928005e012b28a4bb3292577d338a19564d900', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("dso-scrollable", { key: 'a3b8ca827f4f810111748c8afce16376a2855ea2' }, h("div", { key: 'e1b8da8b7f989fb9218225717b42a442ccdbba68', class: "dso-body", tabIndex: 0 }, h("slot", { key: '75d7237cd6361428ee1a8fde43297105c13a5a70', name: "body" }))), this.hasFooter && (h("div", { key: 'ccba551213f760dc116181a15c5d14ccc4e69b55', class: "dso-footer" }, h("slot", { key: '723581c8230a74655480866e0cb319c0e3f40215', name: "footer" }))))));
40
40
  }
41
41
  static get is() { return "dso-modal"; }
42
42
  static get encapsulation() { return "shadow"; }
@@ -24,7 +24,7 @@ export class OzonContent {
24
24
  emitAnchorClick: this.dsoAnchorClick.emit,
25
25
  };
26
26
  const transformed = mapper.transform(this.content, context);
27
- return h(Fragment, { key: '1120ae597aac87e4d5b908c44bf77d096818f816' }, transformed);
27
+ return h(Fragment, { key: '0084a8526897788dc1f037f0f1a49f6da2ea14b6' }, transformed);
28
28
  }
29
29
  static get is() { return "dso-ozon-content"; }
30
30
  static get encapsulation() { return "shadow"; }
@@ -8,7 +8,7 @@ export class ProgressBar {
8
8
  render() {
9
9
  const progressNumber = Math.round(this.progress);
10
10
  const progressPercentage = `${progressNumber}%`;
11
- return (h("div", { key: '1a45c38772e90c8b968b3f7b977f268e2b4690a6', class: "progress" }, h("span", { key: '313b816b1e77a99897f35766f283cbdc241e7e7d', class: "progress-bar", role: "progressbar", "aria-labelledby": "progress-bar-label", "aria-valuenow": progressNumber, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("span", { key: '319575966c1dd86f400a850b7b73945d487b306c', style: { width: `${progressPercentage}` } })), h("span", { key: 'afc0c3b8043f59cbaa30b175af3e4dfb4397af80', id: "progress-bar-label" }, h("slot", { key: 'd1340fc1c5180795f6b7a4277b54cf79eba1327b' }))));
11
+ return (h("div", { key: 'ff4d4c40756266cb3148ad99654ed7cc4583f317', class: "progress" }, h("span", { key: 'e22b0de3d25d8db1108adbe270efe535eaf63691', class: "progress-bar", role: "progressbar", "aria-labelledby": "progress-bar-label", "aria-valuenow": progressNumber, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("span", { key: '7071ce188554ec8c59f43dd14d1106801abdecb0', style: { width: `${progressPercentage}` } })), h("span", { key: 'e0cc46668cd3ef7de11cce700a7b8d90080f136e', id: "progress-bar-label" }, h("slot", { key: '2e118c2588641d6cd350a1fe9bc59a965770a183' }))));
12
12
  }
13
13
  static get is() { return "dso-progress-bar"; }
14
14
  static get encapsulation() { return "shadow"; }
@@ -6,7 +6,7 @@ export class Progressindicator {
6
6
  this.block = undefined;
7
7
  }
8
8
  render() {
9
- return (h(Host, { key: '58f7e538a65dac546f928bf2e0269c774351d92c' }, h("span", { key: '6dbca482e53cadb5a2af0040c59c251f879300f5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'cd665e310c1a2b00f4694c47c28fe0a21e3dc117', icon: "spinner" })), h("span", { key: '7a900e5d798cd6e0b79f5735521e3c7193953109', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label)));
9
+ return (h(Host, { key: '68ff0b6ed51e192610a23c9bf9715fc9d757fba1' }, h("span", { key: 'f340d8a00dc48655e525329b25870d53975a8f7f', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '841182f2410e0c23d44b1359a00482ae44501a08', icon: "spinner" })), h("span", { key: 'c498a9297a8c3196b497bea9bd32c446b49c1fb3', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label)));
10
10
  }
11
11
  static get is() { return "dso-progress-indicator"; }
12
12
  static get encapsulation() { return "shadow"; }
@@ -40,7 +40,7 @@ export class ResponsiveElement {
40
40
  this.observer.unobserve(this.host);
41
41
  }
42
42
  render() {
43
- return (h(Host, { key: '2029e4f353845ef8216aca8b34766d1994dc1978', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '1091f3ff1b743749016eb05770a1832b71addad4' })));
43
+ return (h(Host, { key: 'fe62bfb3fa9345115e9959500e8c3906efa28261', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'dea7899ed18de4e28962d3a824f257c39f7057e9' })));
44
44
  }
45
45
  static get is() { return "dso-responsive-element"; }
46
46
  static get encapsulation() { return "shadow"; }
@@ -81,9 +81,9 @@ export class Scrollable {
81
81
  this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
82
82
  }
83
83
  render() {
84
- return (h("div", { key: '728914b36a4de1fc393f0de5c9d72630e5d36cf6', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '9a19dccb10a5492accf5935d5bba29669ec43253', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
84
+ return (h("div", { key: '9c53005e7c9885cf72e912f4f557bbbf6f7d5b50', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '30333683609d1fd13fbccb3d9756f7e3948fc090', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
85
85
  [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
86
- }), onScroll: () => this._setScrollState() }, h("slot", { key: '4065ef31dbe24cb64d47d5470ba256a9edc42f56' }))));
86
+ }), onScroll: () => this._setScrollState() }, h("slot", { key: 'bb8bd480c431862ccc7db6847c97161fc92e738d' }))));
87
87
  }
88
88
  static get is() { return "dso-scrollable"; }
89
89
  static get encapsulation() { return "shadow"; }
@@ -63,7 +63,7 @@ export class Selectable {
63
63
  render() {
64
64
  var _a;
65
65
  const hasInfo = !!this.host.querySelector('[slot="info"]');
66
- return (h(Fragment, { key: '9b3a5a7eded8a2c4fa778a78506cf3830eeb2158' }, h("div", { key: '77eb55ac077f2165af3eeabbc7d905aafa9ac00b', class: "dso-selectable-container" }, h("div", { key: '2a76089b151a5bda6f92fc6db37520a36a4c0c8a', class: clsx("dso-selectable-input-wrapper", { "dso-keyboard-focus": this.keyboardFocus }) }, h("input", { key: '753871d7f427daac250481c45d53f277ce0e9aaa', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, onBlur: () => (this.keyboardFocus = false), onKeyUp: () => (this.keyboardFocus = true), ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '33b894964ac606b03da670d53dcd4766ed73ce9c', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '625d8c5d96d9e40cce6bbe2d06ed27cb51093d05', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '762e207474ba137a6e49c18f4f95012715867768' }, h("slot", { key: '4d7c20a761021788cd034fd0b6fc1f1fb9b73045', name: "info" })))), h("slot", { key: '95f6353ece9a423f9e1a6f300ae67f456465199b', name: "options" })));
66
+ return (h(Fragment, { key: '1f81229a1f1fef108068804fad7761151b9c074f' }, h("div", { key: 'fbd1cf9ab0ff933b7c0fb183c6be54c543502967', class: "dso-selectable-container" }, h("div", { key: '5d5b101e3b05e07a36b4cb1f0927bd55ccc459db', class: clsx("dso-selectable-input-wrapper", { "dso-keyboard-focus": this.keyboardFocus }) }, h("input", { key: '094554197b315b6a992a43360b229f0d898ae480', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, onBlur: () => (this.keyboardFocus = false), onKeyUp: () => (this.keyboardFocus = true), ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '68d97d170c77ad983efcd6511ce23df320d3b23d', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '54eca001300dd947e79f5f5cb9c91fc9f44a6a94', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'f3d478436c5b8428b10802953423aa237fb6c4a3' }, h("slot", { key: 'c0b0a05b5997a90a11581b7be95f3443e2cbb8a7', name: "info" })))), h("slot", { key: '7c8d8bd9c10289b068d1e544995cbebfbb7ee8e7', name: "options" })));
67
67
  }
68
68
  componentDidRender() {
69
69
  if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
@@ -19,7 +19,7 @@ export class SlideToggle {
19
19
  this.hasVisibleLabel = this.host.querySelector("*") !== null;
20
20
  }
21
21
  render() {
22
- return (h(Fragment, null, h("button", Object.assign({ key: 'ea4d8bc2eb5fa0a52ac79f17f159a9ee26e09d2a', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), h("svg", { key: '9acfafd7ef96b83c925f047df6c32a291d838ae9', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '88eebbcb44f052156eca94252415c5d25c63e680', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'eace61a8f842a075dab3d9426e69116ea3315f6e', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '3291d73f3eadedb5f14bbdbaa1f5d44cafd28914', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'a4d94570566b9fe47ca66d0996bec90991b8108b', htmlFor: this.identifier }, h("slot", { key: 'c57f79aee4166a947a22d7b4ae1de4b976b11a0d' })))));
22
+ return (h(Fragment, null, h("button", Object.assign({ key: 'f8675793bcdd4b88ca76fa4e3739a5e7a76ebbb0', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), h("svg", { key: '3aea12f6ceb0ca2aaa708afe2345f9fc45b5f982', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '8e1d9f35b03bc2c5eae7fe28b5f0966f76eb70d4', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'bdf984ae055e5b6b994da64526b260082935b43e', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'bc009a77fdf29e0901b089d22cf73383b3172c9c', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'c623527a4f867e5bb7745d97f77d5f6515e8b9fd', htmlFor: this.identifier }, h("slot", { key: 'bef77c8f156edc05a4e549d0a9aa0d5c33e6797f' })))));
23
23
  }
24
24
  static get is() { return "dso-slide-toggle"; }
25
25
  static get originalStyleUrls() {
@@ -135,7 +135,7 @@ export class SlideToggle {
135
135
  "name": "dsoActiveChange",
136
136
  "bubbles": true,
137
137
  "cancelable": true,
138
- "composed": true,
138
+ "composed": false,
139
139
  "docs": {
140
140
  "tags": [],
141
141
  "text": "Emitted when user checks or unchecks the Slide Toggle."
@@ -1 +1 @@
1
- {"version":3,"file":"slide-toggle.js","sourceRoot":"","sources":["../../../../src/components/slide-toggle/slide-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAgB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtH,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAQ1B,MAAM,OAAO,WAAW;;uBAQZ,KAAK;wBAMJ,KAAK;;;;0BAqBH,EAAE,EAAE;;IAQT,YAAY,CAAC,CAAQ;QAC3B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,aAAa,EAAE,CAAC;YAChB,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC/D,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,6EACE,EAAE,EAAE,IAAI,CAAC,UAAU,EACnB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,YAAY,kBACJ,EAAE,GAAG,IAAI,CAAC,OAAO,EAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAChC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBAEvE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;oBAChF,0DAAG,IAAI,EAAC,MAAM,eAAW,SAAS;wBAChC,6DAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,EAAC,EAAE,EAAC,IAAI,GAAG;wBAC3D,+DAAQ,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CAC1C,CACA,CACC;YACR,IAAI,CAAC,eAAe,IAAI,CACvB,8DAAO,OAAO,EAAE,IAAI,CAAC,UAAU;gBAC7B,8DAAQ,CACF,CACT,CACA,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, ComponentInterface, Event, Fragment, Prop, EventEmitter, Element, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\nimport { SlideToggleActiveEvent } from \"./slide-toggle.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-slide-toggle\",\r\n styleUrl: \"slide-toggle.scss\",\r\n shadow: false,\r\n})\r\nexport class SlideToggle implements ComponentInterface {\r\n @Element()\r\n private host!: HTMLDsoSlideToggleElement;\r\n\r\n /**\r\n * Set to true if Slide Toggle is checked.\r\n */\r\n @Prop()\r\n checked = false;\r\n\r\n /**\r\n * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events.\r\n */\r\n @Prop()\r\n disabled = false;\r\n\r\n /**\r\n * When provided the `<button>` will be labelled with `aria-label`. For a visible label provide a `<span>` inside the component.\r\n */\r\n @Prop()\r\n accessibleLabel?: string;\r\n\r\n /**\r\n * Provide the `id` of the element that labels this element. this property sets the `aria-labelledby` on the switch button.\r\n */\r\n @Prop()\r\n labelledbyId?: string;\r\n\r\n @State()\r\n hasVisibleLabel?: boolean;\r\n\r\n /**\r\n * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for=\"id\">`.\r\n */\r\n @Prop()\r\n identifier = v4();\r\n\r\n /**\r\n * Emitted when user checks or unchecks the Slide Toggle.\r\n */\r\n @Event()\r\n dsoActiveChange!: EventEmitter<SlideToggleActiveEvent>;\r\n\r\n private handleSwitch(e: Event): void {\r\n this.dsoActiveChange.emit({\r\n originalEvent: e,\r\n checked: !this.checked,\r\n });\r\n }\r\n\r\n componentWillLoad(): void {\r\n this.hasVisibleLabel = this.host.querySelector(\"*\") !== null;\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n <button\r\n id={this.identifier}\r\n role=\"switch\"\r\n class=\"dso-slider\"\r\n aria-checked={\"\" + this.checked}\r\n disabled={this.disabled}\r\n onClick={(e) => this.handleSwitch(e)}\r\n {...(this.accessibleLabel ? { \"aria-label\": this.accessibleLabel } : {})}\r\n {...(this.labelledbyId ? { \"aria-labelledby\": this.labelledbyId } : {})}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"20\" viewBox=\"0 0 40 20\">\r\n <g fill=\"none\" fill-rule=\"evenodd\">\r\n <rect width=\"40\" height=\"20\" fill=\"currentColor\" rx=\"10\" />\r\n <circle cy=\"10\" r=\"8\" fill=\"currentColor\" />\r\n </g>\r\n </svg>\r\n </button>\r\n {this.hasVisibleLabel && (\r\n <label htmlFor={this.identifier}>\r\n <slot />\r\n </label>\r\n )}\r\n </>\r\n );\r\n }\r\n}\r\n"]}
1
+ {"version":3,"file":"slide-toggle.js","sourceRoot":"","sources":["../../../../src/components/slide-toggle/slide-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAgB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtH,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAQ1B,MAAM,OAAO,WAAW;;uBAQZ,KAAK;wBAMJ,KAAK;;;;0BAqBH,EAAE,EAAE;;IAQT,YAAY,CAAC,CAAQ;QAC3B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,aAAa,EAAE,CAAC;YAChB,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC/D,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,6EACE,EAAE,EAAE,IAAI,CAAC,UAAU,EACnB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,YAAY,kBACJ,EAAE,GAAG,IAAI,CAAC,OAAO,EAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAChC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBAEvE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;oBAChF,0DAAG,IAAI,EAAC,MAAM,eAAW,SAAS;wBAChC,6DAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,EAAC,EAAE,EAAC,IAAI,GAAG;wBAC3D,+DAAQ,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CAC1C,CACA,CACC;YACR,IAAI,CAAC,eAAe,IAAI,CACvB,8DAAO,OAAO,EAAE,IAAI,CAAC,UAAU;gBAC7B,8DAAQ,CACF,CACT,CACA,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, ComponentInterface, Event, Fragment, Prop, EventEmitter, Element, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\nimport { SlideToggleActiveEvent } from \"./slide-toggle.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-slide-toggle\",\r\n styleUrl: \"slide-toggle.scss\",\r\n shadow: false,\r\n})\r\nexport class SlideToggle implements ComponentInterface {\r\n @Element()\r\n private host!: HTMLDsoSlideToggleElement;\r\n\r\n /**\r\n * Set to true if Slide Toggle is checked.\r\n */\r\n @Prop()\r\n checked = false;\r\n\r\n /**\r\n * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events.\r\n */\r\n @Prop()\r\n disabled = false;\r\n\r\n /**\r\n * When provided the `<button>` will be labelled with `aria-label`. For a visible label provide a `<span>` inside the component.\r\n */\r\n @Prop()\r\n accessibleLabel?: string;\r\n\r\n /**\r\n * Provide the `id` of the element that labels this element. this property sets the `aria-labelledby` on the switch button.\r\n */\r\n @Prop()\r\n labelledbyId?: string;\r\n\r\n @State()\r\n hasVisibleLabel?: boolean;\r\n\r\n /**\r\n * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for=\"id\">`.\r\n */\r\n @Prop()\r\n identifier = v4();\r\n\r\n /**\r\n * Emitted when user checks or unchecks the Slide Toggle.\r\n */\r\n @Event({ composed: false })\r\n dsoActiveChange!: EventEmitter<SlideToggleActiveEvent>;\r\n\r\n private handleSwitch(e: Event): void {\r\n this.dsoActiveChange.emit({\r\n originalEvent: e,\r\n checked: !this.checked,\r\n });\r\n }\r\n\r\n componentWillLoad(): void {\r\n this.hasVisibleLabel = this.host.querySelector(\"*\") !== null;\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n <button\r\n id={this.identifier}\r\n role=\"switch\"\r\n class=\"dso-slider\"\r\n aria-checked={\"\" + this.checked}\r\n disabled={this.disabled}\r\n onClick={(e) => this.handleSwitch(e)}\r\n {...(this.accessibleLabel ? { \"aria-label\": this.accessibleLabel } : {})}\r\n {...(this.labelledbyId ? { \"aria-labelledby\": this.labelledbyId } : {})}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"20\" viewBox=\"0 0 40 20\">\r\n <g fill=\"none\" fill-rule=\"evenodd\">\r\n <rect width=\"40\" height=\"20\" fill=\"currentColor\" rx=\"10\" />\r\n <circle cy=\"10\" r=\"8\" fill=\"currentColor\" />\r\n </g>\r\n </svg>\r\n </button>\r\n {this.hasVisibleLabel && (\r\n <label htmlFor={this.identifier}>\r\n <slot />\r\n </label>\r\n )}\r\n </>\r\n );\r\n }\r\n}\r\n"]}
@@ -30,7 +30,7 @@ export class Table {
30
30
  render() {
31
31
  var _a, _b;
32
32
  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();
33
- return (h(Host, { key: '605ee565237f1ce87f0f14227d5c4ccb1b351dd6' }, this.modalActive && this.placeholderHeight && (h("div", { key: '2bc2d841dc4bd4aa15bcab5a524904c6c1500caf', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && h("div", { key: '83c49337946c1fc4d0a517146ae6a5b10d3efdcb', class: "dso-modal-overlay" }), h("div", { key: '9e34e315aa68e77aac7b8a03cdd3665022f1ccb4', class: { "dso-modal": this.modalActive } }, h("div", Object.assign({ key: '6c24562e2b880a31b43f901d07d63e2d34b05783', class: { "dso-dialog": this.modalActive, "dso-table-dialog": true }, ref: (element) => (this.focusTrapElement = element) }, (this.modalActive ? { ["aria-labelledby"]: this.labelledbyId, role: "dialog" } : {})), (this.isResponsive || !this.noModal) && (h("div", { key: 'b4d32a6806dd03d04a88610110b640218c57bb70', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (h("div", { key: 'fcf050303d05bfb43abd03fec837bfbdb650a307', class: "dso-responsive-message" }, h("span", { key: '6902e0cddc1beade3442fa95245de48dc681c6af' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { key: 'e7f06763d9ac12691f0892fdffaae2bd342bdead', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, h("span", { key: 'b890a79fce379dc6da7a16448149804646980d7b', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", { key: 'e4a545c2e8d6e906f58846a2b2f0a5e1fa1ceddf' }, "vergroten"), h("dso-icon", { key: '9f57a35173d80f2e4e736db291bfe96b71149946', icon: "external-link" }))))), this.modalActive && (h("div", { key: 'ee12a47f142adc1da660830275694ad7c4156455', class: "dso-header" }, h("h2", { key: '64f262b2f51d37d9e34f6ad954b7f3a11576ecdb', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { key: 'e679cec677928196d2914c68b08e855b30988cf4', type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { key: 'a274c98599ae8c2ad411ceaae206d2119dbec70f', icon: "times" }), h("span", { key: '77d762a3e7b5d8ffedefa4339207bbeac779fbeb', class: "sr-only" }, "Sluiten")))), h("div", { key: '61d3425f47548b34d0dda4bf7bd739d8484e218c', class: { "dso-body": this.modalActive, "dso-table-body": true } }, h("slot", { key: 'cb1932c38d91d7d4c87004c027348f8903ffd79f' }))))));
33
+ return (h(Host, { key: 'b629c1e25c4d60aa60df91f1853994583c2f2d07' }, this.modalActive && this.placeholderHeight && (h("div", { key: '4e7442a495c7be75cb3bb5370134c1101f02aee2', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && h("div", { key: 'f33754de281a49d8130a5e6dd11d416a167ba920', class: "dso-modal-overlay" }), h("div", { key: 'ffbf7075107a77dc3647a69fe599f37e6bc419cc', class: { "dso-modal": this.modalActive } }, h("div", Object.assign({ key: 'a94cd512f42be3b1051164d451b552a7bcfeedc3', class: { "dso-dialog": this.modalActive, "dso-table-dialog": true }, ref: (element) => (this.focusTrapElement = element) }, (this.modalActive ? { ["aria-labelledby"]: this.labelledbyId, role: "dialog" } : {})), (this.isResponsive || !this.noModal) && (h("div", { key: '139e9caf1f0c8c755ec7803b5259a3e06468c3ac', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (h("div", { key: 'cac3717161b89afe97ad1059040654b0cf48e436', class: "dso-responsive-message" }, h("span", { key: '06390037b80f1351407fb07e761f563ed2edebc1' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { key: '32a6a1ddfd6ea7a05ec6e97d582fdc2a4c99ae79', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, h("span", { key: 'eae2830da62a081b82b4ef51d49adb92da2bf5bb', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", { key: '7bc7f04268324863e5d6712d4ffab4c6a46b08dc' }, "vergroten"), h("dso-icon", { key: '04fea1be6bd15d834decf67ffa40ea165d1a7f7b', icon: "external-link" }))))), this.modalActive && (h("div", { key: 'fb55b553daea04a348736fd01ff5d5f85d0723c0', class: "dso-header" }, h("h2", { key: '7943854e13ee199057a599544473c7af2734be1e', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { key: '637d2d54a71d80ea703ecc68df033f6f4eb045d8', type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { key: 'c52e6f3dc6c0e29672ecc8589382897c2f540cb4', icon: "times" }), h("span", { key: '1df50db1609abe3fc64da59b8c24caeb161bea15', class: "sr-only" }, "Sluiten")))), h("div", { key: '6f2b09f672600b36d1e4a13055c11e7083f611ef', class: { "dso-body": this.modalActive, "dso-table-body": true } }, h("slot", { key: 'bca7497b58cf07b16a22dd1c488650d19ac4aa41' }))))));
34
34
  }
35
35
  openModal() {
36
36
  this.placeholderHeight = this.host.clientHeight;
@@ -35,7 +35,7 @@ export class Toggletip {
35
35
  this.secondary = undefined;
36
36
  }
37
37
  render() {
38
- return (h(Fragment, null, h("dso-info-button", { key: '10e013466bfab32ebbcc95f6a61478a223e46bf8', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '28220af6f2f8f8238cabec4cfa2a439c46270744', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '060aa920f22dbf083bc17557a2cca924e93988ea' }))));
38
+ return (h(Fragment, null, h("dso-info-button", { key: '98f0254a5ec612596ac32d0f4a5dcde1ce69ff2e', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: 'c1ce14c551312bca9ef753d7b83c683b62c2ae58', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '6c4cb2adea2902aa49efc686d7418907f10fe5e3' }))));
39
39
  }
40
40
  static get is() { return "dso-toggletip"; }
41
41
  static get encapsulation() { return "shadow"; }
@@ -168,7 +168,7 @@ export class Tooltip {
168
168
  }
169
169
  }
170
170
  render() {
171
- return (h(Host, { key: '66a3f32c6fdf67da8f7139d077a1b0aad763a73d', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '267e5ed9b419c508281c82ddd5ec4574fdfec538', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '76605429685029003c414c272bd40b545c3703d1', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'a7d654c79eba063a19c4ff6e136c37b68fe9b7e3', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '193e821c7bb1f407b34478a064bb61d2154303f4' })))));
171
+ return (h(Host, { key: '689567701eba43956564aeeab008a6c26000a89e', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '1ab019bbf0f6e410b9f3a45230d57aeef1f580bd', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '3880c6433cbbecbe9b8b05f06baf935e11f8729a', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'fb7232c84755031e1beea392c7789b83011efa6a', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '82a1c75c1f74074993a4a136da62d09d5af0200e' })))));
172
172
  }
173
173
  activatePopper() {
174
174
  var _a;
@@ -175,7 +175,7 @@ export class TreeView {
175
175
  }
176
176
  render() {
177
177
  var _a;
178
- return (h("div", { key: '617360ff6c43f0ef6fa5f80a4d52032e4e9688f5', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '68b6d0725280fd9f7500c4d66e71bbfd693c08c5', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
178
+ return (h("div", { key: 'e4651d8f9c3a185c7ded70b677c83178be7181e8', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '062945ce97ff42458de8636b954c3ff70aab5202', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
179
179
  }
180
180
  static get is() { return "dso-tree-view"; }
181
181
  static get encapsulation() { return "shadow"; }
@@ -154,7 +154,7 @@ export class ViewerGrid {
154
154
  }
155
155
  render() {
156
156
  const tabLabels = this.mode === "vdk" ? viewerGridVdkTabs : viewerGridVrkTabs;
157
- return (h(Fragment, null, this.tabView && (h("nav", { key: 'd6a4b1568e5847be455fffe3e0e0773794fdce9b', class: "dso-navbar" }, h("ul", { key: '24a5a3b03d32feff24f79f13588b3cc536f02e18', class: "dso-nav dso-nav-sub" }, tabLabels.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && (this.activeTab === "main" || this.activeTab === "search"))) && (h(MainPanel, { key: '33fe19de440af3985e071ad1e304b0168f356a98', mode: this.mode, tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, shrinkMain: this.emitShrinkMain, expandMain: this.emitExpandMain, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), h(Filterpanel, { key: 'aad2a173b6bbedc1894eb4a88837db7e485927cb', ref: (element) => (this.filterpanel = element), onApply: this.handleFilterpanelApply, onCancel: this.handleFilterpanelCancel }), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'aa7067f1557d343df8d36603cf50a917ca68b768', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '9716dff8586f48d42513cec36dad02e689d5f2f6', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '45fffa329cbc250e5f661448df67619c11629dea', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '4b3f26166e7694709c69c6c27ec3ab555f6ba7fb', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) })));
157
+ return (h(Fragment, null, this.tabView && (h("nav", { key: '599c946e81dd4bf7c4604af1e7eee607795e258e', class: "dso-navbar" }, h("ul", { key: '7ecbe856998a52c5930016d7aefbdcb89dd7df53', class: "dso-nav dso-nav-sub" }, tabLabels.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && (this.activeTab === "main" || this.activeTab === "search"))) && (h(MainPanel, { key: 'a4cc61bea78323dc334498b5712bfaaacad4ebf3', mode: this.mode, tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, shrinkMain: this.emitShrinkMain, expandMain: this.emitExpandMain, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), h(Filterpanel, { key: 'd4ef62bdabba185acac8aa979a1960f06b49badd', ref: (element) => (this.filterpanel = element), onApply: this.handleFilterpanelApply, onCancel: this.handleFilterpanelCancel }), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '8e5589e2bafd04feec2cb33b10d56e2e295d47fb', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '6ca0b6bd7950014a129d1667cf62d681d63beaa3', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: 'bc120705d49a3ebcb750b79f2838d1eb0179facd', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'a7458ef8892524572b84833571437ea1b6afbefa', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) })));
158
158
  }
159
159
  static get is() { return "dso-viewer-grid"; }
160
160
  static get encapsulation() { return "shadow"; }