@mozaic-ds/web-components 0.26.1 → 0.28.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 (431) hide show
  1. package/README.md +74 -22
  2. package/package.json +5 -5
  3. package/public/EventForward-c4c8cd29.js +2 -0
  4. package/public/{EventForward-78ecc73b.js.map → EventForward-c4c8cd29.js.map} +1 -1
  5. package/public/adeo/EventForward-c4c8cd29.js +2 -0
  6. package/public/{bricoman/EventForward-78ecc73b.js.map → adeo/EventForward-c4c8cd29.js.map} +1 -1
  7. package/public/adeo/components/accordion/Accordion.js +1 -1
  8. package/public/adeo/components/accordion/Accordion.js.map +1 -1
  9. package/public/adeo/components/accordion/Accordion.svelte +6 -4
  10. package/public/adeo/components/actionbar/ActionBar.js +1 -1
  11. package/public/adeo/components/actionbar/ActionBar.js.map +1 -1
  12. package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
  13. package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
  14. package/public/adeo/components/badge/Badge.js +1 -1
  15. package/public/adeo/components/badge/Badge.nested.js +1 -1
  16. package/public/adeo/components/badge/Badge.nested.js.map +1 -1
  17. package/public/adeo/components/bottombar/BottomBar.js +1 -1
  18. package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
  19. package/public/adeo/components/breadcrumb/Breadcrumb.js.map +1 -1
  20. package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
  21. package/public/adeo/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  22. package/public/adeo/components/button/Button.js +1 -1
  23. package/public/adeo/components/button/Button.js.map +1 -1
  24. package/public/adeo/components/button/Button.nested.js +1 -1
  25. package/public/adeo/components/button/Button.nested.js.map +1 -1
  26. package/public/adeo/components/card/Card.js +1 -1
  27. package/public/adeo/components/card/Card.js.map +1 -1
  28. package/public/adeo/components/carousel/Carousel.js +1 -1
  29. package/public/adeo/components/carousel/Carousel.js.map +1 -1
  30. package/public/adeo/components/carousel/CarouselCard.nested.js +1 -1
  31. package/public/adeo/components/carousel/CarouselCard.nested.js.map +1 -1
  32. package/public/adeo/components/chart/BarChart.js +1 -1
  33. package/public/adeo/components/chart/Donut.js +1 -1
  34. package/public/adeo/components/chart/GroupedBarChart.js +1 -1
  35. package/public/adeo/components/chart/GroupedBarChart.js.map +1 -1
  36. package/public/adeo/components/chart/LineChart.js +1 -1
  37. package/public/adeo/components/chart/Radar.js +1 -1
  38. package/public/adeo/components/chart/StackedBarChart.js +1 -1
  39. package/public/adeo/components/checkbox/Checkbox.js +1 -1
  40. package/public/adeo/components/checkbox/Checkbox.js.map +1 -1
  41. package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
  42. package/public/adeo/components/datatable/DataTable.js +1 -1
  43. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  44. package/public/adeo/components/datatable/datatable-default-action.nested.js +1 -1
  45. package/public/adeo/components/datatable/datatable-default-action.nested.js.map +1 -1
  46. package/public/adeo/components/datatable/datatable-default-edtion.nested.js +1 -1
  47. package/public/adeo/components/datatable/datatable-default-edtion.nested.js.map +1 -1
  48. package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js +1 -1
  49. package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
  50. package/public/adeo/components/datatable/datatable-default-footer.nested.js +1 -1
  51. package/public/adeo/components/datatable/datatable-default-footer.nested.js.map +1 -1
  52. package/public/adeo/components/datatable/datatable-default-selection-label.nested.js +1 -1
  53. package/public/adeo/components/datatable/datatable-default-selection.nested.js +1 -1
  54. package/public/adeo/components/dropdown/Dropdown.js +1 -1
  55. package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
  56. package/public/adeo/components/field/Field.js +1 -1
  57. package/public/adeo/components/field/Field.js.map +1 -1
  58. package/public/adeo/components/fileuploader/FileUploader.js +1 -1
  59. package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
  60. package/public/adeo/components/fileuploader/fileuploader-result.js +1 -1
  61. package/public/adeo/components/fileuploader/fileuploader-result.js.map +1 -1
  62. package/public/adeo/components/fileuploader/fileuploader-result.nested.js +1 -1
  63. package/public/adeo/components/flag/Flag.js +1 -1
  64. package/public/adeo/components/header/Header.js +1 -1
  65. package/public/adeo/components/header/Header.js.map +1 -1
  66. package/public/adeo/components/hero/Hero.js +1 -1
  67. package/public/adeo/components/hero/Hero.js.map +1 -1
  68. package/public/adeo/components/kpi/Kpi.js +1 -1
  69. package/public/adeo/components/layer/Layer.js +1 -1
  70. package/public/adeo/components/link/Link.js +1 -1
  71. package/public/adeo/components/link/Link.nested.js +1 -1
  72. package/public/adeo/components/link/Link.nested.js.map +1 -1
  73. package/public/adeo/components/listbox/Listbox.js +1 -1
  74. package/public/adeo/components/listbox/Listbox.js.map +1 -1
  75. package/public/adeo/components/listbox/Listbox.nested.js +1 -1
  76. package/public/adeo/components/listbox/Listbox.nested.js.map +1 -1
  77. package/public/adeo/components/loader/Loader.js +1 -1
  78. package/public/adeo/components/loader/Loader.js.map +1 -1
  79. package/public/adeo/components/loader/Loader.nested.js +1 -1
  80. package/public/adeo/components/menu/Menu.js +1 -1
  81. package/public/adeo/components/modal/Modal.js +1 -1
  82. package/public/adeo/components/notification/Notification.js +1 -1
  83. package/public/adeo/components/notification/Notification.js.map +1 -1
  84. package/public/adeo/components/optionbutton/OptionButton.js +1 -1
  85. package/public/adeo/components/optionbutton/OptionButton.js.map +1 -1
  86. package/public/adeo/components/optionbutton/OptionButton.svelte +14 -7
  87. package/public/adeo/components/overlay/Overlay.js +1 -1
  88. package/public/adeo/components/overlay/OverlayLoader.js +1 -1
  89. package/public/adeo/components/pagination/Pagination.js +1 -1
  90. package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
  91. package/public/adeo/components/passwordinput/PasswordInput.js.map +1 -1
  92. package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
  93. package/public/adeo/components/price/Price.js +1 -1
  94. package/public/adeo/components/price/Price.js.map +1 -1
  95. package/public/adeo/components/progressbar/ProgressBar.js +1 -1
  96. package/public/adeo/components/progressbar/ProgressBar.js.map +1 -1
  97. package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
  98. package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
  99. package/public/adeo/components/radio/Radio.js +1 -1
  100. package/public/adeo/components/radiogroup/RadioGroup.js +1 -1
  101. package/public/adeo/components/radiogroup/RadioGroup.js.map +1 -1
  102. package/public/adeo/components/ratings/StarsInput.js +1 -1
  103. package/public/adeo/components/ratings/StarsInput.js.map +1 -1
  104. package/public/adeo/components/ratings/StarsResult.js +1 -1
  105. package/public/adeo/components/segmentedcontrol/SegmentedControl.js +1 -1
  106. package/public/adeo/components/select/Select.js +1 -1
  107. package/public/adeo/components/select/Select.js.map +1 -1
  108. package/public/adeo/components/sidebar/Sidebar.js +1 -1
  109. package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
  110. package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  111. package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
  112. package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
  113. package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
  114. package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
  115. package/public/adeo/components/sidebar/sidebar-segment.nested.svelte +8 -8
  116. package/public/adeo/components/sidebar/sidebar-separator.nested.js +1 -1
  117. package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
  118. package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
  119. package/public/adeo/components/sidebar/sidebar.types.d.ts +4 -2
  120. package/public/adeo/components/sidebar/sidebar.types.d.ts.map +1 -1
  121. package/public/adeo/components/stepper/Stepper.js +1 -1
  122. package/public/adeo/components/stepperbar/StepperBar.js +1 -1
  123. package/public/adeo/components/tabs/Tabs.js +1 -1
  124. package/public/adeo/components/tabs/Tabs.nested.js +1 -1
  125. package/public/adeo/components/tag/Tag.js +1 -1
  126. package/public/adeo/components/tag/Tag.js.map +1 -1
  127. package/public/adeo/components/tag/Tag.nested.js +1 -1
  128. package/public/adeo/components/taglist/TagList.js +1 -1
  129. package/public/adeo/components/taglist/TagList.js.map +1 -1
  130. package/public/adeo/components/textarea/Textarea.js +1 -1
  131. package/public/adeo/components/textarea/Textarea.js.map +1 -1
  132. package/public/adeo/components/textinput/Textinput.js +1 -1
  133. package/public/adeo/components/textinput/Textinput.nested.js +1 -1
  134. package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
  135. package/public/adeo/components/toggle/Toggle.js +1 -1
  136. package/public/adeo/components/toggle/Toggle.js.map +1 -1
  137. package/public/adeo/components/tooltip/Tooltip.js +1 -1
  138. package/public/adeo/{index-48da6c1f.js → index-c222d0b7.js} +2 -2
  139. package/public/adeo/{index-48da6c1f.js.map → index-c222d0b7.js.map} +1 -1
  140. package/public/adeo/{sidebar-service-e5d3eb89.js → sidebar-service-8aa10fb1.js} +2 -2
  141. package/public/adeo/{sidebar-service-e5d3eb89.js.map → sidebar-service-8aa10fb1.js.map} +1 -1
  142. package/public/adeo/utilities/components/sidebar/sidebar.types.d.ts +4 -2
  143. package/public/adeo/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
  144. package/public/adeo/utilities/stories/optionbutton/OptionButton.stories.d.ts.map +1 -1
  145. package/public/bricoman/EventForward-c4c8cd29.js +2 -0
  146. package/public/{adeo/EventForward-78ecc73b.js.map → bricoman/EventForward-c4c8cd29.js.map} +1 -1
  147. package/public/bricoman/components/accordion/Accordion.js +1 -1
  148. package/public/bricoman/components/accordion/Accordion.js.map +1 -1
  149. package/public/bricoman/components/accordion/Accordion.svelte +6 -4
  150. package/public/bricoman/components/actionbar/ActionBar.js +1 -1
  151. package/public/bricoman/components/actionbar/ActionBar.js.map +1 -1
  152. package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
  153. package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
  154. package/public/bricoman/components/badge/Badge.js +1 -1
  155. package/public/bricoman/components/badge/Badge.js.map +1 -1
  156. package/public/bricoman/components/badge/Badge.nested.js +1 -1
  157. package/public/bricoman/components/bottombar/BottomBar.js +1 -1
  158. package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
  159. package/public/bricoman/components/breadcrumb/Breadcrumb.js.map +1 -1
  160. package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
  161. package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  162. package/public/bricoman/components/button/Button.js +1 -1
  163. package/public/bricoman/components/button/Button.js.map +1 -1
  164. package/public/bricoman/components/button/Button.nested.js +1 -1
  165. package/public/bricoman/components/button/Button.nested.js.map +1 -1
  166. package/public/bricoman/components/card/Card.js +1 -1
  167. package/public/bricoman/components/card/Card.js.map +1 -1
  168. package/public/bricoman/components/carousel/Carousel.js +1 -1
  169. package/public/bricoman/components/carousel/Carousel.js.map +1 -1
  170. package/public/bricoman/components/carousel/CarouselCard.nested.js +1 -1
  171. package/public/bricoman/components/chart/BarChart.js +1 -1
  172. package/public/bricoman/components/chart/Donut.js +1 -1
  173. package/public/bricoman/components/chart/GroupedBarChart.js +1 -1
  174. package/public/bricoman/components/chart/GroupedBarChart.js.map +1 -1
  175. package/public/bricoman/components/chart/LineChart.js +1 -1
  176. package/public/bricoman/components/chart/Radar.js +1 -1
  177. package/public/bricoman/components/chart/StackedBarChart.js +1 -1
  178. package/public/bricoman/components/checkbox/Checkbox.js +1 -1
  179. package/public/bricoman/components/checkbox/Checkbox.js.map +1 -1
  180. package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
  181. package/public/bricoman/components/datatable/DataTable.js +1 -1
  182. package/public/bricoman/components/datatable/datatable-default-action.nested.js +1 -1
  183. package/public/bricoman/components/datatable/datatable-default-action.nested.js.map +1 -1
  184. package/public/bricoman/components/datatable/datatable-default-edtion.nested.js +1 -1
  185. package/public/bricoman/components/datatable/datatable-default-edtion.nested.js.map +1 -1
  186. package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js +1 -1
  187. package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
  188. package/public/bricoman/components/datatable/datatable-default-footer.nested.js +1 -1
  189. package/public/bricoman/components/datatable/datatable-default-footer.nested.js.map +1 -1
  190. package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js +1 -1
  191. package/public/bricoman/components/datatable/datatable-default-selection.nested.js +1 -1
  192. package/public/bricoman/components/dropdown/Dropdown.js +1 -1
  193. package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
  194. package/public/bricoman/components/field/Field.js +1 -1
  195. package/public/bricoman/components/field/Field.js.map +1 -1
  196. package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
  197. package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
  198. package/public/bricoman/components/fileuploader/fileuploader-result.js +1 -1
  199. package/public/bricoman/components/fileuploader/fileuploader-result.js.map +1 -1
  200. package/public/bricoman/components/fileuploader/fileuploader-result.nested.js +1 -1
  201. package/public/bricoman/components/fileuploader/fileuploader-result.nested.js.map +1 -1
  202. package/public/bricoman/components/flag/Flag.js +1 -1
  203. package/public/bricoman/components/header/Header.js +1 -1
  204. package/public/bricoman/components/header/Header.js.map +1 -1
  205. package/public/bricoman/components/hero/Hero.js +1 -1
  206. package/public/bricoman/components/hero/Hero.js.map +1 -1
  207. package/public/bricoman/components/kpi/Kpi.js +1 -1
  208. package/public/bricoman/components/layer/Layer.js +1 -1
  209. package/public/bricoman/components/link/Link.js +1 -1
  210. package/public/bricoman/components/link/Link.nested.js +1 -1
  211. package/public/bricoman/components/listbox/Listbox.js +1 -1
  212. package/public/bricoman/components/listbox/Listbox.js.map +1 -1
  213. package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
  214. package/public/bricoman/components/listbox/Listbox.nested.js.map +1 -1
  215. package/public/bricoman/components/loader/Loader.js +1 -1
  216. package/public/bricoman/components/loader/Loader.js.map +1 -1
  217. package/public/bricoman/components/loader/Loader.nested.js +1 -1
  218. package/public/bricoman/components/loader/Loader.nested.js.map +1 -1
  219. package/public/bricoman/components/menu/Menu.js +1 -1
  220. package/public/bricoman/components/modal/Modal.js +1 -1
  221. package/public/bricoman/components/notification/Notification.js +1 -1
  222. package/public/bricoman/components/notification/Notification.js.map +1 -1
  223. package/public/bricoman/components/optionbutton/OptionButton.js +1 -1
  224. package/public/bricoman/components/optionbutton/OptionButton.js.map +1 -1
  225. package/public/bricoman/components/optionbutton/OptionButton.svelte +14 -7
  226. package/public/bricoman/components/overlay/Overlay.js +1 -1
  227. package/public/bricoman/components/overlay/OverlayLoader.js +1 -1
  228. package/public/bricoman/components/pagination/Pagination.js +1 -1
  229. package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
  230. package/public/bricoman/components/passwordinput/PasswordInput.js.map +1 -1
  231. package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
  232. package/public/bricoman/components/price/Price.js +1 -1
  233. package/public/bricoman/components/price/Price.js.map +1 -1
  234. package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
  235. package/public/bricoman/components/progressbar/ProgressBar.js.map +1 -1
  236. package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
  237. package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
  238. package/public/bricoman/components/radio/Radio.js +1 -1
  239. package/public/bricoman/components/radio/Radio.js.map +1 -1
  240. package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
  241. package/public/bricoman/components/radiogroup/RadioGroup.js.map +1 -1
  242. package/public/bricoman/components/ratings/StarsInput.js +1 -1
  243. package/public/bricoman/components/ratings/StarsInput.js.map +1 -1
  244. package/public/bricoman/components/ratings/StarsResult.js +1 -1
  245. package/public/bricoman/components/segmentedcontrol/SegmentedControl.js +1 -1
  246. package/public/bricoman/components/segmentedcontrol/SegmentedControl.js.map +1 -1
  247. package/public/bricoman/components/select/Select.js +1 -1
  248. package/public/bricoman/components/select/Select.js.map +1 -1
  249. package/public/bricoman/components/sidebar/Sidebar.js +1 -1
  250. package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js +1 -1
  251. package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  252. package/public/bricoman/components/sidebar/sidebar-feature.nested.js +1 -1
  253. package/public/bricoman/components/sidebar/sidebar-section.nested.js +1 -1
  254. package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
  255. package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
  256. package/public/bricoman/components/sidebar/sidebar-segment.nested.svelte +8 -8
  257. package/public/bricoman/components/sidebar/sidebar-separator.nested.js +1 -1
  258. package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js +1 -1
  259. package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  260. package/public/bricoman/components/sidebar/sidebar-user.nested.js +1 -1
  261. package/public/bricoman/components/sidebar/sidebar-user.nested.js.map +1 -1
  262. package/public/bricoman/components/sidebar/sidebar.types.d.ts +4 -2
  263. package/public/bricoman/components/sidebar/sidebar.types.d.ts.map +1 -1
  264. package/public/bricoman/components/stepper/Stepper.js +1 -1
  265. package/public/bricoman/components/stepperbar/StepperBar.js +1 -1
  266. package/public/bricoman/components/tabs/Tabs.js +1 -1
  267. package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
  268. package/public/bricoman/components/tag/Tag.js +1 -1
  269. package/public/bricoman/components/tag/Tag.js.map +1 -1
  270. package/public/bricoman/components/tag/Tag.nested.js +1 -1
  271. package/public/bricoman/components/tag/Tag.nested.js.map +1 -1
  272. package/public/bricoman/components/taglist/TagList.js +1 -1
  273. package/public/bricoman/components/taglist/TagList.js.map +1 -1
  274. package/public/bricoman/components/textarea/Textarea.js +1 -1
  275. package/public/bricoman/components/textarea/Textarea.js.map +1 -1
  276. package/public/bricoman/components/textinput/Textinput.js +1 -1
  277. package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
  278. package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
  279. package/public/bricoman/components/toggle/Toggle.js +1 -1
  280. package/public/bricoman/components/toggle/Toggle.js.map +1 -1
  281. package/public/bricoman/components/tooltip/Tooltip.js +1 -1
  282. package/public/{index-48da6c1f.js → bricoman/index-c222d0b7.js} +2 -2
  283. package/public/bricoman/{index-48da6c1f.js.map → index-c222d0b7.js.map} +1 -1
  284. package/public/bricoman/{sidebar-service-e5d3eb89.js → sidebar-service-8aa10fb1.js} +2 -2
  285. package/public/bricoman/{sidebar-service-e5d3eb89.js.map → sidebar-service-8aa10fb1.js.map} +1 -1
  286. package/public/bricoman/utilities/components/sidebar/sidebar.types.d.ts +4 -2
  287. package/public/bricoman/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
  288. package/public/bricoman/utilities/stories/optionbutton/OptionButton.stories.d.ts.map +1 -1
  289. package/public/components/accordion/Accordion.js +1 -1
  290. package/public/components/accordion/Accordion.js.map +1 -1
  291. package/public/components/accordion/Accordion.svelte +6 -4
  292. package/public/components/actionbar/ActionBar.js +1 -1
  293. package/public/components/actionbar/ActionBar.js.map +1 -1
  294. package/public/components/autocomplete/Autocomplete.js +1 -1
  295. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  296. package/public/components/badge/Badge.js +1 -1
  297. package/public/components/badge/Badge.js.map +1 -1
  298. package/public/components/badge/Badge.nested.js +1 -1
  299. package/public/components/bottombar/BottomBar.js +1 -1
  300. package/public/components/breadcrumb/Breadcrumb.js +1 -1
  301. package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
  302. package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
  303. package/public/components/button/Button.js +1 -1
  304. package/public/components/button/Button.js.map +1 -1
  305. package/public/components/button/Button.nested.js +1 -1
  306. package/public/components/button/Button.nested.js.map +1 -1
  307. package/public/components/card/Card.js +1 -1
  308. package/public/components/card/Card.js.map +1 -1
  309. package/public/components/carousel/Carousel.js +1 -1
  310. package/public/components/carousel/Carousel.js.map +1 -1
  311. package/public/components/carousel/CarouselCard.nested.js +1 -1
  312. package/public/components/chart/BarChart.js +1 -1
  313. package/public/components/chart/Donut.js +1 -1
  314. package/public/components/chart/GroupedBarChart.js +1 -1
  315. package/public/components/chart/GroupedBarChart.js.map +1 -1
  316. package/public/components/chart/LineChart.js +1 -1
  317. package/public/components/chart/Radar.js +1 -1
  318. package/public/components/chart/StackedBarChart.js +1 -1
  319. package/public/components/checkbox/Checkbox.js +1 -1
  320. package/public/components/checkbox/Checkbox.js.map +1 -1
  321. package/public/components/checkboxgroup/checkboxGroup.js +1 -1
  322. package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
  323. package/public/components/datatable/DataTable.js +1 -1
  324. package/public/components/datatable/datatable-default-action.nested.js +1 -1
  325. package/public/components/datatable/datatable-default-action.nested.js.map +1 -1
  326. package/public/components/datatable/datatable-default-edtion.nested.js +1 -1
  327. package/public/components/datatable/datatable-default-edtion.nested.js.map +1 -1
  328. package/public/components/datatable/datatable-default-filter-tags.nested.js +1 -1
  329. package/public/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
  330. package/public/components/datatable/datatable-default-footer.nested.js +1 -1
  331. package/public/components/datatable/datatable-default-footer.nested.js.map +1 -1
  332. package/public/components/datatable/datatable-default-selection-label.nested.js +1 -1
  333. package/public/components/datatable/datatable-default-selection.nested.js +1 -1
  334. package/public/components/dropdown/Dropdown.js +1 -1
  335. package/public/components/dropdown/Dropdown.js.map +1 -1
  336. package/public/components/field/Field.js +1 -1
  337. package/public/components/field/Field.js.map +1 -1
  338. package/public/components/fileuploader/FileUploader.js +1 -1
  339. package/public/components/fileuploader/FileUploader.js.map +1 -1
  340. package/public/components/fileuploader/fileuploader-result.js +1 -1
  341. package/public/components/fileuploader/fileuploader-result.js.map +1 -1
  342. package/public/components/fileuploader/fileuploader-result.nested.js +1 -1
  343. package/public/components/fileuploader/fileuploader-result.nested.js.map +1 -1
  344. package/public/components/flag/Flag.js +1 -1
  345. package/public/components/header/Header.js +1 -1
  346. package/public/components/header/Header.js.map +1 -1
  347. package/public/components/hero/Hero.js +1 -1
  348. package/public/components/hero/Hero.js.map +1 -1
  349. package/public/components/kpi/Kpi.js +1 -1
  350. package/public/components/layer/Layer.js +1 -1
  351. package/public/components/link/Link.js +1 -1
  352. package/public/components/link/Link.nested.js +1 -1
  353. package/public/components/link/Link.nested.js.map +1 -1
  354. package/public/components/listbox/Listbox.js +1 -1
  355. package/public/components/listbox/Listbox.js.map +1 -1
  356. package/public/components/listbox/Listbox.nested.js +1 -1
  357. package/public/components/listbox/Listbox.nested.js.map +1 -1
  358. package/public/components/loader/Loader.js +1 -1
  359. package/public/components/loader/Loader.js.map +1 -1
  360. package/public/components/loader/Loader.nested.js +1 -1
  361. package/public/components/loader/Loader.nested.js.map +1 -1
  362. package/public/components/menu/Menu.js +1 -1
  363. package/public/components/modal/Modal.js +1 -1
  364. package/public/components/notification/Notification.js +1 -1
  365. package/public/components/notification/Notification.js.map +1 -1
  366. package/public/components/optionbutton/OptionButton.js +1 -1
  367. package/public/components/optionbutton/OptionButton.js.map +1 -1
  368. package/public/components/optionbutton/OptionButton.svelte +14 -7
  369. package/public/components/overlay/Overlay.js +1 -1
  370. package/public/components/overlay/OverlayLoader.js +1 -1
  371. package/public/components/pagination/Pagination.js +1 -1
  372. package/public/components/passwordinput/PasswordInput.js +1 -1
  373. package/public/components/passwordinput/PasswordInput.js.map +1 -1
  374. package/public/components/phonenumber/PhoneNumber.js +1 -1
  375. package/public/components/price/Price.js +1 -1
  376. package/public/components/price/Price.js.map +1 -1
  377. package/public/components/progressbar/ProgressBar.js +1 -1
  378. package/public/components/progressbar/ProgressBar.js.map +1 -1
  379. package/public/components/quantityselector/QuantitySelector.js +1 -1
  380. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  381. package/public/components/radio/Radio.js +1 -1
  382. package/public/components/radiogroup/RadioGroup.js +1 -1
  383. package/public/components/radiogroup/RadioGroup.js.map +1 -1
  384. package/public/components/ratings/StarsInput.js +1 -1
  385. package/public/components/ratings/StarsInput.js.map +1 -1
  386. package/public/components/ratings/StarsResult.js +1 -1
  387. package/public/components/segmentedcontrol/SegmentedControl.js +1 -1
  388. package/public/components/select/Select.js +1 -1
  389. package/public/components/select/Select.js.map +1 -1
  390. package/public/components/sidebar/Sidebar.js +1 -1
  391. package/public/components/sidebar/sidebar-feature-group.nested.js +1 -1
  392. package/public/components/sidebar/sidebar-feature.nested.js +1 -1
  393. package/public/components/sidebar/sidebar-section.nested.js +1 -1
  394. package/public/components/sidebar/sidebar-segment.nested.js +1 -1
  395. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  396. package/public/components/sidebar/sidebar-segment.nested.svelte +8 -8
  397. package/public/components/sidebar/sidebar-separator.nested.js +1 -1
  398. package/public/components/sidebar/sidebar-sub-features.nested.js +1 -1
  399. package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  400. package/public/components/sidebar/sidebar-user.nested.js +1 -1
  401. package/public/components/sidebar/sidebar.types.d.ts +4 -2
  402. package/public/components/sidebar/sidebar.types.d.ts.map +1 -1
  403. package/public/components/stepper/Stepper.js +1 -1
  404. package/public/components/stepper/Stepper.js.map +1 -1
  405. package/public/components/stepperbar/StepperBar.js +1 -1
  406. package/public/components/tabs/Tabs.js +1 -1
  407. package/public/components/tabs/Tabs.nested.js +1 -1
  408. package/public/components/tag/Tag.js +1 -1
  409. package/public/components/tag/Tag.js.map +1 -1
  410. package/public/components/tag/Tag.nested.js +1 -1
  411. package/public/components/tag/Tag.nested.js.map +1 -1
  412. package/public/components/taglist/TagList.js +1 -1
  413. package/public/components/taglist/TagList.js.map +1 -1
  414. package/public/components/textarea/Textarea.js +1 -1
  415. package/public/components/textarea/Textarea.js.map +1 -1
  416. package/public/components/textinput/Textinput.js +1 -1
  417. package/public/components/textinput/Textinput.nested.js +1 -1
  418. package/public/components/textinput/Textinput.nested.js.map +1 -1
  419. package/public/components/toggle/Toggle.js +1 -1
  420. package/public/components/toggle/Toggle.js.map +1 -1
  421. package/public/components/tooltip/Tooltip.js +1 -1
  422. package/public/{bricoman/index-48da6c1f.js → index-c222d0b7.js} +2 -2
  423. package/public/{index-48da6c1f.js.map → index-c222d0b7.js.map} +1 -1
  424. package/public/{sidebar-service-e5d3eb89.js → sidebar-service-8aa10fb1.js} +2 -2
  425. package/public/{sidebar-service-e5d3eb89.js.map → sidebar-service-8aa10fb1.js.map} +1 -1
  426. package/public/utilities/components/sidebar/sidebar.types.d.ts +4 -2
  427. package/public/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
  428. package/public/utilities/stories/optionbutton/OptionButton.stories.d.ts.map +1 -1
  429. package/public/EventForward-78ecc73b.js +0 -2
  430. package/public/adeo/EventForward-78ecc73b.js +0 -2
  431. package/public/bricoman/EventForward-78ecc73b.js +0 -2
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,I as c,n as l,L as u,h as d,q as m,Q as h,v as g,w as f,a6 as p,t as $,l as b,o as x,R as k,J as v,a3 as y}from"../../index-48da6c1f.js";import{s as w}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as S}from"../../axis-fbc0f7b5.js";import{b as j}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const s=t.slice();return s[4]=e[r],s}function O(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=$(o),d(e,"class","tooltip"),d(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),b(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&x(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&d(e,"style",a)},d(t){t&&m(e)}}}function R(t){let e,r,a=t[4]+"";return{c(){e=new y(!1),r=k(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function J(t){let e,r,a,o,g,f,p=t[2].show&&O(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=R(C(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),d(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=O(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=C(t,$,e);b[e]?b[e].p(s,r):(b[e]=R(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&m(e),t[18](null),s&&m(r),p&&p.d(s),s&&m(a),s&&m(o),h(b,s),s&&m(g),s&&m(f)}}}function q(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function z(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:d=50}=e,{scalemin:m=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:$=4}=e,{tickleftformat:b}=e;b=t=>`${t}`;let x,k,y,{tickbottomformat:C=(t=>`${t}`)}=e,{svgs:O}=e,{margins:R}=e,J=!1,z={show:!1,text:"",top:0,left:0,width:0},F=new A(g(),f());function I(){let t=w(k).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function B(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function L(t){const e=j().domain(s).range([0,t-(q(R).left/2+q(R).right/2)]).padding(.2),r=E().domain([m,d]).range([a,0]),o=j().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function D(t,e,s){y.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>B(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{y.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,z.show=!1,z)})).on("mouseover",((t,s)=>{y.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,z={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{F.dispatch("bar-clicked",e)})),y.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(m)))).delay(((t,e)=>100*e))}function H(t,e){y.select(".x-axis").call(N(t).tickFormat(C)),y.select(".y-axis").call(S(e).ticks($).tickFormat(b));const r=I();y.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function M(){var t;if(x){const e=I();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=L(e);H(r,s),y.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>B(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return p((()=>{new ResizeObserver(M).observe(k),r(17,J=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,d=t.scalemax),"scalemin"in t&&r(9,m=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,$=t.ticknumbers),"tickleftformat"in t&&r(5,b=t.tickleftformat),"tickbottomformat"in t&&r(12,C=t.tickbottomformat),"svgs"in t&&r(13,O=t.svgs),"margins"in t&&r(14,R=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=O?JSON.parse(O):[]),196672&t.$$.dirty[0]&&c.length>0&&J&&(x?c!==x&&(!function(){var t;const e=I();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=L(e);H(r,s),y.selectAll(".bar").remove(),D(r,a,s)}(),r(16,x=c)):(!function(){const t=I(),{x:e,y:s,xSubgroup:o}=L(t);r(4,y=w(k).append("svg").attr("width",t).attr("height",Number(a)+Number(q(R).top)+Number(q(R).bottom)+Number(q(R).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${q(R).left/2+q(R).right/2},${q(R).top})`)),y.append("g").attr("transform",`translate(0, ${Number(a)+Number(q(R).xAxis)})`).call(N(e)).attr("class","x-axis").attr("stroke-width","0"),y.append("g").call(S(s).ticks($).tickFormat(b)).attr("class","y-axis").attr("stroke-width","0"),D(e,o,s)}(),r(16,x=c)))},[u,k,z,o,y,b,c,l,d,m,h,$,C,O,R,i,x,J,function(t){v[t?"unshift":"push"]((()=>{k=t,r(1,k)}))}]}class F extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},z,J,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{F as default};
1
+ import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,J as c,n as l,M as u,h as m,m as d,R as h,q as g,r as f,a6 as p,v as $,k as b,y as x,T as k,K as y,a4 as v}from"../../index-c222d0b7.js";import{s as w}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as S}from"../../axis-fbc0f7b5.js";import{b as j}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const s=t.slice();return s[4]=e[r],s}function O(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=$(o),m(e,"class","tooltip"),m(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),b(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&x(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&m(e,"style",a)},d(t){t&&d(e)}}}function R(t){let e,r,a=t[4]+"";return{c(){e=new v(!1),r=k(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&d(r),t&&e.d()}}}function J(t){let e,r,a,o,g,f,p=t[2].show&&O(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=R(C(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),m(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=O(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=C(t,$,e);b[e]?b[e].p(s,r):(b[e]=R(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&d(e),t[18](null),s&&d(r),p&&p.d(s),s&&d(a),s&&d(o),h(b,s),s&&d(g),s&&d(f)}}}function q(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function z(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:m=50}=e,{scalemin:d=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:$=4}=e,{tickleftformat:b}=e;b=t=>`${t}`;let x,k,v,{tickbottomformat:C=(t=>`${t}`)}=e,{svgs:O}=e,{margins:R}=e,J=!1,z={show:!1,text:"",top:0,left:0,width:0},F=new A(g(),f());function B(){let t=w(k).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function I(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function M(t){const e=j().domain(s).range([0,t-(q(R).left/2+q(R).right/2)]).padding(.2),r=E().domain([d,m]).range([a,0]),o=j().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function D(t,e,s){v.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>I(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{v.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,z.show=!1,z)})).on("mouseover",((t,s)=>{v.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,z={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{F.dispatch("bar-clicked",e)})),v.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(d)))).delay(((t,e)=>100*e))}function H(t,e){v.select(".x-axis").call(N(t).tickFormat(C)),v.select(".y-axis").call(S(e).ticks($).tickFormat(b));const r=B();v.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function K(){var t;if(x){const e=B();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=M(e);H(r,s),v.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>I(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return p((()=>{new ResizeObserver(K).observe(k),r(17,J=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,m=t.scalemax),"scalemin"in t&&r(9,d=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,$=t.ticknumbers),"tickleftformat"in t&&r(5,b=t.tickleftformat),"tickbottomformat"in t&&r(12,C=t.tickbottomformat),"svgs"in t&&r(13,O=t.svgs),"margins"in t&&r(14,R=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=O?JSON.parse(O):[]),196672&t.$$.dirty[0]&&c.length>0&&J&&(x?c!==x&&(!function(){var t;const e=B();null===(t=k.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=M(e);H(r,s),v.selectAll(".bar").remove(),D(r,a,s)}(),r(16,x=c)):(!function(){const t=B(),{x:e,y:s,xSubgroup:o}=M(t);r(4,v=w(k).append("svg").attr("width",t).attr("height",Number(a)+Number(q(R).top)+Number(q(R).bottom)+Number(q(R).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${q(R).left/2+q(R).right/2},${q(R).top})`)),v.append("g").attr("transform",`translate(0, ${Number(a)+Number(q(R).xAxis)})`).call(N(e)).attr("class","x-axis").attr("stroke-width","0"),v.append("g").call(S(s).ticks($).tickFormat(b)).attr("class","y-axis").attr("stroke-width","0"),D(e,o,s)}(),r(16,x=c)))},[u,k,z,o,v,b,c,l,m,d,h,$,C,O,R,i,x,J,function(t){y[t?"unshift":"push"]((()=>{k=t,r(1,k)}))}]}class F extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},z,J,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{F as default};
2
2
  //# sourceMappingURL=BarChart.js.map
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,h as g,L as d,l as c,q as h,Q as m,v as f,w as u,a6 as p,I as x,m as y,t as b,o as w,R as k,J as $,a3 as v}from"../../index-48da6c1f.js";import{s as _,a as A}from"../../transform-15d69d5d.js";import{E as z}from"../../EventHandler-f7ee47ca.js";import{c as E,a as T}from"../../array-5b770a93.js";import{w as R,p as j,c as D,s as F,h as O,e as S,t as C,a as M,m as N,b as I,d as J,f as P,g as q,i as B}from"../../path-1b5da959.js";function H(t){return t.innerRadius}function L(t){return t.outerRadius}function Q(t){return t.startAngle}function V(t){return t.endAngle}function X(t){return t&&t.padAngle}function Y(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/M(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*M(B(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,E=(-$*y+b*v)/w,T=_-p,R=A-x,j=z-p,D=E-x;return T*T+R*R>j*j+D*D&&(_=z,A=E),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function G(){var t=H,e=L,n=E(0),i=null,r=Q,a=V,l=X,o=null,s=R(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-O,f=a.apply(this,arguments)-O,u=I(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>S)if(u>C-S)o.moveTo(h*D(m),h*F(m)),o.arc(0,0,h,m,f,!p),c>S&&(o.moveTo(c*D(f),c*F(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>S&&(i?+i.apply(this,arguments):M(c*c+h*h)),E=N(I(h-c)/2,+n.apply(this,arguments)),T=E,R=E;if(z>S){var B=P(z/c*F(A)),H=P(z/h*F(A));(v-=2*B)>S?(k+=B*=p?1:-1,$-=B):(v=0,k=$=(m+f)/2),(_-=2*H)>S?(b+=H*=p?1:-1,w-=H):(_=0,b=w=(m+f)/2)}var L=h*D(b),Q=h*F(b),V=c*D($),X=c*F($);if(E>S){var G,K=h*D(w),U=h*F(w),W=c*D(k),Z=c*F(k);if(u<j)if(G=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<S))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(L,Q,W,Z,K,U,V,X)){var tt=L-G[0],et=Q-G[1],nt=K-G[0],it=U-G[1],rt=1/F(q((tt*nt+et*it)/(M(tt*tt+et*et)*M(nt*nt+it*it)))/2),at=M(G[0]*G[0]+G[1]*G[1]);T=N(E,(c-at)/(rt-1)),R=N(E,(h-at)/(rt+1))}else T=R=0}_>S?R>S?(x=Y(W,Z,L,Q,h,R,p),y=Y(K,U,V,X,h,R,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),R<E?o.arc(x.cx,x.cy,R,J(x.y01,x.x01),J(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,R,J(x.y01,x.x01),J(x.y11,x.x11),!p),o.arc(0,0,h,J(x.cy+x.y11,x.cx+x.x11),J(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,R,J(y.y11,y.x11),J(y.y01,y.x01),!p))):(o.moveTo(L,Q),o.arc(0,0,h,b,w,!p)):o.moveTo(L,Q),c>S&&v>S?T>S?(x=Y(V,X,K,U,c,-T,p),y=Y(L,Q,W,Z,c,-T,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),T<E?o.arc(x.cx,x.cy,T,J(x.y01,x.x01),J(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,T,J(x.y01,x.x01),J(x.y11,x.x11),!p),o.arc(0,0,c,J(x.cy+x.y11,x.cx+x.x11),J(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,T,J(y.y11,y.x11),J(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(V,X)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-j/2;return[D(i)*n,F(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:E(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:E(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:E(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:E(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function K(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function U(t){return t}function W(t,e,n){const i=t.slice();return i[7]=e[n],i}function Z(t,e,n){const i=t.slice();return i[4]=e[n],i[35]=n,i}function tt(t,e,n){const i=t.slice();return i[36]=e[n],i}function et(t){let e,n,r,a=t[36].split(t[1])[1]+"";return{c(){e=l("span"),n=b("("),r=b(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[36].split(t[1])[1]+"")&&w(r,a)},d(t){t&&h(e)}}}function nt(t){let e,n,r,a,s,d=t[36].split(t[1])[0]+"",m=t[36].split(t[1])[1],f=m&&et(t);return{c(){e=l("p"),n=b(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=ot(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[36].split(t[1])[0]+"")&&w(n,d),67&i[0]&&(m=t[36].split(t[1])[1]),m?f?f.p(t,i):(f=et(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=ot(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function it(t){let e,n,r,a,s,d,f,u,p,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=nt(tt(t,b,e));function k(){return t[21](t[4])}return{c(){e=l("button"),n=x("svg"),r=x("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[35],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),u||(p=y(e,"click",k),u=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[35],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=tt(t,b,e);w[e]?w[e].p(i,n):(w[e]=nt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),u=!1,p()}}}function rt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=b(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&w(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function at(t){let e,n,r=t[7]+"";return{c(){e=new v(!1),n=k(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function lt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=it(Z(t,p,e));let y=t[8].show&&rt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=at(W(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+st(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[22](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=Z(t,p,e);x[e]?x[e].p(r,i):(x[e]=it(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=rt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+st(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=W(t,b,e);w[e]?w[e].p(n,i):(w[e]=at(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[22](null),n&&h(f),n&&h(u),m(w,n)}}}function ot(t){return"legend__text"+(t?" legend__text--not-selected":"")}function st(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function gt(t,e,n){let i,r,a,l,o,s,g,{data:d=""}=e,{svgs:c}=e,{colors:h}=e,{strokes:m}=e,{title:x}=e,{legendseparator:y=","}=e,{legendseparatorcount:b="("}=e,{dimension:w=250}=e,{padangle:k=.05}=e,{backgroundcolor:v="#fff"}=e,{delay:R=500}=e,{legendposition:j="right"}=e,D=!1,F=new z(f(),u()),O={left:"0px",top:"0px",text:"",show:!1};const S=w/2,M=G().outerRadius(S-5).innerRadius(S-60).padAngle(k),N=function(){var t=U,e=K,n=null,i=E(0),r=E(C),a=E(0);function l(l){var o,s,g,d,c,h=(l=T(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(C,Math.max(-C,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:E(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),I=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function J(t){g.selectAll("path").data(N(t)).transition().duration(R).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=A(this._current,t);return this._current=e(0),t=>M(e(t))||""})),g.selectAll("svg text").filter((function(){return/^[0-9]/.test(_(this).text())})).text(String(I()))}function P(t){const e=g.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));J(e)}p((()=>n(20,D=!0)));return t.$$set=t=>{"data"in t&&n(4,d=t.data),"svgs"in t&&n(13,c=t.svgs),"colors"in t&&n(14,h=t.colors),"strokes"in t&&n(15,m=t.strokes),"title"in t&&n(16,x=t.title),"legendseparator"in t&&n(0,y=t.legendseparator),"legendseparatorcount"in t&&n(1,b=t.legendseparatorcount),"dimension"in t&&n(17,w=t.dimension),"padangle"in t&&n(18,k=t.padangle),"backgroundcolor"in t&&n(2,v=t.backgroundcolor),"delay"in t&&n(19,R=t.delay),"legendposition"in t&&n(3,j=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=d?JSON.parse(d):[]),8192&t.$$.dirty[0]&&n(10,r=c?JSON.parse(c):[]),16384&t.$$.dirty[0]&&n(9,a=h?JSON.parse(h):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),32768&t.$$.dirty[0]&&(l=m?JSON.parse(m):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(o=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),1179824&t.$$.dirty[0]&&d.length>0&&D&&(g?g.selectAll("path").remove():n(7,g=_(s).append("svg").attr("width",w).attr("height",w).append("g").attr("transform","translate("+w/2+","+w/2+")")),(()=>{const t=g.selectAll("path").data(N(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${l[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));g.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(o)),g.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(x),t.transition().delay(((t,e)=>e*R)).duration(R).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=A(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),M(t)||"")})),t.on("mousemove",((t,e)=>{n(8,O={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=g.selectAll(".chart__arc").filter((function(t){return t===e})),i=g.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=g.selectAll(".chart__arc").filter((function(t){return t===e})),r=g.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,O.show=!1,O)})).on("click",((t,e)=>{F.dispatch("donut-clicked",e)})),setTimeout((()=>{J(i)}),R*i.length)})())},[y,b,v,j,d,s,i,g,O,a,r,P,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},c,h,m,x,w,k,R,D,t=>P(t.name),function(t){$[t?"unshift":"push"]((()=>{s=t,n(5,s)}))}]}class dt extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"Roboto", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#00919f}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#91d5db}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:700}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},gt,lt,a,{data:4,svgs:13,colors:14,strokes:15,title:16,legendseparator:0,legendseparatorcount:1,dimension:17,padangle:18,backgroundcolor:2,delay:19,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","strokes","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get strokes(){return this.$$.ctx[15]}set strokes(t){this.$$set({strokes:t}),r()}get title(){return this.$$.ctx[16]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[17]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[18]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[19]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",dt);export{dt as default};
1
+ import{S as t,i as e,a as n,b as i,f as r,s as a,e as l,d as o,n as s,h as g,M as d,k as c,m as h,R as m,q as f,r as u,a6 as p,J as x,x as y,v as b,y as w,T as k,K as $,a4 as v}from"../../index-c222d0b7.js";import{s as _,a as A}from"../../transform-15d69d5d.js";import{E as z}from"../../EventHandler-f7ee47ca.js";import{c as E,a as T}from"../../array-5b770a93.js";import{w as R,p as j,c as D,s as F,h as M,e as O,t as S,a as C,m as N,b as J,d as I,f as P,g as q,i as B}from"../../path-1b5da959.js";function H(t){return t.innerRadius}function K(t){return t.outerRadius}function V(t){return t.startAngle}function X(t){return t.endAngle}function Y(t){return t&&t.padAngle}function G(t,e,n,i,r,a,l){var o=t-n,s=e-i,g=(l?a:-a)/C(o*o+s*s),d=g*s,c=-g*o,h=t+d,m=e+c,f=n+d,u=i+c,p=(h+f)/2,x=(m+u)/2,y=f-h,b=u-m,w=y*y+b*b,k=r-a,$=h*u-f*m,v=(b<0?-1:1)*C(B(0,k*k*w-$*$)),_=($*b-y*v)/w,A=(-$*y-b*v)/w,z=($*b+y*v)/w,E=(-$*y+b*v)/w,T=_-p,R=A-x,j=z-p,D=E-x;return T*T+R*R>j*j+D*D&&(_=z,A=E),{cx:_,cy:A,x01:-d,y01:-c,x11:_*(r/k-1),y11:A*(r/k-1)}}function L(){var t=H,e=K,n=E(0),i=null,r=V,a=X,l=Y,o=null,s=R(g);function g(){var g,d,c=+t.apply(this,arguments),h=+e.apply(this,arguments),m=r.apply(this,arguments)-M,f=a.apply(this,arguments)-M,u=J(f-m),p=f>m;if(o||(o=g=s()),h<c&&(d=h,h=c,c=d),h>O)if(u>S-O)o.moveTo(h*D(m),h*F(m)),o.arc(0,0,h,m,f,!p),c>O&&(o.moveTo(c*D(f),c*F(f)),o.arc(0,0,c,f,m,p));else{var x,y,b=m,w=f,k=m,$=f,v=u,_=u,A=l.apply(this,arguments)/2,z=A>O&&(i?+i.apply(this,arguments):C(c*c+h*h)),E=N(J(h-c)/2,+n.apply(this,arguments)),T=E,R=E;if(z>O){var B=P(z/c*F(A)),H=P(z/h*F(A));(v-=2*B)>O?(k+=B*=p?1:-1,$-=B):(v=0,k=$=(m+f)/2),(_-=2*H)>O?(b+=H*=p?1:-1,w-=H):(_=0,b=w=(m+f)/2)}var K=h*D(b),V=h*F(b),X=c*D($),Y=c*F($);if(E>O){var L,Q=h*D(w),U=h*F(w),W=c*D(k),Z=c*F(k);if(u<j)if(L=function(t,e,n,i,r,a,l,o){var s=n-t,g=i-e,d=l-r,c=o-a,h=c*s-d*g;if(!(h*h<O))return[t+(h=(d*(e-a)-c*(t-r))/h)*s,e+h*g]}(K,V,W,Z,Q,U,X,Y)){var tt=K-L[0],et=V-L[1],nt=Q-L[0],it=U-L[1],rt=1/F(q((tt*nt+et*it)/(C(tt*tt+et*et)*C(nt*nt+it*it)))/2),at=C(L[0]*L[0]+L[1]*L[1]);T=N(E,(c-at)/(rt-1)),R=N(E,(h-at)/(rt+1))}else T=R=0}_>O?R>O?(x=G(W,Z,K,V,h,R,p),y=G(Q,U,X,Y,h,R,p),o.moveTo(x.cx+x.x01,x.cy+x.y01),R<E?o.arc(x.cx,x.cy,R,I(x.y01,x.x01),I(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,R,I(x.y01,x.x01),I(x.y11,x.x11),!p),o.arc(0,0,h,I(x.cy+x.y11,x.cx+x.x11),I(y.cy+y.y11,y.cx+y.x11),!p),o.arc(y.cx,y.cy,R,I(y.y11,y.x11),I(y.y01,y.x01),!p))):(o.moveTo(K,V),o.arc(0,0,h,b,w,!p)):o.moveTo(K,V),c>O&&v>O?T>O?(x=G(X,Y,Q,U,c,-T,p),y=G(K,V,W,Z,c,-T,p),o.lineTo(x.cx+x.x01,x.cy+x.y01),T<E?o.arc(x.cx,x.cy,T,I(x.y01,x.x01),I(y.y01,y.x01),!p):(o.arc(x.cx,x.cy,T,I(x.y01,x.x01),I(x.y11,x.x11),!p),o.arc(0,0,c,I(x.cy+x.y11,x.cx+x.x11),I(y.cy+y.y11,y.cx+y.x11),p),o.arc(y.cx,y.cy,T,I(y.y11,y.x11),I(y.y01,y.x01),!p))):o.arc(0,0,c,$,k,p):o.lineTo(X,Y)}else o.moveTo(0,0);if(o.closePath(),g)return o=null,g+""||null}return g.centroid=function(){var n=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,i=(+r.apply(this,arguments)+ +a.apply(this,arguments))/2-j/2;return[D(i)*n,F(i)*n]},g.innerRadius=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),g):t},g.outerRadius=function(t){return arguments.length?(e="function"==typeof t?t:E(+t),g):e},g.cornerRadius=function(t){return arguments.length?(n="function"==typeof t?t:E(+t),g):n},g.padRadius=function(t){return arguments.length?(i=null==t?null:"function"==typeof t?t:E(+t),g):i},g.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),g):r},g.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),g):a},g.padAngle=function(t){return arguments.length?(l="function"==typeof t?t:E(+t),g):l},g.context=function(t){return arguments.length?(o=null==t?null:t,g):o},g}function Q(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function U(t){return t}function W(t,e,n){const i=t.slice();return i[7]=e[n],i}function Z(t,e,n){const i=t.slice();return i[4]=e[n],i[35]=n,i}function tt(t,e,n){const i=t.slice();return i[36]=e[n],i}function et(t){let e,n,r,a=t[36].split(t[1])[1]+"";return{c(){e=l("span"),n=b("("),r=b(a),g(e,"class","legend__text--light")},m(t,a){i(t,e,a),c(e,n),c(e,r)},p(t,e){67&e[0]&&a!==(a=t[36].split(t[1])[1]+"")&&w(r,a)},d(t){t&&h(e)}}}function nt(t){let e,n,r,a,s,d=t[36].split(t[1])[0]+"",m=t[36].split(t[1])[1],f=m&&et(t);return{c(){e=l("p"),n=b(d),r=o(),f&&f.c(),a=o(),g(e,"class",s=ot(t[4].checked))},m(t,l){i(t,e,l),c(e,n),c(e,r),f&&f.m(e,null),c(e,a)},p(t,i){67&i[0]&&d!==(d=t[36].split(t[1])[0]+"")&&w(n,d),67&i[0]&&(m=t[36].split(t[1])[1]),m?f?f.p(t,i):(f=et(t),f.c(),f.m(e,a)):f&&(f.d(1),f=null),64&i[0]&&s!==(s=ot(t[4].checked))&&g(e,"class",s)},d(t){t&&h(e),f&&f.d()}}}function it(t){let e,n,r,a,s,d,f,u,p,b=t[4].name.split(t[0]),w=[];for(let e=0;e<b.length;e+=1)w[e]=nt(tt(t,b,e));function k(){return t[21](t[4])}return{c(){e=l("button"),n=x("svg"),r=x("rect"),s=o(),d=l("div");for(let t=0;t<w.length;t+=1)w[t].c();f=o(),g(r,"x","0"),g(r,"y","0"),g(r,"width","24"),g(r,"height","16"),g(r,"fill",a=t[12](t[4],t[35],t[10],t[9])),g(n,"class","legend__box"),g(e,"class","legend__item")},m(t,a){i(t,e,a),c(e,n),c(n,r),c(e,s),c(e,d);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(d,null);c(e,f),u||(p=y(e,"click",k),u=!0)},p(e,n){if(t=e,1600&n[0]&&a!==(a=t[12](t[4],t[35],t[10],t[9]))&&g(r,"fill",a),67&n[0]){let e;for(b=t[4].name.split(t[0]),e=0;e<b.length;e+=1){const i=tt(t,b,e);w[e]?w[e].p(i,n):(w[e]=nt(i),w[e].c(),w[e].m(d,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},d(t){t&&h(e),m(w,t),u=!1,p()}}}function rt(t){let e,n,r=t[8].text+"";return{c(){e=l("div"),n=b(r),g(e,"class","chart__tooltip"),d(e,"left",t[8].left),d(e,"top",t[8].top)},m(t,r){i(t,e,r),c(e,n)},p(t,i){256&i[0]&&r!==(r=t[8].text+"")&&w(n,r),256&i[0]&&d(e,"left",t[8].left),256&i[0]&&d(e,"top",t[8].top)},d(t){t&&h(e)}}}function at(t){let e,n,r=t[7]+"";return{c(){e=new v(!1),n=k(),e.a=n},m(t,a){e.m(r,t,a),i(t,n,a)},p(t,n){1024&n[0]&&r!==(r=t[7]+"")&&e.p(r)},d(t){t&&h(n),t&&e.d()}}}function lt(t){let e,n,r,a,f,u,p=t[6],x=[];for(let e=0;e<p.length;e+=1)x[e]=it(Z(t,p,e));let y=t[8].show&&rt(t),b=t[10],w=[];for(let e=0;e<b.length;e+=1)w[e]=at(W(t,b,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<x.length;t+=1)x[t].c();r=o(),y&&y.c(),f=o(),u=l("div");for(let t=0;t<w.length;t+=1)w[t].c();this.c=s,g(n,"class","legend"),g(e,"class",a="chart "+st(t[3])),d(e,"background-color",t[2]),d(u,"height","0"),d(u,"width","0"),g(u,"class","pattern")},m(a,l){i(a,e,l),c(e,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(n,null);c(e,r),y&&y.m(e,null),t[22](e),i(a,f,l),i(a,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null)},p(t,i){if(7747&i[0]){let e;for(p=t[6],e=0;e<p.length;e+=1){const r=Z(t,p,e);x[e]?x[e].p(r,i):(x[e]=it(r),x[e].c(),x[e].m(n,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=p.length}if(t[8].show?y?y.p(t,i):(y=rt(t),y.c(),y.m(e,null)):y&&(y.d(1),y=null),8&i[0]&&a!==(a="chart "+st(t[3]))&&g(e,"class",a),4&i[0]&&d(e,"background-color",t[2]),1024&i[0]){let e;for(b=t[10],e=0;e<b.length;e+=1){const n=W(t,b,e);w[e]?w[e].p(n,i):(w[e]=at(n),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=b.length}},i:s,o:s,d(n){n&&h(e),m(x,n),y&&y.d(),t[22](null),n&&h(f),n&&h(u),m(w,n)}}}function ot(t){return"legend__text"+(t?" legend__text--not-selected":"")}function st(t){switch(t){case"top":return"chart--top";case"right":default:return"chart--right";case"bottom":return"chart--bottom";case"left":return"chart--left"}}function gt(t,e,n){let i,r,a,l,o,s,g,{data:d=""}=e,{svgs:c}=e,{colors:h}=e,{strokes:m}=e,{title:x}=e,{legendseparator:y=","}=e,{legendseparatorcount:b="("}=e,{dimension:w=250}=e,{padangle:k=.05}=e,{backgroundcolor:v="#fff"}=e,{delay:R=500}=e,{legendposition:j="right"}=e,D=!1,F=new z(f(),u()),M={left:"0px",top:"0px",text:"",show:!1};const O=w/2,C=L().outerRadius(O-5).innerRadius(O-60).padAngle(k),N=function(){var t=U,e=Q,n=null,i=E(0),r=E(S),a=E(0);function l(l){var o,s,g,d,c,h=(l=T(l)).length,m=0,f=new Array(h),u=new Array(h),p=+i.apply(this,arguments),x=Math.min(S,Math.max(-S,r.apply(this,arguments)-p)),y=Math.min(Math.abs(x)/h,a.apply(this,arguments)),b=y*(x<0?-1:1);for(o=0;o<h;++o)(c=u[f[o]=o]=+t(l[o],o,l))>0&&(m+=c);for(null!=e?f.sort((function(t,n){return e(u[t],u[n])})):null!=n&&f.sort((function(t,e){return n(l[t],l[e])})),o=0,g=m?(x-h*b)/m:0;o<h;++o,p=d)s=f[o],d=p+((c=u[s])>0?c*g:0)+b,u[s]={data:l[s],index:o,value:c,startAngle:p,endAngle:d,padAngle:y};return u}return l.value=function(e){return arguments.length?(t="function"==typeof e?e:E(+e),l):t},l.sortValues=function(t){return arguments.length?(e=t,n=null,l):e},l.sort=function(t){return arguments.length?(n=t,e=null,l):n},l.startAngle=function(t){return arguments.length?(i="function"==typeof t?t:E(+t),l):i},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:E(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:E(+t),l):a},l}().sort(null).startAngle(1.1*Math.PI).endAngle(3.1*Math.PI).value((t=>t.total)),J=()=>i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[];function I(t){g.selectAll("path").data(N(t)).transition().duration(R).attr("stroke-width",((t,e)=>i[e].checked?"0px":"4px")).attrTween("d",(function(t){const e=A(this._current,t);return this._current=e(0),t=>C(e(t))||""})),g.selectAll("svg text").filter((function(){return/^[0-9]/.test(_(this).text())})).text(String(J()))}function P(t){const e=g.selectAll("path").data().map(((e,r)=>{const a=e.data;if(a.name===t){n(6,i[r].checked=!i[r].checked,i);const t=0===a.total?i[r].total:0;return Object.assign(Object.assign({},a),{total:t})}return Object.assign({},a)}));I(e)}p((()=>n(20,D=!0)));return t.$$set=t=>{"data"in t&&n(4,d=t.data),"svgs"in t&&n(13,c=t.svgs),"colors"in t&&n(14,h=t.colors),"strokes"in t&&n(15,m=t.strokes),"title"in t&&n(16,x=t.title),"legendseparator"in t&&n(0,y=t.legendseparator),"legendseparatorcount"in t&&n(1,b=t.legendseparatorcount),"dimension"in t&&n(17,w=t.dimension),"padangle"in t&&n(18,k=t.padangle),"backgroundcolor"in t&&n(2,v=t.backgroundcolor),"delay"in t&&n(19,R=t.delay),"legendposition"in t&&n(3,j=t.legendposition)},t.$$.update=()=>{16&t.$$.dirty[0]&&n(6,i=d?JSON.parse(d):[]),8192&t.$$.dirty[0]&&n(10,r=c?JSON.parse(c):[]),16384&t.$$.dirty[0]&&n(9,a=h?JSON.parse(h):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),32768&t.$$.dirty[0]&&(l=m?JSON.parse(m):["#605F9D","#D9F0F3","#EAEDEF","#0B96CC","#EA7315","#EA302D"]),64&t.$$.dirty[0]&&(o=i?i.filter((t=>!t.checked)).reduce(((t,e)=>t+e.total),0):[]),1179824&t.$$.dirty[0]&&d.length>0&&D&&(g?g.selectAll("path").remove():n(7,g=_(s).append("svg").attr("width",w).attr("height",w).append("g").attr("transform","translate("+w/2+","+w/2+")")),(()=>{const t=g.selectAll("path").data(N(i)).enter().append("path").attr("class","chart__arc").attr("title",(t=>t.data.name)).attr("stroke",(t=>`${l[t.index]}`)).attr("stroke-width","4px").style("fill",(t=>r.length>0?`url(#${t.data.patternId})`:(a.length,`${a[t.index]}`)));g.append("svg:text").attr("text-anchor","middle").attr("font-size","28").attr("fill","#333").text(String(o)),g.append("svg:text").attr("text-anchor","middle").attr("font-size","22").attr("fill","#333").attr("dy","1.5rem").text(x),t.transition().delay(((t,e)=>e*R)).duration(R).attrTween("d",(t=>{if(0===t.data.total)return()=>"";const e=A(t.startAngle+.1,t.endAngle);return n=>(t.endAngle=e(n),C(t)||"")})),t.on("mousemove",((t,e)=>{n(8,M={left:t.pageX+10+"px",top:t.pageY-25+"px",text:e.data.customTooltip?e.data.customTooltip:e.data.name,show:!0})})).on("mouseover",((t,e)=>{var n=g.selectAll(".chart__arc").filter((function(t){return t===e})),i=g.selectAll(".chart__arc").filter((function(t){return t!=e}));i.style("opacity",.7),n.style("transform","scale(1.02)")})).on("mouseout",((t,e)=>{var i=g.selectAll(".chart__arc").filter((function(t){return t===e})),r=g.selectAll(".chart__arc").filter((function(t){return t!=e}));r.style("opacity",1),i.style("transform","scale(1)"),n(8,M.show=!1,M)})).on("click",((t,e)=>{F.dispatch("donut-clicked",e)})),setTimeout((()=>{I(i)}),R*i.length)})())},[y,b,v,j,d,s,i,g,M,a,r,P,function(t,e,n,i){return n.length>0?`url(#${t.patternId})`:i.length>0?a[e]:void 0},c,h,m,x,w,k,R,D,t=>P(t.name),function(t){$[t?"unshift":"push"]((()=>{s=t,n(5,s)}))}]}class dt extends t{constructor(t){super();const l=document.createElement("style");l.textContent='.mt-heading{font-family:"Roboto", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#00919f}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#91d5db}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:700}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.opaque{opacity:0.7}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart--bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chart--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;padding:0.5rem 1rem;text-align:center}.chart__arc{cursor:pointer;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.5rem;height:100%;margin:0;color:#000000}.legend__title{padding:0.75rem;white-space:nowrap;margin:0}.legend__title--light{color:#808080}.legend__item{cursor:pointer;background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:0.75rem;margin-bottom:0.25rem;font-size:0.875rem}.legend__item:focus,.legend__item:hover{outline:0;text-decoration:underline}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;height:16px;width:24px}.legend__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;margin:0 0 0.25rem 0;padding:0}.legend__text--light{color:#808080}.legend__text--not-selected{text-decoration:line-through}.pattern{z-index:-1;position:absolute}',this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},gt,lt,a,{data:4,svgs:13,colors:14,strokes:15,title:16,legendseparator:0,legendseparatorcount:1,dimension:17,padangle:18,backgroundcolor:2,delay:19,legendposition:3},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","svgs","colors","strokes","title","legendseparator","legendseparatorcount","dimension","padangle","backgroundcolor","delay","legendposition"]}get data(){return this.$$.ctx[4]}set data(t){this.$$set({data:t}),r()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),r()}get colors(){return this.$$.ctx[14]}set colors(t){this.$$set({colors:t}),r()}get strokes(){return this.$$.ctx[15]}set strokes(t){this.$$set({strokes:t}),r()}get title(){return this.$$.ctx[16]}set title(t){this.$$set({title:t}),r()}get legendseparator(){return this.$$.ctx[0]}set legendseparator(t){this.$$set({legendseparator:t}),r()}get legendseparatorcount(){return this.$$.ctx[1]}set legendseparatorcount(t){this.$$set({legendseparatorcount:t}),r()}get dimension(){return this.$$.ctx[17]}set dimension(t){this.$$set({dimension:t}),r()}get padangle(){return this.$$.ctx[18]}set padangle(t){this.$$set({padangle:t}),r()}get backgroundcolor(){return this.$$.ctx[2]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[19]}set delay(t){this.$$set({delay:t}),r()}get legendposition(){return this.$$.ctx[3]}set legendposition(t){this.$$set({legendposition:t}),r()}}customElements.define("m-donut",dt);export{dt as default};
2
2
  //# sourceMappingURL=Donut.js.map
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a as r,b as i,f as a,s,e as o,d as l,I as n,n as c,L as g,h,q as m,Q as d,v as f,w as u,a6 as p,t as x,l as b,o as $,R as k,J as y,a3 as w}from"../../index-48da6c1f.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as j,c as S}from"../../axis-fbc0f7b5.js";import{b as _}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const i=t.slice();return i[6]=e[r],i}function P(t,e,r){const i=t.slice();return i[38]=e[r],i}function R(t){let e,r,a,s,c,g,d,f,u=t[38]+"";return{c(){e=o("div"),r=n("svg"),a=n("rect"),c=l(),g=o("span"),d=x(u),f=l(),h(a,"x","0"),h(a,"y","0"),h(a,"width","24"),h(a,"height","16"),h(a,"fill",s=t[7](t[38],t[1])),h(r,"class","legend__box"),h(g,"class","legend__title"),h(e,"class","legend__item")},m(t,s){i(t,e,s),b(e,r),b(r,a),b(e,c),b(e,g),b(g,d),b(e,f)},p(t,e){6&e[0]&&s!==(s=t[7](t[38],t[1]))&&h(a,"fill",s),4&e[0]&&u!==(u=t[38]+"")&&$(d,u)},d(t){t&&m(e)}}}function F(t){let e,r,a,s=t[4].text+"";return{c(){e=o("div"),r=x(s),h(e,"class","tooltip"),h(e,"style",a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)},m(t,a){i(t,e,a),b(e,r)},p(t,i){16&i[0]&&s!==(s=t[4].text+"")&&$(r,s),16&i[0]&&a!==(a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)&&h(e,"style",a)},d(t){t&&m(e)}}}function O(t){let e,r,a=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,s){e.m(a,t,s),i(t,r,s)},p(t,r){32&r[0]&&a!==(a=t[6]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function z(t){let e,r,a,s,f,u,p,x,b=t[2],$=[];for(let e=0;e<b.length;e+=1)$[e]=R(P(t,b,e));let k=t[4].show&&F(t),y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=O(C(t,y,e));return{c(){e=o("div"),r=l(),a=o("div");for(let t=0;t<$.length;t+=1)$[t].c();s=l(),k&&k.c(),f=l(),u=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=l(),x=n("text"),this.c=c,g(e,"background-color",t[0]),h(a,"class","legend"),g(u,"height","0"),g(u,"width","0"),h(u,"class","pattern")},m(o,l){i(o,e,l),t[21](e),i(o,r,l),i(o,a,l);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(a,null);i(o,s,l),k&&k.m(o,l),i(o,f,l),i(o,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null);i(o,p,l),i(o,x,l)},p(t,r){if(1&r[0]&&g(e,"background-color",t[0]),134&r[0]){let e;for(b=t[2],e=0;e<b.length;e+=1){const i=P(t,b,e);$[e]?$[e].p(i,r):($[e]=R(i),$[e].c(),$[e].m(a,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}if(t[4].show?k?k.p(t,r):(k=F(t),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null),32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const i=C(t,y,e);w[e]?w[e].p(i,r):(w[e]=O(i),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:c,o:c,d(i){i&&m(e),t[21](null),i&&m(r),i&&m(a),d($,i),i&&m(s),k&&k.d(i),i&&m(f),i&&m(u),d(w,i),i&&m(p),i&&m(x)}}}function B(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function J(t,e,r){let i,a,s,o,l,n,c,g,{data:h=""}=e,{chartheight:m="300"}=e,{backgroundcolor:d="#fff"}=e,{leftscalemax:x=50}=e,{rightscalemax:b}=e,{color:$="#0B96CC"}=e,{ticknumbers:k=4}=e,{tickleftformat:w=(t=>`${Number(t)}`)}=e,{tickbottomformat:C=(t=>`${t}`)}=e,{tickrightformat:P=(t=>`${Number(t)}`)}=e,{svgs:R}=e,{margins:F}=e,O=!1,z={show:!1,text:"",top:0,left:0,width:0},J=new A(f(),u()),q=0,I=0;function L(){let t=v(c).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function D(t){return l.map((e=>({key:e,value:t[e].value,scalePosition:t[e].scalePosition,color:t[e].color,customtooltip:t[e].customtooltip})))}function H(t){const e=b?t-(B(F).left+B(F).right):t-B(F).right,r=_().domain(a).range([0,e]).padding(.2),i=E().domain([0,x]).range([s,0]),o=E().domain([0,b]).range([s,0]),n=_().domain(l).range([0,r.bandwidth()]).padding(.05);return{x:r,yleft:i,yright:o,xSubgroup:n}}function M(t,e,a,o){g.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>D(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(t=>"right"===t.scalePosition?o(0):a(0))).attr("width",e.bandwidth()).attr("height",(t=>s-("right"===t.scalePosition?o(0):a(0)))).style("fill",(t=>t.color||$)).style("cursor","pointer").on("mouseout",((t,e)=>{g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(4,z.show=!1,z)})).on("mouseover",((t,e)=>{var i,a;g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:s,top:o,width:l}=null!==(a=null===(i=t.target.parentElement)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==a?a:{left:0,top:0,width:0};r(4,z={show:!0,text:e.customtooltip?`${e.customtooltip}`:`${e.key} - ${e.value}`,left:s,top:o-50,width:l})})).on("click",((t,e)=>{J.dispatch("bar-clicked",e)})),g.selectAll("rect").transition().duration(800).attr("y",(t=>"right"===t.scalePosition?o(+t.value):a(+t.value))).attr("height",(t=>s-("right"===t.scalePosition?o(+t.value):a(+t.value)))).delay(((t,e)=>100*e))}function Q(t,e,r){g.select(".x-axis").call(N(t).tickFormat(C)),g.select(".y-left-axis").call(j(e).ticks(k).tickFormat(w)),b&&g.select(".y-right-axis").call(S(r).ticks(k).tickFormat(P)).attr("transform",`translate(${I-B(F).left-q},0)`);const i=b?I-B(F).left-q:I-q;g.selectAll(".y-left-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",i)}function W(){I=L();const{x:t,yleft:e,yright:i,xSubgroup:a}=H(I);r(6,g=v(c).append("svg").attr("width",I).attr("height",Number(s)+Number(B(F).top)+Number(B(F).bottom)+Number(B(F).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${B(F).left/2+B(F).right/2},${B(F).top})`)),g.append("g").attr("transform",`translate(0, ${Number(s)+Number(B(F).xAxis)})`).call(N(t)).attr("class","x-axis").attr("stroke-width","0"),g.append("g").call(j(e).ticks(k).tickFormat(w)).attr("class","y-left-axis").attr("stroke-width","0"),q=function(t){const{width:e}=c.getElementsByClassName(`y-${t}-axis`)[0].getBoundingClientRect();return e}("left"),b&&g.append("g").call(S(i).ticks(k).tickFormat(w)).attr("class","y-right-axis").attr("transform",`translate(${I-B(F).left-q},0)`).attr("stroke-width","0"),M(t,a,e,i)}function G(){var t;if(I=L(),n){const e=L();null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,yleft:a,yright:s,xSubgroup:o}=H(e);Q(r,a,s),g.selectAll(".bar").data(i).attr("transform",(t=>`translate(${String(r(t.group))}, 0)`)).selectAll("rect").data((t=>D(t))).attr("x",(t=>o(t.key))).attr("width",o.bandwidth())}}return p((()=>{new ResizeObserver(G).observe(c),r(20,O=!0)})),t.$$set=t=>{"data"in t&&r(8,h=t.data),"chartheight"in t&&r(9,m=t.chartheight),"backgroundcolor"in t&&r(0,d=t.backgroundcolor),"leftscalemax"in t&&r(10,x=t.leftscalemax),"rightscalemax"in t&&r(11,b=t.rightscalemax),"color"in t&&r(12,$=t.color),"ticknumbers"in t&&r(13,k=t.ticknumbers),"tickleftformat"in t&&r(14,w=t.tickleftformat),"tickbottomformat"in t&&r(15,C=t.tickbottomformat),"tickrightformat"in t&&r(16,P=t.tickrightformat),"svgs"in t&&r(17,R=t.svgs),"margins"in t&&r(18,F=t.margins)},t.$$.update=()=>{256&t.$$.dirty[0]&&r(1,i=h?JSON.parse(h):[]),2&t.$$.dirty[0]&&(a=i.map((t=>t.group))),2&t.$$.dirty[0]&&r(2,l=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),512&t.$$.dirty[0]&&(s=parseInt(m,10)),131072&t.$$.dirty[0]&&r(5,o=R?JSON.parse(R):[]),1573120&t.$$.dirty[0]&&h.length>0&&O&&(n?h!==n&&(!function(){var t;null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${I}px`);const{x:e,yleft:r,yright:i,xSubgroup:a}=H(I);Q(e,r,i),g.selectAll(".bar").remove(),M(e,a,r,i)}(),r(19,n=h)):(W(),r(19,n=h)))},[d,i,l,c,z,o,g,function(t,e){var r;return e.length>0?null===(r=e[0][t])||void 0===r?void 0:r.color:""},h,m,x,b,$,k,w,C,P,R,F,n,O,function(t){y[t?"unshift":"push"]((()=>{c=t,r(3,c)}))}]}class q extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:absolute}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},J,z,s,{data:8,chartheight:9,backgroundcolor:0,leftscalemax:10,rightscalemax:11,color:12,ticknumbers:13,tickleftformat:14,tickbottomformat:15,tickrightformat:16,svgs:17,margins:18},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","tickbottomformat","tickrightformat","svgs","margins"]}get data(){return this.$$.ctx[8]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[9]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get leftscalemax(){return this.$$.ctx[10]}set leftscalemax(t){this.$$set({leftscalemax:t}),a()}get rightscalemax(){return this.$$.ctx[11]}set rightscalemax(t){this.$$set({rightscalemax:t}),a()}get color(){return this.$$.ctx[12]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[13]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[14]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[15]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get tickrightformat(){return this.$$.ctx[16]}set tickrightformat(t){this.$$set({tickrightformat:t}),a()}get svgs(){return this.$$.ctx[17]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[18]}set margins(t){this.$$set({margins:t}),a()}}export{q as default};
1
+ import{S as t,i as e,a as r,b as i,f as a,s,e as o,d as l,J as n,n as c,M as g,h,m,R as d,q as f,r as u,a6 as p,v as x,k as b,y as $,T as k,K as y,a4 as w}from"../../index-c222d0b7.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{a as N,b as j,c as S}from"../../axis-fbc0f7b5.js";import{b as _}from"../../band-d7a07d2c.js";import{l as E}from"../../linear-f46d7e9e.js";function C(t,e,r){const i=t.slice();return i[6]=e[r],i}function P(t,e,r){const i=t.slice();return i[38]=e[r],i}function R(t){let e,r,a,s,c,g,d,f,u=t[38]+"";return{c(){e=o("div"),r=n("svg"),a=n("rect"),c=l(),g=o("span"),d=x(u),f=l(),h(a,"x","0"),h(a,"y","0"),h(a,"width","24"),h(a,"height","16"),h(a,"fill",s=t[7](t[38],t[1])),h(r,"class","legend__box"),h(g,"class","legend__title"),h(e,"class","legend__item")},m(t,s){i(t,e,s),b(e,r),b(r,a),b(e,c),b(e,g),b(g,d),b(e,f)},p(t,e){6&e[0]&&s!==(s=t[7](t[38],t[1]))&&h(a,"fill",s),4&e[0]&&u!==(u=t[38]+"")&&$(d,u)},d(t){t&&m(e)}}}function F(t){let e,r,a,s=t[4].text+"";return{c(){e=o("div"),r=x(s),h(e,"class","tooltip"),h(e,"style",a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)},m(t,a){i(t,e,a),b(e,r)},p(t,i){16&i[0]&&s!==(s=t[4].text+"")&&$(r,s),16&i[0]&&a!==(a=`top: ${t[4].top}px; left: ${t[4].left}px; width: ${t[4].width}px;`)&&h(e,"style",a)},d(t){t&&m(e)}}}function O(t){let e,r,a=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,s){e.m(a,t,s),i(t,r,s)},p(t,r){32&r[0]&&a!==(a=t[6]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function z(t){let e,r,a,s,f,u,p,x,b=t[2],$=[];for(let e=0;e<b.length;e+=1)$[e]=R(P(t,b,e));let k=t[4].show&&F(t),y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=O(C(t,y,e));return{c(){e=o("div"),r=l(),a=o("div");for(let t=0;t<$.length;t+=1)$[t].c();s=l(),k&&k.c(),f=l(),u=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=l(),x=n("text"),this.c=c,g(e,"background-color",t[0]),h(a,"class","legend"),g(u,"height","0"),g(u,"width","0"),h(u,"class","pattern")},m(o,l){i(o,e,l),t[21](e),i(o,r,l),i(o,a,l);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(a,null);i(o,s,l),k&&k.m(o,l),i(o,f,l),i(o,u,l);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(u,null);i(o,p,l),i(o,x,l)},p(t,r){if(1&r[0]&&g(e,"background-color",t[0]),134&r[0]){let e;for(b=t[2],e=0;e<b.length;e+=1){const i=P(t,b,e);$[e]?$[e].p(i,r):($[e]=R(i),$[e].c(),$[e].m(a,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}if(t[4].show?k?k.p(t,r):(k=F(t),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null),32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const i=C(t,y,e);w[e]?w[e].p(i,r):(w[e]=O(i),w[e].c(),w[e].m(u,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:c,o:c,d(i){i&&m(e),t[21](null),i&&m(r),i&&m(a),d($,i),i&&m(s),k&&k.d(i),i&&m(f),i&&m(u),d(w,i),i&&m(p),i&&m(x)}}}function B(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function J(t,e,r){let i,a,s,o,l,n,c,g,{data:h=""}=e,{chartheight:m="300"}=e,{backgroundcolor:d="#fff"}=e,{leftscalemax:x=50}=e,{rightscalemax:b}=e,{color:$="#0B96CC"}=e,{ticknumbers:k=4}=e,{tickleftformat:w=(t=>`${Number(t)}`)}=e,{tickbottomformat:C=(t=>`${t}`)}=e,{tickrightformat:P=(t=>`${Number(t)}`)}=e,{svgs:R}=e,{margins:F}=e,O=!1,z={show:!1,text:"",top:0,left:0,width:0},J=new A(f(),u()),q=0,I=0;function M(){let t=v(c).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function D(t){return l.map((e=>({key:e,value:t[e].value,scalePosition:t[e].scalePosition,color:t[e].color,customtooltip:t[e].customtooltip})))}function H(t){const e=b?t-(B(F).left+B(F).right):t-B(F).right,r=_().domain(a).range([0,e]).padding(.2),i=E().domain([0,x]).range([s,0]),o=E().domain([0,b]).range([s,0]),n=_().domain(l).range([0,r.bandwidth()]).padding(.05);return{x:r,yleft:i,yright:o,xSubgroup:n}}function K(t,e,a,o){g.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>D(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(t=>"right"===t.scalePosition?o(0):a(0))).attr("width",e.bandwidth()).attr("height",(t=>s-("right"===t.scalePosition?o(0):a(0)))).style("fill",(t=>t.color||$)).style("cursor","pointer").on("mouseout",((t,e)=>{g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(4,z.show=!1,z)})).on("mouseover",((t,e)=>{var i,a;g.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:s,top:o,width:l}=null!==(a=null===(i=t.target.parentElement)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==a?a:{left:0,top:0,width:0};r(4,z={show:!0,text:e.customtooltip?`${e.customtooltip}`:`${e.key} - ${e.value}`,left:s,top:o-50,width:l})})).on("click",((t,e)=>{J.dispatch("bar-clicked",e)})),g.selectAll("rect").transition().duration(800).attr("y",(t=>"right"===t.scalePosition?o(+t.value):a(+t.value))).attr("height",(t=>s-("right"===t.scalePosition?o(+t.value):a(+t.value)))).delay(((t,e)=>100*e))}function L(t,e,r){g.select(".x-axis").call(N(t).tickFormat(C)),g.select(".y-left-axis").call(j(e).ticks(k).tickFormat(w)),b&&g.select(".y-right-axis").call(S(r).ticks(k).tickFormat(P)).attr("transform",`translate(${I-B(F).left-q},0)`);const i=b?I-B(F).left-q:I-q;g.selectAll(".y-left-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",i)}function T(){I=M();const{x:t,yleft:e,yright:i,xSubgroup:a}=H(I);r(6,g=v(c).append("svg").attr("width",I).attr("height",Number(s)+Number(B(F).top)+Number(B(F).bottom)+Number(B(F).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${B(F).left/2+B(F).right/2},${B(F).top})`)),g.append("g").attr("transform",`translate(0, ${Number(s)+Number(B(F).xAxis)})`).call(N(t)).attr("class","x-axis").attr("stroke-width","0"),g.append("g").call(j(e).ticks(k).tickFormat(w)).attr("class","y-left-axis").attr("stroke-width","0"),q=function(t){const{width:e}=c.getElementsByClassName(`y-${t}-axis`)[0].getBoundingClientRect();return e}("left"),b&&g.append("g").call(S(i).ticks(k).tickFormat(w)).attr("class","y-right-axis").attr("transform",`translate(${I-B(F).left-q},0)`).attr("stroke-width","0"),K(t,a,e,i)}function W(){var t;if(I=M(),n){const e=M();null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,yleft:a,yright:s,xSubgroup:o}=H(e);L(r,a,s),g.selectAll(".bar").data(i).attr("transform",(t=>`translate(${String(r(t.group))}, 0)`)).selectAll("rect").data((t=>D(t))).attr("x",(t=>o(t.key))).attr("width",o.bandwidth())}}return p((()=>{new ResizeObserver(W).observe(c),r(20,O=!0)})),t.$$set=t=>{"data"in t&&r(8,h=t.data),"chartheight"in t&&r(9,m=t.chartheight),"backgroundcolor"in t&&r(0,d=t.backgroundcolor),"leftscalemax"in t&&r(10,x=t.leftscalemax),"rightscalemax"in t&&r(11,b=t.rightscalemax),"color"in t&&r(12,$=t.color),"ticknumbers"in t&&r(13,k=t.ticknumbers),"tickleftformat"in t&&r(14,w=t.tickleftformat),"tickbottomformat"in t&&r(15,C=t.tickbottomformat),"tickrightformat"in t&&r(16,P=t.tickrightformat),"svgs"in t&&r(17,R=t.svgs),"margins"in t&&r(18,F=t.margins)},t.$$.update=()=>{256&t.$$.dirty[0]&&r(1,i=h?JSON.parse(h):[]),2&t.$$.dirty[0]&&(a=i.map((t=>t.group))),2&t.$$.dirty[0]&&r(2,l=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),512&t.$$.dirty[0]&&(s=parseInt(m,10)),131072&t.$$.dirty[0]&&r(5,o=R?JSON.parse(R):[]),1573120&t.$$.dirty[0]&&h.length>0&&O&&(n?h!==n&&(!function(){var t;null===(t=c.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${I}px`);const{x:e,yleft:r,yright:i,xSubgroup:a}=H(I);L(e,r,i),g.selectAll(".bar").remove(),K(e,a,r,i)}(),r(19,n=h)):(T(),r(19,n=h)))},[d,i,l,c,z,o,g,function(t,e){var r;return e.length>0?null===(r=e[0][t])||void 0===r?void 0:r.color:""},h,m,x,b,$,k,w,C,P,R,F,n,O,function(t){y[t?"unshift":"push"]((()=>{c=t,r(3,c)}))}]}class q extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:absolute}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},J,z,s,{data:8,chartheight:9,backgroundcolor:0,leftscalemax:10,rightscalemax:11,color:12,ticknumbers:13,tickleftformat:14,tickbottomformat:15,tickrightformat:16,svgs:17,margins:18},null,[-1,-1]),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","tickbottomformat","tickrightformat","svgs","margins"]}get data(){return this.$$.ctx[8]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[9]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get leftscalemax(){return this.$$.ctx[10]}set leftscalemax(t){this.$$set({leftscalemax:t}),a()}get rightscalemax(){return this.$$.ctx[11]}set rightscalemax(t){this.$$set({rightscalemax:t}),a()}get color(){return this.$$.ctx[12]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[13]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[14]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[15]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get tickrightformat(){return this.$$.ctx[16]}set tickrightformat(t){this.$$set({tickrightformat:t}),a()}get svgs(){return this.$$.ctx[17]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[18]}set margins(t){this.$$set({margins:t}),a()}}export{q as default};
2
2
  //# sourceMappingURL=GroupedBarChart.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"GroupedBarChart.js","sources":["../../../../src/components/chart/GroupedBarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n NumberValue,\n axisRight,\n } from 'd3';\n import { onMount } from 'svelte';\n import { EventHandler } from '../../utilities/EventHandler';\n import type {\n GroupedBarData,\n GroupedBarKeyValue,\n BarMargin,\n } from './grouped-bar-chart.types';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let data = '';\n let subgroups: string[];\n $: parsedData = data\n ? (JSON.parse(data) as GroupedBarData[])\n : ([] as GroupedBarData[]);\n $: groups = parsedData.map((d: GroupedBarData) => d.group);\n $: subgroups = parsedData[0]\n ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n : [];\n\n export let chartheight = '300';\n $: height = parseInt(chartheight, 10);\n\n export let backgroundcolor = '#fff';\n export let leftscalemax = 50;\n export let rightscalemax: number;\n export let color = '#0B96CC';\n export let ticknumbers = 4;\n export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n `${d}`;\n export let tickrightformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let margins: string;\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let leftScaleWidth = 0;\n let width = 0;\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' || !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getBarKeyValue(d: GroupedBarData): GroupedBarKeyValue[] {\n return subgroups.map((key) => ({\n key: key,\n value: d[key].value,\n scalePosition: d[key].scalePosition,\n color: d[key].color,\n customtooltip: d[key].customtooltip,\n }));\n }\n\n function getAxes(width: number) {\n // If there is no right scale, we only remove the right margin as the axis should continue to the edge of the chart\n const xWidth = rightscalemax\n ? width -\n (getParsedMargins(margins).left + getParsedMargins(margins).right)\n : width - getParsedMargins(margins).right;\n const x = scaleBand().domain(groups).range([0, xWidth]).padding(0.2);\n const yleft = scaleLinear().domain([0, leftscalemax]).range([height, 0]);\n const yright = scaleLinear().domain([0, rightscalemax]).range([height, 0]);\n const xSubgroup = scaleBand()\n .domain(subgroups)\n .range([0, x.bandwidth()])\n .padding(0.05);\n return { x, yleft, yright, xSubgroup };\n }\n\n function getAxisWidth(position: 'left' | 'right') {\n const { width } = chart\n .getElementsByClassName(`y-${position}-axis`)[0]\n .getBoundingClientRect();\n return width;\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n xSubgroup: ScaleBand<string>,\n yleft: ScaleLinear<number, number, never>,\n yright: ScaleLinear<number, number, never>,\n ) {\n svg\n .append('g')\n .selectAll('g')\n .data(parsedData)\n .join('g')\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => getBarKeyValue(d))\n .join('rect')\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('y', (d) => (d.scalePosition === 'right' ? yright(0) : yleft(0)))\n .attr('width', xSubgroup.bandwidth())\n .attr(\n 'height',\n (d) => height - (d.scalePosition === 'right' ? yright(0) : yleft(0)),\n )\n .style('fill', (d) => d.color || color)\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 1);\n tooltipData.show = false;\n })\n .on('mouseover', (e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 0.7);\n const { left, top, width } = (\n e.target as HTMLElement\n ).parentElement?.getBoundingClientRect() ?? {\n left: 0,\n top: 0,\n width: 0,\n };\n tooltipData = {\n show: true,\n text: chartEvent.customtooltip\n ? `${chartEvent.customtooltip}`\n : `${chartEvent.key} - ${chartEvent.value}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n\n .on('click', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n\n svg\n .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n .transition()\n .duration(800)\n .attr('y', (d) =>\n d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value),\n )\n .attr(\n 'height',\n (d) =>\n height -\n (d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value)),\n )\n .delay((_d, i) => i * 100);\n }\n\n function updateAxes(\n x: ScaleBand<string>,\n yleft: ScaleLinear<number, number, never>,\n yright: ScaleLinear<number, number, never>,\n ) {\n svg\n .select('.x-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n svg\n .select('.y-left-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call(\n (axisLeft(yleft) as any).ticks(ticknumbers).tickFormat(tickleftformat),\n );\n\n if (rightscalemax) {\n svg\n .select('.y-right-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call(\n (axisRight(yright) as any)\n .ticks(ticknumbers)\n .tickFormat(tickrightformat),\n )\n .attr(\n 'transform',\n // Right scale should be at width minus the width of the left scale plus its marging\n `translate(${\n width - getParsedMargins(margins).left - leftScaleWidth\n },0)`,\n );\n }\n\n // x2 is the end of left scale line and should stops where right scale starts (ie: same position)\n const x2 = rightscalemax\n ? width - getParsedMargins(margins).left - leftScaleWidth\n : width - leftScaleWidth;\n svg\n .selectAll('.y-left-axis .tick line')\n .attr('stroke', '#EEEDEA')\n .attr('stroke-width', '1px')\n .attr('x2', x2);\n }\n\n function render() {\n width = getChartWidth();\n const { x, yleft, yright, xSubgroup } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n .call(axisLeft(yleft).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-left-axis')\n .attr('stroke-width', '0');\n leftScaleWidth = getAxisWidth('left');\n\n if (rightscalemax) {\n svg\n .append('g')\n .call(axisRight(yright).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-right-axis')\n .attr(\n 'transform',\n // Right scale should be at width minus the width of the left scale plus its marging\n `translate(${\n width - getParsedMargins(margins).left - leftScaleWidth\n },0)`,\n )\n .attr('stroke-width', '0');\n }\n\n addRectandles(x, xSubgroup, yleft, yright);\n }\n\n function update() {\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, yleft, yright, xSubgroup } = getAxes(width);\n updateAxes(x, yleft, yright);\n svg.selectAll('.bar').remove();\n addRectandles(x, xSubgroup, yleft, yright);\n }\n\n function resize() {\n width = getChartWidth();\n if (_data) {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, yleft, yright, xSubgroup } = getAxes(width);\n updateAxes(x, yleft, yright);\n\n svg\n .selectAll('.bar')\n .data(parsedData)\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n .data((d) => getBarKeyValue(d))\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('width', xSubgroup.bandwidth());\n }\n }\n\n function getLegendColor(\n subgroup: string,\n parsedData: GroupedBarData[],\n ): string {\n if (parsedData.length > 0) return parsedData[0][subgroup]?.color;\n return '';\n }\n\n onMount(() => {\n const resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(chart);\n hasMounted = true;\n });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n<div class=\"legend\">\n {#each subgroups as subgroup}\n <div class=\"legend__item\">\n <svg class=\"legend__box\">\n <rect\n x=\"0\"\n y=\"0\"\n width=\"24\"\n height=\"16\"\n fill={getLegendColor(subgroup, parsedData)}\n />\n </svg>\n <span class=\"legend__title\">{subgroup}</span>\n </div>\n {/each}\n</div>\n\n{#if tooltipData.show}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n {#each parsedSvgs as svg}\n {@html svg}\n {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n .legend {\n margin-top: magic-unit-rem(1);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 magic-unit-rem(1.5);\n height: 100%;\n color: $color-grey-999;\n gap: magic-unit-rem(1);\n\n &__item {\n display: flex;\n justify-content: center;\n font-size: $size-font-04;\n align-items: center;\n }\n\n &__title {\n white-space: nowrap;\n margin: 0;\n }\n\n &__box {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: magic-unit-rem(0.25);\n height: 16px;\n width: 24px;\n }\n }\n\n .tooltip {\n height: auto;\n background-color: $color-grey-700;\n border-radius: 4px;\n color: $color-grey-000;\n text-align: center;\n padding: magic-unit-rem(0.5) 0;\n position: absolute;\n }\n\n .pattern {\n z-index: -1;\n position: absolute;\n }\n\n text {\n font-family: 'LeroyMerlin', sans-serif;\n font-size: $size-font-04;\n color: $color-grey-700;\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","svg_1","rect","span","set_data","t1","t1_value","t_value","text","top","left","width","dirty","t","html_tag","p","raw_value","length","i","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","subgroups","_data","chart","svg","data","$$props","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","d","Number","tickbottomformat","tickrightformat","svgs","hasMounted","tooltipData","eventHandler","EventHandler","get_current_component","createEventDispatcher","leftScaleWidth","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","scalePosition","customtooltip","getAxes","xWidth","x","scaleBand","domain","groups","range","padding","yleft","scaleLinear","height","yright","xSubgroup","bandwidth","addRectandles","selectAll","parsedData","join","attr","String","group","on","_e","chartEvent","filter","arc","e","_b","_a","parentElement","getBoundingClientRect","dispatch","transition","duration","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","axisRight","x2","render","$$invalidate","position","getElementsByClassName","getAxisWidth","resize","querySelector","setAttribute","onMount","ResizeObserver","observe","Object","keys","parsedSvgs","remove","update","subgroup","$$value"],"mappings":"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"}
1
+ {"version":3,"file":"GroupedBarChart.js","sources":["../../../../src/components/chart/GroupedBarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n NumberValue,\n axisRight,\n } from 'd3';\n import { onMount } from 'svelte';\n import { EventHandler } from '../../utilities/EventHandler';\n import type {\n GroupedBarData,\n GroupedBarKeyValue,\n BarMargin,\n } from './grouped-bar-chart.types';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let data = '';\n let subgroups: string[];\n $: parsedData = data\n ? (JSON.parse(data) as GroupedBarData[])\n : ([] as GroupedBarData[]);\n $: groups = parsedData.map((d: GroupedBarData) => d.group);\n $: subgroups = parsedData[0]\n ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n : [];\n\n export let chartheight = '300';\n $: height = parseInt(chartheight, 10);\n\n export let backgroundcolor = '#fff';\n export let leftscalemax = 50;\n export let rightscalemax: number;\n export let color = '#0B96CC';\n export let ticknumbers = 4;\n export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n `${d}`;\n export let tickrightformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let margins: string;\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let leftScaleWidth = 0;\n let width = 0;\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' || !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getBarKeyValue(d: GroupedBarData): GroupedBarKeyValue[] {\n return subgroups.map((key) => ({\n key: key,\n value: d[key].value,\n scalePosition: d[key].scalePosition,\n color: d[key].color,\n customtooltip: d[key].customtooltip,\n }));\n }\n\n function getAxes(width: number) {\n // If there is no right scale, we only remove the right margin as the axis should continue to the edge of the chart\n const xWidth = rightscalemax\n ? width -\n (getParsedMargins(margins).left + getParsedMargins(margins).right)\n : width - getParsedMargins(margins).right;\n const x = scaleBand().domain(groups).range([0, xWidth]).padding(0.2);\n const yleft = scaleLinear().domain([0, leftscalemax]).range([height, 0]);\n const yright = scaleLinear().domain([0, rightscalemax]).range([height, 0]);\n const xSubgroup = scaleBand()\n .domain(subgroups)\n .range([0, x.bandwidth()])\n .padding(0.05);\n return { x, yleft, yright, xSubgroup };\n }\n\n function getAxisWidth(position: 'left' | 'right') {\n const { width } = chart\n .getElementsByClassName(`y-${position}-axis`)[0]\n .getBoundingClientRect();\n return width;\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n xSubgroup: ScaleBand<string>,\n yleft: ScaleLinear<number, number, never>,\n yright: ScaleLinear<number, number, never>,\n ) {\n svg\n .append('g')\n .selectAll('g')\n .data(parsedData)\n .join('g')\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => getBarKeyValue(d))\n .join('rect')\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('y', (d) => (d.scalePosition === 'right' ? yright(0) : yleft(0)))\n .attr('width', xSubgroup.bandwidth())\n .attr(\n 'height',\n (d) => height - (d.scalePosition === 'right' ? yright(0) : yleft(0)),\n )\n .style('fill', (d) => d.color || color)\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 1);\n tooltipData.show = false;\n })\n .on('mouseover', (e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 0.7);\n const { left, top, width } = (\n e.target as HTMLElement\n ).parentElement?.getBoundingClientRect() ?? {\n left: 0,\n top: 0,\n width: 0,\n };\n tooltipData = {\n show: true,\n text: chartEvent.customtooltip\n ? `${chartEvent.customtooltip}`\n : `${chartEvent.key} - ${chartEvent.value}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n\n .on('click', (_e: MouseEvent, chartEvent: GroupedBarKeyValue) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n\n svg\n .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n .transition()\n .duration(800)\n .attr('y', (d) =>\n d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value),\n )\n .attr(\n 'height',\n (d) =>\n height -\n (d.scalePosition === 'right' ? yright(+d.value) : yleft(+d.value)),\n )\n .delay((_d, i) => i * 100);\n }\n\n function updateAxes(\n x: ScaleBand<string>,\n yleft: ScaleLinear<number, number, never>,\n yright: ScaleLinear<number, number, never>,\n ) {\n svg\n .select('.x-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n svg\n .select('.y-left-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call(\n (axisLeft(yleft) as any).ticks(ticknumbers).tickFormat(tickleftformat),\n );\n\n if (rightscalemax) {\n svg\n .select('.y-right-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call(\n (axisRight(yright) as any)\n .ticks(ticknumbers)\n .tickFormat(tickrightformat),\n )\n .attr(\n 'transform',\n // Right scale should be at width minus the width of the left scale plus its marging\n `translate(${\n width - getParsedMargins(margins).left - leftScaleWidth\n },0)`,\n );\n }\n\n // x2 is the end of left scale line and should stops where right scale starts (ie: same position)\n const x2 = rightscalemax\n ? width - getParsedMargins(margins).left - leftScaleWidth\n : width - leftScaleWidth;\n svg\n .selectAll('.y-left-axis .tick line')\n .attr('stroke', '#EEEDEA')\n .attr('stroke-width', '1px')\n .attr('x2', x2);\n }\n\n function render() {\n width = getChartWidth();\n const { x, yleft, yright, xSubgroup } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n .call(axisLeft(yleft).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-left-axis')\n .attr('stroke-width', '0');\n leftScaleWidth = getAxisWidth('left');\n\n if (rightscalemax) {\n svg\n .append('g')\n .call(axisRight(yright).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-right-axis')\n .attr(\n 'transform',\n // Right scale should be at width minus the width of the left scale plus its marging\n `translate(${\n width - getParsedMargins(margins).left - leftScaleWidth\n },0)`,\n )\n .attr('stroke-width', '0');\n }\n\n addRectandles(x, xSubgroup, yleft, yright);\n }\n\n function update() {\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, yleft, yright, xSubgroup } = getAxes(width);\n updateAxes(x, yleft, yright);\n svg.selectAll('.bar').remove();\n addRectandles(x, xSubgroup, yleft, yright);\n }\n\n function resize() {\n width = getChartWidth();\n if (_data) {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, yleft, yright, xSubgroup } = getAxes(width);\n updateAxes(x, yleft, yright);\n\n svg\n .selectAll('.bar')\n .data(parsedData)\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .selectAll<SVGElement, GroupedBarKeyValue>('rect')\n .data((d) => getBarKeyValue(d))\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('width', xSubgroup.bandwidth());\n }\n }\n\n function getLegendColor(\n subgroup: string,\n parsedData: GroupedBarData[],\n ): string {\n if (parsedData.length > 0) return parsedData[0][subgroup]?.color;\n return '';\n }\n\n onMount(() => {\n const resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(chart);\n hasMounted = true;\n });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n<div class=\"legend\">\n {#each subgroups as subgroup}\n <div class=\"legend__item\">\n <svg class=\"legend__box\">\n <rect\n x=\"0\"\n y=\"0\"\n width=\"24\"\n height=\"16\"\n fill={getLegendColor(subgroup, parsedData)}\n />\n </svg>\n <span class=\"legend__title\">{subgroup}</span>\n </div>\n {/each}\n</div>\n\n{#if tooltipData.show}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n {#each parsedSvgs as svg}\n {@html svg}\n {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n .legend {\n margin-top: magic-unit-rem(1);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 magic-unit-rem(1.5);\n height: 100%;\n color: $color-grey-999;\n gap: magic-unit-rem(1);\n\n &__item {\n display: flex;\n justify-content: center;\n font-size: $size-font-04;\n align-items: center;\n }\n\n &__title {\n white-space: nowrap;\n margin: 0;\n }\n\n &__box {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: magic-unit-rem(0.25);\n height: 16px;\n width: 24px;\n }\n }\n\n .tooltip {\n height: auto;\n background-color: $color-grey-700;\n border-radius: 4px;\n color: $color-grey-000;\n text-align: center;\n padding: magic-unit-rem(0.5) 0;\n position: absolute;\n }\n\n .pattern {\n z-index: -1;\n position: absolute;\n }\n\n text {\n font-family: 'LeroyMerlin', sans-serif;\n font-size: $size-font-04;\n color: $color-grey-700;\n }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","svg_1","rect","span","set_data","t1","t1_value","t_value","text","top","left","width","dirty","t","html_tag","p","raw_value","length","i","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","subgroups","_data","chart","svg","data","$$props","chartheight","backgroundcolor","leftscalemax","rightscalemax","color","ticknumbers","tickleftformat","d","Number","tickbottomformat","tickrightformat","svgs","hasMounted","tooltipData","eventHandler","EventHandler","get_current_component","createEventDispatcher","leftScaleWidth","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","scalePosition","customtooltip","getAxes","xWidth","x","scaleBand","domain","groups","range","padding","yleft","scaleLinear","height","yright","xSubgroup","bandwidth","addRectandles","selectAll","parsedData","join","attr","String","group","on","_e","chartEvent","filter","arc","e","_b","_a","parentElement","getBoundingClientRect","dispatch","transition","duration","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","axisRight","x2","render","$$invalidate","position","getElementsByClassName","getAxisWidth","resize","querySelector","setAttribute","onMount","ResizeObserver","observe","Object","keys","parsedSvgs","remove","update","subgroup","$$value"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a as n,b as r,f as o,s as a,e as i,d as u,I as s,n as c,h as l,L as f,q as g,Q as h,v as d,w as m,a6 as p,t as y,l as x,o as T,J as v}from"../../index-48da6c1f.js";import{s as b}from"../../transform-15d69d5d.js";import{E as C}from"../../EventHandler-f7ee47ca.js";import{b as w,t as U,i as M,c as D,a as k,l as F}from"../../linear-f46d7e9e.js";import{S as Y,s as $,a as S,b as H,l as A}from"../../symbol-b05a6e2b.js";import{a as L,b as j}from"../../axis-fbc0f7b5.js";import"../../array-5b770a93.js";import"../../path-1b5da959.js";function _(t,e){let n,r;if(void 0===e)for(const e of t)null!=e&&(void 0===n?e>=e&&(n=r=e):(n>e&&(n=e),r<e&&(r=e)));else{let o=-1;for(let a of t)null!=(a=e(a,++o,t))&&(void 0===n?a>=a&&(n=r=a):(n>a&&(n=a),r<a&&(r=a)))}return[n,r]}const Z=new Date,E=new Date;function W(t,e,n,r){function o(e){return t(e=0===arguments.length?new Date:new Date(+e)),e}return o.floor=e=>(t(e=new Date(+e)),e),o.ceil=n=>(t(n=new Date(n-1)),e(n,1),t(n),n),o.round=t=>{const e=o(t),n=o.ceil(t);return t-e<n-t?e:n},o.offset=(t,n)=>(e(t=new Date(+t),null==n?1:Math.floor(n)),t),o.range=(n,r,a)=>{const i=[];if(n=o.ceil(n),a=null==a?1:Math.floor(a),!(n<r&&a>0))return i;let u;do{i.push(u=new Date(+n)),e(n,a),t(n)}while(u<n&&n<r);return i},o.filter=n=>W((e=>{if(e>=e)for(;t(e),!n(e);)e.setTime(e-1)}),((t,r)=>{if(t>=t)if(r<0)for(;++r<=0;)for(;e(t,-1),!n(t););else for(;--r>=0;)for(;e(t,1),!n(t););})),n&&(o.count=(e,r)=>(Z.setTime(+e),E.setTime(+r),t(Z),t(E),Math.floor(n(Z,E))),o.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?o.filter(r?e=>r(e)%t==0:e=>o.count(0,e)%t==0):o:null)),o}const z=W((()=>{}),((t,e)=>{t.setTime(+t+e)}),((t,e)=>e-t));z.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?W((e=>{e.setTime(Math.floor(e/t)*t)}),((e,n)=>{e.setTime(+e+n*t)}),((e,n)=>(n-e)/t)):z:null),z.range;const I=1e3,O=6e4,P=36e5,V=864e5,q=6048e5,J=2592e6,Q=31536e6,X=W((t=>{t.setTime(t-t.getMilliseconds())}),((t,e)=>{t.setTime(+t+e*I)}),((t,e)=>(e-t)/I),(t=>t.getUTCSeconds()));X.range;const B=W((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*I)}),((t,e)=>{t.setTime(+t+e*O)}),((t,e)=>(e-t)/O),(t=>t.getMinutes()));B.range;const N=W((t=>{t.setUTCSeconds(0,0)}),((t,e)=>{t.setTime(+t+e*O)}),((t,e)=>(e-t)/O),(t=>t.getUTCMinutes()));N.range;const R=W((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*I-t.getMinutes()*O)}),((t,e)=>{t.setTime(+t+e*P)}),((t,e)=>(e-t)/P),(t=>t.getHours()));R.range;const G=W((t=>{t.setUTCMinutes(0,0,0)}),((t,e)=>{t.setTime(+t+e*P)}),((t,e)=>(e-t)/P),(t=>t.getUTCHours()));G.range;const K=W((t=>t.setHours(0,0,0,0)),((t,e)=>t.setDate(t.getDate()+e)),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*O)/V),(t=>t.getDate()-1));K.range;const tt=W((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/V),(t=>t.getUTCDate()-1));tt.range;const et=W((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/V),(t=>Math.floor(t/V)));function nt(t){return W((e=>{e.setDate(e.getDate()-(e.getDay()+7-t)%7),e.setHours(0,0,0,0)}),((t,e)=>{t.setDate(t.getDate()+7*e)}),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*O)/q))}et.range;const rt=nt(0),ot=nt(1),at=nt(2),it=nt(3),ut=nt(4),st=nt(5),ct=nt(6);function lt(t){return W((e=>{e.setUTCDate(e.getUTCDate()-(e.getUTCDay()+7-t)%7),e.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+7*e)}),((t,e)=>(e-t)/q))}rt.range,ot.range,at.range,it.range,ut.range,st.range,ct.range;const ft=lt(0),gt=lt(1),ht=lt(2),dt=lt(3),mt=lt(4),pt=lt(5),yt=lt(6);ft.range,gt.range,ht.range,dt.range,mt.range,pt.range,yt.range;const xt=W((t=>{t.setDate(1),t.setHours(0,0,0,0)}),((t,e)=>{t.setMonth(t.getMonth()+e)}),((t,e)=>e.getMonth()-t.getMonth()+12*(e.getFullYear()-t.getFullYear())),(t=>t.getMonth()));xt.range;const Tt=W((t=>{t.setUTCDate(1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCMonth(t.getUTCMonth()+e)}),((t,e)=>e.getUTCMonth()-t.getUTCMonth()+12*(e.getUTCFullYear()-t.getUTCFullYear())),(t=>t.getUTCMonth()));Tt.range;const vt=W((t=>{t.setMonth(0,1),t.setHours(0,0,0,0)}),((t,e)=>{t.setFullYear(t.getFullYear()+e)}),((t,e)=>e.getFullYear()-t.getFullYear()),(t=>t.getFullYear()));vt.every=t=>isFinite(t=Math.floor(t))&&t>0?W((e=>{e.setFullYear(Math.floor(e.getFullYear()/t)*t),e.setMonth(0,1),e.setHours(0,0,0,0)}),((e,n)=>{e.setFullYear(e.getFullYear()+n*t)})):null,vt.range;const bt=W((t=>{t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCFullYear(t.getUTCFullYear()+e)}),((t,e)=>e.getUTCFullYear()-t.getUTCFullYear()),(t=>t.getUTCFullYear()));bt.every=t=>isFinite(t=Math.floor(t))&&t>0?W((e=>{e.setUTCFullYear(Math.floor(e.getUTCFullYear()/t)*t),e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)}),((e,n)=>{e.setUTCFullYear(e.getUTCFullYear()+n*t)})):null,bt.range;const[Ct,wt]=function(t,e,n,r,o,a){const i=[[X,1,I],[X,5,5e3],[X,15,15e3],[X,30,3e4],[a,1,O],[a,5,3e5],[a,15,9e5],[a,30,18e5],[o,1,P],[o,3,108e5],[o,6,216e5],[o,12,432e5],[r,1,V],[r,2,1728e5],[n,1,q],[e,1,J],[e,3,7776e6],[t,1,Q]];function u(e,n,r){const o=Math.abs(n-e)/r,a=w((([,,t])=>t)).right(i,o);if(a===i.length)return t.every(U(e/Q,n/Q,r));if(0===a)return z.every(Math.max(U(e,n,r),1));const[u,s]=i[o/i[a-1][2]<i[a][2]/o?a-1:a];return u.every(s)}return[function(t,e,n){const r=e<t;r&&([t,e]=[e,t]);const o=n&&"function"==typeof n.range?n:u(t,e,n),a=o?o.range(t,+e+1):[];return r?a.reverse():a},u]}(vt,xt,rt,K,R,B);function Ut(t){if(0<=t.y&&t.y<100){var e=new Date(-1,t.m,t.d,t.H,t.M,t.S,t.L);return e.setFullYear(t.y),e}return new Date(t.y,t.m,t.d,t.H,t.M,t.S,t.L)}function Mt(t){if(0<=t.y&&t.y<100){var e=new Date(Date.UTC(-1,t.m,t.d,t.H,t.M,t.S,t.L));return e.setUTCFullYear(t.y),e}return new Date(Date.UTC(t.y,t.m,t.d,t.H,t.M,t.S,t.L))}function Dt(t,e,n){return{y:t,m:e,d:n,H:0,M:0,S:0,L:0}}var kt,Ft,Yt,$t={"-":"",_:" ",0:"0"},St=/^\s*\d+/,Ht=/^%/,At=/[\\^$*+?|[\]().{}]/g;function Lt(t,e,n){var r=t<0?"-":"",o=(r?-t:t)+"",a=o.length;return r+(a<n?new Array(n-a+1).join(e)+o:o)}function jt(t){return t.replace(At,"\\$&")}function _t(t){return new RegExp("^(?:"+t.map(jt).join("|")+")","i")}function Zt(t){return new Map(t.map(((t,e)=>[t.toLowerCase(),e])))}function Et(t,e,n){var r=St.exec(e.slice(n,n+1));return r?(t.w=+r[0],n+r[0].length):-1}function Wt(t,e,n){var r=St.exec(e.slice(n,n+1));return r?(t.u=+r[0],n+r[0].length):-1}function zt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.U=+r[0],n+r[0].length):-1}function It(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.V=+r[0],n+r[0].length):-1}function Ot(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.W=+r[0],n+r[0].length):-1}function Pt(t,e,n){var r=St.exec(e.slice(n,n+4));return r?(t.y=+r[0],n+r[0].length):-1}function Vt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.y=+r[0]+(+r[0]>68?1900:2e3),n+r[0].length):-1}function qt(t,e,n){var r=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(e.slice(n,n+6));return r?(t.Z=r[1]?0:-(r[2]+(r[3]||"00")),n+r[0].length):-1}function Jt(t,e,n){var r=St.exec(e.slice(n,n+1));return r?(t.q=3*r[0]-3,n+r[0].length):-1}function Qt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.m=r[0]-1,n+r[0].length):-1}function Xt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.d=+r[0],n+r[0].length):-1}function Bt(t,e,n){var r=St.exec(e.slice(n,n+3));return r?(t.m=0,t.d=+r[0],n+r[0].length):-1}function Nt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.H=+r[0],n+r[0].length):-1}function Rt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.M=+r[0],n+r[0].length):-1}function Gt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.S=+r[0],n+r[0].length):-1}function Kt(t,e,n){var r=St.exec(e.slice(n,n+3));return r?(t.L=+r[0],n+r[0].length):-1}function te(t,e,n){var r=St.exec(e.slice(n,n+6));return r?(t.L=Math.floor(r[0]/1e3),n+r[0].length):-1}function ee(t,e,n){var r=Ht.exec(e.slice(n,n+1));return r?n+r[0].length:-1}function ne(t,e,n){var r=St.exec(e.slice(n));return r?(t.Q=+r[0],n+r[0].length):-1}function re(t,e,n){var r=St.exec(e.slice(n));return r?(t.s=+r[0],n+r[0].length):-1}function oe(t,e){return Lt(t.getDate(),e,2)}function ae(t,e){return Lt(t.getHours(),e,2)}function ie(t,e){return Lt(t.getHours()%12||12,e,2)}function ue(t,e){return Lt(1+K.count(vt(t),t),e,3)}function se(t,e){return Lt(t.getMilliseconds(),e,3)}function ce(t,e){return se(t,e)+"000"}function le(t,e){return Lt(t.getMonth()+1,e,2)}function fe(t,e){return Lt(t.getMinutes(),e,2)}function ge(t,e){return Lt(t.getSeconds(),e,2)}function he(t){var e=t.getDay();return 0===e?7:e}function de(t,e){return Lt(rt.count(vt(t)-1,t),e,2)}function me(t){var e=t.getDay();return e>=4||0===e?ut(t):ut.ceil(t)}function pe(t,e){return t=me(t),Lt(ut.count(vt(t),t)+(4===vt(t).getDay()),e,2)}function ye(t){return t.getDay()}function xe(t,e){return Lt(ot.count(vt(t)-1,t),e,2)}function Te(t,e){return Lt(t.getFullYear()%100,e,2)}function ve(t,e){return Lt((t=me(t)).getFullYear()%100,e,2)}function be(t,e){return Lt(t.getFullYear()%1e4,e,4)}function Ce(t,e){var n=t.getDay();return Lt((t=n>=4||0===n?ut(t):ut.ceil(t)).getFullYear()%1e4,e,4)}function we(t){var e=t.getTimezoneOffset();return(e>0?"-":(e*=-1,"+"))+Lt(e/60|0,"0",2)+Lt(e%60,"0",2)}function Ue(t,e){return Lt(t.getUTCDate(),e,2)}function Me(t,e){return Lt(t.getUTCHours(),e,2)}function De(t,e){return Lt(t.getUTCHours()%12||12,e,2)}function ke(t,e){return Lt(1+tt.count(bt(t),t),e,3)}function Fe(t,e){return Lt(t.getUTCMilliseconds(),e,3)}function Ye(t,e){return Fe(t,e)+"000"}function $e(t,e){return Lt(t.getUTCMonth()+1,e,2)}function Se(t,e){return Lt(t.getUTCMinutes(),e,2)}function He(t,e){return Lt(t.getUTCSeconds(),e,2)}function Ae(t){var e=t.getUTCDay();return 0===e?7:e}function Le(t,e){return Lt(ft.count(bt(t)-1,t),e,2)}function je(t){var e=t.getUTCDay();return e>=4||0===e?mt(t):mt.ceil(t)}function _e(t,e){return t=je(t),Lt(mt.count(bt(t),t)+(4===bt(t).getUTCDay()),e,2)}function Ze(t){return t.getUTCDay()}function Ee(t,e){return Lt(gt.count(bt(t)-1,t),e,2)}function We(t,e){return Lt(t.getUTCFullYear()%100,e,2)}function ze(t,e){return Lt((t=je(t)).getUTCFullYear()%100,e,2)}function Ie(t,e){return Lt(t.getUTCFullYear()%1e4,e,4)}function Oe(t,e){var n=t.getUTCDay();return Lt((t=n>=4||0===n?mt(t):mt.ceil(t)).getUTCFullYear()%1e4,e,4)}function Pe(){return"+0000"}function Ve(){return"%"}function qe(t){return+t}function Je(t){return Math.floor(+t/1e3)}function Qe(t){return new Date(t)}function Xe(t){return t instanceof Date?+t:+new Date(+t)}function Be(t,e,n,r,o,a,i,u,s,c){var l=D(),f=l.invert,g=l.domain,h=c(".%L"),d=c(":%S"),m=c("%I:%M"),p=c("%I %p"),y=c("%a %d"),x=c("%b %d"),T=c("%B"),v=c("%Y");function b(t){return(s(t)<t?h:u(t)<t?d:i(t)<t?m:a(t)<t?p:r(t)<t?o(t)<t?y:x:n(t)<t?T:v)(t)}return l.invert=function(t){return new Date(f(t))},l.domain=function(t){return arguments.length?g(Array.from(t,Xe)):g().map(Qe)},l.ticks=function(e){var n=g();return t(n[0],n[n.length-1],null==e?10:e)},l.tickFormat=function(t,e){return null==e?b:c(e)},l.nice=function(t){var n=g();return t&&"function"==typeof t.range||(t=e(n[0],n[n.length-1],null==t?10:t)),t?g(function(t,e){var n,r=0,o=(t=t.slice()).length-1,a=t[r],i=t[o];return i<a&&(n=r,r=o,o=n,n=a,a=i,i=n),t[r]=e.floor(a),t[o]=e.ceil(i),t}(n,t)):l},l.copy=function(){return k(l,Be(t,e,n,r,o,a,i,u,s,c))},l}function Ne(){return M.apply(Be(Ct,wt,vt,xt,rt,K,R,B,X,Ft).domain([new Date(2e3,0,1),new Date(2e3,0,2)]),arguments)}function Re(t,e,n){const r=t.slice();return r[27]=e[n],r}function Ge(t){let e;function n(t,e){return t[3].customtooltip?tn:Ke}let o=n(t),a=o(t);return{c(){e=i("div"),a.c(),l(e,"class","tooltip"),l(e,"style",`right: ${t[4].right}px; top: ${t[4].top}px;`)},m(t,n){r(t,e,n),a.m(e,null)},p(t,r){o===(o=n(t))&&a?a.p(t,r):(a.d(1),a=o(t),a&&(a.c(),a.m(e,null)))},d(t){t&&g(e),a.d()}}}function Ke(t){let e,n,o,a,u=t[3].date+"",s=t[3].value+"";return{c(){e=y(u),n=y(": "),o=i("b"),a=y(s)},m(t,i){r(t,e,i),r(t,n,i),r(t,o,i),x(o,a)},p(t,n){8&n&&u!==(u=t[3].date+"")&&T(e,u),8&n&&s!==(s=t[3].value+"")&&T(a,s)},d(t){t&&g(e),t&&g(n),t&&g(o)}}}function tn(t){let e,n=t[3].customtooltip+"";return{c(){e=y(n)},m(t,n){r(t,e,n)},p(t,r){8&r&&n!==(n=t[3].customtooltip+"")&&T(e,n)},d(t){t&&g(e)}}}function en(t){let e,n,o,a,c,f,h,d,m=t[27].title+"";return{c(){e=i("div"),n=s("svg"),o=s("rect"),c=u(),f=i("span"),h=y(m),d=u(),l(o,"x","0"),l(o,"y","0"),l(o,"width","24"),l(o,"height","16"),l(o,"fill",a=t[27].color),l(n,"class","legend__box"),l(f,"class","legend__title"),l(e,"class","legend__item")},m(t,a){r(t,e,a),x(e,n),x(n,o),x(e,c),x(e,f),x(f,h),x(e,d)},p(t,e){2&e&&a!==(a=t[27].color)&&l(o,"fill",a),2&e&&m!==(m=t[27].title+"")&&T(h,m)},d(t){t&&g(e)}}}function nn(t){let e,n,o,a,d,m=t[3].show&&Ge(t),p=t[1],y=[];for(let e=0;e<p.length;e+=1)y[e]=en(Re(t,p,e));return{c(){e=i("div"),m&&m.c(),n=u(),o=i("div");for(let t=0;t<y.length;t+=1)y[t].c();a=u(),d=s("text"),this.c=c,l(e,"class","chart"),f(e,"background-color",t[0]),l(o,"class","legend"),f(d,"display","none")},m(i,u){r(i,e,u),m&&m.m(e,null),t[10](e),r(i,n,u),r(i,o,u);for(let t=0;t<y.length;t+=1)y[t]&&y[t].m(o,null);r(i,a,u),r(i,d,u)},p(t,[n]){if(t[3].show?m?m.p(t,n):(m=Ge(t),m.c(),m.m(e,null)):m&&(m.d(1),m=null),1&n&&f(e,"background-color",t[0]),2&n){let e;for(p=t[1],e=0;e<p.length;e+=1){const r=Re(t,p,e);y[e]?y[e].p(r,n):(y[e]=en(r),y[e].c(),y[e].m(o,null))}for(;e<y.length;e+=1)y[e].d(1);y.length=p.length}},i:c,o:c,d(r){r&&g(e),m&&m.d(),t[10](null),r&&g(n),r&&g(o),h(y,r),r&&g(a),r&&g(d)}}}function rn(t,e,n){let{data:r=""}=e,{backgroundcolor:o="#fff"}=e,{height:a=300}=e,{ticknumbers:i=5}=e;const u=Yt("%d-%m-%Y");let s,c,l,f,g,h,y,x,T=!1,w=new C(d(),m()),U=[];const M={top:20,right:40,bottom:40,left:60,yAxisPadding:20};let D={date:"",value:0,show:!1,customtooltip:""};function k(){let t=b(l).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function Z(t,e){const r=new Date(e.time).toDateString(),o=e.value;n(3,D={date:r,value:parseInt(o),show:!0,customtooltip:e.customtooltip})}function E(t){const e=k(),n=t.flatMap((t=>t.points)),[r=0,o=0]=_(n,(t=>Number(t.value))),i=_(n,(t=>u(t.time)));g.domain(i),f.selectAll(".x-axis").attr("transform",`translate(${M.yAxisPadding},${a+M.bottom/2})`).call(y).attr("stroke-width","0"),h.domain([r,o]),f.selectAll(".y-axis").call(x).select(".domain").attr("stroke-width","0"),f.selectAll(".y-axis .tick line").attr("x1",M.yAxisPadding/2).attr("x2",e-M.left).attr("stroke","#EEEDEA").attr("stroke-width","1.4px")}function W(t){const e=k();g=Ne().range([0,e-M.left-M.right]),y=L(g).tickSize(0).ticks(K).ticks(i).tickPadding(5),h=F().range([a,0]),x=j(h).ticks(i),t||(f=b(l).append("svg").attr("width",e).attr("height",a+M.top+M.bottom).attr("id","svg-chart").append("g").attr("transform",`translate(${M.left/2+M.right/2},${M.top})`),f.append("g").attr("transform","translate(0,"+String(a)+")").attr("class","x-axis"),f.append("g").attr("class","y-axis")),E(c),c.forEach(((e,n)=>{t||U.push(f.append("g").append("path")),z(e,n)}))}function z(t,e){const r=t.points.map((t=>({time:u(t.time)||"",value:t.value,customtooltip:t.customtooltip})));!function(t,e,n,r){t.datum(e).attr("d",A().x((t=>g(+t.time))).y((t=>h(+t.value)))).attr("stroke",n).style("stroke-width",2.5).style("fill","none").attr("transform",`translate(${M.yAxisPadding},0)`).attr("stroke-dasharray",r||0)}(U[e],r,t.color,t.strokeDasharray),f.selectAll(`.chart__symbol-line-${e}`).remove(),function(t,e,r,o){let a=Y($);switch(r){case"circle":a=Y(H);break;case"triangle":a=Y(S)}f.selectAll().data(t).join("path").attr("d",a.size(50)).attr("opacity",1).attr("transform",(t=>`translate(${g(+t.time)+M.yAxisPadding},${h(+t.value)})`)).attr("class",`chart__symbol-line-${o}`).style("fill",e).style("cursor","pointer").on("mouseover",Z).on("mouseout",(()=>n(3,D.show=!1,D))).on("click",((t,e)=>{w.dispatch("point-clicked",e)}))}(r,t.color,t.symbol,e)}function I(){var t;if(s&&T){const e=k();null===(t=l.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`),W(!0)}}return p((()=>{new ResizeObserver(I).observe(l),n(9,T=!0)})),t.$$set=t=>{"data"in t&&n(5,r=t.data),"backgroundcolor"in t&&n(0,o=t.backgroundcolor),"height"in t&&n(6,a=t.height),"ticknumbers"in t&&n(7,i=t.ticknumbers)},t.$$.update=()=>{32&t.$$.dirty&&n(1,c=r?JSON.parse(r):[]),802&t.$$.dirty&&r.length>0&&T&&(s?r!==s&&(E(c),c.forEach(((t,e)=>z(t,e))),n(8,s=r)):(W(),n(8,s=r)))},[o,c,l,D,M,r,a,i,s,T,function(t){v[t?"unshift":"push"]((()=>{l=t,n(2,l)}))}]}kt=function(t){var e=t.dateTime,n=t.date,r=t.time,o=t.periods,a=t.days,i=t.shortDays,u=t.months,s=t.shortMonths,c=_t(o),l=Zt(o),f=_t(a),g=Zt(a),h=_t(i),d=Zt(i),m=_t(u),p=Zt(u),y=_t(s),x=Zt(s),T={a:function(t){return i[t.getDay()]},A:function(t){return a[t.getDay()]},b:function(t){return s[t.getMonth()]},B:function(t){return u[t.getMonth()]},c:null,d:oe,e:oe,f:ce,g:ve,G:Ce,H:ae,I:ie,j:ue,L:se,m:le,M:fe,p:function(t){return o[+(t.getHours()>=12)]},q:function(t){return 1+~~(t.getMonth()/3)},Q:qe,s:Je,S:ge,u:he,U:de,V:pe,w:ye,W:xe,x:null,X:null,y:Te,Y:be,Z:we,"%":Ve},v={a:function(t){return i[t.getUTCDay()]},A:function(t){return a[t.getUTCDay()]},b:function(t){return s[t.getUTCMonth()]},B:function(t){return u[t.getUTCMonth()]},c:null,d:Ue,e:Ue,f:Ye,g:ze,G:Oe,H:Me,I:De,j:ke,L:Fe,m:$e,M:Se,p:function(t){return o[+(t.getUTCHours()>=12)]},q:function(t){return 1+~~(t.getUTCMonth()/3)},Q:qe,s:Je,S:He,u:Ae,U:Le,V:_e,w:Ze,W:Ee,x:null,X:null,y:We,Y:Ie,Z:Pe,"%":Ve},b={a:function(t,e,n){var r=h.exec(e.slice(n));return r?(t.w=d.get(r[0].toLowerCase()),n+r[0].length):-1},A:function(t,e,n){var r=f.exec(e.slice(n));return r?(t.w=g.get(r[0].toLowerCase()),n+r[0].length):-1},b:function(t,e,n){var r=y.exec(e.slice(n));return r?(t.m=x.get(r[0].toLowerCase()),n+r[0].length):-1},B:function(t,e,n){var r=m.exec(e.slice(n));return r?(t.m=p.get(r[0].toLowerCase()),n+r[0].length):-1},c:function(t,n,r){return U(t,e,n,r)},d:Xt,e:Xt,f:te,g:Vt,G:Pt,H:Nt,I:Nt,j:Bt,L:Kt,m:Qt,M:Rt,p:function(t,e,n){var r=c.exec(e.slice(n));return r?(t.p=l.get(r[0].toLowerCase()),n+r[0].length):-1},q:Jt,Q:ne,s:re,S:Gt,u:Wt,U:zt,V:It,w:Et,W:Ot,x:function(t,e,r){return U(t,n,e,r)},X:function(t,e,n){return U(t,r,e,n)},y:Vt,Y:Pt,Z:qt,"%":ee};function C(t,e){return function(n){var r,o,a,i=[],u=-1,s=0,c=t.length;for(n instanceof Date||(n=new Date(+n));++u<c;)37===t.charCodeAt(u)&&(i.push(t.slice(s,u)),null!=(o=$t[r=t.charAt(++u)])?r=t.charAt(++u):o="e"===r?" ":"0",(a=e[r])&&(r=a(n,o)),i.push(r),s=u+1);return i.push(t.slice(s,u)),i.join("")}}function w(t,e){return function(n){var r,o,a=Dt(1900,void 0,1);if(U(a,t,n+="",0)!=n.length)return null;if("Q"in a)return new Date(a.Q);if("s"in a)return new Date(1e3*a.s+("L"in a?a.L:0));if(e&&!("Z"in a)&&(a.Z=0),"p"in a&&(a.H=a.H%12+12*a.p),void 0===a.m&&(a.m="q"in a?a.q:0),"V"in a){if(a.V<1||a.V>53)return null;"w"in a||(a.w=1),"Z"in a?(o=(r=Mt(Dt(a.y,0,1))).getUTCDay(),r=o>4||0===o?gt.ceil(r):gt(r),r=tt.offset(r,7*(a.V-1)),a.y=r.getUTCFullYear(),a.m=r.getUTCMonth(),a.d=r.getUTCDate()+(a.w+6)%7):(o=(r=Ut(Dt(a.y,0,1))).getDay(),r=o>4||0===o?ot.ceil(r):ot(r),r=K.offset(r,7*(a.V-1)),a.y=r.getFullYear(),a.m=r.getMonth(),a.d=r.getDate()+(a.w+6)%7)}else("W"in a||"U"in a)&&("w"in a||(a.w="u"in a?a.u%7:"W"in a?1:0),o="Z"in a?Mt(Dt(a.y,0,1)).getUTCDay():Ut(Dt(a.y,0,1)).getDay(),a.m=0,a.d="W"in a?(a.w+6)%7+7*a.W-(o+5)%7:a.w+7*a.U-(o+6)%7);return"Z"in a?(a.H+=a.Z/100|0,a.M+=a.Z%100,Mt(a)):Ut(a)}}function U(t,e,n,r){for(var o,a,i=0,u=e.length,s=n.length;i<u;){if(r>=s)return-1;if(37===(o=e.charCodeAt(i++))){if(o=e.charAt(i++),!(a=b[o in $t?e.charAt(i++):o])||(r=a(t,n,r))<0)return-1}else if(o!=n.charCodeAt(r++))return-1}return r}return T.x=C(n,T),T.X=C(r,T),T.c=C(e,T),v.x=C(n,v),v.X=C(r,v),v.c=C(e,v),{format:function(t){var e=C(t+="",T);return e.toString=function(){return t},e},parse:function(t){var e=w(t+="",!1);return e.toString=function(){return t},e},utcFormat:function(t){var e=C(t+="",v);return e.toString=function(){return t},e},utcParse:function(t){var e=w(t+="",!0);return e.toString=function(){return t},e}}}({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}),Ft=kt.format,Yt=kt.parse,kt.utcFormat,kt.utcParse;class on extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}text{font-family:"LeroyMerlin", sans-serif;font-size:14px;color:#555550}.tooltip{background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;top:0;position:absolute}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},rn,nn,a,{data:5,backgroundcolor:0,height:6,ticknumbers:7},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),o()))}static get observedAttributes(){return["data","backgroundcolor","height","ticknumbers"]}get data(){return this.$$.ctx[5]}set data(t){this.$$set({data:t}),o()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),o()}get height(){return this.$$.ctx[6]}set height(t){this.$$set({height:t}),o()}get ticknumbers(){return this.$$.ctx[7]}set ticknumbers(t){this.$$set({ticknumbers:t}),o()}}export{on as default};
1
+ import{S as t,i as e,a as n,b as r,f as o,s as a,e as i,d as u,J as s,n as c,h as l,M as f,m as g,R as h,q as d,r as m,a6 as p,v as y,k as x,y as T,K as v}from"../../index-c222d0b7.js";import{s as b}from"../../transform-15d69d5d.js";import{E as C}from"../../EventHandler-f7ee47ca.js";import{b as w,t as M,i as U,c as D,a as k,l as F}from"../../linear-f46d7e9e.js";import{S as Y,s as $,a as S,b as H,l as A}from"../../symbol-b05a6e2b.js";import{a as L,b as j}from"../../axis-fbc0f7b5.js";import"../../array-5b770a93.js";import"../../path-1b5da959.js";function _(t,e){let n,r;if(void 0===e)for(const e of t)null!=e&&(void 0===n?e>=e&&(n=r=e):(n>e&&(n=e),r<e&&(r=e)));else{let o=-1;for(let a of t)null!=(a=e(a,++o,t))&&(void 0===n?a>=a&&(n=r=a):(n>a&&(n=a),r<a&&(r=a)))}return[n,r]}const Z=new Date,E=new Date;function W(t,e,n,r){function o(e){return t(e=0===arguments.length?new Date:new Date(+e)),e}return o.floor=e=>(t(e=new Date(+e)),e),o.ceil=n=>(t(n=new Date(n-1)),e(n,1),t(n),n),o.round=t=>{const e=o(t),n=o.ceil(t);return t-e<n-t?e:n},o.offset=(t,n)=>(e(t=new Date(+t),null==n?1:Math.floor(n)),t),o.range=(n,r,a)=>{const i=[];if(n=o.ceil(n),a=null==a?1:Math.floor(a),!(n<r&&a>0))return i;let u;do{i.push(u=new Date(+n)),e(n,a),t(n)}while(u<n&&n<r);return i},o.filter=n=>W((e=>{if(e>=e)for(;t(e),!n(e);)e.setTime(e-1)}),((t,r)=>{if(t>=t)if(r<0)for(;++r<=0;)for(;e(t,-1),!n(t););else for(;--r>=0;)for(;e(t,1),!n(t););})),n&&(o.count=(e,r)=>(Z.setTime(+e),E.setTime(+r),t(Z),t(E),Math.floor(n(Z,E))),o.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?o.filter(r?e=>r(e)%t==0:e=>o.count(0,e)%t==0):o:null)),o}const z=W((()=>{}),((t,e)=>{t.setTime(+t+e)}),((t,e)=>e-t));z.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?W((e=>{e.setTime(Math.floor(e/t)*t)}),((e,n)=>{e.setTime(+e+n*t)}),((e,n)=>(n-e)/t)):z:null),z.range;const O=1e3,P=6e4,V=36e5,q=864e5,I=6048e5,J=2592e6,Q=31536e6,X=W((t=>{t.setTime(t-t.getMilliseconds())}),((t,e)=>{t.setTime(+t+e*O)}),((t,e)=>(e-t)/O),(t=>t.getUTCSeconds()));X.range;const R=W((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*O)}),((t,e)=>{t.setTime(+t+e*P)}),((t,e)=>(e-t)/P),(t=>t.getMinutes()));R.range;const B=W((t=>{t.setUTCSeconds(0,0)}),((t,e)=>{t.setTime(+t+e*P)}),((t,e)=>(e-t)/P),(t=>t.getUTCMinutes()));B.range;const N=W((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*O-t.getMinutes()*P)}),((t,e)=>{t.setTime(+t+e*V)}),((t,e)=>(e-t)/V),(t=>t.getHours()));N.range;const G=W((t=>{t.setUTCMinutes(0,0,0)}),((t,e)=>{t.setTime(+t+e*V)}),((t,e)=>(e-t)/V),(t=>t.getUTCHours()));G.range;const K=W((t=>t.setHours(0,0,0,0)),((t,e)=>t.setDate(t.getDate()+e)),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*P)/q),(t=>t.getDate()-1));K.range;const tt=W((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/q),(t=>t.getUTCDate()-1));tt.range;const et=W((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/q),(t=>Math.floor(t/q)));function nt(t){return W((e=>{e.setDate(e.getDate()-(e.getDay()+7-t)%7),e.setHours(0,0,0,0)}),((t,e)=>{t.setDate(t.getDate()+7*e)}),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*P)/I))}et.range;const rt=nt(0),ot=nt(1),at=nt(2),it=nt(3),ut=nt(4),st=nt(5),ct=nt(6);function lt(t){return W((e=>{e.setUTCDate(e.getUTCDate()-(e.getUTCDay()+7-t)%7),e.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+7*e)}),((t,e)=>(e-t)/I))}rt.range,ot.range,at.range,it.range,ut.range,st.range,ct.range;const ft=lt(0),gt=lt(1),ht=lt(2),dt=lt(3),mt=lt(4),pt=lt(5),yt=lt(6);ft.range,gt.range,ht.range,dt.range,mt.range,pt.range,yt.range;const xt=W((t=>{t.setDate(1),t.setHours(0,0,0,0)}),((t,e)=>{t.setMonth(t.getMonth()+e)}),((t,e)=>e.getMonth()-t.getMonth()+12*(e.getFullYear()-t.getFullYear())),(t=>t.getMonth()));xt.range;const Tt=W((t=>{t.setUTCDate(1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCMonth(t.getUTCMonth()+e)}),((t,e)=>e.getUTCMonth()-t.getUTCMonth()+12*(e.getUTCFullYear()-t.getUTCFullYear())),(t=>t.getUTCMonth()));Tt.range;const vt=W((t=>{t.setMonth(0,1),t.setHours(0,0,0,0)}),((t,e)=>{t.setFullYear(t.getFullYear()+e)}),((t,e)=>e.getFullYear()-t.getFullYear()),(t=>t.getFullYear()));vt.every=t=>isFinite(t=Math.floor(t))&&t>0?W((e=>{e.setFullYear(Math.floor(e.getFullYear()/t)*t),e.setMonth(0,1),e.setHours(0,0,0,0)}),((e,n)=>{e.setFullYear(e.getFullYear()+n*t)})):null,vt.range;const bt=W((t=>{t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCFullYear(t.getUTCFullYear()+e)}),((t,e)=>e.getUTCFullYear()-t.getUTCFullYear()),(t=>t.getUTCFullYear()));bt.every=t=>isFinite(t=Math.floor(t))&&t>0?W((e=>{e.setUTCFullYear(Math.floor(e.getUTCFullYear()/t)*t),e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)}),((e,n)=>{e.setUTCFullYear(e.getUTCFullYear()+n*t)})):null,bt.range;const[Ct,wt]=function(t,e,n,r,o,a){const i=[[X,1,O],[X,5,5e3],[X,15,15e3],[X,30,3e4],[a,1,P],[a,5,3e5],[a,15,9e5],[a,30,18e5],[o,1,V],[o,3,108e5],[o,6,216e5],[o,12,432e5],[r,1,q],[r,2,1728e5],[n,1,I],[e,1,J],[e,3,7776e6],[t,1,Q]];function u(e,n,r){const o=Math.abs(n-e)/r,a=w((([,,t])=>t)).right(i,o);if(a===i.length)return t.every(M(e/Q,n/Q,r));if(0===a)return z.every(Math.max(M(e,n,r),1));const[u,s]=i[o/i[a-1][2]<i[a][2]/o?a-1:a];return u.every(s)}return[function(t,e,n){const r=e<t;r&&([t,e]=[e,t]);const o=n&&"function"==typeof n.range?n:u(t,e,n),a=o?o.range(t,+e+1):[];return r?a.reverse():a},u]}(vt,xt,rt,K,N,R);function Mt(t){if(0<=t.y&&t.y<100){var e=new Date(-1,t.m,t.d,t.H,t.M,t.S,t.L);return e.setFullYear(t.y),e}return new Date(t.y,t.m,t.d,t.H,t.M,t.S,t.L)}function Ut(t){if(0<=t.y&&t.y<100){var e=new Date(Date.UTC(-1,t.m,t.d,t.H,t.M,t.S,t.L));return e.setUTCFullYear(t.y),e}return new Date(Date.UTC(t.y,t.m,t.d,t.H,t.M,t.S,t.L))}function Dt(t,e,n){return{y:t,m:e,d:n,H:0,M:0,S:0,L:0}}var kt,Ft,Yt,$t={"-":"",_:" ",0:"0"},St=/^\s*\d+/,Ht=/^%/,At=/[\\^$*+?|[\]().{}]/g;function Lt(t,e,n){var r=t<0?"-":"",o=(r?-t:t)+"",a=o.length;return r+(a<n?new Array(n-a+1).join(e)+o:o)}function jt(t){return t.replace(At,"\\$&")}function _t(t){return new RegExp("^(?:"+t.map(jt).join("|")+")","i")}function Zt(t){return new Map(t.map(((t,e)=>[t.toLowerCase(),e])))}function Et(t,e,n){var r=St.exec(e.slice(n,n+1));return r?(t.w=+r[0],n+r[0].length):-1}function Wt(t,e,n){var r=St.exec(e.slice(n,n+1));return r?(t.u=+r[0],n+r[0].length):-1}function zt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.U=+r[0],n+r[0].length):-1}function Ot(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.V=+r[0],n+r[0].length):-1}function Pt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.W=+r[0],n+r[0].length):-1}function Vt(t,e,n){var r=St.exec(e.slice(n,n+4));return r?(t.y=+r[0],n+r[0].length):-1}function qt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.y=+r[0]+(+r[0]>68?1900:2e3),n+r[0].length):-1}function It(t,e,n){var r=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(e.slice(n,n+6));return r?(t.Z=r[1]?0:-(r[2]+(r[3]||"00")),n+r[0].length):-1}function Jt(t,e,n){var r=St.exec(e.slice(n,n+1));return r?(t.q=3*r[0]-3,n+r[0].length):-1}function Qt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.m=r[0]-1,n+r[0].length):-1}function Xt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.d=+r[0],n+r[0].length):-1}function Rt(t,e,n){var r=St.exec(e.slice(n,n+3));return r?(t.m=0,t.d=+r[0],n+r[0].length):-1}function Bt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.H=+r[0],n+r[0].length):-1}function Nt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.M=+r[0],n+r[0].length):-1}function Gt(t,e,n){var r=St.exec(e.slice(n,n+2));return r?(t.S=+r[0],n+r[0].length):-1}function Kt(t,e,n){var r=St.exec(e.slice(n,n+3));return r?(t.L=+r[0],n+r[0].length):-1}function te(t,e,n){var r=St.exec(e.slice(n,n+6));return r?(t.L=Math.floor(r[0]/1e3),n+r[0].length):-1}function ee(t,e,n){var r=Ht.exec(e.slice(n,n+1));return r?n+r[0].length:-1}function ne(t,e,n){var r=St.exec(e.slice(n));return r?(t.Q=+r[0],n+r[0].length):-1}function re(t,e,n){var r=St.exec(e.slice(n));return r?(t.s=+r[0],n+r[0].length):-1}function oe(t,e){return Lt(t.getDate(),e,2)}function ae(t,e){return Lt(t.getHours(),e,2)}function ie(t,e){return Lt(t.getHours()%12||12,e,2)}function ue(t,e){return Lt(1+K.count(vt(t),t),e,3)}function se(t,e){return Lt(t.getMilliseconds(),e,3)}function ce(t,e){return se(t,e)+"000"}function le(t,e){return Lt(t.getMonth()+1,e,2)}function fe(t,e){return Lt(t.getMinutes(),e,2)}function ge(t,e){return Lt(t.getSeconds(),e,2)}function he(t){var e=t.getDay();return 0===e?7:e}function de(t,e){return Lt(rt.count(vt(t)-1,t),e,2)}function me(t){var e=t.getDay();return e>=4||0===e?ut(t):ut.ceil(t)}function pe(t,e){return t=me(t),Lt(ut.count(vt(t),t)+(4===vt(t).getDay()),e,2)}function ye(t){return t.getDay()}function xe(t,e){return Lt(ot.count(vt(t)-1,t),e,2)}function Te(t,e){return Lt(t.getFullYear()%100,e,2)}function ve(t,e){return Lt((t=me(t)).getFullYear()%100,e,2)}function be(t,e){return Lt(t.getFullYear()%1e4,e,4)}function Ce(t,e){var n=t.getDay();return Lt((t=n>=4||0===n?ut(t):ut.ceil(t)).getFullYear()%1e4,e,4)}function we(t){var e=t.getTimezoneOffset();return(e>0?"-":(e*=-1,"+"))+Lt(e/60|0,"0",2)+Lt(e%60,"0",2)}function Me(t,e){return Lt(t.getUTCDate(),e,2)}function Ue(t,e){return Lt(t.getUTCHours(),e,2)}function De(t,e){return Lt(t.getUTCHours()%12||12,e,2)}function ke(t,e){return Lt(1+tt.count(bt(t),t),e,3)}function Fe(t,e){return Lt(t.getUTCMilliseconds(),e,3)}function Ye(t,e){return Fe(t,e)+"000"}function $e(t,e){return Lt(t.getUTCMonth()+1,e,2)}function Se(t,e){return Lt(t.getUTCMinutes(),e,2)}function He(t,e){return Lt(t.getUTCSeconds(),e,2)}function Ae(t){var e=t.getUTCDay();return 0===e?7:e}function Le(t,e){return Lt(ft.count(bt(t)-1,t),e,2)}function je(t){var e=t.getUTCDay();return e>=4||0===e?mt(t):mt.ceil(t)}function _e(t,e){return t=je(t),Lt(mt.count(bt(t),t)+(4===bt(t).getUTCDay()),e,2)}function Ze(t){return t.getUTCDay()}function Ee(t,e){return Lt(gt.count(bt(t)-1,t),e,2)}function We(t,e){return Lt(t.getUTCFullYear()%100,e,2)}function ze(t,e){return Lt((t=je(t)).getUTCFullYear()%100,e,2)}function Oe(t,e){return Lt(t.getUTCFullYear()%1e4,e,4)}function Pe(t,e){var n=t.getUTCDay();return Lt((t=n>=4||0===n?mt(t):mt.ceil(t)).getUTCFullYear()%1e4,e,4)}function Ve(){return"+0000"}function qe(){return"%"}function Ie(t){return+t}function Je(t){return Math.floor(+t/1e3)}function Qe(t){return new Date(t)}function Xe(t){return t instanceof Date?+t:+new Date(+t)}function Re(t,e,n,r,o,a,i,u,s,c){var l=D(),f=l.invert,g=l.domain,h=c(".%L"),d=c(":%S"),m=c("%I:%M"),p=c("%I %p"),y=c("%a %d"),x=c("%b %d"),T=c("%B"),v=c("%Y");function b(t){return(s(t)<t?h:u(t)<t?d:i(t)<t?m:a(t)<t?p:r(t)<t?o(t)<t?y:x:n(t)<t?T:v)(t)}return l.invert=function(t){return new Date(f(t))},l.domain=function(t){return arguments.length?g(Array.from(t,Xe)):g().map(Qe)},l.ticks=function(e){var n=g();return t(n[0],n[n.length-1],null==e?10:e)},l.tickFormat=function(t,e){return null==e?b:c(e)},l.nice=function(t){var n=g();return t&&"function"==typeof t.range||(t=e(n[0],n[n.length-1],null==t?10:t)),t?g(function(t,e){var n,r=0,o=(t=t.slice()).length-1,a=t[r],i=t[o];return i<a&&(n=r,r=o,o=n,n=a,a=i,i=n),t[r]=e.floor(a),t[o]=e.ceil(i),t}(n,t)):l},l.copy=function(){return k(l,Re(t,e,n,r,o,a,i,u,s,c))},l}function Be(){return U.apply(Re(Ct,wt,vt,xt,rt,K,N,R,X,Ft).domain([new Date(2e3,0,1),new Date(2e3,0,2)]),arguments)}function Ne(t,e,n){const r=t.slice();return r[27]=e[n],r}function Ge(t){let e;function n(t,e){return t[3].customtooltip?tn:Ke}let o=n(t),a=o(t);return{c(){e=i("div"),a.c(),l(e,"class","tooltip"),l(e,"style",`right: ${t[4].right}px; top: ${t[4].top}px;`)},m(t,n){r(t,e,n),a.m(e,null)},p(t,r){o===(o=n(t))&&a?a.p(t,r):(a.d(1),a=o(t),a&&(a.c(),a.m(e,null)))},d(t){t&&g(e),a.d()}}}function Ke(t){let e,n,o,a,u=t[3].date+"",s=t[3].value+"";return{c(){e=y(u),n=y(": "),o=i("b"),a=y(s)},m(t,i){r(t,e,i),r(t,n,i),r(t,o,i),x(o,a)},p(t,n){8&n&&u!==(u=t[3].date+"")&&T(e,u),8&n&&s!==(s=t[3].value+"")&&T(a,s)},d(t){t&&g(e),t&&g(n),t&&g(o)}}}function tn(t){let e,n=t[3].customtooltip+"";return{c(){e=y(n)},m(t,n){r(t,e,n)},p(t,r){8&r&&n!==(n=t[3].customtooltip+"")&&T(e,n)},d(t){t&&g(e)}}}function en(t){let e,n,o,a,c,f,h,d,m=t[27].title+"";return{c(){e=i("div"),n=s("svg"),o=s("rect"),c=u(),f=i("span"),h=y(m),d=u(),l(o,"x","0"),l(o,"y","0"),l(o,"width","24"),l(o,"height","16"),l(o,"fill",a=t[27].color),l(n,"class","legend__box"),l(f,"class","legend__title"),l(e,"class","legend__item")},m(t,a){r(t,e,a),x(e,n),x(n,o),x(e,c),x(e,f),x(f,h),x(e,d)},p(t,e){2&e&&a!==(a=t[27].color)&&l(o,"fill",a),2&e&&m!==(m=t[27].title+"")&&T(h,m)},d(t){t&&g(e)}}}function nn(t){let e,n,o,a,d,m=t[3].show&&Ge(t),p=t[1],y=[];for(let e=0;e<p.length;e+=1)y[e]=en(Ne(t,p,e));return{c(){e=i("div"),m&&m.c(),n=u(),o=i("div");for(let t=0;t<y.length;t+=1)y[t].c();a=u(),d=s("text"),this.c=c,l(e,"class","chart"),f(e,"background-color",t[0]),l(o,"class","legend"),f(d,"display","none")},m(i,u){r(i,e,u),m&&m.m(e,null),t[10](e),r(i,n,u),r(i,o,u);for(let t=0;t<y.length;t+=1)y[t]&&y[t].m(o,null);r(i,a,u),r(i,d,u)},p(t,[n]){if(t[3].show?m?m.p(t,n):(m=Ge(t),m.c(),m.m(e,null)):m&&(m.d(1),m=null),1&n&&f(e,"background-color",t[0]),2&n){let e;for(p=t[1],e=0;e<p.length;e+=1){const r=Ne(t,p,e);y[e]?y[e].p(r,n):(y[e]=en(r),y[e].c(),y[e].m(o,null))}for(;e<y.length;e+=1)y[e].d(1);y.length=p.length}},i:c,o:c,d(r){r&&g(e),m&&m.d(),t[10](null),r&&g(n),r&&g(o),h(y,r),r&&g(a),r&&g(d)}}}function rn(t,e,n){let{data:r=""}=e,{backgroundcolor:o="#fff"}=e,{height:a=300}=e,{ticknumbers:i=5}=e;const u=Yt("%d-%m-%Y");let s,c,l,f,g,h,y,x,T=!1,w=new C(d(),m()),M=[];const U={top:20,right:40,bottom:40,left:60,yAxisPadding:20};let D={date:"",value:0,show:!1,customtooltip:""};function k(){let t=b(l).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function Z(t,e){const r=new Date(e.time).toDateString(),o=e.value;n(3,D={date:r,value:parseInt(o),show:!0,customtooltip:e.customtooltip})}function E(t){const e=k(),n=t.flatMap((t=>t.points)),[r=0,o=0]=_(n,(t=>Number(t.value))),i=_(n,(t=>u(t.time)));g.domain(i),f.selectAll(".x-axis").attr("transform",`translate(${U.yAxisPadding},${a+U.bottom/2})`).call(y).attr("stroke-width","0"),h.domain([r,o]),f.selectAll(".y-axis").call(x).select(".domain").attr("stroke-width","0"),f.selectAll(".y-axis .tick line").attr("x1",U.yAxisPadding/2).attr("x2",e-U.left).attr("stroke","#EEEDEA").attr("stroke-width","1.4px")}function W(t){const e=k();g=Be().range([0,e-U.left-U.right]),y=L(g).tickSize(0).ticks(K).ticks(i).tickPadding(5),h=F().range([a,0]),x=j(h).ticks(i),t||(f=b(l).append("svg").attr("width",e).attr("height",a+U.top+U.bottom).attr("id","svg-chart").append("g").attr("transform",`translate(${U.left/2+U.right/2},${U.top})`),f.append("g").attr("transform","translate(0,"+String(a)+")").attr("class","x-axis"),f.append("g").attr("class","y-axis")),E(c),c.forEach(((e,n)=>{t||M.push(f.append("g").append("path")),z(e,n)}))}function z(t,e){const r=t.points.map((t=>({time:u(t.time)||"",value:t.value,customtooltip:t.customtooltip})));!function(t,e,n,r){t.datum(e).attr("d",A().x((t=>g(+t.time))).y((t=>h(+t.value)))).attr("stroke",n).style("stroke-width",2.5).style("fill","none").attr("transform",`translate(${U.yAxisPadding},0)`).attr("stroke-dasharray",r||0)}(M[e],r,t.color,t.strokeDasharray),f.selectAll(`.chart__symbol-line-${e}`).remove(),function(t,e,r,o){let a=Y($);switch(r){case"circle":a=Y(H);break;case"triangle":a=Y(S)}f.selectAll().data(t).join("path").attr("d",a.size(50)).attr("opacity",1).attr("transform",(t=>`translate(${g(+t.time)+U.yAxisPadding},${h(+t.value)})`)).attr("class",`chart__symbol-line-${o}`).style("fill",e).style("cursor","pointer").on("mouseover",Z).on("mouseout",(()=>n(3,D.show=!1,D))).on("click",((t,e)=>{w.dispatch("point-clicked",e)}))}(r,t.color,t.symbol,e)}function O(){var t;if(s&&T){const e=k();null===(t=l.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`),W(!0)}}return p((()=>{new ResizeObserver(O).observe(l),n(9,T=!0)})),t.$$set=t=>{"data"in t&&n(5,r=t.data),"backgroundcolor"in t&&n(0,o=t.backgroundcolor),"height"in t&&n(6,a=t.height),"ticknumbers"in t&&n(7,i=t.ticknumbers)},t.$$.update=()=>{32&t.$$.dirty&&n(1,c=r?JSON.parse(r):[]),802&t.$$.dirty&&r.length>0&&T&&(s?r!==s&&(E(c),c.forEach(((t,e)=>z(t,e))),n(8,s=r)):(W(),n(8,s=r)))},[o,c,l,D,U,r,a,i,s,T,function(t){v[t?"unshift":"push"]((()=>{l=t,n(2,l)}))}]}kt=function(t){var e=t.dateTime,n=t.date,r=t.time,o=t.periods,a=t.days,i=t.shortDays,u=t.months,s=t.shortMonths,c=_t(o),l=Zt(o),f=_t(a),g=Zt(a),h=_t(i),d=Zt(i),m=_t(u),p=Zt(u),y=_t(s),x=Zt(s),T={a:function(t){return i[t.getDay()]},A:function(t){return a[t.getDay()]},b:function(t){return s[t.getMonth()]},B:function(t){return u[t.getMonth()]},c:null,d:oe,e:oe,f:ce,g:ve,G:Ce,H:ae,I:ie,j:ue,L:se,m:le,M:fe,p:function(t){return o[+(t.getHours()>=12)]},q:function(t){return 1+~~(t.getMonth()/3)},Q:Ie,s:Je,S:ge,u:he,U:de,V:pe,w:ye,W:xe,x:null,X:null,y:Te,Y:be,Z:we,"%":qe},v={a:function(t){return i[t.getUTCDay()]},A:function(t){return a[t.getUTCDay()]},b:function(t){return s[t.getUTCMonth()]},B:function(t){return u[t.getUTCMonth()]},c:null,d:Me,e:Me,f:Ye,g:ze,G:Pe,H:Ue,I:De,j:ke,L:Fe,m:$e,M:Se,p:function(t){return o[+(t.getUTCHours()>=12)]},q:function(t){return 1+~~(t.getUTCMonth()/3)},Q:Ie,s:Je,S:He,u:Ae,U:Le,V:_e,w:Ze,W:Ee,x:null,X:null,y:We,Y:Oe,Z:Ve,"%":qe},b={a:function(t,e,n){var r=h.exec(e.slice(n));return r?(t.w=d.get(r[0].toLowerCase()),n+r[0].length):-1},A:function(t,e,n){var r=f.exec(e.slice(n));return r?(t.w=g.get(r[0].toLowerCase()),n+r[0].length):-1},b:function(t,e,n){var r=y.exec(e.slice(n));return r?(t.m=x.get(r[0].toLowerCase()),n+r[0].length):-1},B:function(t,e,n){var r=m.exec(e.slice(n));return r?(t.m=p.get(r[0].toLowerCase()),n+r[0].length):-1},c:function(t,n,r){return M(t,e,n,r)},d:Xt,e:Xt,f:te,g:qt,G:Vt,H:Bt,I:Bt,j:Rt,L:Kt,m:Qt,M:Nt,p:function(t,e,n){var r=c.exec(e.slice(n));return r?(t.p=l.get(r[0].toLowerCase()),n+r[0].length):-1},q:Jt,Q:ne,s:re,S:Gt,u:Wt,U:zt,V:Ot,w:Et,W:Pt,x:function(t,e,r){return M(t,n,e,r)},X:function(t,e,n){return M(t,r,e,n)},y:qt,Y:Vt,Z:It,"%":ee};function C(t,e){return function(n){var r,o,a,i=[],u=-1,s=0,c=t.length;for(n instanceof Date||(n=new Date(+n));++u<c;)37===t.charCodeAt(u)&&(i.push(t.slice(s,u)),null!=(o=$t[r=t.charAt(++u)])?r=t.charAt(++u):o="e"===r?" ":"0",(a=e[r])&&(r=a(n,o)),i.push(r),s=u+1);return i.push(t.slice(s,u)),i.join("")}}function w(t,e){return function(n){var r,o,a=Dt(1900,void 0,1);if(M(a,t,n+="",0)!=n.length)return null;if("Q"in a)return new Date(a.Q);if("s"in a)return new Date(1e3*a.s+("L"in a?a.L:0));if(e&&!("Z"in a)&&(a.Z=0),"p"in a&&(a.H=a.H%12+12*a.p),void 0===a.m&&(a.m="q"in a?a.q:0),"V"in a){if(a.V<1||a.V>53)return null;"w"in a||(a.w=1),"Z"in a?(o=(r=Ut(Dt(a.y,0,1))).getUTCDay(),r=o>4||0===o?gt.ceil(r):gt(r),r=tt.offset(r,7*(a.V-1)),a.y=r.getUTCFullYear(),a.m=r.getUTCMonth(),a.d=r.getUTCDate()+(a.w+6)%7):(o=(r=Mt(Dt(a.y,0,1))).getDay(),r=o>4||0===o?ot.ceil(r):ot(r),r=K.offset(r,7*(a.V-1)),a.y=r.getFullYear(),a.m=r.getMonth(),a.d=r.getDate()+(a.w+6)%7)}else("W"in a||"U"in a)&&("w"in a||(a.w="u"in a?a.u%7:"W"in a?1:0),o="Z"in a?Ut(Dt(a.y,0,1)).getUTCDay():Mt(Dt(a.y,0,1)).getDay(),a.m=0,a.d="W"in a?(a.w+6)%7+7*a.W-(o+5)%7:a.w+7*a.U-(o+6)%7);return"Z"in a?(a.H+=a.Z/100|0,a.M+=a.Z%100,Ut(a)):Mt(a)}}function M(t,e,n,r){for(var o,a,i=0,u=e.length,s=n.length;i<u;){if(r>=s)return-1;if(37===(o=e.charCodeAt(i++))){if(o=e.charAt(i++),!(a=b[o in $t?e.charAt(i++):o])||(r=a(t,n,r))<0)return-1}else if(o!=n.charCodeAt(r++))return-1}return r}return T.x=C(n,T),T.X=C(r,T),T.c=C(e,T),v.x=C(n,v),v.X=C(r,v),v.c=C(e,v),{format:function(t){var e=C(t+="",T);return e.toString=function(){return t},e},parse:function(t){var e=w(t+="",!1);return e.toString=function(){return t},e},utcFormat:function(t){var e=C(t+="",v);return e.toString=function(){return t},e},utcParse:function(t){var e=w(t+="",!0);return e.toString=function(){return t},e}}}({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}),Ft=kt.format,Yt=kt.parse,kt.utcFormat,kt.utcParse;class on extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}text{font-family:"LeroyMerlin", sans-serif;font-size:14px;color:#555550}.tooltip{background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;top:0;position:absolute}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},rn,nn,a,{data:5,backgroundcolor:0,height:6,ticknumbers:7},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),o()))}static get observedAttributes(){return["data","backgroundcolor","height","ticknumbers"]}get data(){return this.$$.ctx[5]}set data(t){this.$$set({data:t}),o()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),o()}get height(){return this.$$.ctx[6]}set height(t){this.$$set({height:t}),o()}get ticknumbers(){return this.$$.ctx[7]}set ticknumbers(t){this.$$set({ticknumbers:t}),o()}}export{on as default};
2
2
  //# sourceMappingURL=LineChart.js.map
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a,b as s,f as r,s as o,e as l,n,h as i,L as c,q as d,a6 as p,t as h,d as u,l as m,o as x,Q as f,R as g,J as b}from"../../index-48da6c1f.js";import{s as $}from"../../transform-15d69d5d.js";import{E as y}from"../../EventHandler-f7ee47ca.js";import{S as w,s as k,b as v,a as _,c as j,l as C}from"../../symbol-b05a6e2b.js";import{a as E,t as F,c as M,s as O,p as S}from"../../path-1b5da959.js";import{l as N}from"../../linear-f46d7e9e.js";import"../../array-5b770a93.js";const T=O(S/10)/O(7*S/10),z=O(F/10)*T,A=-M(F/10)*T;var I={draw(t,e){const a=E(.8908130915292852*e),s=z*a,r=A*a;t.moveTo(0,-a),t.lineTo(s,r);for(let e=1;e<5;++e){const o=F*e/5,l=M(o),n=O(o);t.lineTo(n*a,-l*a),t.lineTo(l*s-n*r,n*s+l*r)}t.closePath()}};function P(t,e,a){const s=t.slice();return s[1]=e[a],s}function J(t){let e,a,r,o,n,p,g=t[3].title+"",b=t[3].text,$=[];for(let e=0;e<b.length;e+=1)$[e]=Y(P(t,b,e));return{c(){e=l("div"),a=l("span"),r=l("b"),o=h(g),n=u(),p=l("div");for(let t=0;t<$.length;t+=1)$[t].c();i(e,"class","chart__tooltip"),c(e,"left",t[3].left),c(e,"top",t[3].top)},m(t,l){s(t,e,l),m(e,a),m(a,r),m(r,o),m(e,n),m(e,p);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(p,null)},p(t,a){if(8&a[0]&&g!==(g=t[3].title+"")&&x(o,g),8&a[0]){let e;for(b=t[3].text,e=0;e<b.length;e+=1){const s=P(t,b,e);$[e]?$[e].p(s,a):($[e]=Y(s),$[e].c(),$[e].m(p,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}8&a[0]&&c(e,"left",t[3].left),8&a[0]&&c(e,"top",t[3].top)},d(t){t&&d(e),f($,t)}}}function R(t){let e,a,r,o,n,c,p,f=t[1].name+"",g=t[1].value+"";return{c(){e=l("div"),a=l("span"),r=h(f),o=u(),n=l("span"),c=h(g),p=u(),i(a,"class","chart__legend"),i(n,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),m(e,a),m(a,r),m(e,o),m(e,n),m(n,c),m(e,p)},p(t,e){8&e[0]&&f!==(f=t[1].name+"")&&x(r,f),8&e[0]&&g!==(g=t[1].value+"")&&x(c,g)},d(t){t&&d(e)}}}function X(t){let e,a,r,o,n=t[1].customtooltip+"";return{c(){e=l("div"),a=l("span"),r=h(n),o=u(),i(a,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),m(e,a),m(a,r),m(e,o)},p(t,e){8&e[0]&&n!==(n=t[1].customtooltip+"")&&x(r,n)},d(t){t&&d(e)}}}function Y(t){let e;function a(t,e){return t[1].customtooltip?X:R}let r=a(t),o=r(t);return{c(){o.c(),e=g()},m(t,a){o.m(t,a),s(t,e,a)},p(t,s){r===(r=a(t))&&o?o.p(t,s):(o.d(1),o=r(t),o&&(o.c(),o.m(e.parentNode,e)))},d(t){o.d(t),t&&d(e)}}}function D(t){let e,a=t[3].show&&J(t);return{c(){e=l("div"),a&&a.c(),this.c=n,i(e,"class","chart"),c(e,"background-color",t[0])},m(r,o){s(r,e,o),a&&a.m(e,null),t[11](e)},p(t,s){t[3].show?a?a.p(t,s):(a=J(t),a.c(),a.m(e,null)):a&&(a.d(1),a=null),1&s[0]&&c(e,"background-color",t[0])},i:n,o:n,d(s){s&&d(e),a&&a.d(),t[11](null)}}}function H(t,e,a){let s,r,o,{data:l=""}=e,{backgroundcolor:n="#fff"}=e,{delay:i=500}=e,{sides:c=5}=e,{levels:d=10}=e,{valuemax:h=20}=e,{scalemax:u=20}=e,{hasgrades:m=!1}=e;const x=[w(k),w(v),w(_),w(j),w(I)],f=["#605F9D","#00919F","#758992","#0B96CC"];let g,E,F=!1,M=new y(get_current_component(),createEventDispatcher()),O={left:"0px",top:"0px",text:[],title:"",show:!1},S=Math.min(window.innerWidth,window.innerHeight,400),T=Math.PI,z=2*Math.PI/c,A=.8*S/2,P={x:S/2,y:S/2};const J=(t,e)=>({x:P.x+t*Math.sin(T-e),y:P.y+t*Math.cos(T-e)}),R=(t,e)=>{const a=C().x((t=>t.x)).y((t=>t.y));e.append("path").attr("d",a(t))},X=t=>{for(let e=1,s=0;e<=t;e++,s++){const t=E.append("g").attr("stroke","#ccc"),o=e*z,l=()=>r.map(((t,a)=>{let s=t[e];if(r[0][e].name===s.name)return{name:`Serie ${a+1}`,value:s.value}}));t.on("mouseover",(e=>{t.attr("stroke-dasharray","4"),t.attr("stroke-width","4px"),a(3,O={left:e.pageX+10+"px",title:r[0][s+1].name,top:e.pageY-25+"px",text:l(),show:!0})})),t.on("mouseout",(e=>{t.attr("stroke-dasharray",0),t.attr("stroke-width","1px"),a(3,O={left:e.pageX+10+"px",top:e.pageY-25+"px",show:!1,text:[],title:""})})),t.on("click",((t,e)=>{M.dispatch("serie-clicked",e)}));const n=J(A,o);R([P,n],t)}},Y=(t,e,s)=>{let r=[];t.forEach(((t,a)=>{const s=o(t.value),l=a*(2*Math.PI/e);r.push(Object.assign(Object.assign({},J(s,l)),{value:"hihihi"}))}));const l=E.append("g").attr("stroke",f[s]).attr("stroke-width","1.5px").attr("fill-opacity","0.2").attr("fill",f[s]);l.on("mousemove",(e=>{a(3,O={left:e.pageX+10+"px",title:`Serie-${s}`,top:e.pageY-25+"px",text:t,show:!0}),l.attr("fill-opacity","0.6")})),l.on("mouseout",(t=>{a(3,O={left:"0px",top:"0px",text:[],title:"",show:!1}),l.attr("fill-opacity","0.2")})),R([...r,r[0]],l),((t,e,a)=>{E.selectAll().data(t).enter().append("path").attr("fill","#FFF").attr("stroke",e[a]).attr("stroke-width","2px").attr("d",x[a].size(50)).attr("opacity",.4).attr("transform",(t=>`translate(${t.x},${t.y})`))})(r,f,s)},D=(t,e,a,s)=>{a?s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","11px"):s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","12px")},H=(t,e)=>{const a=E.append("g").attr("class","labels");for(let s=0;s<e;s++){const e=s*z,r=t[s].name,o=J(S/2*.9,e);D(r,o,!1,a)}},q=()=>{const t=(t=>{const e=[],a=h/t;for(let s=0;s<=t;s++){const t=a*s;Number.isInteger(a)?e.push(Number(t)):e.push(t.toFixed(2))}return e})(d);((t,e)=>{for(let a=1;a<=t;a++){const s=a/t*A,r=[];for(let t=0;t<e;t++){const e=t*z;r.push(J(s,e))}const o=E.append("g").style("fill","none").attr("stroke","#CCCCCC");R([...r,r[0]],o)}})(d,c),((t,e)=>{const a=E.append("g").attr("class","radar-lines"),s=J(A,0);R([P,s],a);const r=E.append("g").attr("class","ticks");t.forEach(((t,s)=>{const o=J(s/e*A,0),l=[o,Object.assign(Object.assign({},o),{x:o.x-10})];R(l,a),m&&D(t,o,!0,r)}))})(t,d),X(c),r.forEach(((t,e)=>{Y(t,c,e),H(t,c)})),setTimeout((()=>{!function(t){X(c),t.forEach(((t,e)=>{Y(t,c,e),H(t,c)}))}(s)}),i*s.length)};return p((()=>a(10,F=!0))),t.$$set=t=>{"data"in t&&a(1,l=t.data),"backgroundcolor"in t&&a(0,n=t.backgroundcolor),"delay"in t&&a(4,i=t.delay),"sides"in t&&a(5,c=t.sides),"levels"in t&&a(6,d=t.levels),"valuemax"in t&&a(7,h=t.valuemax),"scalemax"in t&&a(8,u=t.scalemax),"hasgrades"in t&&a(9,m=t.hasgrades)},t.$$.update=()=>{2&t.$$.dirty[0]&&(s=l?JSON.parse(l):[]),2&t.$$.dirty[0]&&(r=l?JSON.parse(l):[]),256&t.$$.dirty[0]&&(o=N().domain([0,u]).range([0,A])),1030&t.$$.dirty[0]&&l.length>0&&F&&(E=$(g).append("svg").attr("width",S).attr("height",S).append("g"),q())},[n,l,g,O,i,c,d,h,u,m,F,function(t){b[t?"unshift":"push"]((()=>{g=t,a(2,g)}))}]}class q extends t{constructor(t){super();const l=document.createElement("style");l.textContent="@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:white;border:1px solid #000;border-radius:4px;min-width:152px;color:grey;padding:0.25rem 0.5rem}.chart__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}",this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},H,D,o,{data:1,backgroundcolor:0,delay:4,sides:5,levels:6,valuemax:7,scalemax:8,hasgrades:9},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","backgroundcolor","delay","sides","levels","valuemax","scalemax","hasgrades"]}get data(){return this.$$.ctx[1]}set data(t){this.$$set({data:t}),r()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[4]}set delay(t){this.$$set({delay:t}),r()}get sides(){return this.$$.ctx[5]}set sides(t){this.$$set({sides:t}),r()}get levels(){return this.$$.ctx[6]}set levels(t){this.$$set({levels:t}),r()}get valuemax(){return this.$$.ctx[7]}set valuemax(t){this.$$set({valuemax:t}),r()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),r()}get hasgrades(){return this.$$.ctx[9]}set hasgrades(t){this.$$set({hasgrades:t}),r()}}export{q as default};
1
+ import{S as t,i as e,a,b as s,f as r,s as o,e as l,n,h as i,M as c,m as d,a6 as p,v as h,d as m,k as u,y as x,R as f,T as g,K as b}from"../../index-c222d0b7.js";import{s as $}from"../../transform-15d69d5d.js";import{E as y}from"../../EventHandler-f7ee47ca.js";import{S as w,s as k,b as v,a as _,c as j,l as C}from"../../symbol-b05a6e2b.js";import{a as E,t as M,c as F,s as O,p as S}from"../../path-1b5da959.js";import{l as T}from"../../linear-f46d7e9e.js";import"../../array-5b770a93.js";const N=O(S/10)/O(7*S/10),z=O(M/10)*N,A=-F(M/10)*N;var I={draw(t,e){const a=E(.8908130915292852*e),s=z*a,r=A*a;t.moveTo(0,-a),t.lineTo(s,r);for(let e=1;e<5;++e){const o=M*e/5,l=F(o),n=O(o);t.lineTo(n*a,-l*a),t.lineTo(l*s-n*r,n*s+l*r)}t.closePath()}};function P(t,e,a){const s=t.slice();return s[1]=e[a],s}function R(t){let e,a,r,o,n,p,g=t[3].title+"",b=t[3].text,$=[];for(let e=0;e<b.length;e+=1)$[e]=D(P(t,b,e));return{c(){e=l("div"),a=l("span"),r=l("b"),o=h(g),n=m(),p=l("div");for(let t=0;t<$.length;t+=1)$[t].c();i(e,"class","chart__tooltip"),c(e,"left",t[3].left),c(e,"top",t[3].top)},m(t,l){s(t,e,l),u(e,a),u(a,r),u(r,o),u(e,n),u(e,p);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(p,null)},p(t,a){if(8&a[0]&&g!==(g=t[3].title+"")&&x(o,g),8&a[0]){let e;for(b=t[3].text,e=0;e<b.length;e+=1){const s=P(t,b,e);$[e]?$[e].p(s,a):($[e]=D(s),$[e].c(),$[e].m(p,null))}for(;e<$.length;e+=1)$[e].d(1);$.length=b.length}8&a[0]&&c(e,"left",t[3].left),8&a[0]&&c(e,"top",t[3].top)},d(t){t&&d(e),f($,t)}}}function X(t){let e,a,r,o,n,c,p,f=t[1].name+"",g=t[1].value+"";return{c(){e=l("div"),a=l("span"),r=h(f),o=m(),n=l("span"),c=h(g),p=m(),i(a,"class","chart__legend"),i(n,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),u(e,a),u(a,r),u(e,o),u(e,n),u(n,c),u(e,p)},p(t,e){8&e[0]&&f!==(f=t[1].name+"")&&x(r,f),8&e[0]&&g!==(g=t[1].value+"")&&x(c,g)},d(t){t&&d(e)}}}function Y(t){let e,a,r,o,n=t[1].customtooltip+"";return{c(){e=l("div"),a=l("span"),r=h(n),o=m(),i(a,"class","chart__elem"),i(e,"class","chart__list")},m(t,l){s(t,e,l),u(e,a),u(a,r),u(e,o)},p(t,e){8&e[0]&&n!==(n=t[1].customtooltip+"")&&x(r,n)},d(t){t&&d(e)}}}function D(t){let e;function a(t,e){return t[1].customtooltip?Y:X}let r=a(t),o=r(t);return{c(){o.c(),e=g()},m(t,a){o.m(t,a),s(t,e,a)},p(t,s){r===(r=a(t))&&o?o.p(t,s):(o.d(1),o=r(t),o&&(o.c(),o.m(e.parentNode,e)))},d(t){o.d(t),t&&d(e)}}}function H(t){let e,a=t[3].show&&R(t);return{c(){e=l("div"),a&&a.c(),this.c=n,i(e,"class","chart"),c(e,"background-color",t[0])},m(r,o){s(r,e,o),a&&a.m(e,null),t[11](e)},p(t,s){t[3].show?a?a.p(t,s):(a=R(t),a.c(),a.m(e,null)):a&&(a.d(1),a=null),1&s[0]&&c(e,"background-color",t[0])},i:n,o:n,d(s){s&&d(e),a&&a.d(),t[11](null)}}}function J(t,e,a){let s,r,o,{data:l=""}=e,{backgroundcolor:n="#fff"}=e,{delay:i=500}=e,{sides:c=5}=e,{levels:d=10}=e,{valuemax:h=20}=e,{scalemax:m=20}=e,{hasgrades:u=!1}=e;const x=[w(k),w(v),w(_),w(j),w(I)],f=["#605F9D","#00919F","#758992","#0B96CC"];let g,E,M=!1,F=new y(get_current_component(),createEventDispatcher()),O={left:"0px",top:"0px",text:[],title:"",show:!1},S=Math.min(window.innerWidth,window.innerHeight,400),N=Math.PI,z=2*Math.PI/c,A=.8*S/2,P={x:S/2,y:S/2};const R=(t,e)=>({x:P.x+t*Math.sin(N-e),y:P.y+t*Math.cos(N-e)}),X=(t,e)=>{const a=C().x((t=>t.x)).y((t=>t.y));e.append("path").attr("d",a(t))},Y=t=>{for(let e=1,s=0;e<=t;e++,s++){const t=E.append("g").attr("stroke","#ccc"),o=e*z,l=()=>r.map(((t,a)=>{let s=t[e];if(r[0][e].name===s.name)return{name:`Serie ${a+1}`,value:s.value}}));t.on("mouseover",(e=>{t.attr("stroke-dasharray","4"),t.attr("stroke-width","4px"),a(3,O={left:e.pageX+10+"px",title:r[0][s+1].name,top:e.pageY-25+"px",text:l(),show:!0})})),t.on("mouseout",(e=>{t.attr("stroke-dasharray",0),t.attr("stroke-width","1px"),a(3,O={left:e.pageX+10+"px",top:e.pageY-25+"px",show:!1,text:[],title:""})})),t.on("click",((t,e)=>{F.dispatch("serie-clicked",e)}));const n=R(A,o);X([P,n],t)}},D=(t,e,s)=>{let r=[];t.forEach(((t,a)=>{const s=o(t.value),l=a*(2*Math.PI/e);r.push(Object.assign(Object.assign({},R(s,l)),{value:"hihihi"}))}));const l=E.append("g").attr("stroke",f[s]).attr("stroke-width","1.5px").attr("fill-opacity","0.2").attr("fill",f[s]);l.on("mousemove",(e=>{a(3,O={left:e.pageX+10+"px",title:`Serie-${s}`,top:e.pageY-25+"px",text:t,show:!0}),l.attr("fill-opacity","0.6")})),l.on("mouseout",(t=>{a(3,O={left:"0px",top:"0px",text:[],title:"",show:!1}),l.attr("fill-opacity","0.2")})),X([...r,r[0]],l),((t,e,a)=>{E.selectAll().data(t).enter().append("path").attr("fill","#FFF").attr("stroke",e[a]).attr("stroke-width","2px").attr("d",x[a].size(50)).attr("opacity",.4).attr("transform",(t=>`translate(${t.x},${t.y})`))})(r,f,s)},H=(t,e,a,s)=>{a?s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","11px"):s.append("text").attr("x",e.x).attr("y",e.y).html(t).style("text-anchor","middle").attr("fill","#3A3936").style("font-size","12px")},J=(t,e)=>{const a=E.append("g").attr("class","labels");for(let s=0;s<e;s++){const e=s*z,r=t[s].name,o=R(S/2*.9,e);H(r,o,!1,a)}},B=()=>{const t=(t=>{const e=[],a=h/t;for(let s=0;s<=t;s++){const t=a*s;Number.isInteger(a)?e.push(Number(t)):e.push(t.toFixed(2))}return e})(d);((t,e)=>{for(let a=1;a<=t;a++){const s=a/t*A,r=[];for(let t=0;t<e;t++){const e=t*z;r.push(R(s,e))}const o=E.append("g").style("fill","none").attr("stroke","#CCCCCC");X([...r,r[0]],o)}})(d,c),((t,e)=>{const a=E.append("g").attr("class","radar-lines"),s=R(A,0);X([P,s],a);const r=E.append("g").attr("class","ticks");t.forEach(((t,s)=>{const o=R(s/e*A,0),l=[o,Object.assign(Object.assign({},o),{x:o.x-10})];X(l,a),u&&H(t,o,!0,r)}))})(t,d),Y(c),r.forEach(((t,e)=>{D(t,c,e),J(t,c)})),setTimeout((()=>{!function(t){Y(c),t.forEach(((t,e)=>{D(t,c,e),J(t,c)}))}(s)}),i*s.length)};return p((()=>a(10,M=!0))),t.$$set=t=>{"data"in t&&a(1,l=t.data),"backgroundcolor"in t&&a(0,n=t.backgroundcolor),"delay"in t&&a(4,i=t.delay),"sides"in t&&a(5,c=t.sides),"levels"in t&&a(6,d=t.levels),"valuemax"in t&&a(7,h=t.valuemax),"scalemax"in t&&a(8,m=t.scalemax),"hasgrades"in t&&a(9,u=t.hasgrades)},t.$$.update=()=>{2&t.$$.dirty[0]&&(s=l?JSON.parse(l):[]),2&t.$$.dirty[0]&&(r=l?JSON.parse(l):[]),256&t.$$.dirty[0]&&(o=T().domain([0,m]).range([0,A])),1030&t.$$.dirty[0]&&l.length>0&&M&&(E=$(g).append("svg").attr("width",S).attr("height",S).append("g"),B())},[n,l,g,O,i,c,d,h,m,u,M,function(t){b[t?"unshift":"push"]((()=>{g=t,a(2,g)}))}]}class B extends t{constructor(t){super();const l=document.createElement("style");l.textContent="@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.chart{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#ffffff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart__tooltip{position:absolute;width:auto;height:auto;background-color:white;border:1px solid #000;border-radius:4px;min-width:152px;color:grey;padding:0.25rem 0.5rem}.chart__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}",this.shadowRoot.appendChild(l),e(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},J,H,o,{data:1,backgroundcolor:0,delay:4,sides:5,levels:6,valuemax:7,scalemax:8,hasgrades:9},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["data","backgroundcolor","delay","sides","levels","valuemax","scalemax","hasgrades"]}get data(){return this.$$.ctx[1]}set data(t){this.$$set({data:t}),r()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),r()}get delay(){return this.$$.ctx[4]}set delay(t){this.$$set({delay:t}),r()}get sides(){return this.$$.ctx[5]}set sides(t){this.$$set({sides:t}),r()}get levels(){return this.$$.ctx[6]}set levels(t){this.$$set({levels:t}),r()}get valuemax(){return this.$$.ctx[7]}set valuemax(t){this.$$set({valuemax:t}),r()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),r()}get hasgrades(){return this.$$.ctx[9]}set hasgrades(t){this.$$set({hasgrades:t}),r()}}export{B as default};
2
2
  //# sourceMappingURL=Radar.js.map
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a as r,b as n,f as s,s as a,e as o,d as i,I as c,n as l,L as f,h as d,q as h,Q as u,v as g,w as m,a6 as p,t as x,l as b,o as $,R as k,J as y,a3 as w}from"../../index-48da6c1f.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as N,a as _}from"../../array-5b770a93.js";import{a as j,b as S}from"../../axis-fbc0f7b5.js";import{b as E}from"../../band-d7a07d2c.js";import{l as O}from"../../linear-f46d7e9e.js";function J(t,e){if((s=t.length)>1)for(var r,n,s,a=1,o=t[e[0]],i=o.length;a<s;++a)for(n=o,o=t[e[a]],r=0;r<i;++r)o[r][1]+=o[r][0]=isNaN(n[r][1])?n[r][0]:n[r][1]}function R(t){for(var e=t.length,r=new Array(e);--e>=0;)r[e]=e;return r}function z(t,e){return t[e]}function q(t){const e=[];return e.key=t,e}function C(){var t=N([]),e=R,r=J,n=z;function s(s){var a,o,i=Array.from(t.apply(this,arguments),q),c=i.length,l=-1;for(const t of s)for(a=0,++l;a<c;++a)(i[a][l]=[0,+n(t,i[a].key,l,s)]).data=t;for(a=0,o=_(e(i));a<c;++a)i[o[a]].index=a;return r(i,o),i}return s.keys=function(e){return arguments.length?(t="function"==typeof e?e:N(Array.from(e)),s):t},s.value=function(t){return arguments.length?(n="function"==typeof t?t:N(+t),s):n},s.order=function(t){return arguments.length?(e=null==t?R:"function"==typeof t?t:N(Array.from(t)),s):e},s.offset=function(t){return arguments.length?(r=null==t?J:t,s):r},s}function F(t,e,r){const n=t.slice();return n[6]=e[r],n}function I(t,e,r){const n=t.slice();return n[32]=e[r],n}function L(t){let e,r,s,a=t[3].text+"";return{c(){e=o("div"),r=x(a),d(e,"class","tooltip"),d(e,"style",s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)},m(t,s){n(t,e,s),b(e,r)},p(t,n){8&n[0]&&a!==(a=t[3].text+"")&&$(r,a),8&n[0]&&s!==(s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)&&d(e,"style",s)},d(t){t&&h(e)}}}function B(t){let e,r,s,a,l,f,u,g,m=t[32]+"";return{c(){e=o("div"),r=c("svg"),s=c("rect"),l=i(),f=o("span"),u=x(m),g=i(),d(s,"x","0"),d(s,"y","0"),d(s,"width","24"),d(s,"height","16"),d(s,"fill",a=t[1][t[32]]),d(r,"class","legend__box"),d(f,"class","legend__title"),d(e,"class","legend__item")},m(t,a){n(t,e,a),b(e,r),b(r,s),b(e,l),b(e,f),b(f,u),b(e,g)},p(t,e){18&e[0]&&a!==(a=t[1][t[32]])&&d(s,"fill",a),16&e[0]&&m!==(m=t[32]+"")&&$(u,m)},d(t){t&&h(e)}}}function D(t){let e,r,s=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,a){e.m(s,t,a),n(t,r,a)},p(t,r){32&r[0]&&s!==(s=t[6]+"")&&e.p(s)},d(t){t&&h(r),t&&e.d()}}}function H(t){let e,r,s,a,g,m,p,x,b=t[3].show&&L(t),$=t[4],k=[];for(let e=0;e<$.length;e+=1)k[e]=B(I(t,$,e));let y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=D(F(t,y,e));return{c(){e=o("div"),r=i(),b&&b.c(),s=i(),a=o("div");for(let t=0;t<k.length;t+=1)k[t].c();g=i(),m=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=i(),x=c("text"),this.c=l,f(e,"background-color",t[0]),d(a,"class","legend"),f(m,"height","0"),f(m,"width","0"),d(m,"class","pattern")},m(o,i){n(o,e,i),t[19](e),n(o,r,i),b&&b.m(o,i),n(o,s,i),n(o,a,i);for(let t=0;t<k.length;t+=1)k[t]&&k[t].m(a,null);n(o,g,i),n(o,m,i);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(m,null);n(o,p,i),n(o,x,i)},p(t,r){if(1&r[0]&&f(e,"background-color",t[0]),t[3].show?b?b.p(t,r):(b=L(t),b.c(),b.m(s.parentNode,s)):b&&(b.d(1),b=null),18&r[0]){let e;for($=t[4],e=0;e<$.length;e+=1){const n=I(t,$,e);k[e]?k[e].p(n,r):(k[e]=B(n),k[e].c(),k[e].m(a,null))}for(;e<k.length;e+=1)k[e].d(1);k.length=$.length}if(32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const n=F(t,y,e);w[e]?w[e].p(n,r):(w[e]=D(n),w[e].c(),w[e].m(m,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:l,o:l,d(n){n&&h(e),t[19](null),n&&h(r),b&&b.d(n),n&&h(s),n&&h(a),u(k,n),n&&h(g),n&&h(m),u(w,n),n&&h(p),n&&h(x)}}}function M(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function Q(t,e,r){let n,s,a,o,i,c,l,f,d,{data:h=""}=e,{chartheight:u="300"}=e,{backgroundcolor:x="#fff"}=e,{scalemax:b=50}=e,{ticknumbers:$=4}=e,{tickleftformat:k=(t=>`${Number(t)}`)}=e,{tickbottomformat:w=(t=>`${Number(t)}`)}=e,{margins:N}=e,{svgs:_}=e,{colors:J}=e,R=!1,z={show:!1,text:"",top:0,left:0,width:0},q=new A(g(),m());function F(){let t=v(f).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function I(t){return{x:E().domain(s).range([0,t-(M(N).left/2+M(N).right/2)]).padding(.2),y:O().domain([0,b]).range([o,0])}}function L(t,e){const s=C().keys(a)(n);d.append("g").selectAll("g").data(s).enter().append("g").attr("fill",(t=>c[t.key]||"black")).attr("class","bar").selectAll("rect").data((t=>t)).enter().append("rect").attr("x",(e=>t(e.data.group.toString()))).attr("y",(t=>e(t[1]))).attr("width",t.bandwidth()).attr("height",(t=>e(t[0])-e(t[1]))).style("cursor","pointer").on("mouseout",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(3,z.show=!1,z)})).on("mouseover",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:n,top:s,width:a}=t.target.getBoundingClientRect();r(3,z={show:!0,text:e.data.customtooltip?e.data.customtooltip:""+(e[1]-e[0]),left:n,top:s-50,width:a})})).on("click",((t,e)=>{q.dispatch("bar-clicked",e)}))}function B(t,e){d.select(".x-axis").call(j(t).tickFormat(w)),d.select(".y-axis").call(S(e).ticks($).tickFormat(k));const r=F();d.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function D(){var t;if(l){const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s}=I(e);B(r,s);const o=C().keys(a)(n);d.selectAll(".bar").data(o).selectAll("rect").data((t=>t)).attr("x",(t=>r(t.data.group.toString()))).attr("y",(t=>s(t[1]))).attr("width",r.bandwidth()).attr("height",(t=>s(t[0])-s(t[1])))}}return p((()=>{new ResizeObserver(D).observe(f),r(17,R=!0)})),t.$$set=t=>{"data"in t&&r(7,h=t.data),"chartheight"in t&&r(8,u=t.chartheight),"backgroundcolor"in t&&r(0,x=t.backgroundcolor),"scalemax"in t&&r(9,b=t.scalemax),"ticknumbers"in t&&r(10,$=t.ticknumbers),"tickleftformat"in t&&r(11,k=t.tickleftformat),"tickbottomformat"in t&&r(12,w=t.tickbottomformat),"margins"in t&&r(13,N=t.margins),"svgs"in t&&r(14,_=t.svgs),"colors"in t&&r(15,J=t.colors)},t.$$.update=()=>{128&t.$$.dirty[0]&&r(18,n=h?JSON.parse(h):[]),262144&t.$$.dirty[0]&&(s=n.map((t=>t.group))),262144&t.$$.dirty[0]&&r(4,a=n[0]?Object.keys(n[0]).filter((t=>"group"!==t)):[]),256&t.$$.dirty[0]&&(o=parseInt(u,10)),16384&t.$$.dirty[0]&&r(5,i=_?JSON.parse(_):[]),32768&t.$$.dirty[0]&&r(1,c=J?JSON.parse(J):{}),196736&t.$$.dirty[0]&&h.length>0&&R&&(l?h!==l&&(!function(){var t;const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:n}=I(e);B(r,n),d.selectAll(".bar").remove(),L(r,n)}(),r(16,l=h)):(!function(){const t=F(),{x:e,y:n}=I(t);r(6,d=v(f).append("svg").attr("width",t).attr("height",Number(o)+Number(M(N).top)+Number(M(N).bottom)+Number(M(N).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${M(N).left/2+M(N).right/2},${M(N).top})`)),d.append("g").attr("transform",`translate(0, ${Number(o)+Number(M(N).xAxis)})`).call(j(e)).attr("class","x-axis").attr("stroke-width","0"),d.append("g").call(S(n).ticks($).tickFormat(k)).attr("class","y-axis").attr("stroke-width","0"),L(e,n)}(),r(16,l=h)))},[x,c,f,z,a,i,d,h,u,b,$,k,w,N,_,J,l,R,n,function(t){y[t?"unshift":"push"]((()=>{f=t,r(2,f)}))}]}class W extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},Q,H,a,{data:7,chartheight:8,backgroundcolor:0,scalemax:9,ticknumbers:10,tickleftformat:11,tickbottomformat:12,margins:13,svgs:14,colors:15},null,[-1,-1]),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","tickbottomformat","margins","svgs","colors"]}get data(){return this.$$.ctx[7]}set data(t){this.$$set({data:t}),s()}get chartheight(){return this.$$.ctx[8]}set chartheight(t){this.$$set({chartheight:t}),s()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),s()}get scalemax(){return this.$$.ctx[9]}set scalemax(t){this.$$set({scalemax:t}),s()}get ticknumbers(){return this.$$.ctx[10]}set ticknumbers(t){this.$$set({ticknumbers:t}),s()}get tickleftformat(){return this.$$.ctx[11]}set tickleftformat(t){this.$$set({tickleftformat:t}),s()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),s()}get margins(){return this.$$.ctx[13]}set margins(t){this.$$set({margins:t}),s()}get svgs(){return this.$$.ctx[14]}set svgs(t){this.$$set({svgs:t}),s()}get colors(){return this.$$.ctx[15]}set colors(t){this.$$set({colors:t}),s()}}export{W as default};
1
+ import{S as t,i as e,a as r,b as n,f as s,s as a,e as o,d as i,J as c,n as l,M as f,h as d,m as h,R as u,q as g,r as m,a6 as p,v as x,k as b,y as $,T as k,K as y,a4 as w}from"../../index-c222d0b7.js";import{s as v}from"../../transform-15d69d5d.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as N,a as _}from"../../array-5b770a93.js";import{a as j,b as S}from"../../axis-fbc0f7b5.js";import{b as E}from"../../band-d7a07d2c.js";import{l as O}from"../../linear-f46d7e9e.js";function J(t,e){if((s=t.length)>1)for(var r,n,s,a=1,o=t[e[0]],i=o.length;a<s;++a)for(n=o,o=t[e[a]],r=0;r<i;++r)o[r][1]+=o[r][0]=isNaN(n[r][1])?n[r][0]:n[r][1]}function R(t){for(var e=t.length,r=new Array(e);--e>=0;)r[e]=e;return r}function z(t,e){return t[e]}function q(t){const e=[];return e.key=t,e}function C(){var t=N([]),e=R,r=J,n=z;function s(s){var a,o,i=Array.from(t.apply(this,arguments),q),c=i.length,l=-1;for(const t of s)for(a=0,++l;a<c;++a)(i[a][l]=[0,+n(t,i[a].key,l,s)]).data=t;for(a=0,o=_(e(i));a<c;++a)i[o[a]].index=a;return r(i,o),i}return s.keys=function(e){return arguments.length?(t="function"==typeof e?e:N(Array.from(e)),s):t},s.value=function(t){return arguments.length?(n="function"==typeof t?t:N(+t),s):n},s.order=function(t){return arguments.length?(e=null==t?R:"function"==typeof t?t:N(Array.from(t)),s):e},s.offset=function(t){return arguments.length?(r=null==t?J:t,s):r},s}function F(t,e,r){const n=t.slice();return n[6]=e[r],n}function I(t,e,r){const n=t.slice();return n[32]=e[r],n}function M(t){let e,r,s,a=t[3].text+"";return{c(){e=o("div"),r=x(a),d(e,"class","tooltip"),d(e,"style",s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)},m(t,s){n(t,e,s),b(e,r)},p(t,n){8&n[0]&&a!==(a=t[3].text+"")&&$(r,a),8&n[0]&&s!==(s=`top: ${t[3].top}px; left: ${t[3].left}px; width: ${t[3].width}px;`)&&d(e,"style",s)},d(t){t&&h(e)}}}function B(t){let e,r,s,a,l,f,u,g,m=t[32]+"";return{c(){e=o("div"),r=c("svg"),s=c("rect"),l=i(),f=o("span"),u=x(m),g=i(),d(s,"x","0"),d(s,"y","0"),d(s,"width","24"),d(s,"height","16"),d(s,"fill",a=t[1][t[32]]),d(r,"class","legend__box"),d(f,"class","legend__title"),d(e,"class","legend__item")},m(t,a){n(t,e,a),b(e,r),b(r,s),b(e,l),b(e,f),b(f,u),b(e,g)},p(t,e){18&e[0]&&a!==(a=t[1][t[32]])&&d(s,"fill",a),16&e[0]&&m!==(m=t[32]+"")&&$(u,m)},d(t){t&&h(e)}}}function D(t){let e,r,s=t[6]+"";return{c(){e=new w(!1),r=k(),e.a=r},m(t,a){e.m(s,t,a),n(t,r,a)},p(t,r){32&r[0]&&s!==(s=t[6]+"")&&e.p(s)},d(t){t&&h(r),t&&e.d()}}}function H(t){let e,r,s,a,g,m,p,x,b=t[3].show&&M(t),$=t[4],k=[];for(let e=0;e<$.length;e+=1)k[e]=B(I(t,$,e));let y=t[5],w=[];for(let e=0;e<y.length;e+=1)w[e]=D(F(t,y,e));return{c(){e=o("div"),r=i(),b&&b.c(),s=i(),a=o("div");for(let t=0;t<k.length;t+=1)k[t].c();g=i(),m=o("div");for(let t=0;t<w.length;t+=1)w[t].c();p=i(),x=c("text"),this.c=l,f(e,"background-color",t[0]),d(a,"class","legend"),f(m,"height","0"),f(m,"width","0"),d(m,"class","pattern")},m(o,i){n(o,e,i),t[19](e),n(o,r,i),b&&b.m(o,i),n(o,s,i),n(o,a,i);for(let t=0;t<k.length;t+=1)k[t]&&k[t].m(a,null);n(o,g,i),n(o,m,i);for(let t=0;t<w.length;t+=1)w[t]&&w[t].m(m,null);n(o,p,i),n(o,x,i)},p(t,r){if(1&r[0]&&f(e,"background-color",t[0]),t[3].show?b?b.p(t,r):(b=M(t),b.c(),b.m(s.parentNode,s)):b&&(b.d(1),b=null),18&r[0]){let e;for($=t[4],e=0;e<$.length;e+=1){const n=I(t,$,e);k[e]?k[e].p(n,r):(k[e]=B(n),k[e].c(),k[e].m(a,null))}for(;e<k.length;e+=1)k[e].d(1);k.length=$.length}if(32&r[0]){let e;for(y=t[5],e=0;e<y.length;e+=1){const n=F(t,y,e);w[e]?w[e].p(n,r):(w[e]=D(n),w[e].c(),w[e].m(m,null))}for(;e<w.length;e+=1)w[e].d(1);w.length=y.length}},i:l,o:l,d(n){n&&h(e),t[19](null),n&&h(r),b&&b.d(n),n&&h(s),n&&h(a),u(k,n),n&&h(g),n&&h(m),u(w,n),n&&h(p),n&&h(x)}}}function K(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function L(t,e,r){let n,s,a,o,i,c,l,f,d,{data:h=""}=e,{chartheight:u="300"}=e,{backgroundcolor:x="#fff"}=e,{scalemax:b=50}=e,{ticknumbers:$=4}=e,{tickleftformat:k=(t=>`${Number(t)}`)}=e,{tickbottomformat:w=(t=>`${Number(t)}`)}=e,{margins:N}=e,{svgs:_}=e,{colors:J}=e,R=!1,z={show:!1,text:"",top:0,left:0,width:0},q=new A(g(),m());function F(){let t=v(f).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function I(t){return{x:E().domain(s).range([0,t-(K(N).left/2+K(N).right/2)]).padding(.2),y:O().domain([0,b]).range([o,0])}}function M(t,e){const s=C().keys(a)(n);d.append("g").selectAll("g").data(s).enter().append("g").attr("fill",(t=>c[t.key]||"black")).attr("class","bar").selectAll("rect").data((t=>t)).enter().append("rect").attr("x",(e=>t(e.data.group.toString()))).attr("y",(t=>e(t[1]))).attr("width",t.bandwidth()).attr("height",(t=>e(t[0])-e(t[1]))).style("cursor","pointer").on("mouseout",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(3,z.show=!1,z)})).on("mouseover",((t,e)=>{d.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:n,top:s,width:a}=t.target.getBoundingClientRect();r(3,z={show:!0,text:e.data.customtooltip?e.data.customtooltip:""+(e[1]-e[0]),left:n,top:s-50,width:a})})).on("click",((t,e)=>{q.dispatch("bar-clicked",e)}))}function B(t,e){d.select(".x-axis").call(j(t).tickFormat(w)),d.select(".y-axis").call(S(e).ticks($).tickFormat(k));const r=F();d.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function D(){var t;if(l){const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s}=I(e);B(r,s);const o=C().keys(a)(n);d.selectAll(".bar").data(o).selectAll("rect").data((t=>t)).attr("x",(t=>r(t.data.group.toString()))).attr("y",(t=>s(t[1]))).attr("width",r.bandwidth()).attr("height",(t=>s(t[0])-s(t[1])))}}return p((()=>{new ResizeObserver(D).observe(f),r(17,R=!0)})),t.$$set=t=>{"data"in t&&r(7,h=t.data),"chartheight"in t&&r(8,u=t.chartheight),"backgroundcolor"in t&&r(0,x=t.backgroundcolor),"scalemax"in t&&r(9,b=t.scalemax),"ticknumbers"in t&&r(10,$=t.ticknumbers),"tickleftformat"in t&&r(11,k=t.tickleftformat),"tickbottomformat"in t&&r(12,w=t.tickbottomformat),"margins"in t&&r(13,N=t.margins),"svgs"in t&&r(14,_=t.svgs),"colors"in t&&r(15,J=t.colors)},t.$$.update=()=>{128&t.$$.dirty[0]&&r(18,n=h?JSON.parse(h):[]),262144&t.$$.dirty[0]&&(s=n.map((t=>t.group))),262144&t.$$.dirty[0]&&r(4,a=n[0]?Object.keys(n[0]).filter((t=>"group"!==t)):[]),256&t.$$.dirty[0]&&(o=parseInt(u,10)),16384&t.$$.dirty[0]&&r(5,i=_?JSON.parse(_):[]),32768&t.$$.dirty[0]&&r(1,c=J?JSON.parse(J):{}),196736&t.$$.dirty[0]&&h.length>0&&R&&(l?h!==l&&(!function(){var t;const e=F();null===(t=f.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:n}=I(e);B(r,n),d.selectAll(".bar").remove(),M(r,n)}(),r(16,l=h)):(!function(){const t=F(),{x:e,y:n}=I(t);r(6,d=v(f).append("svg").attr("width",t).attr("height",Number(o)+Number(K(N).top)+Number(K(N).bottom)+Number(K(N).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${K(N).left/2+K(N).right/2},${K(N).top})`)),d.append("g").attr("transform",`translate(0, ${Number(o)+Number(K(N).xAxis)})`).call(j(e)).attr("class","x-axis").attr("stroke-width","0"),d.append("g").call(S(n).ticks($).tickFormat(k)).attr("class","y-axis").attr("stroke-width","0"),M(e,n)}(),r(16,l=h)))},[x,c,f,z,a,i,d,h,u,b,$,k,w,N,_,J,l,R,n,function(t){y[t?"unshift":"push"]((()=>{f=t,r(2,f)}))}]}class T extends t{constructor(t){super();const o=document.createElement("style");o.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(o),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},L,H,a,{data:7,chartheight:8,backgroundcolor:0,scalemax:9,ticknumbers:10,tickleftformat:11,tickbottomformat:12,margins:13,svgs:14,colors:15},null,[-1,-1]),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","tickbottomformat","margins","svgs","colors"]}get data(){return this.$$.ctx[7]}set data(t){this.$$set({data:t}),s()}get chartheight(){return this.$$.ctx[8]}set chartheight(t){this.$$set({chartheight:t}),s()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),s()}get scalemax(){return this.$$.ctx[9]}set scalemax(t){this.$$set({scalemax:t}),s()}get ticknumbers(){return this.$$.ctx[10]}set ticknumbers(t){this.$$set({ticknumbers:t}),s()}get tickleftformat(){return this.$$.ctx[11]}set tickleftformat(t){this.$$set({tickleftformat:t}),s()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),s()}get margins(){return this.$$.ctx[13]}set margins(t){this.$$set({margins:t}),s()}get svgs(){return this.$$.ctx[14]}set svgs(t){this.$$set({svgs:t}),s()}get colors(){return this.$$.ctx[15]}set colors(t){this.$$set({colors:t}),s()}}export{T as default};
2
2
  //# sourceMappingURL=StackedBarChart.js.map