vue-data-ui 3.22.6 → 3.22.8

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