vue-data-ui 3.19.9 → 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-q2-8fSlJ.js +0 -45
  3. package/dist/Arrow-Cj6W6Xbi.js +0 -116
  4. package/dist/BaseDraggableDialog-DUUu2E2Q.js +0 -272
  5. package/dist/BaseIcon-DM1x8hQF.js +0 -502
  6. package/dist/BaseLegendToggle-CJTwLGXL.js +0 -56
  7. package/dist/BaseScanner-C7dmAref.js +0 -27
  8. package/dist/BaseZoomControls-BkajQ8q9.js +0 -111
  9. package/dist/ColorPicker-DTQeqKUV.js +0 -255
  10. package/dist/DataTable-DmE8Oo4i.js +0 -150
  11. package/dist/Legend-Gg5Q4Clb.js +0 -114
  12. package/dist/NonSvgPenAndPaper-tvWXeCsd.js +0 -577
  13. package/dist/PackageVersion-Dl9W5zJD.js +0 -11
  14. package/dist/PenAndPaper-DNgm6y3l.js +0 -461
  15. package/dist/RecursiveCircles-DPpLel6f.js +0 -117
  16. package/dist/RecursiveLabels-DBMJf_to.js +0 -56
  17. package/dist/RecursiveLinks-D06dBL4a.js +0 -78
  18. package/dist/Shape-DEGOZ6GG.js +0 -141
  19. package/dist/Slicer-CPWGgGSp.js +0 -1144
  20. package/dist/SlicerPreview-BU3ZeHjR.js +0 -1555
  21. package/dist/SparkTooltip-c2DL7gqD.js +0 -93
  22. package/dist/Title-__gWq2g6.js +0 -87
  23. package/dist/Tooltip-CuWEYGr3.js +0 -312
  24. package/dist/UserOptions-D7zR0tnR.js +0 -1411
  25. package/dist/_plugin-vue_export-helper-Dq1MygBL.js +0 -8
  26. package/dist/canvas-lib-DTaADQOK.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-9WSt6hXe.js +0 -237
  99. package/dist/exposedLib-CwWU4zv-.js +0 -19
  100. package/dist/geoProjections-CQIkC70z.js +0 -146
  101. package/dist/img-BjOr008R.js +0 -74
  102. package/dist/labelUtils-Cr97N8E1.js +0 -19
  103. package/dist/lib-BkiwukKO.js +0 -1879
  104. package/dist/llms.txt +0 -232
  105. package/dist/patternUtils-B7BWu5bV.js +0 -258
  106. package/dist/pdf-DSXSFUnK.js +0 -90
  107. package/dist/rolldown-runtime-CAFD8bLK.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 -15826
  112. package/dist/types/vue-ui-3d-bar.d.ts +0 -78
  113. package/dist/types/vue-ui-accordion.d.ts +0 -11
  114. package/dist/types/vue-ui-age-pyramid.d.ts +0 -95
  115. package/dist/types/vue-ui-annotator.d.ts +0 -12
  116. package/dist/types/vue-ui-bullet.d.ts +0 -72
  117. package/dist/types/vue-ui-bump.d.ts +0 -77
  118. package/dist/types/vue-ui-candlestick.d.ts +0 -93
  119. package/dist/types/vue-ui-carousel-table.d.ts +0 -46
  120. package/dist/types/vue-ui-chestnut.d.ts +0 -79
  121. package/dist/types/vue-ui-chord.d.ts +0 -91
  122. package/dist/types/vue-ui-circle-pack.d.ts +0 -111
  123. package/dist/types/vue-ui-cursor.d.ts +0 -9
  124. package/dist/types/vue-ui-dag.d.ts +0 -106
  125. package/dist/types/vue-ui-dashboard.d.ts +0 -53
  126. package/dist/types/vue-ui-digits.d.ts +0 -12
  127. package/dist/types/vue-ui-donut-evolution.d.ts +0 -81
  128. package/dist/types/vue-ui-donut.d.ts +0 -106
  129. package/dist/types/vue-ui-dumbbell.d.ts +0 -79
  130. package/dist/types/vue-ui-flow.d.ts +0 -93
  131. package/dist/types/vue-ui-funnel.d.ts +0 -66
  132. package/dist/types/vue-ui-galaxy.d.ts +0 -97
  133. package/dist/types/vue-ui-gauge.d.ts +0 -76
  134. package/dist/types/vue-ui-geo.d.ts +0 -81
  135. package/dist/types/vue-ui-gizmo.d.ts +0 -22
  136. package/dist/types/vue-ui-heatmap.d.ts +0 -86
  137. package/dist/types/vue-ui-history-plot.d.ts +0 -97
  138. package/dist/types/vue-ui-horizontal-bar.d.ts +0 -99
  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 -97
  143. package/dist/types/vue-ui-mood-radar.d.ts +0 -79
  144. package/dist/types/vue-ui-nested-donuts.d.ts +0 -94
  145. package/dist/types/vue-ui-onion.d.ts +0 -91
  146. package/dist/types/vue-ui-parallel-coordinate-plot.d.ts +0 -108
  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 -102
  150. package/dist/types/vue-ui-quick-chart.d.ts +0 -89
  151. package/dist/types/vue-ui-radar.d.ts +0 -101
  152. package/dist/types/vue-ui-rating.d.ts +0 -31
  153. package/dist/types/vue-ui-relation-circle.d.ts +0 -79
  154. package/dist/types/vue-ui-ridgeline.d.ts +0 -85
  155. package/dist/types/vue-ui-rings.d.ts +0 -83
  156. package/dist/types/vue-ui-scatter.d.ts +0 -82
  157. package/dist/types/vue-ui-skeleton.d.ts +0 -11
  158. package/dist/types/vue-ui-smiley.d.ts +0 -12
  159. package/dist/types/vue-ui-spark-trend.d.ts +0 -19
  160. package/dist/types/vue-ui-sparkbar.d.ts +0 -36
  161. package/dist/types/vue-ui-sparkgauge.d.ts +0 -28
  162. package/dist/types/vue-ui-sparkhistogram.d.ts +0 -33
  163. package/dist/types/vue-ui-sparkline.d.ts +0 -44
  164. package/dist/types/vue-ui-sparkstackbar.d.ts +0 -45
  165. package/dist/types/vue-ui-stackbar.d.ts +0 -97
  166. package/dist/types/vue-ui-stackline.d.ts +0 -93
  167. package/dist/types/vue-ui-strip-plot.d.ts +0 -81
  168. package/dist/types/vue-ui-table-heatmap.d.ts +0 -62
  169. package/dist/types/vue-ui-table-sparkline.d.ts +0 -40
  170. package/dist/types/vue-ui-table.d.ts +0 -25
  171. package/dist/types/vue-ui-thermometer.d.ts +0 -57
  172. package/dist/types/vue-ui-timer.d.ts +0 -36
  173. package/dist/types/vue-ui-tiremarks.d.ts +0 -57
  174. package/dist/types/vue-ui-treemap.d.ts +0 -87
  175. package/dist/types/vue-ui-vertical-bar.d.ts +0 -22
  176. package/dist/types/vue-ui-waffle.d.ts +0 -86
  177. package/dist/types/vue-ui-wheel.d.ts +0 -57
  178. package/dist/types/vue-ui-word-cloud.d.ts +0 -84
  179. package/dist/types/vue-ui-world.d.ts +0 -81
  180. package/dist/types/vue-ui-xy-canvas.d.ts +0 -84
  181. package/dist/types/vue-ui-xy.d.ts +0 -125
  182. package/dist/useAutoSizeLabelsInsideViewbox-dp-3Gg97.js +0 -50
  183. package/dist/useChartAccessibility-Do37qcw2.js +0 -12
  184. package/dist/useConfig-ByaaSKhz.js +0 -7471
  185. package/dist/useFitSvgText-C-MEdAfe.js +0 -63
  186. package/dist/useNestedProp-Ck4hsrpu.js +0 -10
  187. package/dist/useObjectBindings-BR1sGimd.js +0 -189
  188. package/dist/usePanZoom-B-4M_gmY.js +0 -157
  189. package/dist/usePrefersMotion-BywLbIko.js +0 -15
  190. package/dist/usePrinter-X0yWOynH.js +0 -49
  191. package/dist/useResponsive-CrAInupd.js +0 -19
  192. package/dist/useStableElementSize-0I1IpHPl.js +0 -77
  193. package/dist/useSvgExport-Dtu973wa.js +0 -755
  194. package/dist/useTableResponsive-DrM1xqII.js +0 -24
  195. package/dist/useThemeCheck-rFK9Zlb_.js +0 -24
  196. package/dist/useTimeLabelCollider-Dm55Emzg.js +0 -57
  197. package/dist/useTimeLabels-C0x7zUXP.js +0 -272
  198. package/dist/useUserOptionState-CjPJPTg2.js +0 -15
  199. package/dist/utils.js +0 -28
  200. package/dist/vClickOutside-CbX_bC9A.js +0 -13
  201. package/dist/vue-data-ui-nsosW-n5.js +0 -274
  202. package/dist/vue-data-ui.js +0 -76
  203. package/dist/vue-ui-3d-bar-CTvvvgBE.js +0 -1757
  204. package/dist/vue-ui-accordion-BX9WL-QF.js +0 -81
  205. package/dist/vue-ui-age-pyramid-ckZtLlmH.js +0 -1238
  206. package/dist/vue-ui-annotator-Be3VpH8Z.js +0 -2899
  207. package/dist/vue-ui-bullet-3CkhGOSb.js +0 -710
  208. package/dist/vue-ui-bump-LQuPTOlm.js +0 -1249
  209. package/dist/vue-ui-candlestick-BeO06tlH.js +0 -1826
  210. package/dist/vue-ui-carousel-table-nZJ1k6se.js +0 -455
  211. package/dist/vue-ui-chestnut-BWItE1hg.js +0 -2010
  212. package/dist/vue-ui-chord-YflKRyWK.js +0 -1391
  213. package/dist/vue-ui-circle-pack-DyTYvEg3.js +0 -1608
  214. package/dist/vue-ui-cursor-C5_wkWul.js +0 -283
  215. package/dist/vue-ui-dag-mH0baWM3.js +0 -2909
  216. package/dist/vue-ui-dashboard-F7pEuJDh.js +0 -513
  217. package/dist/vue-ui-digits-BYBtwXy_.js +0 -209
  218. package/dist/vue-ui-donut-B3L7jeHL.js +0 -2410
  219. package/dist/vue-ui-donut-evolution-C46h0gLy.js +0 -1510
  220. package/dist/vue-ui-dumbbell-xekp1obI.js +0 -1527
  221. package/dist/vue-ui-flow-BYYyk5KL.js +0 -1235
  222. package/dist/vue-ui-funnel-BfY509t-.js +0 -777
  223. package/dist/vue-ui-galaxy-D061gTYS.js +0 -1077
  224. package/dist/vue-ui-gauge-BRxZNBBS.js +0 -920
  225. package/dist/vue-ui-geo-BwOMFUVr.js +0 -1516
  226. package/dist/vue-ui-gizmo-CQsP8Nd3.js +0 -225
  227. package/dist/vue-ui-heatmap-DOsulVoP.js +0 -1568
  228. package/dist/vue-ui-history-plot-CXW6lF42.js +0 -1559
  229. package/dist/vue-ui-horizontal-bar-CideXtlg.js +0 -1681
  230. package/dist/vue-ui-kpi-CE-JFZ1o.js +0 -96
  231. package/dist/vue-ui-mini-loader-DDJUya9e.js +0 -125
  232. package/dist/vue-ui-molecule-B1Prm5Lk.js +0 -925
  233. package/dist/vue-ui-mood-radar-B29gVcTN.js +0 -1148
  234. package/dist/vue-ui-nested-donuts-Bsx5f9Gv.js +0 -1487
  235. package/dist/vue-ui-onion-MN-PjNJq.js +0 -1200
  236. package/dist/vue-ui-parallel-coordinate-plot-C9zU7MP5.js +0 -1421
  237. package/dist/vue-ui-pattern-Bj-IPFr2.js +0 -154
  238. package/dist/vue-ui-pattern-seed-abRweCDE.js +0 -61
  239. package/dist/vue-ui-quadrant-h-QFG9O4.js +0 -1978
  240. package/dist/vue-ui-quick-chart-PAVz4c9z.js +0 -2469
  241. package/dist/vue-ui-radar-D2pVd53z.js +0 -1229
  242. package/dist/vue-ui-rating-D_QR_A3V.js +0 -343
  243. package/dist/vue-ui-relation-circle-BjB0J53V.js +0 -924
  244. package/dist/vue-ui-ridgeline-DamvqiyJ.js +0 -1622
  245. package/dist/vue-ui-rings-DkHS5dwd.js +0 -1246
  246. package/dist/vue-ui-scatter-dFDowCVQ.js +0 -2413
  247. package/dist/vue-ui-skeleton-zhkS1cmh.js +0 -2556
  248. package/dist/vue-ui-smiley-rFdGxZK6.js +0 -356
  249. package/dist/vue-ui-spark-trend-fQ10-UvM.js +0 -438
  250. package/dist/vue-ui-sparkbar-D5toou8V.js +0 -393
  251. package/dist/vue-ui-sparkgauge-DRZcIPYf.js +0 -255
  252. package/dist/vue-ui-sparkhistogram-YizEqFdN.js +0 -560
  253. package/dist/vue-ui-sparkline-w2nclIW0.js +0 -1507
  254. package/dist/vue-ui-sparkstackbar-CTShNXhW.js +0 -662
  255. package/dist/vue-ui-stackbar-BFLCEsRk.js +0 -2267
  256. package/dist/vue-ui-stackline-CU6s-hhv.js +0 -2395
  257. package/dist/vue-ui-strip-plot-ByaDLFSL.js +0 -1340
  258. package/dist/vue-ui-table-DuA_CfGn.js +0 -1338
  259. package/dist/vue-ui-table-heatmap-BFKyJTr1.js +0 -344
  260. package/dist/vue-ui-table-sparkline-Dfei_QrJ.js +0 -707
  261. package/dist/vue-ui-thermometer-biw3ivMI.js +0 -763
  262. package/dist/vue-ui-timer-9LNNDl4q.js +0 -439
  263. package/dist/vue-ui-tiremarks-kF0Baqia.js +0 -552
  264. package/dist/vue-ui-treemap-BexKMBhz.js +0 -1587
  265. package/dist/vue-ui-waffle-Dq50j_uw.js +0 -1362
  266. package/dist/vue-ui-wheel-BETHlWsO.js +0 -885
  267. package/dist/vue-ui-word-cloud-D1AQtzmT.js +0 -1656
  268. package/dist/vue-ui-world-CcgbuSp_.js +0 -14264
  269. package/dist/vue-ui-xy-BQ1YONCq.js +0 -4219
  270. package/dist/vue-ui-xy-canvas-4ABYnasj.js +0 -1786
  271. package/dist/vue_ui_3d_bar-CXKqO5Ej.js +0 -185
  272. package/dist/vue_ui_age_pyramid-BON8QI6X.js +0 -301
  273. package/dist/vue_ui_bullet-CE5sFT7u.js +0 -186
  274. package/dist/vue_ui_bump-frnXaXul.js +0 -201
  275. package/dist/vue_ui_candlestick-sY6UtOop.js +0 -374
  276. package/dist/vue_ui_chestnut-BiUZFv40.js +0 -305
  277. package/dist/vue_ui_chord-DpyR_b9A.js +0 -275
  278. package/dist/vue_ui_circle_pack-FjH0ZQeb.js +0 -172
  279. package/dist/vue_ui_dag-Ci_MOnvd.js +0 -258
  280. package/dist/vue_ui_donut-Cx2_BGcQ.js +0 -358
  281. package/dist/vue_ui_donut_evolution-CAJefrHs.js +0 -717
  282. package/dist/vue_ui_dumbbell-CClzAZTN.js +0 -304
  283. package/dist/vue_ui_flow-CCHO1Lo9.js +0 -238
  284. package/dist/vue_ui_funnel-h8q2mRpC.js +0 -234
  285. package/dist/vue_ui_galaxy-70vtkEBw.js +0 -265
  286. package/dist/vue_ui_gauge-C17CgfzN.js +0 -178
  287. package/dist/vue_ui_geo-C0UbQ0Lc.js +0 -248
  288. package/dist/vue_ui_heatmap-BqPP3J4M.js +0 -319
  289. package/dist/vue_ui_history_plot-C5nytDHh.js +0 -413
  290. package/dist/vue_ui_horizontal_bar-Bqxorkc_.js +0 -341
  291. package/dist/vue_ui_molecule-Dka4JBOp.js +0 -231
  292. package/dist/vue_ui_mood_radar-Dg4ijm53.js +0 -281
  293. package/dist/vue_ui_nested_donuts-BY9cOoHF.js +0 -273
  294. package/dist/vue_ui_onion-DTV9cup-.js +0 -293
  295. package/dist/vue_ui_parallel_coordinate_plot-CNWrDh96.js +0 -278
  296. package/dist/vue_ui_quadrant-3kjYvxpj.js +0 -428
  297. package/dist/vue_ui_quick_chart--VaYQuM4.js +0 -139
  298. package/dist/vue_ui_radar-Dxx9GJmj.js +0 -306
  299. package/dist/vue_ui_relation_circle-Cr0I2SoU.js +0 -98
  300. package/dist/vue_ui_ridgeline-CAtYca4b.js +0 -767
  301. package/dist/vue_ui_rings-DXC1VeX5.js +0 -320
  302. package/dist/vue_ui_scatter-D2S2j0ap.js +0 -479
  303. package/dist/vue_ui_spark_trend-BHMQ6_1p.js +0 -82
  304. package/dist/vue_ui_sparkbar-BR6hbuDE.js +0 -64
  305. package/dist/vue_ui_sparkgauge-xfPRHnMv.js +0 -90
  306. package/dist/vue_ui_sparkhistogram-CJRENZ1C.js +0 -123
  307. package/dist/vue_ui_sparkline-wgk7yO7E.js +0 -151
  308. package/dist/vue_ui_sparkstackbar-C5qZMmAl.js +0 -175
  309. package/dist/vue_ui_stackbar-BW_C3MXw.js +0 -412
  310. package/dist/vue_ui_stackline-DXxzibUd.js +0 -460
  311. package/dist/vue_ui_strip_plot-8ZelqC5b.js +0 -301
  312. package/dist/vue_ui_table_heatmap-BGUjA0WA.js +0 -80
  313. package/dist/vue_ui_table_sparkline-i0Q-N_we.js +0 -124
  314. package/dist/vue_ui_thermometer-CuN7Gpez.js +0 -123
  315. package/dist/vue_ui_tiremarks-A6UHC0c3.js +0 -122
  316. package/dist/vue_ui_treemap-BQp06q-g.js +0 -328
  317. package/dist/vue_ui_vertical_bar-CJSD1FZS.js +0 -247
  318. package/dist/vue_ui_waffle-C_Ev4l7B.js +0 -292
  319. package/dist/vue_ui_wheel-DdkTPXJU.js +0 -133
  320. package/dist/vue_ui_word_cloud-B1PbsYPc.js +0 -254
  321. package/dist/vue_ui_xy-BYPqfYyx.js +0 -482
  322. package/dist/vue_ui_xy_canvas-CMHGNrLf.js +0 -408
@@ -1,2395 +0,0 @@
1
- import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
2
- import { D as t, Ft as n, G as r, H as i, I as a, It as o, J as s, Lt as c, P as l, S as u, St as d, Tt as f, X as p, et as m, g as h, h as g, i as _, jt as ee, k as v, mt as te, nt as ne, ot as re, pt as ie, s as ae, t as oe, v as se, x as ce, y as le, yt as ue, zt as de } from "./lib-BkiwukKO.js";
3
- import { n as fe, r as pe, t as me } from "./useTimeLabels-C0x7zUXP.js";
4
- import { t as he } from "./useConfig-ByaaSKhz.js";
5
- import { t as ge } from "./usePrinter-X0yWOynH.js";
6
- import { n as _e, t as ve } from "./BaseScanner-C7dmAref.js";
7
- import { t as ye } from "./useSvgExport-Dtu973wa.js";
8
- import { t as be } from "./useNestedProp-Ck4hsrpu.js";
9
- import { t as xe } from "./useThemeCheck-rFK9Zlb_.js";
10
- import { t as Se } from "./useStableElementSize-0I1IpHPl.js";
11
- import { t as Ce } from "./useTimeLabelCollider-Dm55Emzg.js";
12
- import { t as we } from "./img-BjOr008R.js";
13
- import { n as Te } from "./Title-__gWq2g6.js";
14
- import { t as Ee } from "./Shape-DEGOZ6GG.js";
15
- import { t as De } from "./_plugin-vue_export-helper-Dq1MygBL.js";
16
- import { c as Oe } from "./canvas-lib-DTaADQOK.js";
17
- import { t as ke } from "./useResponsive-CrAInupd.js";
18
- import { t as Ae } from "./SlicerPreview-BU3ZeHjR.js";
19
- import { t as je } from "./BaseLegendToggle-CJTwLGXL.js";
20
- import { t as Me } from "./A11yDataTable-q2-8fSlJ.js";
21
- import { t as Ne } from "./useUserOptionState-CjPJPTg2.js";
22
- import { t as Pe } from "./useChartAccessibility-Do37qcw2.js";
23
- import { t as Fe } from "./Legend-Gg5Q4Clb.js";
24
- import { t as Ie } from "./vue_ui_stackline-DXxzibUd.js";
25
- import { Fragment as y, Teleport as Le, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as Re, createTextVNode as ze, createVNode as Be, defineAsyncComponent as Ve, guardReactiveProps as T, mergeProps as He, nextTick as Ue, normalizeClass as We, normalizeProps as E, normalizeStyle as Ge, onBeforeUnmount as Ke, onMounted as qe, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as Je, shallowRef as Ye, toDisplayString as j, toRefs as Xe, unref as M, useSlots as Ze, watch as Qe, watchEffect as $e, withCtx as N } from "vue";
26
- //#region src/components/vue-ui-stackline.vue
27
- var et = /* @__PURE__ */ e({ default: () => Bt }), tt = ["id"], nt = ["id"], rt = ["id"], it = { style: { position: "relative" } }, at = [
28
- "aria-describedby",
29
- "xmlns",
30
- "viewBox"
31
- ], ot = { key: 0 }, st = [
32
- "x",
33
- "y",
34
- "width",
35
- "height"
36
- ], ct = { key: 1 }, lt = ["id"], ut = ["stop-color"], dt = ["stop-color"], ft = [
37
- "x1",
38
- "x2",
39
- "y1",
40
- "y2",
41
- "stroke",
42
- "stroke-width",
43
- "stroke-dasharray"
44
- ], pt = [
45
- "x1",
46
- "x2",
47
- "y1",
48
- "y2",
49
- "stroke",
50
- "stroke-width",
51
- "stroke-dasharray"
52
- ], mt = [
53
- "x1",
54
- "x2",
55
- "y1",
56
- "y2",
57
- "stroke",
58
- "stroke-width"
59
- ], ht = [
60
- "x1",
61
- "x2",
62
- "y1",
63
- "y2",
64
- "stroke",
65
- "stroke-width"
66
- ], gt = [
67
- "x",
68
- "y",
69
- "font-size",
70
- "fill",
71
- "font-weight"
72
- ], _t = [
73
- "transform",
74
- "font-size",
75
- "fill",
76
- "font-weight"
77
- ], vt = [
78
- "x",
79
- "y",
80
- "width",
81
- "height",
82
- "stroke",
83
- "stroke-width",
84
- "stroke-linecap",
85
- "stroke-linejoin",
86
- "stroke-dasharray"
87
- ], yt = [
88
- "d",
89
- "fill",
90
- "opacity"
91
- ], bt = [
92
- "d",
93
- "stroke",
94
- "stroke-width"
95
- ], xt = [
96
- "x1",
97
- "x2",
98
- "y1",
99
- "y2",
100
- "stroke"
101
- ], St = [
102
- "x",
103
- "y",
104
- "font-size",
105
- "font-weight",
106
- "fill",
107
- "text-anchor"
108
- ], Ct = { key: 0 }, wt = { key: 1 }, Tt = [
109
- "text-anchor",
110
- "font-size",
111
- "font-weight",
112
- "fill",
113
- "transform",
114
- "onClick"
115
- ], Et = [
116
- "text-anchor",
117
- "font-size",
118
- "fill",
119
- "transform",
120
- "innerHTML",
121
- "onClick"
122
- ], Dt = [
123
- "x",
124
- "y",
125
- "height",
126
- "width",
127
- "fill"
128
- ], Ot = { key: 0 }, kt = [
129
- "x1",
130
- "x2",
131
- "y1",
132
- "y2",
133
- "stroke",
134
- "stroke-width",
135
- "stroke-dasharray"
136
- ], At = { key: 0 }, jt = [
137
- "x",
138
- "y",
139
- "font-size",
140
- "fill",
141
- "font-weight"
142
- ], Mt = [
143
- "x",
144
- "y",
145
- "font-size",
146
- "font-weight",
147
- "fill"
148
- ], Nt = ["data-start", "data-end"], Pt = {
149
- key: 0,
150
- style: {
151
- position: "absolute",
152
- top: "100%",
153
- left: "0",
154
- width: "100%"
155
- },
156
- "data-dom-to-png-ignore": "",
157
- "aria-hidden": "true"
158
- }, Ft = {
159
- key: 5,
160
- class: "vue-data-ui-watermark"
161
- }, It = ["onClick"], Lt = ["innerHTML"], Rt = ["innerHTML"], zt = ["id"], Bt = /* @__PURE__ */ De({
162
- __name: "vue-ui-stackline",
163
- props: {
164
- config: {
165
- type: Object,
166
- default() {
167
- return {};
168
- }
169
- },
170
- dataset: {
171
- type: Array,
172
- default() {
173
- return [];
174
- }
175
- },
176
- selectedXIndex: {
177
- type: Number,
178
- default: void 0
179
- }
180
- },
181
- emits: [
182
- "selectDatapoint",
183
- "selectLegend",
184
- "selectTimeLabel",
185
- "selectX",
186
- "copyAlt"
187
- ],
188
- setup(e, { expose: De, emit: et }) {
189
- let Bt = Ve(() => import("./Tooltip-CuWEYGr3.js")), Vt = Ve(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Ht = Ve(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), Ut = Ve(() => import("./DataTable-DmE8Oo4i.js")), Wt = Ve(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Gt = Ve(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Kt = Ve(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), qt = Ve(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_stackline: Jt } = he(), { isThemeValid: Yt, warnInvalidTheme: Xt } = xe(), Zt = Ze(), P = e, F = et, Qt = b({
190
- get() {
191
- return !!P.dataset && P.dataset.length;
192
- },
193
- set(e) {
194
- return e;
195
- }
196
- }), I = O(null), L = O(i()), $t = O(!1), R = O([]), en = O(0), tn = O(null), nn = O(null), rn = O(null), an = O(null), on = O(null), sn = O(!1), cn = O(!1), ln = O(0), un = O(0), dn = O(0), fn = O(!1), pn = O(null), mn = O(null), hn = O(!1), gn = O(!1), _n = O(!1), vn = O(null), yn = O(null), bn = O(null), xn = O(null), Sn = O(null), Cn = Ye(null), wn = O(!1), Tn = O(0), En = O(0), Dn = O(null), On = O({
197
- x: 0,
198
- y: 0
199
- }), kn = O("pointer"), An = Se({
200
- elementRef: Cn,
201
- minimumWidth: 2,
202
- minimumHeight: 2,
203
- stableFramesRequired: 2,
204
- once: !1,
205
- onSizeAccepted: () => {
206
- Nn();
207
- }
208
- });
209
- function jn() {
210
- Cn.value = I.value?.parentNode ?? null;
211
- }
212
- function Mn() {
213
- return new Promise((e) => {
214
- requestAnimationFrame(() => {
215
- requestAnimationFrame(e);
216
- });
217
- });
218
- }
219
- async function Nn() {
220
- let e = ++En.value;
221
- wn.value = !1, await Ue(), await Mn(), await Mn(), e === En.value && (Tn.value += 1, wn.value = !0);
222
- }
223
- let Pn = O(null), Fn = O(!1);
224
- function In() {
225
- Fn.value = !Fn.value;
226
- }
227
- qe(() => {
228
- jn(), An.start(), fn.value = !0, or(), Nn();
229
- });
230
- let z = O(qn()), Ln = b(() => z.value.userOptions.useCursorPointer), Rn = b(() => de({
231
- defaultConfig: {
232
- userOptions: { show: !1 },
233
- useCssAnimation: !1,
234
- table: { show: !1 },
235
- tooltip: { show: !1 },
236
- style: { chart: {
237
- backgroundColor: "#99999930",
238
- lines: {
239
- totalValues: { show: !1 },
240
- dataLabels: { show: !1 }
241
- },
242
- grid: {
243
- frame: { stroke: "#6A6A6A" },
244
- scale: {
245
- scaleMin: 0,
246
- scaleMax: 144
247
- },
248
- x: {
249
- axisColor: "#6A6A6A",
250
- linesColor: "#6A6A6A",
251
- axisName: { show: !1 },
252
- timeLabels: { show: !1 }
253
- },
254
- y: {
255
- axisColor: "#6A6A6A",
256
- linesColor: "#6A6A6A",
257
- axisName: { show: !1 },
258
- axisLabels: { show: !1 }
259
- }
260
- },
261
- legend: { backgroundColor: "transparent" },
262
- padding: {
263
- left: 24,
264
- right: 24,
265
- bottom: 12
266
- },
267
- zoom: {
268
- show: !1,
269
- startIndex: null,
270
- endIndex: null,
271
- keepState: !1
272
- }
273
- } }
274
- },
275
- userConfig: z.value.skeletonConfig ?? {}
276
- })), { loading: zn, FINAL_DATASET: Bn, manualLoading: Vn } = _e({
277
- ...Xe(P),
278
- FINAL_CONFIG: z,
279
- prepareConfig: qn,
280
- callback: () => {
281
- Promise.resolve().then(async () => {
282
- (!z.value.style.chart.zoom.keepState || !Zr.value || K.value.start === 0 && K.value.end === 0) && await $r();
283
- });
284
- },
285
- skeletonDataset: P.config?.skeletonDataset ?? [{
286
- name: "",
287
- series: [
288
- 3,
289
- 2,
290
- 1,
291
- 5,
292
- 13,
293
- 21,
294
- 8,
295
- 89,
296
- 34,
297
- 55
298
- ],
299
- color: "#8A8A8A"
300
- }, {
301
- name: "",
302
- series: [
303
- 1,
304
- 2,
305
- 3,
306
- 5,
307
- 8,
308
- 13,
309
- 21,
310
- 34,
311
- 55,
312
- 89
313
- ],
314
- color: "#CACACA"
315
- }],
316
- skeletonConfig: de({
317
- defaultConfig: z.value,
318
- userConfig: Rn.value
319
- })
320
- }), { userOptionsVisible: Hn, setUserOptionsVisibility: Un, keepUserOptionState: Wn } = Ne({ config: z.value }), { svgRef: B } = Pe({ config: z.value.style.chart.title });
321
- function Gn() {
322
- hn.value = !0, Un(!0);
323
- }
324
- function Kn() {
325
- Un(!1), hn.value = !1, Dn.value = null, kn.value = "pointer", $t.value = !1, $.value = null, F("selectX", {
326
- seriesIndex: null,
327
- datapoint: null
328
- });
329
- }
330
- function qn() {
331
- let e = be({
332
- userConfig: P.config,
333
- defaultConfig: Jt
334
- }), t = {}, n = e.theme;
335
- if (n) if (!Yt.value(e)) Xt(e), t = e;
336
- else {
337
- let r = be({
338
- userConfig: Ie[n] || P.config,
339
- defaultConfig: e
340
- });
341
- t = {
342
- ...be({
343
- userConfig: P.config,
344
- defaultConfig: r
345
- }),
346
- customPalette: e.customPalette.length ? e.customPalette : c[n] || f
347
- };
348
- }
349
- else t = e;
350
- return t;
351
- }
352
- let Jn = b(() => z.value.style.chart.lines.dataLabels.hideUnderValue !== null), Yn = b(() => z.value.style.chart.lines.dataLabels.hideUnderPercentage !== null);
353
- Qe(() => P.config, (e) => {
354
- zn.value || (z.value = qn()), Hn.value = !z.value.userOptions.showOnChartHover, or({ resetSlicer: !z.value.style.chart.zoom.keepState }), ln.value += 1, un.value += 1, dn.value += 1, V.value.dataLabels.show = z.value.style.chart.lines.dataLabels.show, V.value.showTable = z.value.table.show, V.value.showTooltip = z.value.style.chart.tooltip.show, H.value.width = z.value.style.chart.width, H.value.height = z.value.style.chart.height, H.value.paddingRatio = {
355
- top: z.value.style.chart.padding.top / z.value.style.chart.height,
356
- right: z.value.style.chart.padding.right / z.value.style.chart.width,
357
- bottom: z.value.style.chart.padding.bottom / z.value.style.chart.height,
358
- left: z.value.style.chart.padding.left / z.value.style.chart.width
359
- }, jn(), Nn(), !z.value.style.chart.zoom.keepState || !Zr.value || K.value.start === 0 && K.value.end === 0 ? $r() : Sr();
360
- }, { deep: !0 }), Qe(() => P.dataset, (e) => {
361
- Array.isArray(e) && e.length > 0 && (Vn.value = !1), z.value.style.chart.zoom.keepState ? Sr() : Tr(), jn(), Nn();
362
- }, { deep: !0 });
363
- let V = O({
364
- dataLabels: { show: z.value.style.chart.lines.dataLabels.show },
365
- showTable: z.value.table.show,
366
- showTooltip: z.value.style.chart.tooltip.show
367
- });
368
- Qe(z, () => {
369
- V.value = {
370
- dataLabels: { show: z.value.style.chart.lines.dataLabels.show },
371
- showTable: z.value.table.show,
372
- showTooltip: z.value.style.chart.tooltip.show
373
- };
374
- }, { immediate: !0 });
375
- let { isPrinting: Xn, isImaging: Zn, generatePdf: Qn, generateImage: $n } = ge({
376
- elementId: `stackline_${L.value}`,
377
- fileName: z.value.style.chart.title.text || "vue-ui-stackline",
378
- options: z.value.userOptions.print
379
- }), er = b(() => z.value.userOptions.show && !z.value.style.chart.title.text), H = O({
380
- width: z.value.style.chart.width,
381
- height: z.value.style.chart.height,
382
- paddingRatio: {
383
- top: z.value.style.chart.padding.top / z.value.style.chart.height,
384
- right: z.value.style.chart.padding.right / z.value.style.chart.width,
385
- bottom: z.value.style.chart.padding.bottom / z.value.style.chart.height,
386
- left: z.value.style.chart.padding.left / z.value.style.chart.width
387
- }
388
- }), tr = b(() => ce(z.value.customPalette)), nr = Ye(null), rr = Ye(null), ir = O(null), ar = b(() => !!z.value.debug);
389
- function or({ resetSlicer: e = !0 } = {}) {
390
- if (d(P.dataset) ? (p({
391
- componentName: "VueUiStackline",
392
- type: "dataset",
393
- debug: ar.value
394
- }), Vn.value = !0) : P.dataset.forEach((e, t) => {
395
- re({
396
- datasetObject: e,
397
- requiredAttributes: ["name", "series"]
398
- }).forEach((e) => {
399
- Qt.value = !1, p({
400
- componentName: "VueUiStackline",
401
- type: "datasetSerieAttribute",
402
- property: e,
403
- index: t,
404
- debug: ar.value
405
- }), Vn.value = !0;
406
- });
407
- }), d(P.dataset) || (Vn.value = z.value.loading), setTimeout(() => {
408
- cn.value = !0;
409
- }, 10), z.value.responsive) {
410
- let e = Oe(() => {
411
- cn.value = !1;
412
- let { width: e, height: t } = ke({
413
- chart: I.value,
414
- noTitle: an.value,
415
- title: z.value.style.chart.title.text ? tn.value : null,
416
- legend: z.value.style.chart.legend.show ? nn.value : null,
417
- slicer: z.value.style.chart.zoom.show && G.value > 6 ? rn.value.$el : null,
418
- source: on.value
419
- });
420
- requestAnimationFrame(() => {
421
- H.value.width = e, H.value.height = t - 12, clearTimeout(ir.value), ir.value = setTimeout(() => {
422
- cn.value = !0;
423
- }, 10);
424
- });
425
- });
426
- nr.value && (rr.value && nr.value.unobserve(rr.value), nr.value.disconnect()), nr.value = new ResizeObserver(e), rr.value = I.value.parentNode, nr.value.observe(rr.value);
427
- }
428
- e && $r();
429
- }
430
- Ke(() => {
431
- An.stop(), nr.value && (rr.value && nr.value.unobserve(rr.value), nr.value.disconnect());
432
- });
433
- let sr = b(() => z.value.style.chart.grid.y.position === "right");
434
- function cr() {
435
- let e = 0;
436
- bn.value && (e = Array.from(bn.value.querySelectorAll("text")).reduce((e, t) => {
437
- let n = t.getComputedTextLength();
438
- return n > e ? n : e;
439
- }, 0));
440
- let t = yn.value ? yn.value.getBoundingClientRect().width + z.value.style.chart.grid.y.axisName.fontSize + z.value.style.chart.grid.y.axisName.offsetX : 0;
441
- return {
442
- left: sr.value ? 0 : e + t,
443
- right: sr.value ? e + t : 0,
444
- scaleLabelsWidth: e,
445
- yAxisLabelWidth: t
446
- };
447
- }
448
- let lr = O(0), ur = O(0), dr = O(0);
449
- function fr() {
450
- let e = xn.value;
451
- if (!e) {
452
- ur.value = 0;
453
- return;
454
- }
455
- try {
456
- let t = e.getBBox();
457
- ur.value = Number.isFinite(t?.height) ? t.height : 0;
458
- } catch {
459
- ur.value = 0;
460
- }
461
- }
462
- function pr() {
463
- dr.value && cancelAnimationFrame(dr.value), dr.value = requestAnimationFrame(() => {
464
- requestAnimationFrame(() => {
465
- fr();
466
- });
467
- });
468
- }
469
- Ke(() => {
470
- dr.value && cancelAnimationFrame(dr.value), ur.value = 0, lr.value = 0;
471
- });
472
- let mr = b(() => {
473
- let e = 0;
474
- if (vn.value) try {
475
- e = vn.value.getBBox().height;
476
- } catch {
477
- e = 0;
478
- }
479
- let t = z.value.style.chart.grid.x.timeLabels.show ? ur.value : 0;
480
- return e + t;
481
- }), U = b(() => {
482
- Tn.value;
483
- let { height: e, width: t } = H.value, { right: n } = H.value.paddingRatio, r = z.value.style.chart.lines.totalValues.show && P.dataset && P.dataset.length > 1 ? z.value.style.chart.lines.totalValues.fontSize * 1.3 : 0, i = 0, a = 0, o = 0, s = 0;
484
- if (z.value.style.chart.grid.y.axisLabels.show) {
485
- let e = cr();
486
- i = e.left, a = e.right, o = e.scaleLabelsWidth, s = e.yAxisLabelWidth;
487
- }
488
- let c = z.value.style.chart.padding.top + r, l = t - t * n - lr.value - a, u = e - z.value.style.chart.padding.bottom - mr.value - r, d = z.value.style.chart.padding.left + i, f = t - d - t * n - lr.value - a, p = e - c - z.value.style.chart.padding.bottom - mr.value - r;
489
- return {
490
- chartHeight: Math.max(0, e),
491
- chartWidth: Math.max(0, t),
492
- top: c,
493
- right: Math.max(0, l),
494
- bottom: Math.max(0, u),
495
- left: Math.max(0, d),
496
- width: Math.max(0, f),
497
- height: Math.max(0, p),
498
- offsetLeftAxis: i,
499
- offsetRightAxis: a,
500
- scaleLabelsWidth: o,
501
- yAxisLabelWidth: s
502
- };
503
- }), hr = b(() => {
504
- let { left: e, top: t, width: n, height: r } = U.value, i = K.value.start, a = K.value.end, o = Math.max(1, a - i), s = Math.max(0, Math.min(o, (q.value.start ?? i) - i)), c = Math.max(0, Math.min(o, (q.value.end ?? a) - i)), l = Math.max(0, c - s), u = {
505
- fill: z.value.style.chart.zoom.preview.fill,
506
- stroke: z.value.style.chart.zoom.preview.stroke,
507
- "stroke-width": z.value.style.chart.zoom.preview.strokeWidth,
508
- "stroke-dasharray": z.value.style.chart.zoom.preview.strokeDasharray,
509
- "stroke-linecap": "round",
510
- "stroke-linejoin": "round",
511
- style: {
512
- pointerEvents: "none",
513
- transition: "none !important",
514
- animation: "none !important"
515
- }
516
- }, d = n / o;
517
- return {
518
- x: e + s * d,
519
- y: t,
520
- width: l * d,
521
- height: r,
522
- ...u
523
- };
524
- }), W = b(() => Bn.value.map((e, t) => {
525
- let n = `stackline_serie_${t}`, r = le(e.color) || tr.value[t] || f[t] || f[t % f.length];
526
- return {
527
- ...e,
528
- shape: e.shape || "circle",
529
- standalone: !!e.standalone,
530
- series: JSON.parse(JSON.stringify(e.series)).map((e) => z.value.style.chart.lines.distributed ? Math.abs(e) : e),
531
- seriesSource: e.series,
532
- signedSeries: e.series.map((e) => e >= 0 ? 1 : -1),
533
- absoluteIndex: t,
534
- id: n,
535
- color: r
536
- };
537
- })), gr = b(() => W.value.filter((e) => !R.value.includes(e.id) && !e.standalone)), _r = b(() => W.value.filter((e) => !R.value.includes(e.id) && e.standalone)), G = b(() => {
538
- let e = Math.max(...W.value.filter((e) => !R.value.includes(e.id)).map((e) => e.series.length));
539
- return isFinite(e) ? e : Math.max(...W.value.map((e) => e.series.length));
540
- });
541
- function vr(e) {
542
- Pn.value = e;
543
- }
544
- let K = O({
545
- start: 0,
546
- end: Math.max(...Bn.value.map((e) => e.series.length))
547
- }), q = O({
548
- start: 0,
549
- end: Math.max(...Bn.value.map((e) => e.series.length))
550
- });
551
- function yr(e) {
552
- return (K.value.start ?? 0) + (e ?? 0);
553
- }
554
- let br = b(() => z.value.style.chart.zoom.preview.enable && (q.value.start !== K.value.start || q.value.end !== K.value.end));
555
- function xr(e, t) {
556
- q.value[e] = t;
557
- }
558
- function Sr() {
559
- let e = G.value, t = Math.max(0, Math.min(K.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(K.value.end ?? e, e));
560
- (!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), K.value.start = t, K.value.end = n, q.value.start = t, q.value.end = n, rn.value && (rn.value.setStartValue(t), rn.value.setEndValue(n));
561
- }
562
- let Cr = O(null);
563
- function wr() {
564
- return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
565
- }
566
- Ke(() => {
567
- Cr.value && cancelAnimationFrame(Cr.value);
568
- });
569
- async function Tr({ force: e = !1 } = {}) {
570
- if (z.value.style.chart.zoom.keepState && !e && Zr.value && !(K.value.start === 0 && K.value.end === 0)) {
571
- Sr();
572
- return;
573
- }
574
- $r(), await Ue(), Cr.value && cancelAnimationFrame(Cr.value), Cr.value = requestAnimationFrame(async () => {
575
- await wr(), $r();
576
- });
577
- }
578
- let Er = b(() => Math.max(0, U.value.width / (K.value.end - K.value.start))), Dr = b(() => n(gr.value.map((e) => ({
579
- ...e,
580
- series: e.series.map((e) => e ?? 0)
581
- }))).slice(K.value.start, K.value.end)), Or = b(() => R.value.length === W.value.length), kr = b(() => {
582
- if (!z.value.style.chart.zoom.minimap.show) return [];
583
- let e = W.value.filter((e) => Or.value ? !0 : !R.value.includes(e.id) && !e.standalone);
584
- if (e.length) return n(e.map((e) => ({
585
- ...e,
586
- series: (e.series || []).map((e) => e ?? 0)
587
- })));
588
- let t = _r.value;
589
- if (!t.length) return [];
590
- let r = Math.max(...t.map((e) => e.series.length || 0));
591
- return Array.from({ length: r }, (e, n) => t.reduce((e, t) => e + Math.abs(t.series[n] ?? 0), 0));
592
- }), Ar = b(() => {
593
- if (!z.value.style.chart.zoom.minimap.show) return [];
594
- let e = W.value.filter((e) => Or.value ? !0 : !R.value.includes(e.id) && !e.standalone), t = _r.value, n = e.length ? [{
595
- name: "",
596
- series: kr.value,
597
- color: "#000000",
598
- isVisible: !0
599
- }] : [], r = t.map((e) => ({
600
- name: e.name || "",
601
- series: (e.series || []).map((e) => e ?? 0),
602
- color: e.color,
603
- isVisible: !0
604
- }));
605
- return n.concat(r);
606
- }), jr = b(() => n(gr.value.filter((e) => !R.value.includes(e.id)).map((e) => ({
607
- ...e,
608
- series: e.series.map((t, n) => {
609
- let r = t ?? 0;
610
- return e.signedSeries[n] === -1 && r >= 0 ? -r : r;
611
- })
612
- }))).slice(K.value.start, K.value.end)), Mr = b(() => {
613
- let e = gr.value.filter((e) => !R.value.includes(e.id));
614
- return {
615
- positive: n(e.map((e) => ({
616
- ...e,
617
- series: e.series.slice(K.value.start, K.value.end).map((e) => (e ?? 0) >= 0 ? e ?? 0 : 0)
618
- }))),
619
- negative: n(e.map((e) => ({
620
- ...e,
621
- series: e.series.slice(K.value.start, K.value.end).map((e) => (e ?? 0) < 0 ? e ?? 0 : 0)
622
- })))
623
- };
624
- }), Nr = b(() => {
625
- let e = Math.max(0, K.value.end - K.value.start), t = Array(e).fill(0), n = Array(e).fill(0);
626
- return _r.value.forEach((r) => {
627
- for (let i = 0; i < e; i += 1) {
628
- let e = r.series[K.value.start + i] ?? 0;
629
- e > 0 && (t[i] = Math.max(t[i], e)), e < 0 && (n[i] = Math.min(n[i], e));
630
- }
631
- }), {
632
- positive: t,
633
- negative: n
634
- };
635
- }), Pr = b(() => jr.value.map((e, t) => ({
636
- value: e,
637
- sign: e >= 0 ? 1 : -1
638
- })));
639
- function Fr() {
640
- return { y0: Lr.value?.[0]?.zero ?? U.value.bottom };
641
- }
642
- function Ir(e) {
643
- let { y0: t } = Fr(), n = z.value.style.chart.lines.totalValues, r = Math.max(2, n.fontSize * 1.3 + n.offsetY), i = (e) => Math.min(Math.max(e, U.value.top - z.value.style.chart.lines.totalValues.fontSize * 1.3), U.value.bottom + z.value.style.chart.lines.totalValues.fontSize * 2);
644
- if ((Pr.value?.[e]?.value ?? 0) >= 0 || z.value.style.chart.lines.distributed) {
645
- let n = Infinity;
646
- for (let t of Y.value || []) {
647
- let r = t?.series?.[e], i = t?.topY?.[e];
648
- (r ?? 0) > 0 && Number.isFinite(i) && i < n && (n = i);
649
- }
650
- return i((Number.isFinite(n) ? n : t) - r - z.value.style.chart.lines.totalValues.offsetY);
651
- } else {
652
- let a = -Infinity;
653
- for (let t of Y.value || []) {
654
- let n = t?.series?.[e], r = t?.topY?.[e];
655
- (n ?? 0) < 0 && Number.isFinite(r) && r > a && (a = r);
656
- }
657
- return i((Number.isFinite(a) ? a : t) + r + n.fontSize * .7 + z.value.style.chart.lines.totalValues.offsetY);
658
- }
659
- }
660
- let Lr = b(() => {
661
- let e = Math.max(...Mr.value.positive, 0), t = Math.min(...Mr.value.negative, 0), n = Math.max(...Nr.value.positive, 0), r = Math.min(...Nr.value.negative, 0), i = Math.max(e, n), a = Math.min(t, r), o = [
662
- -Infinity,
663
- Infinity,
664
- NaN,
665
- void 0,
666
- null
667
- ].includes(a) ? 0 : a, s = z.value.style.chart.grid.scale.scaleMin, c = z.value.style.chart.grid.scale.scaleMax, l = !z.value.style.chart.lines.distributed && (s !== null || c !== null), u = s !== null && !z.value.style.chart.lines.distributed ? s : o > 0 ? 0 : o, d = c !== null && !z.value.style.chart.lines.distributed ? c : i < 0 ? 0 : i, f = l ? h(u, d, z.value.style.chart.grid.scale.ticks) : g(u, d, z.value.style.chart.grid.scale.ticks), p = Math.abs(Number(f.min) || 0), m = (Number(f.max) || 0) + p, _ = m === 0 || !Number.isFinite(m) ? 1 : m, ee = Array.isArray(f.ticks) && f.ticks.length ? f.ticks : [0], v = U.value.bottom - U.value.height * (p / _);
668
- return ee.map((e) => {
669
- let t = Number(e) || 0;
670
- return {
671
- zero: v,
672
- y: U.value.bottom - U.value.height * ((t + p) / _),
673
- x: sr.value ? X.value.right + 8 : X.value.left - 8,
674
- value: t
675
- };
676
- });
677
- }), J = O([]), Rr = O([]), zr = 0;
678
- $e(() => {
679
- let e = ++zr;
680
- (async () => {
681
- let t = await me({
682
- values: z.value.style.chart.grid.x.timeLabels.values,
683
- maxDatapoints: G.value,
684
- formatter: z.value.style.chart.grid.x.timeLabels.datetimeFormatter,
685
- start: K.value.start,
686
- end: K.value.end
687
- });
688
- e === zr && (J.value = t);
689
- })();
690
- });
691
- let Br = 0;
692
- $e(() => {
693
- let e = ++Br;
694
- (async () => {
695
- let t = await me({
696
- values: z.value.style.chart.grid.x.timeLabels.values,
697
- maxDatapoints: G.value,
698
- formatter: z.value.style.chart.grid.x.timeLabels.datetimeFormatter,
699
- start: 0,
700
- end: G.value
701
- });
702
- e === Br && (Rr.value = t);
703
- })();
704
- });
705
- let Vr = b(() => {
706
- let e = z.value.style.chart.grid.x.timeLabels.modulo;
707
- return J.value.length ? Math.min(e, [...new Set(J.value.map((e) => e.text))].length) : e;
708
- }), Hr = b(() => {
709
- let e = z.value.style.chart.grid.x.timeLabels, t = J.value || [], n = Rr.value || [], r = K.value.start ?? 0, i = $.value, a = G.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
710
- return ae(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Vr.value || 1), o, s, r, i, a);
711
- });
712
- $e(() => {
713
- z.value.style.chart.grid.x.timeLabels.show, z.value.style.chart.grid.x.timeLabels.fontSize, z.value.style.chart.grid.x.timeLabels.rotation, z.value.style.chart.grid.x.timeLabels.offsetY, (Hr.value || []).map((e) => e?.text ?? "").join("|"), H.value.width, H.value.height, xn.value, vn.value, pr();
714
- }, { flush: "post" });
715
- let Ur = O({
716
- months: [],
717
- shortMonths: [],
718
- days: [],
719
- shortDays: []
720
- }), Wr = 0;
721
- $e(() => {
722
- let e = ++Wr, t = z.value.style.chart.grid.x.timeLabels.datetimeFormatter;
723
- (async () => {
724
- let n = await pe(t.locale).catch(() => pe("en"));
725
- e === Wr && (Ur.value = n.data);
726
- })();
727
- });
728
- let Gr = b(() => {
729
- let e = z.value.style.chart.grid.x.timeLabels.datetimeFormatter, t = fe({
730
- useUTC: e.useUTC,
731
- locale: Ur.value,
732
- januaryAsYear: e.januaryAsYear
733
- });
734
- return (e, n) => {
735
- let r = z.value.style.chart.grid.x.timeLabels.values?.[e];
736
- return r == null ? "" : t.formatDate(new Date(r), n);
737
- };
738
- }), Kr = b(() => (z.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
739
- text: Gr.value(t, z.value.style.chart.zoom.timeFormat),
740
- absoluteIndex: t
741
- }))), qr = b(() => (z.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
742
- text: Gr.value(t, z.value.style.chart.tooltip.timeFormat),
743
- absoluteIndex: t
744
- }))), Jr = b(() => {
745
- if (!Qt.value && !zn.value) return [];
746
- let e = U.value.height, t = Lr.value[0] ? Lr.value[0].zero : U.value.bottom, n = K.value.start ?? 0, r = K.value.end ?? 0, i = Math.max(1, r - n), a = Math.max(...Mr.value.positive, 0), o = Math.min(...Mr.value.negative, 0), s = Math.max(...Nr.value.positive, 0), c = Math.min(...Nr.value.negative, 0), l = Math.max(a, s), u = Math.min(o, c), { min: d, max: f } = !z.value.style.chart.lines.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? h(z.value.style.chart.grid.scale.scaleMin === null ? u > 0 ? 0 : u : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? l < 0 ? 0 : l : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks) : g(z.value.style.chart.grid.scale.scaleMin === null ? u > 0 ? 0 : u : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? l < 0 ? 0 : l : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks), p = f + (d >= 0 ? 0 : Math.abs(d)) || 1, m = Array(i).fill(0), _ = Array(i).fill(0), ee = (e) => i <= 1 ? U.value.left + U.value.width / 2 : U.value.left + e / (i - 1) * U.value.width;
747
- return W.value.filter((e) => !R.value.includes(e.id)).map((r) => {
748
- let a = [], o = [], s = [], c = Array(i).fill(null), l = Array(i).fill(null);
749
- for (let u = 0; u < i; u += 1) {
750
- let i = n + u, d = r.series?.[i], f = r.signedSeries?.[i], h = d == null || Number.isNaN(d) ? 0 : d, g = r.standalone ? h / p : z.value.style.chart.lines.distributed ? h / (Dr.value[u] || 1) : h / p;
751
- if (h >= 0) {
752
- let n = e * Math.abs(g);
753
- if (r.standalone) c[u] = t, l[u] = t - n;
754
- else {
755
- let e = m[u], r = e + n;
756
- c[u] = t - e, l[u] = t - r, m[u] = r;
757
- }
758
- } else {
759
- let n = e * Math.abs(g);
760
- if (r.standalone) c[u] = t, l[u] = t + n;
761
- else {
762
- let e = _[u], r = e + n;
763
- c[u] = t + e, l[u] = t + r, _[u] = r;
764
- }
765
- }
766
- a.push(u), o.push(h), s.push(f ?? (h >= 0 ? 1 : -1));
767
- }
768
- let u = a.map((e) => ({
769
- x: ee(e),
770
- y: l[e]
771
- })), d = u.map((e) => e.x), f = o.reduce((e, t) => e + Math.abs(t || 0), 0), h = f === 0 ? 1 : f, g = o.map((e, t) => {
772
- if (z.value.style.chart.lines.distributed && !r.standalone) {
773
- let n = a[t], r = Dr.value[n] || 1;
774
- return (e || 0) / r;
775
- }
776
- return (e || 0) / h;
777
- });
778
- return {
779
- ...r,
780
- x: d,
781
- points: u,
782
- baseY: a.map((e) => c[e]),
783
- topY: a.map((e) => l[e]),
784
- series: o,
785
- signedSeries: s,
786
- proportions: g,
787
- rel: a,
788
- fullSeries: Array.isArray(r.fullSeries) ? r.fullSeries : r.series
789
- };
790
- });
791
- }), Y = b(() => {
792
- let e = (e) => typeof e == "string" ? e.replace(/^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i, "").trim() : "", t = Math.max(...Mr.value.positive, 0), n = Math.min(...Mr.value.negative, 0), r = Math.max(...Nr.value.positive, 0), i = Math.min(...Nr.value.negative, 0), o = Math.max(t, r), s = Math.min(n, i), c = !z.value.style.chart.lines.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? h(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? o < 0 ? 0 : o : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks) : g(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? o < 0 ? 0 : o : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks), l = Number(c.min) || 0, u = Number(c.max) || 0, d = Math.abs(l), f = u + d || 1, p = (e) => {
793
- if (z.value.style.chart.lines.distributed) {
794
- let t = Math.max(0, Math.min(1, e));
795
- return minimapH - minimapH * t;
796
- }
797
- return clampY(minimapH - minimapH * (((e ?? 0) + d) / f));
798
- };
799
- return Jr.value.map((t) => {
800
- let n = t.x.length, r = Array.isArray(t.fullSeries) ? t.fullSeries : t.series, i = ({ left: e = 0, unitW: t }) => {
801
- let n = r.length;
802
- return !Number.isFinite(t) || t <= 0 || n <= 0 ? [] : n === 1 ? [e + t * .5] : r.map((n, r) => e + r * t);
803
- }, o = ({ minimapH: e }) => !Number.isFinite(e) || e <= 0 ? [] : r.map((t) => p(t || 0, e)), s = ({ minimapH: e }) => {
804
- if (!Number.isFinite(e) || e <= 0) return [];
805
- let t = p(0, e);
806
- return r.map(() => t);
807
- };
808
- if (n === 0) return {
809
- ...t,
810
- points: [],
811
- smoothPath: "",
812
- straightPath: "",
813
- smoothArea: "",
814
- straightArea: "",
815
- xMinimap: i,
816
- yMinimap: o,
817
- yMinimapBase: s
818
- };
819
- let c = t.x.map((e, n) => ({
820
- x: e,
821
- y: t.topY[n]
822
- })), l = t.x.map((e, n) => ({
823
- x: e,
824
- y: t.baseY[n]
825
- })), u = n >= 2 ? v(c) : `M${c[0].x},${c[0].y}`, d = n >= 2 ? a(c) : `M${c[0].x},${c[0].y}`, f = n >= 2 ? `M${e(u)}` : u, m = n >= 2 ? `M${e(d)}` : d, h = "", g = "";
826
- if (z.value.style.chart.lines.useArea && n >= 2) {
827
- let t = v([...l].reverse()), n = a([...l].reverse()), r = l[l.length - 1];
828
- h = `M${c[0].x},${c[0].y} ${e(u)} L${r.x},${r.y} ${e(t)} Z`, g = `M${c[0].x},${c[0].y} ${e(d)} L${r.x},${r.y} ${e(n)} Z`;
829
- }
830
- return {
831
- ...t,
832
- points: c,
833
- smoothPath: f,
834
- straightPath: m,
835
- smoothArea: h,
836
- straightArea: g,
837
- xMinimap: i,
838
- yMinimap: o,
839
- yMinimapBase: s
840
- };
841
- });
842
- }), Yr = b(() => $.value === null || $.value === void 0 ? null : {
843
- timeLabel: pi($.value),
844
- absoluteIndex: $.value + K.value.start,
845
- seriesIndex: $.value,
846
- datapoint: fi.value,
847
- series: Y.value,
848
- config: z.value
849
- }), Xr = O(!1), Zr = O(!1);
850
- function Qr(e) {
851
- let t = G.value;
852
- return e > t ? t : e < 0 || e < K.value.start ? z.value.style.chart.zoom.startIndex === null ? 1 : K.value.start + 1 : e;
853
- }
854
- function $r() {
855
- if (!Xr.value) {
856
- Xr.value = !0;
857
- try {
858
- let { startIndex: e, endIndex: t, keepState: n } = z.value.style.chart.zoom, r = n ? Math.max(0, G.value) : G.value;
859
- if (n && r <= 0) return;
860
- let i = e ?? 0, a = t == null ? r : Math.min(Qr(t + 1), r);
861
- ni.value = !0, K.value.start = i, K.value.end = a, q.value.start = i, q.value.end = a, Sr(), Zr.value = !0;
862
- } finally {
863
- queueMicrotask(() => {
864
- ni.value = !1;
865
- }), Xr.value = !1;
866
- }
867
- }
868
- }
869
- function ei(e) {
870
- Xr.value || ni.value || e !== K.value.start && (K.value.start = e, q.value.start = e, Sr());
871
- }
872
- function ti(e) {
873
- if (Xr.value || ni.value) return;
874
- let t = Qr(e);
875
- t !== K.value.end && (K.value.end = t, q.value.end = t, Sr());
876
- }
877
- let X = b(() => ({
878
- left: U.value.left,
879
- right: U.value.right,
880
- width: U.value.width
881
- })), ni = O(!1);
882
- Ce({
883
- timeLabelsEls: xn,
884
- timeLabels: J,
885
- slicer: K,
886
- configRef: z,
887
- rotationPath: [
888
- "style",
889
- "chart",
890
- "grid",
891
- "x",
892
- "timeLabels",
893
- "rotation"
894
- ],
895
- autoRotatePath: [
896
- "style",
897
- "chart",
898
- "grid",
899
- "x",
900
- "timeLabels",
901
- "autoRotate",
902
- "enable"
903
- ],
904
- isAutoSize: !1,
905
- width: b(() => H.value.width),
906
- height: b(() => H.value.height),
907
- rotation: z.value.style.chart.grid.x.timeLabels.autoRotate.angle
908
- });
909
- let ri = O(null);
910
- function ii(e) {
911
- let t = B.value;
912
- if (!t) return null;
913
- if (t.createSVGPoint && t.getScreenCTM) {
914
- let n = t.createSVGPoint();
915
- n.x = e.clientX, n.y = e.clientY;
916
- let r = t.getScreenCTM();
917
- if (r) {
918
- let e = n.matrixTransform(r.inverse());
919
- return {
920
- x: e.x,
921
- y: e.y,
922
- ok: !0
923
- };
924
- }
925
- }
926
- let n = t.getBoundingClientRect(), r = t.viewBox?.baseVal || {
927
- x: 0,
928
- y: 0,
929
- width: n.width,
930
- height: n.height
931
- }, 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;
932
- return {
933
- x: (e.clientX - n.left - s) / i + r.x,
934
- y: (e.clientY - n.top - c) / i + r.y,
935
- ok: !0
936
- };
937
- }
938
- let ai = 0, Z = b(() => Math.max(1, K.value.end - K.value.start)), oi = b(() => Z.value > 1 ? U.value.width / (Z.value - 1) : 0);
939
- function Q(e) {
940
- return Z.value <= 1 ? U.value.left + U.value.width / 2 : U.value.left + e * oi.value;
941
- }
942
- function si(e) {
943
- if (Z.value <= 1) return {
944
- x: U.value.left,
945
- width: U.value.width
946
- };
947
- let t = e === 0 ? U.value.left : (Q(e - 1) + Q(e)) / 2, n = e === Z.value - 1 ? U.value.left + U.value.width : (Q(e) + Q(e + 1)) / 2;
948
- return {
949
- x: t,
950
- width: Math.max(0, n - t)
951
- };
952
- }
953
- function ci(e) {
954
- Fn.value || (ai && cancelAnimationFrame(ai), ai = requestAnimationFrame(() => {
955
- ai = 0;
956
- let t = ii(e);
957
- if (!t || !B.value) {
958
- di();
959
- return;
960
- }
961
- let { left: n, right: r, top: i, bottom: a } = U.value;
962
- if (t.x < n || t.x > r || t.y < i || t.y > a) {
963
- di();
964
- return;
965
- }
966
- let o = 0;
967
- if (Z.value > 1) {
968
- let e = (t.x - n) / oi.value;
969
- o = Math.round(e);
970
- } else o = 0;
971
- o < 0 && (o = 0), o > Z.value - 1 && (o = Z.value - 1), ri.value !== o && (ri.value = o, hi(!0, o));
972
- }));
973
- }
974
- function li(e) {
975
- let t = ii(e);
976
- if (!t || !B.value) return;
977
- let { left: n, right: r, top: i, bottom: a } = U.value;
978
- if (t.x < n || t.x > r || t.y < i || t.y > a) return;
979
- let o = 0;
980
- if (Z.value > 1) {
981
- let e = (t.x - n) / oi.value;
982
- o = Math.round(e);
983
- } else o = 0;
984
- o < 0 && (o = 0), o > Z.value - 1 && (o = Z.value - 1), Ji({
985
- seriesIndex: o,
986
- datapoint: Bi(o)
987
- }), ui(o);
988
- }
989
- function ui(e) {
990
- let t = JSON.parse(JSON.stringify(Y.value)).map((t) => ({
991
- name: t.name,
992
- value: t.series[e] === 0 ? 0 : t.series[e] || null,
993
- proportion: t.proportions[e] || null,
994
- color: t.color,
995
- id: t.id
996
- }));
997
- z.value.events.datapointClick && z.value.events.datapointClick({
998
- datapoint: t,
999
- seriesIndex: e + K.value.start
1000
- }), F("selectDatapoint", {
1001
- datapoint: t,
1002
- period: J.value[e]
1003
- });
1004
- }
1005
- Qe(() => [
1006
- K.value.start,
1007
- K.value.end,
1008
- Y.value.length
1009
- ], () => {
1010
- let e = Z.value;
1011
- if ($.value != null) {
1012
- if (e <= 0) {
1013
- $.value = null;
1014
- return;
1015
- }
1016
- $.value < 0 && ($.value = 0), $.value > e - 1 && ($.value = e - 1);
1017
- }
1018
- });
1019
- function di() {
1020
- ai &&= (cancelAnimationFrame(ai), 0), ri.value = null, hi(!1, null);
1021
- }
1022
- let $ = O(null), fi = b(() => {
1023
- let e = $.value, t = e == null ? null : yr(e);
1024
- return Y.value.map((n) => ({
1025
- slotAbsoluteIndex: n.absoluteIndex,
1026
- shape: n.shape || "circle",
1027
- name: n.name,
1028
- color: n.color,
1029
- value: e == null ? null : n.series.find((t, n) => n === e),
1030
- sourceValue: t == null ? null : n.seriesSource?.[t],
1031
- comments: n.comments || [],
1032
- id: n.id,
1033
- standalone: !!n.standalone
1034
- }));
1035
- });
1036
- function pi(e) {
1037
- if (e == null || !z.value.style.chart.tooltip.showTimeLabel) return null;
1038
- let t = J.value?.[e]?.text || null, n = qr.value?.[e]?.text || null, r = Rr.value?.[e]?.text || null;
1039
- return z.value.style.chart.tooltip.useDefaultTimeFormat ? t : n || r;
1040
- }
1041
- let mi = b(() => {
1042
- let e = z.value.style.chart.tooltip.customFormat, n = [...fi.value].reverse(), i = n.filter((e) => !e.standalone), a = n.filter((e) => e.standalone), o = i.map((e) => e.value).filter((e) => te(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0);
1043
- if (ie(e) && ne(() => e({
1044
- absoluteIndex: $.value + K.value.start,
1045
- seriesIndex: $.value,
1046
- datapoint: fi.value,
1047
- series: W.value,
1048
- config: z.value
1049
- }))) return e({
1050
- absoluteIndex: $.value + K.value.start,
1051
- seriesIndex: $.value,
1052
- datapoint: fi.value,
1053
- series: W.value,
1054
- config: z.value
1055
- });
1056
- let { showValue: s, showTotal: c, totalTranslation: u, showPercentage: d, borderColor: f, roundingValue: p, roundingPercentage: h } = z.value.style.chart.tooltip, g = (e) => !e.shape || ![
1057
- "star",
1058
- "triangle",
1059
- "square",
1060
- "diamond",
1061
- "pentagon",
1062
- "hexagon"
1063
- ].includes(e.shape) ? `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${z.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${e.color}" /></svg>` : e.shape === "star" ? `<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><polygon stroke="${z.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${e.color}" points="${l({
1064
- plot: {
1065
- x: 6,
1066
- y: 6
1067
- },
1068
- radius: 5
1069
- })}" /></svg>` : e.shape === "triangle" ? `<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${t({
1070
- plot: {
1071
- x: 6,
1072
- y: 6
1073
- },
1074
- radius: 6,
1075
- sides: 3,
1076
- rotation: .52
1077
- }).path}" fill="${e.color}" stroke="${z.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : e.shape === "square" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${t({
1078
- plot: {
1079
- x: 6,
1080
- y: 6
1081
- },
1082
- radius: 6,
1083
- sides: 4,
1084
- rotation: .8
1085
- }).path}" fill="${e.color}" stroke="${z.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : e.shape === "diamond" ? `<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${t({
1086
- plot: {
1087
- x: 6,
1088
- y: 6
1089
- },
1090
- radius: 5,
1091
- sides: 4,
1092
- rotation: 0
1093
- }).path}" fill="${e.color}" stroke="${z.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : e.shape === "pentagon" ? `<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${t({
1094
- plot: {
1095
- x: 6,
1096
- y: 6
1097
- },
1098
- radius: 5,
1099
- sides: 5,
1100
- rotation: .95
1101
- }).path}" fill="${e.color}" stroke="${z.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : `<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${t({
1102
- plot: {
1103
- x: 6,
1104
- y: 6
1105
- },
1106
- radius: 5,
1107
- sides: 6,
1108
- rotation: 0
1109
- }).path}" fill="${e.color}" stroke="${z.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`, ee = (e, t) => {
1110
- let n = t ? r({
1111
- v: isNaN((e.value ?? 0) / (o || 1)) ? 0 : Math.abs(e.value ?? 0) / (o || 1) * 100,
1112
- s: "%",
1113
- r: h
1114
- }) : "", i = s && t ? "(" : "", a = s && t ? ")" : "";
1115
- return `
1116
- <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
1117
- <div style="width:20px;height:20px;display:flex;align-items:center;justify-content:center;">${g(e)}</div>
1118
- ${e.name}${s || t ? ":" : ""}
1119
- ${s ? _(z.value.style.chart.lines.dataLabels.formatter, e.sourceValue, r({
1120
- p: z.value.style.chart.lines.dataLabels.prefix,
1121
- v: e.sourceValue,
1122
- s: z.value.style.chart.lines.dataLabels.suffix,
1123
- r: p
1124
- }, { datapoint: e })) : ""} ${i}${n}${a}
1125
- </div>
1126
- `;
1127
- }, v = "", re = pi($.value);
1128
- return re && (v += `<div style="width:100%;text-align:center;border-bottom:1px solid ${f};padding-bottom:6px;margin-bottom:3px;">${re}</div>`), c && i.length > 1 && (v += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
1129
- <span>${u}:</span>
1130
- <span>${_(z.value.style.chart.lines.dataLabels.formatter, m(o), r({
1131
- p: z.value.style.chart.lines.dataLabels.prefix,
1132
- v: m(o),
1133
- s: z.value.style.chart.lines.dataLabels.suffix,
1134
- r: p
1135
- }), { datapoint: {
1136
- name: u,
1137
- value: m(o)
1138
- } })}</span>
1139
- </div>`), i.forEach((e) => {
1140
- v += ee(e, d);
1141
- }), a.length && (v += `<div style="border-top:1px solid ${gr.value.length ? f : "transparent"}; margin:${gr.value.length ? "6px 0" : "0"};"></div>`, a.forEach((e) => {
1142
- v += ee(e, !1);
1143
- })), `<div>${v}</div>`;
1144
- });
1145
- function hi(e, t = null, n = "pointer") {
1146
- if (Or.value) return;
1147
- kn.value = n, $t.value = e;
1148
- let r = Y.value.map((e) => ({
1149
- name: e.name,
1150
- value: [
1151
- null,
1152
- void 0,
1153
- NaN
1154
- ].includes(e.series[t]) ? null : e.series[t],
1155
- color: e.color
1156
- }));
1157
- e ? (Dn.value = t, $.value = t, Ji({
1158
- seriesIndex: t,
1159
- datapoint: r
1160
- }), z.value.events.datapointEnter && z.value.events.datapointEnter({
1161
- datapoint: r,
1162
- seriesIndex: t + K.value.start
1163
- })) : (Dn.value = null, $.value = null, F("selectX", {
1164
- seriesIndex: null,
1165
- dataset: null,
1166
- indexLabel: null
1167
- }), z.value.events.datapointLeave && z.value.events.datapointLeave({
1168
- datapoint: r,
1169
- seriesIndex: t + K.value.start
1170
- }));
1171
- }
1172
- function gi(e, t) {
1173
- F("selectTimeLabel", {
1174
- datapoint: JSON.parse(JSON.stringify(Y.value)).map((e) => ({
1175
- name: e.name,
1176
- value: e.series[t] === 0 ? 0 : (e.signedSeries[t] === -1 && e.series[t] >= 0 ? -e.series[t] : e.series[t]) || null,
1177
- proportion: e.proportions[t] || null,
1178
- color: e.color,
1179
- id: e.id
1180
- })),
1181
- absoluteIndex: e.absoluteIndex,
1182
- label: e.text
1183
- });
1184
- }
1185
- function _i() {
1186
- R.value.length ? R.value = [] : yi.value.forEach((e) => {
1187
- R.value.push(e.id);
1188
- }), F("selectLegend", Y.value);
1189
- }
1190
- function vi(e) {
1191
- if (R.value.includes(e.id)) R.value = R.value.filter((t) => t !== e.id);
1192
- else {
1193
- if (R.value.length === W.value.length - 1) return;
1194
- R.value.push(e.id);
1195
- }
1196
- F("selectLegend", Y.value);
1197
- }
1198
- let yi = b(() => W.value.map((e) => ({
1199
- ...e,
1200
- opacity: R.value.includes(e.id) ? .5 : 1,
1201
- segregate: () => vi(e),
1202
- isSegregated: R.value.includes(e.id)
1203
- }))), bi = b(() => ({
1204
- cy: "stackline-legend",
1205
- backgroundColor: z.value.style.chart.legend.backgroundColor,
1206
- color: z.value.style.chart.legend.color,
1207
- fontSize: z.value.style.chart.legend.fontSize,
1208
- paddingBottom: 12,
1209
- fontWeight: z.value.style.chart.legend.bold ? "bold" : ""
1210
- }));
1211
- function xi(e) {
1212
- return W.value.length ? W.value.find((t) => t.name === e) || (z.value.debug && console.warn(`VueUiStackline - Series name not found "${e}"`), null) : (z.value.debug && console.warn("VueUiStackline - There are no series to show."), null);
1213
- }
1214
- function Si(e) {
1215
- let t = xi(e);
1216
- t !== null && R.value.includes(t.id) && vi({ id: t.id });
1217
- }
1218
- function Ci(e) {
1219
- let t = xi(e);
1220
- t !== null && (R.value.includes(t.id) || vi({ id: t.id }));
1221
- }
1222
- let wi = b(() => {
1223
- if (Y.value.length === 0) return {
1224
- head: [],
1225
- body: [],
1226
- config: {},
1227
- columnNames: []
1228
- };
1229
- let e = Y.value.map(({ name: e, color: t }) => ({
1230
- label: e,
1231
- color: t
1232
- })), t = [];
1233
- return Hr.value.forEach((e) => {
1234
- let n = e.absoluteIndex, r = [z.value.style.chart.grid.x.timeLabels.values?.[n] ? e.text : n + 1];
1235
- W.value.forEach((e) => {
1236
- let t = e.series?.[n], i = Number((t ?? 0).toFixed(z.value.table.td.roundingValue));
1237
- r.push(i);
1238
- }), t.push(r);
1239
- }), {
1240
- head: e,
1241
- body: t
1242
- };
1243
- });
1244
- function Ti(e = null) {
1245
- let t = [
1246
- [z.value.style.chart.title.text],
1247
- [z.value.style.chart.title.subtitle.text],
1248
- [""]
1249
- ], n = ["", ...wi.value.head.map((e) => e.label)], r = wi.value.body, i = u(t.concat([n]).concat(r));
1250
- e ? e(i) : s({
1251
- csvContent: i,
1252
- title: z.value.style.chart.title.text || "vue-ui-stackline"
1253
- });
1254
- }
1255
- let Ei = b(() => {
1256
- let e = [""].concat(Y.value.map((e) => e.name), " <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>"), t = [], n = Math.max(0, K.value.end - K.value.start);
1257
- for (let e = 0; e < n; e += 1) {
1258
- let n = yr(e), r = z.value.style.chart.grid.x.timeLabels.values?.[n] ? J.value?.[e]?.text ?? n + 1 : n + 1, i = Y.value.map((t) => {
1259
- let n = t.series?.[e] ?? 0;
1260
- return Number(n.toFixed(z.value.table.td.roundingValue));
1261
- }), a = Y.value.filter((e) => !e.standalone).map((t) => t.series?.[e] ?? 0).reduce((e, t) => e + t, 0);
1262
- t.push([r].concat(i, Number(a.toFixed(z.value.table.td.roundingValue))));
1263
- }
1264
- return {
1265
- head: e,
1266
- body: t,
1267
- config: {
1268
- th: {
1269
- backgroundColor: z.value.table.th.backgroundColor,
1270
- color: z.value.table.th.color,
1271
- outline: z.value.table.th.outline
1272
- },
1273
- td: {
1274
- backgroundColor: z.value.table.td.backgroundColor,
1275
- color: z.value.table.td.color,
1276
- outline: z.value.table.td.outline
1277
- },
1278
- breakpoint: z.value.table.responsiveBreakpoint
1279
- },
1280
- colNames: [z.value.table.columnNames.period].concat(Y.value.map((e) => e.name), z.value.table.columnNames.total)
1281
- };
1282
- }), Di = b(() => z.value.style.chart.backgroundColor), Oi = b(() => z.value.style.chart.legend), { exportSvg: ki, getSvg: Ai } = ye({
1283
- svg: B,
1284
- title: b(() => z.value.style.chart.title),
1285
- legend: Oi,
1286
- legendItems: yi,
1287
- backgroundColor: Di
1288
- });
1289
- async function ji({ isCb: e }) {
1290
- _n.value = !0, await Ue();
1291
- try {
1292
- if (e) {
1293
- let { blob: e, url: t, text: n, dataUrl: r } = await Ai();
1294
- await Promise.resolve(z.value.userOptions.callbacks.svg({
1295
- blob: e,
1296
- url: t,
1297
- text: n,
1298
- dataUrl: r
1299
- }));
1300
- } else await Promise.resolve(ki());
1301
- } finally {
1302
- _n.value = !1;
1303
- }
1304
- }
1305
- async function Mi({ scale: e = 2 } = {}) {
1306
- if (!I.value) return;
1307
- let { width: t, height: n } = I.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await we({
1308
- domElement: I.value,
1309
- base64: !0,
1310
- img: !0,
1311
- scale: e
1312
- });
1313
- return {
1314
- imageUri: i,
1315
- base64: a,
1316
- title: z.value.style.chart.title.text,
1317
- width: t,
1318
- height: n,
1319
- aspectRatio: r
1320
- };
1321
- }
1322
- let Ni = b(() => {
1323
- let e = z.value.table.useDialog && !z.value.table.show, t = V.value.showTable;
1324
- return {
1325
- component: e ? qt : Ht,
1326
- title: `${z.value.style.chart.title.text}${z.value.style.chart.title.subtitle.text ? `: ${z.value.style.chart.title.subtitle.text}` : ""}`,
1327
- props: e ? {
1328
- backgroundColor: z.value.table.th.backgroundColor,
1329
- color: z.value.table.th.color,
1330
- headerColor: z.value.table.th.color,
1331
- headerBg: z.value.table.th.backgroundColor,
1332
- isFullscreen: sn.value,
1333
- fullscreenParent: I.value,
1334
- forcedWidth: Math.min(800, window.innerWidth * .8),
1335
- isCursorPointer: Ln.value
1336
- } : {
1337
- hideDetails: !0,
1338
- config: {
1339
- open: t,
1340
- maxHeight: 1e4,
1341
- body: {
1342
- backgroundColor: z.value.style.chart.backgroundColor,
1343
- color: z.value.style.chart.color
1344
- },
1345
- head: {
1346
- backgroundColor: z.value.style.chart.backgroundColor,
1347
- color: z.value.style.chart.color
1348
- }
1349
- }
1350
- }
1351
- };
1352
- });
1353
- Qe(() => V.value.showTable, (e) => {
1354
- z.value.table.show || (e && z.value.table.useDialog && pn.value ? pn.value.open() : "close" in pn.value && pn.value.close());
1355
- });
1356
- function Pi() {
1357
- V.value.showTable = !1, mn.value && mn.value.setTableIconState(!1);
1358
- }
1359
- function Fi(e) {
1360
- sn.value = e, en.value += 1;
1361
- }
1362
- function Ii() {
1363
- V.value.showTable = !V.value.showTable;
1364
- }
1365
- function Li() {
1366
- V.value.dataLabels.show = !V.value.dataLabels.show;
1367
- }
1368
- function Ri() {
1369
- V.value.showTooltip = !V.value.showTooltip;
1370
- }
1371
- function zi() {
1372
- return Y.value;
1373
- }
1374
- function Bi(e) {
1375
- let t = e ?? 0, n = yr(t);
1376
- return JSON.parse(JSON.stringify(Y.value)).map((e) => {
1377
- let r = e.series[t], i = e.signedSeries?.[t], a = r === 0 ? 0 : (i === -1 && r >= 0 ? -r : r) || null;
1378
- return {
1379
- name: e.name,
1380
- absoluteIndex: e.absoluteIndex,
1381
- value: a,
1382
- proportion: e.proportions?.[t] || null,
1383
- color: e.color,
1384
- id: e.id,
1385
- timeLabel: Rr.value?.[n] || null
1386
- };
1387
- });
1388
- }
1389
- let Vi = b(() => Array(G.value).fill(0).map((e, t) => Bi(t)));
1390
- Qe(() => P.selectedXIndex, (e) => {
1391
- if ([null, void 0].includes(P.selectedXIndex)) {
1392
- $.value = null;
1393
- return;
1394
- }
1395
- let t = e - K.value.start;
1396
- t < 0 || e >= K.value.end ? $.value = null : $.value = t ?? null;
1397
- }, { immediate: !0 });
1398
- let Hi = b(() => {
1399
- if (z.value.style.chart.lines.distributed) return {
1400
- min: -1,
1401
- max: 1
1402
- };
1403
- let e = gr.value, t = _r.value, n = Math.max(1, ...[...e, ...t].map((e) => e.series?.length || 0)), r = Array(n).fill(0), i = Array(n).fill(0);
1404
- e.forEach((e) => {
1405
- for (let t = 0; t < n; t += 1) {
1406
- let n = e.series[t] ?? 0;
1407
- n >= 0 ? r[t] += n : i[t] += n;
1408
- }
1409
- });
1410
- let a = Array(n).fill(0), o = Array(n).fill(0);
1411
- t.forEach((e) => {
1412
- for (let t = 0; t < n; t += 1) {
1413
- let n = e.series[t] ?? 0;
1414
- n > 0 && (a[t] = Math.max(a[t], n)), n < 0 && (o[t] = Math.min(o[t], n));
1415
- }
1416
- });
1417
- let s = Math.max(0, ...r, ...a), c = Math.min(0, ...i, ...o), l = z.value.style.chart.grid.scale.scaleMin, u = z.value.style.chart.grid.scale.scaleMax, d = z.value.style.chart.grid.scale.ticks, f = !z.value.style.chart.lines.distributed && (l !== null || u !== null) ? h(l === null ? c > 0 ? 0 : c : l, u === null ? s < 0 ? 0 : s : u, d) : g(l === null ? c > 0 ? 0 : c : l, u === null ? s < 0 ? 0 : s : u, d);
1418
- return {
1419
- min: Number(f.min) || 0,
1420
- max: Number(f.max) || 0
1421
- };
1422
- });
1423
- function Ui({ minimapH: e, unitW: t }) {
1424
- let n = (e) => typeof e == "string" ? e.replace(/^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i, "").trim() : "";
1425
- if (!Number.isFinite(e) || e <= 0 || !Number.isFinite(t) || t <= 0) return "";
1426
- let r = Y.value.filter((e) => !e.standalone), i = Y.value.filter((e) => e.standalone), o = Math.max(0, ...Y.value.map((e) => Array.isArray(e.fullSeries) ? e.fullSeries.length : e.series.length));
1427
- if (o <= 0) return "";
1428
- let s = o === 1 ? [t * .5] : Array.from({ length: o }, (e, n) => n * t);
1429
- if (z.value.style.chart.lines.distributed) {
1430
- let t = Array.from({ length: o }, (e, t) => {
1431
- let n = 0;
1432
- return r.forEach((e) => {
1433
- let r = (Array.isArray(e.fullSeries) ? e.fullSeries : e.series)?.[t];
1434
- r != null && !Number.isNaN(r) && (n += Math.abs(r));
1435
- }), n || 1;
1436
- }), c = (t) => e - e * Math.max(0, Math.min(1, t || 0)), l = [], u = Array(o).fill(0);
1437
- return r.forEach((e) => {
1438
- let r = Array.isArray(e.fullSeries) ? e.fullSeries : e.series, i = Array(o), d = Array(o);
1439
- for (let e = 0; e < o; e += 1) {
1440
- let n = r?.[e], a = n == null || Number.isNaN(n) ? 0 : Math.abs(n) / t[e];
1441
- d[e] = u[e], u[e] += a, i[e] = u[e];
1442
- }
1443
- let f = i.map(c), p = d.map(c), m = s.map((e, t) => ({
1444
- x: e,
1445
- y: f[t]
1446
- })), h = s.map((e, t) => ({
1447
- x: e,
1448
- y: p[t]
1449
- })), g = v(m), _ = v([...h].reverse()), ee = a(m), te = a([...h].reverse()), ne = h[h.length - 1];
1450
- if (z.value.style.chart.lines.useArea) {
1451
- let t = z.value.style.chart.lines.smooth ? `M${m[0].x},${m[0].y} ${n(g)} L${ne.x},${ne.y} ${n(_)} Z` : `M${m[0].x},${m[0].y} ${n(ee)} L${ne.x},${ne.y} ${n(te)} Z`;
1452
- l.push(`<path d="${t}"
1453
- fill="${Zt.pattern ? `url(#pattern_${L.value}_${e.absoluteIndex})` : (z.value.style.chart.lines.gradient.show, e.color)}"
1454
- opacity="${z.value.style.chart.lines.areaOpacity}"
1455
- stroke="none" />`);
1456
- }
1457
- let re = z.value.style.chart.lines.smooth ? `M${m[0].x},${m[0].y} ${n(g)}` : `M${m[0].x},${m[0].y} ${n(ee)}`;
1458
- l.push(`<path d="${re}"
1459
- fill="none"
1460
- stroke="${e.color}"
1461
- stroke-width="${z.value.style.chart.lines.strokeWidth}"
1462
- stroke-linecap="round" />`);
1463
- }), i.length && i.forEach((e) => {
1464
- let r = Array.isArray(e.fullSeries) ? e.fullSeries : e.series, i = Array.from({ length: o }, (e, n) => c(Math.abs(r?.[n] ?? 0) / t[n])), u = s.map((e, t) => ({
1465
- x: e,
1466
- y: i[t]
1467
- })), d = v(u), f = a(u), p = z.value.style.chart.lines.smooth ? `M${u[0].x},${u[0].y} ${n(d)}` : `M${u[0].x},${u[0].y} ${n(f)}`;
1468
- l.push(`<path d="${p}"
1469
- fill="none"
1470
- stroke="${e.color}"
1471
- stroke-width="${z.value.style.chart.lines.strokeWidth}"
1472
- stroke-linecap="round" />`);
1473
- }), l.join("");
1474
- }
1475
- let c = Hi.value.min, l = Hi.value.max, u = Math.abs(c), d = l + u || 1, f = (t) => Math.max(0, Math.min(e, t)), p = (t) => f(e - e * (((t ?? 0) + u) / d)), m = [];
1476
- if (r.length) {
1477
- let e = Array(o).fill(0), t = Array(o).fill(0);
1478
- r.forEach((r) => {
1479
- let i = Array.isArray(r.fullSeries) ? r.fullSeries : r.series, c = Array(o), l = Array(o);
1480
- for (let n = 0; n < o; n += 1) {
1481
- let r = i?.[n] ?? 0;
1482
- r >= 0 ? (l[n] = e[n], e[n] += r, c[n] = e[n]) : (l[n] = t[n], t[n] += r, c[n] = t[n]);
1483
- }
1484
- let u = c.map(p), d = l.map(p), f = s.map((e, t) => ({
1485
- x: e,
1486
- y: u[t]
1487
- })), h = s.map((e, t) => ({
1488
- x: e,
1489
- y: d[t]
1490
- })), g = v(f), _ = v([...h].reverse()), ee = a(f), te = a([...h].reverse()), ne = h[h.length - 1];
1491
- if (z.value.style.chart.lines.useArea) {
1492
- let e = z.value.style.chart.lines.smooth ? `M${f[0].x},${f[0].y} ${n(g)} L${ne.x},${ne.y} ${n(_)} Z` : `M${f[0].x},${f[0].y} ${n(ee)} L${ne.x},${ne.y} ${n(te)} Z`;
1493
- m.push(`<path d="${e}"
1494
- fill="${Zt.pattern ? `url(#pattern_${L.value}_${r.absoluteIndex})` : (z.value.style.chart.lines.gradient.show, r.color)}"
1495
- opacity="${z.value.style.chart.lines.areaOpacity}"
1496
- stroke="none" />`);
1497
- }
1498
- let re = z.value.style.chart.lines.smooth ? `M${f[0].x},${f[0].y} ${n(g)}` : `M${f[0].x},${f[0].y} ${n(ee)}`;
1499
- m.push(`<path d="${re}"
1500
- fill="none"
1501
- stroke="${r.color}"
1502
- stroke-width="${z.value.style.chart.lines.strokeWidth}"
1503
- stroke-linecap="round" />`);
1504
- });
1505
- }
1506
- return i.length && i.forEach((e) => {
1507
- let t = (Array.isArray(e.fullSeries) ? e.fullSeries : e.series).map(p), r = s.map((e, n) => ({
1508
- x: e,
1509
- y: t[n]
1510
- })), i = v(r), o = a(r), c = z.value.style.chart.lines.smooth ? `M${r[0].x},${r[0].y} ${n(i)}` : `M${r[0].x},${r[0].y} ${n(o)}`;
1511
- m.push(`<path d="${c}"
1512
- fill="none"
1513
- stroke="${e.color}"
1514
- stroke-width="${z.value.style.chart.lines.strokeWidth}"
1515
- stroke-linecap="round" />`);
1516
- }), m.join("");
1517
- }
1518
- function Wi(e, t) {
1519
- let n = z.value.style.chart.lines, r = n.dataLabels;
1520
- return n.showDistributedPercentage && n.distributed ? Yn.value ? t === 0 ? !r.hideEmptyPercentages : Math.abs(t) * 100 >= r.hideUnderPercentage : r.hideEmptyPercentages ? Math.abs(t) > 0 : !0 : Yn.value ? (Jn.value && ar.value && console.warn("Vue Data UI - VueUiStackline - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), Math.abs(e) > Gi.value * r.hideUnderPercentage / 100) : Jn.value ? Math.abs(e) >= r.hideUnderValue : r.hideEmptyValues ? e !== 0 : !0;
1521
- }
1522
- let Gi = b(() => Math.max(...Y.value.flatMap((e) => e.series)));
1523
- function Ki(e, t, n, i, a) {
1524
- let o = a === -1 && e >= 0 ? -e : e;
1525
- return _(z.value.style.chart.lines.dataLabels.formatter, o, r({
1526
- p: z.value.style.chart.lines.dataLabels.prefix,
1527
- v: o,
1528
- s: z.value.style.chart.lines.dataLabels.suffix,
1529
- r: z.value.style.chart.lines.dataLabels.rounding
1530
- }), {
1531
- datapoint: t,
1532
- seriesIndex: n,
1533
- datapointIndex: i
1534
- });
1535
- }
1536
- function qi(e, t, n, i) {
1537
- return _(z.value.style.chart.lines.dataLabels.formatter, e, r({
1538
- v: isNaN(e) ? 0 : e,
1539
- s: "%",
1540
- r: z.value.style.chart.lines.dataLabels.rounding
1541
- }), {
1542
- datapoint: t,
1543
- seriesIndex: n,
1544
- datapointIndex: i
1545
- });
1546
- }
1547
- function Ji({ seriesIndex: e, datapoint: t }) {
1548
- let n = K.value.start + e;
1549
- F("selectX", {
1550
- dataset: t,
1551
- index: n,
1552
- indexLabel: z.value.style.chart.grid.x.timeLabels.values[n]
1553
- });
1554
- }
1555
- function Yi(e) {
1556
- if (e?.stage === "start") {
1557
- gn.value = !0;
1558
- return;
1559
- }
1560
- if (e?.stage === "end") {
1561
- gn.value = !1;
1562
- return;
1563
- }
1564
- $n();
1565
- }
1566
- async function Xi() {
1567
- if (F("copyAlt", {
1568
- config: z.value,
1569
- dataset: Y.value
1570
- }), !z.value.userOptions.callbacks.altCopy) {
1571
- console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
1572
- return;
1573
- }
1574
- await Promise.resolve(z.value.userOptions.callbacks.altCopy({
1575
- config: z.value,
1576
- dataset: Y.value
1577
- }));
1578
- }
1579
- let Zi = O(!1);
1580
- function Qi() {
1581
- Dn.value = null, Zi.value = !0;
1582
- }
1583
- function $i() {
1584
- Dn.value = null, kn.value = "pointer", $t.value = !1, $.value = null, F("selectX", {
1585
- seriesIndex: null,
1586
- datapoint: null
1587
- }), Zi.value = !1;
1588
- }
1589
- function ea(e) {
1590
- if (!B.value || Fn.value || document.activeElement !== B.value || Or.value || !Z.value) return;
1591
- let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
1592
- if (!t && !n && !r && !i) return;
1593
- if (e.preventDefault(), e.stopPropagation(), i) {
1594
- Dn.value = null, kn.value = "pointer", $t.value = !1, $.value = null, F("selectX", {
1595
- seriesIndex: null,
1596
- datapoint: null
1597
- });
1598
- return;
1599
- }
1600
- if (r) {
1601
- if (Dn.value === null) return;
1602
- ui(Dn.value);
1603
- return;
1604
- }
1605
- let a = Dn.value, o = ri.value, s = a !== null && a >= 0 && a < Z.value, c = o !== null && o >= 0 && o < Z.value;
1606
- s ? n ? (a += 1, a >= Z.value && (a = 0)) : t && (--a, a < 0 && (a = Z.value - 1)) : c ? (a = n ? o + 1 : o - 1, a >= Z.value && (a = 0), a < 0 && (a = Z.value - 1)) : a = n ? 0 : Z.value - 1, Dn.value = a, ta(a), hi(!0, a, "keyboard");
1607
- }
1608
- function ta(e) {
1609
- if (!Number.isFinite(e) || !B.value) return;
1610
- let t = o(U.value.left + e * oi.value, U.value.top + U.value.height / 2, B.value);
1611
- t && (On.value = t);
1612
- }
1613
- let na = b(() => ({
1614
- headers: Ei.value?.colNames ?? [],
1615
- rows: Ei.value?.body ?? []
1616
- }));
1617
- return De({
1618
- getData: zi,
1619
- getImage: Mi,
1620
- generatePdf: Qn,
1621
- generateCsv: Ti,
1622
- generateImage: $n,
1623
- generateSvg: ji,
1624
- hideSeries: Ci,
1625
- showSeries: Si,
1626
- toggleTable: Ii,
1627
- toggleLabels: Li,
1628
- toggleTooltip: Ri,
1629
- toggleAnnotator: In,
1630
- toggleFullscreen: Fi,
1631
- copyAlt: Xi
1632
- }), (t, n) => (D(), C("div", {
1633
- id: `stackline_${L.value}`,
1634
- ref_key: "stacklineChart",
1635
- ref: I,
1636
- class: We({
1637
- "vue-data-ui-component": !0,
1638
- "vue-ui-stackline": !0,
1639
- "vue-data-ui-wrapper-fullscreen": sn.value
1640
- }),
1641
- style: Ge(`background:${z.value.style.chart.backgroundColor};color:${z.value.style.chart.color};font-family:${z.value.style.fontFamily}; position: relative; ${z.value.responsive ? "height: 100%" : ""}`),
1642
- onMouseenter: Gn,
1643
- onMouseleave: Kn
1644
- }, [
1645
- w("div", {
1646
- id: `chart-instructions-${L.value}`,
1647
- class: "sr-only"
1648
- }, [w("p", null, j(z.value.a11y.translations.keyboardNavigation), 1)], 8, nt),
1649
- na.value?.rows?.length ? (D(), x(Me, {
1650
- key: 0,
1651
- uid: L.value,
1652
- head: na.value.headers,
1653
- body: na.value.rows,
1654
- notice: z.value.a11y.translations.tableAvailable,
1655
- caption: z.value.a11y.translations.tableCaption
1656
- }, null, 8, [
1657
- "uid",
1658
- "head",
1659
- "body",
1660
- "notice",
1661
- "caption"
1662
- ])) : S("", !0),
1663
- z.value.userOptions.buttons.annotator ? (D(), x(M(Wt), {
1664
- key: 1,
1665
- svgRef: M(B),
1666
- backgroundColor: z.value.style.chart.backgroundColor,
1667
- color: z.value.style.chart.color,
1668
- active: Fn.value,
1669
- isCursorPointer: Ln.value,
1670
- onClose: In
1671
- }, {
1672
- "annotator-action-close": N(() => [A(t.$slots, "annotator-action-close", {}, void 0, !0)]),
1673
- "annotator-action-color": N(({ color: e }) => [A(t.$slots, "annotator-action-color", E(T({ color: e })), void 0, !0)]),
1674
- "annotator-action-draw": N(({ mode: e }) => [A(t.$slots, "annotator-action-draw", E(T({ mode: e })), void 0, !0)]),
1675
- "annotator-action-undo": N(({ disabled: e }) => [A(t.$slots, "annotator-action-undo", E(T({ disabled: e })), void 0, !0)]),
1676
- "annotator-action-redo": N(({ disabled: e }) => [A(t.$slots, "annotator-action-redo", E(T({ disabled: e })), void 0, !0)]),
1677
- "annotator-action-delete": N(({ disabled: e }) => [A(t.$slots, "annotator-action-delete", E(T({ disabled: e })), void 0, !0)]),
1678
- _: 3
1679
- }, 8, [
1680
- "svgRef",
1681
- "backgroundColor",
1682
- "color",
1683
- "active",
1684
- "isCursorPointer"
1685
- ])) : S("", !0),
1686
- A(t.$slots, "userConfig", {}, void 0, !0),
1687
- er.value ? (D(), C("div", {
1688
- key: 2,
1689
- ref_key: "noTitle",
1690
- ref: an,
1691
- class: "vue-data-ui-no-title-space",
1692
- style: "height:36px; width: 100%;background:transparent"
1693
- }, null, 512)) : S("", !0),
1694
- z.value.style.chart.title.text ? (D(), C("div", {
1695
- key: 3,
1696
- ref_key: "chartTitle",
1697
- ref: tn,
1698
- style: "width:100%;background:transparent;"
1699
- }, [(D(), x(Te, {
1700
- key: `title_${ln.value}`,
1701
- config: {
1702
- title: {
1703
- cy: "stackline-title",
1704
- ...z.value.style.chart.title
1705
- },
1706
- subtitle: {
1707
- cy: "stackline-subtitle",
1708
- ...z.value.style.chart.title.subtitle
1709
- }
1710
- }
1711
- }, null, 8, ["config"]))], 512)) : S("", !0),
1712
- w("div", { id: `legend-top-${L.value}` }, null, 8, rt),
1713
- z.value.userOptions.show && Qt.value && (M(Wn) || M(Hn)) ? (D(), x(M(Gt), {
1714
- ref_key: "userOptionsRef",
1715
- ref: mn,
1716
- key: `user_option_${en.value}`,
1717
- backgroundColor: z.value.style.chart.backgroundColor,
1718
- color: z.value.style.chart.color,
1719
- isPrinting: M(Xn),
1720
- isImaging: M(Zn),
1721
- uid: L.value,
1722
- hasTooltip: z.value.style.chart.tooltip.show && z.value.userOptions.buttons.tooltip,
1723
- hasPdf: z.value.userOptions.buttons.pdf,
1724
- hasImg: z.value.userOptions.buttons.img,
1725
- hasSvg: z.value.userOptions.buttons.svg,
1726
- hasXls: z.value.userOptions.buttons.csv,
1727
- hasTable: z.value.userOptions.buttons.table,
1728
- hasLabel: z.value.userOptions.buttons.labels,
1729
- hasFullscreen: z.value.userOptions.buttons.fullscreen,
1730
- hasAltCopy: z.value.userOptions.buttons.altCopy,
1731
- isFullscreen: sn.value,
1732
- chartElement: I.value,
1733
- position: z.value.userOptions.position,
1734
- isTooltip: V.value.showTooltip,
1735
- titles: { ...z.value.userOptions.buttonTitles },
1736
- hasAnnotator: z.value.userOptions.buttons.annotator,
1737
- isAnnotation: Fn.value,
1738
- callbacks: z.value.userOptions.callbacks,
1739
- printScale: z.value.userOptions.print.scale,
1740
- tableDialog: z.value.table.useDialog,
1741
- isCursorPointer: Ln.value,
1742
- onToggleFullscreen: Fi,
1743
- onGeneratePdf: M(Qn),
1744
- onGenerateCsv: Ti,
1745
- onGenerateImage: Yi,
1746
- onGenerateSvg: ji,
1747
- onToggleTable: Ii,
1748
- onToggleLabels: Li,
1749
- onToggleTooltip: Ri,
1750
- onToggleAnnotator: In,
1751
- onCopyAlt: Xi,
1752
- style: Ge({ visibility: M(Wn) ? M(Hn) ? "visible" : "hidden" : "visible" })
1753
- }, Re({ _: 2 }, [
1754
- t.$slots.menuIcon ? {
1755
- name: "menuIcon",
1756
- fn: N(({ isOpen: e, color: n }) => [A(t.$slots, "menuIcon", E(T({
1757
- isOpen: e,
1758
- color: n
1759
- })), void 0, !0)]),
1760
- key: "0"
1761
- } : void 0,
1762
- t.$slots.optionTooltip ? {
1763
- name: "optionTooltip",
1764
- fn: N(() => [A(t.$slots, "optionTooltip", {}, void 0, !0)]),
1765
- key: "1"
1766
- } : void 0,
1767
- t.$slots.optionPdf ? {
1768
- name: "optionPdf",
1769
- fn: N(() => [A(t.$slots, "optionPdf", {}, void 0, !0)]),
1770
- key: "2"
1771
- } : void 0,
1772
- t.$slots.optionCsv ? {
1773
- name: "optionCsv",
1774
- fn: N(() => [A(t.$slots, "optionCsv", {}, void 0, !0)]),
1775
- key: "3"
1776
- } : void 0,
1777
- t.$slots.optionImg ? {
1778
- name: "optionImg",
1779
- fn: N(() => [A(t.$slots, "optionImg", {}, void 0, !0)]),
1780
- key: "4"
1781
- } : void 0,
1782
- t.$slots.optionSvg ? {
1783
- name: "optionSvg",
1784
- fn: N(() => [A(t.$slots, "optionSvg", {}, void 0, !0)]),
1785
- key: "5"
1786
- } : void 0,
1787
- t.$slots.optionTable ? {
1788
- name: "optionTable",
1789
- fn: N(() => [A(t.$slots, "optionTable", {}, void 0, !0)]),
1790
- key: "6"
1791
- } : void 0,
1792
- t.$slots.optionLabels ? {
1793
- name: "optionLabels",
1794
- fn: N(() => [A(t.$slots, "optionLabels", {}, void 0, !0)]),
1795
- key: "7"
1796
- } : void 0,
1797
- t.$slots.optionFullscreen ? {
1798
- name: "optionFullscreen",
1799
- fn: N(({ toggleFullscreen: e, isFullscreen: n }) => [A(t.$slots, "optionFullscreen", E(T({
1800
- toggleFullscreen: e,
1801
- isFullscreen: n
1802
- })), void 0, !0)]),
1803
- key: "8"
1804
- } : void 0,
1805
- t.$slots.optionAnnotator ? {
1806
- name: "optionAnnotator",
1807
- fn: N(({ toggleAnnotator: e, isAnnotator: n }) => [A(t.$slots, "optionAnnotator", E(T({
1808
- toggleAnnotator: e,
1809
- isAnnotator: n
1810
- })), void 0, !0)]),
1811
- key: "9"
1812
- } : void 0,
1813
- t.$slots.optionAltCopy ? {
1814
- name: "optionAltCopy",
1815
- fn: N(({ altCopy: e }) => [A(t.$slots, "optionAltCopy", E(T({ altCopy: e })), void 0, !0)]),
1816
- key: "10"
1817
- } : void 0,
1818
- t.$slots["custom-menu-before"] ? {
1819
- name: "custom-menu-before",
1820
- fn: N(() => [A(t.$slots, "custom-menu-before", {}, void 0, !0)]),
1821
- key: "11"
1822
- } : void 0,
1823
- t.$slots["custom-menu-after"] ? {
1824
- name: "custom-menu-after",
1825
- fn: N(() => [A(t.$slots, "custom-menu-after", {}, void 0, !0)]),
1826
- key: "12"
1827
- } : void 0
1828
- ]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : S("", !0),
1829
- w("div", it, [(D(), C("svg", {
1830
- ref_key: "svgRef",
1831
- ref: B,
1832
- "aria-describedby": `chart-instructions-${L.value}`,
1833
- xmlns: M(oe),
1834
- viewBox: `0 0 ${U.value.chartWidth <= 0 ? 10 : U.value.chartWidth} ${U.value.chartHeight <= 0 ? 10 : U.value.chartHeight}`,
1835
- class: We({
1836
- "vue-data-ui-loading": M(zn),
1837
- "no-transition": !z.value.useCssAnimation
1838
- }),
1839
- style: Ge(`max-width:100%;overflow:visible;background:transparent;color:${z.value.style.chart.color}`),
1840
- role: "img",
1841
- "aria-live": "polite",
1842
- tabindex: "0",
1843
- preserveAspectRatio: "xMidYMid",
1844
- onMousemove: ci,
1845
- onMouseleave: di,
1846
- onClick: li,
1847
- onFocus: Qi,
1848
- onBlur: $i,
1849
- onKeydown: ea
1850
- }, [
1851
- Be(M(Kt)),
1852
- (D(!0), C(y, null, k(gr.value, (e) => (D(), C(y, null, [t.$slots.pattern ? (D(), C("defs", ot, [A(t.$slots, "pattern", He({ ref_for: !0 }, {
1853
- seriesIndex: e.absoluteIndex,
1854
- patternId: `pattern_${L.value}_${e.absoluteIndex}`
1855
- }), void 0, !0)])) : S("", !0)], 64))), 256)),
1856
- t.$slots["chart-background"] ? (D(), C("foreignObject", {
1857
- key: 0,
1858
- x: X.value.left,
1859
- y: U.value.top,
1860
- width: X.value.width,
1861
- height: U.value.height,
1862
- style: { pointerEvents: "none" }
1863
- }, [A(t.$slots, "chart-background", {}, void 0, !0)], 8, st)) : S("", !0),
1864
- z.value.style.chart.lines.gradient.show ? (D(), C("defs", ct, [(D(!0), C(y, null, k(Y.value, (e, t) => (D(), C("linearGradient", {
1865
- id: `gradient_${e.id}`,
1866
- x1: "0%",
1867
- y1: "0%",
1868
- x2: "0%",
1869
- y2: "100%"
1870
- }, [w("stop", {
1871
- offset: "0%",
1872
- "stop-color": e.color
1873
- }, null, 8, ut), w("stop", {
1874
- offset: "100%",
1875
- "stop-color": M(ue)(e.color, z.value.style.chart.lines.gradient.intensity / 100)
1876
- }, null, 8, dt)], 8, lt))), 256))])) : S("", !0),
1877
- z.value.style.chart.grid.x.showHorizontalLines ? (D(!0), C(y, { key: 2 }, k(Lr.value, (e, t) => (D(), C("line", {
1878
- x1: X.value.left,
1879
- x2: X.value.right,
1880
- y1: e.y,
1881
- y2: e.y,
1882
- stroke: z.value.style.chart.grid.x.linesColor,
1883
- "stroke-width": z.value.style.chart.grid.x.linesThickness,
1884
- "stroke-dasharray": z.value.style.chart.grid.x.linesStrokeDasharray,
1885
- "stroke-linecap": "round"
1886
- }, null, 8, ft))), 256)) : S("", !0),
1887
- z.value.style.chart.grid.y.showVerticalLines ? (D(!0), C(y, { key: 3 }, k(K.value.end - K.value.start, (e, t) => (D(), C("line", {
1888
- x1: Q(t),
1889
- x2: Q(t),
1890
- y1: U.value.top,
1891
- y2: U.value.bottom,
1892
- stroke: z.value.style.chart.grid.y.linesColor,
1893
- "stroke-width": z.value.style.chart.grid.y.linesThickness,
1894
- "stroke-dasharray": z.value.style.chart.grid.y.linesStrokeDasharray,
1895
- "stroke-linecap": "round"
1896
- }, null, 8, pt))), 256)) : S("", !0),
1897
- z.value.style.chart.grid.x.showAxis ? (D(), C("line", {
1898
- key: 4,
1899
- x1: X.value.left,
1900
- x2: X.value.right,
1901
- y1: U.value.bottom,
1902
- y2: U.value.bottom,
1903
- stroke: z.value.style.chart.grid.x.axisColor,
1904
- "stroke-width": z.value.style.chart.grid.x.axisThickness,
1905
- "stroke-linecap": "round",
1906
- "stroke-linejoin": "round"
1907
- }, null, 8, mt)) : S("", !0),
1908
- z.value.style.chart.grid.y.showAxis && !z.value.style.chart.lines.distributed ? (D(), C("line", {
1909
- key: 5,
1910
- x1: sr.value ? X.value.right : X.value.left,
1911
- x2: sr.value ? X.value.right : X.value.left,
1912
- y1: U.value.top,
1913
- y2: U.value.bottom,
1914
- stroke: z.value.style.chart.grid.y.axisColor,
1915
- "stroke-width": z.value.style.chart.grid.y.axisThickness,
1916
- "stroke-linecap": "round",
1917
- "stroke-linejoin": "round"
1918
- }, null, 8, ht)) : S("", !0),
1919
- z.value.style.chart.grid.x.axisName.show && z.value.style.chart.grid.x.axisName.text ? (D(), C("text", {
1920
- key: 6,
1921
- ref_key: "xAxisLabel",
1922
- ref: vn,
1923
- x: U.value.left + U.value.width / 2,
1924
- y: U.value.chartHeight - 3,
1925
- "font-size": z.value.style.chart.grid.x.axisName.fontSize,
1926
- fill: z.value.style.chart.grid.x.axisName.color,
1927
- "font-weight": z.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
1928
- "text-anchor": "middle"
1929
- }, j(z.value.style.chart.grid.x.axisName.text), 9, gt)) : S("", !0),
1930
- z.value.style.chart.grid.y.axisName.show && z.value.style.chart.grid.y.axisName.text ? (D(), C("text", {
1931
- key: 7,
1932
- ref_key: "yAxisLabel",
1933
- ref: yn,
1934
- transform: `translate(${sr.value ? U.value.chartWidth - z.value.style.chart.grid.y.axisName.fontSize / 2 - z.value.style.chart.grid.y.axisName.offsetX : z.value.style.chart.grid.y.axisName.fontSize + z.value.style.chart.grid.y.axisName.offsetX}, ${U.value.top + U.value.height / 2}) rotate(-90)`,
1935
- "font-size": z.value.style.chart.grid.y.axisName.fontSize,
1936
- fill: z.value.style.chart.grid.y.axisName.color,
1937
- "font-weight": z.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
1938
- "text-anchor": "middle"
1939
- }, j(z.value.style.chart.grid.y.axisName.text), 9, _t)) : S("", !0),
1940
- z.value.style.chart.grid.frame.show ? (D(), C("rect", {
1941
- key: 8,
1942
- style: {
1943
- pointerEvents: "none",
1944
- transition: "none",
1945
- animation: "none !important"
1946
- },
1947
- x: X.value.left,
1948
- y: U.value.top,
1949
- width: X.value.width,
1950
- height: U.value.height,
1951
- fill: "transparent",
1952
- stroke: z.value.style.chart.grid.frame.stroke,
1953
- "stroke-width": z.value.style.chart.grid.frame.strokeWidth,
1954
- "stroke-linecap": z.value.style.chart.grid.frame.strokeLinecap,
1955
- "stroke-linejoin": z.value.style.chart.grid.frame.strokeLinejoin,
1956
- "stroke-dasharray": z.value.style.chart.grid.frame.strokeDasharray
1957
- }, null, 8, vt)) : S("", !0),
1958
- (D(!0), C(y, null, k(Y.value, (e) => (D(), C(y, null, [z.value.style.chart.lines.useArea && !e.standalone ? (D(), C("path", {
1959
- key: 0,
1960
- d: z.value.style.chart.lines.smooth ? e.smoothArea : e.straightArea,
1961
- fill: t.$slots.pattern ? `url(#pattern_${L.value}_${e.absoluteIndex})` : z.value.style.chart.lines.gradient.show ? `url(#gradient_${e.id})` : e.color,
1962
- opacity: z.value.style.chart.lines.areaOpacity,
1963
- style: Ge({ transition: M(zn) || !z.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out" })
1964
- }, null, 12, yt)) : S("", !0)], 64))), 256)),
1965
- (D(!0), C(y, null, k(Y.value, (e) => (D(), C("path", {
1966
- d: z.value.style.chart.lines.smooth ? e.smoothPath : e.straightPath,
1967
- stroke: z.value.style.chart.lines.path.useSerieColor ? e.color : z.value.style.chart.lines.path.stroke,
1968
- "stroke-width": z.value.style.chart.lines.strokeWidth,
1969
- fill: "none",
1970
- "stroke-linecap": "round",
1971
- style: Ge({ transition: M(zn) || !z.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out" })
1972
- }, null, 12, bt))), 256)),
1973
- z.value.style.chart.grid.y.axisLabels.show && !z.value.style.chart.lines.distributed ? (D(), C("g", {
1974
- key: 9,
1975
- ref_key: "scaleLabels",
1976
- ref: bn
1977
- }, [(D(!0), C(y, null, k(Lr.value, (e, t) => (D(), C("line", {
1978
- x1: sr.value ? X.value.right : X.value.left,
1979
- x2: sr.value ? X.value.right + 6 : X.value.left - 6,
1980
- y1: e.y,
1981
- y2: e.y,
1982
- stroke: z.value.style.chart.grid.x.axisColor,
1983
- "stroke-width": 1
1984
- }, null, 8, xt))), 256)), (D(!0), C(y, null, k(Lr.value, (e, t) => (D(), C("text", {
1985
- x: e.x,
1986
- y: e.y + z.value.style.chart.grid.y.axisLabels.fontSize / 3,
1987
- "font-size": z.value.style.chart.grid.y.axisLabels.fontSize,
1988
- "font-weight": z.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
1989
- fill: z.value.style.chart.grid.y.axisLabels.color,
1990
- "text-anchor": sr.value ? "start" : "end"
1991
- }, j(M(_)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, M(r)({
1992
- p: z.value.style.chart.lines.dataLabels.prefix,
1993
- v: e.value,
1994
- s: z.value.style.chart.lines.dataLabels.suffix,
1995
- r: z.value.style.chart.grid.y.axisLabels.rounding
1996
- }), { datapoint: e })), 9, St))), 256))], 512)) : S("", !0),
1997
- z.value.style.chart.grid.x.timeLabels.show ? (D(), C("g", {
1998
- key: 10,
1999
- ref_key: "timeLabelsEls",
2000
- ref: xn
2001
- }, [t.$slots["time-label"] ? (D(), C("g", Ct, [(D(!0), C(y, null, k(Hr.value, (e, n) => (D(), C("g", null, [A(t.$slots, "time-label", He({ ref_for: !0 }, {
2002
- x: U.value.left + Er.value * n + Er.value / 2,
2003
- y: U.value.bottom + z.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + z.value.style.chart.grid.x.timeLabels.offsetY,
2004
- fontSize: z.value.style.chart.grid.x.timeLabels.fontSize,
2005
- fill: z.value.style.chart.grid.x.timeLabels.color,
2006
- transform: `translate(${U.value.left + Er.value * n + Er.value / 2}, ${U.value.bottom + z.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + z.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${z.value.style.chart.grid.x.timeLabels.rotation})`,
2007
- absoluteIndex: e.absoluteIndex,
2008
- content: e.text,
2009
- textAnchor: z.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : z.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
2010
- show: !0
2011
- }), void 0, !0)]))), 256))])) : (D(), C("g", wt, [(D(!0), C(y, null, k(Hr.value, (e, n) => (D(), C("g", null, [String(e.text).includes("\n") ? (D(), C("text", {
2012
- key: n + "-multi",
2013
- "text-anchor": z.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : z.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
2014
- "font-size": z.value.style.chart.grid.x.timeLabels.fontSize,
2015
- fill: z.value.style.chart.grid.x.timeLabels.color,
2016
- transform: `
2017
- translate(
2018
- ${Q(n)},
2019
- ${U.value.bottom + z.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + z.value.style.chart.grid.x.timeLabels.offsetY}
2020
- ),
2021
- rotate(${z.value.style.chart.grid.x.timeLabels.rotation})
2022
- `,
2023
- style: Ge({ cursor: Ln.value ? "pointer" : "default" }),
2024
- innerHTML: t.createTSpansFromLineBreaksOnX({
2025
- content: String(e.text),
2026
- fontSize: z.value.style.chart.grid.x.timeLabels.fontSize,
2027
- fill: z.value.style.chart.grid.x.timeLabels.color,
2028
- x: 0,
2029
- y: 0
2030
- }),
2031
- onClick: () => gi(e, n)
2032
- }, null, 12, Et)) : (D(), C("text", {
2033
- class: "vue-data-ui-time-label",
2034
- key: n,
2035
- "text-anchor": z.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : z.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
2036
- "font-size": z.value.style.chart.grid.x.timeLabels.fontSize,
2037
- "font-weight": z.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
2038
- fill: z.value.style.chart.grid.x.timeLabels.color,
2039
- transform: `translate(${Q(n)}, ${U.value.bottom + z.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + z.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${z.value.style.chart.grid.x.timeLabels.rotation})`,
2040
- style: Ge({ cursor: Ln.value ? "pointer" : "default" }),
2041
- onClick: () => gi(e, n)
2042
- }, j(e.text), 13, Tt))]))), 256))]))], 512)) : S("", !0),
2043
- (hn.value || ![null, void 0].includes($.value)) && !z.value.style.chart.highlighter.useLine ? (D(!0), C(y, { key: 11 }, k(K.value.end - K.value.start, (e, t) => (D(), C("g", { key: `tooltip_trap_highlighter_${t}` }, [w("rect", {
2044
- x: si(t).x,
2045
- y: U.value.top,
2046
- height: U.value.height,
2047
- width: si(t).width,
2048
- fill: [Pn.value, $.value].includes(t) ? M(ee)(z.value.style.chart.highlighter.color, z.value.style.chart.highlighter.opacity) : "transparent",
2049
- style: {
2050
- transition: "none !important",
2051
- animation: "none !important"
2052
- }
2053
- }, null, 8, Dt)]))), 128)) : S("", !0),
2054
- (hn.value || ![null, void 0].includes($.value)) && z.value.style.chart.highlighter.useLine ? (D(), C(y, { key: 12 }, [![null, void 0].includes($.value) || ![null, void 0].includes(Pn.value) ? (D(), C("g", Ot, [w("line", {
2055
- x1: Q(($.value ?? Pn.value) || 0),
2056
- x2: Q(($.value ?? Pn.value) || 0),
2057
- y1: M(m)(U.value.top),
2058
- y2: M(m)(U.value.bottom),
2059
- stroke: z.value.style.chart.highlighter.color,
2060
- "stroke-width": z.value.style.chart.highlighter.lineWidth,
2061
- "stroke-dasharray": z.value.style.chart.highlighter.lineDasharray,
2062
- "stroke-linecap": "round",
2063
- style: {
2064
- transition: "none !important",
2065
- animation: "none !important",
2066
- "pointer-events": "none"
2067
- }
2068
- }, null, 8, kt)])) : S("", !0)], 64)) : S("", !0),
2069
- (D(!0), C(y, null, k(Y.value, (e) => (D(), C(y, null, [hn.value && K.value.end - K.value.start > z.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (D(), C("g", At, [$.value == null ? S("", !0) : (D(), C(y, { key: 0 }, [e.rel.includes($.value) && e.fullSeries?.[K.value.start + $.value] != null && !Number.isNaN(e.fullSeries?.[K.value.start + $.value]) ? (D(), x(Ee, {
2070
- key: 0,
2071
- shape: [
2072
- "triangle",
2073
- "square",
2074
- "diamond",
2075
- "pentagon",
2076
- "hexagon",
2077
- "star"
2078
- ].includes(e.shape) ? e.shape : "circle",
2079
- color: z.value.style.chart.lines.dot.useSerieColor ? e.color : z.value.style.chart.lines.dot.fill,
2080
- plot: {
2081
- x: M(se)(e.points[e.rel.indexOf($.value)].x),
2082
- y: M(se)(e.points[e.rel.indexOf($.value)].y)
2083
- },
2084
- radius: z.value.style.chart.lines.dot.radius * 1.3,
2085
- stroke: z.value.style.chart.lines.dot.useSerieColor ? z.value.style.chart.lines.dot.stroke : e.color,
2086
- strokeWidth: z.value.style.chart.lines.dot.strokeWidth,
2087
- transition: M(zn) ? void 0 : `all ${z.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
2088
- }, null, 8, [
2089
- "shape",
2090
- "color",
2091
- "plot",
2092
- "radius",
2093
- "stroke",
2094
- "strokeWidth",
2095
- "transition"
2096
- ])) : S("", !0)], 64))])) : S("", !0)], 64))), 256)),
2097
- (D(!0), C(y, null, k(Y.value, (e) => (D(), C(y, null, [K.value.end - K.value.start < z.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (D(!0), C(y, { key: 0 }, k(e.points, (t, n) => (D(), C("g", { key: n }, [e.fullSeries?.[K.value.start + e.rel[n]] != null && !Number.isNaN(e.fullSeries?.[K.value.start + e.rel[n]]) ? (D(), x(Ee, {
2098
- key: 0,
2099
- shape: [
2100
- "triangle",
2101
- "square",
2102
- "diamond",
2103
- "pentagon",
2104
- "hexagon",
2105
- "star"
2106
- ].includes(e.shape) ? e.shape : "circle",
2107
- color: z.value.style.chart.lines.dot.useSerieColor ? e.color : z.value.style.chart.lines.dot.fill,
2108
- plot: {
2109
- x: t.x,
2110
- y: t.y
2111
- },
2112
- radius: hn.value && $.value === e.rel[n] ? z.value.style.chart.lines.dot.radius * 1.3 : z.value.style.chart.lines.dot.radius,
2113
- stroke: z.value.style.chart.lines.dot.useSerieColor ? z.value.style.chart.lines.dot.stroke : e.color,
2114
- strokeWidth: z.value.style.chart.lines.dot.strokeWidth,
2115
- transition: M(zn) ? void 0 : `all ${z.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
2116
- }, null, 8, [
2117
- "shape",
2118
- "color",
2119
- "plot",
2120
- "radius",
2121
- "stroke",
2122
- "strokeWidth",
2123
- "transition"
2124
- ])) : S("", !0)]))), 128)) : S("", !0)], 64))), 256)),
2125
- V.value.dataLabels.show && z.value.style.chart.lines.dataLabels.hideAboveMaxSerieLength > K.value.end - K.value.start ? (D(), C(y, { key: 13 }, [(D(!0), C(y, null, k(Y.value, (e, t) => (D(), C("g", { key: t }, [(D(!0), C(y, null, k(e.points, (n, r) => (D(), C(y, { key: r }, [Wi(e.series[r], e.proportions[r]) ? (D(), C("text", {
2126
- key: 0,
2127
- x: n.x,
2128
- y: n.y + (e.series[r] >= 0 ? -z.value.style.chart.lines.dataLabels.fontSize / 2 + z.value.style.chart.lines.dataLabels.offsetY : z.value.style.chart.lines.dataLabels.fontSize * 1.2 - z.value.style.chart.lines.dataLabels.offsetY),
2129
- "font-size": z.value.style.chart.lines.dataLabels.fontSize,
2130
- fill: z.value.style.chart.lines.dataLabels.color,
2131
- "font-weight": z.value.style.chart.lines.dataLabels.bold ? "bold" : "normal",
2132
- "text-anchor": "middle"
2133
- }, j(z.value.style.chart.lines.showDistributedPercentage && z.value.style.chart.lines.distributed ? qi(e.proportions[r] * 100, e, t, e.rel[r]) : Ki(e.series[r], e, t, e.rel[r], e.signedSeries[r])), 9, jt)) : S("", !0)], 64))), 128))]))), 128)), z.value.style.chart.lines.totalValues.show && Y.value.length > 1 ? (D(), C("g", {
2134
- key: 0,
2135
- ref_key: "sumTop",
2136
- ref: Sn
2137
- }, [(D(!0), C(y, null, k(Pr.value, (e, t) => (D(), C(y, null, [!z.value.style.chart.lines.dataLabels.hideEmptyValues || e.value !== 0 ? (D(), C("text", {
2138
- key: 0,
2139
- x: Q(t),
2140
- y: Ir(t),
2141
- "text-anchor": "middle",
2142
- "font-size": z.value.style.chart.lines.totalValues.fontSize,
2143
- "font-weight": z.value.style.chart.lines.totalValues.bold ? "bold" : "normal",
2144
- fill: z.value.style.chart.lines.totalValues.color
2145
- }, j(Ki(e.value, e, t, t, e.sign)), 9, Mt)) : S("", !0)], 64))), 256))], 512)) : S("", !0)], 64)) : S("", !0),
2146
- br.value ? (D(), C("rect", He({ key: 14 }, hr.value, {
2147
- "data-start": K.value.start,
2148
- "data-end": K.value.end
2149
- }), null, 16, Nt)) : S("", !0),
2150
- A(t.$slots, "svg", { svg: {
2151
- drawingArea: U.value,
2152
- data: Y.value,
2153
- isPrintingImg: M(Xn) || M(Zn) || gn.value,
2154
- isPrintingSvg: _n.value
2155
- } }, void 0, !0)
2156
- ], 46, at)), t.$slots.hint ? (D(), C("div", Pt, [A(t.$slots, "hint", E(T({
2157
- hint: z.value.a11y.translations.keyboardNavigation,
2158
- isVisible: Zi.value
2159
- })), void 0, !0)])) : S("", !0)]),
2160
- t.$slots.watermark ? (D(), C("div", Ft, [A(t.$slots, "watermark", E(T({ isPrinting: M(Xn) || M(Zn) || gn.value || _n.value })), void 0, !0)])) : S("", !0),
2161
- fn.value && (z.value.style.chart.legend.show || t.$slots.legend) ? (D(), x(Le, {
2162
- key: 6,
2163
- to: z.value.style.chart.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
2164
- }, [w("div", {
2165
- ref_key: "chartLegend",
2166
- ref: nn
2167
- }, [A(t.$slots, "legend", { legend: yi.value }, () => [z.value.style.chart.legend.show ? (D(), x(Fe, {
2168
- key: 0,
2169
- legendSet: yi.value,
2170
- config: bi.value,
2171
- isCursorPointer: Ln.value,
2172
- onClickMarker: n[0] ||= ({ legend: e }) => e.segregate()
2173
- }, Re({
2174
- item: N(({ legend: e }) => [M(zn) ? S("", !0) : (D(), C("div", {
2175
- key: 0,
2176
- onClick: (t) => e.segregate(),
2177
- style: Ge(`opacity:${R.value.includes(e.id) ? .5 : 1}`)
2178
- }, j(e.name), 13, It))]),
2179
- legendToggle: N(() => [yi.value.length > 2 && z.value.style.chart.legend.selectAllToggle.show && !M(zn) ? (D(), x(je, {
2180
- key: 0,
2181
- backgroundColor: z.value.style.chart.legend.selectAllToggle.backgroundColor,
2182
- color: z.value.style.chart.legend.selectAllToggle.color,
2183
- fontSize: z.value.style.chart.legend.fontSize,
2184
- checked: R.value.length > 0,
2185
- isCursorPointer: Ln.value,
2186
- onToggle: _i
2187
- }, null, 8, [
2188
- "backgroundColor",
2189
- "color",
2190
- "fontSize",
2191
- "checked",
2192
- "isCursorPointer"
2193
- ])) : S("", !0)]),
2194
- _: 2
2195
- }, [t.$slots.pattern ? {
2196
- name: "legend-pattern",
2197
- fn: N(({ legend: e, index: t }) => [Be(Ee, {
2198
- shape: e.shape,
2199
- radius: 30,
2200
- stroke: "none",
2201
- plot: {
2202
- x: 30,
2203
- y: 30
2204
- },
2205
- fill: `url(#pattern_${L.value}_${t})`
2206
- }, null, 8, ["shape", "fill"])]),
2207
- key: "0"
2208
- } : void 0]), 1032, [
2209
- "legendSet",
2210
- "config",
2211
- "isCursorPointer"
2212
- ])) : S("", !0)], !0)], 512)], 8, ["to"])) : S("", !0),
2213
- Qt.value && z.value.userOptions.buttons.table ? (D(), x(Je(Ni.value.component), He({ key: 7 }, Ni.value.props, {
2214
- ref_key: "tableUnit",
2215
- ref: pn,
2216
- onClose: Pi
2217
- }), Re({
2218
- content: N(() => [Be(M(Ut), {
2219
- colNames: Ei.value.colNames,
2220
- head: Ei.value.head,
2221
- body: Ei.value.body,
2222
- config: Ei.value.config,
2223
- title: z.value.table.useDialog ? "" : Ni.value.title,
2224
- withCloseButton: !z.value.table.useDialog,
2225
- isCursorPointer: Ln.value,
2226
- onClose: Pi
2227
- }, {
2228
- th: N(({ th: e }) => [w("div", { innerHTML: e }, null, 8, Lt)]),
2229
- td: N(({ td: e }) => [ze(j(isNaN(Number(e)) ? e : M(r)({
2230
- p: z.value.style.chart.lines.dataLabels.prefix,
2231
- v: e,
2232
- s: z.value.style.chart.lines.dataLabels.suffix,
2233
- r: z.value.table.td.roundingValue
2234
- })), 1)]),
2235
- _: 1
2236
- }, 8, [
2237
- "colNames",
2238
- "head",
2239
- "body",
2240
- "config",
2241
- "title",
2242
- "withCloseButton",
2243
- "isCursorPointer"
2244
- ])]),
2245
- _: 2
2246
- }, [z.value.table.useDialog ? {
2247
- name: "title",
2248
- fn: N(() => [ze(j(Ni.value.title), 1)]),
2249
- key: "0"
2250
- } : void 0, z.value.table.useDialog ? {
2251
- name: "actions",
2252
- fn: N(() => [w("button", {
2253
- tabindex: "0",
2254
- class: "vue-ui-user-options-button",
2255
- onClick: n[1] ||= (e) => Ti(z.value.userOptions.callbacks.csv),
2256
- style: Ge({ cursor: Ln.value ? "pointer" : "default" })
2257
- }, [Be(M(Vt), {
2258
- name: "fileCsv",
2259
- stroke: Ni.value.props.color
2260
- }, null, 8, ["stroke"])], 4)]),
2261
- key: "1"
2262
- } : void 0]), 1040)) : S("", !0),
2263
- z.value.style.chart.zoom.show && Qt.value && Zr.value && G.value > 6 ? (D(), x(Ae, {
2264
- key: 8,
2265
- ref_key: "chartSlicer",
2266
- ref: rn,
2267
- allMinimaps: Ar.value,
2268
- background: z.value.style.chart.zoom.color,
2269
- borderColor: z.value.style.chart.backgroundColor,
2270
- customFormat: z.value.style.chart.zoom.customFormat,
2271
- cutNullValues: !1,
2272
- enableRangeHandles: z.value.style.chart.zoom.enableRangeHandles,
2273
- enableSelectionDrag: z.value.style.chart.zoom.enableSelectionDrag,
2274
- end: K.value.end,
2275
- focusOnDrag: z.value.style.chart.zoom.focusOnDrag,
2276
- focusRangeRatio: z.value.style.chart.zoom.focusRangeRatio,
2277
- fontSize: z.value.style.chart.zoom.fontSize,
2278
- immediate: !z.value.style.chart.zoom.preview.enable,
2279
- inputColor: z.value.style.chart.zoom.color,
2280
- isPreview: br.value,
2281
- labelLeft: z.value.style.chart.grid.x.timeLabels.values[K.value.start] ? J.value?.[0]?.text ?? "" : "",
2282
- labelRight: z.value.style.chart.grid.x.timeLabels.values[K.value.end - 1] ? J.value?.at(-1)?.text ?? "" : "",
2283
- max: Math.max(...e.dataset.map((e) => e.series.length)),
2284
- min: 0,
2285
- minimap: kr.value,
2286
- minimapCompact: z.value.style.chart.zoom.minimap.compact,
2287
- minimapFrameColor: z.value.style.chart.zoom.minimap.frameColor,
2288
- minimapIndicatorColor: z.value.style.chart.zoom.minimap.indicatorColor,
2289
- minimapMerged: !1,
2290
- minimapSelectedColor: z.value.style.chart.zoom.minimap.selectedColor,
2291
- minimapSelectedColorOpacity: z.value.style.chart.zoom.minimap.selectedColorOpacity,
2292
- minimapSelectedIndex: $.value,
2293
- minimapSelectionRadius: 1,
2294
- preciseLabels: Kr.value.length ? Kr.value : Rr.value,
2295
- refreshEndPoint: z.value.style.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => e.series.length)) : z.value.style.chart.zoom.endIndex + 1,
2296
- refreshStartPoint: z.value.style.chart.zoom.startIndex === null ? 0 : z.value.style.chart.zoom.startIndex,
2297
- selectColor: z.value.style.chart.zoom.highlightColor,
2298
- selectedSeries: Vi.value,
2299
- smoothMinimap: !1,
2300
- start: K.value.start,
2301
- textColor: z.value.style.chart.color,
2302
- timeLabels: Rr.value,
2303
- usePreciseLabels: z.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !z.value.style.chart.zoom.useDefaultFormat,
2304
- valueEnd: K.value.end,
2305
- valueStart: K.value.start,
2306
- verticalHandles: z.value.style.chart.zoom.minimap.verticalHandles,
2307
- maxWidth: z.value.style.chart.zoom.maxWidth,
2308
- isCursorPointer: Ln.value,
2309
- additionalMinimapHeight: z.value.style.chart.zoom.minimap.additionalHeight,
2310
- handleType: z.value.style.chart.zoom.minimap.handleType,
2311
- handleIconColor: z.value.style.chart.zoom.minimap.handleIconColor,
2312
- handleBorderWidth: z.value.style.chart.zoom.minimap.handleBorderWidth,
2313
- handleBorderColor: z.value.style.chart.zoom.minimap.handleBorderColor,
2314
- handleFill: z.value.style.chart.zoom.minimap.handleFill,
2315
- handleWidth: z.value.style.chart.zoom.minimap.handleWidth,
2316
- "onUpdate:end": ti,
2317
- "onUpdate:start": ei,
2318
- onTrapMouse: vr,
2319
- onReset: n[2] ||= () => Tr({ force: !0 }),
2320
- onFutureEnd: n[3] ||= (e) => xr("end", e),
2321
- onFutureStart: n[4] ||= (e) => xr("start", e)
2322
- }, {
2323
- "reset-action": N(({ reset: e }) => [A(t.$slots, "reset-action", E(T({ reset: e })), void 0, !0)]),
2324
- slotMap: N(({ width: e, height: t, unitW: n }) => [w("g", { innerHTML: Ui({
2325
- minimapW: e,
2326
- minimapH: t,
2327
- unitW: n
2328
- }) }, null, 8, Rt)]),
2329
- _: 3
2330
- }, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.maxWidth.isCursorPointer.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : S("", !0),
2331
- w("div", { id: `legend-bottom-${L.value}` }, null, 8, zt),
2332
- Be(M(Bt), {
2333
- teleportTo: z.value.style.chart.tooltip.teleportTo,
2334
- show: V.value.showTooltip && $t.value,
2335
- backgroundColor: z.value.style.chart.tooltip.backgroundColor,
2336
- color: z.value.style.chart.tooltip.color,
2337
- fontSize: z.value.style.chart.tooltip.fontSize,
2338
- borderRadius: z.value.style.chart.tooltip.borderRadius,
2339
- borderColor: z.value.style.chart.tooltip.borderColor,
2340
- borderWidth: z.value.style.chart.tooltip.borderWidth,
2341
- backgroundOpacity: z.value.style.chart.tooltip.backgroundOpacity,
2342
- position: z.value.style.chart.tooltip.position,
2343
- offsetX: z.value.style.chart.tooltip.offsetX,
2344
- offsetY: z.value.style.chart.tooltip.offsetY,
2345
- parent: I.value,
2346
- content: mi.value,
2347
- isFullscreen: sn.value,
2348
- isCustom: z.value.style.chart.tooltip.customFormat && typeof z.value.style.chart.tooltip.customFormat == "function",
2349
- smooth: z.value.style.chart.tooltip.smooth,
2350
- backdropFilter: z.value.style.chart.tooltip.backdropFilter,
2351
- smoothForce: z.value.style.chart.tooltip.smoothForce,
2352
- smoothSnapThreshold: z.value.style.chart.tooltip.smoothSnapThreshold,
2353
- isA11yMode: kn.value === "keyboard",
2354
- a11yPosition: On.value
2355
- }, {
2356
- "tooltip-before": N(() => [A(t.$slots, "tooltip-before", E(T({ ...Yr.value })), void 0, !0)]),
2357
- tooltip: N(() => [A(t.$slots, "tooltip", E(T({ ...Yr.value })), void 0, !0)]),
2358
- "tooltip-after": N(() => [A(t.$slots, "tooltip-after", E(T({ ...Yr.value })), void 0, !0)]),
2359
- _: 3
2360
- }, 8, [
2361
- "teleportTo",
2362
- "show",
2363
- "backgroundColor",
2364
- "color",
2365
- "fontSize",
2366
- "borderRadius",
2367
- "borderColor",
2368
- "borderWidth",
2369
- "backgroundOpacity",
2370
- "position",
2371
- "offsetX",
2372
- "offsetY",
2373
- "parent",
2374
- "content",
2375
- "isFullscreen",
2376
- "isCustom",
2377
- "smooth",
2378
- "backdropFilter",
2379
- "smoothForce",
2380
- "smoothSnapThreshold",
2381
- "isA11yMode",
2382
- "a11yPosition"
2383
- ]),
2384
- t.$slots.source ? (D(), C("div", {
2385
- key: 9,
2386
- ref_key: "source",
2387
- ref: on,
2388
- dir: "auto"
2389
- }, [A(t.$slots, "source", {}, void 0, !0)], 512)) : S("", !0),
2390
- A(t.$slots, "skeleton", {}, () => [M(zn) ? (D(), x(ve, { key: 0 })) : S("", !0)], !0)
2391
- ], 46, tt));
2392
- }
2393
- }, [["__scopeId", "data-v-2f0f9812"]]);
2394
- //#endregion
2395
- export { et as n, Bt as t };