vue-data-ui 3.22.9 → 3.22.10

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