@dso-toolkit/core 54.3.0 → 56.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (427) hide show
  1. package/dist/cjs/dso-accordion-section.cjs.entry.js +31 -88
  2. package/dist/cjs/dso-accordion-section.cjs.entry.js.map +1 -1
  3. package/dist/cjs/dso-accordion.cjs.entry.js +198 -108
  4. package/dist/cjs/dso-accordion.cjs.entry.js.map +1 -1
  5. package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
  6. package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
  7. package/dist/cjs/dso-alert_5.cjs.entry.js +719 -0
  8. package/dist/cjs/dso-alert_5.cjs.entry.js.map +1 -0
  9. package/dist/cjs/dso-annotation-output_3.cjs.entry.js +143 -0
  10. package/dist/cjs/dso-annotation-output_3.cjs.entry.js.map +1 -0
  11. package/dist/cjs/dso-attachments-counter.cjs.entry.js +1 -1
  12. package/dist/cjs/dso-autosuggest.cjs.entry.js +1 -1
  13. package/dist/cjs/dso-banner.cjs.entry.js +1 -1
  14. package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
  15. package/dist/cjs/dso-card.cjs.entry.js +1 -1
  16. package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
  17. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
  18. package/dist/cjs/dso-expandable.cjs.entry.js +18 -37
  19. package/dist/cjs/dso-expandable.cjs.entry.js.map +1 -1
  20. package/dist/cjs/dso-header.cjs.entry.js +5 -2
  21. package/dist/cjs/dso-header.cjs.entry.js.map +1 -1
  22. package/dist/cjs/dso-helpcenter-panel.cjs.entry.js +1 -1
  23. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  24. package/dist/cjs/dso-icon.cjs.entry.js +1 -1
  25. package/dist/cjs/dso-image-overlay.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 +4 -3
  28. package/dist/cjs/dso-info_2.cjs.entry.js.map +1 -1
  29. package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
  30. package/dist/cjs/dso-list-button.cjs.entry.js.map +1 -1
  31. package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
  32. package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
  33. package/dist/cjs/dso-map-controls.cjs.entry.js.map +1 -1
  34. package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
  35. package/dist/cjs/dso-modal.cjs.entry.js +3 -3
  36. package/dist/cjs/dso-modal.cjs.entry.js.map +1 -1
  37. package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
  38. package/dist/cjs/dso-progress-bar.cjs.entry.js +1 -1
  39. package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
  40. package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
  41. package/dist/cjs/dso-scrollable.cjs.entry.js +7 -7
  42. package/dist/cjs/dso-scrollable.cjs.entry.js.map +1 -1
  43. package/dist/cjs/dso-table.cjs.entry.js +2 -2
  44. package/dist/cjs/dso-table.cjs.entry.js.map +1 -1
  45. package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
  46. package/dist/cjs/dso-toolkit.cjs.js +3 -3
  47. package/dist/cjs/dso-toolkit.cjs.js.map +1 -1
  48. package/dist/cjs/dso-tooltip.cjs.entry.js +2 -2
  49. package/dist/cjs/dso-tree-view.cjs.entry.js +1 -1
  50. package/dist/cjs/dso-viewer-grid.cjs.entry.js +1 -1
  51. package/dist/cjs/dsot-document-component-demo.cjs.entry.js +110 -0
  52. package/dist/cjs/dsot-document-component-demo.cjs.entry.js.map +1 -0
  53. package/dist/cjs/{has-overflow-dd552ec8.js → has-overflow-d7baff1e.js} +7 -13
  54. package/dist/cjs/has-overflow-d7baff1e.js.map +1 -0
  55. package/dist/cjs/{index-caf53ce3.js → index-efc2222e.js} +14 -2
  56. package/dist/cjs/index-efc2222e.js.map +1 -0
  57. package/dist/cjs/loader.cjs.js +3 -3
  58. package/dist/cjs/loader.cjs.js.map +1 -1
  59. package/dist/collection/collection-manifest.json +6 -5
  60. package/dist/collection/components/accordion/accordion.interfaces.js.map +1 -1
  61. package/dist/collection/components/accordion/accordion.js +9 -254
  62. package/dist/collection/components/accordion/accordion.js.map +1 -1
  63. package/dist/collection/components/accordion/components/accordion-section.js +68 -126
  64. package/dist/collection/components/accordion/components/accordion-section.js.map +1 -1
  65. package/dist/collection/components/annotation-button/annotation-button.css +1003 -0
  66. package/dist/collection/components/annotation-button/annotation-button.js +48 -7
  67. package/dist/collection/components/annotation-button/annotation-button.js.map +1 -1
  68. package/dist/collection/components/annotation-output/annotation-output.css +2 -2
  69. package/dist/collection/components/annotation-output/annotation-output.js +32 -64
  70. package/dist/collection/components/annotation-output/annotation-output.js.map +1 -1
  71. package/dist/collection/components/document-component/document-component-heading.js +30 -0
  72. package/dist/collection/components/document-component/document-component-heading.js.map +1 -0
  73. package/dist/collection/components/document-component/document-component.css +135 -0
  74. package/dist/collection/components/document-component/document-component.demo.js +112 -0
  75. package/dist/collection/components/document-component/document-component.demo.js.map +1 -0
  76. package/dist/collection/components/document-component/document-component.js +414 -0
  77. package/dist/collection/components/document-component/document-component.js.map +1 -0
  78. package/dist/collection/components/document-component/document-component.types.js +2 -0
  79. package/dist/collection/components/document-component/document-component.types.js.map +1 -0
  80. package/dist/collection/components/expandable/expandable.js +28 -94
  81. package/dist/collection/components/expandable/expandable.js.map +1 -1
  82. package/dist/collection/components/header/header.css +11 -3
  83. package/dist/collection/components/header/header.js +3 -0
  84. package/dist/collection/components/header/header.js.map +1 -1
  85. package/dist/collection/components/list-button/list-button.css +10 -31
  86. package/dist/collection/components/map-controls/map-controls.css +22 -0
  87. package/dist/collection/components/modal/modal.css +69 -15
  88. package/dist/collection/components/modal/modal.js +1 -1
  89. package/dist/collection/components/modal/modal.js.map +1 -1
  90. package/dist/collection/components/ozon-content/ozon-content-mapper.js +9 -1
  91. package/dist/collection/components/ozon-content/ozon-content-mapper.js.map +1 -1
  92. package/dist/collection/components/ozon-content/ozon-content.css +49 -1
  93. package/dist/collection/components/ozon-content/ozon-content.js +1 -1
  94. package/dist/collection/components/ozon-content/ozon-content.js.map +1 -1
  95. package/dist/collection/components/scrollable/scrollable.css +5 -0
  96. package/dist/collection/components/scrollable/scrollable.js +5 -5
  97. package/dist/collection/components/scrollable/scrollable.js.map +1 -1
  98. package/dist/collection/components/selectable/selectable.css +1 -1
  99. package/dist/collection/components/selectable/selectable.js +4 -2
  100. package/dist/collection/components/selectable/selectable.js.map +1 -1
  101. package/dist/collection/components/table/table.css +69 -15
  102. package/dist/{esm/dso-alert.entry.js → components/alert.js} +33 -9
  103. package/dist/components/alert.js.map +1 -0
  104. package/dist/components/annotation-button.js +46 -0
  105. package/dist/components/annotation-button.js.map +1 -0
  106. package/dist/components/annotation-output.js +60 -0
  107. package/dist/components/annotation-output.js.map +1 -0
  108. package/dist/{esm/dso-badge.entry.js → components/badge.js} +26 -9
  109. package/dist/components/badge.js.map +1 -0
  110. package/dist/components/document-component.js +163 -0
  111. package/dist/components/document-component.js.map +1 -0
  112. package/dist/components/dso-accordion-section.js +35 -94
  113. package/dist/components/dso-accordion-section.js.map +1 -1
  114. package/dist/components/dso-accordion.js +199 -113
  115. package/dist/components/dso-accordion.js.map +1 -1
  116. package/dist/components/dso-alert.js +1 -50
  117. package/dist/components/dso-alert.js.map +1 -1
  118. package/dist/components/dso-annotation-button.js +1 -40
  119. package/dist/components/dso-annotation-button.js.map +1 -1
  120. package/dist/components/dso-annotation-output.js +1 -71
  121. package/dist/components/dso-annotation-output.js.map +1 -1
  122. package/dist/components/dso-autosuggest.js +1 -1
  123. package/dist/components/dso-badge.js +1 -32
  124. package/dist/components/dso-badge.js.map +1 -1
  125. package/dist/components/dso-document-component.d.ts +11 -0
  126. package/dist/components/dso-document-component.js +8 -0
  127. package/dist/components/dso-document-component.js.map +1 -0
  128. package/dist/components/dso-header.js +5 -2
  129. package/dist/components/dso-header.js.map +1 -1
  130. package/dist/components/dso-image-overlay.js +1 -1
  131. package/dist/components/dso-label.js +1 -161
  132. package/dist/components/dso-label.js.map +1 -1
  133. package/dist/components/dso-list-button.js +1 -1
  134. package/dist/components/dso-list-button.js.map +1 -1
  135. package/dist/components/dso-map-controls.js +1 -1
  136. package/dist/components/dso-map-controls.js.map +1 -1
  137. package/dist/components/dso-modal.js +10 -4
  138. package/dist/components/dso-modal.js.map +1 -1
  139. package/dist/components/dso-ozon-content.js +1 -544
  140. package/dist/components/dso-ozon-content.js.map +1 -1
  141. package/dist/components/dso-slide-toggle.js +1 -52
  142. package/dist/components/dso-slide-toggle.js.map +1 -1
  143. package/dist/components/dso-table.js +2 -2
  144. package/dist/components/dso-table.js.map +1 -1
  145. package/dist/components/dsot-document-component-demo.d.ts +11 -0
  146. package/dist/components/dsot-document-component-demo.js +202 -0
  147. package/dist/components/dsot-document-component-demo.js.map +1 -0
  148. package/dist/components/expandable.js +19 -40
  149. package/dist/components/expandable.js.map +1 -1
  150. package/dist/components/has-overflow.js +6 -12
  151. package/dist/components/has-overflow.js.map +1 -1
  152. package/dist/components/index.d.ts +4 -2
  153. package/dist/components/index.js +2 -1
  154. package/dist/components/index.js.map +1 -1
  155. package/dist/components/index2.js +61 -185
  156. package/dist/components/index2.js.map +1 -1
  157. package/dist/{esm/dso-label.entry.js → components/label.js} +50 -11
  158. package/dist/components/label.js.map +1 -0
  159. package/dist/{esm/dso-ozon-content.entry.js → components/ozon-content.js} +43 -14
  160. package/dist/components/ozon-content.js.map +1 -0
  161. package/dist/components/scrollable.js +7 -7
  162. package/dist/components/scrollable.js.map +1 -1
  163. package/dist/components/selectable.js +4 -2
  164. package/dist/components/selectable.js.map +1 -1
  165. package/dist/{esm/dso-slide-toggle.entry.js → components/slide-toggle.js} +31 -10
  166. package/dist/{dso-toolkit/p-a2c800de.entry.js.map → components/slide-toggle.js.map} +1 -1
  167. package/dist/components/tooltip.js +1 -1
  168. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  169. package/dist/dso-toolkit/dso-toolkit.esm.js.map +1 -1
  170. package/dist/dso-toolkit/{p-8bc41dd6.entry.js → p-05ea1fba.entry.js} +2 -2
  171. package/dist/dso-toolkit/{p-59aebe2c.entry.js → p-0e5a93c3.entry.js} +2 -2
  172. package/dist/dso-toolkit/p-14453f73.entry.js +2 -0
  173. package/dist/dso-toolkit/p-14453f73.entry.js.map +1 -0
  174. package/dist/dso-toolkit/{p-13905ac9.entry.js → p-168750a2.entry.js} +2 -2
  175. package/dist/dso-toolkit/{p-9d5c6ab6.entry.js → p-1cc75e0b.entry.js} +2 -2
  176. package/dist/dso-toolkit/{p-dd135c8e.entry.js → p-29752a45.entry.js} +2 -2
  177. package/dist/dso-toolkit/{p-679710f8.entry.js → p-29b741cb.entry.js} +2 -2
  178. package/dist/dso-toolkit/p-39f6447d.entry.js +2 -0
  179. package/dist/dso-toolkit/p-39f6447d.entry.js.map +1 -0
  180. package/dist/dso-toolkit/p-3c554a18.entry.js +2 -0
  181. package/dist/dso-toolkit/p-3c554a18.entry.js.map +1 -0
  182. package/dist/dso-toolkit/{p-5dfadeea.entry.js → p-3fa7489e.entry.js} +2 -2
  183. package/dist/dso-toolkit/p-422bcf93.entry.js +2 -0
  184. package/dist/dso-toolkit/p-422bcf93.entry.js.map +1 -0
  185. package/dist/dso-toolkit/p-42d3c595.entry.js +2 -0
  186. package/dist/dso-toolkit/{p-6bec28f1.entry.js.map → p-42d3c595.entry.js.map} +1 -1
  187. package/dist/dso-toolkit/p-484ea1d2.entry.js +2 -0
  188. package/dist/dso-toolkit/p-484ea1d2.entry.js.map +1 -0
  189. package/dist/dso-toolkit/p-5265e22b.entry.js +2 -0
  190. package/dist/dso-toolkit/p-56d87a53.entry.js +2 -0
  191. package/dist/dso-toolkit/p-56d87a53.entry.js.map +1 -0
  192. package/dist/dso-toolkit/{p-19ab7f7b.entry.js → p-6050e8e6.entry.js} +2 -2
  193. package/dist/dso-toolkit/p-674e2406.entry.js +2 -0
  194. package/dist/dso-toolkit/p-674e2406.entry.js.map +1 -0
  195. package/dist/dso-toolkit/{p-2c69a645.entry.js → p-68e9f61b.entry.js} +2 -2
  196. package/dist/dso-toolkit/{p-0a07d968.entry.js → p-818d032e.entry.js} +2 -2
  197. package/dist/dso-toolkit/{p-6016d874.entry.js → p-83cdfde8.entry.js} +2 -2
  198. package/dist/dso-toolkit/{p-452b1234.js → p-871bfdf9.js} +1 -1
  199. package/dist/dso-toolkit/p-871bfdf9.js.map +1 -0
  200. package/dist/dso-toolkit/p-909ccf98.entry.js +2 -0
  201. package/dist/dso-toolkit/{p-106b3e01.entry.js.map → p-909ccf98.entry.js.map} +1 -1
  202. package/dist/dso-toolkit/{p-161952e8.entry.js → p-9b587a94.entry.js} +2 -2
  203. package/dist/dso-toolkit/p-9c0477fc.entry.js +2 -0
  204. package/dist/dso-toolkit/{p-348f8556.entry.js.map → p-9c0477fc.entry.js.map} +1 -1
  205. package/dist/dso-toolkit/{p-556308dd.entry.js → p-9f2bb98b.entry.js} +2 -2
  206. package/dist/dso-toolkit/{p-87189a75.entry.js → p-9fee52e5.entry.js} +2 -2
  207. package/dist/dso-toolkit/{p-54d863d2.entry.js → p-a616ab8a.entry.js} +2 -2
  208. package/dist/dso-toolkit/p-a616ab8a.entry.js.map +1 -0
  209. package/dist/dso-toolkit/{p-fe53cdab.entry.js → p-b627d9ac.entry.js} +2 -2
  210. package/dist/dso-toolkit/{p-8098de75.entry.js → p-b67631ef.entry.js} +2 -2
  211. package/dist/dso-toolkit/p-bcae3f55.entry.js +2 -0
  212. package/dist/dso-toolkit/p-bcae3f55.entry.js.map +1 -0
  213. package/dist/dso-toolkit/{p-6bf87d2c.entry.js → p-bf203ab8.entry.js} +2 -2
  214. package/dist/dso-toolkit/{p-54b37feb.entry.js → p-c8165a50.entry.js} +2 -2
  215. package/dist/dso-toolkit/p-ce928197.js +3 -0
  216. package/dist/dso-toolkit/p-ce928197.js.map +1 -0
  217. package/dist/dso-toolkit/{p-4be5162c.entry.js → p-cfd6f4ef.entry.js} +2 -2
  218. package/dist/dso-toolkit/{p-71aec27c.entry.js → p-d3f69d06.entry.js} +2 -2
  219. package/dist/dso-toolkit/{p-d138fc15.entry.js → p-d8c137b5.entry.js} +2 -2
  220. package/dist/dso-toolkit/p-debbe184.entry.js +2 -0
  221. package/dist/dso-toolkit/{p-c4876680.entry.js.map → p-debbe184.entry.js.map} +1 -1
  222. package/dist/dso-toolkit/{p-eeb73369.entry.js → p-ec4b568d.entry.js} +2 -2
  223. package/dist/dso-toolkit/p-ec4b568d.entry.js.map +1 -0
  224. package/dist/dso-toolkit/p-fafa5ea1.entry.js +2 -0
  225. package/dist/dso-toolkit/p-fafa5ea1.entry.js.map +1 -0
  226. package/dist/esm/dso-accordion-section.entry.js +31 -88
  227. package/dist/esm/dso-accordion-section.entry.js.map +1 -1
  228. package/dist/esm/dso-accordion.entry.js +198 -108
  229. package/dist/esm/dso-accordion.entry.js.map +1 -1
  230. package/dist/esm/dso-action-list-item.entry.js +1 -1
  231. package/dist/esm/dso-action-list.entry.js +1 -1
  232. package/dist/esm/dso-alert_5.entry.js +711 -0
  233. package/dist/esm/dso-alert_5.entry.js.map +1 -0
  234. package/dist/esm/dso-annotation-output_3.entry.js +137 -0
  235. package/dist/esm/dso-annotation-output_3.entry.js.map +1 -0
  236. package/dist/esm/dso-attachments-counter.entry.js +1 -1
  237. package/dist/esm/dso-autosuggest.entry.js +1 -1
  238. package/dist/esm/dso-banner.entry.js +1 -1
  239. package/dist/esm/dso-card-container.entry.js +1 -1
  240. package/dist/esm/dso-card.entry.js +1 -1
  241. package/dist/esm/dso-date-picker.entry.js +1 -1
  242. package/dist/esm/dso-dropdown-menu.entry.js +2 -2
  243. package/dist/esm/dso-expandable.entry.js +18 -37
  244. package/dist/esm/dso-expandable.entry.js.map +1 -1
  245. package/dist/esm/dso-header.entry.js +5 -2
  246. package/dist/esm/dso-header.entry.js.map +1 -1
  247. package/dist/esm/dso-helpcenter-panel.entry.js +1 -1
  248. package/dist/esm/dso-highlight-box.entry.js +1 -1
  249. package/dist/esm/dso-icon.entry.js +1 -1
  250. package/dist/esm/dso-image-overlay.entry.js +1 -1
  251. package/dist/esm/dso-info-button.entry.js +1 -1
  252. package/dist/esm/dso-info_2.entry.js +4 -3
  253. package/dist/esm/dso-info_2.entry.js.map +1 -1
  254. package/dist/esm/dso-list-button.entry.js +2 -2
  255. package/dist/esm/dso-list-button.entry.js.map +1 -1
  256. package/dist/esm/dso-map-base-layers.entry.js +1 -1
  257. package/dist/esm/dso-map-controls.entry.js +2 -2
  258. package/dist/esm/dso-map-controls.entry.js.map +1 -1
  259. package/dist/esm/dso-map-overlays.entry.js +1 -1
  260. package/dist/esm/dso-modal.entry.js +3 -3
  261. package/dist/esm/dso-modal.entry.js.map +1 -1
  262. package/dist/esm/dso-pagination.entry.js +1 -1
  263. package/dist/esm/dso-progress-bar.entry.js +1 -1
  264. package/dist/esm/dso-progress-indicator.entry.js +1 -1
  265. package/dist/esm/dso-responsive-element.entry.js +1 -1
  266. package/dist/esm/dso-scrollable.entry.js +7 -7
  267. package/dist/esm/dso-scrollable.entry.js.map +1 -1
  268. package/dist/esm/dso-table.entry.js +2 -2
  269. package/dist/esm/dso-table.entry.js.map +1 -1
  270. package/dist/esm/dso-toggletip.entry.js +1 -1
  271. package/dist/esm/dso-toolkit.js +4 -4
  272. package/dist/esm/dso-toolkit.js.map +1 -1
  273. package/dist/esm/dso-tooltip.entry.js +2 -2
  274. package/dist/esm/dso-tree-view.entry.js +1 -1
  275. package/dist/esm/dso-viewer-grid.entry.js +1 -1
  276. package/dist/esm/dsot-document-component-demo.entry.js +106 -0
  277. package/dist/esm/dsot-document-component-demo.entry.js.map +1 -0
  278. package/dist/esm/{has-overflow-fdc85d8f.js → has-overflow-814a0f4e.js} +7 -13
  279. package/dist/esm/has-overflow-814a0f4e.js.map +1 -0
  280. package/dist/esm/{index-8de88e7c.js → index-367cff36.js} +15 -3
  281. package/dist/esm/index-367cff36.js.map +1 -0
  282. package/dist/esm/loader.js +4 -4
  283. package/dist/esm/loader.js.map +1 -1
  284. package/dist/types/components/accordion/accordion.d.ts +6 -39
  285. package/dist/types/components/accordion/accordion.interfaces.d.ts +21 -15
  286. package/dist/types/components/accordion/components/accordion-section.d.ts +15 -18
  287. package/dist/types/components/annotation-button/annotation-button.d.ts +15 -4
  288. package/dist/types/components/annotation-output/annotation-output.d.ts +7 -5
  289. package/dist/types/components/document-component/document-component-heading.d.ts +7 -0
  290. package/dist/types/components/document-component/document-component.d.ts +84 -0
  291. package/dist/types/components/document-component/document-component.demo.d.ts +40 -0
  292. package/dist/types/components/document-component/document-component.types.d.ts +8 -0
  293. package/dist/types/components/expandable/expandable.d.ts +5 -12
  294. package/dist/types/components/scrollable/scrollable.d.ts +1 -0
  295. package/dist/types/components/selectable/selectable.d.ts +1 -0
  296. package/dist/types/components.d.ts +233 -125
  297. package/dist/types/stencil-public-runtime.d.ts +2 -0
  298. package/package.json +4 -4
  299. package/dist/cjs/annotation.service-99dd546f.js +0 -23
  300. package/dist/cjs/annotation.service-99dd546f.js.map +0 -1
  301. package/dist/cjs/dso-alert.cjs.entry.js +0 -34
  302. package/dist/cjs/dso-alert.cjs.entry.js.map +0 -1
  303. package/dist/cjs/dso-annotation-button.cjs.entry.js +0 -27
  304. package/dist/cjs/dso-annotation-button.cjs.entry.js.map +0 -1
  305. package/dist/cjs/dso-annotation-output.cjs.entry.js +0 -44
  306. package/dist/cjs/dso-annotation-output.cjs.entry.js.map +0 -1
  307. package/dist/cjs/dso-badge.cjs.entry.js +0 -23
  308. package/dist/cjs/dso-badge.cjs.entry.js.map +0 -1
  309. package/dist/cjs/dso-expandable-heading.cjs.entry.js +0 -54
  310. package/dist/cjs/dso-expandable-heading.cjs.entry.js.map +0 -1
  311. package/dist/cjs/dso-label.cjs.entry.js +0 -130
  312. package/dist/cjs/dso-label.cjs.entry.js.map +0 -1
  313. package/dist/cjs/dso-ozon-content.cjs.entry.js +0 -532
  314. package/dist/cjs/dso-ozon-content.cjs.entry.js.map +0 -1
  315. package/dist/cjs/dso-slide-toggle.cjs.entry.js +0 -39
  316. package/dist/cjs/dso-slide-toggle.cjs.entry.js.map +0 -1
  317. package/dist/cjs/has-overflow-dd552ec8.js.map +0 -1
  318. package/dist/cjs/index-3643f00e.js +0 -198
  319. package/dist/cjs/index-3643f00e.js.map +0 -1
  320. package/dist/cjs/index-caf53ce3.js.map +0 -1
  321. package/dist/collection/components/annotation-output/annotation-output.interfaces.js +0 -2
  322. package/dist/collection/components/annotation-output/annotation-output.interfaces.js.map +0 -1
  323. package/dist/collection/components/expandable/expandable.functions.js +0 -4
  324. package/dist/collection/components/expandable/expandable.functions.js.map +0 -1
  325. package/dist/collection/components/expandable-heading/expandable-heading.css +0 -200
  326. package/dist/collection/components/expandable-heading/expandable-heading.interfaces.js +0 -2
  327. package/dist/collection/components/expandable-heading/expandable-heading.interfaces.js.map +0 -1
  328. package/dist/collection/components/expandable-heading/expandable-heading.js +0 -163
  329. package/dist/collection/components/expandable-heading/expandable-heading.js.map +0 -1
  330. package/dist/collection/components/expandable-heading/heading.js +0 -17
  331. package/dist/collection/components/expandable-heading/heading.js.map +0 -1
  332. package/dist/collection/services/annotation.service.js +0 -17
  333. package/dist/collection/services/annotation.service.js.map +0 -1
  334. package/dist/components/annotation.service.js +0 -21
  335. package/dist/components/annotation.service.js.map +0 -1
  336. package/dist/components/dso-expandable-heading.d.ts +0 -11
  337. package/dist/components/dso-expandable-heading.js +0 -86
  338. package/dist/components/dso-expandable-heading.js.map +0 -1
  339. package/dist/components/index3.js +0 -72
  340. package/dist/components/index3.js.map +0 -1
  341. package/dist/dso-toolkit/p-01d41a89.entry.js +0 -2
  342. package/dist/dso-toolkit/p-01d41a89.entry.js.map +0 -1
  343. package/dist/dso-toolkit/p-106b3e01.entry.js +0 -2
  344. package/dist/dso-toolkit/p-180255f9.entry.js +0 -2
  345. package/dist/dso-toolkit/p-180255f9.entry.js.map +0 -1
  346. package/dist/dso-toolkit/p-18c1d44d.entry.js +0 -2
  347. package/dist/dso-toolkit/p-18c1d44d.entry.js.map +0 -1
  348. package/dist/dso-toolkit/p-25b9716f.entry.js +0 -2
  349. package/dist/dso-toolkit/p-25b9716f.entry.js.map +0 -1
  350. package/dist/dso-toolkit/p-348f8556.entry.js +0 -2
  351. package/dist/dso-toolkit/p-452b1234.js.map +0 -1
  352. package/dist/dso-toolkit/p-4cbb4962.entry.js +0 -2
  353. package/dist/dso-toolkit/p-4cbb4962.entry.js.map +0 -1
  354. package/dist/dso-toolkit/p-53c8538c.js +0 -3
  355. package/dist/dso-toolkit/p-53c8538c.js.map +0 -1
  356. package/dist/dso-toolkit/p-54d863d2.entry.js.map +0 -1
  357. package/dist/dso-toolkit/p-5e18dd5d.js +0 -2
  358. package/dist/dso-toolkit/p-5e18dd5d.js.map +0 -1
  359. package/dist/dso-toolkit/p-61be182f.entry.js +0 -2
  360. package/dist/dso-toolkit/p-61be182f.entry.js.map +0 -1
  361. package/dist/dso-toolkit/p-67d402c8.entry.js +0 -2
  362. package/dist/dso-toolkit/p-67d402c8.entry.js.map +0 -1
  363. package/dist/dso-toolkit/p-6bec28f1.entry.js +0 -2
  364. package/dist/dso-toolkit/p-6e38820b.js +0 -2
  365. package/dist/dso-toolkit/p-6e38820b.js.map +0 -1
  366. package/dist/dso-toolkit/p-81894dbc.entry.js +0 -2
  367. package/dist/dso-toolkit/p-81894dbc.entry.js.map +0 -1
  368. package/dist/dso-toolkit/p-90fda176.entry.js +0 -2
  369. package/dist/dso-toolkit/p-90fda176.entry.js.map +0 -1
  370. package/dist/dso-toolkit/p-95687fb7.entry.js +0 -2
  371. package/dist/dso-toolkit/p-95687fb7.entry.js.map +0 -1
  372. package/dist/dso-toolkit/p-a2c800de.entry.js +0 -2
  373. package/dist/dso-toolkit/p-b0d25e25.entry.js +0 -2
  374. package/dist/dso-toolkit/p-ba22a05a.entry.js +0 -2
  375. package/dist/dso-toolkit/p-ba22a05a.entry.js.map +0 -1
  376. package/dist/dso-toolkit/p-c4876680.entry.js +0 -2
  377. package/dist/dso-toolkit/p-cacefb87.entry.js +0 -2
  378. package/dist/dso-toolkit/p-cacefb87.entry.js.map +0 -1
  379. package/dist/dso-toolkit/p-cb6745a3.entry.js +0 -2
  380. package/dist/dso-toolkit/p-cb6745a3.entry.js.map +0 -1
  381. package/dist/dso-toolkit/p-eeb73369.entry.js.map +0 -1
  382. package/dist/esm/annotation.service-06eb23b6.js +0 -21
  383. package/dist/esm/annotation.service-06eb23b6.js.map +0 -1
  384. package/dist/esm/dso-alert.entry.js.map +0 -1
  385. package/dist/esm/dso-annotation-button.entry.js +0 -23
  386. package/dist/esm/dso-annotation-button.entry.js.map +0 -1
  387. package/dist/esm/dso-annotation-output.entry.js +0 -40
  388. package/dist/esm/dso-annotation-output.entry.js.map +0 -1
  389. package/dist/esm/dso-badge.entry.js.map +0 -1
  390. package/dist/esm/dso-expandable-heading.entry.js +0 -50
  391. package/dist/esm/dso-expandable-heading.entry.js.map +0 -1
  392. package/dist/esm/dso-label.entry.js.map +0 -1
  393. package/dist/esm/dso-ozon-content.entry.js.map +0 -1
  394. package/dist/esm/dso-slide-toggle.entry.js.map +0 -1
  395. package/dist/esm/has-overflow-fdc85d8f.js.map +0 -1
  396. package/dist/esm/index-05308e88.js +0 -196
  397. package/dist/esm/index-05308e88.js.map +0 -1
  398. package/dist/esm/index-8de88e7c.js.map +0 -1
  399. package/dist/types/components/annotation-output/annotation-output.interfaces.d.ts +0 -4
  400. package/dist/types/components/expandable/expandable.functions.d.ts +0 -1
  401. package/dist/types/components/expandable-heading/expandable-heading.d.ts +0 -33
  402. package/dist/types/components/expandable-heading/expandable-heading.interfaces.d.ts +0 -6
  403. package/dist/types/components/expandable-heading/heading.d.ts +0 -9
  404. package/dist/types/globals.d.ts +0 -16
  405. package/dist/types/services/annotation.service.d.ts +0 -10
  406. /package/dist/dso-toolkit/{p-8bc41dd6.entry.js.map → p-05ea1fba.entry.js.map} +0 -0
  407. /package/dist/dso-toolkit/{p-59aebe2c.entry.js.map → p-0e5a93c3.entry.js.map} +0 -0
  408. /package/dist/dso-toolkit/{p-13905ac9.entry.js.map → p-168750a2.entry.js.map} +0 -0
  409. /package/dist/dso-toolkit/{p-9d5c6ab6.entry.js.map → p-1cc75e0b.entry.js.map} +0 -0
  410. /package/dist/dso-toolkit/{p-dd135c8e.entry.js.map → p-29752a45.entry.js.map} +0 -0
  411. /package/dist/dso-toolkit/{p-679710f8.entry.js.map → p-29b741cb.entry.js.map} +0 -0
  412. /package/dist/dso-toolkit/{p-5dfadeea.entry.js.map → p-3fa7489e.entry.js.map} +0 -0
  413. /package/dist/dso-toolkit/{p-b0d25e25.entry.js.map → p-5265e22b.entry.js.map} +0 -0
  414. /package/dist/dso-toolkit/{p-19ab7f7b.entry.js.map → p-6050e8e6.entry.js.map} +0 -0
  415. /package/dist/dso-toolkit/{p-2c69a645.entry.js.map → p-68e9f61b.entry.js.map} +0 -0
  416. /package/dist/dso-toolkit/{p-0a07d968.entry.js.map → p-818d032e.entry.js.map} +0 -0
  417. /package/dist/dso-toolkit/{p-6016d874.entry.js.map → p-83cdfde8.entry.js.map} +0 -0
  418. /package/dist/dso-toolkit/{p-161952e8.entry.js.map → p-9b587a94.entry.js.map} +0 -0
  419. /package/dist/dso-toolkit/{p-556308dd.entry.js.map → p-9f2bb98b.entry.js.map} +0 -0
  420. /package/dist/dso-toolkit/{p-87189a75.entry.js.map → p-9fee52e5.entry.js.map} +0 -0
  421. /package/dist/dso-toolkit/{p-fe53cdab.entry.js.map → p-b627d9ac.entry.js.map} +0 -0
  422. /package/dist/dso-toolkit/{p-8098de75.entry.js.map → p-b67631ef.entry.js.map} +0 -0
  423. /package/dist/dso-toolkit/{p-6bf87d2c.entry.js.map → p-bf203ab8.entry.js.map} +0 -0
  424. /package/dist/dso-toolkit/{p-54b37feb.entry.js.map → p-c8165a50.entry.js.map} +0 -0
  425. /package/dist/dso-toolkit/{p-4be5162c.entry.js.map → p-cfd6f4ef.entry.js.map} +0 -0
  426. /package/dist/dso-toolkit/{p-71aec27c.entry.js.map → p-d3f69d06.entry.js.map} +0 -0
  427. /package/dist/dso-toolkit/{p-d138fc15.entry.js.map → p-d8c137b5.entry.js.map} +0 -0
@@ -1,200 +0,0 @@
1
- h1,
2
- .h1,
3
- h2,
4
- .h2,
5
- h3,
6
- .h3,
7
- h4,
8
- .h4,
9
- h5,
10
- .h5,
11
- h6,
12
- .h6 {
13
- color: #275937;
14
- }
15
-
16
- h1,
17
- .h1,
18
- h2,
19
- .h2,
20
- h3,
21
- .h3 {
22
- margin-block-end: 16px;
23
- margin-block-start: 24px;
24
- }
25
-
26
- h1,
27
- .h1 {
28
- line-height: 1.25;
29
- }
30
-
31
- h1 {
32
- font-size: 2rem;
33
- font-weight: 700;
34
- }
35
-
36
- h2,
37
- .h2 {
38
- line-height: 1.33;
39
- }
40
-
41
- h2 {
42
- color: #275937;
43
- font-size: 1.5rem;
44
- font-weight: 700;
45
- }
46
-
47
- h3,
48
- .h3 {
49
- line-height: 1.2;
50
- }
51
-
52
- h3 {
53
- color: #275937;
54
- font-size: 1.25rem;
55
- font-weight: 600;
56
- }
57
-
58
- h4,
59
- .h4,
60
- h5,
61
- .h5,
62
- h6,
63
- .h6 {
64
- margin-block-end: 16px;
65
- margin-block-start: 12px;
66
- }
67
-
68
- h4,
69
- .h4 {
70
- line-height: 1.5;
71
- }
72
-
73
- h4 {
74
- color: #275937;
75
- font-size: 1rem;
76
- font-weight: 600;
77
- }
78
-
79
- h5,
80
- .h5 {
81
- line-height: 1.5;
82
- }
83
-
84
- h5 {
85
- color: #191919;
86
- font-size: 1rem;
87
- font-weight: 600;
88
- }
89
-
90
- h6,
91
- .h6 {
92
- line-height: 1.5;
93
- }
94
-
95
- ins {
96
- background-color: #e4f1d4;
97
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
98
- color: #000;
99
- text-decoration: none;
100
- }
101
-
102
- :host {
103
- display: block;
104
- margin-inline: -8px;
105
- padding-inline: 8px;
106
- }
107
-
108
- :host(.dso-del) {
109
- background-color: #f5d8dc;
110
- color: #000;
111
- text-decoration: line-through;
112
- }
113
-
114
- :host(.dso-ins) {
115
- background-color: #e4f1d4;
116
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
117
- color: #000;
118
- }
119
-
120
- *,
121
- *::after,
122
- *::before {
123
- box-sizing: border-box;
124
- }
125
-
126
- .sr-only {
127
- position: absolute;
128
- width: 1px;
129
- height: 1px;
130
- padding: 0;
131
- margin: -1px;
132
- overflow: hidden;
133
- clip: rect(0, 0, 0, 0);
134
- border: 0;
135
- }
136
-
137
- .dso-edit-action-text {
138
- margin-bottom: 8px;
139
- margin-top: -8px;
140
- }
141
- .dso-edit-action-text span {
142
- display: inline-block;
143
- font-style: italic;
144
- }
145
- .dso-edit-action-text + .expandable-heading {
146
- margin-top: 0;
147
- padding-top: 0;
148
- }
149
-
150
- .expandable-heading {
151
- align-items: center;
152
- display: flex;
153
- margin-bottom: 8px;
154
- margin-top: 8px;
155
- }
156
- .expandable-heading h2,
157
- .expandable-heading h3,
158
- .expandable-heading h4,
159
- .expandable-heading h5,
160
- .expandable-heading h6 {
161
- font-size: 1rem;
162
- margin-bottom: 0;
163
- margin-right: 8px;
164
- margin-top: 0;
165
- }
166
- .expandable-heading button {
167
- align-items: flex-start;
168
- cursor: pointer;
169
- background-color: transparent;
170
- border: 0;
171
- color: inherit;
172
- display: flex;
173
- line-height: 24px;
174
- font-size: inherit;
175
- font-weight: inherit;
176
- padding: 0;
177
- text-align: left;
178
- }
179
- .expandable-heading button > dso-icon {
180
- flex-shrink: 0;
181
- }
182
- .expandable-heading.dso-expandable-heading-black button {
183
- color: #000;
184
- }
185
-
186
- :host([suppressed]) {
187
- opacity: 0.6;
188
- }
189
- :host([suppressed]) .expandable-heading button {
190
- color: #666;
191
- }
192
-
193
- dso-expandable {
194
- padding-left: 24px;
195
- }
196
-
197
- .addons-end {
198
- display: inline-block;
199
- margin-left: auto;
200
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=expandable-heading.interfaces.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"expandable-heading.interfaces.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/expandable-heading.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type HeadingTags = \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n\r\nexport interface ExpandableHeadingToggleEvent {\r\n originalEvent?: MouseEvent | KeyboardEvent;\r\n open: boolean;\r\n}\r\n\r\nexport type EditAction = \"delete\" | \"insert\";\r\n"]}
@@ -1,163 +0,0 @@
1
- import { Host, h } from "@stencil/core";
2
- import clsx from "clsx";
3
- import { v4 as uuidv4 } from "uuid";
4
- import { Heading } from "./heading";
5
- export class ExpandableHeading {
6
- constructor() {
7
- this.identifier = uuidv4();
8
- this.open = undefined;
9
- this.heading = "h2";
10
- this.color = "default";
11
- this.suppressed = false;
12
- this.editAction = undefined;
13
- }
14
- toggle(e) {
15
- this.open = !this.open;
16
- this.dsoToggle.emit({ originalEvent: e, open: this.open });
17
- }
18
- render() {
19
- const expandableProperties = this.open ? { open: true } : {};
20
- return (h(Host, { class: clsx({
21
- "dso-del": this.editAction === "delete",
22
- "dso-ins": this.editAction === "insert",
23
- }) }, this.editAction === "delete" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "verwijderd:"))), this.editAction === "insert" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "toegevoegd:"))), h("div", { class: clsx("expandable-heading", this.color === "black" ? "dso-expandable-heading-black" : "") }, h(Heading, { heading: this.heading }, h("button", { type: "button", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.identifier, onClick: (e) => this.toggle(e) }, h("dso-icon", { icon: this.open ? "chevron-down" : "chevron-right" }), h("slot", { name: "title" }))), h("slot", { name: "addons-start" }), h("div", { class: "addons-end" }, h("slot", { name: "addons-end" }))), h("dso-expandable", Object.assign({ id: this.identifier }, expandableProperties), h("slot", { slot: "expandable-content" }))));
24
- }
25
- static get is() { return "dso-expandable-heading"; }
26
- static get encapsulation() { return "shadow"; }
27
- static get originalStyleUrls() {
28
- return {
29
- "$": ["expandable-heading.scss"]
30
- };
31
- }
32
- static get styleUrls() {
33
- return {
34
- "$": ["expandable-heading.css"]
35
- };
36
- }
37
- static get properties() {
38
- return {
39
- "open": {
40
- "type": "boolean",
41
- "mutable": false,
42
- "complexType": {
43
- "original": "boolean",
44
- "resolved": "boolean | undefined",
45
- "references": {}
46
- },
47
- "required": false,
48
- "optional": true,
49
- "docs": {
50
- "tags": [],
51
- "text": "To open the Expandable Heading."
52
- },
53
- "attribute": "open",
54
- "reflect": false
55
- },
56
- "heading": {
57
- "type": "string",
58
- "mutable": false,
59
- "complexType": {
60
- "original": "HeadingTags",
61
- "resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
62
- "references": {
63
- "HeadingTags": {
64
- "location": "import",
65
- "path": "./expandable-heading.interfaces"
66
- }
67
- }
68
- },
69
- "required": false,
70
- "optional": false,
71
- "docs": {
72
- "tags": [],
73
- "text": "Which heading element to use."
74
- },
75
- "attribute": "heading",
76
- "reflect": false,
77
- "defaultValue": "\"h2\""
78
- },
79
- "color": {
80
- "type": "string",
81
- "mutable": false,
82
- "complexType": {
83
- "original": "\"default\" | \"black\"",
84
- "resolved": "\"black\" | \"default\"",
85
- "references": {}
86
- },
87
- "required": false,
88
- "optional": false,
89
- "docs": {
90
- "tags": [],
91
- "text": "The color."
92
- },
93
- "attribute": "color",
94
- "reflect": false,
95
- "defaultValue": "\"default\""
96
- },
97
- "suppressed": {
98
- "type": "boolean",
99
- "mutable": false,
100
- "complexType": {
101
- "original": "boolean",
102
- "resolved": "boolean",
103
- "references": {}
104
- },
105
- "required": false,
106
- "optional": false,
107
- "docs": {
108
- "tags": [],
109
- "text": "Marks this element as unavailable."
110
- },
111
- "attribute": "suppressed",
112
- "reflect": false,
113
- "defaultValue": "false"
114
- },
115
- "editAction": {
116
- "type": "string",
117
- "mutable": false,
118
- "complexType": {
119
- "original": "EditAction",
120
- "resolved": "\"delete\" | \"insert\" | undefined",
121
- "references": {
122
- "EditAction": {
123
- "location": "import",
124
- "path": "./expandable-heading.interfaces"
125
- }
126
- }
127
- },
128
- "required": false,
129
- "optional": true,
130
- "docs": {
131
- "tags": [],
132
- "text": "Whether this Expandable Heading has an edit action.\r\n\r\nAlso known as \"wijzigactie\" in STOP."
133
- },
134
- "attribute": "edit-action",
135
- "reflect": false
136
- }
137
- };
138
- }
139
- static get events() {
140
- return [{
141
- "method": "dsoToggle",
142
- "name": "dsoToggle",
143
- "bubbles": false,
144
- "cancelable": true,
145
- "composed": true,
146
- "docs": {
147
- "tags": [],
148
- "text": "Emitted when the user activates the toggle button."
149
- },
150
- "complexType": {
151
- "original": "ExpandableHeadingToggleEvent",
152
- "resolved": "ExpandableHeadingToggleEvent",
153
- "references": {
154
- "ExpandableHeadingToggleEvent": {
155
- "location": "import",
156
- "path": "./expandable-heading.interfaces"
157
- }
158
- }
159
- }
160
- }];
161
- }
162
- }
163
- //# sourceMappingURL=expandable-heading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"expandable-heading.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/expandable-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,MAAM,OAAO,iBAAiB;;IAuCpB,eAAU,GAAG,MAAM,EAAE,CAAC;;mBA5BP,IAAI;iBAME,SAAS;sBAMzB,KAAK;;;EAkBV,MAAM,CAAC,CAA6B;IAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IAEvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;EAC7D,CAAC;EAED,MAAM;IACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC;QACV,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;QACvC,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;OACxC,CAAC;MAED,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/B,SAAG,KAAK,EAAC,sBAAsB;QAC7B,8BAAwB,CACtB,CACL;MACA,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/B,SAAG,KAAK,EAAC,sBAAsB;QAC7B,8BAAwB,CACtB,CACL;MACD,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;QAClG,EAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO;UAC5B,cACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC5B,IAAI,CAAC,UAAU,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;YAE9B,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,GAAa;YACzE,YAAM,IAAI,EAAC,OAAO,GAAG,CACd,CACD;QACV,YAAM,IAAI,EAAC,cAAc,GAAG;QAC5B,WAAK,KAAK,EAAC,YAAY;UACrB,YAAM,IAAI,EAAC,YAAY,GAAG,CACtB,CACF;MACN,oCAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,IAAM,oBAAoB;QAC3D,YAAM,IAAI,EAAC,oBAAoB,GAAQ,CACxB,CACZ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Host, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { EditAction, ExpandableHeadingToggleEvent, HeadingTags } from \"./expandable-heading.interfaces\";\r\nimport { Heading } from \"./heading\";\r\n\r\n@Component({\r\n tag: \"dso-expandable-heading\",\r\n styleUrl: \"expandable-heading.scss\",\r\n shadow: true,\r\n})\r\nexport class ExpandableHeading {\r\n /**\r\n * To open the Expandable Heading.\r\n */\r\n @Prop()\r\n open?: boolean;\r\n\r\n /**\r\n * Which heading element to use.\r\n */\r\n @Prop()\r\n heading: HeadingTags = \"h2\";\r\n\r\n /**\r\n * The color.\r\n */\r\n @Prop()\r\n color: \"default\" | \"black\" = \"default\";\r\n\r\n /**\r\n * Marks this element as unavailable.\r\n */\r\n @Prop()\r\n suppressed = false;\r\n\r\n /**\r\n * Whether this Expandable Heading has an edit action.\r\n *\r\n * Also known as \"wijzigactie\" in STOP.\r\n */\r\n @Prop()\r\n editAction?: EditAction;\r\n\r\n /**\r\n * Emitted when the user activates the toggle button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoToggle!: EventEmitter<ExpandableHeadingToggleEvent>;\r\n\r\n private identifier = uuidv4();\r\n\r\n private toggle(e: MouseEvent | KeyboardEvent) {\r\n this.open = !this.open;\r\n\r\n this.dsoToggle.emit({ originalEvent: e, open: this.open });\r\n }\r\n\r\n render() {\r\n const expandableProperties = this.open ? { open: true } : {};\r\n\r\n return (\r\n <Host\r\n class={clsx({\r\n \"dso-del\": this.editAction === \"delete\",\r\n \"dso-ins\": this.editAction === \"insert\",\r\n })}\r\n >\r\n {this.editAction === \"delete\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>verwijderd:</span>\r\n </p>\r\n )}\r\n {this.editAction === \"insert\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>toegevoegd:</span>\r\n </p>\r\n )}\r\n <div class={clsx(\"expandable-heading\", this.color === \"black\" ? \"dso-expandable-heading-black\" : \"\")}>\r\n <Heading heading={this.heading}>\r\n <button\r\n type=\"button\"\r\n aria-expanded={this.open ? \"true\" : \"false\"}\r\n aria-controls={this.identifier}\r\n onClick={(e) => this.toggle(e)}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <slot name=\"title\" />\r\n </button>\r\n </Heading>\r\n <slot name=\"addons-start\" />\r\n <div class=\"addons-end\">\r\n <slot name=\"addons-end\" />\r\n </div>\r\n </div>\r\n <dso-expandable id={this.identifier} {...expandableProperties}>\r\n <slot slot=\"expandable-content\"></slot>\r\n </dso-expandable>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
@@ -1,17 +0,0 @@
1
- import { h } from "@stencil/core";
2
- export const Heading = ({ heading, ref, className }, children) => {
3
- switch (heading) {
4
- default:
5
- case "h2":
6
- return (h("h2", { ref: ref, class: className }, children));
7
- case "h3":
8
- return (h("h3", { ref: ref, class: className }, children));
9
- case "h4":
10
- return (h("h4", { ref: ref, class: className }, children));
11
- case "h5":
12
- return (h("h5", { ref: ref, class: className }, children));
13
- case "h6":
14
- return (h("h6", { ref: ref, class: className }, children));
15
- }
16
- };
17
- //# sourceMappingURL=heading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,CAAC,MAAM,OAAO,GAQf,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE;EAC7C,QAAQ,OAAO,EAAE;IACf,QAAQ;IACR,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;GACL;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { HeadingTags } from \"./expandable-heading.interfaces\";\r\n\r\nexport const Heading: FunctionalComponent<{\r\n heading: HeadingTags;\r\n className?:\r\n | string\r\n | {\r\n [className: string]: boolean;\r\n };\r\n ref?: (element: HTMLHeadingElement | undefined) => void;\r\n}> = ({ heading, ref, className }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return (\r\n <h2 ref={ref} class={className}>\r\n {children}\r\n </h2>\r\n );\r\n case \"h3\":\r\n return (\r\n <h3 ref={ref} class={className}>\r\n {children}\r\n </h3>\r\n );\r\n case \"h4\":\r\n return (\r\n <h4 ref={ref} class={className}>\r\n {children}\r\n </h4>\r\n );\r\n case \"h5\":\r\n return (\r\n <h5 ref={ref} class={className}>\r\n {children}\r\n </h5>\r\n );\r\n case \"h6\":\r\n return (\r\n <h6 ref={ref} class={className}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n};\r\n"]}
@@ -1,17 +0,0 @@
1
- import { createStore } from "@stencil/store";
2
- export class AnnotationService {
3
- static get state() {
4
- if (!this._state) {
5
- AnnotationService.initializeStore();
6
- }
7
- return this._state;
8
- }
9
- static toggle(id) {
10
- this._state[id] = !this._state[id];
11
- }
12
- static initializeStore() {
13
- const { state } = createStore({});
14
- AnnotationService._state = state;
15
- }
16
- }
17
- //# sourceMappingURL=annotation.service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"annotation.service.js","sourceRoot":"","sources":["../../src/services/annotation.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,OAAgB,iBAAiB;EAGrC,MAAM,KAAK,KAAK;IACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,iBAAiB,CAAC,eAAe,EAAE,CAAC;KACrC;IAED,OAAO,IAAI,CAAC,MAAM,CAAC;EACrB,CAAC;EAED,MAAM,CAAC,MAAM,CAAC,EAAU;IACtB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;EACrC,CAAC;EAEO,MAAM,CAAC,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAkB,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC;EACnC,CAAC;CACF","sourcesContent":["import { createStore } from \"@stencil/store\";\r\n\r\ninterface AnnotationState {\r\n [key: string]: boolean;\r\n}\r\n\r\nexport abstract class AnnotationService {\r\n private static _state: AnnotationState;\r\n\r\n static get state(): AnnotationState {\r\n if (!this._state) {\r\n AnnotationService.initializeStore();\r\n }\r\n\r\n return this._state;\r\n }\r\n\r\n static toggle(id: string): void {\r\n this._state[id] = !this._state[id];\r\n }\r\n\r\n private static initializeStore(): void {\r\n const { state } = createStore<AnnotationState>({});\r\n\r\n AnnotationService._state = state;\r\n }\r\n}\r\n"]}
@@ -1,21 +0,0 @@
1
- import { c as createStore } from './index2.js';
2
-
3
- class AnnotationService {
4
- static get state() {
5
- if (!this._state) {
6
- AnnotationService.initializeStore();
7
- }
8
- return this._state;
9
- }
10
- static toggle(id) {
11
- this._state[id] = !this._state[id];
12
- }
13
- static initializeStore() {
14
- const { state } = createStore({});
15
- AnnotationService._state = state;
16
- }
17
- }
18
-
19
- export { AnnotationService as A };
20
-
21
- //# sourceMappingURL=annotation.service.js.map
@@ -1 +0,0 @@
1
- {"file":"annotation.service.js","mappings":";;MAMsB,iBAAiB;EAGrC,WAAW,KAAK;IACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,iBAAiB,CAAC,eAAe,EAAE,CAAC;KACrC;IAED,OAAO,IAAI,CAAC,MAAM,CAAC;GACpB;EAED,OAAO,MAAM,CAAC,EAAU;IACtB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;GACpC;EAEO,OAAO,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAkB,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC;GAClC;;;;;","names":[],"sources":["./src/services/annotation.service.ts"],"sourcesContent":["import { createStore } from \"@stencil/store\";\r\n\r\ninterface AnnotationState {\r\n [key: string]: boolean;\r\n}\r\n\r\nexport abstract class AnnotationService {\r\n private static _state: AnnotationState;\r\n\r\n static get state(): AnnotationState {\r\n if (!this._state) {\r\n AnnotationService.initializeStore();\r\n }\r\n\r\n return this._state;\r\n }\r\n\r\n static toggle(id: string): void {\r\n this._state[id] = !this._state[id];\r\n }\r\n\r\n private static initializeStore(): void {\r\n const { state } = createStore<AnnotationState>({});\r\n\r\n AnnotationService._state = state;\r\n }\r\n}\r\n"],"version":3}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface DsoExpandableHeading extends Components.DsoExpandableHeading, HTMLElement {}
4
- export const DsoExpandableHeading: {
5
- prototype: DsoExpandableHeading;
6
- new (): DsoExpandableHeading;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,86 +0,0 @@
1
- import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
2
- import { c as clsx } from './clsx.m.js';
3
- import { d as defineCustomElement$3 } from './expandable.js';
4
- import { d as defineCustomElement$2 } from './icon.js';
5
- import { v as v4 } from './v4.js';
6
-
7
- const Heading = ({ heading, ref, className }, children) => {
8
- switch (heading) {
9
- default:
10
- case "h2":
11
- return (h("h2", { ref: ref, class: className }, children));
12
- case "h3":
13
- return (h("h3", { ref: ref, class: className }, children));
14
- case "h4":
15
- return (h("h4", { ref: ref, class: className }, children));
16
- case "h5":
17
- return (h("h5", { ref: ref, class: className }, children));
18
- case "h6":
19
- return (h("h6", { ref: ref, class: className }, children));
20
- }
21
- };
22
-
23
- const expandableHeadingCss = "h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#275937}h1,.h1,h2,.h2,h3,.h3{margin-block-end:16px;margin-block-start:24px}h1,.h1{line-height:1.25}h1{font-size:2rem;font-weight:700}h2,.h2{line-height:1.33}h2{color:#275937;font-size:1.5rem;font-weight:700}h3,.h3{line-height:1.2}h3{color:#275937;font-size:1.25rem;font-weight:600}h4,.h4,h5,.h5,h6,.h6{margin-block-end:16px;margin-block-start:12px}h4,.h4{line-height:1.5}h4{color:#275937;font-size:1rem;font-weight:600}h5,.h5{line-height:1.5}h5{color:#191919;font-size:1rem;font-weight:600}h6,.h6{line-height:1.5}ins{background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000;text-decoration:none}:host{display:block;margin-inline:-8px;padding-inline:8px}:host(.dso-del){background-color:#f5d8dc;color:#000;text-decoration:line-through}:host(.dso-ins){background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-edit-action-text{margin-bottom:8px;margin-top:-8px}.dso-edit-action-text span{display:inline-block;font-style:italic}.dso-edit-action-text+.expandable-heading{margin-top:0;padding-top:0}.expandable-heading{align-items:center;display:flex;margin-bottom:8px;margin-top:8px}.expandable-heading h2,.expandable-heading h3,.expandable-heading h4,.expandable-heading h5,.expandable-heading h6{font-size:1rem;margin-bottom:0;margin-right:8px;margin-top:0}.expandable-heading button{align-items:flex-start;cursor:pointer;background-color:transparent;border:0;color:inherit;display:flex;line-height:24px;font-size:inherit;font-weight:inherit;padding:0;text-align:left}.expandable-heading button>dso-icon{flex-shrink:0}.expandable-heading.dso-expandable-heading-black button{color:#000}:host([suppressed]){opacity:0.6}:host([suppressed]) .expandable-heading button{color:#666}dso-expandable{padding-left:24px}.addons-end{display:inline-block;margin-left:auto}";
24
-
25
- const ExpandableHeading = /*@__PURE__*/ proxyCustomElement(class ExpandableHeading extends HTMLElement {
26
- constructor() {
27
- super();
28
- this.__registerHost();
29
- this.__attachShadow();
30
- this.dsoToggle = createEvent(this, "dsoToggle", 3);
31
- this.identifier = v4();
32
- this.open = undefined;
33
- this.heading = "h2";
34
- this.color = "default";
35
- this.suppressed = false;
36
- this.editAction = undefined;
37
- }
38
- toggle(e) {
39
- this.open = !this.open;
40
- this.dsoToggle.emit({ originalEvent: e, open: this.open });
41
- }
42
- render() {
43
- const expandableProperties = this.open ? { open: true } : {};
44
- return (h(Host, { class: clsx({
45
- "dso-del": this.editAction === "delete",
46
- "dso-ins": this.editAction === "insert",
47
- }) }, this.editAction === "delete" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "verwijderd:"))), this.editAction === "insert" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "toegevoegd:"))), h("div", { class: clsx("expandable-heading", this.color === "black" ? "dso-expandable-heading-black" : "") }, h(Heading, { heading: this.heading }, h("button", { type: "button", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.identifier, onClick: (e) => this.toggle(e) }, h("dso-icon", { icon: this.open ? "chevron-down" : "chevron-right" }), h("slot", { name: "title" }))), h("slot", { name: "addons-start" }), h("div", { class: "addons-end" }, h("slot", { name: "addons-end" }))), h("dso-expandable", Object.assign({ id: this.identifier }, expandableProperties), h("slot", { slot: "expandable-content" }))));
48
- }
49
- static get style() { return expandableHeadingCss; }
50
- }, [1, "dso-expandable-heading", {
51
- "open": [4],
52
- "heading": [1],
53
- "color": [1],
54
- "suppressed": [4],
55
- "editAction": [1, "edit-action"]
56
- }]);
57
- function defineCustomElement$1() {
58
- if (typeof customElements === "undefined") {
59
- return;
60
- }
61
- const components = ["dso-expandable-heading", "dso-expandable", "dso-icon"];
62
- components.forEach(tagName => { switch (tagName) {
63
- case "dso-expandable-heading":
64
- if (!customElements.get(tagName)) {
65
- customElements.define(tagName, ExpandableHeading);
66
- }
67
- break;
68
- case "dso-expandable":
69
- if (!customElements.get(tagName)) {
70
- defineCustomElement$3();
71
- }
72
- break;
73
- case "dso-icon":
74
- if (!customElements.get(tagName)) {
75
- defineCustomElement$2();
76
- }
77
- break;
78
- } });
79
- }
80
-
81
- const DsoExpandableHeading = ExpandableHeading;
82
- const defineCustomElement = defineCustomElement$1;
83
-
84
- export { DsoExpandableHeading, defineCustomElement };
85
-
86
- //# sourceMappingURL=dso-expandable-heading.js.map
@@ -1 +0,0 @@
1
- {"file":"dso-expandable-heading.js","mappings":";;;;;;AAIO,MAAM,OAAO,GAQf,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ;EACzC,QAAQ,OAAO;IACb,QAAQ;IACR,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;GACL;AACH,CAAC;;AC9CD,MAAM,oBAAoB,GAAG,k+DAAk+D;;MCYl/D,iBAAiB;;;;;;IAuCpB,eAAU,GAAGA,EAAM,EAAE,CAAC;;mBA5BP,IAAI;iBAME,SAAS;sBAMzB,KAAK;;;EAkBV,MAAM,CAAC,CAA6B;IAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IAEvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;GAC5D;EAED,MAAM;IACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;IAE7D,QACE,EAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC;QACV,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;QACvC,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;OACxC,CAAC,IAED,IAAI,CAAC,UAAU,KAAK,QAAQ,KAC3B,SAAG,KAAK,EAAC,sBAAsB,IAC7B,8BAAwB,CACtB,CACL,EACA,IAAI,CAAC,UAAU,KAAK,QAAQ,KAC3B,SAAG,KAAK,EAAC,sBAAsB,IAC7B,8BAAwB,CACtB,CACL,EACD,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,8BAA8B,GAAG,EAAE,CAAC,IAClG,EAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5B,cACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,mBAC5B,IAAI,CAAC,UAAU,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAE9B,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,cAAc,GAAG,eAAe,GAAa,EACzE,YAAM,IAAI,EAAC,OAAO,GAAG,CACd,CACD,EACV,YAAM,IAAI,EAAC,cAAc,GAAG,EAC5B,WAAK,KAAK,EAAC,YAAY,IACrB,YAAM,IAAI,EAAC,YAAY,GAAG,CACtB,CACF,EACN,oCAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,IAAM,oBAAoB,GAC3D,YAAM,IAAI,EAAC,oBAAoB,GAAQ,CACxB,CACZ,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["uuidv4"],"sources":["./src/components/expandable-heading/heading.tsx","./src/components/expandable-heading/expandable-heading.scss?tag=dso-expandable-heading&encapsulation=shadow","./src/components/expandable-heading/expandable-heading.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { HeadingTags } from \"./expandable-heading.interfaces\";\r\n\r\nexport const Heading: FunctionalComponent<{\r\n heading: HeadingTags;\r\n className?:\r\n | string\r\n | {\r\n [className: string]: boolean;\r\n };\r\n ref?: (element: HTMLHeadingElement | undefined) => void;\r\n}> = ({ heading, ref, className }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return (\r\n <h2 ref={ref} class={className}>\r\n {children}\r\n </h2>\r\n );\r\n case \"h3\":\r\n return (\r\n <h3 ref={ref} class={className}>\r\n {children}\r\n </h3>\r\n );\r\n case \"h4\":\r\n return (\r\n <h4 ref={ref} class={className}>\r\n {children}\r\n </h4>\r\n );\r\n case \"h5\":\r\n return (\r\n <h5 ref={ref} class={className}>\r\n {children}\r\n </h5>\r\n );\r\n case \"h6\":\r\n return (\r\n <h6 ref={ref} class={className}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/headings/headings\";\r\n@use \"~dso-toolkit/src/components/insert/insert\";\r\n\r\n:host {\r\n display: block;\r\n margin-inline: -(units.$u1);\r\n padding-inline: units.$u1;\r\n}\r\n\r\n:host(.dso-del) {\r\n background-color: colors.$danger-bg-color;\r\n color: colors.$zwart;\r\n text-decoration: line-through;\r\n}\r\n\r\n:host(.dso-ins) {\r\n background-color: colors.$success-bg-color;\r\n box-shadow: insert.$insert-box-shadow;\r\n color: colors.$zwart;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.dso-edit-action-text {\r\n margin-bottom: units.$u1;\r\n margin-top: -(units.$u1);\r\n\r\n span {\r\n display: inline-block;\r\n font-style: italic;\r\n }\r\n\r\n + .expandable-heading {\r\n margin-top: 0;\r\n padding-top: 0;\r\n }\r\n}\r\n\r\n.expandable-heading {\r\n align-items: center;\r\n display: flex;\r\n margin-bottom: units.$u1;\r\n margin-top: units.$u1;\r\n\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n font-size: 1rem;\r\n margin-bottom: 0;\r\n margin-right: units.$u1;\r\n margin-top: 0;\r\n }\r\n\r\n button {\r\n align-items: flex-start;\r\n cursor: pointer;\r\n background-color: transparent;\r\n border: 0;\r\n color: inherit;\r\n display: flex;\r\n line-height: 24px;\r\n font-size: inherit;\r\n font-weight: inherit;\r\n padding: 0;\r\n text-align: left;\r\n\r\n > dso-icon {\r\n flex-shrink: 0;\r\n }\r\n }\r\n\r\n &.dso-expandable-heading-black button {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([suppressed]) {\r\n opacity: 0.6;\r\n\r\n .expandable-heading button {\r\n color: colors.$grijs-60;\r\n }\r\n}\r\n\r\ndso-expandable {\r\n padding-left: units.$u3;\r\n}\r\n\r\n.addons-end {\r\n display: inline-block;\r\n margin-left: auto;\r\n}\r\n","import { Component, Event, EventEmitter, Host, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { EditAction, ExpandableHeadingToggleEvent, HeadingTags } from \"./expandable-heading.interfaces\";\r\nimport { Heading } from \"./heading\";\r\n\r\n@Component({\r\n tag: \"dso-expandable-heading\",\r\n styleUrl: \"expandable-heading.scss\",\r\n shadow: true,\r\n})\r\nexport class ExpandableHeading {\r\n /**\r\n * To open the Expandable Heading.\r\n */\r\n @Prop()\r\n open?: boolean;\r\n\r\n /**\r\n * Which heading element to use.\r\n */\r\n @Prop()\r\n heading: HeadingTags = \"h2\";\r\n\r\n /**\r\n * The color.\r\n */\r\n @Prop()\r\n color: \"default\" | \"black\" = \"default\";\r\n\r\n /**\r\n * Marks this element as unavailable.\r\n */\r\n @Prop()\r\n suppressed = false;\r\n\r\n /**\r\n * Whether this Expandable Heading has an edit action.\r\n *\r\n * Also known as \"wijzigactie\" in STOP.\r\n */\r\n @Prop()\r\n editAction?: EditAction;\r\n\r\n /**\r\n * Emitted when the user activates the toggle button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoToggle!: EventEmitter<ExpandableHeadingToggleEvent>;\r\n\r\n private identifier = uuidv4();\r\n\r\n private toggle(e: MouseEvent | KeyboardEvent) {\r\n this.open = !this.open;\r\n\r\n this.dsoToggle.emit({ originalEvent: e, open: this.open });\r\n }\r\n\r\n render() {\r\n const expandableProperties = this.open ? { open: true } : {};\r\n\r\n return (\r\n <Host\r\n class={clsx({\r\n \"dso-del\": this.editAction === \"delete\",\r\n \"dso-ins\": this.editAction === \"insert\",\r\n })}\r\n >\r\n {this.editAction === \"delete\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>verwijderd:</span>\r\n </p>\r\n )}\r\n {this.editAction === \"insert\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>toegevoegd:</span>\r\n </p>\r\n )}\r\n <div class={clsx(\"expandable-heading\", this.color === \"black\" ? \"dso-expandable-heading-black\" : \"\")}>\r\n <Heading heading={this.heading}>\r\n <button\r\n type=\"button\"\r\n aria-expanded={this.open ? \"true\" : \"false\"}\r\n aria-controls={this.identifier}\r\n onClick={(e) => this.toggle(e)}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <slot name=\"title\" />\r\n </button>\r\n </Heading>\r\n <slot name=\"addons-start\" />\r\n <div class=\"addons-end\">\r\n <slot name=\"addons-end\" />\r\n </div>\r\n </div>\r\n <dso-expandable id={this.identifier} {...expandableProperties}>\r\n <slot slot=\"expandable-content\"></slot>\r\n </dso-expandable>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
@@ -1,72 +0,0 @@
1
- /**
2
- * Returns a function, that, as long as it continues to be invoked, will not
3
- * be triggered. The function will be called after it stops being called for
4
- * N milliseconds. If `immediate` is passed, trigger the function on the
5
- * leading edge, instead of the trailing. The function also has a property 'clear'
6
- * that is a function which will clear the timer to prevent previously scheduled executions.
7
- *
8
- * @source underscore.js
9
- * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
10
- * @param {Function} function to wrap
11
- * @param {Number} timeout in ms (`100`)
12
- * @param {Boolean} whether to execute at the beginning (`false`)
13
- * @api public
14
- */
15
- function debounce(func, wait, immediate){
16
- var timeout, args, context, timestamp, result;
17
- if (null == wait) wait = 100;
18
-
19
- function later() {
20
- var last = Date.now() - timestamp;
21
-
22
- if (last < wait && last >= 0) {
23
- timeout = setTimeout(later, wait - last);
24
- } else {
25
- timeout = null;
26
- if (!immediate) {
27
- result = func.apply(context, args);
28
- context = args = null;
29
- }
30
- }
31
- }
32
- var debounced = function(){
33
- context = this;
34
- args = arguments;
35
- timestamp = Date.now();
36
- var callNow = immediate && !timeout;
37
- if (!timeout) timeout = setTimeout(later, wait);
38
- if (callNow) {
39
- result = func.apply(context, args);
40
- context = args = null;
41
- }
42
-
43
- return result;
44
- };
45
-
46
- debounced.clear = function() {
47
- if (timeout) {
48
- clearTimeout(timeout);
49
- timeout = null;
50
- }
51
- };
52
-
53
- debounced.flush = function() {
54
- if (timeout) {
55
- result = func.apply(context, args);
56
- context = args = null;
57
-
58
- clearTimeout(timeout);
59
- timeout = null;
60
- }
61
- };
62
-
63
- return debounced;
64
- }
65
- // Adds compatibility for ES modules
66
- debounce.debounce = debounce;
67
-
68
- var debounce_1 = debounce;
69
-
70
- export { debounce_1 as d };
71
-
72
- //# sourceMappingURL=index3.js.map
@@ -1 +0,0 @@
1
- {"file":"index3.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC;AACxC,EAAE,IAAI,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;AAChD,EAAE,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,GAAG,GAAG,CAAC;AAC/B;AACA,EAAE,SAAS,KAAK,GAAG;AACnB,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;AACtC;AACA,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE;AAClC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,MAAM,IAAI,CAAC,SAAS,EAAE;AACtB,QAAQ,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,QAAQ,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9B,OAAO;AACP,KAAK;AACL,GACA;AACA,EAAE,IAAI,SAAS,GAAG,UAAU;AAC5B,IAAI,OAAO,GAAG,IAAI,CAAC;AACnB,IAAI,IAAI,GAAG,SAAS,CAAC;AACrB,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;AAC3B,IAAI,IAAI,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,CAAC;AACxC,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AACpD,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5B,KAAK;AACL;AACA,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC;AACJ;AACA,EAAE,SAAS,CAAC,KAAK,GAAG,WAAW;AAC/B,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;AAC5B,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ;AACA,EAAE,SAAS,CAAC,KAAK,GAAG,WAAW;AAC/B,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5B;AACA,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;AAC5B,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ;AACA,EAAE,OAAO,SAAS,CAAC;AACnB,CACA;AACA;AACA,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC7B;cACc,GAAG;;;;","names":[],"sources":["../../node_modules/debounce/index.js"],"sourcesContent":["/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate){\n var timeout, args, context, timestamp, result;\n if (null == wait) wait = 100;\n\n function later() {\n var last = Date.now() - timestamp;\n\n if (last < wait && last >= 0) {\n timeout = setTimeout(later, wait - last);\n } else {\n timeout = null;\n if (!immediate) {\n result = func.apply(context, args);\n context = args = null;\n }\n }\n };\n\n var debounced = function(){\n context = this;\n args = arguments;\n timestamp = Date.now();\n var callNow = immediate && !timeout;\n if (!timeout) timeout = setTimeout(later, wait);\n if (callNow) {\n result = func.apply(context, args);\n context = args = null;\n }\n\n return result;\n };\n\n debounced.clear = function() {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n };\n \n debounced.flush = function() {\n if (timeout) {\n result = func.apply(context, args);\n context = args = null;\n \n clearTimeout(timeout);\n timeout = null;\n }\n };\n\n return debounced;\n};\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\n\nmodule.exports = debounce;\n"],"version":3}