vue-data-ui 3.20.0 → 3.20.1

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 (322) hide show
  1. package/package.json +120 -120
  2. package/dist/A11yDataTable-BCbtxMU6.js +0 -45
  3. package/dist/Arrow-D6j6ocXm.js +0 -116
  4. package/dist/BaseDraggableDialog-4hDW-Rj2.js +0 -272
  5. package/dist/BaseIcon-DfLoHNUj.js +0 -502
  6. package/dist/BaseLegendToggle-C_Db-y7s.js +0 -56
  7. package/dist/BaseScanner-Dr2a1Msy.js +0 -27
  8. package/dist/BaseZoomControls-CG7hI_1P.js +0 -111
  9. package/dist/ColorPicker-Bjwxnvfh.js +0 -255
  10. package/dist/DataTable-B--IN22e.js +0 -150
  11. package/dist/Legend-Cz2uQ5gs.js +0 -114
  12. package/dist/NonSvgPenAndPaper-gLNJ1Lmr.js +0 -577
  13. package/dist/PackageVersion-xcyrdRmY.js +0 -11
  14. package/dist/PenAndPaper-DqrClVfb.js +0 -461
  15. package/dist/RecursiveCircles-D6aDPmoe.js +0 -117
  16. package/dist/RecursiveLabels-D9rfID6q.js +0 -56
  17. package/dist/RecursiveLinks-BygcpDiT.js +0 -78
  18. package/dist/Shape-BPCJfphn.js +0 -141
  19. package/dist/Slicer-SHBj0VaV.js +0 -1144
  20. package/dist/SlicerPreview-DdihbUSJ.js +0 -1668
  21. package/dist/SparkTooltip-CfE6yCad.js +0 -93
  22. package/dist/Title-NWp4qB4K.js +0 -87
  23. package/dist/Tooltip-BENq327o.js +0 -312
  24. package/dist/UserOptions-C1NgoGu6.js +0 -1411
  25. package/dist/_plugin-vue_export-helper-B3ysoDQm.js +0 -8
  26. package/dist/canvas-lib-BOP_HS11.js +0 -79
  27. package/dist/components/arrow.js +0 -2
  28. package/dist/components/vue-ui-3d-bar.js +0 -2
  29. package/dist/components/vue-ui-accordion.js +0 -2
  30. package/dist/components/vue-ui-age-pyramid.js +0 -2
  31. package/dist/components/vue-ui-annotator.js +0 -2
  32. package/dist/components/vue-ui-bullet.js +0 -2
  33. package/dist/components/vue-ui-bump.js +0 -2
  34. package/dist/components/vue-ui-candlestick.js +0 -2
  35. package/dist/components/vue-ui-carousel-table.js +0 -2
  36. package/dist/components/vue-ui-chestnut.js +0 -2
  37. package/dist/components/vue-ui-chord.js +0 -2
  38. package/dist/components/vue-ui-circle-pack.js +0 -2
  39. package/dist/components/vue-ui-cursor.js +0 -2
  40. package/dist/components/vue-ui-dag.js +0 -2
  41. package/dist/components/vue-ui-dashboard.js +0 -2
  42. package/dist/components/vue-ui-digits.js +0 -2
  43. package/dist/components/vue-ui-donut-evolution.js +0 -2
  44. package/dist/components/vue-ui-donut.js +0 -2
  45. package/dist/components/vue-ui-dumbbell.js +0 -2
  46. package/dist/components/vue-ui-flow.js +0 -2
  47. package/dist/components/vue-ui-funnel.js +0 -2
  48. package/dist/components/vue-ui-galaxy.js +0 -2
  49. package/dist/components/vue-ui-gauge.js +0 -2
  50. package/dist/components/vue-ui-geo.js +0 -2
  51. package/dist/components/vue-ui-gizmo.js +0 -2
  52. package/dist/components/vue-ui-heatmap.js +0 -2
  53. package/dist/components/vue-ui-history-plot.js +0 -2
  54. package/dist/components/vue-ui-horizontal-bar.js +0 -2
  55. package/dist/components/vue-ui-icon.js +0 -2
  56. package/dist/components/vue-ui-kpi.js +0 -2
  57. package/dist/components/vue-ui-mini-loader.js +0 -2
  58. package/dist/components/vue-ui-molecule.js +0 -2
  59. package/dist/components/vue-ui-mood-radar.js +0 -2
  60. package/dist/components/vue-ui-nested-donuts.js +0 -2
  61. package/dist/components/vue-ui-onion.js +0 -2
  62. package/dist/components/vue-ui-parallel-coordinate-plot.js +0 -2
  63. package/dist/components/vue-ui-pattern-seed.js +0 -2
  64. package/dist/components/vue-ui-pattern.js +0 -2
  65. package/dist/components/vue-ui-quadrant.js +0 -2
  66. package/dist/components/vue-ui-quick-chart.js +0 -2
  67. package/dist/components/vue-ui-radar.js +0 -2
  68. package/dist/components/vue-ui-rating.js +0 -2
  69. package/dist/components/vue-ui-relation-circle.js +0 -2
  70. package/dist/components/vue-ui-ridgeline.js +0 -2
  71. package/dist/components/vue-ui-rings.js +0 -2
  72. package/dist/components/vue-ui-scatter.js +0 -2
  73. package/dist/components/vue-ui-skeleton.js +0 -2
  74. package/dist/components/vue-ui-smiley.js +0 -2
  75. package/dist/components/vue-ui-spark-trend.js +0 -2
  76. package/dist/components/vue-ui-sparkbar.js +0 -2
  77. package/dist/components/vue-ui-sparkgauge.js +0 -2
  78. package/dist/components/vue-ui-sparkhistogram.js +0 -2
  79. package/dist/components/vue-ui-sparkline.js +0 -2
  80. package/dist/components/vue-ui-sparkstackbar.js +0 -2
  81. package/dist/components/vue-ui-stackbar.js +0 -2
  82. package/dist/components/vue-ui-stackline.js +0 -2
  83. package/dist/components/vue-ui-strip-plot.js +0 -2
  84. package/dist/components/vue-ui-table-heatmap.js +0 -2
  85. package/dist/components/vue-ui-table-sparkline.js +0 -2
  86. package/dist/components/vue-ui-table.js +0 -2
  87. package/dist/components/vue-ui-thermometer.js +0 -2
  88. package/dist/components/vue-ui-timer.js +0 -2
  89. package/dist/components/vue-ui-tiremarks.js +0 -2
  90. package/dist/components/vue-ui-treemap.js +0 -2
  91. package/dist/components/vue-ui-vertical-bar.js +0 -2
  92. package/dist/components/vue-ui-waffle.js +0 -2
  93. package/dist/components/vue-ui-wheel.js +0 -2
  94. package/dist/components/vue-ui-word-cloud.js +0 -2
  95. package/dist/components/vue-ui-world.js +0 -2
  96. package/dist/components/vue-ui-xy-canvas.js +0 -2
  97. package/dist/components/vue-ui-xy.js +0 -2
  98. package/dist/dom-to-png-BYtB4BF3.js +0 -237
  99. package/dist/exposedLib-CI8ji8G-.js +0 -19
  100. package/dist/geoProjections-Czak6Jn1.js +0 -145
  101. package/dist/img-1cKsci8e.js +0 -74
  102. package/dist/labelUtils-CUctkYoA.js +0 -19
  103. package/dist/lib-DUeYQsS0.js +0 -1882
  104. package/dist/llms.txt +0 -232
  105. package/dist/patternUtils-CS7hn6at.js +0 -258
  106. package/dist/pdf-D0eZ99cP.js +0 -90
  107. package/dist/rolldown-runtime-Dy4uBu1J.js +0 -11
  108. package/dist/style.css +0 -2
  109. package/dist/types/arrow.d.ts +0 -4
  110. package/dist/types/utils.d.ts +0 -551
  111. package/dist/types/vue-data-ui.d.ts +0 -17190
  112. package/dist/types/vue-ui-3d-bar.d.ts +0 -93
  113. package/dist/types/vue-ui-accordion.d.ts +0 -11
  114. package/dist/types/vue-ui-age-pyramid.d.ts +0 -108
  115. package/dist/types/vue-ui-annotator.d.ts +0 -34
  116. package/dist/types/vue-ui-bullet.d.ts +0 -85
  117. package/dist/types/vue-ui-bump.d.ts +0 -92
  118. package/dist/types/vue-ui-candlestick.d.ts +0 -106
  119. package/dist/types/vue-ui-carousel-table.d.ts +0 -59
  120. package/dist/types/vue-ui-chestnut.d.ts +0 -98
  121. package/dist/types/vue-ui-chord.d.ts +0 -110
  122. package/dist/types/vue-ui-circle-pack.d.ts +0 -126
  123. package/dist/types/vue-ui-cursor.d.ts +0 -9
  124. package/dist/types/vue-ui-dag.d.ts +0 -125
  125. package/dist/types/vue-ui-dashboard.d.ts +0 -68
  126. package/dist/types/vue-ui-digits.d.ts +0 -12
  127. package/dist/types/vue-ui-donut-evolution.d.ts +0 -96
  128. package/dist/types/vue-ui-donut.d.ts +0 -123
  129. package/dist/types/vue-ui-dumbbell.d.ts +0 -94
  130. package/dist/types/vue-ui-flow.d.ts +0 -106
  131. package/dist/types/vue-ui-funnel.d.ts +0 -79
  132. package/dist/types/vue-ui-galaxy.d.ts +0 -114
  133. package/dist/types/vue-ui-gauge.d.ts +0 -89
  134. package/dist/types/vue-ui-geo.d.ts +0 -94
  135. package/dist/types/vue-ui-gizmo.d.ts +0 -22
  136. package/dist/types/vue-ui-heatmap.d.ts +0 -101
  137. package/dist/types/vue-ui-history-plot.d.ts +0 -114
  138. package/dist/types/vue-ui-horizontal-bar.d.ts +0 -116
  139. package/dist/types/vue-ui-icon.d.ts +0 -15
  140. package/dist/types/vue-ui-kpi.d.ts +0 -25
  141. package/dist/types/vue-ui-mini-loader.d.ts +0 -15
  142. package/dist/types/vue-ui-molecule.d.ts +0 -112
  143. package/dist/types/vue-ui-mood-radar.d.ts +0 -92
  144. package/dist/types/vue-ui-nested-donuts.d.ts +0 -111
  145. package/dist/types/vue-ui-onion.d.ts +0 -106
  146. package/dist/types/vue-ui-parallel-coordinate-plot.d.ts +0 -125
  147. package/dist/types/vue-ui-pattern-seed.d.ts +0 -14
  148. package/dist/types/vue-ui-pattern.d.ts +0 -15
  149. package/dist/types/vue-ui-quadrant.d.ts +0 -125
  150. package/dist/types/vue-ui-quick-chart.d.ts +0 -108
  151. package/dist/types/vue-ui-radar.d.ts +0 -116
  152. package/dist/types/vue-ui-rating.d.ts +0 -42
  153. package/dist/types/vue-ui-relation-circle.d.ts +0 -92
  154. package/dist/types/vue-ui-ridgeline.d.ts +0 -106
  155. package/dist/types/vue-ui-rings.d.ts +0 -98
  156. package/dist/types/vue-ui-scatter.d.ts +0 -97
  157. package/dist/types/vue-ui-skeleton.d.ts +0 -11
  158. package/dist/types/vue-ui-smiley.d.ts +0 -28
  159. package/dist/types/vue-ui-spark-trend.d.ts +0 -19
  160. package/dist/types/vue-ui-sparkbar.d.ts +0 -49
  161. package/dist/types/vue-ui-sparkgauge.d.ts +0 -28
  162. package/dist/types/vue-ui-sparkhistogram.d.ts +0 -46
  163. package/dist/types/vue-ui-sparkline.d.ts +0 -59
  164. package/dist/types/vue-ui-sparkstackbar.d.ts +0 -60
  165. package/dist/types/vue-ui-stackbar.d.ts +0 -118
  166. package/dist/types/vue-ui-stackline.d.ts +0 -114
  167. package/dist/types/vue-ui-strip-plot.d.ts +0 -96
  168. package/dist/types/vue-ui-table-heatmap.d.ts +0 -62
  169. package/dist/types/vue-ui-table-sparkline.d.ts +0 -53
  170. package/dist/types/vue-ui-table.d.ts +0 -38
  171. package/dist/types/vue-ui-thermometer.d.ts +0 -70
  172. package/dist/types/vue-ui-timer.d.ts +0 -49
  173. package/dist/types/vue-ui-tiremarks.d.ts +0 -70
  174. package/dist/types/vue-ui-treemap.d.ts +0 -104
  175. package/dist/types/vue-ui-vertical-bar.d.ts +0 -22
  176. package/dist/types/vue-ui-waffle.d.ts +0 -101
  177. package/dist/types/vue-ui-wheel.d.ts +0 -70
  178. package/dist/types/vue-ui-word-cloud.d.ts +0 -97
  179. package/dist/types/vue-ui-world.d.ts +0 -98
  180. package/dist/types/vue-ui-xy-canvas.d.ts +0 -101
  181. package/dist/types/vue-ui-xy.d.ts +0 -146
  182. package/dist/useAutoSizeLabelsInsideViewbox-BIVntRZp.js +0 -50
  183. package/dist/useChartAccessibility-DYqac8yF.js +0 -12
  184. package/dist/useConfig-DAyQk86L.js +0 -7479
  185. package/dist/useFitSvgText-CT3nmlaS.js +0 -63
  186. package/dist/useNestedProp-CNcoy38D.js +0 -10
  187. package/dist/useObjectBindings-BI7hP-BC.js +0 -189
  188. package/dist/usePanZoom-CYU3B4T3.js +0 -157
  189. package/dist/usePrefersMotion-BC-CsqR1.js +0 -15
  190. package/dist/usePrinter-C1Gqt_Sp.js +0 -49
  191. package/dist/useResponsive-BfnK0KxU.js +0 -19
  192. package/dist/useStableElementSize-C7KADDKj.js +0 -77
  193. package/dist/useSvgExport-SVIsDot8.js +0 -755
  194. package/dist/useTableResponsive-B24Uwt2E.js +0 -24
  195. package/dist/useThemeCheck-C43Tcqmk.js +0 -24
  196. package/dist/useTimeLabelCollider-AEcY4Ioe.js +0 -57
  197. package/dist/useTimeLabels-BmBRv27Y.js +0 -272
  198. package/dist/useUserOptionState-DK-_1ddE.js +0 -15
  199. package/dist/utils.js +0 -28
  200. package/dist/vClickOutside-DUrZWttG.js +0 -13
  201. package/dist/vue-data-ui-qpQv-4uP.js +0 -274
  202. package/dist/vue-data-ui.js +0 -76
  203. package/dist/vue-ui-3d-bar-C8cputoI.js +0 -1757
  204. package/dist/vue-ui-accordion-Dw4MHKVB.js +0 -81
  205. package/dist/vue-ui-age-pyramid-Cv2Ndbb5.js +0 -1238
  206. package/dist/vue-ui-annotator-DLPUAKlm.js +0 -2899
  207. package/dist/vue-ui-bullet-DLxmtMJ9.js +0 -710
  208. package/dist/vue-ui-bump-DVaqtZbd.js +0 -1249
  209. package/dist/vue-ui-candlestick-CkApimw1.js +0 -1826
  210. package/dist/vue-ui-carousel-table-CbfIBWl3.js +0 -455
  211. package/dist/vue-ui-chestnut-CQT4nCFL.js +0 -2010
  212. package/dist/vue-ui-chord-8IjSrg6f.js +0 -1391
  213. package/dist/vue-ui-circle-pack-B1CpTtpw.js +0 -1608
  214. package/dist/vue-ui-cursor-NaTj5i2-.js +0 -283
  215. package/dist/vue-ui-dag-DH4ocx0S.js +0 -2909
  216. package/dist/vue-ui-dashboard-Ckff1yim.js +0 -513
  217. package/dist/vue-ui-digits-DwLlJqbW.js +0 -209
  218. package/dist/vue-ui-donut-DQdIdwRU.js +0 -2410
  219. package/dist/vue-ui-donut-evolution-MfM5kK6w.js +0 -1510
  220. package/dist/vue-ui-dumbbell-B2T4vlK-.js +0 -1530
  221. package/dist/vue-ui-flow-CJh6f72m.js +0 -1235
  222. package/dist/vue-ui-funnel-C9gfXNCr.js +0 -777
  223. package/dist/vue-ui-galaxy-pBR_FESJ.js +0 -1077
  224. package/dist/vue-ui-gauge-CAemxCGl.js +0 -920
  225. package/dist/vue-ui-geo-BDQqaukJ.js +0 -1516
  226. package/dist/vue-ui-gizmo-B1ppjqPj.js +0 -225
  227. package/dist/vue-ui-heatmap-BiC9xp8L.js +0 -1568
  228. package/dist/vue-ui-history-plot-iAPjlOja.js +0 -1554
  229. package/dist/vue-ui-horizontal-bar-CcgClgLg.js +0 -1681
  230. package/dist/vue-ui-kpi-CJ5oyYLS.js +0 -96
  231. package/dist/vue-ui-mini-loader-CyqBt2g4.js +0 -125
  232. package/dist/vue-ui-molecule-Cg9ZHa6b.js +0 -925
  233. package/dist/vue-ui-mood-radar-N8osOTFR.js +0 -1148
  234. package/dist/vue-ui-nested-donuts-CwH3wKgX.js +0 -1487
  235. package/dist/vue-ui-onion-C56gFjO6.js +0 -1200
  236. package/dist/vue-ui-parallel-coordinate-plot-C-jj819p.js +0 -1416
  237. package/dist/vue-ui-pattern-DKozfnVn.js +0 -154
  238. package/dist/vue-ui-pattern-seed-BB1honLm.js +0 -61
  239. package/dist/vue-ui-quadrant-DYc9xZY3.js +0 -1978
  240. package/dist/vue-ui-quick-chart-BG7kK_-q.js +0 -2469
  241. package/dist/vue-ui-radar-CgKog9Xw.js +0 -1229
  242. package/dist/vue-ui-rating-BG4lf1z8.js +0 -343
  243. package/dist/vue-ui-relation-circle-D-rUk-0P.js +0 -924
  244. package/dist/vue-ui-ridgeline-DPrlVJTW.js +0 -1622
  245. package/dist/vue-ui-rings-CIvvHHsF.js +0 -1246
  246. package/dist/vue-ui-scatter-CeBQJbGx.js +0 -2413
  247. package/dist/vue-ui-skeleton-BKoa_G6d.js +0 -2556
  248. package/dist/vue-ui-smiley-G89TxRU-.js +0 -356
  249. package/dist/vue-ui-spark-trend-DGOrPr9I.js +0 -438
  250. package/dist/vue-ui-sparkbar-BVumo-YD.js +0 -393
  251. package/dist/vue-ui-sparkgauge-BoCwdQcu.js +0 -255
  252. package/dist/vue-ui-sparkhistogram-4qXY1LXW.js +0 -560
  253. package/dist/vue-ui-sparkline-C0kzXrwI.js +0 -1507
  254. package/dist/vue-ui-sparkstackbar-DG7hz_KM.js +0 -662
  255. package/dist/vue-ui-stackbar-Dnq4l5xs.js +0 -2270
  256. package/dist/vue-ui-stackline-CaNOHQYl.js +0 -2398
  257. package/dist/vue-ui-strip-plot-D2CcJw_5.js +0 -1340
  258. package/dist/vue-ui-table-NBQrkVnO.js +0 -1338
  259. package/dist/vue-ui-table-heatmap-CCGjbSzQ.js +0 -344
  260. package/dist/vue-ui-table-sparkline-BZDkOEEl.js +0 -707
  261. package/dist/vue-ui-thermometer-BXyHOQ7T.js +0 -763
  262. package/dist/vue-ui-timer-CcLK1wbi.js +0 -439
  263. package/dist/vue-ui-tiremarks-B6txvBg-.js +0 -552
  264. package/dist/vue-ui-treemap-O3SBpD3K.js +0 -1587
  265. package/dist/vue-ui-waffle-DN5zG3b0.js +0 -1362
  266. package/dist/vue-ui-wheel-CxnJGXkX.js +0 -885
  267. package/dist/vue-ui-word-cloud-CM5yPCXb.js +0 -1656
  268. package/dist/vue-ui-world-DCPgXKxh.js +0 -14264
  269. package/dist/vue-ui-xy-canvas-BUPnRZ3C.js +0 -1787
  270. package/dist/vue-ui-xy-lfMIx0wK.js +0 -4578
  271. package/dist/vue_ui_3d_bar-C4R7o-yX.js +0 -185
  272. package/dist/vue_ui_age_pyramid-BY6c-oX_.js +0 -301
  273. package/dist/vue_ui_bullet-ClzdLoOv.js +0 -186
  274. package/dist/vue_ui_bump-Vl-zYAtG.js +0 -201
  275. package/dist/vue_ui_candlestick-J8jmJvxP.js +0 -374
  276. package/dist/vue_ui_chestnut-D2oUhad6.js +0 -305
  277. package/dist/vue_ui_chord-DPfS1Umc.js +0 -275
  278. package/dist/vue_ui_circle_pack-DZC_rdfn.js +0 -172
  279. package/dist/vue_ui_dag-TsJ_azQq.js +0 -258
  280. package/dist/vue_ui_donut-BDGqG07h.js +0 -358
  281. package/dist/vue_ui_donut_evolution-D1yAAIHr.js +0 -717
  282. package/dist/vue_ui_dumbbell-Bfe_jFyi.js +0 -304
  283. package/dist/vue_ui_flow-BewZjjKG.js +0 -238
  284. package/dist/vue_ui_funnel-_Og4EEkO.js +0 -234
  285. package/dist/vue_ui_galaxy-Ig0cc1_h.js +0 -265
  286. package/dist/vue_ui_gauge-Cf1RZc9q.js +0 -178
  287. package/dist/vue_ui_geo-B8TODs-G.js +0 -248
  288. package/dist/vue_ui_heatmap-B2BBBSWG.js +0 -319
  289. package/dist/vue_ui_history_plot-CuN63VEc.js +0 -413
  290. package/dist/vue_ui_horizontal_bar-C4J4QzXf.js +0 -341
  291. package/dist/vue_ui_molecule-CO9L59SF.js +0 -231
  292. package/dist/vue_ui_mood_radar-BA6LAKhk.js +0 -281
  293. package/dist/vue_ui_nested_donuts-B8csIoVO.js +0 -273
  294. package/dist/vue_ui_onion-1FTFFS46.js +0 -293
  295. package/dist/vue_ui_parallel_coordinate_plot-CBiOBira.js +0 -278
  296. package/dist/vue_ui_quadrant-CDSTKTJz.js +0 -428
  297. package/dist/vue_ui_quick_chart-mZBdml3Z.js +0 -139
  298. package/dist/vue_ui_radar-jafTED5j.js +0 -306
  299. package/dist/vue_ui_relation_circle-D0p4mXmv.js +0 -98
  300. package/dist/vue_ui_ridgeline-VM8_mx4J.js +0 -767
  301. package/dist/vue_ui_rings-BVgD2aMn.js +0 -320
  302. package/dist/vue_ui_scatter-I0POnicu.js +0 -479
  303. package/dist/vue_ui_spark_trend-DxVmpkmC.js +0 -82
  304. package/dist/vue_ui_sparkbar-z6qO--Kf.js +0 -64
  305. package/dist/vue_ui_sparkgauge-BX1MS3bA.js +0 -90
  306. package/dist/vue_ui_sparkhistogram-BRgvKUH6.js +0 -123
  307. package/dist/vue_ui_sparkline-auZhap6Y.js +0 -151
  308. package/dist/vue_ui_sparkstackbar-BOjuQnZd.js +0 -175
  309. package/dist/vue_ui_stackbar-COOrQQdK.js +0 -412
  310. package/dist/vue_ui_stackline-DQqKPA9z.js +0 -460
  311. package/dist/vue_ui_strip_plot-CtJe8_gq.js +0 -301
  312. package/dist/vue_ui_table_heatmap-w8vx5k6f.js +0 -80
  313. package/dist/vue_ui_table_sparkline-DAbkUrNz.js +0 -124
  314. package/dist/vue_ui_thermometer-DxgqWKlE.js +0 -123
  315. package/dist/vue_ui_tiremarks-CdEPieWV.js +0 -122
  316. package/dist/vue_ui_treemap-DoEtkRN6.js +0 -328
  317. package/dist/vue_ui_vertical_bar-CP-MKz1j.js +0 -247
  318. package/dist/vue_ui_waffle-DIARFc7g.js +0 -292
  319. package/dist/vue_ui_wheel-DZ_nR--t.js +0 -133
  320. package/dist/vue_ui_word_cloud-C-qIMNLu.js +0 -254
  321. package/dist/vue_ui_xy-BLUkWEAm.js +0 -482
  322. package/dist/vue_ui_xy_canvas-Cb6dg3eK.js +0 -408
@@ -1,4578 +0,0 @@
1
- import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
2
- import { B as t, Bt as n, Ct as r, D as i, Et as a, F as o, G as s, H as c, I as l, J as u, L as ee, Lt as d, M as te, Mt as f, Nt as p, O as ne, P as re, R as ie, Rt as ae, S as oe, T as se, X as ce, a as le, c as ue, dt as m, et as h, g as de, h as fe, ht as g, i as _, j as pe, jt as me, k as he, kt as ge, l as _e, mt as ve, n as ye, nt as be, pt as xe, r as Se, s as Ce, v, vt as we, w as Te, x as Ee, y as De, z as Oe, zt as ke } from "./lib-DUeYQsS0.js";
3
- import { n as Ae, r as je, t as Me } from "./useTimeLabels-BmBRv27Y.js";
4
- import { t as Ne } from "./useConfig-DAyQk86L.js";
5
- import { t as Pe } from "./usePrinter-C1Gqt_Sp.js";
6
- import { n as Fe, t as Ie } from "./BaseScanner-Dr2a1Msy.js";
7
- import { t as Le } from "./useSvgExport-SVIsDot8.js";
8
- import { t as Re } from "./useNestedProp-CNcoy38D.js";
9
- import { t as ze } from "./useThemeCheck-C43Tcqmk.js";
10
- import { t as Be } from "./useStableElementSize-C7KADDKj.js";
11
- import { t as Ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
12
- import { t as He } from "./img-1cKsci8e.js";
13
- import { n as Ue } from "./Title-NWp4qB4K.js";
14
- import { t as We } from "./vue_ui_xy-BLUkWEAm.js";
15
- import { t as Ge } from "./Shape-BPCJfphn.js";
16
- import { t as Ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
17
- import { t as qe } from "./SlicerPreview-DdihbUSJ.js";
18
- import { t as Je } from "./vue-ui-accordion-Dw4MHKVB.js";
19
- import { t as Ye } from "./BaseLegendToggle-C_Db-y7s.js";
20
- import { t as Xe } from "./A11yDataTable-BCbtxMU6.js";
21
- import { Fragment as y, Teleport as Ze, computed as b, createBlock as Qe, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as $e, createTextVNode as et, createVNode as tt, defineAsyncComponent as nt, getCurrentInstance as rt, guardReactiveProps as it, mergeProps as at, nextTick as ot, normalizeClass as st, normalizeProps as ct, normalizeStyle as w, onBeforeUnmount as lt, onMounted as ut, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as dt, shallowRef as ft, toDisplayString as pt, toRefs as mt, unref as k, useSlots as ht, vModelCheckbox as gt, watch as _t, watchEffect as vt, withCtx as A, withDirectives as yt } from "vue";
22
- //#region src/components/vue-ui-xy.vue
23
- var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct = ["id"], wt = { style: { position: "relative" } }, Tt = [
24
- "viewBox",
25
- "aria-label",
26
- "aria-describedby"
27
- ], Et = [
28
- "x",
29
- "y",
30
- "width",
31
- "height"
32
- ], Dt = { key: 1 }, Ot = { class: "vue-ui-xy-grid" }, kt = [
33
- "stroke",
34
- "x1",
35
- "x2",
36
- "y1",
37
- "y2"
38
- ], At = [
39
- "stroke",
40
- "x1",
41
- "x2",
42
- "y1",
43
- "y2"
44
- ], jt = { key: 1 }, Mt = [
45
- "x1",
46
- "x2",
47
- "y1",
48
- "y2",
49
- "stroke"
50
- ], Nt = [
51
- "x1",
52
- "x2",
53
- "y1",
54
- "y2",
55
- "stroke"
56
- ], Pt = [
57
- "x1",
58
- "x2",
59
- "y1",
60
- "y2",
61
- "stroke"
62
- ], Ft = { key: 3 }, It = ["d", "stroke"], Lt = { key: 4 }, Rt = ["d", "stroke"], zt = ["id"], Bt = ["stop-color"], Vt = ["stop-color"], Ht = ["stop-color"], Ut = ["id"], Wt = ["stop-color"], Gt = ["stop-color"], Kt = ["stop-color"], qt = ["id"], Jt = ["stop-color"], Yt = ["stop-color"], Xt = ["id"], Zt = ["stop-color"], Qt = ["stop-color"], $t = ["id"], en = ["stop-color"], tn = ["stop-color"], nn = { key: 0 }, rn = ["id"], an = ["stop-color", "offset"], on = [
63
- "x",
64
- "y",
65
- "height",
66
- "width",
67
- "fill"
68
- ], sn = [
69
- "x",
70
- "y",
71
- "width"
72
- ], cn = { key: 0 }, ln = [
73
- "x",
74
- "y",
75
- "height",
76
- "width",
77
- "fill"
78
- ], un = [
79
- "x",
80
- "y",
81
- "height",
82
- "width",
83
- "rx",
84
- "fill",
85
- "stroke",
86
- "stroke-width"
87
- ], dn = [
88
- "x",
89
- "y",
90
- "height",
91
- "width",
92
- "rx",
93
- "fill",
94
- "stroke",
95
- "stroke-width"
96
- ], fn = [
97
- "width",
98
- "x",
99
- "y"
100
- ], pn = [
101
- "stroke",
102
- "x1",
103
- "x2",
104
- "y1",
105
- "y2"
106
- ], mn = { key: 3 }, hn = [
107
- "x1",
108
- "x2",
109
- "y1",
110
- "y2",
111
- "stroke",
112
- "stroke-width",
113
- "stroke-dasharray"
114
- ], gn = [
115
- "x",
116
- "y",
117
- "width",
118
- "height",
119
- "stroke",
120
- "stroke-width",
121
- "stroke-linecap",
122
- "stroke-linejoin",
123
- "stroke-dasharray"
124
- ], _n = [
125
- "x1",
126
- "x2",
127
- "y1",
128
- "y2",
129
- "stroke",
130
- "stroke-width"
131
- ], vn = [
132
- "fill",
133
- "font-size",
134
- "transform"
135
- ], yn = [
136
- "x1",
137
- "x2",
138
- "y1",
139
- "y2",
140
- "stroke"
141
- ], bn = [
142
- "transform",
143
- "text-anchor",
144
- "font-size",
145
- "fill"
146
- ], xn = [
147
- "x1",
148
- "x2",
149
- "y1",
150
- "y2",
151
- "stroke"
152
- ], Sn = [
153
- "transform",
154
- "font-size",
155
- "text-anchor",
156
- "fill"
157
- ], Cn = [
158
- "width",
159
- "x",
160
- "y"
161
- ], wn = { style: { width: "100%" } }, Tn = [
162
- "d",
163
- "stroke",
164
- "stroke-width",
165
- "stroke-dasharray"
166
- ], En = [
167
- "d",
168
- "stroke",
169
- "stroke-width",
170
- "stroke-dasharray"
171
- ], Dn = { key: 6 }, On = { key: 7 }, kn = [
172
- "d",
173
- "fill",
174
- "fill-opacity"
175
- ], An = { key: 0 }, jn = ["d", "fill"], Mn = ["d", "fill"], Nn = ["d", "fill"], Pn = ["d", "fill"], Fn = [
176
- "d",
177
- "stroke",
178
- "stroke-width",
179
- "stroke-dasharray"
180
- ], In = [
181
- "d",
182
- "stroke",
183
- "stroke-width",
184
- "stroke-dasharray"
185
- ], Ln = [
186
- "d",
187
- "stroke",
188
- "stroke-width",
189
- "stroke-dasharray"
190
- ], Rn = [
191
- "d",
192
- "stroke",
193
- "stroke-width",
194
- "stroke-dasharray"
195
- ], zn = [
196
- "width",
197
- "x",
198
- "y"
199
- ], Bn = { style: { width: "100%" } }, Vn = { key: 8 }, Hn = [
200
- "text-anchor",
201
- "font-size",
202
- "transform",
203
- "fill",
204
- "stroke",
205
- "innerHTML"
206
- ], Un = [
207
- "x",
208
- "y",
209
- "font-size",
210
- "fill",
211
- "font-weight"
212
- ], Wn = { key: 9 }, Gn = [
213
- "transform",
214
- "text-anchor",
215
- "font-size",
216
- "fill",
217
- "stroke",
218
- "innerHTML"
219
- ], Kn = { key: 10 }, qn = ["x", "y"], Jn = ["innerHTML"], Yn = ["x", "y"], Xn = ["innerHTML"], Zn = [
220
- "x1",
221
- "x2",
222
- "y1",
223
- "y2",
224
- "stroke"
225
- ], Qn = { key: 11 }, $n = [
226
- "transform",
227
- "text-anchor",
228
- "font-size",
229
- "fill",
230
- "stroke",
231
- "innerHTML"
232
- ], er = { key: 12 }, tr = ["x", "y"], nr = ["innerHTML"], rr = ["x", "y"], ir = ["innerHTML"], ar = [
233
- "x1",
234
- "x2",
235
- "y1",
236
- "y2",
237
- "stroke"
238
- ], or = [
239
- "x",
240
- "y",
241
- "font-size",
242
- "fill",
243
- "innerHTML"
244
- ], sr = [
245
- "x",
246
- "y",
247
- "font-size",
248
- "fill",
249
- "innerHTML"
250
- ], cr = [
251
- "x",
252
- "y",
253
- "font-size",
254
- "fill",
255
- "innerHTML"
256
- ], lr = [
257
- "x",
258
- "y",
259
- "font-size",
260
- "fill",
261
- "innerHTML"
262
- ], ur = { key: 0 }, dr = ["id"], fr = ["fill", "stroke"], pr = [
263
- "x1",
264
- "x2",
265
- "y1",
266
- "y2",
267
- "stroke",
268
- "marker-end"
269
- ], mr = [
270
- "x1",
271
- "x2",
272
- "y1",
273
- "y2",
274
- "stroke",
275
- "marker-end"
276
- ], hr = [
277
- "x",
278
- "y",
279
- "font-size",
280
- "fill",
281
- "stroke"
282
- ], gr = [
283
- "id",
284
- "x1",
285
- "x2"
286
- ], _r = ["stop-color"], vr = ["stop-color"], yr = [
287
- "x",
288
- "y",
289
- "width",
290
- "height",
291
- "fill",
292
- "onMouseenter"
293
- ], br = [
294
- "font-size",
295
- "fill",
296
- "transform"
297
- ], xr = [
298
- "x",
299
- "y",
300
- "font-size",
301
- "fill"
302
- ], Sr = [
303
- "text-anchor",
304
- "font-size",
305
- "fill",
306
- "transform",
307
- "onClick"
308
- ], Cr = [
309
- "text-anchor",
310
- "font-size",
311
- "fill",
312
- "transform",
313
- "innerHTML",
314
- "onClick"
315
- ], wr = { key: 15 }, Tr = [
316
- "x1",
317
- "y1",
318
- "x2",
319
- "y2",
320
- "stroke",
321
- "stroke-width",
322
- "stroke-dasharray"
323
- ], Er = [
324
- "x1",
325
- "y1",
326
- "x2",
327
- "y2",
328
- "stroke",
329
- "stroke-width",
330
- "stroke-dasharray"
331
- ], Dr = [
332
- "y",
333
- "x",
334
- "width",
335
- "height",
336
- "fill"
337
- ], Or = [
338
- "id",
339
- "x",
340
- "y",
341
- "font-size",
342
- "fill",
343
- "text-anchor"
344
- ], kr = {
345
- key: 16,
346
- style: { "pointer-events": "none" }
347
- }, Ar = ["x", "y"], jr = ["innerHTML"], Mr = [
348
- "cx",
349
- "cy",
350
- "r",
351
- "fill"
352
- ], Nr = ["data-start", "data-end"], Pr = {
353
- key: 0,
354
- style: {
355
- position: "absolute",
356
- top: "100%",
357
- left: "0",
358
- width: "100%"
359
- },
360
- "data-dom-to-png-ignore": "",
361
- "aria-hidden": "true"
362
- }, Fr = {
363
- key: 5,
364
- class: "vue-data-ui-watermark"
365
- }, Ir = {
366
- class: "vue-ui-xy-tag-arrow",
367
- height: "20",
368
- viewBox: "0 0 10 20",
369
- style: {
370
- position: "absolute",
371
- right: "100%",
372
- top: "50%",
373
- transform: "translateY(-50%)"
374
- }
375
- }, Lr = ["fill"], Rr = ["innerHTML"], zr = {
376
- class: "vue-ui-xy-tag-arrow",
377
- height: "100%",
378
- viewBox: "0 0 10 20",
379
- style: {
380
- position: "absolute",
381
- left: "100%",
382
- top: "50%",
383
- transform: "translateY(-50%)"
384
- }
385
- }, Br = ["fill"], Vr = ["innerHTML"], Hr = {
386
- class: "vue-ui-xy-tag-arrow",
387
- height: "20",
388
- viewBox: "0 0 10 20",
389
- style: {
390
- position: "absolute",
391
- right: "100%",
392
- top: "50%",
393
- transform: "translateY(-50%)"
394
- }
395
- }, Ur = ["fill"], Wr = ["innerHTML"], Gr = {
396
- class: "vue-ui-xy-tag-arrow",
397
- height: "100%",
398
- viewBox: "0 0 10 20",
399
- style: {
400
- position: "absolute",
401
- left: "100%",
402
- top: "50%",
403
- transform: "translateY(-50%)"
404
- }
405
- }, Kr = ["fill"], qr = ["innerHTML"], Jr = ["id"], Yr = ["onClick", "onKeydown"], Xr = {
406
- key: 0,
407
- viewBox: "0 0 20 12",
408
- height: "1em",
409
- width: "1.43em",
410
- "aria-hidden": "true"
411
- }, Zr = ["stroke", "fill"], Qr = {
412
- key: 1,
413
- viewBox: "0 0 40 40",
414
- height: "1em",
415
- width: "1em",
416
- "aria-hidden": "true"
417
- }, $r = ["fill"], ei = ["fill"], ti = {
418
- key: 2,
419
- viewBox: "0 0 12 12",
420
- height: "1em",
421
- width: "1em",
422
- "aria-hidden": "true"
423
- }, ni = {
424
- style: {
425
- display: "flex",
426
- "flex-direction": "row",
427
- gap: "6px",
428
- "align-items": "center",
429
- "padding-left": "6px"
430
- },
431
- "data-dom-to-png-ignore": ""
432
- }, ri = ["innerHTML"], j = /* @__PURE__ */ Ke({
433
- __name: "vue-ui-xy",
434
- props: {
435
- config: {
436
- type: Object,
437
- default() {
438
- return {};
439
- }
440
- },
441
- dataset: {
442
- type: Array,
443
- default() {
444
- return [];
445
- }
446
- },
447
- selectedXIndex: {
448
- type: Number,
449
- default: void 0
450
- }
451
- },
452
- emits: [
453
- "selectTimeLabel",
454
- "selectX",
455
- "selectLegend",
456
- "zoomStart",
457
- "zoomEnd",
458
- "zoomReset",
459
- "copyAlt"
460
- ],
461
- setup(e, { expose: Ke, emit: bt }) {
462
- let j = e, ii = nt(() => import("./DataTable-B--IN22e.js")), ai = nt(() => import("./Tooltip-BENq327o.js")), oi = nt(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), si = nt(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), ci = nt(() => import("./vue-ui-table-sparkline-BZDkOEEl.js").then((e) => e.n)), li = nt(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), ui = nt(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), di = nt(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), fi = bt, pi = ht(), mi = rt(), { vue_ui_xy: hi } = Ne(), { isThemeValid: gi, warnInvalidTheme: _i } = ze(), vi = E(null), yi = E(null), bi = E(null), xi = E(null), Si = E(null), Ci = E(null), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(0), M = E(null), Ni = E(!0), Pi = E(600), N = E(1e3), Fi = E("0 0 1000 600"), Ii = E({
463
- x: 0,
464
- y: 0
465
- }), Li = E({
466
- line: "line",
467
- bar: "bar",
468
- plot: "plot"
469
- }), Ri = E(!1), zi = E(!1), Bi = E(!1), Vi = E(null), P = E([]), F = E(c()), Hi = E(0), Ui = E(0), Wi = E(0), Gi = E(!0), Ki = E(0), I = E(null), qi = E(!1), Ji = E(!0), Yi = E(!0), L = E(null), Xi = E({}), Zi = E(null), Qi = E(!1), $i = E(null), ea = E(!1), ta = E(!1), na = E(null), R = E(null), ra = E(null), ia = E({
470
- x: 0,
471
- y: 0
472
- }), aa = ft(null), oa = E(!1), sa = E(0), ca = E(0), la = Be({
473
- elementRef: aa,
474
- minimumWidth: 2,
475
- minimumHeight: 2,
476
- stableFramesRequired: 2,
477
- once: !1,
478
- onSizeAccepted: () => {
479
- fa();
480
- }
481
- });
482
- function ua() {
483
- aa.value = vi.value?.parentNode ?? null;
484
- }
485
- function da() {
486
- return new Promise((e) => {
487
- requestAnimationFrame(() => {
488
- requestAnimationFrame(e);
489
- });
490
- });
491
- }
492
- async function fa() {
493
- let e = ++ca.value;
494
- oa.value = !1, await ot(), await da(), await da(), e === ca.value && (sa.value += 1, oa.value = !0);
495
- }
496
- let pa = b(() => ({
497
- height: Pi.value,
498
- width: N.value
499
- }));
500
- function ma(e) {
501
- return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
502
- }
503
- function ha(e, t, n = 0) {
504
- return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
505
- }
506
- let ga = E(!1), _a = E(null), va = E(null), z = E({
507
- xAxis: 18,
508
- yAxis: 12,
509
- dataLabels: 20,
510
- plotLabels: 10
511
- }), ya = E({
512
- plot: 3,
513
- line: 3
514
- });
515
- ut(() => {
516
- Qi.value = !0, j.dataset.length && j.dataset.forEach((e, t) => {
517
- [null, void 0].includes(e.series) && ce({
518
- componentName: "VueUiXy",
519
- type: "datasetSerieAttribute",
520
- property: "series (number[])",
521
- index: t,
522
- debug: Ta.value
523
- });
524
- }), ua(), la.start(), fa();
525
- });
526
- function ba() {
527
- if (!Object.keys(j.config || {}).length) return hi;
528
- let e = Re({
529
- userConfig: j.config,
530
- defaultConfig: hi
531
- });
532
- j.config && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea : e.chart.highlightArea = [j.config.chart.highlightArea]), j.config && m(j.config, "chart.annotations") && Array.isArray(j.config.chart.annotations) && j.config.chart.annotations.length ? e.chart.annotations = j.config.chart.annotations.map((e) => Re({
533
- defaultConfig: hi.chart.annotations[0],
534
- userConfig: e
535
- })) : e.chart.annotations = [], j.config && m(j.config, "chart.grid.position") && j.config.chart.grid.position === "start" && j.dataset.length && j.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", m(j.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), j.config && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea.map((e) => xa({
536
- defaultConfig: hi.chart.highlightArea,
537
- userConfig: e
538
- })) : e.chart.highlightArea = xa({
539
- defaultConfig: hi.chart.highlightArea,
540
- userConfig: j.config.chart.highlightArea
541
- }));
542
- let t = e.theme;
543
- if (!t) return e;
544
- if (!gi.value(e)) return _i(e), e;
545
- let n = Re({
546
- userConfig: We[t] || j.config,
547
- defaultConfig: e
548
- }), r = Re({
549
- userConfig: j.config,
550
- defaultConfig: n
551
- });
552
- return {
553
- ...r,
554
- customPalette: r.customPalette.length ? r.customPalette : ae[t] || a
555
- };
556
- }
557
- function xa({ defaultConfig: e, userConfig: t }) {
558
- return Re({
559
- defaultConfig: e,
560
- userConfig: t
561
- });
562
- }
563
- let Sa = b({
564
- get() {
565
- return !!j.dataset && j.dataset.length;
566
- },
567
- set(e) {
568
- return e;
569
- }
570
- }), B = E(ba()), Ca = b(() => B.value.chart.userOptions.useCursorPointer), V = E({
571
- dataLabels: { show: !0 },
572
- showTooltip: !0,
573
- showTable: !1,
574
- isStacked: !1,
575
- useIndividualScale: !1
576
- });
577
- function wa() {
578
- let e = B.value.chart.grid.labels.yAxis.stacked, t = B.value.chart.grid.labels.yAxis.useIndividualScale;
579
- if (!ga.value) {
580
- V.value = {
581
- dataLabels: { show: !0 },
582
- showTooltip: B.value.chart.tooltip.show === !0,
583
- showTable: B.value.showTable === !0,
584
- isStacked: e,
585
- useIndividualScale: t
586
- }, _a.value = e, va.value = t, ga.value = !0;
587
- return;
588
- }
589
- V.value.showTooltip = B.value.chart.tooltip.show === !0, e !== _a.value && (V.value.isStacked = e, _a.value = e), t !== va.value && (V.value.useIndividualScale = t, va.value = t), V.value.isStacked && (V.value.useIndividualScale = !0);
590
- }
591
- let Ta = b(() => !!B.value.debug), Ea = b(() => n({
592
- defaultConfig: {
593
- useCssAnimation: !1,
594
- showTable: !1,
595
- chart: {
596
- annotations: [],
597
- highlightArea: [],
598
- backgroundColor: "#99999930",
599
- grid: {
600
- stroke: "#6A6A6A",
601
- labels: {
602
- show: !1,
603
- axis: {
604
- yLabel: "",
605
- xLabel: ""
606
- },
607
- xAxisLabels: { show: !1 },
608
- yAxis: {
609
- commonScaleSteps: 10,
610
- useNiceScale: !0,
611
- scaleMin: 0,
612
- scaleMax: 134
613
- },
614
- zeroLine: { show: !0 }
615
- }
616
- },
617
- padding: {
618
- top: 12,
619
- bottom: 24,
620
- left: 24,
621
- right: 24
622
- },
623
- userOptions: { show: !1 },
624
- zoom: {
625
- show: !1,
626
- startIndex: null,
627
- endIndex: null
628
- }
629
- },
630
- bar: {
631
- serieName: { show: !1 },
632
- labels: { show: !1 },
633
- border: {
634
- useSerieColor: !1,
635
- stroke: "#999999"
636
- }
637
- },
638
- line: {
639
- dot: {
640
- useSerieColor: !1,
641
- fill: "#8A8A8A"
642
- },
643
- labels: { show: !1 }
644
- }
645
- },
646
- userConfig: B.value.skeletonConfig ?? {}
647
- })), Da = b(() => j.config?.skeletonDataset ?? [{
648
- name: "",
649
- series: [
650
- 0,
651
- 1,
652
- 2,
653
- 3,
654
- 5,
655
- 8,
656
- 13,
657
- 21,
658
- 34,
659
- 55,
660
- 89,
661
- 134
662
- ],
663
- type: "line",
664
- smooth: !0,
665
- color: "#BABABA"
666
- }, {
667
- name: "",
668
- series: [
669
- 0,
670
- .5,
671
- 1,
672
- 1.5,
673
- 2.5,
674
- 4,
675
- 6.5,
676
- 10.5,
677
- 17,
678
- 27.5,
679
- 44.5,
680
- 67
681
- ],
682
- type: "bar",
683
- color: "#CACACA"
684
- }]), { loading: Oa, FINAL_DATASET: H, manualLoading: ka } = Fe({
685
- ...mt(j),
686
- FINAL_CONFIG: B,
687
- prepareConfig: ba,
688
- callback: () => {
689
- Promise.resolve().then(async () => {
690
- (!B.value.chart.zoom.keepState || !zo.value || W.value.start === 0 && W.value.end === 0) && await Uo(), V.value.showTable = B.value.showTable;
691
- });
692
- },
693
- skeletonDataset: Da.value,
694
- skeletonConfig: n({
695
- defaultConfig: B.value,
696
- userConfig: Ea.value
697
- })
698
- });
699
- function Aa(e) {
700
- let t = /* @__PURE__ */ new WeakMap();
701
- return (n, ...r) => {
702
- let i = t.get(n), a = JSON.stringify(r);
703
- if (i && i.has(a)) return i.get(a);
704
- let o = e(n, ...r);
705
- return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
706
- };
707
- }
708
- let ja = Aa((e, t) => we({
709
- data: e,
710
- threshold: t
711
- })), Ma = (e) => ja(e, B.value.downsample.threshold), U = b({
712
- get: () => Math.max(...H.value.map((e) => Ma(e.series).length)),
713
- set: (e) => e
714
- }), W = E({
715
- start: 0,
716
- end: U.value
717
- }), G = E({
718
- start: 0,
719
- end: U.value
720
- }), Na = b(() => B.value.chart.zoom.preview.enable && (G.value.start !== W.value.start || G.value.end !== W.value.end));
721
- function Pa(e, t) {
722
- G.value[e] = t;
723
- }
724
- function Fa() {
725
- if (q.value) {
726
- let e = fc.value.min, t = fc.value.max, n = Number(W.value.start), r = Number(W.value.end);
727
- Number.isFinite(n) || (n = e), Number.isFinite(r) || (r = t), n = Math.max(e, Math.min(n, t)), r = Math.max(n, Math.min(r, t)), r <= n && (n = e, r = t), W.value = {
728
- start: n,
729
- end: r
730
- }, G.value.start = n, G.value.end = r, bi.value && (bi.value.setStartValue(n), bi.value.setEndValue(r));
731
- return;
732
- }
733
- let e = Math.max(1, ...H.value.map((e) => Ma(e.series).length)), t = Math.max(0, Math.min(W.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(W.value.end ?? e, e));
734
- (!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), W.value = {
735
- start: t,
736
- end: n
737
- }, G.value.start = t, G.value.end = n, bi.value && (bi.value.setStartValue(t), bi.value.setEndValue(n));
738
- }
739
- let Ia = b(() => {
740
- let { left: e, top: t, width: n, height: r } = Y.value, i = W.value.start, a = W.value.end - i, o = n / a, s = G.value.start - i, c = G.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
741
- return {
742
- x: e + l * o,
743
- y: t,
744
- width: (u - l) * o,
745
- height: r,
746
- fill: B.value.chart.zoom.preview.fill,
747
- stroke: B.value.chart.zoom.preview.stroke,
748
- "stroke-width": B.value.chart.zoom.preview.strokeWidth,
749
- "stroke-dasharray": B.value.chart.zoom.preview.strokeDasharray,
750
- "stroke-linecap": "round",
751
- "stroke-linejoin": "round",
752
- style: {
753
- pointerEvents: "none",
754
- transition: "none !important",
755
- animation: "none !important"
756
- }
757
- };
758
- });
759
- _t(() => j.selectedXIndex, (e) => {
760
- if ([null, void 0].includes(j.selectedXIndex)) {
761
- R.value = null;
762
- return;
763
- }
764
- let t = e - W.value.start;
765
- t < 0 || e >= W.value.end ? R.value = null : R.value = t ?? null;
766
- }, { immediate: !0 });
767
- let { isPrinting: La, isImaging: Ra, generatePdf: za, generateImage: Ba } = Pe({
768
- elementId: `vue-ui-xy_${F.value}`,
769
- fileName: B.value.chart.title.text || "vue-ui-xy",
770
- options: B.value.chart.userOptions.print
771
- }), Va = E(!1), Ha = b(() => Ee(B.value.customPalette)), Ua = b(() => {
772
- let e = B.value.chart.grid.labels.yAxis.scaleMin;
773
- if (e == null) return null;
774
- let t = Number(e);
775
- return Number.isFinite(t) ? t : null;
776
- }), Wa = b(() => Ua.value === null ? rs.value : Y.value.bottom), Ga = b(() => {
777
- let e = B.value.chart.grid.labels.yAxis.scaleMax;
778
- if (e == null) return null;
779
- let t = Number(e);
780
- return Number.isFinite(t) ? t : null;
781
- }), Ka = b(() => Ua.value !== null || Ga.value !== null), qa = b(() => {
782
- let e = to.value.filter((e) => !P.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).map(eo).filter(Number.isFinite);
783
- return e.length ? {
784
- min: Math.min(...e),
785
- max: Math.max(...e)
786
- } : {
787
- min: 0,
788
- max: 1
789
- };
790
- });
791
- function Ja(e, t) {
792
- let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 1;
793
- return n === r ? r = n + 1 : n > r && ([n, r] = [r, n]), {
794
- min: n,
795
- max: r
796
- };
797
- }
798
- let Ya = b(() => {
799
- let { min: e, max: t } = qa.value;
800
- if (!Ka.value) {
801
- let t = e;
802
- return t > 0 ? 0 : t;
803
- }
804
- let n = Ua.value === null ? e > 0 ? 0 : e : Ua.value, r = Ga.value === null ? t : Ga.value;
805
- return Ja(e < n ? e : n, t > r ? t : r).min;
806
- }), Xa = b(() => {
807
- let { min: e, max: t } = qa.value;
808
- if (!Ka.value) {
809
- let e = t;
810
- return Ya.value === e ? e + 1 : e;
811
- }
812
- let n = Ua.value === null ? e > 0 ? 0 : e : Ua.value, r = Ga.value === null ? t : Ga.value;
813
- return Ja(e < n ? e : n, t > r ? t : r).max;
814
- }), K = b(() => B.value.chart.grid.labels.yAxis.useNiceScale ? fe(Ya.value, Xa.value < 0 ? 0 : Xa.value, B.value.chart.grid.labels.yAxis.commonScaleSteps) : de(Ya.value, Xa.value < 0 ? 0 : Xa.value, B.value.chart.grid.labels.yAxis.commonScaleSteps)), Za = b(() => [null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) ? K.value.min >= 0 ? 0 : Math.abs(K.value.min) : -K.value.min);
815
- function Qa(e) {
816
- return e && typeof e == "object" && Number.isFinite(Number(e.x)) && Number.isFinite(Number(e.y));
817
- }
818
- let q = b(() => H.value.some((e) => Array.isArray(e.series) && e.series.some(Qa)));
819
- ut(() => {
820
- q.value && j.dataset.some((e) => e.type === "bar") && console.warn("Vue Data UI - VueUiXy: series of type 'bar' are not supported in continuous mode.\n\nContinuous mode requires 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard\n[number, number, number...]");
821
- });
822
- function $a(e, t) {
823
- return e && typeof e == "object" && e.x === null && e.y === null ? {
824
- x: null,
825
- y: null,
826
- index: t,
827
- raw: e,
828
- isNull: !0
829
- } : {
830
- x: Number(e.x),
831
- y: ve(e.y) ? Number(e.y) : null,
832
- index: t,
833
- raw: e,
834
- isNull: !1
835
- };
836
- }
837
- function eo(e) {
838
- return q.value ? e.y : e;
839
- }
840
- let to = b(() => !Ni.value && !q.value ? H.value : H.value.map((e, t) => {
841
- let n = q.value ? e.series : Ma(e.series), r = `uniqueId_${t}`;
842
- return {
843
- ...e,
844
- slotAbsoluteIndex: t,
845
- series: q.value ? n.map((e, t) => $a(e, t)).filter((e) => e.x >= W.value.start && e.x <= W.value.end) : n.map((e) => ve(e) ? e : null).slice(W.value.start, W.value.end),
846
- color: De(e.color ? e.color : Ha.value[t] ? Ha.value[t] : a[t]),
847
- id: r,
848
- scaleLabel: e.scaleLabel || r
849
- };
850
- })), no = b(() => to.value.map((e, t) => ({
851
- absoluteIndex: t,
852
- ...e,
853
- series: q.value ? e.series.map((e) => ({
854
- ...e,
855
- y: e.y === null ? null : e.y + Za.value
856
- })) : e.series.map((e) => e + Za.value),
857
- absoluteValues: q.value ? e.series.map((e) => e.y) : e.series,
858
- segregate: () => ks(e),
859
- isSegregated: P.value.includes(e.id)
860
- }))), ro = b(() => to.value.map((e) => ({
861
- ...e,
862
- series: q.value ? e.series.map((e) => ({
863
- ...e,
864
- y: e.y === null ? null : e.y + Za.value
865
- })) : e.series.map((e) => e + Za.value),
866
- absoluteValues: q.value ? e.series.map((e) => e.y) : e.series
867
- })).filter((e) => !P.value.includes(e.id))), io = b(() => P.value.length === no.value.length), J = b(() => B.value.chart.grid.labels.yAxis.position === "right");
868
- function ao() {
869
- let e = 0;
870
- Oi.value && (e = Array.from(Oi.value.querySelectorAll("text")).reduce((e, t) => {
871
- let n = t.getComputedTextLength();
872
- return n > e ? n : e;
873
- }, 0));
874
- let t = Ei.value ? Ei.value.getBoundingClientRect().width + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : 0, n = e + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + B.value.chart.grid.labels.yAxis.crosshairSize;
875
- return {
876
- left: J.value ? 0 : n + t,
877
- right: J.value ? n + t : 0,
878
- scaleLabelsOffset: n,
879
- yAxisLabelWidth: t
880
- };
881
- }
882
- function oo(e) {
883
- let t = ro.value.filter((e) => ["line", "plot"].includes(e.type)).flatMap((t) => t.series.map((n, r) => {
884
- let i = dc(n);
885
- return {
886
- datapoint: t,
887
- point: n,
888
- index: r,
889
- x: i,
890
- y: n.y,
891
- distance: Math.abs(i - e)
892
- };
893
- })).filter((e) => g(e.point?.x) && g(e.point?.y)).reduce((e, t) => !e || t.distance < e.distance ? t : e, null);
894
- if (!t) {
895
- ms.value = [], hs.value = null, na.value = null;
896
- return;
897
- }
898
- let n = Number(t.point.x);
899
- ms.value = ro.value.filter((e) => ["line", "plot"].includes(e.type)).map((e) => {
900
- let t = e.series.findIndex((e) => Number(e.x) === n && g(e.y));
901
- if (t === -1) return null;
902
- let r = e.series[t];
903
- return {
904
- datapoint: e,
905
- point: r,
906
- index: t,
907
- x: dc(r),
908
- y: r.y,
909
- distance: 0
910
- };
911
- }).filter(Boolean), hs.value = dc({ x: n }), na.value = n;
912
- }
913
- function so(e) {
914
- if (!Number.isFinite(Number(e))) {
915
- ms.value = [], hs.value = null;
916
- return;
917
- }
918
- let t = dc({ x: Number(e) });
919
- oo(t), hs.value = t;
920
- }
921
- let co = E(0), lo = E(0);
922
- function uo() {
923
- let e = Di.value;
924
- if (!e) {
925
- co.value = 0, lo.value = 0;
926
- return;
927
- }
928
- try {
929
- let t = e.getBBox();
930
- co.value = t?.height ?? 0, lo.value = t?.x ?? 0;
931
- } catch {
932
- co.value = 0, lo.value = 0;
933
- }
934
- }
935
- let fo = b(() => {
936
- let e = 0;
937
- if (Ti.value) try {
938
- e = Ti.value.getBBox().height || 0;
939
- } catch {
940
- e = 0;
941
- }
942
- return e + co.value + z.value.xAxis;
943
- }), po = b(() => H.value.some((e) => e.useProgression));
944
- function mo() {
945
- return B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.dataLabels * .8;
946
- }
947
- let Y = b(() => {
948
- sa.value;
949
- let e = 0, t = 0, n = 0, r = 0;
950
- if (B.value.chart.grid.labels.show) if (V.value.useIndividualScale && !V.value.isStacked) J.value ? t = (H.value.length - P.value.length) * mo() : e = (H.value.length - P.value.length) * (B.value.chart.grid.labels.yAxis.labelWidth + 36);
951
- else if (V.value.useIndividualScale && V.value.isStacked) {
952
- let n = B.value.chart.grid.labels.yAxis.labelWidth + 36;
953
- J.value ? t = n : e = n;
954
- } else {
955
- let i = ao();
956
- e = i.left, t = i.right, n = i.scaleLabelsOffset, r = i.yAxisLabelWidth;
957
- }
958
- let i = B.value.chart.labels.fontSize * 1.1, a = po.value ? 24 : 6;
959
- Di.value && lo.value < 0 && (e += Math.abs(lo.value));
960
- let o = N.value - e - t - a - B.value.chart.padding?.left - B.value.chart.padding?.right;
961
- return {
962
- top: B.value.chart.padding?.top + i,
963
- right: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left + o,
964
- bottom: Pi.value - fo.value - B.value.chart.padding?.bottom - B.value.chart.grid.labels.axis.xLabelOffsetY,
965
- left: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left,
966
- height: Pi.value - fo.value - B.value.chart.padding?.top - B.value.chart.padding?.bottom - i - B.value.chart.grid.labels.axis.xLabelOffsetY,
967
- width: o,
968
- scaleLabelX: e,
969
- rightScaleLabelX: t,
970
- scaleLabelsOffset: n,
971
- yAxisLabelWidth: r,
972
- individualOffsetX: 36
973
- };
974
- }), ho = b(() => {
975
- let e = +(B.value.chart.grid.position === "middle"), t = Z.value + e, n = h(Y.value?.top), r = h(Y.value?.bottom);
976
- return q.value ? B.value.chart.grid.position === "middle" ? lc.value.map((e, t, i) => {
977
- if (t === 0) return null;
978
- let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
979
- return `M${o},${n} L${o},${r}`;
980
- }).filter(Boolean).join(" ") : lc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
981
- let i = B.value.chart.grid.position === "middle" ? Us(t) : Hs(t);
982
- return `M${i},${n} L${i},${r}`;
983
- }).join(" ");
984
- }), go = b(() => {
985
- if (!B.value.chart.grid.labels.xAxis.showCrosshairs) return "";
986
- let e = B.value.chart.grid.labels.xAxis.crosshairSize, t = B.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
987
- return (q.value ? lc.value : Oo.value).map((n, r) => {
988
- if (!n || !n.text) return null;
989
- let i = q.value ? n.x : Hs(r);
990
- return `M${i},${t ? rs.value - (rs.value === Y.value?.bottom ? 0 : e / 2) : Y.value?.bottom} L${i},${t ? rs.value + e / (rs.value === Y.value?.bottom ? 1 : 2) : Y.value?.bottom + e}`;
991
- }).filter(Boolean).join(" ");
992
- });
993
- function _o() {
994
- return !!mi?.vnode.props?.onSelectTimeLabel;
995
- }
996
- function vo(e, t, n) {
997
- return Zi.value ||= document.createElement("canvas").getContext("2d"), Zi.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, Zi.value;
998
- }
999
- function yo() {
1000
- let e = vi.value.querySelectorAll(".vue-ui-xy-tag");
1001
- e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
1002
- }
1003
- function bo(e, t, n, r, i) {
1004
- n && (Xi.value[`${e}_${t}_${r}_${i}`] = n);
1005
- }
1006
- let xo = E(!1);
1007
- async function So(e = !1) {
1008
- await ot(), xo.value = e, qi.value && (Yi.value = e);
1009
- }
1010
- function Co() {
1011
- Ri.value = !Ri.value;
1012
- }
1013
- let X = E([]), wo = E([]), To = 0;
1014
- vt(() => {
1015
- let e = ++To;
1016
- (async () => {
1017
- let t = Math.max(...H.value.map((e) => we({
1018
- data: e.series,
1019
- threshold: B.value.downsample.threshold
1020
- }).length)), n = await Me({
1021
- values: B.value.chart.grid.labels.xAxisLabels.values,
1022
- maxDatapoints: t,
1023
- formatter: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
1024
- start: W.value.start,
1025
- end: W.value.end
1026
- });
1027
- e === To && (X.value = n);
1028
- })();
1029
- });
1030
- let Eo = 0;
1031
- vt(() => {
1032
- let e = ++Eo;
1033
- (async () => {
1034
- let t = Math.max(...H.value.map((e) => we({
1035
- data: e.series,
1036
- threshold: B.value.downsample.threshold
1037
- }).length)), n = await Me({
1038
- values: B.value.chart.grid.labels.xAxisLabels.values,
1039
- maxDatapoints: t,
1040
- formatter: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
1041
- start: 0,
1042
- end: U.value
1043
- });
1044
- e === Eo && (wo.value = n);
1045
- })();
1046
- });
1047
- let Do = b(() => {
1048
- let e = B.value.chart.grid.labels.xAxisLabels.modulo;
1049
- return X.value.length ? Math.min(e, [...new Set(X.value.map((e) => e.text))].length) : e;
1050
- }), Oo = b(() => {
1051
- let e = B.value.chart.grid.labels.xAxisLabels, t = X.value || [], n = wo.value || [], r = W.value.start ?? 0, i = R.value, a = Z.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
1052
- return Ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Do.value || 1), o, s, r, i, a);
1053
- }), ko = b(() => (Oo.value || []).map((e) => e?.text ?? "").join("|"));
1054
- ut(() => {
1055
- requestAnimationFrame(() => {
1056
- uo();
1057
- }), _t([
1058
- () => ko.value,
1059
- () => B.value.chart.grid.labels.xAxisLabels.rotation,
1060
- () => z.value.xAxis,
1061
- () => N.value,
1062
- () => Pi.value
1063
- ], async () => {
1064
- await ot(), requestAnimationFrame(() => {
1065
- uo();
1066
- });
1067
- }, { flush: "post" });
1068
- }), lt(() => {
1069
- co.value = 0, lo.value = 0, la.stop();
1070
- });
1071
- function Ao(e, t) {
1072
- fi("selectTimeLabel", {
1073
- datapoint: ro.value.map((e) => ({
1074
- shape: e.shape ?? e.type === "bar" ? "square" : "circle",
1075
- name: e.name,
1076
- color: e.color,
1077
- type: e.type,
1078
- value: e.absoluteValues.find((e, n) => n === t),
1079
- comments: e.comments || [],
1080
- prefix: e.prefix || B.value.chart.labels.prefix,
1081
- suffix: e.suffix || B.value.chart.labels.suffix
1082
- })),
1083
- absoluteIndex: e.absoluteIndex,
1084
- label: e.text
1085
- });
1086
- }
1087
- let Z = b(() => {
1088
- let e = ma((W.value.end ?? 0) - (W.value.start ?? 0));
1089
- return Math.max(1, e);
1090
- });
1091
- function jo(e) {
1092
- q.value || (I.value = e);
1093
- }
1094
- function Mo(e) {
1095
- if (!q.value || !g(e)) {
1096
- na.value = null, ms.value = [], hs.value = null;
1097
- return;
1098
- }
1099
- na.value = Number(e), so(Number(e));
1100
- }
1101
- let No = b(() => q.value ? g(na.value) || g(hs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
1102
- function Po() {
1103
- V.value.isStacked = !V.value.isStacked, V.value.isStacked ? V.value.useIndividualScale = !0 : V.value.useIndividualScale = B.value.chart.grid.labels.yAxis.useIndividualScale;
1104
- }
1105
- function Fo(e) {
1106
- Ta.value && e.autoScaling && (B.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), B.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
1107
- }
1108
- function Io(e, t) {
1109
- let n = ma(e), r = Array(n).fill(0);
1110
- for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
1111
- return r;
1112
- }
1113
- function Lo(e) {
1114
- let t = Math.max(...H.value.map((e) => Ma(e.series).length));
1115
- return e > t ? t : e < 0 || B.value.chart.zoom.startIndex !== null && e < B.value.chart.zoom.startIndex ? B.value.chart.zoom.startIndex === null ? 1 : B.value.chart.zoom.startIndex + 1 : e;
1116
- }
1117
- let Ro = E(!1), zo = E(!1), Bo = E(0), Vo = E(0);
1118
- function Ho(e, t) {
1119
- let n = Number(e), r = Number(t);
1120
- return !Number.isFinite(n) || !Number.isFinite(r) ? !1 : !Object.is(n, r);
1121
- }
1122
- function Uo() {
1123
- if (!Ro.value) {
1124
- Ro.value = !0;
1125
- try {
1126
- if (q.value) {
1127
- let e = fc.value.min, t = fc.value.max;
1128
- Bo.value = e, Vo.value = t, W.value.start = e, W.value.end = t, G.value.start = e, G.value.end = t, zo.value = !0, bi.value && (bi.value.setStartValue(e), bi.value.setEndValue(t));
1129
- return;
1130
- }
1131
- let { startIndex: e, endIndex: t } = B.value.chart.zoom, n = B.value.chart.zoom.keepState ? Math.max(0, ...H.value.map((e) => Ma(e.series).length)) : Math.max(...H.value.map((e) => Ma(e.series).length));
1132
- if (B.value.chart.zoom.keepState && n <= 0) return;
1133
- Bo.value = 0, Vo.value = n;
1134
- let r = e ?? 0, i = t == null ? n : Math.min(Lo(t + 1), n);
1135
- Wo.value = !0, W.value.start = r, W.value.end = i, G.value.start = r, G.value.end = i, Fa(), zo.value = !0;
1136
- } finally {
1137
- queueMicrotask(() => {
1138
- Wo.value = !1;
1139
- }), Ro.value = !1;
1140
- }
1141
- }
1142
- }
1143
- let Wo = E(!1);
1144
- function Go(e) {
1145
- if (Ro.value || Wo.value) return;
1146
- let t = Number(e);
1147
- fi("zoomStart", {
1148
- index: t,
1149
- isZoom: Ho(t, Bo.value)
1150
- }), Number.isFinite(t) && t !== W.value.start && (W.value.start = t, G.value.start = t, Fa());
1151
- }
1152
- function Ko(e) {
1153
- if (Ro.value || Wo.value) return;
1154
- if (q.value) {
1155
- let t = Number(e);
1156
- if (!Number.isFinite(t)) return;
1157
- let n = Math.max(Number(W.value.start) + 1 / 10 ** B.value.chart.grid.labels.xAxis.rounding, Math.min(t, fc.value.max));
1158
- if (fi("zoomEnd", {
1159
- index: n,
1160
- isZoom: Ho(n, Vo.value)
1161
- }), n === W.value.end) return;
1162
- W.value.end = n, G.value.end = n, Fa();
1163
- return;
1164
- }
1165
- let t = Lo(e);
1166
- fi("zoomEnd", {
1167
- index: t,
1168
- isZoom: Ho(t, Vo.value)
1169
- }), t !== W.value.end && (W.value.end = t, G.value.end = t, Fa());
1170
- }
1171
- async function qo() {
1172
- await Uo(), fi("zoomReset");
1173
- }
1174
- function Jo(e) {
1175
- return ![
1176
- null,
1177
- void 0,
1178
- NaN,
1179
- Infinity,
1180
- -Infinity
1181
- ].includes(e);
1182
- }
1183
- let Yo = b(() => K.value.max + Za.value);
1184
- function Xo(e) {
1185
- return e / (Jo(Yo.value) ? Yo.value : 1);
1186
- }
1187
- let Zo = b(() => B.value.chart.grid.labels.yAxis.reverse);
1188
- function Qo(e) {
1189
- return Zo.value ? 1 - e : e;
1190
- }
1191
- function $o({ ratio: e, yOffset: t = 0, individualHeight: n }) {
1192
- let r = Qo(e);
1193
- return Y.value?.bottom - t - n * r;
1194
- }
1195
- function es({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
1196
- return $o({
1197
- ratio: (e - t) / (n - t || 1),
1198
- yOffset: r,
1199
- individualHeight: i
1200
- });
1201
- }
1202
- let ts = b(() => B.value.chart.grid.labels.xAxis.reverse);
1203
- function ns(e) {
1204
- return ts.value ? 1 - e : e;
1205
- }
1206
- let rs = b(() => isNaN(Xo(Za.value)) ? Y.value?.bottom : Y.value?.bottom - Y.value.height * Xo(Za.value));
1207
- function is(e) {
1208
- let t = K.value.min, n = K.value.max - t;
1209
- return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? Y.value?.bottom : Y.value?.bottom - Y.value.height * ((e - t) / n);
1210
- }
1211
- let as = b(() => K.value.min <= 0 && K.value.max >= 0 ? is(0) : K.value.min > 0 ? is(K.value.min) : is(K.value.max));
1212
- function os(e) {
1213
- let t = ![null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) && B.value.chart.grid.labels.yAxis.scaleMin > 0 && Ya.value >= 0 ? Y.value?.bottom : rs.value;
1214
- return e.value >= 0 ? v(t - e.y <= 0 ? 1e-5 : t - e.y) : v(e.y - rs.value <= 0 ? 1e-5 : e.y - rs.value);
1215
- }
1216
- function ss(e) {
1217
- return e.value >= 0 ? v(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : v(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
1218
- }
1219
- let cs = b(() => {
1220
- let e = Math.max(1, Z.value);
1221
- return {
1222
- bar: ha(Math.max(1, Y.value.width), e * Math.max(1, to.value.filter((e) => e.type === "bar" && !P.value.includes(e.id)).length), 1),
1223
- plot: Bs.value,
1224
- line: Bs.value
1225
- };
1226
- });
1227
- function ls() {
1228
- return V.value.useIndividualScale && V.value.isStacked ? cs.value.line - Y.value.width / Z.value * .1 : cs.value.bar;
1229
- }
1230
- function us(e) {
1231
- return V.value.useIndividualScale && V.value.isStacked ? e.x + Y.value.width / Z.value * .05 : e.x + cs.value.bar / 2;
1232
- }
1233
- function ds(e) {
1234
- return e.value >= 0 ? e.y : [
1235
- null,
1236
- void 0,
1237
- NaN,
1238
- Infinity,
1239
- -Infinity
1240
- ].includes(rs.value) ? Y?.bottom.value : rs.value;
1241
- }
1242
- function fs(e) {
1243
- return e.value >= 0 ? e.y : [
1244
- null,
1245
- void 0,
1246
- NaN,
1247
- Infinity,
1248
- -Infinity
1249
- ].includes(e.zeroPosition) ? 0 : e.zeroPosition;
1250
- }
1251
- let ps = E(null), ms = E([]), hs = E(null), gs = b(() => q.value ? [...new Set(ro.value.flatMap((e) => e.series || []).filter((e) => g(e?.x) && g(e?.y)).map((e) => Number(e.x)))].sort((e, t) => dc({ x: e }) - dc({ x: t })) : []);
1252
- function _s(e) {
1253
- let t = gs.value[e];
1254
- if (!g(t)) {
1255
- ms.value = [], hs.value = null, na.value = null, Bi.value = !1;
1256
- return;
1257
- }
1258
- so(Number(t));
1259
- let n = d(dc({ x: Number(t) }), Y.value.top + Y.value.height / 2, L.value);
1260
- n && (ia.value = n), R.value = e, ra.value = e, Bi.value = !0;
1261
- }
1262
- function vs(e) {
1263
- let t = L.value;
1264
- if (!t) return null;
1265
- if (t.createSVGPoint && t.getScreenCTM) {
1266
- let n = t.createSVGPoint();
1267
- n.x = e.clientX, n.y = e.clientY;
1268
- let r = t.getScreenCTM();
1269
- if (r) {
1270
- let e = n.matrixTransform(r.inverse());
1271
- return {
1272
- x: e.x,
1273
- y: e.y,
1274
- ok: !0
1275
- };
1276
- }
1277
- }
1278
- let n = t.getBoundingClientRect(), r = t.viewBox?.baseVal || {
1279
- x: 0,
1280
- y: 0,
1281
- width: n.width,
1282
- height: n.height
1283
- }, i = Math.min(n.width / r.width, n.height / r.height), a = r.width * i, o = r.height * i, s = (n.width - a) / 2, c = (n.height - o) / 2;
1284
- return {
1285
- x: (e.clientX - n?.left - s) / i + r.x,
1286
- y: (e.clientY - n?.top - c) / i + r.y,
1287
- ok: !0
1288
- };
1289
- }
1290
- let ys = 0;
1291
- function bs(e) {
1292
- ra.value = null, !Ri.value && (ys && cancelAnimationFrame(ys), ys = requestAnimationFrame(() => {
1293
- ys = 0;
1294
- let t = vs(e);
1295
- if (!t || !L.value) {
1296
- xs();
1297
- return;
1298
- }
1299
- let { left: n, right: r, top: i, bottom: a, width: o } = Y.value;
1300
- if (t.x < n || t.x > r || t.y < i || t.y > a) {
1301
- xs();
1302
- return;
1303
- }
1304
- if (q.value) {
1305
- oo(t.x), Ac(!0, R.value ?? 0);
1306
- return;
1307
- }
1308
- let s = Ks(t.x);
1309
- s == null ? xs() : ps.value !== s && (ps.value = s, Ac(!0, s));
1310
- }));
1311
- }
1312
- function xs() {
1313
- ys &&= (cancelAnimationFrame(ys), 0), ps.value = null, Ac(!1, null), ms.value = [], hs.value = null, na.value = null;
1314
- }
1315
- function Ss(e) {
1316
- let t = vs(e);
1317
- if (t && L.value) {
1318
- let { left: e, right: n, top: r, bottom: i, width: a } = Y.value;
1319
- if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
1320
- let e = Ks(t.x);
1321
- if (e != null) {
1322
- Cs(e);
1323
- return;
1324
- }
1325
- }
1326
- }
1327
- ps.value != null && Cs(ps.value);
1328
- }
1329
- function Cs(e) {
1330
- let t = ro.value.map((t) => ({
1331
- name: t.name,
1332
- value: [
1333
- null,
1334
- void 0,
1335
- NaN
1336
- ].includes(t.absoluteValues[e]) ? null : t.absoluteValues[e],
1337
- color: t.color,
1338
- type: t.type
1339
- }));
1340
- fi("selectX", {
1341
- dataset: t,
1342
- index: e,
1343
- indexLabel: B.value.chart.grid.labels.xAxisLabels.values[e]
1344
- }), B.value.events.datapointClick && B.value.events.datapointClick({
1345
- datapoint: t,
1346
- seriesIndex: e + W.value.start
1347
- });
1348
- }
1349
- function ws() {
1350
- return no.value.map((e) => ({
1351
- values: e.absoluteValues,
1352
- color: e.color,
1353
- name: e.name,
1354
- type: e.type
1355
- }));
1356
- }
1357
- async function Ts({ scale: e = 2 } = {}) {
1358
- if (!vi.value) return;
1359
- let { width: t, height: n } = vi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await He({
1360
- domElement: vi.value,
1361
- base64: !0,
1362
- img: !0,
1363
- scale: e
1364
- });
1365
- return {
1366
- imageUri: i,
1367
- base64: a,
1368
- title: B.value.chart.title.text,
1369
- width: t,
1370
- height: n,
1371
- aspectRatio: r
1372
- };
1373
- }
1374
- function Es() {
1375
- P.value.length ? P.value = [] : no.value.forEach((e) => {
1376
- P.value.push(e.id);
1377
- }), Os();
1378
- }
1379
- function Ds(e, t) {
1380
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ks(t));
1381
- }
1382
- function Os() {
1383
- fi("selectLegend", ro.value.map((e) => ({
1384
- name: e.name,
1385
- values: e.absoluteValues,
1386
- color: e.color,
1387
- type: e.type
1388
- })));
1389
- }
1390
- function ks(e) {
1391
- if (P.value.includes(e.id)) P.value = P.value.filter((t) => t !== e.id);
1392
- else {
1393
- if (P.value.length + 1 === to.value.length) return;
1394
- P.value.push(e.id);
1395
- }
1396
- Os(), Ki.value += 1;
1397
- }
1398
- function As(e) {
1399
- return no.value.length ? no.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiXy - There are no series to show."), null);
1400
- }
1401
- function js(e) {
1402
- let t = As(e);
1403
- t !== null && P.value.includes(t.id) && ks({ id: t.id });
1404
- }
1405
- function Ms(e) {
1406
- let t = As(e);
1407
- t !== null && (P.value.includes(t.id) || ks({ id: t.id }));
1408
- }
1409
- let Ns = b(() => `${B.value.chart.title.text || "Chart visualization"}. ${B.value.chart.title.subtitle.text || ""}`), Ps = b(() => ({ linePlot: Z.value > B.value.line.dot.hideAboveMaxSerieLength })), Fs = b(() => B.value.chart.userOptions.show && (!B.value.chart.title.show || !B.value.chart.title.text)), Is = b(() => {
1410
- if (Array.isArray(B.value.chart.highlightArea)) return B.value.chart.highlightArea.map((e) => {
1411
- let t = Math.min(e.to, U.value - 1);
1412
- return {
1413
- ...e,
1414
- span: e.from === t ? 1 : t < e.from ? 0 : t - e.from + 1
1415
- };
1416
- });
1417
- let e = {
1418
- ...B.value.chart.highlightArea,
1419
- to: Math.min(B.value.chart.highlightArea.to, U.value - 1)
1420
- };
1421
- return [{
1422
- ...e,
1423
- span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
1424
- }];
1425
- }), Ls = b(() => Ni.value ? H.value.map((e, t) => ({
1426
- ...e,
1427
- series: Ma(e.series),
1428
- id: `uniqueId_${t}`,
1429
- color: De(e.color ? e.color : Ha.value[t] ? Ha.value[t] : a[t])
1430
- })) : H.value), Rs = b(() => ro.value.map((e) => {
1431
- let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
1432
- return {
1433
- id: e.id,
1434
- name: e.name,
1435
- color: e.color,
1436
- values: Io(Z.value, t)
1437
- };
1438
- })), zs = b(() => ({
1439
- responsiveBreakpoint: B.value.table.responsiveBreakpoint,
1440
- roundingValues: B.value.table.rounding,
1441
- showAverage: !1,
1442
- showMedian: !1,
1443
- showTotal: !1,
1444
- fontFamily: B.value.chart.fontFamily,
1445
- prefix: B.value.chart.labels.prefix,
1446
- suffix: B.value.chart.labels.suffix,
1447
- colNames: X.value.map((e, t) => B.value.table.useDefaultTimeFormat ? e.text : wc.value(t + W.value.start, B.value.table.timeFormat)),
1448
- thead: {
1449
- backgroundColor: B.value.table.th.backgroundColor,
1450
- color: B.value.table.th.color,
1451
- outline: B.value.table.th.outline
1452
- },
1453
- tbody: {
1454
- backgroundColor: B.value.table.td.backgroundColor,
1455
- color: B.value.table.td.color,
1456
- outline: B.value.table.td.outline
1457
- },
1458
- userOptions: { show: !1 },
1459
- sparkline: { animation: { show: !1 } }
1460
- })), Bs = b(() => {
1461
- let e = Math.max(0, Y.value?.width || 0);
1462
- return B.value.chart.grid.position === "middle" ? ha(e, Math.max(1, Z.value), 1) : ha(e, Math.max(1, Z.value - 1), 0);
1463
- }), Vs = b(() => B.value.chart.grid.position === "middle" ? Bs.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : Bs.value);
1464
- function Hs(e) {
1465
- let t = Y.value?.left || 0;
1466
- return B.value.chart.grid.position === "middle" ? t + Bs.value / 2 + Bs.value * e : t + Bs.value * e;
1467
- }
1468
- function Us(e) {
1469
- let t = Y.value?.left || 0;
1470
- return B.value.chart.grid.position === "middle" ? t + Bs.value * e : Z.value <= 1 ? t : t + Bs.value * e - Bs.value / 2;
1471
- }
1472
- function Ws(e) {
1473
- return Math.max(Y.value?.left || 0, Us(e));
1474
- }
1475
- function Gs(e) {
1476
- let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Us(e), i = r + Vs.value;
1477
- return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
1478
- }
1479
- function Ks(e) {
1480
- let t = Y.value?.left || 0, n = Y.value?.right || 0;
1481
- for (let r = 0; r < Z.value; r += 1) {
1482
- let i = Math.max(t, Us(r)), a = Math.min(n, Us(r) + Vs.value);
1483
- if (e >= i && e <= a) return r;
1484
- }
1485
- return null;
1486
- }
1487
- function qs(e) {
1488
- let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Us(e), i = r + Vs.value;
1489
- return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
1490
- }
1491
- function Js(e) {
1492
- return Math.max(1e-5, Vs.value * e);
1493
- }
1494
- let Ys = b(() => le(no.value.filter((e) => !P.value.includes(e.id))));
1495
- function Xs(e, t) {
1496
- let n = Object.create(null);
1497
- for (let r = 0; r < e.length; r += 1) {
1498
- let i = e[r], a = String(t(i));
1499
- n[a] || (n[a] = []), n[a].push(i);
1500
- }
1501
- return n;
1502
- }
1503
- let Q = b(() => {
1504
- let e = Xs(Ys.value, (e) => e.scaleLabel), t = {};
1505
- for (let [n, r] of Object.entries(e)) {
1506
- let e = r.flatMap((e) => e.absoluteValues);
1507
- t[n] = {
1508
- min: Math.min(...e) || 0,
1509
- max: Math.max(...e) || 1,
1510
- groupId: `scale_group_${c()}`
1511
- };
1512
- }
1513
- return t;
1514
- }), Zs = b(() => {
1515
- let e = to.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
1516
- return Y.value.width / Z.value / e - Qs.value * e;
1517
- }), Qs = b(() => cs.value.line * B.value.bar.periodGap), $s = b(() => Math.max(1e-5, ls() - (V.value.useIndividualScale && V.value.isStacked ? 0 : Qs.value))), ec = b(() => $s.value * Math.min(Math.abs(B.value.bar.innerGap), .95)), tc = b(() => {
1518
- if (!B.value.chart.zoom.minimap.show) return [];
1519
- let e = Ls.value.filter((e) => !P.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
1520
- for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
1521
- let r = Math.min(...n);
1522
- return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
1523
- }), nc = b(() => B.value.chart.zoom.minimap.show ? Ls.value.map((e) => ({
1524
- ...e,
1525
- isVisible: !P.value.includes(e.id)
1526
- })) : []), rc = b(() => q.value ? ms.value.map((e) => ({
1527
- slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
1528
- shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
1529
- name: e.datapoint.name,
1530
- color: e.datapoint.color,
1531
- type: e.datapoint.type,
1532
- value: e.point.raw?.y ?? e.point.y,
1533
- x: e.point.raw?.x ?? e.point.x,
1534
- comments: e.datapoint.comments || [],
1535
- prefix: e.datapoint.prefix || B.value.chart.labels.prefix,
1536
- suffix: e.datapoint.suffix || B.value.chart.labels.suffix
1537
- })) : ro.value.map((e) => ({
1538
- slotAbsoluteIndex: e.slotAbsoluteIndex,
1539
- shape: e.shape || e.type === "bar" ? "square" : "circle",
1540
- name: e.name,
1541
- color: e.color,
1542
- type: e.type,
1543
- value: e.absoluteValues.find((e, t) => t === R.value),
1544
- comments: e.comments || [],
1545
- prefix: e.prefix || B.value.chart.labels.prefix,
1546
- suffix: e.suffix || B.value.chart.labels.suffix
1547
- }))), ic = b(() => K.value.ticks.map((e) => {
1548
- let t = e >= 0 ? rs.value - Y.value.height * Xo(e) : rs.value + Y.value.height * Xo(Math.abs(e));
1549
- return {
1550
- y: Zo.value ? Y.value.top + Y.value.bottom - t : t,
1551
- value: e,
1552
- prefix: B.value.chart.labels.prefix,
1553
- suffix: B.value.chart.labels.suffix
1554
- };
1555
- })), ac = b(() => {
1556
- let e = B.value.chart.annotations;
1557
- if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
1558
- let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
1559
- if (!t.length) return [];
1560
- let { left: n, right: r } = Y.value, i = rs.value, a = Y.value.height, o = K.value.min, s = K.value.max - o, l = (e) => i - (e - 0) / s * a;
1561
- return t.map((e) => {
1562
- let { yAxis: { yTop: t, yBottom: i, label: a } } = e, o = t != null && i != null && t !== i, s = t == null ? null : l(t), u = i == null ? null : l(i), ee = vo(a.fontSize);
1563
- ee.font = `${a.fontSize}px sans-serif`;
1564
- let d = ee.measureText(a.text).width, te = a.fontSize, f = (a.position === "start" ? n + a.padding?.left : r - a.padding?.right) + a.offsetX, p = (s != null && u != null ? Math.min(s, u) : s ?? u) - a.fontSize / 3 + a.offsetY - a.padding?.top, ne;
1565
- ne = a.textAnchor === "middle" ? f - d / 2 - a.padding?.left : a.textAnchor === "end" ? f - d - a.padding?.right : f - a.padding?.left;
1566
- let re = p - te * .75 - a.padding?.top;
1567
- return {
1568
- show: ![
1569
- s,
1570
- u,
1571
- re
1572
- ].includes(NaN),
1573
- id: `annotation_y_${c()}`,
1574
- hasArea: o,
1575
- areaHeight: o ? Math.abs(s - u) : 0,
1576
- yTop: s,
1577
- yBottom: u,
1578
- config: e.yAxis,
1579
- x1: n,
1580
- x2: r,
1581
- _text: {
1582
- x: f,
1583
- y: p
1584
- },
1585
- _box: {
1586
- x: ne,
1587
- y: re,
1588
- width: d + a.padding?.left + a.padding?.right,
1589
- height: te + a.padding?.top + a.padding?.bottom,
1590
- fill: a.backgroundColor,
1591
- stroke: a.border.stroke,
1592
- rx: a.border.rx,
1593
- ry: a.border.ry,
1594
- strokeWidth: a.border.strokeWidth
1595
- }
1596
- };
1597
- });
1598
- });
1599
- function oc(e, t) {
1600
- let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
1601
- return Jo(e[t].value) && i && B.value.line.cutNullValues;
1602
- }
1603
- let sc = b(() => {
1604
- let e = to.value.flatMap((e) => e.series.map((e) => e.x)).filter(Number.isFinite);
1605
- if (!e.length) return {
1606
- min: 0,
1607
- max: 1
1608
- };
1609
- let t = Math.min(...e), n = Math.max(...e);
1610
- return {
1611
- min: t,
1612
- max: t === n ? n + 1 : n
1613
- };
1614
- }), cc = b(() => {
1615
- let e = B.value.chart.grid.labels.xAxis.commonScaleSteps, t = B.value.chart.grid.labels.xAxis.scaleMin, n = B.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : sc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : sc.value.max, a = B.value.chart.grid.labels.xAxis.useNiceScale ? fe(r, i, e) : de(r, i, e);
1616
- if (B.value.chart.grid.position !== "start") return a;
1617
- let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
1618
- return {
1619
- ...a,
1620
- max: a.max + o
1621
- };
1622
- }), lc = b(() => q.value ? (ts.value ? [...cc.value.ticks].reverse() : [...cc.value.ticks]).map((e, t) => ({
1623
- id: `continuous_x_label_${t}`,
1624
- text: _(B.value.chart.grid.labels.xAxis.formatter, e, s({
1625
- v: e,
1626
- s: B.value.chart.labels.prefix,
1627
- p: B.value.chart.labels.suffix,
1628
- r: B.value.chart.grid.labels.xAxis.rounding
1629
- }), {
1630
- datapoint: e,
1631
- seriesIndex: t
1632
- }),
1633
- value: e,
1634
- x: dc({ x: e }),
1635
- index: t
1636
- })) : Oo.value);
1637
- function uc(e, t) {
1638
- return q.value ? e.x : Hs(t);
1639
- }
1640
- function dc({ x: e }) {
1641
- let t = cc.value.max - cc.value.min || 1, n = ns((e - cc.value.min) / t);
1642
- return Y.value.left + Y.value.width * n;
1643
- }
1644
- let fc = b(() => {
1645
- let e = H.value.flatMap((e) => e.series || []).filter(Qa).map((e) => Number(e.x)).filter(Number.isFinite);
1646
- if (!e.length) return {
1647
- min: 0,
1648
- max: 1
1649
- };
1650
- let t = Math.min(...e), n = Math.max(...e);
1651
- return {
1652
- min: t,
1653
- max: t === n ? n + 1 : n
1654
- };
1655
- }), pc = b(() => q.value ? fc.value.min : 0), mc = b(() => q.value ? fc.value.max : U.value);
1656
- function hc(e, t) {
1657
- return q.value ? e.x == null || e.y == null ? null : dc(e) : Hs(t);
1658
- }
1659
- function gc({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
1660
- let c = e.scaleSteps || B.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !B.value.chart.grid.labels.yAxis.useNiceScale ? de : fe, ee = o.max === o.min ? o.max * l : o.max, d = a === i ? a * l : a, te = u(o.min, ee, c), f = u(i, d, c), p = te.min >= 0 ? 0 : Math.abs(te.min), ne = te.max + Math.abs(p), re = f.max + 0, ie = e.stackIndex, ae = t - 1 - ie, oe = V.value.isStacked ? 1 - e.cumulatedStackRatio : 0, se = V.value.isStacked ? r * oe + n * ae : 0, ce = V.value.isStacked ? r * e.stackRatio : Y.value.height;
1661
- return {
1662
- scaleSteps: c,
1663
- individualScale: te,
1664
- autoScaleSteps: f,
1665
- individualZero: p,
1666
- autoScaleZero: 0,
1667
- individualMax: ne,
1668
- autoScaleMax: re,
1669
- yOffset: se,
1670
- individualHeight: ce,
1671
- zeroPosition: Y.value?.bottom - se - ce * p / ne,
1672
- autoScaleZeroPosition: Y.value?.bottom - se - ce * 0 / re
1673
- };
1674
- }
1675
- let _c = b(() => {
1676
- let e = Ys.value.filter((e) => [
1677
- "bar",
1678
- "line",
1679
- "plot"
1680
- ].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
1681
- return e.filter((e) => e.type === "bar").map((e, r) => {
1682
- Fo(e);
1683
- let a = Q.value[e.scaleLabel].min, o = Q.value[e.scaleLabel].max, s = {
1684
- ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (o - a)),
1685
- valueMin: a,
1686
- valueMax: o < 0 ? 0 : o
1687
- }, c = {
1688
- max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
1689
- min: e.scaleMin || Math.min(...e.absoluteValues.filter((e) => ![void 0, null].includes(e))) > 0 ? 0 : Math.min(...e.absoluteValues.filter((e) => ![null, void 0].includes(e)))
1690
- }, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: d, autoScaleMax: te, yOffset: f, individualHeight: p, zeroPosition: ne, autoScaleZeroPosition: re } = gc({
1691
- datapoint: e,
1692
- totalSeries: t,
1693
- gap: n,
1694
- usableHeight: i,
1695
- autoScaleValueMin: s.valueMin,
1696
- autoScaleValueMax: s.valueMax,
1697
- individualExtremes: c
1698
- }), ie = no.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length, ae = e.series.map((t, n) => {
1699
- let i = V.value.useIndividualScale ? (e.absoluteValues[n] + ee) / d : Xo(t), a = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + cs.value.bar * r + cs.value.bar * n * ie - Zs.value / 2 - r * Qs.value;
1700
- return {
1701
- yOffset: v(f),
1702
- individualHeight: v(p),
1703
- x: v(a),
1704
- y: $o({
1705
- ratio: i,
1706
- yOffset: f,
1707
- individualHeight: p
1708
- }),
1709
- value: e.absoluteValues[n],
1710
- zeroPosition: v(ne),
1711
- individualMax: v(d),
1712
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1713
- };
1714
- }), oe = e.absoluteValues.map((e) => u.min >= 0 ? (e - Math.abs(u.min)) / (u.max - Math.abs(u.min)) : (e + Math.abs(u.min)) / (u.max + Math.abs(u.min))), se = e.series.map((t, n) => {
1715
- let i = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left - cs.value.bar / 2 + cs.value.bar * r + cs.value.bar * n * no.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
1716
- return {
1717
- yOffset: v(f),
1718
- individualHeight: v(p),
1719
- x: v(i),
1720
- y: v($o({
1721
- ratio: oe[n] || 0,
1722
- yOffset: v(f),
1723
- individualHeight: v(p)
1724
- })),
1725
- value: e.absoluteValues[n],
1726
- zeroPosition: v(ne),
1727
- individualMax: v(d),
1728
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1729
- };
1730
- }), ce = l.ticks.map((t) => ({
1731
- y: es({
1732
- value: t,
1733
- scaleMin: l.min,
1734
- scaleMax: l.max,
1735
- yOffset: f,
1736
- individualHeight: p
1737
- }),
1738
- value: t,
1739
- prefix: e.prefix || B.value.chart.labels.prefix,
1740
- suffix: e.suffix || B.value.chart.labels.suffix,
1741
- datapoint: e
1742
- })), le = u.ticks.map((t) => ({
1743
- y: $o({
1744
- ratio: (t - u.min) / (u.max - u.min || 1),
1745
- yOffset: f,
1746
- individualHeight: p
1747
- }),
1748
- value: t,
1749
- prefix: e.prefix || B.value.chart.labels.prefix,
1750
- suffix: e.suffix || B.value.chart.labels.suffix,
1751
- datapoint: e
1752
- }));
1753
- return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? le : ce, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? re : ne, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : d, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = le, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
1754
- ...e,
1755
- yOffset: f,
1756
- autoScaleYLabels: le,
1757
- individualHeight: p,
1758
- scaleYLabels: e.autoScaling ? le : ce,
1759
- individualScale: e.autoScaling ? u : l,
1760
- individualMax: e.autoScaling ? te : d,
1761
- zeroPosition: e.autoScaling ? re : ne,
1762
- plots: e.autoScaling ? se : ae,
1763
- groupId: Q.value[e.scaleLabel].groupId
1764
- };
1765
- });
1766
- }), $ = b(() => {
1767
- let e = Ys.value.filter((e) => [
1768
- "bar",
1769
- "line",
1770
- "plot"
1771
- ].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
1772
- return e.filter((e) => e.type === "line").map((e, r) => {
1773
- Fo(e);
1774
- let a = Q.value[e.scaleLabel].min, s = Q.value[e.scaleLabel].max, c = {
1775
- ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (s - a)),
1776
- valueMin: a,
1777
- valueMax: s
1778
- }, u = {
1779
- max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
1780
- min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
1781
- }, { individualScale: d, autoScaleSteps: f, individualZero: p, individualMax: re, autoScaleMax: ae, yOffset: oe, individualHeight: ce, zeroPosition: le, autoScaleZeroPosition: ue } = gc({
1782
- datapoint: e,
1783
- totalSeries: t,
1784
- gap: n,
1785
- usableHeight: i,
1786
- autoScaleValueMin: c.valueMin,
1787
- autoScaleValueMax: c.valueMax,
1788
- individualExtremes: u
1789
- }), m = e.series.map((t, n) => {
1790
- if (q.value && (t.x == null || t.y == null)) return {
1791
- index: n,
1792
- x: null,
1793
- y: null,
1794
- value: null,
1795
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1796
- };
1797
- let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(p)) / re : Xo(eo(t));
1798
- return {
1799
- index: n,
1800
- x: v(hc(t, n)),
1801
- y: v($o({
1802
- ratio: r,
1803
- yOffset: oe,
1804
- individualHeight: ce
1805
- })),
1806
- value: e.absoluteValues[n],
1807
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1808
- };
1809
- }), h = e.absoluteValues.map((e) => f.min >= 0 ? (e - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (e + Math.abs(f.min)) / (f.max + Math.abs(f.min))), de = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
1810
- index: n,
1811
- x: null,
1812
- y: null,
1813
- value: null,
1814
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1815
- } : [void 0, null].includes(e.absoluteValues[n]) ? {
1816
- index: n,
1817
- x: v(hc(t, n)),
1818
- y: le,
1819
- value: e.absoluteValues[n],
1820
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1821
- } : {
1822
- index: n,
1823
- x: v(hc(t, n)),
1824
- y: v($o({
1825
- ratio: h[n] || 0,
1826
- yOffset: oe,
1827
- individualHeight: ce
1828
- })),
1829
- value: e.absoluteValues[n],
1830
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1831
- }), fe = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, g = B.value.line.cutNullValues ? pe(m) : he(m.filter((e) => e.value !== null)), _ = B.value.line.cutNullValues ? pe(de) : he(de.filter((e) => e.value !== null)), me = B.value.line.cutNullValues ? ee(m) : l(m.filter((e) => e.value !== null)), ge = B.value.line.cutNullValues ? ee(de) : l(de.filter((e) => e.value !== null)), _e = o(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), ve = o(B.value.line.cutNullValues ? de : de.filter((e) => e.value !== null)), ye = fe ? ie(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], be = fe ? te(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], xe = d.ticks.map((t) => ({
1832
- y: es({
1833
- value: t,
1834
- scaleMin: d.min,
1835
- scaleMax: d.max,
1836
- yOffset: oe,
1837
- individualHeight: ce
1838
- }),
1839
- value: t,
1840
- prefix: e.prefix || B.value.chart.labels.prefix,
1841
- suffix: e.suffix || B.value.chart.labels.suffix,
1842
- datapoint: e
1843
- })), Se = f.ticks.map((t) => ({
1844
- y: $o({
1845
- ratio: (t - f.min) / (f.max - f.min || 1),
1846
- yOffset: oe,
1847
- individualHeight: ce
1848
- }),
1849
- value: t,
1850
- prefix: e.prefix || B.value.chart.labels.prefix,
1851
- suffix: e.suffix || B.value.chart.labels.suffix,
1852
- datapoint: e
1853
- }));
1854
- Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? Se : xe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ue : le, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ae : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = oe, Q.value[e.scaleLabel].individualHeight = ce, Q.value[e.scaleLabel].autoScaleYLabels = Se, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
1855
- let Ce = V.value.useIndividualScale ? e.autoScaling ? ue : le : Wa.value, we = Math.max(Math.max(e.autoScaling ? ue : xe.at(-1) ? xe.at(-1).y : 0, Y.value?.top), Ce), Ee = e.autoScaling ? de : m, Oe = B.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null), ke = e.absoluteValues.filter((e) => ![
1856
- null,
1857
- void 0,
1858
- NaN
1859
- ].includes(e)), Ae = !!e.temperatureColors && new Set(ke).size <= 1;
1860
- return {
1861
- ...e,
1862
- isFlatTemperatureLine: Ae,
1863
- temperatureColors: e.temperatureColors ? e.temperatureColors.map((e) => De(e)) : null,
1864
- yOffset: oe,
1865
- autoScaleYLabels: Se,
1866
- individualHeight: ce,
1867
- scaleYLabels: e.autoScaling ? Se : xe,
1868
- individualScale: e.autoScaling ? f : d,
1869
- individualMax: e.autoScaling ? ae : re,
1870
- zeroPosition: e.autoScaling ? ue : le,
1871
- curve: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? _ : g,
1872
- plots: e.autoScaling ? de : m,
1873
- dashedStraight: ye,
1874
- dashedSmooth: be,
1875
- hasDashedSegments: fe,
1876
- area: e.useArea ? e.useStepper ? o(Oe, we) : V.value.useIndividualScale ? B.value.line.cutNullValues ? se(e.autoScaling ? de : m, we) : Te(e.autoScaling ? de.filter((e) => e.value !== null) : m.filter((e) => e.value !== null), we) : B.value.line.cutNullValues ? se(m, we) : Te(m.filter((e) => e.value !== null), we) : "",
1877
- curveAreas: e.useArea ? e.useStepper ? o(Oe, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : ne(e.autoScaling ? B.value.line.cutNullValues ? de : de.filter((e) => e.value !== null) : B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), we, B.value.line.cutNullValues) : [],
1878
- straight: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? ge : me,
1879
- groupId: Q.value[e.scaleLabel].groupId
1880
- };
1881
- });
1882
- }), vc = b(() => {
1883
- let e = Ys.value.filter((e) => [
1884
- "bar",
1885
- "line",
1886
- "plot"
1887
- ].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
1888
- return e.filter((e) => e.type === "plot").map((e) => {
1889
- Fo(e);
1890
- let r = Q.value[e.scaleLabel].min, a = Q.value[e.scaleLabel].max, o = {
1891
- ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - r) / (a - r)),
1892
- valueMin: r,
1893
- valueMax: a
1894
- }, s = {
1895
- max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
1896
- min: e.scaleMin || Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues)
1897
- }, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: d, yOffset: te, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: ne } = gc({
1898
- datapoint: e,
1899
- totalSeries: t,
1900
- gap: n,
1901
- usableHeight: i,
1902
- autoScaleValueMin: o.valueMin,
1903
- autoScaleValueMax: o.valueMax,
1904
- individualExtremes: s,
1905
- forceExactScale: !0
1906
- }), re = e.series.map((t, n) => {
1907
- if (q.value && (t.x == null || t.y == null)) return {
1908
- index: n,
1909
- x: null,
1910
- y: null,
1911
- value: null,
1912
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1913
- };
1914
- let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Xo(eo(t));
1915
- return {
1916
- index: n,
1917
- x: v(hc(t, n)),
1918
- y: v($o({
1919
- ratio: r,
1920
- yOffset: te,
1921
- individualHeight: f
1922
- })),
1923
- value: e.absoluteValues[n],
1924
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1925
- };
1926
- }), ie = e.absoluteValues.map((e) => l.min >= 0 ? (e - Math.abs(l.min)) / (l.max - Math.abs(l.min)) : (e + Math.abs(l.min)) / (l.max + Math.abs(l.min))), ae = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
1927
- index: n,
1928
- x: null,
1929
- y: null,
1930
- value: null,
1931
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1932
- } : {
1933
- index: n,
1934
- x: v(hc(t, n)),
1935
- y: v($o({
1936
- ratio: ie[n] || 0,
1937
- yOffset: te,
1938
- individualHeight: f
1939
- })),
1940
- value: e.absoluteValues[n],
1941
- comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
1942
- }), oe = c.ticks.map((t) => ({
1943
- y: es({
1944
- value: t,
1945
- scaleMin: c.min,
1946
- scaleMax: c.max,
1947
- yOffset: te,
1948
- individualHeight: f
1949
- }),
1950
- value: t,
1951
- prefix: e.prefix || B.value.chart.labels.prefix,
1952
- suffix: e.suffix || B.value.chart.labels.suffix,
1953
- datapoint: e
1954
- })), se = l.ticks.map((t) => ({
1955
- y: $o({
1956
- ratio: (t - l.min) / (l.max - l.min || 1),
1957
- yOffset: te,
1958
- individualHeight: f
1959
- }),
1960
- value: t,
1961
- prefix: e.prefix || B.value.chart.labels.prefix,
1962
- suffix: e.suffix || B.value.chart.labels.suffix,
1963
- datapoint: e
1964
- }));
1965
- return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : oe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = te, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
1966
- ...e,
1967
- yOffset: te,
1968
- autoScaleYLabels: se,
1969
- individualHeight: f,
1970
- scaleYLabels: e.autoScaling ? se : oe,
1971
- individualScale: e.autoScaling ? l : c,
1972
- individualMax: e.autoScaling ? d : ee,
1973
- zeroPosition: e.autoScaling ? ne : p,
1974
- plots: e.autoScaling ? ae : re,
1975
- groupId: Q.value[e.scaleLabel].groupId
1976
- };
1977
- });
1978
- }), yc = b(() => {
1979
- let e = $.value.map((e) => ({
1980
- name: e.name,
1981
- color: e.color,
1982
- scale: e.individualScale,
1983
- scaleYLabels: e.scaleYLabels,
1984
- zero: e.zeroPosition,
1985
- max: e.individualMax,
1986
- scaleLabel: e.scaleLabel || "",
1987
- id: e.id,
1988
- yOffset: e.yOffset || 0,
1989
- individualHeight: e.individualHeight || Y.value.height,
1990
- autoScaleYLabels: e.autoScaleYLabels
1991
- })), t = _c.value.map((e) => ({
1992
- name: e.name,
1993
- color: e.color,
1994
- scale: e.individualScale,
1995
- scaleYLabels: e.scaleYLabels,
1996
- zero: e.zeroPosition,
1997
- max: e.individualMax,
1998
- scaleLabel: e.scaleLabel || "",
1999
- id: e.id,
2000
- yOffset: e.yOffset || 0,
2001
- individualHeight: e.individualHeight || Y.value.height
2002
- })), n = vc.value.map((e) => ({
2003
- name: e.name,
2004
- color: e.color,
2005
- scale: e.individualScale,
2006
- scaleYLabels: e.scaleYLabels,
2007
- zero: e.zeroPosition,
2008
- max: e.individualMax,
2009
- scaleLabel: e.scaleLabel || "",
2010
- id: e.id,
2011
- yOffset: e.yOffset || 0,
2012
- individualHeight: e.individualHeight || Y.value.height
2013
- })), r = V.value.useIndividualScale && !V.value.isStacked ? Object.values(Q.value) : [
2014
- ...e,
2015
- ...t,
2016
- ...n
2017
- ], i = r.flatMap((e) => e).length;
2018
- return r.flatMap((e, t) => {
2019
- let n = 0;
2020
- n = V.value.isStacked ? J.value ? Y.value?.right : Y.value?.left : J.value ? Y.value?.right + mo() * t : Y.value?.left / i * (t + 1);
2021
- let r = V.value.useIndividualScale && !V.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
2022
- return {
2023
- unique: e.unique,
2024
- id: e.id,
2025
- groupId: e.groupId,
2026
- scaleLabel: e.scaleLabel,
2027
- name: _(B.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
2028
- color: V.value.useIndividualScale && !V.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
2029
- scale: e.scale,
2030
- yOffset: e.yOffset,
2031
- individualHeight: e.individualHeight,
2032
- x: n,
2033
- yLabels: e.scaleYLabels || e.scale.ticks.map((t) => ({
2034
- y: es({
2035
- value: t,
2036
- scaleMin: e.scale.min,
2037
- scaleMax: e.scale.max,
2038
- yOffset: e.yOffset || 0,
2039
- individualHeight: e.individualHeight
2040
- }),
2041
- value: t
2042
- }))
2043
- };
2044
- });
2045
- }), bc = b(() => {
2046
- let e = B.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
2047
- if (!t.length) return [];
2048
- let r = [];
2049
- return t.forEach((e, t) => {
2050
- let [i, a] = Array.isArray(e) ? e : [e.a, e.b];
2051
- if (!i || !a) return;
2052
- let o = $.value.find((e) => e.name === i), s = $.value.find((e) => e.name === a);
2053
- if (!o || !s || o.type !== "line" || s.type !== "line") return;
2054
- let c = n?.[t]?.[0] ?? o.color, l = n?.[t]?.[1] ?? s.color;
2055
- ue({
2056
- lineA: o.plots,
2057
- lineB: s.plots,
2058
- smoothA: !!o.smooth,
2059
- smoothB: !!s.smooth,
2060
- colorLineA: c,
2061
- colorLineB: l,
2062
- sampleStepPx: 2,
2063
- cutNullValues: B.value.line.cutNullValues
2064
- }).forEach((e, n) => {
2065
- r.push({
2066
- ...e,
2067
- key: `inter_${i}_${a}_${t}_${n}`
2068
- });
2069
- });
2070
- }), r;
2071
- }), xc = b(() => ({
2072
- timeLabel: X.value[R.value],
2073
- datapoint: rc.value,
2074
- seriesIndex: R.value,
2075
- series: no.value,
2076
- bars: _c.value,
2077
- lines: $.value,
2078
- plots: vc.value,
2079
- config: B.value
2080
- })), Sc = E({
2081
- months: [],
2082
- shortMonths: [],
2083
- days: [],
2084
- shortDays: []
2085
- }), Cc = 0;
2086
- vt(() => {
2087
- let e = ++Cc, t = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
2088
- (async () => {
2089
- let n = await je(t.locale).catch(() => je("en"));
2090
- e === Cc && (Sc.value = n.data);
2091
- })();
2092
- });
2093
- let wc = b(() => {
2094
- let e = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Ae({
2095
- useUTC: e.useUTC,
2096
- locale: Sc.value,
2097
- januaryAsYear: e.januaryAsYear
2098
- });
2099
- return (e, n) => {
2100
- let r = B.value.chart.grid.labels.xAxisLabels.values?.[e];
2101
- return r == null ? "" : t.formatDate(new Date(r), n);
2102
- };
2103
- }), Tc = b(() => (B.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
2104
- text: wc.value(t, B.value.chart.zoom.timeFormat),
2105
- absoluteIndex: t
2106
- }))), Ec = b(() => {
2107
- let e = "", t = rc.value.map((e) => e.value).filter((e) => ve(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = q.value ? { text: _(B.value.chart.grid.labels.xAxis.formatter, ms.value[0]?.point.raw?.x ?? ms.value[0]?.point.x, s({
2108
- v: ms.value[0]?.point.raw?.x ?? ms.value[0]?.point.x,
2109
- r: B.value.chart.tooltip.roundingValue
2110
- }), {
2111
- datapoint: null,
2112
- serriesIndex: null
2113
- }) } : X.value[R.value], r = B.value.chart.tooltip.customFormat;
2114
- if (xe(r) && be(() => r({
2115
- absoluteIndex: R.value + W.value.start,
2116
- seriesIndex: R.value,
2117
- datapoint: rc.value,
2118
- series: no.value,
2119
- bars: _c.value,
2120
- lines: $.value,
2121
- plots: vc.value,
2122
- config: B.value,
2123
- dateLabel: n
2124
- }))) return r({
2125
- absoluteIndex: R.value + W.value.start,
2126
- seriesIndex: R.value,
2127
- datapoint: rc.value,
2128
- series: no.value,
2129
- bars: _c.value,
2130
- lines: $.value,
2131
- plots: vc.value,
2132
- config: B.value,
2133
- dateLabel: n
2134
- });
2135
- if (n && n.text && B.value.chart.tooltip.showTimeLabel) {
2136
- let t = wc.value(R.value + W.value.start, B.value.chart.tooltip.timeFormat);
2137
- q.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.chart.tooltip.borderColor}; width:100%">${B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
2138
- }
2139
- return rc.value.forEach((r) => {
2140
- if (ve(r.value)) {
2141
- let a = "", o = "";
2142
- switch (Li.value[r.type]) {
2143
- case "bar":
2144
- a = `<svg viewBox="0 0 40 40" height="14" width="14">${pi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${r.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${pi.pattern ? `url(#pattern_${F.value}_${r.slotAbsoluteIndex}` : r.color}" /></svg>`;
2145
- break;
2146
- case "line":
2147
- !r.shape || ![
2148
- "star",
2149
- "triangle",
2150
- "square",
2151
- "diamond",
2152
- "pentagon",
2153
- "hexagon"
2154
- ].includes(r.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" />` : r.shape === "triangle" ? o = `<path d="${i({
2155
- plot: {
2156
- x: 10,
2157
- y: 8
2158
- },
2159
- radius: 4,
2160
- sides: 3,
2161
- rotation: .52
2162
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "square" ? o = `<path d="${i({
2163
- plot: {
2164
- x: 10,
2165
- y: 8
2166
- },
2167
- radius: 4,
2168
- sides: 4,
2169
- rotation: .8
2170
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "diamond" ? o = `<path d="${i({
2171
- plot: {
2172
- x: 10,
2173
- y: 8
2174
- },
2175
- radius: 4,
2176
- sides: 4,
2177
- rotation: 0
2178
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "pentagon" ? o = `<path d="${i({
2179
- plot: {
2180
- x: 10,
2181
- y: 8
2182
- },
2183
- radius: 4,
2184
- sides: 5,
2185
- rotation: .95
2186
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "hexagon" ? o = `<path d="${i({
2187
- plot: {
2188
- x: 10,
2189
- y: 8
2190
- },
2191
- radius: 4,
2192
- sides: 6,
2193
- rotation: 0
2194
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "star" && (o = `<polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" points="${re({
2195
- plot: {
2196
- x: 10,
2197
- y: 8
2198
- },
2199
- radius: 4
2200
- })}" />`), a = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${r.color}" />${o}</svg>`;
2201
- break;
2202
- case "plot":
2203
- if (!r.shape || ![
2204
- "star",
2205
- "triangle",
2206
- "square",
2207
- "diamond",
2208
- "pentagon",
2209
- "hexagon"
2210
- ].includes(r.shape)) {
2211
- a = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${r.color}" /></svg>`;
2212
- break;
2213
- }
2214
- if (r.shape === "star") {
2215
- a = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${r.color}" points="${re({
2216
- plot: {
2217
- x: 6,
2218
- y: 6
2219
- },
2220
- radius: 5
2221
- })}" /></svg>`;
2222
- break;
2223
- }
2224
- if (r.shape === "triangle") {
2225
- a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
2226
- plot: {
2227
- x: 6,
2228
- y: 6
2229
- },
2230
- radius: 6,
2231
- sides: 3,
2232
- rotation: .52
2233
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
2234
- break;
2235
- }
2236
- if (r.shape === "square") {
2237
- a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
2238
- plot: {
2239
- x: 6,
2240
- y: 6
2241
- },
2242
- radius: 6,
2243
- sides: 4,
2244
- rotation: .8
2245
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
2246
- break;
2247
- }
2248
- if (r.shape === "diamond") {
2249
- a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
2250
- plot: {
2251
- x: 6,
2252
- y: 6
2253
- },
2254
- radius: 5,
2255
- sides: 4,
2256
- rotation: 0
2257
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
2258
- break;
2259
- }
2260
- if (r.shape === "pentagon") {
2261
- a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
2262
- plot: {
2263
- x: 6,
2264
- y: 6
2265
- },
2266
- radius: 5,
2267
- sides: 5,
2268
- rotation: .95
2269
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
2270
- break;
2271
- }
2272
- if (r.shape === "hexagon") {
2273
- a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
2274
- plot: {
2275
- x: 6,
2276
- y: 6
2277
- },
2278
- radius: 5,
2279
- sides: 6,
2280
- rotation: 0
2281
- }).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
2282
- break;
2283
- }
2284
- default: break;
2285
- }
2286
- let c = B.value.chart.tooltip.showValue ? _(r.type === "line" ? B.value.line.labels.formatter : r.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, r.value, s({
2287
- p: r.prefix,
2288
- v: r.value,
2289
- s: r.suffix,
2290
- r: B.value.chart.tooltip.roundingValue
2291
- }), { datapoint: r }) : "", l = B.value.chart.tooltip.showValue ? n.text : "", u = q.value ? `
2292
- <span>${B.value.chart.grid.labels.axis.xLabel || "X"}: </span>
2293
- <span>${l}</span>,
2294
- <span>${B.value.chart.grid.labels.axis.yLabel || "Y"}: </span>
2295
- <span>${c}</span>
2296
- ` : c;
2297
- q.value ? e += `
2298
- <div style="display:flex;flex-direction:column;">
2299
- <div style="display:flex; flex-direction:row; gap:3px;">
2300
- <div style="width:20px">${a}</div>
2301
- <div style="display:flex;flex-direction:column;">
2302
- <div>${r.name}</div>
2303
- <div>${u}</div>
2304
- </div>
2305
- </div>
2306
- </div>
2307
- ` : e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;white-space:nowrap;"><div style="width:20px">${a}</div> ${r.name}: <b>${u}</b> ${B.value.chart.tooltip.showPercentage ? `(${s({
2308
- v: v(Math.abs(r.value) / t * 100),
2309
- s: "%",
2310
- r: B.value.chart.tooltip.roundingPercentage
2311
- })})` : ""}</div>`, B.value.chart.comments.showInTooltip && r.comments.length && r.comments.slice(W.value.start, W.value.end)[R.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${r.comments.slice(W.value.start, W.value.end)[R.value]}</div>`);
2312
- }
2313
- }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${B.value.chart.tooltip.color}">${e}</div>`;
2314
- }), Dc = b(() => {
2315
- if (to.value.length === 0) return {
2316
- head: [],
2317
- body: [],
2318
- config: {},
2319
- columnNames: []
2320
- };
2321
- let e = ro.value.map((e) => ({
2322
- label: e.name,
2323
- color: e.color,
2324
- type: e.type
2325
- })), t = [];
2326
- return X.value.forEach((e, n) => {
2327
- let r = B.value.table.useDefaultTimeFormat ? [e.text] : [wc.value(n + W.value.start, B.value.table.timeFormat)];
2328
- ro.value.forEach((e) => {
2329
- r.push(Jo(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(B.value.table.rounding)) : "");
2330
- }), t.push(r);
2331
- }), {
2332
- head: e,
2333
- body: t
2334
- };
2335
- }), Oc = b(() => {
2336
- let e = B.value.table.showSum, t = [""].concat(ro.value.map((e) => e.name));
2337
- e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
2338
- let n = [];
2339
- for (let t = 0; t < Z.value; t += 1) {
2340
- let r = ro.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
2341
- n.push([B.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : wc.value(t + W.value.start, B.value.table.timeFormat)].concat(ro.value.map((e) => _(e.type === "line" ? B.value.line.labels.formatter : e.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, s({
2342
- p: e.prefix || B.value.chart.labels.prefix,
2343
- v: e.absoluteValues[t] ?? 0,
2344
- s: e.suffix || B.value.chart.labels.suffix,
2345
- r: B.value.table.rounding
2346
- }))), e ? (r ?? 0).toFixed(B.value.table.rounding) : []));
2347
- }
2348
- let r = {
2349
- th: {
2350
- backgroundColor: B.value.table.th.backgroundColor,
2351
- color: B.value.table.th.color,
2352
- outline: B.value.table.th.outline
2353
- },
2354
- td: {
2355
- backgroundColor: B.value.table.td.backgroundColor,
2356
- color: B.value.table.td.color,
2357
- outline: B.value.table.td.outline
2358
- },
2359
- breakpoint: B.value.table.responsiveBreakpoint
2360
- }, i = [B.value.table.columnNames.period].concat(ro.value.map((e) => e.name), B.value.table.columnNames.total);
2361
- return {
2362
- head: t,
2363
- body: n,
2364
- config: r,
2365
- colNames: i
2366
- };
2367
- });
2368
- function kc(e = null) {
2369
- let t = [
2370
- [B.value.chart.title.text],
2371
- [B.value.chart.title.subtitle.text],
2372
- [""]
2373
- ], n = ["", ...Dc.value.head.map((e) => e.label)], r = Dc.value.body, i = oe(t.concat([n]).concat(r));
2374
- e ? e(i) : u({
2375
- csvContent: i,
2376
- title: B.value.chart.title.text || "vue-ui-xy"
2377
- });
2378
- }
2379
- function Ac(e, t = null) {
2380
- if (io.value) return;
2381
- Bi.value = e;
2382
- let n = ro.value.map((e) => ({
2383
- name: e.name,
2384
- value: [
2385
- null,
2386
- void 0,
2387
- NaN
2388
- ].includes(e.absoluteValues[t]) ? null : e.absoluteValues[t],
2389
- color: e.color,
2390
- type: e.type
2391
- }));
2392
- e ? (R.value = t, B.value.events.datapointEnter && B.value.events.datapointEnter({
2393
- datapoint: n,
2394
- seriesIndex: t + W.value.start
2395
- })) : (R.value = null, B.value.events.datapointLeave && B.value.events.datapointLeave({
2396
- datapoint: n,
2397
- seriesIndex: t + W.value.start
2398
- }));
2399
- }
2400
- function jc() {
2401
- V.value.showTable = !V.value.showTable;
2402
- }
2403
- function Mc() {
2404
- V.value.dataLabels.show = !V.value.dataLabels.show;
2405
- }
2406
- function Nc() {
2407
- V.value.showTooltip = !V.value.showTooltip;
2408
- }
2409
- function Pc(e) {
2410
- zi.value = e, Hi.value += 1;
2411
- }
2412
- function Fc() {
2413
- if (!B.value.responsiveProportionalSizing) {
2414
- z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, ya.value.plot = B.value.plot.radius, ya.value.line = B.value.line.radius;
2415
- return;
2416
- }
2417
- z.value.dataLabels = ke({
2418
- relator: Pi.value,
2419
- adjuster: 400,
2420
- source: B.value.chart.grid.labels.fontSize,
2421
- threshold: 10,
2422
- fallback: 10
2423
- }), z.value.yAxis = ke({
2424
- relator: N.value,
2425
- adjuster: 1e3,
2426
- source: B.value.chart.grid.labels.axis.fontSize,
2427
- threshold: 10,
2428
- fallback: 10
2429
- }), z.value.xAxis = ke({
2430
- relator: N.value,
2431
- adjuster: 1e3,
2432
- source: B.value.chart.grid.labels.xAxisLabels.fontSize,
2433
- threshold: 10,
2434
- fallback: 10
2435
- }), z.value.plotLabels = ke({
2436
- relator: N.value,
2437
- adjuster: 800,
2438
- source: B.value.chart.labels.fontSize,
2439
- threshold: 10,
2440
- fallback: 10
2441
- }), ya.value.plot = ke({
2442
- relator: N.value,
2443
- adjuster: 800,
2444
- source: B.value.plot.radius,
2445
- threshold: 1,
2446
- fallback: 1
2447
- }), ya.value.line = ke({
2448
- relator: N.value,
2449
- adjuster: 800,
2450
- source: B.value.line.radius,
2451
- threshold: 1,
2452
- fallback: 1
2453
- });
2454
- }
2455
- function Ic() {
2456
- if (r(j.dataset) ? (ce({
2457
- componentName: "VueUiXy",
2458
- type: "dataset",
2459
- debug: Ta.value
2460
- }), ka.value = !0) : j.dataset.forEach((e, t) => {
2461
- [null, void 0].includes(e.name) && (ce({
2462
- componentName: "VueUiXy",
2463
- type: "datasetSerieAttribute",
2464
- property: "name (string)",
2465
- index: t,
2466
- debug: Ta.value
2467
- }), ka.value = !0);
2468
- }), Ta.value && j.dataset.forEach((e) => {
2469
- e.series.forEach((t, n) => {
2470
- ve(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
2471
- });
2472
- }), r(j.dataset) || (ka.value = B.value.loading), qi.value = B.value.chart.userOptions.showOnChartHover, Ji.value = B.value.chart.userOptions.keepStateOnChartLeave, Yi.value = !B.value.chart.userOptions.showOnChartHover, wa(), B.value.responsive) {
2473
- let e = vi.value.parentNode;
2474
- Ai.value && (Ai.value.unobserve(ji.value), Ai.value.disconnect());
2475
- let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
2476
- B.value.chart.title.show && yi.value && (r = yi.value, i = r.getBoundingClientRect().height);
2477
- let a = null, o = 0;
2478
- B.value.chart.zoom.show && U.value > 6 && Sa.value && bi.value && bi.value.$el && (a = bi.value.$el, o = a.getBoundingClientRect().height);
2479
- let s = null, c = 0;
2480
- B.value.chart.legend.show && xi.value && (s = xi.value, c = s.getBoundingClientRect().height);
2481
- let l = 0;
2482
- Si.value && (l = Si.value.getBoundingClientRect().height);
2483
- let u = 0;
2484
- Ci.value && (u = Ci.value.getBoundingClientRect().height), Pi.value = t - i - c - o - l - u - 12, N.value = n, Fi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Pi.value < 0 ? 10 : Pi.value}`, Fc();
2485
- let ee = new ResizeObserver((e) => {
2486
- for (let t of e) i = B.value.chart.title.show && yi.value ? yi.value.getBoundingClientRect().height : 0, o = bi.value && bi.value.$el ? bi.value.$el.getBoundingClientRect().height : 0, c = xi.value ? xi.value.getBoundingClientRect().height : 0, l = Si.value ? Si.value.getBoundingClientRect().height : 0, u = Ci.value ? Ci.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
2487
- Pi.value = t.contentRect.height - i - c - o - l - u - 12, N.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Fi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Pi.value < 0 ? 10 : Pi.value}`, Fc(), ua(), fa();
2488
- });
2489
- });
2490
- Ai.value = ee, ji.value = e, ee.observe(e);
2491
- } else Pi.value = B.value.chart.height, N.value = B.value.chart.width, z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, ya.value.plot = B.value.plot.radius, ya.value.line = B.value.line.radius, Fi.value = `0 0 ${N.value} ${Pi.value}`;
2492
- ua(), fa();
2493
- }
2494
- function Lc(e) {
2495
- Ii.value = {
2496
- x: e.clientX,
2497
- y: e.clientY
2498
- };
2499
- }
2500
- ut(() => {
2501
- Ic(), Uo(), document.addEventListener("mousemove", Lc, { passive: !0 }), document.addEventListener("scroll", yo, { passive: !0 });
2502
- }), lt(() => {
2503
- document.removeEventListener("scroll", yo, { passive: !0 }), document.removeEventListener("mousemove", Lc, { passive: !0 }), Ai.value &&= (Ai.value.unobserve(ji.value), Ai.value.disconnect(), null);
2504
- }), Ve({
2505
- timeLabelsEls: Di,
2506
- timeLabels: X,
2507
- slicer: W,
2508
- configRef: B,
2509
- rotationPath: [
2510
- "chart",
2511
- "grid",
2512
- "labels",
2513
- "xAxisLabels",
2514
- "rotation"
2515
- ],
2516
- autoRotatePath: [
2517
- "chart",
2518
- "grid",
2519
- "labels",
2520
- "xAxisLabels",
2521
- "autoRotate",
2522
- "enable"
2523
- ],
2524
- isAutoSize: Va,
2525
- height: Pi,
2526
- width: N,
2527
- rotation: B.value.chart.grid.labels.xAxisLabels.autoRotate.angle
2528
- });
2529
- let Rc = E(!1), zc = E(null), Bc = E(200), Vc = b(() => R.value ?? I.value ?? 0), Hc = b(() => {
2530
- if (!q.value) return null;
2531
- if (g(na.value)) return Number(na.value);
2532
- let e = ms.value[0];
2533
- return g(e?.point?.x) ? Number(e.point.x) : null;
2534
- });
2535
- function Uc() {
2536
- let e = Math.ceil(Bc.value || 200);
2537
- return Math.min(Math.max(e, 1), 200);
2538
- }
2539
- function Wc() {
2540
- let e = Uc(), t = (q.value && g(Hc.value) ? dc({ x: Hc.value }) : Hs(Vc.value)) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
2541
- return v(Math.max(n, Math.min(t, r)));
2542
- }
2543
- ut(() => {
2544
- let e = null, t = null, n = (e) => {
2545
- cancelAnimationFrame(t), t = requestAnimationFrame(() => {
2546
- Bc.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
2547
- });
2548
- }, r = new ResizeObserver((t) => {
2549
- let r = t.find((t) => t.target === e) || t[0];
2550
- r && n(r.contentRect.width || 200);
2551
- }), i = vt((t) => {
2552
- let i = zc.value;
2553
- e && e !== i && (r.unobserve(e), e = null), i && i !== e && (ot(() => {
2554
- i.offsetParent !== null && n(i.offsetWidth || i.getBoundingClientRect().width || 200);
2555
- }), r.observe(i), e = i), t(() => {
2556
- e &&= (r.unobserve(e), null);
2557
- });
2558
- });
2559
- lt(() => {
2560
- try {
2561
- e && r.unobserve(e), r.disconnect(), i();
2562
- } catch {}
2563
- });
2564
- });
2565
- let Gc = b(() => {
2566
- if (q.value) {
2567
- if (!Number.isFinite(Number(Hc.value))) return "";
2568
- } else if ([null, void 0].includes(R.value) && [null, void 0].includes(I.value)) return "";
2569
- let e = (R.value == null ? 0 : R.value) || (I.value == null ? 0 : I.value), t = B.value.chart.timeTag.customFormat;
2570
- if (Rc.value = !1, q.value) {
2571
- let e = Hc.value;
2572
- if (xe(t)) try {
2573
- let n = t({
2574
- absoluteIndex: e,
2575
- seriesIndex: e,
2576
- datapoint: rc.value,
2577
- bars: _c.value,
2578
- lines: $.value,
2579
- plots: vc.value,
2580
- config: B.value
2581
- });
2582
- if (typeof n == "string") return Rc.value = !0, n;
2583
- } catch {
2584
- console.warn("Custom format cannot be applied on timeTag."), Rc.value = !1;
2585
- }
2586
- return s({
2587
- v: e,
2588
- r: B.value.chart.grid.labels.xAxis.rounding
2589
- });
2590
- }
2591
- if (xe(t)) try {
2592
- let n = t({
2593
- absoluteIndex: e + W.value.start,
2594
- seriesIndex: e,
2595
- datapoint: rc.value,
2596
- bars: _c.value,
2597
- lines: $.value,
2598
- plots: vc.value,
2599
- config: B.value
2600
- });
2601
- if (typeof n == "string") return Rc.value = !0, n;
2602
- } catch {
2603
- console.warn("Custom format cannot be applied on timeTag."), Rc.value = !1;
2604
- }
2605
- if (!Rc.value) return [null, void 0].includes(X.value[e]) ? "" : B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.timeTag.useDefaultFormat ? wc.value(e + W.value.start, B.value.chart.timeTag.timeFormat) : X.value[e].text;
2606
- });
2607
- function Kc({ serie: e, plot: n, type: r }) {
2608
- if (!Jo(n.value)) return "";
2609
- let i = s({
2610
- p: e.prefix || B.value.chart.labels.prefix,
2611
- v: n.value,
2612
- s: e.suffix || B.value.chart.labels.suffix,
2613
- r: B.value[r].labels.rounding
2614
- });
2615
- return t({
2616
- content: q.value && g(n.x) ? `x: ${s({
2617
- v: n.x,
2618
- r: B.value.chart.grid.labels.xAxis.rounding
2619
- })}\ny: ${i}` : _(B.value[r].labels.formatter, n.value, i, {
2620
- datapoint: n,
2621
- serie: e
2622
- }),
2623
- fontSize: z.value.plotLabels,
2624
- fill: B.value[r].labels.color,
2625
- x: 0,
2626
- y: 0
2627
- });
2628
- }
2629
- function qc({ plot: e }) {
2630
- let t = B.value.bar.labels.offsetY, n = Math.abs(ss(e)), r = e.value < 0, i = {
2631
- x: (V.value.useIndividualScale && V.value.isStacked ? e.x + cs.value.line / 2 : us(e) + ls() / 2 - Qs.value / 2) + B.value.bar.labels.offsetX,
2632
- y: v(e.y) + (B.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
2633
- };
2634
- return `translate(${i.x}, ${i.y}) rotate(${B.value.bar.labels.rotation})`;
2635
- }
2636
- function Jc({ plot: e, type: t }) {
2637
- let n = B.value[t].labels.offsetY, r = {
2638
- x: e.x + B.value[t].labels.offsetX,
2639
- y: v(e.y) + (B.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
2640
- };
2641
- return `translate(${r.x}, ${r.y}) rotate(${B.value[t].labels.rotation})`;
2642
- }
2643
- function Yc({ plot: e, type: t }) {
2644
- if (B.value[t].labels.textAnchor != null) return B.value[t].labels.textAnchor;
2645
- let n = e.value >= 0;
2646
- return B.value[t].labels.rotation === 0 ? "middle" : B.value[t].labels.alwaysOnTop || n ? "start" : "end";
2647
- }
2648
- let Xc = b(() => q.value ? g(na.value) ? dc({ x: Number(na.value) }) : g(hs.value) ? hs.value : null : Hs((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)));
2649
- function Zc(e, t, n) {
2650
- return q.value ? ms.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
2651
- }
2652
- _t(() => j.dataset, (e) => {
2653
- if (Array.isArray(e) && e.length > 0 && (ka.value = !1), B.value.chart.zoom.keepState) {
2654
- if (U.value = Math.max(0, ...H.value.map((e) => Ma(e.series).length)), U.value > 0) {
2655
- let e = W.value.start, t = W.value.end;
2656
- if (!zo.value || e === 0 && t === 0) Uo();
2657
- else {
2658
- let n = Math.max(0, Math.min(e, U.value - 1)), r = Math.max(n + 1, Math.min(t, U.value));
2659
- W.value = {
2660
- start: n,
2661
- end: r
2662
- }, G.value = {
2663
- start: n,
2664
- end: r
2665
- }, Bo.value = 0, Vo.value = U.value;
2666
- }
2667
- }
2668
- } else U.value = Math.max(...H.value.map((e) => Ma(e.series).length)), W.value = {
2669
- start: 0,
2670
- end: U.value
2671
- };
2672
- Mi.value += 1, Ki.value += 1, ua(), fa(), Fa();
2673
- }, { deep: !0 }), _t(() => j.config, (e) => {
2674
- Oa.value || (B.value = ba()), Ic(), Wi.value += 1, Ui.value += 1, wa(), ua(), fa(), B.value.chart.zoom.keepState && (U.value = Math.max(0, ...H.value.map((e) => Ma(e.series).length)), U.value > 0 && (!zo.value || W.value.start === 0 && W.value.end === 0) && Uo()), Fa();
2675
- }, { deep: !0 });
2676
- let Qc = E(!1);
2677
- function $c() {
2678
- let e = vi.value?.parentNode;
2679
- if (!e) {
2680
- Qc.value = !1;
2681
- return;
2682
- }
2683
- let t = e.getBoundingClientRect();
2684
- Qc.value = t.width > 2 && t.height > 2;
2685
- }
2686
- ut(() => {
2687
- $c();
2688
- let e = new ResizeObserver(() => {
2689
- $c(), Qc.value && (Ic(), Fa(), B.value.chart.zoom.keepState || Uo());
2690
- });
2691
- vi.value?.parentNode && e.observe(vi.value.parentNode);
2692
- }), _t(B, () => {
2693
- wa();
2694
- }, { immediate: !0 });
2695
- let el = b(() => {
2696
- let e = B.value.table.useDialog && !B.value.showTable, t = V.value.showTable;
2697
- return {
2698
- component: e ? di : Je,
2699
- title: `${B.value.chart.title.text}${B.value.chart.title.subtitle.text ? `: ${B.value.chart.title.subtitle.text}` : ""}`,
2700
- props: e ? {
2701
- backgroundColor: B.value.table.th.backgroundColor,
2702
- color: B.value.table.th.color,
2703
- headerColor: B.value.table.th.color,
2704
- headerBg: B.value.table.th.backgroundColor,
2705
- isFullscreen: zi.value,
2706
- fullscreenParent: vi.value,
2707
- forcedWidth: Math.min(800, window.innerWidth * .8)
2708
- } : {
2709
- hideDetails: !0,
2710
- config: {
2711
- open: t,
2712
- maxHeight: 1e4,
2713
- body: {
2714
- backgroundColor: B.value.chart.backgroundColor,
2715
- color: B.value.chart.color
2716
- },
2717
- head: {
2718
- backgroundColor: B.value.chart.backgroundColor,
2719
- color: B.value.chart.color
2720
- }
2721
- }
2722
- }
2723
- };
2724
- });
2725
- _t(() => V.value.showTable, (e) => {
2726
- B.value.showTable || (e && B.value.table.useDialog && $i.value ? $i.value.open() : $i.value && $i.value.close && $i.value.close());
2727
- });
2728
- function tl() {
2729
- V.value.showTable = !1, ki.value && ki.value.setTableIconState(!1);
2730
- }
2731
- let nl = b(() => no.value.map((e) => ({
2732
- shape: e.type === "bar" ? "square" : e.shape ?? "circle",
2733
- color: e.color,
2734
- name: e.name
2735
- }))), rl = b(() => B.value.chart.backgroundColor), il = b(() => B.value.chart.legend), { exportSvg: al, getSvg: ol } = Le({
2736
- svg: L,
2737
- title: b(() => B.value.chart.title),
2738
- legend: il,
2739
- legendItems: nl,
2740
- backgroundColor: rl
2741
- });
2742
- async function sl({ isCb: e }) {
2743
- ta.value = !0, await ot();
2744
- try {
2745
- if (e) {
2746
- let { blob: e, url: t, text: n, dataUrl: r } = await ol();
2747
- await Promise.resolve(B.value.chart.userOptions.callbacks.svg({
2748
- blob: e,
2749
- url: t,
2750
- text: n,
2751
- dataUrl: r
2752
- }));
2753
- } else await Promise.resolve(al());
2754
- } finally {
2755
- ta.value = !1;
2756
- }
2757
- }
2758
- function cl(e) {
2759
- if (e?.stage === "start") {
2760
- ea.value = !0;
2761
- return;
2762
- }
2763
- if (e?.stage === "end") {
2764
- ea.value = !1;
2765
- return;
2766
- }
2767
- Ba();
2768
- }
2769
- async function ll() {
2770
- if (fi("copyAlt", {
2771
- config: {
2772
- ...B.value,
2773
- formattedDates: X.value
2774
- },
2775
- dataset: {
2776
- lines: $.value,
2777
- bars: _c.value,
2778
- plots: vc.value
2779
- }
2780
- }), !B.value.chart.userOptions.callbacks.altCopy) {
2781
- console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
2782
- return;
2783
- }
2784
- await Promise.resolve(B.value.chart.userOptions.callbacks.altCopy({
2785
- config: {
2786
- ...B.value,
2787
- formattedDates: X.value
2788
- },
2789
- dataset: {
2790
- lines: $.value,
2791
- bars: _c.value,
2792
- plots: vc.value
2793
- }
2794
- }));
2795
- }
2796
- let ul = E(!1);
2797
- function dl() {
2798
- W.value.end > W.value.start && (ra.value = null), xo.value = !0, ul.value = !0;
2799
- }
2800
- function fl() {
2801
- ra.value = null, xs(), ul.value = !1, xo.value = !1;
2802
- }
2803
- function pl(e) {
2804
- if (!L.value || Ri.value || document.activeElement !== L.value) return;
2805
- let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
2806
- if (!t && !n || !W.value.end && W.value.end !== 0) return;
2807
- let r = W.value.end - W.value.start;
2808
- if (r <= 0) return;
2809
- if (e.preventDefault(), e.stopPropagation(), q.value) {
2810
- let e = gs.value.length;
2811
- if (!e) return;
2812
- let r = ra.value;
2813
- r !== null && r >= 0 && r < e ? n ? (r += 1, r >= e && (r = 0)) : t && (--r, r < 0 && (r = e - 1)) : r = n ? 0 : e - 1, _s(r);
2814
- return;
2815
- }
2816
- let i = ra.value, a = ps.value;
2817
- i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, ra.value = i, ml(i), Ac(!0, i);
2818
- }
2819
- function ml(e) {
2820
- let t = W.value.end - W.value.start;
2821
- if (t <= 0) return;
2822
- let n = Y.value.width / t, r = d(Y.value.left + n * e + n / 2, Y.value.top + Y.value.height / 2, L.value);
2823
- r && (ia.value = r);
2824
- }
2825
- let hl = b(() => {
2826
- if (!Oc.value) return null;
2827
- let e = B.value.table.showSum, t = [B.value.table.columnNames.period].concat(ro.value.map((e) => e.name));
2828
- e && (t = t.concat(B.value.table.columnNames.total));
2829
- let n = Oc.value.body.slice(W.value.start, W.value.end);
2830
- return {
2831
- headers: t,
2832
- rows: n
2833
- };
2834
- });
2835
- return Ke({
2836
- getData: ws,
2837
- getImage: Ts,
2838
- generatePdf: za,
2839
- generateImage: Ba,
2840
- generateSvg: sl,
2841
- generateCsv: kc,
2842
- hideSeries: Ms,
2843
- showSeries: js,
2844
- toggleStack: Po,
2845
- toggleTable: jc,
2846
- toggleLabels: Mc,
2847
- toggleTooltip: Nc,
2848
- toggleAnnotator: Co,
2849
- toggleFullscreen: Pc,
2850
- copyAlt: ll,
2851
- resetZoom: qo
2852
- }), (n, r) => (T(), S("div", {
2853
- id: `vue-ui-xy_${F.value}`,
2854
- class: st(`vue-data-ui-component vue-ui-xy ${zi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${B.value.useCssAnimation ? "" : "vue-ui-dna"}`),
2855
- ref_key: "chart",
2856
- ref: vi,
2857
- style: w(`background:${B.value.chart.backgroundColor}; color:${B.value.chart.color};width:100%;font-family:${B.value.chart.fontFamily};${B.value.responsive ? "height: 100%" : ""}`),
2858
- onMouseenter: r[6] ||= () => So(!0),
2859
- onMouseleave: r[7] ||= () => So(!1),
2860
- onClick: Ss
2861
- }, [
2862
- C("div", {
2863
- id: `chart-instructions-${F.value}`,
2864
- class: "sr-only"
2865
- }, [C("p", null, pt(B.value.a11y.translations.keyboardNavigation), 1)], 8, St),
2866
- hl.value?.rows?.length ? (T(), Qe(Xe, {
2867
- key: 0,
2868
- uid: F.value,
2869
- head: hl.value.headers,
2870
- body: hl.value.rows,
2871
- notice: B.value.a11y.translations.tableAvailable,
2872
- caption: B.value.a11y.translations.tableCaption
2873
- }, null, 8, [
2874
- "uid",
2875
- "head",
2876
- "body",
2877
- "notice",
2878
- "caption"
2879
- ])) : x("", !0),
2880
- B.value.chart.userOptions.buttons.annotator && L.value ? (T(), Qe(k(ui), {
2881
- key: 1,
2882
- svgRef: L.value,
2883
- backgroundColor: B.value.chart.backgroundColor,
2884
- color: B.value.chart.color,
2885
- active: Ri.value,
2886
- isCursorPointer: Ca.value,
2887
- onClose: Co
2888
- }, {
2889
- "annotator-action-close": A(() => [O(n.$slots, "annotator-action-close", {}, void 0, !0)]),
2890
- "annotator-action-color": A(({ color: e }) => [O(n.$slots, "annotator-action-color", ct(it({ color: e })), void 0, !0)]),
2891
- "annotator-action-draw": A(({ mode: e }) => [O(n.$slots, "annotator-action-draw", ct(it({ mode: e })), void 0, !0)]),
2892
- "annotator-action-undo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-undo", ct(it({ disabled: e })), void 0, !0)]),
2893
- "annotator-action-redo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-redo", ct(it({ disabled: e })), void 0, !0)]),
2894
- "annotator-action-delete": A(({ disabled: e }) => [O(n.$slots, "annotator-action-delete", ct(it({ disabled: e })), void 0, !0)]),
2895
- _: 3
2896
- }, 8, [
2897
- "svgRef",
2898
- "backgroundColor",
2899
- "color",
2900
- "active",
2901
- "isCursorPointer"
2902
- ])) : x("", !0),
2903
- Fs.value ? (T(), S("div", {
2904
- key: 2,
2905
- ref_key: "noTitle",
2906
- ref: Ci,
2907
- class: "vue-data-ui-no-title-space",
2908
- style: "height:36px; width: 100%; background:transparent"
2909
- }, null, 512)) : x("", !0),
2910
- B.value.chart.title.show ? (T(), S("div", {
2911
- key: 3,
2912
- ref_key: "chartTitle",
2913
- ref: yi,
2914
- class: "vue-ui-xy-title",
2915
- style: w(`font-family:${B.value.chart.fontFamily}`)
2916
- }, [(T(), Qe(Ue, {
2917
- key: `title_${Wi.value}`,
2918
- config: {
2919
- title: {
2920
- cy: "xy-div-title",
2921
- ...B.value.chart.title
2922
- },
2923
- subtitle: {
2924
- cy: "xy-div-subtitle",
2925
- ...B.value.chart.title.subtitle
2926
- }
2927
- }
2928
- }, null, 8, ["config"]))], 4)) : x("", !0),
2929
- C("div", { id: `legend-top-${F.value}` }, null, 8, Ct),
2930
- B.value.chart.userOptions.show && (Ji.value || Yi.value) ? (T(), Qe(k(oi), {
2931
- ref_key: "userOptionsRef",
2932
- ref: ki,
2933
- key: `user_options_${Hi.value}`,
2934
- backgroundColor: B.value.chart.backgroundColor,
2935
- color: B.value.chart.color,
2936
- isPrinting: k(La),
2937
- isImaging: k(Ra),
2938
- uid: F.value,
2939
- hasTooltip: B.value.chart.userOptions.buttons.tooltip && B.value.chart.tooltip.show,
2940
- hasPdf: B.value.chart.userOptions.buttons.pdf,
2941
- hasXls: B.value.chart.userOptions.buttons.csv,
2942
- hasImg: B.value.chart.userOptions.buttons.img,
2943
- hasSvg: B.value.chart.userOptions.buttons.svg,
2944
- hasLabel: B.value.chart.userOptions.buttons.labels,
2945
- hasTable: B.value.chart.userOptions.buttons.table,
2946
- hasStack: e.dataset.length > 1 && B.value.chart.userOptions.buttons.stack,
2947
- hasFullscreen: B.value.chart.userOptions.buttons.fullscreen,
2948
- hasAltCopy: B.value.chart.userOptions.buttons.altCopy,
2949
- isStacked: V.value.isStacked,
2950
- isFullscreen: zi.value,
2951
- chartElement: n.$refs.chart,
2952
- position: B.value.chart.userOptions.position,
2953
- isTooltip: V.value.showTooltip,
2954
- titles: { ...B.value.chart.userOptions.buttonTitles },
2955
- hasAnnotator: B.value.chart.userOptions.buttons.annotator,
2956
- isAnnotation: Ri.value,
2957
- callbacks: B.value.chart.userOptions.callbacks,
2958
- tableDialog: B.value.table.useDialog,
2959
- printScale: B.value.chart.userOptions.print.scale,
2960
- isCursorPointer: Ca.value,
2961
- onToggleFullscreen: Pc,
2962
- onGeneratePdf: k(za),
2963
- onGenerateCsv: kc,
2964
- onGenerateImage: cl,
2965
- onGenerateSvg: sl,
2966
- onToggleTable: jc,
2967
- onToggleLabels: Mc,
2968
- onToggleStack: Po,
2969
- onToggleTooltip: Nc,
2970
- onToggleAnnotator: Co,
2971
- onCopyAlt: ll,
2972
- style: w({ visibility: Ji.value ? Yi.value ? "visible" : "hidden" : "visible" })
2973
- }, $e({ _: 2 }, [
2974
- n.$slots.menuIcon ? {
2975
- name: "menuIcon",
2976
- fn: A(({ isOpen: e, color: t }) => [O(n.$slots, "menuIcon", ct(it({
2977
- isOpen: e,
2978
- color: t
2979
- })), void 0, !0)]),
2980
- key: "0"
2981
- } : void 0,
2982
- n.$slots.optionTooltip ? {
2983
- name: "optionTooltip",
2984
- fn: A(() => [O(n.$slots, "optionTooltip", {}, void 0, !0)]),
2985
- key: "1"
2986
- } : void 0,
2987
- n.$slots.optionPdf ? {
2988
- name: "optionPdf",
2989
- fn: A(() => [O(n.$slots, "optionPdf", {}, void 0, !0)]),
2990
- key: "2"
2991
- } : void 0,
2992
- n.$slots.optionCsv ? {
2993
- name: "optionCsv",
2994
- fn: A(() => [O(n.$slots, "optionCsv", {}, void 0, !0)]),
2995
- key: "3"
2996
- } : void 0,
2997
- n.$slots.optionImg ? {
2998
- name: "optionImg",
2999
- fn: A(() => [O(n.$slots, "optionImg", {}, void 0, !0)]),
3000
- key: "4"
3001
- } : void 0,
3002
- n.$slots.optionSvg ? {
3003
- name: "optionSvg",
3004
- fn: A(() => [O(n.$slots, "optionSvg", {}, void 0, !0)]),
3005
- key: "5"
3006
- } : void 0,
3007
- n.$slots.optionTable ? {
3008
- name: "optionTable",
3009
- fn: A(() => [O(n.$slots, "optionTable", {}, void 0, !0)]),
3010
- key: "6"
3011
- } : void 0,
3012
- n.$slots.optionLabels ? {
3013
- name: "optionLabels",
3014
- fn: A(() => [O(n.$slots, "optionLabels", {}, void 0, !0)]),
3015
- key: "7"
3016
- } : void 0,
3017
- n.$slots.optionStack ? {
3018
- name: "optionStack",
3019
- fn: A(({ isStack: e }) => [O(n.$slots, "optionStack", ct(it({ isStack: e })), void 0, !0)]),
3020
- key: "8"
3021
- } : void 0,
3022
- n.$slots.optionFullscreen ? {
3023
- name: "optionFullscreen",
3024
- fn: A(({ toggleFullscreen: e, isFullscreen: t }) => [O(n.$slots, "optionFullscreen", ct(it({
3025
- toggleFullscreen: e,
3026
- isFullscreen: t
3027
- })), void 0, !0)]),
3028
- key: "9"
3029
- } : void 0,
3030
- n.$slots.optionAnnotator ? {
3031
- name: "optionAnnotator",
3032
- fn: A(({ toggleAnnotator: e, isAnnotator: t }) => [O(n.$slots, "optionAnnotator", ct(it({
3033
- toggleAnnotator: e,
3034
- isAnnotator: t
3035
- })), void 0, !0)]),
3036
- key: "10"
3037
- } : void 0,
3038
- n.$slots.optionAltCopy ? {
3039
- name: "optionAltCopy",
3040
- fn: A(({ altCopy: e }) => [O(n.$slots, "optionAltCopy", ct(it({ altCopy: e })), void 0, !0)]),
3041
- key: "11"
3042
- } : void 0,
3043
- n.$slots["custom-menu-before"] ? {
3044
- name: "custom-menu-before",
3045
- fn: A(() => [O(n.$slots, "custom-menu-before", {}, void 0, !0)]),
3046
- key: "12"
3047
- } : void 0,
3048
- n.$slots["custom-menu-after"] ? {
3049
- name: "custom-menu-after",
3050
- fn: A(() => [O(n.$slots, "custom-menu-after", {}, void 0, !0)]),
3051
- key: "13"
3052
- } : void 0
3053
- ]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : x("", !0),
3054
- C("div", wt, [(T(), S("svg", {
3055
- ref_key: "svgRef",
3056
- ref: L,
3057
- xmlns: "http://www.w3.org/2000/svg",
3058
- class: st([{
3059
- "vue-data-ui-fullscreen--on": zi.value,
3060
- "vue-data-ui-fulscreen--off": !zi.value
3061
- }, "vue-ui-xy-svg vue-data-ui-svg"]),
3062
- width: "100%",
3063
- viewBox: Fi.value,
3064
- style: w({
3065
- background: "transparent",
3066
- color: B.value.chart.color,
3067
- fontFamily: B.value.chart.fontFamily
3068
- }),
3069
- "aria-label": Ns.value,
3070
- "aria-describedby": `chart-instructions-${F.value}`,
3071
- "aria-live": "polite",
3072
- role: "img",
3073
- tabindex: "0",
3074
- preserveAspectRatio: "xMidYMid",
3075
- onMousemove: bs,
3076
- onMouseleave: xs,
3077
- onClick: Ss,
3078
- onFocus: dl,
3079
- onBlur: fl,
3080
- onKeydown: pl
3081
- }, [C("g", {
3082
- ref_key: "G",
3083
- ref: wi,
3084
- class: "vue-data-ui-g"
3085
- }, [
3086
- tt(k(li)),
3087
- n.$slots["chart-background"] ? (T(), S("foreignObject", {
3088
- key: 0,
3089
- x: Math.max(0, Y.value?.left),
3090
- y: Y.value?.top,
3091
- width: Math.max(0, Y.value?.width),
3092
- height: Math.max(0, Y.value?.height),
3093
- style: { pointerEvents: "none" }
3094
- }, [O(n.$slots, "chart-background", {}, void 0, !0)], 8, Et)) : x("", !0),
3095
- Z.value > 0 ? (T(), S("g", Dt, [
3096
- C("g", Ot, [
3097
- B.value.chart.grid.labels.xAxis.showBaseline ? (T(), S("line", {
3098
- key: 0,
3099
- stroke: B.value.chart.grid.stroke,
3100
- "stroke-width": "1",
3101
- x1: Y.value?.left,
3102
- x2: Y.value?.right,
3103
- y1: k(h)(Y.value?.bottom),
3104
- y2: k(h)(Y.value?.bottom),
3105
- "stroke-linecap": "round",
3106
- style: { animation: "none !important" }
3107
- }, null, 8, kt)) : x("", !0),
3108
- V.value.useIndividualScale ? B.value.chart.grid.showHorizontalLines ? (T(!0), S(y, { key: 2 }, D(yc.value, (e) => (T(), S("g", null, [e.id === M.value && e.yLabels.length ? (T(!0), S(y, { key: 0 }, D(e.yLabels, (t) => (T(), S("line", {
3109
- x1: Y.value?.left,
3110
- x2: Y.value?.right,
3111
- y1: k(h)(t.y),
3112
- y2: k(h)(t.y),
3113
- stroke: e.color,
3114
- "stroke-width": .5,
3115
- "stroke-linecap": "round",
3116
- style: { animation: "none !important" }
3117
- }, null, 8, Nt))), 256)) : e.yLabels.length ? (T(!0), S(y, { key: 1 }, D(e.yLabels, (e) => (T(), S("line", {
3118
- x1: Y.value?.left,
3119
- x2: Y.value?.right,
3120
- y1: k(h)(e.y),
3121
- y2: k(h)(e.y),
3122
- stroke: B.value.chart.grid.stroke,
3123
- "stroke-width": .5,
3124
- "stroke-linecap": "round",
3125
- style: { animation: "none !important" }
3126
- }, null, 8, Pt))), 256)) : x("", !0)]))), 256)) : x("", !0) : (T(), S(y, { key: 1 }, [B.value.chart.grid.labels.yAxis.showBaseline ? (T(), S("line", {
3127
- key: 0,
3128
- class: "vue-ui-xy-y-axis",
3129
- stroke: B.value.chart.grid.stroke,
3130
- "stroke-width": "1",
3131
- x1: J.value ? Y.value?.right : Y.value?.left,
3132
- x2: J.value ? Y.value?.right : Y.value?.left,
3133
- y1: k(h)(Y.value?.top),
3134
- y2: k(h)(Y.value?.bottom),
3135
- "stroke-linecap": "round",
3136
- style: { animation: "none !important" }
3137
- }, null, 8, At)) : x("", !0), B.value.chart.grid.showHorizontalLines ? (T(), S("g", jt, [(T(!0), S(y, null, D(ic.value, (e) => (T(), S("line", {
3138
- x1: Y.value?.left,
3139
- x2: Y.value?.right,
3140
- y1: k(h)(e.y),
3141
- y2: k(h)(e.y),
3142
- stroke: B.value.chart.grid.stroke,
3143
- "stroke-width": .5,
3144
- "stroke-linecap": "round",
3145
- style: { animation: "none !important" }
3146
- }, null, 8, Mt))), 256))])) : x("", !0)], 64)),
3147
- B.value.chart.grid.showVerticalLines ? (T(), S("g", Ft, [C("path", {
3148
- d: ho.value,
3149
- "stroke-width": .5,
3150
- stroke: B.value.chart.grid.stroke,
3151
- "stroke-linecap": "round",
3152
- style: { animation: "none !important" }
3153
- }, null, 8, It)])) : x("", !0),
3154
- B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", Lt, [C("path", {
3155
- d: go.value,
3156
- stroke: B.value.chart.grid.stroke,
3157
- "stroke-width": 1,
3158
- "stroke-linecap": "round",
3159
- style: { animation: "none !important" }
3160
- }, null, 8, Rt)])) : x("", !0)
3161
- ]),
3162
- (T(!0), S(y, null, D(_c.value, (e, t) => (T(), S("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? O(n.$slots, "bar-gradient", at({
3163
- key: 0,
3164
- ref_for: !0
3165
- }, {
3166
- series: e,
3167
- positiveId: `rectGradient_pos_${t}_${F.value}`,
3168
- negativeId: `rectGradient_neg_${t}_${F.value}`
3169
- }), void 0, !0) : (T(), S(y, { key: 1 }, [C("linearGradient", {
3170
- id: `rectGradient_pos_${t}_${F.value}`,
3171
- x2: "0%",
3172
- y2: "100%"
3173
- }, [
3174
- C("stop", {
3175
- offset: "0%",
3176
- "stop-color": e.color
3177
- }, null, 8, Bt),
3178
- C("stop", {
3179
- offset: "62%",
3180
- "stop-color": `${k(p)(e.color, .02)}`
3181
- }, null, 8, Vt),
3182
- C("stop", {
3183
- offset: "100%",
3184
- "stop-color": `${k(p)(e.color, .05)}`
3185
- }, null, 8, Ht)
3186
- ], 8, zt), C("linearGradient", {
3187
- id: `rectGradient_neg_${t}_${F.value}`,
3188
- x2: "0%",
3189
- y2: "100%"
3190
- }, [
3191
- C("stop", {
3192
- offset: "0%",
3193
- "stop-color": `${k(p)(e.color, .05)}`
3194
- }, null, 8, Wt),
3195
- C("stop", {
3196
- offset: "38%",
3197
- "stop-color": `${k(p)(e.color, .02)}`
3198
- }, null, 8, Gt),
3199
- C("stop", {
3200
- offset: "100%",
3201
- "stop-color": e.color
3202
- }, null, 8, Kt)
3203
- ], 8, Ut)], 64))]))), 128)),
3204
- (T(!0), S(y, null, D(vc.value, (e, t) => (T(), S("defs", { key: `def_plot_${t}` }, [C("radialGradient", {
3205
- id: `plotGradient_${t}_${F.value}`,
3206
- cx: "50%",
3207
- cy: "50%",
3208
- r: "50%",
3209
- fx: "50%",
3210
- fy: "50%"
3211
- }, [C("stop", {
3212
- offset: "0%",
3213
- "stop-color": `${k(p)(e.color, .05)}`
3214
- }, null, 8, Jt), C("stop", {
3215
- offset: "100%",
3216
- "stop-color": e.color
3217
- }, null, 8, Yt)], 8, qt)]))), 128)),
3218
- (T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
3219
- id: `lineGradient_${t}_${F.value}`,
3220
- cx: "50%",
3221
- cy: "50%",
3222
- r: "50%",
3223
- fx: "50%",
3224
- fy: "50%"
3225
- }, [C("stop", {
3226
- offset: "0%",
3227
- "stop-color": `${k(p)(e.color, .05)}`
3228
- }, null, 8, Zt), C("stop", {
3229
- offset: "100%",
3230
- "stop-color": e.color
3231
- }, null, 8, Qt)], 8, Xt), n.$slots["area-gradient"] ? O(n.$slots, "area-gradient", at({
3232
- key: 0,
3233
- ref_for: !0
3234
- }, {
3235
- series: e,
3236
- id: `areaGradient_${t}_${F.value}`
3237
- }), void 0, !0) : (T(), S("linearGradient", {
3238
- key: 1,
3239
- id: `areaGradient_${t}_${F.value}`,
3240
- x1: "0%",
3241
- x2: "100%",
3242
- y1: "0%",
3243
- y2: "0%"
3244
- }, [C("stop", {
3245
- offset: "0%",
3246
- "stop-color": `${k(f)(k(p)(e.color, .03), B.value.line.area.opacity)}`
3247
- }, null, 8, en), C("stop", {
3248
- offset: "100%",
3249
- "stop-color": `${k(f)(e.color, B.value.line.area.opacity)}`
3250
- }, null, 8, tn)], 8, $t))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), S("defs", nn, [C("linearGradient", {
3251
- id: `temperature_grad_line_${t}_${F.value}`,
3252
- gradientTransform: "rotate(90)"
3253
- }, [(T(!0), S(y, null, D(e.temperatureColors, (n, r) => (T(), S("stop", {
3254
- key: `temperature_grad_stop_${t}_${r}_${F.value}`,
3255
- "stop-color": n,
3256
- offset: k(me)(r, e.temperatureColors.length)
3257
- }, null, 8, an))), 128))], 8, rn)])) : x("", !0)], 64))), 128)),
3258
- (T(!0), S(y, null, D(Is.value, (e) => (T(), S("g", null, [e.show ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [C("rect", {
3259
- style: w({
3260
- transition: "none",
3261
- opacity: +(e.from + n >= W.value.start && e.from + n <= W.value.end - 1)
3262
- }),
3263
- x: Ws(e.from + n - W.value.start),
3264
- y: Y.value?.top,
3265
- height: Y.value.height < 0 ? 10 : Y.value.height,
3266
- width: Gs(e.from + n - W.value.start),
3267
- fill: k(f)(e.color, e.opacity)
3268
- }, null, 12, on)]))), 256)), (T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [e.caption.text && n === 0 ? (T(), S("foreignObject", {
3269
- key: 0,
3270
- x: Ws(e.from + n - W.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Js(e.span) / 2),
3271
- y: Y.value?.top + e.caption.offsetY,
3272
- style: w({
3273
- overflow: "visible",
3274
- opacity: +(e.to >= W.value.start && e.from < W.value.end)
3275
- }),
3276
- height: "1",
3277
- width: e.caption.width === "auto" ? Js(e.span) : e.caption.width
3278
- }, [C("div", { style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, pt(e.caption.text), 5)], 12, sn)) : x("", !0)]))), 256))], 64)) : x("", !0)]))), 256)),
3279
- xo.value && !q.value ? (T(), S("g", cn, [(T(!0), S(y, null, D(Z.value, (e, t) => (T(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
3280
- x: Ws(t),
3281
- y: Y.value?.top,
3282
- height: Y.value.height < 0 ? 10 : Y.value.height,
3283
- width: qs(t),
3284
- fill: [
3285
- I.value,
3286
- R.value,
3287
- Vi.value
3288
- ].includes(t) ? k(f)(B.value.chart.highlighter.color, B.value.chart.highlighter.opacity) : "transparent",
3289
- style: {
3290
- transition: "none !important",
3291
- animation: "none !important"
3292
- }
3293
- }, null, 8, ln)]))), 128))])) : x("", !0),
3294
- _c.value.length ? (T(!0), S(y, { key: 1 }, D(_c.value, (e, t) => (T(), S("g", {
3295
- key: `serie_bar_${e.id}`,
3296
- class: st(`serie_bar_${t}`),
3297
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3298
- }, [(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S("g", { key: `bar_plot_${t}_${i}` }, [
3299
- Jo(r.value) ? (T(), S("rect", {
3300
- key: 0,
3301
- x: us(r) + ec.value / 2,
3302
- y: V.value.useIndividualScale ? fs(r) : ds(r),
3303
- height: V.value.useIndividualScale ? Math.abs(ss(r)) : Math.abs(os(r)),
3304
- width: $s.value - ec.value,
3305
- rx: B.value.bar.borderRadius,
3306
- fill: B.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${t}_${F.value})` : `url(#rectGradient_neg_${t}_${F.value})` : e.color,
3307
- stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
3308
- "stroke-width": B.value.bar.border.strokeWidth,
3309
- style: w({ transition: k(Oa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
3310
- }, null, 12, un)) : x("", !0),
3311
- Jo(r.value) && n.$slots.pattern ? (T(), S("rect", {
3312
- key: 1,
3313
- x: us(r) - ec.value / 2,
3314
- y: V.value.useIndividualScale ? fs(r) : ds(r),
3315
- height: V.value.useIndividualScale ? Math.abs(ss(r)) : Math.abs(os(r)),
3316
- width: $s.value - ec.value,
3317
- rx: B.value.bar.borderRadius,
3318
- fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
3319
- stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
3320
- "stroke-width": B.value.bar.border.strokeWidth,
3321
- style: w({ transition: k(Oa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
3322
- }, null, 12, dn)) : x("", !0),
3323
- r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
3324
- key: 2,
3325
- style: { overflow: "visible" },
3326
- height: "12",
3327
- width: $s.value + B.value.chart.comments.width,
3328
- x: us(r) - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
3329
- y: k(v)(r.y) + B.value.chart.comments.offsetY + 6
3330
- }, [O(n.$slots, "plot-comment", { plot: {
3331
- ...r,
3332
- color: e.color,
3333
- seriesIndex: t,
3334
- datapointIndex: i
3335
- } }, void 0, !0)], 8, fn)) : x("", !0)
3336
- ]))), 128))], 6))), 128)) : x("", !0),
3337
- !V.value.useIndividualScale && B.value.chart.grid.labels.zeroLine.show ? (T(), S("line", {
3338
- key: 2,
3339
- stroke: B.value.chart.grid.stroke,
3340
- "stroke-width": "1",
3341
- x1: Y.value?.left,
3342
- x2: Y.value?.right,
3343
- y1: k(h)(as.value),
3344
- y2: k(h)(as.value),
3345
- "stroke-linecap": "round",
3346
- style: { animation: "none !important" }
3347
- }, null, 8, pn)) : x("", !0),
3348
- (B.value.chart.highlighter.useLine || q.value) && No.value ? (T(), S("g", mn, [C("line", {
3349
- x1: Xc.value,
3350
- x2: Xc.value,
3351
- y1: k(h)(Y.value?.top),
3352
- y2: k(h)(Y.value?.bottom),
3353
- stroke: B.value.chart.highlighter.color,
3354
- "stroke-width": B.value.chart.highlighter.lineWidth,
3355
- "stroke-dasharray": B.value.chart.highlighter.lineDasharray,
3356
- "stroke-linecap": "round",
3357
- style: {
3358
- transition: "none !important",
3359
- animation: "none !important",
3360
- "pointer-events": "none"
3361
- }
3362
- }, null, 8, hn)])) : x("", !0),
3363
- B.value.chart.grid.frame.show ? (T(), S("rect", {
3364
- key: 4,
3365
- style: {
3366
- pointerEvents: "none",
3367
- transition: "none",
3368
- animation: "none !important"
3369
- },
3370
- x: Math.max(0, Y.value?.left),
3371
- y: Y.value?.top,
3372
- width: Math.max(0, Y.value?.width),
3373
- height: Y.value.height < 0 ? 0 : Y.value.height,
3374
- fill: "transparent",
3375
- stroke: B.value.chart.grid.frame.stroke,
3376
- "stroke-width": B.value.chart.grid.frame.strokeWidth,
3377
- "stroke-linecap": B.value.chart.grid.frame.strokeLinecap,
3378
- "stroke-linejoin": B.value.chart.grid.frame.strokeLinejoin,
3379
- "stroke-dasharray": B.value.chart.grid.frame.strokeDasharray
3380
- }, null, 8, gn)) : x("", !0),
3381
- B.value.chart.grid.labels.show ? (T(), S("g", {
3382
- key: 5,
3383
- ref_key: "scaleLabels",
3384
- ref: Oi
3385
- }, [V.value.useIndividualScale ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(yc.value, (e) => (T(), S("g", null, [C("line", {
3386
- x1: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
3387
- x2: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
3388
- y1: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset - e.individualHeight) : k(h)(Y.value?.top),
3389
- y2: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset) : k(h)(Y.value?.bottom),
3390
- stroke: e.color,
3391
- "stroke-width": B.value.chart.grid.stroke,
3392
- "stroke-linecap": "round",
3393
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
3394
- }, null, 12, _n)]))), 256)), (T(!0), S(y, null, D(yc.value, (e) => (T(), S("g", { style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
3395
- C("text", {
3396
- fill: e.color,
3397
- "font-size": z.value.dataLabels * .8,
3398
- "text-anchor": "middle",
3399
- transform: `translate(${V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX + B.value.chart.grid.labels.axis.yLabelOffsetX : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - B.value.chart.grid.labels.yAxis.labelWidth - B.value.chart.grid.labels.axis.yLabelOffsetX : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX : e.x - z.value.dataLabels * .8 / 2}, ${V.value.isStacked ? Y.value?.bottom - e.yOffset - e.individualHeight / 2 : Y.value?.top + Y.value.height / 2}) rotate(-90)`
3400
- }, pt(e.name) + " " + pt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, vn),
3401
- (T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S(y, null, [B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
3402
- key: 0,
3403
- x1: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x + 3 - B.value.chart.grid.labels.yAxis.crosshairSize - Y.value.individualOffsetX,
3404
- x2: V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize : e.x - Y.value.individualOffsetX,
3405
- y1: k(h)(t.y),
3406
- y2: k(h)(t.y),
3407
- stroke: e.color,
3408
- "stroke-width": 1,
3409
- "stroke-linecap": "round",
3410
- style: { animation: "none !important" }
3411
- }, null, 8, yn)) : x("", !0)], 64))), 256)),
3412
- (T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S("text", {
3413
- transform: `translate(${V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - Y.value.individualOffsetX}, ${k(h)(t.y) + z.value.dataLabels / 3})`,
3414
- "text-anchor": J.value ? "start" : "end",
3415
- "font-size": z.value.dataLabels,
3416
- fill: e.color
3417
- }, pt(k(_)(B.value.chart.grid.labels.yAxis.formatter, t.value, k(s)({
3418
- p: t.prefix,
3419
- v: t.value,
3420
- s: t.suffix,
3421
- r: B.value.chart.grid.labels.yAxis.rounding
3422
- }), {
3423
- datapoint: t.datapoint,
3424
- seriesIndex: n
3425
- })), 9, bn))), 256))
3426
- ], 4))), 256))], 64)) : (T(!0), S(y, { key: 1 }, D(ic.value, (e, t) => (T(), S("g", { key: `yLabel_${t}` }, [Jo(e) && e.value >= K.value.min && e.value <= K.value.max && B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
3427
- key: 0,
3428
- x1: J.value ? Y.value?.right : Y.value?.left,
3429
- x2: J.value ? Y.value?.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value?.left - B.value.chart.grid.labels.yAxis.crosshairSize,
3430
- y1: k(h)(e.y),
3431
- y2: k(h)(e.y),
3432
- stroke: B.value.chart.grid.stroke,
3433
- "stroke-width": "1",
3434
- "stroke-linecap": "round",
3435
- style: { animation: "none !important" }
3436
- }, null, 8, xn)) : x("", !0), e.value >= K.value.min && e.value <= K.value.max ? (T(), S("text", {
3437
- key: 1,
3438
- transform: `translate(${J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(v)(e.y + z.value.dataLabels / 3)})`,
3439
- "font-size": z.value.dataLabels,
3440
- "text-anchor": J.value ? "start" : "end",
3441
- fill: B.value.chart.grid.labels.color
3442
- }, pt(Jo(e.value) ? k(_)(B.value.chart.grid.labels.yAxis.formatter, e.value, k(s)({
3443
- p: e.prefix,
3444
- v: e.value,
3445
- s: e.suffix,
3446
- r: B.value.chart.grid.labels.yAxis.rounding
3447
- })) : ""), 9, Sn)) : x("", !0)]))), 128))], 512)) : x("", !0),
3448
- (T(!0), S(y, null, D(vc.value, (e, t) => (T(), S("g", {
3449
- key: `serie_plot_${e.id}`,
3450
- class: st(`serie_plot_${t}`),
3451
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3452
- }, [(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S("g", { key: `circle_plot_${t}_${i}` }, [r && Jo(r.value) ? (T(), Qe(Ge, {
3453
- key: 0,
3454
- shape: [
3455
- "triangle",
3456
- "square",
3457
- "diamond",
3458
- "pentagon",
3459
- "hexagon",
3460
- "star"
3461
- ].includes(e.shape) ? e.shape : "circle",
3462
- color: B.value.plot.useGradient ? `url(#plotGradient_${t}_${F.value})` : B.value.plot.dot.useSerieColor ? e.color : B.value.plot.dot.fill,
3463
- plot: {
3464
- x: k(v)(r.x),
3465
- y: k(v)(r.y)
3466
- },
3467
- radius: Zc(e, r, i) ? (ya.value.plot || 6) * 1.5 : (oc(e.plots, i), ya.value.plot || 6),
3468
- stroke: B.value.plot.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
3469
- strokeWidth: B.value.plot.dot.strokeWidth,
3470
- transition: k(Oa) || !B.value.plot.showTransition || Zc(e, r, i) ? void 0 : `all ${B.value.plot.transitionDurationMs}ms ease-in-out`
3471
- }, null, 8, [
3472
- "shape",
3473
- "color",
3474
- "plot",
3475
- "radius",
3476
- "stroke",
3477
- "strokeWidth",
3478
- "transition"
3479
- ])) : x("", !0), r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
3480
- key: 1,
3481
- style: { overflow: "visible" },
3482
- height: "12",
3483
- width: B.value.chart.comments.width,
3484
- x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
3485
- y: r.y + B.value.chart.comments.offsetY + 6
3486
- }, [C("div", wn, [O(n.$slots, "plot-comment", { plot: {
3487
- ...r,
3488
- color: e.color,
3489
- seriesIndex: t,
3490
- datapointIndex: i
3491
- } }, void 0, !0)])], 8, Cn)) : x("", !0)]))), 128))], 6))), 128)),
3492
- (T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
3493
- key: `serie_line_${e.id}`,
3494
- class: st(`serie_line_${t}`),
3495
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3496
- }, [e.smooth && e.plots.length > 1 && e.curve ? (T(), S("path", {
3497
- key: 0,
3498
- d: `M${e.curve}`,
3499
- stroke: B.value.chart.backgroundColor,
3500
- "stroke-width": B.value.line.strokeWidth + 1,
3501
- "stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
3502
- fill: "none",
3503
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3504
- }, null, 12, Tn)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
3505
- key: 1,
3506
- d: `M${e.straight}`,
3507
- stroke: B.value.chart.backgroundColor,
3508
- "stroke-width": B.value.line.strokeWidth + 1,
3509
- "stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
3510
- fill: "none",
3511
- "stroke-linecap": "round",
3512
- "stroke-linejoin": "round",
3513
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3514
- }, null, 12, En)) : x("", !0)], 6))), 128)),
3515
- n.$slots.pattern ? (T(), S("defs", Dn, [(T(!0), S(y, null, D(to.value, (e, t) => O(n.$slots, "pattern", at({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
3516
- ...e,
3517
- seriesIndex: e.slotAbsoluteIndex,
3518
- patternId: `pattern_${F.value}_${t}`
3519
- }), void 0, !0)), 128))])) : x("", !0),
3520
- bc.value.length && !V.value.isStacked ? (T(), S("g", On, [(T(!0), S(y, null, D(bc.value, (e) => (T(), S("path", {
3521
- key: e.key,
3522
- d: e.d,
3523
- fill: e.color,
3524
- "fill-opacity": B.value.line.interLine.fillOpacity,
3525
- stroke: "none",
3526
- "pointer-events": "none",
3527
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3528
- }, null, 12, kn))), 128))])) : x("", !0),
3529
- (T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
3530
- key: `serie_line_above_${e.id}`,
3531
- class: st(`serie_line_${t}`),
3532
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3533
- }, [
3534
- e.useArea && e.plots.length > 1 ? (T(), S("g", An, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.curveAreas, (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
3535
- key: 0,
3536
- d: r,
3537
- fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
3538
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3539
- }, null, 12, jn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
3540
- key: 1,
3541
- d: r,
3542
- fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
3543
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3544
- }, null, 12, Mn)) : x("", !0)], 64))), 128)) : (T(!0), S(y, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
3545
- key: 0,
3546
- d: `M${r}Z`,
3547
- fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
3548
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3549
- }, null, 12, Nn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
3550
- key: 1,
3551
- d: `M${r}Z`,
3552
- fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
3553
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3554
- }, null, 12, Pn)) : x("", !0)], 64))), 128))])) : x("", !0),
3555
- !e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), S("path", {
3556
- key: 1,
3557
- d: `M${e.curve}`,
3558
- stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
3559
- "stroke-width": B.value.line.strokeWidth,
3560
- "stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
3561
- fill: "none",
3562
- "stroke-linecap": "round",
3563
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3564
- }, null, 12, Fn)) : e.hasDashedSegments ? (T(), S(y, { key: 2 }, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.dashedSmooth, (n) => (T(), S("path", {
3565
- key: n.path,
3566
- fill: "none",
3567
- "stroke-linecap": "round",
3568
- "stroke-linejoin": "round",
3569
- d: `M ${n.path}`,
3570
- stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
3571
- "stroke-width": B.value.line.strokeWidth,
3572
- "stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
3573
- }, null, 8, In))), 128)) : (T(!0), S(y, { key: 1 }, D(e.dashedStraight, (n) => (T(), S("path", {
3574
- key: n.path,
3575
- fill: "none",
3576
- "stroke-linecap": "round",
3577
- "stroke-linejoin": "round",
3578
- d: `M ${n.path}`,
3579
- stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
3580
- "stroke-width": B.value.line.strokeWidth,
3581
- "stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
3582
- }, null, 8, Ln))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
3583
- key: 3,
3584
- d: `M${e.straight}`,
3585
- stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
3586
- "stroke-width": B.value.line.strokeWidth,
3587
- "stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
3588
- fill: "none",
3589
- "stroke-linecap": "round",
3590
- "stroke-linejoin": "round",
3591
- style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
3592
- }, null, 12, Rn)) : x("", !0),
3593
- (T(!0), S(y, null, D(e.plots, (r, i) => (T(), S(y, { key: `circle_line_${t}_${i}` }, [!Ps.value.linePlot && r && Jo(r.value) || Ps.value.linePlot && r && Jo(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || oc(e.plots, i) ? (T(), Qe(Ge, {
3594
- key: 0,
3595
- shape: [
3596
- "triangle",
3597
- "square",
3598
- "diamond",
3599
- "pentagon",
3600
- "hexagon",
3601
- "star"
3602
- ].includes(e.shape) ? e.shape : "circle",
3603
- color: B.value.line.useGradient ? `url(#lineGradient_${t}_${F.value})` : B.value.line.dot.useSerieColor ? e.color : B.value.line.dot.fill,
3604
- plot: {
3605
- x: k(v)(r.x),
3606
- y: k(v)(r.y)
3607
- },
3608
- radius: Zc(e, r, i) ? (ya.value.line || 6) * 1.5 : (oc(e.plots, i), ya.value.line || 6),
3609
- stroke: B.value.line.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
3610
- strokeWidth: B.value.line.dot.strokeWidth,
3611
- transition: k(Oa) || !B.value.line.showTransition || Zc(e, r, i) ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out`
3612
- }, null, 8, [
3613
- "shape",
3614
- "color",
3615
- "plot",
3616
- "radius",
3617
- "stroke",
3618
- "strokeWidth",
3619
- "transition"
3620
- ])) : x("", !0), r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
3621
- key: 1,
3622
- style: { overflow: "visible" },
3623
- height: "12",
3624
- width: B.value.chart.comments.width,
3625
- x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
3626
- y: r.y + B.value.chart.comments.offsetY + 6
3627
- }, [C("div", Bn, [O(n.$slots, "plot-comment", { plot: {
3628
- ...r,
3629
- color: e.color,
3630
- seriesIndex: t,
3631
- datapointIndex: i
3632
- } }, void 0, !0)])], 8, zn)) : x("", !0)], 64))), 128))
3633
- ], 6))), 128)),
3634
- (B.value.bar.labels.show || B.value.bar.serieName.show) && V.value.dataLabels.show ? (T(), S("g", Vn, [(T(!0), S(y, null, D(_c.value, (e, t) => (T(), S(y, { key: `xLabel_bar_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || R.value !== null && R.value === r || I.value !== null && I.value === r) && B.value.bar.labels.show ? (T(), S("text", {
3635
- key: 0,
3636
- "text-anchor": Yc({
3637
- plot: n,
3638
- type: "bar"
3639
- }),
3640
- "font-size": z.value.plotLabels,
3641
- transform: qc({ plot: n }),
3642
- fill: B.value.bar.labels.color,
3643
- stroke: B.value.chart.backgroundColor,
3644
- "paint-order": "stroke",
3645
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
3646
- innerHTML: Kc({
3647
- serie: e,
3648
- plot: n,
3649
- type: "bar"
3650
- })
3651
- }, null, 12, Hn)) : x("", !0), n && B.value.bar.serieName.show ? (T(), S("text", {
3652
- key: 1,
3653
- x: V.value.useIndividualScale && V.value.isStacked ? n.x + cs.value.line / 2 : n.x + ls() * 1.1,
3654
- y: n.y + (n.value > 0 ? B.value.bar.serieName.offsetY : -B.value.bar.serieName.offsetY * 3),
3655
- "text-anchor": "middle",
3656
- "font-size": z.value.plotLabels,
3657
- fill: B.value.bar.serieName.useSerieColor ? e.color : B.value.bar.serieName.color,
3658
- "font-weight": B.value.bar.serieName.bold ? "bold" : "normal",
3659
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3660
- }, pt(B.value.bar.serieName.useAbbreviation ? k(ye)({
3661
- source: e.name,
3662
- length: B.value.bar.serieName.abbreviationSize
3663
- }) : e.name), 13, Un)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
3664
- B.value.plot.labels.show && V.value.dataLabels.show ? (T(), S("g", Wn, [(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || Zc(e, n, r) ? (T(), S("text", {
3665
- key: 0,
3666
- transform: Jc({
3667
- plot: n,
3668
- type: "plot"
3669
- }),
3670
- "text-anchor": Yc({
3671
- plot: n,
3672
- type: "plot"
3673
- }),
3674
- "font-size": z.value.plotLabels,
3675
- fill: B.value.plot.labels.color,
3676
- stroke: B.value.chart.backgroundColor,
3677
- "paint-order": "stroke",
3678
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
3679
- innerHTML: Kc({
3680
- serie: e,
3681
- plot: n,
3682
- type: "plot"
3683
- })
3684
- }, null, 12, Gn)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", Kn, [(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [B.value.plot.tag.followValue ? (T(), S(y, { key: 1 }, [[
3685
- I.value,
3686
- R.value,
3687
- Vi.value
3688
- ].includes(r) && e.useTag ? (T(), S("line", {
3689
- key: 0,
3690
- class: "vue-ui-xy-tag-plot",
3691
- x1: Y.value?.left,
3692
- x2: Y.value?.right,
3693
- y1: n.y,
3694
- y2: n.y,
3695
- "stroke-width": 1,
3696
- "stroke-linecap": "round",
3697
- "stroke-dasharray": "2",
3698
- stroke: e.color
3699
- }, null, 8, Zn)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
3700
- key: 0,
3701
- x: n.x,
3702
- y: n.y - 20,
3703
- height: 24,
3704
- width: "150",
3705
- style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3706
- }, [C("div", {
3707
- style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
3708
- innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
3709
- datapoint: n,
3710
- seriesIndex: r,
3711
- serieName: e.name
3712
- })
3713
- }, null, 12, Jn)], 12, qn)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
3714
- key: 1,
3715
- x: n.x - e.name.length * (z.value.plotLabels / 2),
3716
- y: n.y - 20,
3717
- height: 24,
3718
- width: "150",
3719
- style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3720
- }, [C("div", {
3721
- style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
3722
- innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
3723
- datapoint: n,
3724
- seriesIndex: r,
3725
- serieName: e.name
3726
- })
3727
- }, null, 12, Xn)], 12, Yn)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
3728
- B.value.line.labels.show && V.value.dataLabels.show ? (T(), S("g", Qn, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || Zc(e, n, r) ? (T(), S("text", {
3729
- key: 0,
3730
- transform: Jc({
3731
- plot: n,
3732
- type: "line"
3733
- }),
3734
- "text-anchor": Yc({
3735
- plot: n,
3736
- type: "line"
3737
- }),
3738
- "font-size": z.value.plotLabels,
3739
- fill: B.value.line.labels.color,
3740
- stroke: B.value.chart.backgroundColor,
3741
- "paint-order": "stroke",
3742
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
3743
- innerHTML: Kc({
3744
- serie: e,
3745
- plot: n,
3746
- type: "line"
3747
- })
3748
- }, null, 12, $n)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", er, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [B.value.line.tag.followValue ? (T(), S(y, { key: 1 }, [[
3749
- I.value,
3750
- R.value,
3751
- Vi.value
3752
- ].includes(r) && e.useTag ? (T(), S("line", {
3753
- key: 0,
3754
- class: "vue-ui-xy-tag-line",
3755
- x1: Y.value?.left,
3756
- x2: Y.value?.right,
3757
- y1: n.y,
3758
- y2: n.y,
3759
- "stroke-width": 1,
3760
- "stroke-linecap": "round",
3761
- "stroke-dasharray": "2",
3762
- stroke: e.color
3763
- }, null, 8, ar)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
3764
- key: 0,
3765
- x: n.x,
3766
- y: n.y - 20,
3767
- height: 24,
3768
- width: "150",
3769
- style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3770
- }, [C("div", {
3771
- style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
3772
- innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
3773
- datapoint: n,
3774
- seriesIndex: r,
3775
- serieName: e.name
3776
- })
3777
- }, null, 12, nr)], 12, tr)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
3778
- key: 1,
3779
- x: n.x,
3780
- y: n.y - 20,
3781
- height: 24,
3782
- width: "150",
3783
- style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3784
- }, [C("div", {
3785
- style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
3786
- innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
3787
- datapoint: n,
3788
- seriesIndex: r,
3789
- serieName: e.name
3790
- })
3791
- }, null, 12, ir)], 12, rr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
3792
- (T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
3793
- key: 0,
3794
- x: n.x - z.value.plotLabels,
3795
- y: n.y,
3796
- "font-size": z.value.plotLabels,
3797
- "text-anchor": "end",
3798
- fill: e.color,
3799
- innerHTML: k(Oe)({
3800
- content: e.name,
3801
- fontSize: z.value.plotLabels,
3802
- fill: e.color,
3803
- x: n.x - z.value.plotLabels,
3804
- y: n.y,
3805
- maxWords: 2
3806
- }),
3807
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3808
- }, null, 12, or)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
3809
- key: 1,
3810
- x: n.x + z.value.plotLabels,
3811
- y: n.y,
3812
- "font-size": z.value.plotLabels,
3813
- "text-anchor": "start",
3814
- fill: e.color,
3815
- innerHTML: k(Oe)({
3816
- content: e.name,
3817
- fontSize: z.value.plotLabels,
3818
- fill: e.color,
3819
- x: n.x + z.value.plotLabels,
3820
- y: n.y,
3821
- maxWords: 2
3822
- }),
3823
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3824
- }, null, 12, sr)) : x("", !0)], 64))), 128))], 64))), 128)),
3825
- (T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
3826
- key: 0,
3827
- x: n.x - z.value.plotLabels,
3828
- y: n.y,
3829
- "font-size": z.value.plotLabels,
3830
- "text-anchor": "end",
3831
- fill: e.color,
3832
- innerHTML: k(Oe)({
3833
- content: e.name,
3834
- fontSize: z.value.plotLabels,
3835
- fill: e.color,
3836
- x: n.x - z.value.plotLabels,
3837
- y: n.y,
3838
- maxWords: 2
3839
- }),
3840
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3841
- }, null, 12, cr)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
3842
- key: 1,
3843
- x: n.x + z.value.plotLabels,
3844
- y: n.y,
3845
- "font-size": z.value.plotLabels,
3846
- "text-anchor": "start",
3847
- fill: e.color,
3848
- innerHTML: k(Oe)({
3849
- content: e.name,
3850
- fontSize: z.value.plotLabels,
3851
- fill: e.color,
3852
- x: n.x + z.value.plotLabels,
3853
- y: n.y,
3854
- maxWords: 2
3855
- }),
3856
- style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
3857
- }, null, 12, lr)) : x("", !0)], 64))), 128))], 64))), 128)),
3858
- (T(!0), S(y, null, D([
3859
- ...vc.value,
3860
- ...$.value,
3861
- ..._c.value
3862
- ], (e, t) => (T(), S(y, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(k(_e)(e.plots).trend) ? (T(), S("g", ur, [
3863
- C("defs", null, [C("marker", {
3864
- id: `progression_arrow_${t}`,
3865
- markerWidth: "9",
3866
- markerHeight: "9",
3867
- viewBox: "-1 -1 9 9",
3868
- markerUnits: "userSpaceOnUse",
3869
- refX: "7",
3870
- refY: 7 / 2,
3871
- orient: "auto",
3872
- overflow: "visible"
3873
- }, [C("polygon", {
3874
- points: "0,0 7,3.5 0,7",
3875
- fill: e.color,
3876
- stroke: B.value.chart.backgroundColor,
3877
- "stroke-width": "1",
3878
- "stroke-linejoin": "round"
3879
- }, null, 8, fr)], 8, dr)]),
3880
- e.plots.length > 1 ? (T(), S("line", {
3881
- key: 0,
3882
- x1: k(_e)(e.plots).x1 + (e.type === "bar" ? ls() : 0),
3883
- x2: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
3884
- y1: k(h)(k(_e)(e.plots).y1),
3885
- y2: k(h)(k(_e)(e.plots).y2),
3886
- "stroke-width": 1,
3887
- stroke: B.value.chart.backgroundColor,
3888
- "stroke-dasharray": 2,
3889
- "stroke-linecap": "round",
3890
- "stroke-linejoin": "round",
3891
- "marker-end": `url(#progression_arrow_${t})`
3892
- }, null, 8, pr)) : x("", !0),
3893
- e.plots.length > 1 ? (T(), S("line", {
3894
- key: 1,
3895
- x1: k(_e)(e.plots).x1 + (e.type === "bar" ? ls() : 0),
3896
- x2: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
3897
- y1: k(h)(k(_e)(e.plots).y1),
3898
- y2: k(h)(k(_e)(e.plots).y2),
3899
- "stroke-width": 1,
3900
- stroke: e.color,
3901
- "stroke-dasharray": 2,
3902
- "stroke-linecap": "round",
3903
- "stroke-linejoin": "round",
3904
- "marker-end": `url(#progression_arrow_${t})`
3905
- }, null, 8, mr)) : x("", !0),
3906
- e.plots.length > 1 ? (T(), S("text", {
3907
- key: 2,
3908
- "text-anchor": "middle",
3909
- x: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
3910
- y: k(_e)(e.plots).y2 - 12,
3911
- "font-size": z.value.plotLabels,
3912
- fill: e.color,
3913
- stroke: B.value.chart.backgroundColor,
3914
- "stroke-width": 4,
3915
- "stroke-linecap": "round",
3916
- "stroke-linejoin": "round",
3917
- "paint-order": "stroke fill"
3918
- }, pt(k(s)({
3919
- v: k(_e)(e.plots).trend * 100,
3920
- s: "%",
3921
- r: 2
3922
- })), 9, hr)) : x("", !0)
3923
- ])) : x("", !0)], 64))), 128)),
3924
- V.value.useIndividualScale && !V.value.isStacked ? (T(), S(y, { key: 13 }, [C("defs", null, [(T(!0), S(y, null, D(yc.value, (e, t) => (T(), S("linearGradient", {
3925
- id: `individual_scale_gradient_${F.value}_${t}`,
3926
- x1: J.value ? "100%" : "0%",
3927
- x2: J.value ? "0%" : "100%",
3928
- y1: "0%",
3929
- y2: "0%"
3930
- }, [C("stop", {
3931
- offset: "0%",
3932
- "stop-color": B.value.chart.backgroundColor,
3933
- "stop-opacity": "0"
3934
- }, null, 8, _r), C("stop", {
3935
- offset: "100%",
3936
- "stop-color": e.color,
3937
- "stop-opacity": "0.2"
3938
- }, null, 8, vr)], 8, gr))), 256))]), (T(!0), S(y, null, D(yc.value, (e, t) => (T(), S("rect", {
3939
- x: J.value ? e.x : e.x - B.value.chart.grid.labels.yAxis.labelWidth - Y.value.individualOffsetX,
3940
- y: Y.value?.top,
3941
- width: (J.value, B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX),
3942
- height: Y.value.height < 0 ? 10 : Y.value.height,
3943
- fill: M.value === e.groupId ? `url(#individual_scale_gradient_${F.value}_${t})` : "transparent",
3944
- onMouseenter: (t) => M.value = e.groupId,
3945
- onMouseleave: r[0] ||= (e) => M.value = null
3946
- }, null, 40, yr))), 256))], 64)) : x("", !0),
3947
- C("g", null, [B.value.chart.grid.labels.axis.yLabel && !V.value.useIndividualScale ? (T(), S("text", {
3948
- key: 0,
3949
- ref_key: "yAxisLabel",
3950
- ref: Ei,
3951
- "font-size": z.value.yAxis,
3952
- fill: B.value.chart.grid.labels.color,
3953
- transform: `translate(${J.value ? Y.value.right + Y.value.scaleLabelsOffset + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : B.value.chart.grid.labels.axis.fontSize + B.value.chart.grid.labels.axis.yLabelOffsetX}, ${Y.value?.top + Y.value.height / 2}) rotate(-90)`,
3954
- "text-anchor": "middle",
3955
- style: { transition: "none" }
3956
- }, pt(B.value.chart.grid.labels.axis.yLabel), 9, br)) : x("", !0), B.value.chart.grid.labels.axis.xLabel ? (T(), S("text", {
3957
- key: 1,
3958
- ref_key: "xAxisLabel",
3959
- ref: Ti,
3960
- "text-anchor": "middle",
3961
- x: N.value / 2,
3962
- y: Pi.value - 3,
3963
- "font-size": z.value.yAxis,
3964
- fill: B.value.chart.grid.labels.color
3965
- }, pt(B.value.chart.grid.labels.axis.xLabel), 9, xr)) : x("", !0)]),
3966
- B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", {
3967
- key: 14,
3968
- ref_key: "timeLabelsEls",
3969
- ref: Di
3970
- }, [n.$slots["time-label"] ? (T(!0), S(y, { key: 0 }, D(lc.value, (e, t) => O(n.$slots, "time-label", at({
3971
- key: `time_label_${e.id}`,
3972
- ref_for: !0
3973
- }, {
3974
- x: uc(e, t),
3975
- y: Y.value?.bottom,
3976
- fontSize: z.value.xAxis,
3977
- fill: B.value.chart.grid.labels.xAxisLabels.color,
3978
- transform: `translate(${uc(e, t)}, ${Y.value?.bottom + z.value.xAxis * 1.3 + B.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
3979
- absoluteIndex: e.absoluteIndex,
3980
- content: e.text,
3981
- textAnchor: B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
3982
- show: e && e.text
3983
- }), void 0, !0)), 128)) : (T(!0), S(y, { key: 1 }, D(lc.value, (e, n) => (T(), S("g", { key: `time_label_${n}` }, [e && e.text ? (T(), S(y, { key: 0 }, [String(e.text).includes("\n") ? (T(), S("text", {
3984
- key: 1,
3985
- class: "vue-data-ui-time-label",
3986
- "text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
3987
- "font-size": z.value.xAxis,
3988
- fill: B.value.chart.grid.labels.xAxisLabels.color,
3989
- transform: `translate(${uc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
3990
- style: w({ cursor: _o() && Ca.value ? "pointer" : "default" }),
3991
- innerHTML: k(t)({
3992
- content: String(e.text),
3993
- fontSize: z.value.xAxis,
3994
- fill: B.value.chart.grid.labels.xAxisLabels.color,
3995
- x: 0,
3996
- y: 0
3997
- }),
3998
- onClick: () => Ao(e, n)
3999
- }, null, 12, Cr)) : (T(), S("text", {
4000
- key: 0,
4001
- class: "vue-data-ui-time-label",
4002
- "text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
4003
- "font-size": z.value.xAxis,
4004
- fill: B.value.chart.grid.labels.xAxisLabels.color,
4005
- transform: `translate(${uc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
4006
- style: w({ cursor: _o() && Ca.value ? "pointer" : "default" }),
4007
- onClick: () => Ao(e, n)
4008
- }, pt(e.text || ""), 13, Sr))], 64)) : x("", !0)]))), 128))], 512)) : x("", !0),
4009
- ac.value.length && !V.value.isStacked ? (T(), S("g", wr, [(T(!0), S(y, null, D(ac.value, (e) => (T(), S("g", { key: e.uid }, [
4010
- e.yTop && e.show && isFinite(e.yTop) ? (T(), S("line", {
4011
- key: 0,
4012
- x1: e.x1,
4013
- y1: e.yTop,
4014
- x2: e.x2,
4015
- y2: e.yTop,
4016
- stroke: e.config.line.stroke,
4017
- "stroke-width": e.config.line.strokeWidth,
4018
- "stroke-dasharray": e.config.line.strokeDasharray,
4019
- "stroke-linecap": "round",
4020
- style: { animation: "none !important" }
4021
- }, null, 8, Tr)) : x("", !0),
4022
- e.yBottom && e.show && isFinite(e.yBottom) ? (T(), S("line", {
4023
- key: 1,
4024
- x1: e.x1,
4025
- y1: e.yBottom,
4026
- x2: e.x2,
4027
- y2: e.yBottom,
4028
- stroke: e.config.line.stroke,
4029
- "stroke-width": e.config.line.strokeWidth,
4030
- "stroke-dasharray": e.config.line.strokeDasharray,
4031
- "stroke-linecap": "round",
4032
- style: { animation: "none !important" }
4033
- }, null, 8, Er)) : x("", !0),
4034
- e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), S("rect", {
4035
- key: 2,
4036
- y: Math.min(e.yTop, e.yBottom),
4037
- x: e.x1,
4038
- width: Y.value.width,
4039
- height: k(v)(e.areaHeight, 0),
4040
- fill: k(f)(e.config.area.fill, e.config.area.opacity),
4041
- style: { animation: "none !important" }
4042
- }, null, 8, Dr)) : x("", !0),
4043
- e.config.label.text && e.show && isFinite(e._box.y) ? (T(), S("rect", at({
4044
- key: 3,
4045
- class: "vue-ui-xy-annotation-label-box"
4046
- }, { ref_for: !0 }, e._box, { style: {
4047
- animation: "none !important",
4048
- transition: "none !important"
4049
- } }), null, 16)) : x("", !0),
4050
- e.config.label.text && e.show && isFinite(e._text.y) ? (T(), S("text", {
4051
- key: 4,
4052
- id: e.id,
4053
- class: "vue-ui-xy-annotation-label",
4054
- x: e._text.x,
4055
- y: e._text.y,
4056
- "font-size": e.config.label.fontSize,
4057
- fill: e.config.label.color,
4058
- "text-anchor": e.config.label.textAnchor
4059
- }, pt(e.config.label.text), 9, Or)) : x("", !0)
4060
- ]))), 128))])) : x("", !0),
4061
- B.value.chart.timeTag.show && (q.value ? k(g)(Hc.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), S("g", kr, [(T(), S("foreignObject", {
4062
- x: Wc(),
4063
- y: Y.value?.bottom,
4064
- width: "200",
4065
- height: "40",
4066
- style: { overflow: "visible !important" }
4067
- }, [C("div", {
4068
- ref_key: "timeTagEl",
4069
- ref: zc,
4070
- class: "vue-ui-xy-time-tag",
4071
- style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${B.value.chart.timeTag.backgroundColor};color:${B.value.chart.timeTag.color};font-size:${B.value.chart.timeTag.fontSize}px`),
4072
- innerHTML: Gc.value
4073
- }, null, 12, jr)], 8, Ar)), C("circle", {
4074
- cx: q.value && k(g)(Hc.value) ? dc({ x: Hc.value }) : Hs((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
4075
- cy: Y.value?.bottom,
4076
- r: B.value.chart.timeTag.circleMarker.radius,
4077
- fill: B.value.chart.timeTag.circleMarker.color
4078
- }, null, 8, Mr)])) : x("", !0)
4079
- ])) : x("", !0),
4080
- Na.value ? (T(), S("rect", at({ key: 2 }, Ia.value, {
4081
- "data-start": W.value.start,
4082
- "data-end": W.value.end
4083
- }), null, 16, Nr)) : x("", !0),
4084
- O(n.$slots, "svg", { svg: {
4085
- ...pa.value,
4086
- slicer: W.value,
4087
- isPrintingImg: k(La) || k(Ra) || ea.value,
4088
- isPrintingSvg: ta.value,
4089
- data: [
4090
- ...$.value,
4091
- ..._c.value,
4092
- ...vc.value
4093
- ],
4094
- drawingArea: Y.value
4095
- } }, void 0, !0)
4096
- ], 512)], 46, Tt)), n.$slots.hint ? (T(), S("div", Pr, [O(n.$slots, "hint", ct(it({
4097
- hint: B.value.a11y.translations.keyboardNavigation,
4098
- isVisible: ul.value
4099
- })), void 0, !0)])) : x("", !0)]),
4100
- n.$slots.watermark ? (T(), S("div", Fr, [O(n.$slots, "watermark", ct(it({ isPrinting: k(La) || k(Ra) || ea.value || ta.value })), void 0, !0)])) : x("", !0),
4101
- (T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `tag_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_line_${t}_${r}` }, [[
4102
- I.value,
4103
- R.value,
4104
- Vi.value
4105
- ].includes(r) && e.useTag && e.useTag === "end" && B.value.line.tag.followValue ? (T(), S("div", {
4106
- key: 0,
4107
- ref_for: !0,
4108
- ref: (e) => bo(t, r, e, "right", "line"),
4109
- class: "vue-ui-xy-tag",
4110
- "data-tag": "right",
4111
- style: w({
4112
- position: "fixed",
4113
- top: k(ge)({
4114
- svgElement: L.value,
4115
- x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
4116
- y: n.y,
4117
- element: Xi.value[`${t}_${r}_right_line`],
4118
- position: "right"
4119
- })?.top + "px",
4120
- left: k(ge)({
4121
- svgElement: L.value,
4122
- x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
4123
- y: n.y,
4124
- element: Xi.value[`${t}_${r}_right_line`],
4125
- position: "right"
4126
- })?.left + "px",
4127
- height: "fit-content",
4128
- width: "fit-content",
4129
- background: e.color,
4130
- color: k(Se)(e.color),
4131
- padding: "0 6px",
4132
- fontSize: B.value.line.tag.fontSize + "px",
4133
- opacity: 1
4134
- })
4135
- }, [(T(), S("svg", Ir, [C("path", {
4136
- d: "M 0,10 10,0 10,20 Z",
4137
- fill: e.color,
4138
- stroke: "none"
4139
- }, null, 8, Lr)])), C("div", {
4140
- class: "vue-ui-xy-tag-content",
4141
- innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
4142
- datapoint: n,
4143
- seriesIndex: r,
4144
- serieName: e.name
4145
- })
4146
- }, null, 8, Rr)], 4)) : x("", !0), [
4147
- I.value,
4148
- R.value,
4149
- Vi.value
4150
- ].includes(r) && e.useTag && e.useTag === "start" && B.value.line.tag.followValue ? (T(), S("div", {
4151
- key: 1,
4152
- ref_for: !0,
4153
- ref: (e) => bo(t, r, e, "left", "line"),
4154
- class: "vue-ui-xy-tag",
4155
- "data-tag": "left",
4156
- style: w({
4157
- position: "fixed",
4158
- top: k(ge)({
4159
- svgElement: L.value,
4160
- x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
4161
- y: n.y,
4162
- element: Xi.value[`${t}_${r}_left_line`],
4163
- position: "left"
4164
- })?.top + "px",
4165
- left: k(ge)({
4166
- svgElement: L.value,
4167
- x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
4168
- y: n.y,
4169
- element: Xi.value[`${t}_${r}_left_line`],
4170
- position: "left"
4171
- })?.left + "px",
4172
- height: "fit-content",
4173
- width: "fit-content",
4174
- background: e.color,
4175
- color: k(Se)(e.color),
4176
- padding: "0 6px",
4177
- fontSize: B.value.line.tag.fontSize + "px",
4178
- opacity: 1
4179
- })
4180
- }, [(T(), S("svg", zr, [C("path", {
4181
- d: "M 0,0 10,10 0,20 Z",
4182
- fill: e.color,
4183
- stroke: "none"
4184
- }, null, 8, Br)])), C("div", {
4185
- class: "vue-ui-xy-tag-content",
4186
- innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
4187
- datapoint: n,
4188
- seriesIndex: r,
4189
- serieName: e.name
4190
- })
4191
- }, null, 8, Vr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
4192
- (T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `tag_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_plot_${t}_${r}` }, [[
4193
- I.value,
4194
- R.value,
4195
- Vi.value
4196
- ].includes(r) && e.useTag && e.useTag === "end" && B.value.plot.tag.followValue ? (T(), S("div", {
4197
- key: 0,
4198
- ref_for: !0,
4199
- ref: (e) => bo(t, r, e, "right", "plot"),
4200
- class: "vue-ui-xy-tag",
4201
- "data-tag": "right",
4202
- style: w({
4203
- position: "fixed",
4204
- top: k(ge)({
4205
- svgElement: L.value,
4206
- x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
4207
- y: n.y,
4208
- element: Xi.value[`${t}_${r}_right_plot`],
4209
- position: "right"
4210
- })?.top + "px",
4211
- left: k(ge)({
4212
- svgElement: L.value,
4213
- x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
4214
- y: n.y,
4215
- element: Xi.value[`${t}_${r}_right_plot`],
4216
- position: "right"
4217
- })?.left + "px",
4218
- height: "fit-content",
4219
- width: "fit-content",
4220
- background: e.color,
4221
- color: k(Se)(e.color),
4222
- padding: "0 6px",
4223
- fontSize: B.value.plot.tag.fontSize + "px",
4224
- opacity: 1
4225
- })
4226
- }, [(T(), S("svg", Hr, [C("path", {
4227
- d: "M 0,10 10,0 10,20 Z",
4228
- fill: e.color,
4229
- stroke: "none"
4230
- }, null, 8, Ur)])), C("div", {
4231
- class: "vue-ui-xy-tag-content",
4232
- innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
4233
- datapoint: n,
4234
- seriesIndex: r,
4235
- serieName: e.name
4236
- })
4237
- }, null, 8, Wr)], 4)) : x("", !0), [
4238
- I.value,
4239
- R.value,
4240
- Vi.value
4241
- ].includes(r) && e.useTag && e.useTag === "start" && B.value.plot.tag.followValue ? (T(), S("div", {
4242
- key: 1,
4243
- ref_for: !0,
4244
- ref: (e) => bo(t, r, e, "left", "plot"),
4245
- class: "vue-ui-xy-tag",
4246
- "data-tag": "left",
4247
- style: w({
4248
- position: "fixed",
4249
- top: k(ge)({
4250
- svgElement: L.value,
4251
- x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
4252
- y: n.y,
4253
- element: Xi.value[`${t}_${r}_left_plot`],
4254
- position: "left"
4255
- })?.top + "px",
4256
- left: k(ge)({
4257
- svgElement: L.value,
4258
- x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
4259
- y: n.y,
4260
- element: Xi.value[`${t}_${r}_left_plot`],
4261
- position: "left"
4262
- })?.left + "px",
4263
- height: "fit-content",
4264
- width: "fit-content",
4265
- background: e.color,
4266
- color: k(Se)(e.color),
4267
- padding: "0 6px",
4268
- fontSize: B.value.plot.tag.fontSize + "px",
4269
- opacity: 1
4270
- })
4271
- }, [(T(), S("svg", Gr, [C("path", {
4272
- d: "M 0,0 10,10 0,20 Z",
4273
- fill: e.color,
4274
- stroke: "none"
4275
- }, null, 8, Kr)])), C("div", {
4276
- class: "vue-ui-xy-tag-content",
4277
- innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
4278
- datapoint: n,
4279
- seriesIndex: r,
4280
- serieName: e.name
4281
- })
4282
- }, null, 8, qr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
4283
- B.value.chart.zoom.show && U.value > 6 && Sa.value && zo.value ? (T(), Qe(qe, {
4284
- key: 6,
4285
- ref_key: "chartSlicer",
4286
- ref: bi,
4287
- uuid: F.value,
4288
- allMinimaps: nc.value,
4289
- background: B.value.chart.zoom.color,
4290
- borderColor: B.value.chart.backgroundColor,
4291
- customFormat: B.value.chart.zoom.customFormat,
4292
- cutNullValues: B.value.line.cutNullValues,
4293
- enableRangeHandles: B.value.chart.zoom.enableRangeHandles,
4294
- enableSelectionDrag: B.value.chart.zoom.enableSelectionDrag,
4295
- end: W.value.end,
4296
- focusOnDrag: B.value.chart.zoom.focusOnDrag,
4297
- focusRangeRatio: B.value.chart.zoom.focusRangeRatio,
4298
- fontSize: B.value.chart.zoom.fontSize,
4299
- useResetSlot: B.value.chart.zoom.useResetSlot,
4300
- immediate: !B.value.chart.zoom.preview.enable,
4301
- inputColor: B.value.chart.zoom.color,
4302
- isPreview: Na.value,
4303
- labelLeft: X.value[0] ? X.value[0].text : "",
4304
- labelRight: X.value.at(-1) ? X.value.at(-1).text : "",
4305
- max: mc.value,
4306
- min: pc.value,
4307
- precision: q.value ? B.value.chart.grid.labels.xAxis.rounding : 0,
4308
- useValueRange: q.value,
4309
- minimap: tc.value,
4310
- minimapCompact: B.value.chart.zoom.minimap.compact,
4311
- minimapFrameColor: B.value.chart.zoom.minimap.frameColor,
4312
- minimapIndicatorColor: B.value.chart.zoom.minimap.indicatorColor,
4313
- minimapLineColor: B.value.chart.zoom.minimap.lineColor,
4314
- minimapMerged: B.value.chart.zoom.minimap.merged,
4315
- minimapSelectedColor: B.value.chart.zoom.minimap.selectedColor,
4316
- minimapSelectedColorOpacity: B.value.chart.zoom.minimap.selectedColorOpacity,
4317
- minimapSelectedIndex: q.value ? na.value : I.value,
4318
- minimapSelectionRadius: B.value.chart.zoom.minimap.selectionRadius,
4319
- preciseLabels: Tc.value.length ? Tc.value : wo.value,
4320
- refreshStartPoint: q.value ? pc.value : B.value.chart.zoom.startIndex === null ? 0 : B.value.chart.zoom.startIndex,
4321
- refreshEndPoint: q.value ? mc.value : B.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ma(e.series).length)) : B.value.chart.zoom.endIndex + 1,
4322
- selectColor: B.value.chart.zoom.highlightColor,
4323
- selectedSeries: rc.value,
4324
- smoothMinimap: B.value.chart.zoom.minimap.smooth,
4325
- start: W.value.start,
4326
- textColor: B.value.chart.color,
4327
- timeLabels: wo.value,
4328
- usePreciseLabels: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.zoom.useDefaultFormat,
4329
- valueEnd: W.value.end,
4330
- valueStart: W.value.start,
4331
- verticalHandles: B.value.chart.zoom.minimap.verticalHandles,
4332
- minScale: B.value.chart.grid.labels.yAxis.scaleMin,
4333
- maxScale: B.value.chart.grid.labels.yAxis.scaleMax,
4334
- maxWidth: B.value.chart.zoom.maxWidth,
4335
- additionalMinimapHeight: B.value.chart.zoom.minimap.additionalHeight,
4336
- handleType: B.value.chart.zoom.minimap.handleType,
4337
- handleIconColor: B.value.chart.zoom.minimap.handleIconColor,
4338
- handleBorderWidth: B.value.chart.zoom.minimap.handleBorderWidth,
4339
- handleBorderColor: B.value.chart.zoom.minimap.handleBorderColor,
4340
- handleFill: B.value.chart.zoom.minimap.handleFill,
4341
- handleWidth: B.value.chart.zoom.minimap.handleWidth,
4342
- isCursorPointer: Ca.value,
4343
- onFutureEnd: r[1] ||= (e) => Pa("end", e),
4344
- onFutureStart: r[2] ||= (e) => Pa("start", e),
4345
- onReset: qo,
4346
- onTrapMouse: jo,
4347
- onTrapMouseValue: Mo,
4348
- "onUpdate:end": Ko,
4349
- "onUpdate:start": Go
4350
- }, {
4351
- "reset-action": A(({ reset: e }) => [O(n.$slots, "reset-action", ct(it({ reset: e })), void 0, !0)]),
4352
- _: 3
4353
- }, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : x("", !0),
4354
- C("div", { id: `legend-bottom-${F.value}` }, null, 8, Jr),
4355
- Qi.value && (B.value.chart.legend.show || n.$slots.legend) ? (T(), Qe(Ze, {
4356
- key: 7,
4357
- to: B.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
4358
- }, [C("div", {
4359
- ref_key: "chartLegend",
4360
- ref: xi
4361
- }, [O(n.$slots, "legend", { legend: no.value }, () => [B.value.chart.legend.show ? (T(), S("div", {
4362
- key: 0,
4363
- class: "vue-ui-xy-legend",
4364
- style: w({ fontSize: `var(--legend-font-size, ${B.value.chart.legend.fontSize ?? 14}px)` })
4365
- }, [B.value.chart.legend.selectAllToggle.show && no.value.length > 2 && !k(Oa) ? (T(), Qe(Ye, {
4366
- key: 0,
4367
- backgroundColor: B.value.chart.legend.selectAllToggle.backgroundColor,
4368
- color: B.value.chart.legend.selectAllToggle.color,
4369
- fontSize: B.value.chart.legend.fontSize,
4370
- checked: P.value.length > 0,
4371
- onToggle: Es
4372
- }, null, 8, [
4373
- "backgroundColor",
4374
- "color",
4375
- "fontSize",
4376
- "checked"
4377
- ])) : x("", !0), (T(!0), S(y, null, D(no.value, (e, t) => (T(), S("div", {
4378
- key: `div_legend_item_${t}`,
4379
- onClick: (t) => ks(e),
4380
- onKeydown: (t) => Ds(t, e),
4381
- role: "button",
4382
- tabindex: "0",
4383
- class: st({
4384
- "vue-ui-xy-legend-item-alone": no.value.length === 1,
4385
- "vue-ui-xy-legend-item": !0,
4386
- "vue-ui-xy-legend-item-segregated": P.value.includes(e.id)
4387
- }),
4388
- style: w({ cursor: Ca.value ? "pointer" : "default" })
4389
- }, [Li.value[e.type] === "line" ? (T(), S("svg", Xr, [C("rect", {
4390
- x: "0",
4391
- y: "7.5",
4392
- rx: "1.5",
4393
- stroke: B.value.chart.backgroundColor,
4394
- "stroke-width": .5,
4395
- height: "3",
4396
- width: "20",
4397
- fill: e.color
4398
- }, null, 8, Zr), tt(Ge, {
4399
- plot: {
4400
- x: 10,
4401
- y: 9
4402
- },
4403
- radius: 4,
4404
- color: e.color,
4405
- shape: [
4406
- "triangle",
4407
- "square",
4408
- "diamond",
4409
- "pentagon",
4410
- "hexagon",
4411
- "star"
4412
- ].includes(e.shape) ? e.shape : "circle",
4413
- stroke: B.value.chart.backgroundColor,
4414
- strokeWidth: .5
4415
- }, null, 8, [
4416
- "color",
4417
- "shape",
4418
- "stroke"
4419
- ])])) : Li.value[e.type] === "bar" ? (T(), S("svg", Qr, [Li.value[e.type] === "bar" && n.$slots.pattern ? (T(), S("rect", {
4420
- key: 0,
4421
- x: "4",
4422
- y: "4",
4423
- rx: "1",
4424
- height: "32",
4425
- width: "32",
4426
- stroke: "none",
4427
- fill: e.color
4428
- }, null, 8, $r)) : x("", !0), Li.value[e.type] === "bar" ? (T(), S("rect", {
4429
- key: 1,
4430
- x: "4",
4431
- y: "4",
4432
- rx: "1",
4433
- height: "32",
4434
- width: "32",
4435
- stroke: "none",
4436
- fill: n.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
4437
- }, null, 8, ei)) : x("", !0)])) : (T(), S("svg", ti, [tt(Ge, {
4438
- plot: {
4439
- x: 6,
4440
- y: 6
4441
- },
4442
- radius: 5,
4443
- color: e.color,
4444
- shape: [
4445
- "triangle",
4446
- "square",
4447
- "diamond",
4448
- "pentagon",
4449
- "hexagon",
4450
- "star"
4451
- ].includes(e.shape) ? e.shape : "circle"
4452
- }, null, 8, ["color", "shape"])])), C("span", { style: w(`color:${B.value.chart.legend.color}`) }, pt(e.name), 5)], 46, Yr))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
4453
- n.$slots.source ? (T(), S("div", {
4454
- key: 8,
4455
- ref_key: "source",
4456
- ref: Si,
4457
- dir: "auto"
4458
- }, [O(n.$slots, "source", {}, void 0, !0)], 512)) : x("", !0),
4459
- tt(k(ai), {
4460
- teleportTo: B.value.chart.tooltip.teleportTo,
4461
- show: V.value.showTooltip && Bi.value,
4462
- backgroundColor: B.value.chart.tooltip.backgroundColor,
4463
- color: B.value.chart.tooltip.color,
4464
- fontSize: B.value.chart.tooltip.fontSize,
4465
- borderRadius: B.value.chart.tooltip.borderRadius,
4466
- borderColor: B.value.chart.tooltip.borderColor,
4467
- borderWidth: B.value.chart.tooltip.borderWidth,
4468
- backgroundOpacity: B.value.chart.tooltip.backgroundOpacity,
4469
- position: B.value.chart.tooltip.position,
4470
- offsetX: B.value.chart.tooltip.offsetX,
4471
- offsetY: B.value.chart.tooltip.offsetY,
4472
- parent: n.$refs.chart,
4473
- content: Ec.value,
4474
- isFullscreen: zi.value,
4475
- isCustom: B.value.chart.tooltip.customFormat && typeof B.value.chart.tooltip.customFormat == "function",
4476
- smooth: B.value.chart.tooltip.smooth,
4477
- backdropFilter: B.value.chart.tooltip.backdropFilter,
4478
- smoothForce: B.value.chart.tooltip.smoothForce,
4479
- smoothSnapThreshold: B.value.chart.tooltip.smoothSnapThreshold,
4480
- isA11yMode: ra.value != null,
4481
- a11yPosition: ia.value
4482
- }, {
4483
- "tooltip-before": A(() => [O(n.$slots, "tooltip-before", ct(it({ ...xc.value })), void 0, !0)]),
4484
- tooltip: A(() => [O(n.$slots, "tooltip", ct(it({ ...xc.value })), void 0, !0)]),
4485
- "tooltip-after": A(() => [O(n.$slots, "tooltip-after", ct(it({ ...xc.value })), void 0, !0)]),
4486
- _: 3
4487
- }, 8, [
4488
- "teleportTo",
4489
- "show",
4490
- "backgroundColor",
4491
- "color",
4492
- "fontSize",
4493
- "borderRadius",
4494
- "borderColor",
4495
- "borderWidth",
4496
- "backgroundOpacity",
4497
- "position",
4498
- "offsetX",
4499
- "offsetY",
4500
- "parent",
4501
- "content",
4502
- "isFullscreen",
4503
- "isCustom",
4504
- "smooth",
4505
- "backdropFilter",
4506
- "smoothForce",
4507
- "smoothSnapThreshold",
4508
- "isA11yMode",
4509
- "a11yPosition"
4510
- ]),
4511
- Sa.value && B.value.chart.userOptions.buttons.table ? (T(), Qe(dt(el.value.component), at({ key: 9 }, el.value.props, {
4512
- ref_key: "tableUnit",
4513
- ref: $i,
4514
- onClose: tl
4515
- }), $e({
4516
- content: A(() => [C("div", { style: w(`${k(La) || B.value.table.useDialog ? "" : "max-height:400px"};${B.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${B.value.table.useDialog ? "" : "margin-top:48px"}`) }, [C("div", ni, [yt(C("input", {
4517
- type: "checkbox",
4518
- "onUpdate:modelValue": r[4] ||= (e) => Gi.value = e
4519
- }, null, 512), [[gt, Gi.value]]), C("div", {
4520
- onClick: r[5] ||= (e) => Gi.value = !Gi.value,
4521
- style: w({ cursor: Ca.value ? "pointer" : "default" })
4522
- }, [tt(k(si), {
4523
- name: "chartLine",
4524
- size: 20,
4525
- stroke: B.value.chart.color
4526
- }, null, 8, ["stroke"])], 4)]), Gi.value ? (T(), Qe(k(ci), {
4527
- key: `sparkline_${Ki.value}`,
4528
- dataset: Rs.value,
4529
- config: zs.value
4530
- }, null, 8, ["dataset", "config"])) : (T(), Qe(k(ii), {
4531
- key: `table_${Ui.value}`,
4532
- colNames: Oc.value.colNames,
4533
- head: Oc.value.head,
4534
- body: Oc.value.body,
4535
- config: Oc.value.config,
4536
- title: B.value.table.useDialog ? "" : el.value.title,
4537
- withCloseButton: !B.value.table.useDialog,
4538
- onClose: tl
4539
- }, {
4540
- th: A(({ th: e }) => [C("div", { innerHTML: e }, null, 8, ri)]),
4541
- td: A(({ td: e }) => [et(pt(isNaN(Number(e)) ? e : k(s)({
4542
- p: B.value.chart.labels.prefix,
4543
- v: e,
4544
- s: B.value.chart.labels.suffix,
4545
- r: B.value.table.rounding
4546
- })), 1)]),
4547
- _: 1
4548
- }, 8, [
4549
- "colNames",
4550
- "head",
4551
- "body",
4552
- "config",
4553
- "title",
4554
- "withCloseButton"
4555
- ]))], 4)]),
4556
- _: 2
4557
- }, [B.value.table.useDialog ? {
4558
- name: "title",
4559
- fn: A(() => [et(pt(el.value.title), 1)]),
4560
- key: "0"
4561
- } : void 0, B.value.table.useDialog ? {
4562
- name: "actions",
4563
- fn: A(() => [C("button", {
4564
- tabindex: "0",
4565
- class: "vue-ui-user-options-button",
4566
- onClick: r[3] ||= (e) => kc(B.value.chart.userOptions.callbacks.csv)
4567
- }, [tt(k(si), {
4568
- name: "fileCsv",
4569
- stroke: el.value.props.color
4570
- }, null, 8, ["stroke"])])]),
4571
- key: "1"
4572
- } : void 0]), 1040)) : x("", !0),
4573
- O(n.$slots, "skeleton", {}, () => [k(Oa) ? (T(), Qe(Ie, { key: 0 })) : x("", !0)], !0)
4574
- ], 46, xt));
4575
- }
4576
- }, [["__scopeId", "data-v-0351e25a"]]);
4577
- //#endregion
4578
- export { bt as n, j as t };