vue-data-ui 3.22.10 → 3.22.12
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.
- package/dist/{Arrow-Ku6rQ87g.js → Arrow-DKx74WtM.js} +1 -1
- package/dist/{BaseDraggableDialog-CdkCqtag.js → BaseDraggableDialog-3n8udWmh.js} +2 -2
- package/dist/{BaseIcon-CDTIUIKV.js → BaseIcon-CP5RWnqt.js} +1 -1
- package/dist/{BaseLegendToggle-BrQ2OlzI.js → BaseLegendToggle-DsWphmIb.js} +1 -1
- package/dist/{BaseZoomControls-CkEX0292.js → BaseZoomControls-C9_ygNN4.js} +2 -2
- package/dist/{ColorPicker-C959ZIW9.js → ColorPicker-3N_HVgXs.js} +2 -2
- package/dist/{DataTable-ByZy5gt1.js → DataTable-DzPEVvSo.js} +2 -2
- package/dist/{Legend-5VQGLnmx.js → Legend-C0xAnJdO.js} +2 -2
- package/dist/{NonSvgPenAndPaper-Bd8OzTqw.js → NonSvgPenAndPaper-B_mE5UbR.js} +3 -3
- package/dist/{PackageVersion-BoTvk0i5.js → PackageVersion-Di3tpYst.js} +1 -1
- package/dist/{PenAndPaper-CLaZJl6K.js → PenAndPaper-CSMVXpg2.js} +3 -3
- package/dist/{Shape-B5ksaGa1.js → Shape-BfnXr1nJ.js} +1 -1
- package/dist/Slicer-C6qNUmZ4.js +1149 -0
- package/dist/SlicerPreview-Cw6WMVhG.js +1689 -0
- package/dist/{SparkTooltip-CbYYc-xb.js → SparkTooltip-uoUiL_P8.js} +1 -1
- package/dist/{Title-Cr3jP7Qd.js → Title-BuPs74IB.js} +1 -1
- package/dist/{Tooltip-CDbLl3TD.js → Tooltip-CA1rtSyl.js} +1 -1
- package/dist/{UserOptions-BUQOnoPR.js → UserOptions-DzAFK9cY.js} +442 -441
- package/dist/components/arrow.js +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-bump.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dag.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-geo.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/{dom-to-png-COPbGrdd.js → dom-to-png-BdAFKZQg.js} +1 -1
- package/dist/{exposedLib-CZbtc2a6.js → exposedLib-Ciw6TGtP.js} +1 -1
- package/dist/{geoProjections-BbN7z57k.js → geoProjections-BCP_PoiB.js} +94 -94
- package/dist/{img-CNdXiUfZ.js → img-Bikk1dGb.js} +1 -1
- package/dist/{labelUtils-JaoYKi2N.js → labelUtils-BUhssos9.js} +1 -1
- package/dist/{lib-CnHx5WfV.js → lib-CFm_J26b.js} +3 -3
- package/dist/{package-BRBLwZUc.js → package-Bmet7oRZ.js} +1 -1
- package/dist/{pdf-CEMzBeuV.js → pdf-zmz3l2uy.js} +1 -1
- package/dist/{render-common-DJXFRGhU.js → render-common-Bdolvm-Q.js} +2 -2
- package/dist/ssr/vue-ui-donut.js +1 -1
- package/dist/ssr/vue-ui-xy.js +1 -1
- package/dist/ssr.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/composables.d.ts +28 -11
- package/dist/types/vue-data-ui.d.ts +27 -9
- package/dist/{useAutoSizeLabelsInsideViewbox-BUPt2iaP.js → useAutoSizeLabelsInsideViewbox-C9RNjsGv.js} +4 -4
- package/dist/{useConfig-DYM3f6EI.js → useConfig-C0V0eG7L.js} +1 -0
- package/dist/{useFitSvgText-CT3nmlaS.js → useFitSvgText-CXTzBplU.js} +3 -1
- package/dist/useMountedDelay-BAjrhRJb.js +14 -0
- package/dist/{useNestedProp-D8NuRneO.js → useNestedProp-BY6DNN3i.js} +1 -1
- package/dist/{useObjectBindings-CD31syQb.js → useObjectBindings-Djwpii4d.js} +1 -1
- package/dist/{usePrinter-B-X_Pub0.js → usePrinter-BH-xle1O.js} +2 -2
- package/dist/{canvas-lib-BOP_HS11.js → useResponsive-ZtArZtUf.js} +19 -1
- package/dist/{useSvgExport-SVIsDot8.js → useSvgExport-Ba9qBr9M.js} +6 -5
- package/dist/{useTableResponsive-B24Uwt2E.js → useTableResponsive-BAqJPR68.js} +2 -1
- package/dist/{useTimeLabels-BmBRv27Y.js → useTimeLabels-B9CEuiLZ.js} +1 -1
- package/dist/utils.js +3 -3
- package/dist/{vue-data-ui-Bx_8d3b_.js → vue-data-ui-DfU5hAaT.js} +68 -68
- package/dist/vue-data-ui.js +72 -72
- package/dist/{vue-ui-3d-bar-CfUfbpSE.js → vue-ui-3d-bar--HLw40qY.js} +9 -10
- package/dist/vue-ui-accordion-UA88lv4d.js +81 -0
- package/dist/{vue-ui-age-pyramid-DD-4y5Jd.js → vue-ui-age-pyramid-Bd_ubvoh.js} +9 -10
- package/dist/{vue-ui-annotator-BvGE3lzE.js → vue-ui-annotator-q3ZKx6ua.js} +15 -9
- package/dist/{vue-ui-bullet-DYOdbaO2.js → vue-ui-bullet-CM2jgN74.js} +10 -11
- package/dist/{vue-ui-bump-B8fJoxHF.js → vue-ui-bump-DvShTelE.js} +10 -11
- package/dist/{vue-ui-candlestick-BUP1JoNs.js → vue-ui-candlestick-CK9Na9KB.js} +474 -474
- package/dist/{vue-ui-carousel-table-D-Bwhydt.js → vue-ui-carousel-table-BxORSyv1.js} +5 -5
- package/dist/{vue-ui-chestnut-C2VK2NEx.js → vue-ui-chestnut-tW2ZnqwW.js} +11 -11
- package/dist/{vue-ui-chord-AA-QjUQI.js → vue-ui-chord-DqKCW4Pl.js} +11 -12
- package/dist/{vue-ui-circle-pack-CdBFGYOK.js → vue-ui-circle-pack-kmzEbu7G.js} +21 -25
- package/dist/{vue-ui-cursor-Cm_J_5Gk.js → vue-ui-cursor-SvEAxNKD.js} +4 -4
- package/dist/{vue-ui-dag-CgRph4-n.js → vue-ui-dag-DZGUw98x.js} +16 -14
- package/dist/{vue-ui-dashboard-BuPw5QjB.js → vue-ui-dashboard-BzzECKaL.js} +71 -72
- package/dist/{vue-ui-digits-ClrukmcB.js → vue-ui-digits-CKWMJqU_.js} +4 -4
- package/dist/{vue-ui-donut-Bc-EPZvu.js → vue-ui-donut-BWbuCT47.js} +17 -18
- package/dist/{vue-ui-donut-DtQCrMKL.js → vue-ui-donut-DjdH53Zj.js} +3 -3
- package/dist/{vue-ui-donut-evolution-DHkiY-BD.js → vue-ui-donut-evolution-CJNnXg31.js} +357 -362
- package/dist/{vue-ui-dumbbell-BlHEH4Mw.js → vue-ui-dumbbell-BUyfJOxH.js} +13 -13
- package/dist/{vue-ui-flow-PjwAW2tY.js → vue-ui-flow-C39C5dvl.js} +10 -11
- package/dist/{vue-ui-funnel-DojI09FV.js → vue-ui-funnel-_aMNVUkP.js} +9 -10
- package/dist/{vue-ui-galaxy-txYIK_LG.js → vue-ui-galaxy-Dng0GSjQ.js} +12 -13
- package/dist/{vue-ui-gauge-CoL0OzSd.js → vue-ui-gauge-BmZPLW3e.js} +10 -11
- package/dist/{vue-ui-geo-yuL-_sqF.js → vue-ui-geo-BOx-pK_5.js} +15 -14
- package/dist/{vue-ui-gizmo-CbC5zV3K.js → vue-ui-gizmo-BCGwhNna.js} +4 -4
- package/dist/{vue-ui-heatmap-CwqsZIsR.js → vue-ui-heatmap-BORjgllw.js} +12 -13
- package/dist/{vue-ui-history-plot-CuWssH-D.js → vue-ui-history-plot-DY3fqgIY.js} +11 -12
- package/dist/{vue-ui-horizontal-bar-Dyje3GND.js → vue-ui-horizontal-bar-C8f4PisL.js} +17 -17
- package/dist/{vue-ui-kpi-BdYenScF.js → vue-ui-kpi-BdhXSBIJ.js} +4 -4
- package/dist/{vue-ui-mini-loader-BbwE3vBT.js → vue-ui-mini-loader-D9pprk2c.js} +3 -3
- package/dist/{vue-ui-molecule-BBh31vmd.js → vue-ui-molecule-PlmDykKX.js} +9 -8
- package/dist/{vue-ui-mood-radar-B_6GFlaR.js → vue-ui-mood-radar-C9LTAt_c.js} +10 -11
- package/dist/{vue-ui-nested-donuts-BWq-At5Y.js → vue-ui-nested-donuts-F5OXPxvU.js} +12 -13
- package/dist/{vue-ui-onion-BwGbSE-6.js → vue-ui-onion-D1-j-pvW.js} +13 -14
- package/dist/{vue-ui-parallel-coordinate-plot-Bh9hNoqf.js → vue-ui-parallel-coordinate-plot-Vb_QjRp5.js} +303 -307
- package/dist/{vue-ui-quadrant-B72Y4Zuw.js → vue-ui-quadrant-DMFawnHm.js} +19 -18
- package/dist/{vue-ui-quick-chart-B3LF2ViM.js → vue-ui-quick-chart-BF5fKxY2.js} +606 -632
- package/dist/{vue-ui-radar-4v_E8oGX.js → vue-ui-radar-D91pCqhn.js} +12 -13
- package/dist/{vue-ui-rating-CzLGCFWK.js → vue-ui-rating-DbxK-ftN.js} +3 -3
- package/dist/{vue-ui-relation-circle-B_8dyIv2.js → vue-ui-relation-circle-DfxvnOs6.js} +14 -21
- package/dist/{vue-ui-ridgeline-BArLhskj.js → vue-ui-ridgeline-BOL0m1mR.js} +13 -14
- package/dist/{vue-ui-rings-Csn5BgLk.js → vue-ui-rings-4RxAaMo4.js} +13 -14
- package/dist/vue-ui-scatter-Bs1wek00.js +2409 -0
- package/dist/{vue-ui-skeleton-KeIPGp9U.js → vue-ui-skeleton-B84nELF_.js} +4 -4
- package/dist/{vue-ui-smiley-C1mYDh4R.js → vue-ui-smiley-Da2jgkb7.js} +3 -3
- package/dist/{vue-ui-spark-trend-EqCqmHmU.js → vue-ui-spark-trend-BR-qkwJ6.js} +6 -7
- package/dist/{vue-ui-sparkbar-BPh45vBP.js → vue-ui-sparkbar-DghCbhj2.js} +51 -54
- package/dist/{vue-ui-sparkgauge-CtouPcyW.js → vue-ui-sparkgauge-DbeTbrxx.js} +4 -4
- package/dist/{vue-ui-sparkhistogram-D4sI0DHN.js → vue-ui-sparkhistogram-B2xSQyOp.js} +7 -8
- package/dist/{vue-ui-sparkline-BDFZ78Fz.js → vue-ui-sparkline-D3xRMcy9.js} +6 -7
- package/dist/{vue-ui-sparkstackbar-CbTXIfxm.js → vue-ui-sparkstackbar-D8z8fVFZ.js} +5 -5
- package/dist/vue-ui-stackbar-B63-UgSr.js +2322 -0
- package/dist/{vue-ui-stackline-CzfXl5ah.js → vue-ui-stackline-Dukmj3yT.js} +588 -586
- package/dist/vue-ui-strip-plot-Bws0p7tP.js +1736 -0
- package/dist/{vue-ui-table-BAKkFXki.js → vue-ui-table-dxCS6ztG.js} +12 -11
- package/dist/{vue-ui-table-heatmap-CUMxqHKK.js → vue-ui-table-heatmap-CSI482KG.js} +9 -15
- package/dist/{vue-ui-table-sparkline-BVTm16fd.js → vue-ui-table-sparkline-C-XgNV1l.js} +10 -8
- package/dist/{vue-ui-thermometer-CGeEW1KV.js → vue-ui-thermometer-BUKge0w8.js} +10 -11
- package/dist/{vue-ui-timer-Bz7EnsM1.js → vue-ui-timer-CCd3pznw.js} +7 -8
- package/dist/{vue-ui-tiremarks-IOqtk_Rr.js → vue-ui-tiremarks-CG5X5rgi.js} +9 -10
- package/dist/{vue-ui-treemap-JxNNtb7v.js → vue-ui-treemap-CNVB8Ng6.js} +501 -492
- package/dist/{vue-ui-waffle-D34mcJWi.js → vue-ui-waffle-DH5Rf1WM.js} +13 -14
- package/dist/{vue-ui-wheel-B_qEhyvk.js → vue-ui-wheel-BzEkxqDz.js} +10 -11
- package/dist/{vue-ui-word-cloud-TtObhd91.js → vue-ui-word-cloud-DbfGZ-hb.js} +15 -12
- package/dist/{vue-ui-world-R9o00A6c.js → vue-ui-world-CL6KcPcv.js} +10 -10
- package/dist/{vue-ui-xy-Do34-UbE.js → vue-ui-xy-4Xp7UoLs.js} +9 -9
- package/dist/{vue-ui-xy-CUt6sU1s.js → vue-ui-xy-BAmxfSSw.js} +1269 -1266
- package/dist/{vue-ui-xy-canvas-C6eRRH--.js → vue-ui-xy-canvas-7YSYRdwr.js} +27 -27
- package/package.json +3 -3
- package/dist/Slicer-WsWTQPKt.js +0 -1150
- package/dist/SlicerPreview-3n516NyE.js +0 -1688
- package/dist/useResponsive-BfnK0KxU.js +0 -19
- package/dist/vue-ui-accordion-Oo3IsX3-.js +0 -81
- package/dist/vue-ui-scatter-BBaOx94M.js +0 -2422
- package/dist/vue-ui-stackbar-nMXIY9x8.js +0 -2339
- package/dist/vue-ui-strip-plot-BCf5nthl.js +0 -1736
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { At as t, B as n, C as r, Dt as i, E as a, Gt as o, K as s, N as c, Nt as l, Q as u, R as d, Ut as f, Wt as p, Y as m, _ as h, at as g, bt as _, et as v, ft as ee, g as te, i as y, j as ne, qt as re, s as ie, st as ae, t as oe, ut as se, x as ce, xt as le, y as ue, zt as de } from "./lib-
|
|
3
|
-
import { n as fe, r as pe, t as me } from "./useTimeLabels-
|
|
4
|
-
import { t as he } from "./useConfig-
|
|
5
|
-
import { t as ge } from "./usePrinter-
|
|
2
|
+
import { At as t, B as n, C as r, Dt as i, E as a, Gt as o, K as s, N as c, Nt as l, Q as u, R as d, Ut as f, Wt as p, Y as m, _ as h, at as g, bt as _, et as v, ft as ee, g as te, i as y, j as ne, qt as re, s as ie, st as ae, t as oe, ut as se, x as ce, xt as le, y as ue, zt as de } from "./lib-CFm_J26b.js";
|
|
3
|
+
import { n as fe, r as pe, t as me } from "./useTimeLabels-B9CEuiLZ.js";
|
|
4
|
+
import { t as he } from "./useConfig-C0V0eG7L.js";
|
|
5
|
+
import { t as ge } from "./usePrinter-BH-xle1O.js";
|
|
6
6
|
import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
|
|
7
|
-
import { t as ye } from "./useSvgExport-
|
|
8
|
-
import { t as be } from "./useNestedProp-
|
|
7
|
+
import { t as ye } from "./useSvgExport-Ba9qBr9M.js";
|
|
8
|
+
import { t as be } from "./useNestedProp-BY6DNN3i.js";
|
|
9
9
|
import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
|
|
10
|
-
import { t as Se } from "./
|
|
11
|
-
import { t as Ce } from "./
|
|
12
|
-
import { t as we } from "./
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import { t as De } from "./
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import { t as
|
|
19
|
-
import { t as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as
|
|
22
|
-
import { t as
|
|
23
|
-
import { t as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { Fragment as b, Teleport as
|
|
10
|
+
import { t as Se } from "./useMountedDelay-BAjrhRJb.js";
|
|
11
|
+
import { t as Ce } from "./useStableElementSize-C7KADDKj.js";
|
|
12
|
+
import { t as we } from "./useTimeLabelCollider-AEcY4Ioe.js";
|
|
13
|
+
import { t as Te } from "./img-Bikk1dGb.js";
|
|
14
|
+
import { n as Ee } from "./Title-BuPs74IB.js";
|
|
15
|
+
import { t as De } from "./Shape-BfnXr1nJ.js";
|
|
16
|
+
import { t as Oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
17
|
+
import { l as ke, t as Ae } from "./useResponsive-ZtArZtUf.js";
|
|
18
|
+
import { t as je } from "./DefGrad-DVBqDjhO.js";
|
|
19
|
+
import { t as Me } from "./SlicerPreview-Cw6WMVhG.js";
|
|
20
|
+
import { t as Ne } from "./BaseLegendToggle-DsWphmIb.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-C0xAnJdO.js";
|
|
25
|
+
import { t as Re } from "./vue_ui_stackline-DQqKPA9z.js";
|
|
26
|
+
import { Fragment as b, Teleport as ze, computed as x, createBlock as S, createCommentVNode as C, createElementBlock as w, createElementVNode as T, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as Ue, guardReactiveProps as E, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as D, normalizeStyle as qe, onBeforeUnmount as Je, onMounted as Ye, openBlock as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as Xe, shallowRef as Ze, toDisplayString as Qe, toRefs as $e, unref as M, useSlots as et, watch as tt, watchEffect as nt, withCtx as N } from "vue";
|
|
27
27
|
//#region src/components/vue-ui-stackline.vue
|
|
28
|
-
var
|
|
28
|
+
var rt = /* @__PURE__ */ e({ default: () => Bt }), it = ["id"], at = ["id"], ot = ["id"], st = { style: { position: "relative" } }, ct = [
|
|
29
29
|
"aria-describedby",
|
|
30
30
|
"xmlns",
|
|
31
31
|
"viewBox"
|
|
32
|
-
],
|
|
32
|
+
], lt = { key: 0 }, ut = [
|
|
33
33
|
"x",
|
|
34
34
|
"y",
|
|
35
35
|
"width",
|
|
36
36
|
"height"
|
|
37
|
-
],
|
|
37
|
+
], dt = { key: 1 }, ft = [
|
|
38
38
|
"x1",
|
|
39
39
|
"x2",
|
|
40
40
|
"y1",
|
|
@@ -42,7 +42,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
42
42
|
"stroke",
|
|
43
43
|
"stroke-width",
|
|
44
44
|
"stroke-dasharray"
|
|
45
|
-
],
|
|
45
|
+
], pt = [
|
|
46
46
|
"x1",
|
|
47
47
|
"x2",
|
|
48
48
|
"y1",
|
|
@@ -50,32 +50,32 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
50
50
|
"stroke",
|
|
51
51
|
"stroke-width",
|
|
52
52
|
"stroke-dasharray"
|
|
53
|
-
],
|
|
53
|
+
], mt = [
|
|
54
54
|
"x1",
|
|
55
55
|
"x2",
|
|
56
56
|
"y1",
|
|
57
57
|
"y2",
|
|
58
58
|
"stroke",
|
|
59
59
|
"stroke-width"
|
|
60
|
-
],
|
|
60
|
+
], ht = [
|
|
61
61
|
"x1",
|
|
62
62
|
"x2",
|
|
63
63
|
"y1",
|
|
64
64
|
"y2",
|
|
65
65
|
"stroke",
|
|
66
66
|
"stroke-width"
|
|
67
|
-
],
|
|
67
|
+
], gt = [
|
|
68
68
|
"x",
|
|
69
69
|
"y",
|
|
70
70
|
"font-size",
|
|
71
71
|
"fill",
|
|
72
72
|
"font-weight"
|
|
73
|
-
],
|
|
73
|
+
], _t = [
|
|
74
74
|
"transform",
|
|
75
75
|
"font-size",
|
|
76
76
|
"fill",
|
|
77
77
|
"font-weight"
|
|
78
|
-
],
|
|
78
|
+
], vt = [
|
|
79
79
|
"x",
|
|
80
80
|
"y",
|
|
81
81
|
"width",
|
|
@@ -85,48 +85,47 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
85
85
|
"stroke-linecap",
|
|
86
86
|
"stroke-linejoin",
|
|
87
87
|
"stroke-dasharray"
|
|
88
|
-
],
|
|
88
|
+
], yt = [
|
|
89
89
|
"d",
|
|
90
90
|
"fill",
|
|
91
91
|
"opacity"
|
|
92
|
-
],
|
|
92
|
+
], bt = [
|
|
93
93
|
"d",
|
|
94
94
|
"stroke",
|
|
95
95
|
"stroke-width"
|
|
96
|
-
],
|
|
96
|
+
], xt = [
|
|
97
97
|
"x1",
|
|
98
98
|
"x2",
|
|
99
99
|
"y1",
|
|
100
100
|
"y2",
|
|
101
101
|
"stroke"
|
|
102
|
-
],
|
|
103
|
-
"
|
|
104
|
-
"y",
|
|
102
|
+
], St = [
|
|
103
|
+
"transform",
|
|
105
104
|
"font-size",
|
|
106
105
|
"font-weight",
|
|
107
106
|
"fill",
|
|
108
107
|
"text-anchor"
|
|
109
|
-
],
|
|
108
|
+
], Ct = { key: 0 }, wt = { key: 1 }, Tt = [
|
|
110
109
|
"text-anchor",
|
|
111
110
|
"font-size",
|
|
112
111
|
"font-weight",
|
|
113
112
|
"fill",
|
|
114
113
|
"transform",
|
|
115
114
|
"onClick"
|
|
116
|
-
],
|
|
115
|
+
], Et = [
|
|
117
116
|
"text-anchor",
|
|
118
117
|
"font-size",
|
|
119
118
|
"fill",
|
|
120
119
|
"transform",
|
|
121
120
|
"innerHTML",
|
|
122
121
|
"onClick"
|
|
123
|
-
],
|
|
122
|
+
], Dt = [
|
|
124
123
|
"x",
|
|
125
124
|
"y",
|
|
126
125
|
"height",
|
|
127
126
|
"width",
|
|
128
127
|
"fill"
|
|
129
|
-
],
|
|
128
|
+
], Ot = { key: 0 }, kt = [
|
|
130
129
|
"x1",
|
|
131
130
|
"x2",
|
|
132
131
|
"y1",
|
|
@@ -134,19 +133,17 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
134
133
|
"stroke",
|
|
135
134
|
"stroke-width",
|
|
136
135
|
"stroke-dasharray"
|
|
137
|
-
],
|
|
138
|
-
"
|
|
139
|
-
"y",
|
|
136
|
+
], At = { key: 0 }, jt = [
|
|
137
|
+
"transform",
|
|
140
138
|
"font-size",
|
|
141
139
|
"fill",
|
|
142
140
|
"font-weight"
|
|
143
|
-
],
|
|
144
|
-
"
|
|
145
|
-
"y",
|
|
141
|
+
], Mt = [
|
|
142
|
+
"transform",
|
|
146
143
|
"font-size",
|
|
147
144
|
"font-weight",
|
|
148
145
|
"fill"
|
|
149
|
-
],
|
|
146
|
+
], Nt = ["data-start", "data-end"], Pt = {
|
|
150
147
|
key: 0,
|
|
151
148
|
style: {
|
|
152
149
|
position: "absolute",
|
|
@@ -156,10 +153,10 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
156
153
|
},
|
|
157
154
|
"data-dom-to-png-ignore": "",
|
|
158
155
|
"aria-hidden": "true"
|
|
159
|
-
},
|
|
156
|
+
}, Ft = {
|
|
160
157
|
key: 5,
|
|
161
158
|
class: "vue-data-ui-watermark"
|
|
162
|
-
},
|
|
159
|
+
}, It = ["onClick"], Lt = ["innerHTML"], Rt = ["innerHTML"], zt = ["id"], Bt = /*#__PURE__*/ Oe({
|
|
163
160
|
__name: "vue-ui-stackline",
|
|
164
161
|
props: {
|
|
165
162
|
config: {
|
|
@@ -186,49 +183,49 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
186
183
|
"selectX",
|
|
187
184
|
"copyAlt"
|
|
188
185
|
],
|
|
189
|
-
setup(e, { expose:
|
|
190
|
-
let
|
|
186
|
+
setup(e, { expose: Oe, emit: rt }) {
|
|
187
|
+
let Bt = Ue(() => import("./Tooltip-CA1rtSyl.js")), Vt = Ue(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Ht = Ue(() => import("./vue-ui-accordion-UA88lv4d.js").then((e) => e.n)), Ut = Ue(() => import("./DataTable-DzPEVvSo.js")), Wt = Ue(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Gt = Ue(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), Kt = Ue(() => import("./PackageVersion-Di3tpYst.js").then((e) => e.t)), qt = Ue(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_stackline: Jt } = he(), { isThemeValid: Yt, warnInvalidTheme: Xt } = xe(), { isReady: Zt } = Se(300), Qt = et(), P = e, F = rt, $t = x({
|
|
191
188
|
get() {
|
|
192
189
|
return !!P.dataset && P.dataset.length;
|
|
193
190
|
},
|
|
194
191
|
set(e) {
|
|
195
192
|
return e;
|
|
196
193
|
}
|
|
197
|
-
}), I = k(null), L = k(s()),
|
|
194
|
+
}), I = k(null), L = k(s()), en = k(!1), R = k([]), tn = k(0), nn = k(null), rn = k(null), an = k(null), on = k(null), sn = k(null), cn = k(!1), ln = k(!1), un = k(0), dn = k(0), fn = k(0), pn = k(!1), mn = k(null), hn = k(null), gn = k(!1), _n = k(!1), vn = k(!1), yn = k(null), bn = k(null), xn = k(null), Sn = k(null), Cn = k(null), wn = Ze(null), Tn = k(!1), En = k(0), Dn = k(0), z = k(null), On = k({
|
|
198
195
|
x: 0,
|
|
199
196
|
y: 0
|
|
200
|
-
}),
|
|
201
|
-
elementRef:
|
|
197
|
+
}), kn = k("pointer"), An = Ce({
|
|
198
|
+
elementRef: wn,
|
|
202
199
|
minimumWidth: 2,
|
|
203
200
|
minimumHeight: 2,
|
|
204
201
|
stableFramesRequired: 2,
|
|
205
202
|
once: !1,
|
|
206
203
|
onSizeAccepted: () => {
|
|
207
|
-
|
|
204
|
+
Nn();
|
|
208
205
|
}
|
|
209
206
|
});
|
|
210
|
-
function
|
|
211
|
-
|
|
207
|
+
function jn() {
|
|
208
|
+
wn.value = I.value?.parentNode ?? null;
|
|
212
209
|
}
|
|
213
|
-
function
|
|
210
|
+
function Mn() {
|
|
214
211
|
return new Promise((e) => {
|
|
215
212
|
requestAnimationFrame(() => {
|
|
216
213
|
requestAnimationFrame(e);
|
|
217
214
|
});
|
|
218
215
|
});
|
|
219
216
|
}
|
|
220
|
-
async function
|
|
221
|
-
let e = ++
|
|
222
|
-
|
|
217
|
+
async function Nn() {
|
|
218
|
+
let e = ++Dn.value;
|
|
219
|
+
Tn.value = !1, await Ge(), await Mn(), await Mn(), e === Dn.value && (En.value += 1, Tn.value = !0);
|
|
223
220
|
}
|
|
224
|
-
let
|
|
225
|
-
function
|
|
226
|
-
|
|
221
|
+
let Pn = k(null), Fn = k(!1);
|
|
222
|
+
function In() {
|
|
223
|
+
Fn.value = !Fn.value;
|
|
227
224
|
}
|
|
228
|
-
|
|
229
|
-
|
|
225
|
+
Ye(() => {
|
|
226
|
+
jn(), An.start(), pn.value = !0, or(), Nn();
|
|
230
227
|
});
|
|
231
|
-
let B = k(
|
|
228
|
+
let B = k(qn()), Ln = x(() => B.value.userOptions.useCursorPointer), Rn = x(() => re({
|
|
232
229
|
defaultConfig: {
|
|
233
230
|
userOptions: { show: !1 },
|
|
234
231
|
useCssAnimation: !1,
|
|
@@ -274,13 +271,13 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
274
271
|
} }
|
|
275
272
|
},
|
|
276
273
|
userConfig: B.value.skeletonConfig ?? {}
|
|
277
|
-
})), { loading:
|
|
278
|
-
|
|
274
|
+
})), { loading: V, FINAL_DATASET: zn, manualLoading: Bn } = _e({
|
|
275
|
+
...$e(P),
|
|
279
276
|
FINAL_CONFIG: B,
|
|
280
|
-
prepareConfig:
|
|
277
|
+
prepareConfig: qn,
|
|
281
278
|
callback: () => {
|
|
282
279
|
Promise.resolve().then(async () => {
|
|
283
|
-
(!B.value.style.chart.zoom.keepState || !
|
|
280
|
+
(!B.value.style.chart.zoom.keepState || !Qr.value || q.value.start === 0 && q.value.end === 0) && await ei();
|
|
284
281
|
});
|
|
285
282
|
},
|
|
286
283
|
skeletonDataset: P.config?.skeletonDataset ?? [{
|
|
@@ -316,28 +313,28 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
316
313
|
}],
|
|
317
314
|
skeletonConfig: re({
|
|
318
315
|
defaultConfig: B.value,
|
|
319
|
-
userConfig:
|
|
316
|
+
userConfig: Rn.value
|
|
320
317
|
})
|
|
321
|
-
}), { userOptionsVisible:
|
|
322
|
-
function
|
|
323
|
-
|
|
318
|
+
}), { userOptionsVisible: Vn, setUserOptionsVisibility: Hn, keepUserOptionState: Un } = Fe({ config: B.value }), { svgRef: Wn } = Ie({ config: B.value.style.chart.title });
|
|
319
|
+
function Gn() {
|
|
320
|
+
gn.value = !0, Hn(!0);
|
|
324
321
|
}
|
|
325
|
-
function
|
|
326
|
-
|
|
322
|
+
function Kn() {
|
|
323
|
+
Hn(!1), gn.value = !1, z.value = null, kn.value = "pointer", en.value = !1, $.value = null, F("selectX", {
|
|
327
324
|
index: null,
|
|
328
325
|
indexLabel: null,
|
|
329
326
|
dataset: null
|
|
330
327
|
});
|
|
331
328
|
}
|
|
332
|
-
function
|
|
329
|
+
function qn() {
|
|
333
330
|
let e = be({
|
|
334
331
|
userConfig: P.config,
|
|
335
|
-
defaultConfig:
|
|
332
|
+
defaultConfig: Jt
|
|
336
333
|
}), t = {}, n = e.theme;
|
|
337
|
-
if (n) if (!
|
|
334
|
+
if (n) if (!Yt.value(e)) Xt(e), t = e;
|
|
338
335
|
else {
|
|
339
336
|
let r = be({
|
|
340
|
-
userConfig:
|
|
337
|
+
userConfig: Re[n] || P.config,
|
|
341
338
|
defaultConfig: e
|
|
342
339
|
});
|
|
343
340
|
t = {
|
|
@@ -351,34 +348,34 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
351
348
|
else t = e;
|
|
352
349
|
return t;
|
|
353
350
|
}
|
|
354
|
-
let
|
|
355
|
-
|
|
356
|
-
|
|
351
|
+
let Jn = x(() => B.value.style.chart.lines.dataLabels.hideUnderValue !== null), Yn = x(() => B.value.style.chart.lines.dataLabels.hideUnderPercentage !== null);
|
|
352
|
+
tt(() => P.config, (e) => {
|
|
353
|
+
V.value || (B.value = qn()), Vn.value = !B.value.userOptions.showOnChartHover, or({ resetSlicer: !B.value.style.chart.zoom.keepState }), un.value += 1, dn.value += 1, fn.value += 1, H.value.dataLabels.show = B.value.style.chart.lines.dataLabels.show, H.value.showTable = B.value.table.show, H.value.showTooltip = B.value.style.chart.tooltip.show, U.value.width = B.value.style.chart.width, U.value.height = B.value.style.chart.height, U.value.paddingRatio = {
|
|
357
354
|
top: B.value.style.chart.padding.top / B.value.style.chart.height,
|
|
358
355
|
right: B.value.style.chart.padding.right / B.value.style.chart.width,
|
|
359
356
|
bottom: B.value.style.chart.padding.bottom / B.value.style.chart.height,
|
|
360
357
|
left: B.value.style.chart.padding.left / B.value.style.chart.width
|
|
361
|
-
},
|
|
362
|
-
}, { deep: !0 }),
|
|
363
|
-
Array.isArray(e) && e.length > 0 && (
|
|
358
|
+
}, jn(), Nn(), !B.value.style.chart.zoom.keepState || !Qr.value || q.value.start === 0 && q.value.end === 0 ? ei() : Sr();
|
|
359
|
+
}, { deep: !0 }), tt(() => P.dataset, (e) => {
|
|
360
|
+
Array.isArray(e) && e.length > 0 && (Bn.value = !1), B.value.style.chart.zoom.keepState ? Sr() : Tr(), jn(), Nn();
|
|
364
361
|
}, { deep: !0 });
|
|
365
362
|
let H = k({
|
|
366
363
|
dataLabels: { show: B.value.style.chart.lines.dataLabels.show },
|
|
367
364
|
showTable: B.value.table.show,
|
|
368
365
|
showTooltip: B.value.style.chart.tooltip.show
|
|
369
366
|
});
|
|
370
|
-
|
|
367
|
+
tt(B, () => {
|
|
371
368
|
H.value = {
|
|
372
369
|
dataLabels: { show: B.value.style.chart.lines.dataLabels.show },
|
|
373
370
|
showTable: B.value.table.show,
|
|
374
371
|
showTooltip: B.value.style.chart.tooltip.show
|
|
375
372
|
};
|
|
376
373
|
}, { immediate: !0 });
|
|
377
|
-
let { isPrinting:
|
|
374
|
+
let { isPrinting: Xn, isImaging: Zn, generatePdf: Qn, generateImage: $n } = ge({
|
|
378
375
|
elementId: `stackline_${L.value}`,
|
|
379
376
|
fileName: B.value.style.chart.title.text || "vue-ui-stackline",
|
|
380
377
|
options: B.value.userOptions.print
|
|
381
|
-
}),
|
|
378
|
+
}), er = x(() => B.value.userOptions.show && !B.value.style.chart.title.text), U = k({
|
|
382
379
|
width: B.value.style.chart.width,
|
|
383
380
|
height: B.value.style.chart.height,
|
|
384
381
|
paddingRatio: {
|
|
@@ -387,107 +384,107 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
387
384
|
bottom: B.value.style.chart.padding.bottom / B.value.style.chart.height,
|
|
388
385
|
left: B.value.style.chart.padding.left / B.value.style.chart.width
|
|
389
386
|
}
|
|
390
|
-
}),
|
|
391
|
-
function
|
|
387
|
+
}), tr = x(() => r(B.value.customPalette)), nr = Ze(null), rr = Ze(null), ir = k(null), ar = x(() => !!B.value.debug);
|
|
388
|
+
function or({ resetSlicer: e = !0 } = {}) {
|
|
392
389
|
if (t(P.dataset) ? (v({
|
|
393
390
|
componentName: "VueUiStackline",
|
|
394
391
|
type: "dataset",
|
|
395
|
-
debug:
|
|
396
|
-
}),
|
|
392
|
+
debug: ar.value
|
|
393
|
+
}), Bn.value = !0) : P.dataset.forEach((e, t) => {
|
|
397
394
|
ee({
|
|
398
395
|
datasetObject: e,
|
|
399
396
|
requiredAttributes: ["name", "series"]
|
|
400
397
|
}).forEach((e) => {
|
|
401
|
-
|
|
398
|
+
$t.value = !1, v({
|
|
402
399
|
componentName: "VueUiStackline",
|
|
403
400
|
type: "datasetSerieAttribute",
|
|
404
401
|
property: e,
|
|
405
402
|
index: t,
|
|
406
|
-
debug:
|
|
407
|
-
}),
|
|
403
|
+
debug: ar.value
|
|
404
|
+
}), Bn.value = !0;
|
|
408
405
|
});
|
|
409
|
-
}), t(P.dataset) || (
|
|
410
|
-
|
|
406
|
+
}), t(P.dataset) || (Bn.value = B.value.loading), setTimeout(() => {
|
|
407
|
+
ln.value = !0;
|
|
411
408
|
}, 10), B.value.responsive) {
|
|
412
|
-
let e =
|
|
413
|
-
|
|
414
|
-
let { width: e, height: t } =
|
|
409
|
+
let e = ke(() => {
|
|
410
|
+
ln.value = !1;
|
|
411
|
+
let { width: e, height: t } = Ae({
|
|
415
412
|
chart: I.value,
|
|
416
|
-
noTitle:
|
|
417
|
-
title: B.value.style.chart.title.text ?
|
|
418
|
-
legend: B.value.style.chart.legend.show ?
|
|
419
|
-
slicer: B.value.style.chart.zoom.show && K.value > 6 ?
|
|
420
|
-
source:
|
|
413
|
+
noTitle: on.value,
|
|
414
|
+
title: B.value.style.chart.title.text ? nn.value : null,
|
|
415
|
+
legend: B.value.style.chart.legend.show ? rn.value : null,
|
|
416
|
+
slicer: B.value.style.chart.zoom.show && K.value > 6 ? an.value.$el : null,
|
|
417
|
+
source: sn.value
|
|
421
418
|
});
|
|
422
419
|
requestAnimationFrame(() => {
|
|
423
|
-
U.value.width = e, U.value.height = t - 12, clearTimeout(
|
|
424
|
-
|
|
420
|
+
U.value.width = e, U.value.height = t - 12, clearTimeout(ir.value), ir.value = setTimeout(() => {
|
|
421
|
+
ln.value = !0;
|
|
425
422
|
}, 10);
|
|
426
423
|
});
|
|
427
424
|
});
|
|
428
|
-
|
|
425
|
+
nr.value && (rr.value && nr.value.unobserve(rr.value), nr.value.disconnect()), nr.value = new ResizeObserver(e), rr.value = I.value.parentNode, nr.value.observe(rr.value);
|
|
429
426
|
}
|
|
430
|
-
e &&
|
|
427
|
+
e && ei();
|
|
431
428
|
}
|
|
432
|
-
|
|
433
|
-
|
|
429
|
+
Je(() => {
|
|
430
|
+
An.stop(), nr.value && (rr.value && nr.value.unobserve(rr.value), nr.value.disconnect());
|
|
434
431
|
});
|
|
435
|
-
let
|
|
436
|
-
function
|
|
432
|
+
let sr = x(() => B.value.style.chart.grid.y.position === "right");
|
|
433
|
+
function cr() {
|
|
437
434
|
let e = 0;
|
|
438
|
-
|
|
435
|
+
xn.value && (e = Array.from(xn.value.querySelectorAll("text")).reduce((e, t) => {
|
|
439
436
|
let n = t.getComputedTextLength();
|
|
440
437
|
return n > e ? n : e;
|
|
441
438
|
}, 0));
|
|
442
|
-
let t =
|
|
439
|
+
let t = bn.value ? bn.value.getBoundingClientRect().width + B.value.style.chart.grid.y.axisName.fontSize + B.value.style.chart.grid.y.axisName.offsetX : 0;
|
|
443
440
|
return {
|
|
444
|
-
left:
|
|
445
|
-
right:
|
|
441
|
+
left: sr.value ? 0 : e + t,
|
|
442
|
+
right: sr.value ? e + t : 0,
|
|
446
443
|
scaleLabelsWidth: e,
|
|
447
444
|
yAxisLabelWidth: t
|
|
448
445
|
};
|
|
449
446
|
}
|
|
450
|
-
let
|
|
451
|
-
function
|
|
452
|
-
let e =
|
|
447
|
+
let lr = k(0), ur = k(0), dr = k(0);
|
|
448
|
+
function fr() {
|
|
449
|
+
let e = Sn.value;
|
|
453
450
|
if (!e) {
|
|
454
|
-
|
|
451
|
+
ur.value = 0;
|
|
455
452
|
return;
|
|
456
453
|
}
|
|
457
454
|
try {
|
|
458
455
|
let t = e.getBBox();
|
|
459
|
-
|
|
456
|
+
ur.value = Number.isFinite(t?.height) ? t.height : 0;
|
|
460
457
|
} catch {
|
|
461
|
-
|
|
458
|
+
ur.value = 0;
|
|
462
459
|
}
|
|
463
460
|
}
|
|
464
|
-
function
|
|
465
|
-
|
|
461
|
+
function pr() {
|
|
462
|
+
dr.value && cancelAnimationFrame(dr.value), dr.value = requestAnimationFrame(() => {
|
|
466
463
|
requestAnimationFrame(() => {
|
|
467
|
-
|
|
464
|
+
fr();
|
|
468
465
|
});
|
|
469
466
|
});
|
|
470
467
|
}
|
|
471
|
-
|
|
472
|
-
|
|
468
|
+
Je(() => {
|
|
469
|
+
dr.value && cancelAnimationFrame(dr.value), ur.value = 0, lr.value = 0;
|
|
473
470
|
});
|
|
474
|
-
let
|
|
471
|
+
let mr = x(() => {
|
|
475
472
|
let e = 0;
|
|
476
|
-
if (
|
|
477
|
-
e =
|
|
473
|
+
if (yn.value) try {
|
|
474
|
+
e = yn.value.getBBox().height;
|
|
478
475
|
} catch {
|
|
479
476
|
e = 0;
|
|
480
477
|
}
|
|
481
|
-
let t = B.value.style.chart.grid.x.timeLabels.show ?
|
|
478
|
+
let t = B.value.style.chart.grid.x.timeLabels.show ? ur.value : 0;
|
|
482
479
|
return e + t;
|
|
483
480
|
}), W = x(() => {
|
|
484
|
-
|
|
481
|
+
En.value;
|
|
485
482
|
let { height: e, width: t } = U.value, { right: n } = U.value.paddingRatio, r = B.value.style.chart.lines.totalValues.show && P.dataset && P.dataset.length > 1 ? B.value.style.chart.lines.totalValues.fontSize * 1.3 : 0, i = 0, a = 0, o = 0, s = 0;
|
|
486
483
|
if (B.value.style.chart.grid.y.axisLabels.show) {
|
|
487
|
-
let e =
|
|
484
|
+
let e = cr();
|
|
488
485
|
i = e.left, a = e.right, o = e.scaleLabelsWidth, s = e.yAxisLabelWidth;
|
|
489
486
|
}
|
|
490
|
-
let c = B.value.style.chart.padding.top + r, l = t - t * n -
|
|
487
|
+
let c = B.value.style.chart.padding.top + r, l = t - t * n - lr.value - a, u = e - B.value.style.chart.padding.bottom - mr.value - r, d = B.value.style.chart.padding.left + i, f = t - d - t * n - lr.value - a, p = e - c - B.value.style.chart.padding.bottom - mr.value - r;
|
|
491
488
|
return {
|
|
492
489
|
chartHeight: Math.max(0, e),
|
|
493
490
|
chartWidth: Math.max(0, t),
|
|
@@ -502,7 +499,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
502
499
|
scaleLabelsWidth: o,
|
|
503
500
|
yAxisLabelWidth: s
|
|
504
501
|
};
|
|
505
|
-
}),
|
|
502
|
+
}), hr = x(() => {
|
|
506
503
|
let { left: e, top: t, width: n, height: r } = W.value, i = q.value.start, a = q.value.end, o = Math.max(1, a - i), s = Math.max(0, Math.min(o, (J.value.start ?? i) - i)), c = Math.max(0, Math.min(o, (J.value.end ?? a) - i)), l = Math.max(0, c - s), u = {
|
|
507
504
|
fill: B.value.style.chart.zoom.preview.fill,
|
|
508
505
|
stroke: B.value.style.chart.zoom.preview.stroke,
|
|
@@ -523,8 +520,8 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
523
520
|
height: r,
|
|
524
521
|
...u
|
|
525
522
|
};
|
|
526
|
-
}), G = x(() =>
|
|
527
|
-
let n =
|
|
523
|
+
}), G = x(() => zn.value.map((e, t) => {
|
|
524
|
+
let n = s(), r = ce(e.color) || tr.value[t] || l[t] || l[t % l.length];
|
|
528
525
|
return {
|
|
529
526
|
...e,
|
|
530
527
|
shape: e.shape || "circle",
|
|
@@ -536,66 +533,66 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
536
533
|
id: n,
|
|
537
534
|
color: r
|
|
538
535
|
};
|
|
539
|
-
})),
|
|
536
|
+
})), gr = x(() => G.value.filter((e) => !R.value.includes(e.id) && !e.standalone)), _r = x(() => G.value.filter((e) => !R.value.includes(e.id) && e.standalone)), K = x(() => {
|
|
540
537
|
let e = Math.max(...G.value.filter((e) => !R.value.includes(e.id)).map((e) => e.series.length));
|
|
541
538
|
return isFinite(e) ? e : Math.max(...G.value.map((e) => e.series.length));
|
|
542
539
|
});
|
|
543
|
-
function
|
|
544
|
-
|
|
540
|
+
function vr(e) {
|
|
541
|
+
Pn.value = e;
|
|
545
542
|
}
|
|
546
543
|
let q = k({
|
|
547
544
|
start: 0,
|
|
548
|
-
end: Math.max(...
|
|
545
|
+
end: Math.max(...zn.value.map((e) => e.series.length))
|
|
549
546
|
}), J = k({
|
|
550
547
|
start: 0,
|
|
551
|
-
end: Math.max(...
|
|
548
|
+
end: Math.max(...zn.value.map((e) => e.series.length))
|
|
552
549
|
});
|
|
553
|
-
function
|
|
550
|
+
function yr(e) {
|
|
554
551
|
return (q.value.start ?? 0) + (e ?? 0);
|
|
555
552
|
}
|
|
556
|
-
let
|
|
557
|
-
function
|
|
553
|
+
let br = x(() => B.value.style.chart.zoom.preview.enable && (J.value.start !== q.value.start || J.value.end !== q.value.end));
|
|
554
|
+
function xr(e, t) {
|
|
558
555
|
J.value[e] = t;
|
|
559
556
|
}
|
|
560
|
-
function
|
|
557
|
+
function Sr() {
|
|
561
558
|
let e = K.value, t = Math.max(0, Math.min(q.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(q.value.end ?? e, e));
|
|
562
|
-
(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), q.value.start = t, q.value.end = n, J.value.start = t, J.value.end = n,
|
|
559
|
+
(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), q.value.start = t, q.value.end = n, J.value.start = t, J.value.end = n, an.value && (an.value.setStartValue(t), an.value.setEndValue(n));
|
|
563
560
|
}
|
|
564
|
-
let
|
|
565
|
-
function
|
|
561
|
+
let Cr = k(null);
|
|
562
|
+
function wr() {
|
|
566
563
|
return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
|
|
567
564
|
}
|
|
568
|
-
|
|
569
|
-
|
|
565
|
+
Je(() => {
|
|
566
|
+
Cr.value && cancelAnimationFrame(Cr.value);
|
|
570
567
|
});
|
|
571
|
-
async function
|
|
572
|
-
if (B.value.style.chart.zoom.keepState && !e &&
|
|
573
|
-
|
|
568
|
+
async function Tr({ force: e = !1 } = {}) {
|
|
569
|
+
if (B.value.style.chart.zoom.keepState && !e && Qr.value && !(q.value.start === 0 && q.value.end === 0)) {
|
|
570
|
+
Sr();
|
|
574
571
|
return;
|
|
575
572
|
}
|
|
576
|
-
|
|
577
|
-
await
|
|
573
|
+
ei(), await Ge(), Cr.value && cancelAnimationFrame(Cr.value), Cr.value = requestAnimationFrame(async () => {
|
|
574
|
+
await wr(), ei();
|
|
578
575
|
});
|
|
579
576
|
}
|
|
580
|
-
let
|
|
577
|
+
let Er = x(() => Math.max(0, W.value.width / (q.value.end - q.value.start))), Dr = x(() => f(gr.value.map((e) => ({
|
|
581
578
|
...e,
|
|
582
579
|
series: e.series.map((e) => e ?? 0)
|
|
583
|
-
}))).slice(q.value.start, q.value.end)),
|
|
580
|
+
}))).slice(q.value.start, q.value.end)), Or = x(() => R.value.length === G.value.length), kr = x(() => {
|
|
584
581
|
if (!B.value.style.chart.zoom.minimap.show) return [];
|
|
585
|
-
let e = G.value.filter((e) =>
|
|
582
|
+
let e = G.value.filter((e) => Or.value ? !0 : !R.value.includes(e.id) && !e.standalone);
|
|
586
583
|
if (e.length) return f(e.map((e) => ({
|
|
587
584
|
...e,
|
|
588
585
|
series: (e.series || []).map((e) => e ?? 0)
|
|
589
586
|
})));
|
|
590
|
-
let t =
|
|
587
|
+
let t = _r.value;
|
|
591
588
|
if (!t.length) return [];
|
|
592
589
|
let n = Math.max(...t.map((e) => e.series.length || 0));
|
|
593
590
|
return Array.from({ length: n }, (e, n) => t.reduce((e, t) => e + Math.abs(t.series[n] ?? 0), 0));
|
|
594
|
-
}),
|
|
591
|
+
}), Ar = x(() => {
|
|
595
592
|
if (!B.value.style.chart.zoom.minimap.show) return [];
|
|
596
|
-
let e = G.value.filter((e) =>
|
|
593
|
+
let e = G.value.filter((e) => Or.value ? !0 : !R.value.includes(e.id) && !e.standalone), t = _r.value, n = e.length ? [{
|
|
597
594
|
name: "",
|
|
598
|
-
series:
|
|
595
|
+
series: kr.value,
|
|
599
596
|
color: "#000000",
|
|
600
597
|
isVisible: !0
|
|
601
598
|
}] : [], r = t.map((e) => ({
|
|
@@ -605,14 +602,14 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
605
602
|
isVisible: !0
|
|
606
603
|
}));
|
|
607
604
|
return n.concat(r);
|
|
608
|
-
}),
|
|
605
|
+
}), jr = x(() => f(gr.value.filter((e) => !R.value.includes(e.id)).map((e) => ({
|
|
609
606
|
...e,
|
|
610
607
|
series: e.series.map((t, n) => {
|
|
611
608
|
let r = t ?? 0;
|
|
612
609
|
return e.signedSeries[n] === -1 && r >= 0 ? -r : r;
|
|
613
610
|
})
|
|
614
|
-
}))).slice(q.value.start, q.value.end)),
|
|
615
|
-
let e =
|
|
611
|
+
}))).slice(q.value.start, q.value.end)), Mr = x(() => {
|
|
612
|
+
let e = gr.value.filter((e) => !R.value.includes(e.id));
|
|
616
613
|
return {
|
|
617
614
|
positive: f(e.map((e) => ({
|
|
618
615
|
...e,
|
|
@@ -623,9 +620,9 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
623
620
|
series: e.series.slice(q.value.start, q.value.end).map((e) => (e ?? 0) < 0 ? e ?? 0 : 0)
|
|
624
621
|
})))
|
|
625
622
|
};
|
|
626
|
-
}),
|
|
623
|
+
}), Nr = x(() => {
|
|
627
624
|
let e = Math.max(0, q.value.end - q.value.start), t = Array(e).fill(0), n = Array(e).fill(0);
|
|
628
|
-
return
|
|
625
|
+
return _r.value.forEach((r) => {
|
|
629
626
|
for (let i = 0; i < e; i += 1) {
|
|
630
627
|
let e = r.series[q.value.start + i] ?? 0;
|
|
631
628
|
e > 0 && (t[i] = Math.max(t[i], e)), e < 0 && (n[i] = Math.min(n[i], e));
|
|
@@ -634,16 +631,16 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
634
631
|
positive: t,
|
|
635
632
|
negative: n
|
|
636
633
|
};
|
|
637
|
-
}),
|
|
634
|
+
}), Pr = x(() => jr.value.map((e, t) => ({
|
|
638
635
|
value: e,
|
|
639
636
|
sign: e >= 0 ? 1 : -1
|
|
640
637
|
})));
|
|
641
|
-
function
|
|
642
|
-
return { y0:
|
|
638
|
+
function Fr() {
|
|
639
|
+
return { y0: Lr.value?.[0]?.zero ?? W.value.bottom };
|
|
643
640
|
}
|
|
644
|
-
function
|
|
645
|
-
let { y0: t } =
|
|
646
|
-
if ((
|
|
641
|
+
function Ir(e) {
|
|
642
|
+
let { y0: t } = Fr(), n = B.value.style.chart.lines.totalValues, r = Math.max(2, n.fontSize * 1.3 + n.offsetY), i = (e) => Math.min(Math.max(e, W.value.top - B.value.style.chart.lines.totalValues.fontSize * 1.3), W.value.bottom + B.value.style.chart.lines.totalValues.fontSize * 2);
|
|
643
|
+
if ((Pr.value?.[e]?.value ?? 0) >= 0 || B.value.style.chart.lines.distributed) {
|
|
647
644
|
let n = Infinity;
|
|
648
645
|
for (let t of Y.value || []) {
|
|
649
646
|
let r = t?.series?.[e], i = t?.topY?.[e];
|
|
@@ -659,8 +656,8 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
659
656
|
return i((Number.isFinite(a) ? a : t) + r + n.fontSize * .7 + B.value.style.chart.lines.totalValues.offsetY);
|
|
660
657
|
}
|
|
661
658
|
}
|
|
662
|
-
let
|
|
663
|
-
let e = Math.max(...
|
|
659
|
+
let Lr = x(() => {
|
|
660
|
+
let e = Math.max(...Mr.value.positive, 0), t = Math.min(...Mr.value.negative, 0), n = Math.max(...Nr.value.positive, 0), r = Math.min(...Nr.value.negative, 0), i = Math.max(e, n), a = Math.min(t, r), o = [
|
|
664
661
|
-Infinity,
|
|
665
662
|
Infinity,
|
|
666
663
|
NaN,
|
|
@@ -668,17 +665,17 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
668
665
|
null
|
|
669
666
|
].includes(a) ? 0 : a, s = B.value.style.chart.grid.scale.scaleMin, c = B.value.style.chart.grid.scale.scaleMax, l = !B.value.style.chart.lines.distributed && (s !== null || c !== null), u = s !== null && !B.value.style.chart.lines.distributed ? s : o > 0 ? 0 : o, d = c !== null && !B.value.style.chart.lines.distributed ? c : i < 0 ? 0 : i, f = l ? h(u, d, B.value.style.chart.grid.scale.ticks) : te(u, d, B.value.style.chart.grid.scale.ticks), p = Math.abs(Number(f.min) || 0), m = (Number(f.max) || 0) + p, g = m === 0 || !Number.isFinite(m) ? 1 : m, _ = Array.isArray(f.ticks) && f.ticks.length ? f.ticks : [0], v = W.value.bottom - W.value.height * (p / g);
|
|
670
667
|
return _.map((e) => {
|
|
671
|
-
let t = Number(e) || 0;
|
|
668
|
+
let t = Number(e) || 0, n = W.value.bottom - W.value.height * ((t + p) / g);
|
|
672
669
|
return {
|
|
673
670
|
zero: v,
|
|
674
|
-
y:
|
|
675
|
-
x:
|
|
671
|
+
y: n,
|
|
672
|
+
x: sr.value ? X.value.right + 8 : X.value.left - 8,
|
|
676
673
|
value: t
|
|
677
674
|
};
|
|
678
675
|
});
|
|
679
|
-
}),
|
|
680
|
-
|
|
681
|
-
let e = ++
|
|
676
|
+
}), Rr = k([]), zr = k([]), Br = 0;
|
|
677
|
+
nt(() => {
|
|
678
|
+
let e = ++Br;
|
|
682
679
|
(async () => {
|
|
683
680
|
let t = await me({
|
|
684
681
|
values: B.value.style.chart.grid.x.timeLabels.values,
|
|
@@ -687,12 +684,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
687
684
|
start: q.value.start,
|
|
688
685
|
end: q.value.end
|
|
689
686
|
});
|
|
690
|
-
e ===
|
|
687
|
+
e === Br && (Rr.value = t);
|
|
691
688
|
})();
|
|
692
689
|
});
|
|
693
|
-
let
|
|
694
|
-
|
|
695
|
-
let e = ++
|
|
690
|
+
let Vr = 0;
|
|
691
|
+
nt(() => {
|
|
692
|
+
let e = ++Vr;
|
|
696
693
|
(async () => {
|
|
697
694
|
let t = await me({
|
|
698
695
|
values: B.value.style.chart.grid.x.timeLabels.values,
|
|
@@ -701,55 +698,55 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
701
698
|
start: 0,
|
|
702
699
|
end: K.value
|
|
703
700
|
});
|
|
704
|
-
e ===
|
|
701
|
+
e === Vr && (zr.value = t);
|
|
705
702
|
})();
|
|
706
703
|
});
|
|
707
|
-
let
|
|
704
|
+
let Hr = x(() => {
|
|
708
705
|
let e = B.value.style.chart.grid.x.timeLabels.modulo;
|
|
709
|
-
return
|
|
710
|
-
}),
|
|
711
|
-
let e = B.value.style.chart.grid.x.timeLabels, t =
|
|
712
|
-
return ie(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1,
|
|
706
|
+
return Rr.value.length ? Math.min(e, [...new Set(Rr.value.map((e) => e.text))].length) : e;
|
|
707
|
+
}), Ur = x(() => {
|
|
708
|
+
let e = B.value.style.chart.grid.x.timeLabels, t = Rr.value || [], n = zr.value || [], r = q.value.start ?? 0, i = $.value, a = K.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
|
|
709
|
+
return ie(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Hr.value || 1), o, s, r, i, a);
|
|
713
710
|
});
|
|
714
|
-
|
|
715
|
-
B.value.style.chart.grid.x.timeLabels.show, B.value.style.chart.grid.x.timeLabels.fontSize, B.value.style.chart.grid.x.timeLabels.rotation, B.value.style.chart.grid.x.timeLabels.offsetY, (
|
|
711
|
+
nt(() => {
|
|
712
|
+
B.value.style.chart.grid.x.timeLabels.show, B.value.style.chart.grid.x.timeLabels.fontSize, B.value.style.chart.grid.x.timeLabels.rotation, B.value.style.chart.grid.x.timeLabels.offsetY, (Ur.value || []).map((e) => e?.text ?? "").join("|"), U.value.width, U.value.height, Sn.value, yn.value, pr();
|
|
716
713
|
}, { flush: "post" });
|
|
717
|
-
let
|
|
714
|
+
let Wr = k({
|
|
718
715
|
months: [],
|
|
719
716
|
shortMonths: [],
|
|
720
717
|
days: [],
|
|
721
718
|
shortDays: []
|
|
722
|
-
}),
|
|
723
|
-
|
|
724
|
-
let e = ++
|
|
719
|
+
}), Gr = 0;
|
|
720
|
+
nt(() => {
|
|
721
|
+
let e = ++Gr, t = B.value.style.chart.grid.x.timeLabels.datetimeFormatter;
|
|
725
722
|
(async () => {
|
|
726
723
|
let n = await pe(t.locale).catch(() => pe("en"));
|
|
727
|
-
e ===
|
|
724
|
+
e === Gr && (Wr.value = n.data);
|
|
728
725
|
})();
|
|
729
726
|
});
|
|
730
|
-
let
|
|
727
|
+
let Kr = x(() => {
|
|
731
728
|
let e = B.value.style.chart.grid.x.timeLabels.datetimeFormatter, t = fe({
|
|
732
729
|
useUTC: e.useUTC,
|
|
733
|
-
locale:
|
|
730
|
+
locale: Wr.value,
|
|
734
731
|
januaryAsYear: e.januaryAsYear
|
|
735
732
|
});
|
|
736
733
|
return (e, n) => {
|
|
737
734
|
let r = B.value.style.chart.grid.x.timeLabels.values?.[e];
|
|
738
735
|
return r == null ? "" : t.formatDate(new Date(r), n);
|
|
739
736
|
};
|
|
740
|
-
}),
|
|
741
|
-
text:
|
|
737
|
+
}), qr = x(() => (B.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
|
|
738
|
+
text: Kr.value(t, B.value.style.chart.zoom.timeFormat),
|
|
742
739
|
absoluteIndex: t
|
|
743
|
-
}))),
|
|
744
|
-
text:
|
|
740
|
+
}))), Jr = x(() => (B.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
|
|
741
|
+
text: Kr.value(t, B.value.style.chart.tooltip.timeFormat),
|
|
745
742
|
absoluteIndex: t
|
|
746
|
-
}))),
|
|
747
|
-
if (
|
|
748
|
-
let e = W.value.height, t =
|
|
743
|
+
}))), Yr = x(() => {
|
|
744
|
+
if (!$t.value && !V.value) return [];
|
|
745
|
+
let e = W.value.height, t = Lr.value[0] ? Lr.value[0].zero : W.value.bottom, n = q.value.start ?? 0, r = q.value.end ?? 0, i = Math.max(1, r - n), a = Math.max(...Mr.value.positive, 0), o = Math.min(...Mr.value.negative, 0), s = Math.max(...Nr.value.positive, 0), c = Math.min(...Nr.value.negative, 0), l = Math.max(a, s), u = Math.min(o, c), { min: d, max: f } = !B.value.style.chart.lines.distributed && (B.value.style.chart.grid.scale.scaleMax !== null || B.value.style.chart.grid.scale.scaleMin !== null) ? h(B.value.style.chart.grid.scale.scaleMin === null ? u > 0 ? 0 : u : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? l < 0 ? 0 : l : B.value.style.chart.grid.scale.scaleMax, B.value.style.chart.grid.scale.ticks) : te(B.value.style.chart.grid.scale.scaleMin === null ? u > 0 ? 0 : u : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? l < 0 ? 0 : l : B.value.style.chart.grid.scale.scaleMax, B.value.style.chart.grid.scale.ticks), p = f + (d >= 0 ? 0 : Math.abs(d)) || 1, m = Array(i).fill(0), g = Array(i).fill(0), _ = (e) => i <= 1 ? W.value.left + W.value.width / 2 : W.value.left + e / (i - 1) * W.value.width;
|
|
749
746
|
return G.value.filter((e) => !R.value.includes(e.id)).map((r) => {
|
|
750
747
|
let a = [], o = [], s = [], c = Array(i).fill(null), l = Array(i).fill(null);
|
|
751
748
|
for (let u = 0; u < i; u += 1) {
|
|
752
|
-
let i = n + u, d = r.series?.[i], f = r.signedSeries?.[i], h = d == null || Number.isNaN(d) ? 0 : d, _ = r.standalone ? h / p : B.value.style.chart.lines.distributed ? h / (
|
|
749
|
+
let i = n + u, d = r.series?.[i], f = r.signedSeries?.[i], h = d == null || Number.isNaN(d) ? 0 : d, _ = r.standalone ? h / p : B.value.style.chart.lines.distributed ? h / (Dr.value[u] || 1) : h / p;
|
|
753
750
|
if (h >= 0) {
|
|
754
751
|
let n = e * Math.abs(_);
|
|
755
752
|
if (r.standalone) c[u] = t, l[u] = t - n;
|
|
@@ -772,7 +769,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
772
769
|
y: l[e]
|
|
773
770
|
})), d = u.map((e) => e.x), f = o.reduce((e, t) => e + Math.abs(t || 0), 0), h = f === 0 ? 1 : f, v = o.map((e, t) => {
|
|
774
771
|
if (B.value.style.chart.lines.distributed && !r.standalone) {
|
|
775
|
-
let n = a[t], r =
|
|
772
|
+
let n = a[t], r = Dr.value[n] || 1;
|
|
776
773
|
return (e || 0) / r;
|
|
777
774
|
}
|
|
778
775
|
return (e || 0) / h;
|
|
@@ -791,14 +788,14 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
791
788
|
};
|
|
792
789
|
});
|
|
793
790
|
}), Y = x(() => {
|
|
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(...
|
|
791
|
+
let e = (e) => typeof e == "string" ? e.replace(/^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i, "").trim() : "", t = Math.max(...Mr.value.positive, 0), r = Math.min(...Mr.value.negative, 0), i = Math.max(...Nr.value.positive, 0), a = Math.min(...Nr.value.negative, 0), o = Math.max(t, i), s = Math.min(r, a), l = !B.value.style.chart.lines.distributed && (B.value.style.chart.grid.scale.scaleMax !== null || B.value.style.chart.grid.scale.scaleMin !== null) ? h(B.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? o < 0 ? 0 : o : B.value.style.chart.grid.scale.scaleMax, B.value.style.chart.grid.scale.ticks) : te(B.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? o < 0 ? 0 : o : B.value.style.chart.grid.scale.scaleMax, B.value.style.chart.grid.scale.ticks), u = Number(l.min) || 0, d = Number(l.max) || 0, f = Math.abs(u), p = d + f || 1, m = (e) => {
|
|
795
792
|
if (B.value.style.chart.lines.distributed) {
|
|
796
793
|
let t = Math.max(0, Math.min(1, e));
|
|
797
794
|
return minimapH - minimapH * t;
|
|
798
795
|
}
|
|
799
796
|
return clampY(minimapH - minimapH * (((e ?? 0) + f) / p));
|
|
800
797
|
};
|
|
801
|
-
return
|
|
798
|
+
return Yr.value.map((t) => {
|
|
802
799
|
let r = t.x.length, i = Array.isArray(t.fullSeries) ? t.fullSeries : t.series, a = ({ left: e = 0, unitW: t }) => {
|
|
803
800
|
let n = i.length;
|
|
804
801
|
return !Number.isFinite(t) || t <= 0 || n <= 0 ? [] : n === 1 ? [e + t * .5] : i.map((n, r) => e + r * t);
|
|
@@ -841,50 +838,50 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
841
838
|
yMinimapBase: s
|
|
842
839
|
};
|
|
843
840
|
});
|
|
844
|
-
}),
|
|
845
|
-
timeLabel:
|
|
841
|
+
}), Xr = x(() => $.value === null || $.value === void 0 ? null : {
|
|
842
|
+
timeLabel: mi($.value),
|
|
846
843
|
absoluteIndex: $.value + q.value.start,
|
|
847
844
|
seriesIndex: $.value,
|
|
848
|
-
datapoint:
|
|
845
|
+
datapoint: pi.value,
|
|
849
846
|
series: Y.value,
|
|
850
847
|
config: B.value
|
|
851
|
-
}),
|
|
852
|
-
function
|
|
848
|
+
}), Zr = k(!1), Qr = k(!1);
|
|
849
|
+
function $r(e) {
|
|
853
850
|
let t = K.value;
|
|
854
851
|
return e > t ? t : e < 0 || e < q.value.start ? B.value.style.chart.zoom.startIndex === null ? 1 : q.value.start + 1 : e;
|
|
855
852
|
}
|
|
856
|
-
function
|
|
857
|
-
if (!
|
|
858
|
-
|
|
853
|
+
function ei() {
|
|
854
|
+
if (!Zr.value) {
|
|
855
|
+
Zr.value = !0;
|
|
859
856
|
try {
|
|
860
857
|
let { startIndex: e, endIndex: t, keepState: n } = B.value.style.chart.zoom, r = n ? Math.max(0, K.value) : K.value;
|
|
861
858
|
if (n && r <= 0) return;
|
|
862
|
-
let i = e ?? 0, a = t == null ? r : Math.min(
|
|
863
|
-
|
|
859
|
+
let i = e ?? 0, a = t == null ? r : Math.min($r(t + 1), r);
|
|
860
|
+
ri.value = !0, q.value.start = i, q.value.end = a, J.value.start = i, J.value.end = a, Sr(), Qr.value = !0;
|
|
864
861
|
} finally {
|
|
865
862
|
queueMicrotask(() => {
|
|
866
|
-
|
|
867
|
-
}),
|
|
863
|
+
ri.value = !1;
|
|
864
|
+
}), Zr.value = !1;
|
|
868
865
|
}
|
|
869
866
|
}
|
|
870
867
|
}
|
|
871
|
-
function
|
|
872
|
-
|
|
868
|
+
function ti(e) {
|
|
869
|
+
Zr.value || ri.value || e !== q.value.start && (q.value.start = e, J.value.start = e, Sr());
|
|
873
870
|
}
|
|
874
|
-
function
|
|
875
|
-
if (
|
|
876
|
-
let t =
|
|
877
|
-
t !== q.value.end && (q.value.end = t, J.value.end = t,
|
|
871
|
+
function ni(e) {
|
|
872
|
+
if (Zr.value || ri.value) return;
|
|
873
|
+
let t = $r(e);
|
|
874
|
+
t !== q.value.end && (q.value.end = t, J.value.end = t, Sr());
|
|
878
875
|
}
|
|
879
876
|
let X = x(() => ({
|
|
880
877
|
left: W.value.left,
|
|
881
878
|
right: W.value.right,
|
|
882
879
|
width: W.value.width
|
|
883
880
|
}));
|
|
884
|
-
|
|
881
|
+
tt([
|
|
885
882
|
x(() => {
|
|
886
883
|
let e = B.value.style.chart.grid.y.axisLabels, { prefix: t, suffix: n } = B.value.style.chart.lines.dataLabels;
|
|
887
|
-
return
|
|
884
|
+
return Lr.value.map((r) => String(y(e.formatter, r.value, m({
|
|
888
885
|
p: t,
|
|
889
886
|
v: r.value,
|
|
890
887
|
s: n,
|
|
@@ -896,12 +893,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
896
893
|
() => B.value.style.chart.grid.y.axisLabels.bold,
|
|
897
894
|
() => B.value.style.chart.grid.y.position
|
|
898
895
|
], () => {
|
|
899
|
-
B.value.style.chart.grid.y.axisLabels.show &&
|
|
896
|
+
B.value.style.chart.grid.y.axisLabels.show && Nn();
|
|
900
897
|
}, { flush: "post" });
|
|
901
|
-
let
|
|
902
|
-
|
|
903
|
-
timeLabelsEls:
|
|
904
|
-
timeLabels:
|
|
898
|
+
let ri = k(!1);
|
|
899
|
+
we({
|
|
900
|
+
timeLabelsEls: Sn,
|
|
901
|
+
timeLabels: Rr,
|
|
905
902
|
slicer: q,
|
|
906
903
|
configRef: B,
|
|
907
904
|
rotationPath: [
|
|
@@ -926,9 +923,9 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
926
923
|
height: x(() => U.value.height),
|
|
927
924
|
rotation: B.value.style.chart.grid.x.timeLabels.autoRotate.angle
|
|
928
925
|
});
|
|
929
|
-
let
|
|
930
|
-
function
|
|
931
|
-
let t =
|
|
926
|
+
let ii = k(null);
|
|
927
|
+
function ai(e) {
|
|
928
|
+
let t = Wn.value;
|
|
932
929
|
if (!t) return null;
|
|
933
930
|
if (t.createSVGPoint && t.getScreenCTM) {
|
|
934
931
|
let n = t.createSVGPoint();
|
|
@@ -955,11 +952,11 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
955
952
|
ok: !0
|
|
956
953
|
};
|
|
957
954
|
}
|
|
958
|
-
let
|
|
955
|
+
let oi = 0, Z = x(() => Math.max(1, q.value.end - q.value.start)), si = x(() => Z.value > 1 ? W.value.width / (Z.value - 1) : 0);
|
|
959
956
|
function Q(e) {
|
|
960
|
-
return Z.value <= 1 ? W.value.left + W.value.width / 2 : W.value.left + e *
|
|
957
|
+
return Z.value <= 1 ? W.value.left + W.value.width / 2 : W.value.left + e * si.value;
|
|
961
958
|
}
|
|
962
|
-
function
|
|
959
|
+
function ci(e) {
|
|
963
960
|
if (Z.value <= 1) return {
|
|
964
961
|
x: W.value.left,
|
|
965
962
|
width: W.value.width
|
|
@@ -970,43 +967,43 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
970
967
|
width: Math.max(0, n - t)
|
|
971
968
|
};
|
|
972
969
|
}
|
|
973
|
-
function
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
let t =
|
|
977
|
-
if (!t || !
|
|
978
|
-
|
|
970
|
+
function li(e) {
|
|
971
|
+
Fn.value || (oi && cancelAnimationFrame(oi), oi = requestAnimationFrame(() => {
|
|
972
|
+
oi = 0;
|
|
973
|
+
let t = ai(e);
|
|
974
|
+
if (!t || !Wn.value) {
|
|
975
|
+
fi();
|
|
979
976
|
return;
|
|
980
977
|
}
|
|
981
978
|
let { left: n, right: r, top: i, bottom: a } = W.value;
|
|
982
979
|
if (t.x < n || t.x > r || t.y < i || t.y > a) {
|
|
983
|
-
|
|
980
|
+
fi();
|
|
984
981
|
return;
|
|
985
982
|
}
|
|
986
983
|
let o = 0;
|
|
987
984
|
if (Z.value > 1) {
|
|
988
|
-
let e = (t.x - n) /
|
|
985
|
+
let e = (t.x - n) / si.value;
|
|
989
986
|
o = Math.round(e);
|
|
990
987
|
} else o = 0;
|
|
991
|
-
o < 0 && (o = 0), o > Z.value - 1 && (o = Z.value - 1),
|
|
988
|
+
o < 0 && (o = 0), o > Z.value - 1 && (o = Z.value - 1), ii.value !== o && (ii.value = o, gi(!0, o));
|
|
992
989
|
}));
|
|
993
990
|
}
|
|
994
|
-
function
|
|
995
|
-
let t =
|
|
996
|
-
if (!t || !
|
|
991
|
+
function ui(e) {
|
|
992
|
+
let t = ai(e);
|
|
993
|
+
if (!t || !Wn.value) return;
|
|
997
994
|
let { left: n, right: r, top: i, bottom: a } = W.value;
|
|
998
995
|
if (t.x < n || t.x > r || t.y < i || t.y > a) return;
|
|
999
996
|
let o = 0;
|
|
1000
997
|
if (Z.value > 1) {
|
|
1001
|
-
let e = (t.x - n) /
|
|
998
|
+
let e = (t.x - n) / si.value;
|
|
1002
999
|
o = Math.round(e);
|
|
1003
1000
|
} else o = 0;
|
|
1004
|
-
o < 0 && (o = 0), o > Z.value - 1 && (o = Z.value - 1),
|
|
1001
|
+
o < 0 && (o = 0), o > Z.value - 1 && (o = Z.value - 1), Yi({
|
|
1005
1002
|
seriesIndex: o,
|
|
1006
|
-
datapoint:
|
|
1007
|
-
}),
|
|
1003
|
+
datapoint: Vi(o)
|
|
1004
|
+
}), di(o);
|
|
1008
1005
|
}
|
|
1009
|
-
function
|
|
1006
|
+
function di(e) {
|
|
1010
1007
|
let t = JSON.parse(JSON.stringify(Y.value)).map((t) => ({
|
|
1011
1008
|
name: t.name,
|
|
1012
1009
|
value: t.series[e] === 0 ? 0 : t.series[e] || null,
|
|
@@ -1019,10 +1016,10 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1019
1016
|
seriesIndex: e + q.value.start
|
|
1020
1017
|
}), F("selectDatapoint", {
|
|
1021
1018
|
datapoint: t,
|
|
1022
|
-
period:
|
|
1019
|
+
period: Rr.value[e]
|
|
1023
1020
|
});
|
|
1024
1021
|
}
|
|
1025
|
-
|
|
1022
|
+
tt(() => [
|
|
1026
1023
|
q.value.start,
|
|
1027
1024
|
q.value.end,
|
|
1028
1025
|
Y.value.length
|
|
@@ -1036,11 +1033,11 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1036
1033
|
$.value < 0 && ($.value = 0), $.value > e - 1 && ($.value = e - 1);
|
|
1037
1034
|
}
|
|
1038
1035
|
});
|
|
1039
|
-
function
|
|
1040
|
-
|
|
1036
|
+
function fi() {
|
|
1037
|
+
oi &&= (cancelAnimationFrame(oi), 0), ii.value = null, gi(!1, null);
|
|
1041
1038
|
}
|
|
1042
|
-
let $ = k(null),
|
|
1043
|
-
let e = $.value, t = e == null ? null :
|
|
1039
|
+
let $ = k(null), pi = x(() => {
|
|
1040
|
+
let e = $.value, t = e == null ? null : yr(e);
|
|
1044
1041
|
return Y.value.map((n) => ({
|
|
1045
1042
|
slotAbsoluteIndex: n.absoluteIndex,
|
|
1046
1043
|
shape: n.shape || "circle",
|
|
@@ -1053,23 +1050,23 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1053
1050
|
standalone: !!n.standalone
|
|
1054
1051
|
}));
|
|
1055
1052
|
});
|
|
1056
|
-
function
|
|
1053
|
+
function mi(e) {
|
|
1057
1054
|
if (e == null || !B.value.style.chart.tooltip.showTimeLabel) return null;
|
|
1058
|
-
let t =
|
|
1055
|
+
let t = Rr.value?.[e]?.text || null, n = Jr.value?.[e]?.text || null, r = zr.value?.[e]?.text || null;
|
|
1059
1056
|
return B.value.style.chart.tooltip.useDefaultTimeFormat ? t : n || r;
|
|
1060
1057
|
}
|
|
1061
|
-
let
|
|
1062
|
-
let e = B.value.style.chart.tooltip.customFormat, t = [...
|
|
1058
|
+
let hi = x(() => {
|
|
1059
|
+
let e = B.value.style.chart.tooltip.customFormat, t = [...pi.value].reverse(), n = t.filter((e) => !e.standalone), r = t.filter((e) => e.standalone), i = n.map((e) => e.value).filter((e) => le(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0);
|
|
1063
1060
|
if (_(e) && ae(() => e({
|
|
1064
1061
|
absoluteIndex: $.value + q.value.start,
|
|
1065
1062
|
seriesIndex: $.value,
|
|
1066
|
-
datapoint:
|
|
1063
|
+
datapoint: pi.value,
|
|
1067
1064
|
series: G.value,
|
|
1068
1065
|
config: B.value
|
|
1069
1066
|
}))) return e({
|
|
1070
1067
|
absoluteIndex: $.value + q.value.start,
|
|
1071
1068
|
seriesIndex: $.value,
|
|
1072
|
-
datapoint:
|
|
1069
|
+
datapoint: pi.value,
|
|
1073
1070
|
series: G.value,
|
|
1074
1071
|
config: B.value
|
|
1075
1072
|
});
|
|
@@ -1144,7 +1141,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1144
1141
|
}, { datapoint: e })) : ""} ${r}${n}${o}
|
|
1145
1142
|
</div>
|
|
1146
1143
|
`;
|
|
1147
|
-
}, v = "", ee =
|
|
1144
|
+
}, v = "", ee = mi($.value);
|
|
1148
1145
|
return ee && (v += `<div style="width:100%;text-align:center;border-bottom:1px solid ${l};padding-bottom:6px;margin-bottom:3px;">${ee}</div>`), o && n.length > 1 && (v += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
|
|
1149
1146
|
<span>${s}:</span>
|
|
1150
1147
|
<span>${y(B.value.style.chart.lines.dataLabels.formatter, g(i), m({
|
|
@@ -1158,13 +1155,13 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1158
1155
|
} })}</span>
|
|
1159
1156
|
</div>`), n.forEach((e) => {
|
|
1160
1157
|
v += h(e, c);
|
|
1161
|
-
}), r.length && (v += `<div style="border-top:1px solid ${
|
|
1158
|
+
}), r.length && (v += `<div style="border-top:1px solid ${gr.value.length ? l : "transparent"}; margin:${gr.value.length ? "6px 0" : "0"};"></div>`, r.forEach((e) => {
|
|
1162
1159
|
v += h(e, !1);
|
|
1163
1160
|
})), `<div>${v}</div>`;
|
|
1164
1161
|
});
|
|
1165
|
-
function
|
|
1166
|
-
if (
|
|
1167
|
-
|
|
1162
|
+
function gi(e, t = null, n = "pointer") {
|
|
1163
|
+
if (Or.value) return;
|
|
1164
|
+
kn.value = n, en.value = e;
|
|
1168
1165
|
let r = Y.value.map((e) => ({
|
|
1169
1166
|
name: e.name,
|
|
1170
1167
|
value: [
|
|
@@ -1174,7 +1171,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1174
1171
|
].includes(e.series[t]) ? null : e.series[t],
|
|
1175
1172
|
color: e.color
|
|
1176
1173
|
}));
|
|
1177
|
-
e ? (z.value = t, $.value = t,
|
|
1174
|
+
e ? (z.value = t, $.value = t, Yi({
|
|
1178
1175
|
seriesIndex: t,
|
|
1179
1176
|
datapoint: r
|
|
1180
1177
|
}), B.value.events.datapointEnter && B.value.events.datapointEnter({
|
|
@@ -1189,25 +1186,26 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1189
1186
|
seriesIndex: t + q.value.start
|
|
1190
1187
|
}));
|
|
1191
1188
|
}
|
|
1192
|
-
function
|
|
1189
|
+
function _i(e, t) {
|
|
1190
|
+
let n = JSON.parse(JSON.stringify(Y.value)).map((e) => ({
|
|
1191
|
+
name: e.name,
|
|
1192
|
+
value: e.series[t] === 0 ? 0 : (e.signedSeries[t] === -1 && e.series[t] >= 0 ? -e.series[t] : e.series[t]) || null,
|
|
1193
|
+
proportion: e.proportions[t] || null,
|
|
1194
|
+
color: e.color,
|
|
1195
|
+
id: e.id
|
|
1196
|
+
}));
|
|
1193
1197
|
F("selectTimeLabel", {
|
|
1194
|
-
datapoint:
|
|
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
|
-
})),
|
|
1198
|
+
datapoint: n,
|
|
1201
1199
|
absoluteIndex: e.absoluteIndex,
|
|
1202
1200
|
label: e.text
|
|
1203
1201
|
});
|
|
1204
1202
|
}
|
|
1205
|
-
function
|
|
1206
|
-
R.value.length ? R.value = [] :
|
|
1203
|
+
function vi() {
|
|
1204
|
+
R.value.length ? R.value = [] : bi.value.forEach((e) => {
|
|
1207
1205
|
R.value.push(e.id);
|
|
1208
1206
|
}), F("selectLegend", Y.value);
|
|
1209
1207
|
}
|
|
1210
|
-
function
|
|
1208
|
+
function yi(e) {
|
|
1211
1209
|
if (R.value.includes(e.id)) R.value = R.value.filter((t) => t !== e.id);
|
|
1212
1210
|
else {
|
|
1213
1211
|
if (R.value.length === G.value.length - 1) return;
|
|
@@ -1215,12 +1213,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1215
1213
|
}
|
|
1216
1214
|
F("selectLegend", Y.value);
|
|
1217
1215
|
}
|
|
1218
|
-
let
|
|
1216
|
+
let bi = x(() => G.value.map((e) => ({
|
|
1219
1217
|
...e,
|
|
1220
1218
|
opacity: R.value.includes(e.id) ? .5 : 1,
|
|
1221
|
-
segregate: () =>
|
|
1219
|
+
segregate: () => yi(e),
|
|
1222
1220
|
isSegregated: R.value.includes(e.id)
|
|
1223
|
-
}))),
|
|
1221
|
+
}))), xi = x(() => ({
|
|
1224
1222
|
cy: "stackline-legend",
|
|
1225
1223
|
backgroundColor: B.value.style.chart.legend.backgroundColor,
|
|
1226
1224
|
color: B.value.style.chart.legend.color,
|
|
@@ -1228,18 +1226,18 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1228
1226
|
paddingBottom: 12,
|
|
1229
1227
|
fontWeight: B.value.style.chart.legend.bold ? "bold" : ""
|
|
1230
1228
|
}));
|
|
1231
|
-
function
|
|
1229
|
+
function Si(e) {
|
|
1232
1230
|
return G.value.length ? G.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiStackline - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiStackline - There are no series to show."), null);
|
|
1233
1231
|
}
|
|
1234
|
-
function
|
|
1235
|
-
let t =
|
|
1236
|
-
t !== null && R.value.includes(t.id) &&
|
|
1232
|
+
function Ci(e) {
|
|
1233
|
+
let t = Si(e);
|
|
1234
|
+
t !== null && R.value.includes(t.id) && yi({ id: t.id });
|
|
1237
1235
|
}
|
|
1238
|
-
function
|
|
1239
|
-
let t =
|
|
1240
|
-
t !== null && (R.value.includes(t.id) ||
|
|
1236
|
+
function wi(e) {
|
|
1237
|
+
let t = Si(e);
|
|
1238
|
+
t !== null && (R.value.includes(t.id) || yi({ id: t.id }));
|
|
1241
1239
|
}
|
|
1242
|
-
let
|
|
1240
|
+
let Ti = x(() => {
|
|
1243
1241
|
if (Y.value.length === 0) return {
|
|
1244
1242
|
head: [],
|
|
1245
1243
|
body: [],
|
|
@@ -1250,7 +1248,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1250
1248
|
label: e,
|
|
1251
1249
|
color: t
|
|
1252
1250
|
})), t = [];
|
|
1253
|
-
return
|
|
1251
|
+
return Ur.value.forEach((e) => {
|
|
1254
1252
|
let n = e.absoluteIndex, r = [B.value.style.chart.grid.x.timeLabels.values?.[n] ? e.text : n + 1];
|
|
1255
1253
|
G.value.forEach((e) => {
|
|
1256
1254
|
let t = e.series?.[n], i = Number((t ?? 0).toFixed(B.value.table.td.roundingValue));
|
|
@@ -1261,21 +1259,21 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1261
1259
|
body: t
|
|
1262
1260
|
};
|
|
1263
1261
|
});
|
|
1264
|
-
function
|
|
1262
|
+
function Ei(e = null) {
|
|
1265
1263
|
let t = [
|
|
1266
1264
|
[B.value.style.chart.title.text],
|
|
1267
1265
|
[B.value.style.chart.title.subtitle.text],
|
|
1268
1266
|
[""]
|
|
1269
|
-
], n = ["", ...
|
|
1267
|
+
], n = ["", ...Ti.value.head.map((e) => e.label)], r = Ti.value.body, i = a(t.concat([n]).concat(r));
|
|
1270
1268
|
e ? e(i) : u({
|
|
1271
1269
|
csvContent: i,
|
|
1272
1270
|
title: B.value.style.chart.title.text || "vue-ui-stackline"
|
|
1273
1271
|
});
|
|
1274
1272
|
}
|
|
1275
|
-
let
|
|
1273
|
+
let Di = x(() => {
|
|
1276
1274
|
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, q.value.end - q.value.start);
|
|
1277
1275
|
for (let e = 0; e < n; e += 1) {
|
|
1278
|
-
let n =
|
|
1276
|
+
let n = yr(e), r = B.value.style.chart.grid.x.timeLabels.values?.[n] ? Rr.value?.[e]?.text ?? n + 1 : n + 1, i = Y.value.map((t) => {
|
|
1279
1277
|
let n = t.series?.[e] ?? 0;
|
|
1280
1278
|
return Number(n.toFixed(B.value.table.td.roundingValue));
|
|
1281
1279
|
}), a = Y.value.filter((e) => !e.standalone).map((t) => t.series?.[e] ?? 0).reduce((e, t) => e + t, 0);
|
|
@@ -1299,32 +1297,32 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1299
1297
|
},
|
|
1300
1298
|
colNames: [B.value.table.columnNames.period].concat(Y.value.map((e) => e.name), B.value.table.columnNames.total)
|
|
1301
1299
|
};
|
|
1302
|
-
}),
|
|
1303
|
-
svg:
|
|
1300
|
+
}), Oi = x(() => B.value.style.chart.backgroundColor), ki = x(() => B.value.style.chart.legend), { exportSvg: Ai, getSvg: ji } = ye({
|
|
1301
|
+
svg: Wn,
|
|
1304
1302
|
title: x(() => B.value.style.chart.title),
|
|
1305
|
-
legend:
|
|
1306
|
-
legendItems:
|
|
1307
|
-
backgroundColor:
|
|
1303
|
+
legend: ki,
|
|
1304
|
+
legendItems: bi,
|
|
1305
|
+
backgroundColor: Oi
|
|
1308
1306
|
});
|
|
1309
|
-
async function
|
|
1310
|
-
|
|
1307
|
+
async function Mi({ isCb: e }) {
|
|
1308
|
+
vn.value = !0, await Ge();
|
|
1311
1309
|
try {
|
|
1312
1310
|
if (e) {
|
|
1313
|
-
let { blob: e, url: t, text: n, dataUrl: r } = await
|
|
1311
|
+
let { blob: e, url: t, text: n, dataUrl: r } = await ji();
|
|
1314
1312
|
await Promise.resolve(B.value.userOptions.callbacks.svg({
|
|
1315
1313
|
blob: e,
|
|
1316
1314
|
url: t,
|
|
1317
1315
|
text: n,
|
|
1318
1316
|
dataUrl: r
|
|
1319
1317
|
}));
|
|
1320
|
-
} else await Promise.resolve(
|
|
1318
|
+
} else await Promise.resolve(Ai());
|
|
1321
1319
|
} finally {
|
|
1322
|
-
|
|
1320
|
+
vn.value = !1;
|
|
1323
1321
|
}
|
|
1324
1322
|
}
|
|
1325
|
-
async function
|
|
1323
|
+
async function Ni({ scale: e = 2 } = {}) {
|
|
1326
1324
|
if (!I.value) return;
|
|
1327
|
-
let { imageUri: t, base64: n } = await
|
|
1325
|
+
let { imageUri: t, base64: n } = await Te({
|
|
1328
1326
|
domElement: I.value,
|
|
1329
1327
|
base64: !0,
|
|
1330
1328
|
img: !0,
|
|
@@ -1341,20 +1339,20 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1341
1339
|
...a
|
|
1342
1340
|
};
|
|
1343
1341
|
}
|
|
1344
|
-
let
|
|
1342
|
+
let Pi = x(() => {
|
|
1345
1343
|
let e = B.value.table.useDialog && !B.value.table.show, t = H.value.showTable;
|
|
1346
1344
|
return {
|
|
1347
|
-
component: e ?
|
|
1345
|
+
component: e ? qt : Ht,
|
|
1348
1346
|
title: `${B.value.style.chart.title.text}${B.value.style.chart.title.subtitle.text ? `: ${B.value.style.chart.title.subtitle.text}` : ""}`,
|
|
1349
1347
|
props: e ? {
|
|
1350
1348
|
backgroundColor: B.value.table.th.backgroundColor,
|
|
1351
1349
|
color: B.value.table.th.color,
|
|
1352
1350
|
headerColor: B.value.table.th.color,
|
|
1353
1351
|
headerBg: B.value.table.th.backgroundColor,
|
|
1354
|
-
isFullscreen:
|
|
1352
|
+
isFullscreen: cn.value,
|
|
1355
1353
|
fullscreenParent: I.value,
|
|
1356
1354
|
forcedWidth: Math.min(800, window.innerWidth * .8),
|
|
1357
|
-
isCursorPointer:
|
|
1355
|
+
isCursorPointer: Ln.value
|
|
1358
1356
|
} : {
|
|
1359
1357
|
hideDetails: !0,
|
|
1360
1358
|
config: {
|
|
@@ -1372,29 +1370,29 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1372
1370
|
}
|
|
1373
1371
|
};
|
|
1374
1372
|
});
|
|
1375
|
-
|
|
1376
|
-
B.value.table.show || (e && B.value.table.useDialog &&
|
|
1373
|
+
tt(() => H.value.showTable, (e) => {
|
|
1374
|
+
B.value.table.show || (e && B.value.table.useDialog && mn.value ? mn.value.open() : "close" in mn.value && mn.value.close());
|
|
1377
1375
|
});
|
|
1378
|
-
function
|
|
1379
|
-
H.value.showTable = !1,
|
|
1376
|
+
function Fi() {
|
|
1377
|
+
H.value.showTable = !1, hn.value && hn.value.setTableIconState(!1);
|
|
1380
1378
|
}
|
|
1381
|
-
function
|
|
1382
|
-
|
|
1379
|
+
function Ii(e) {
|
|
1380
|
+
cn.value = e, tn.value += 1;
|
|
1383
1381
|
}
|
|
1384
|
-
function
|
|
1382
|
+
function Li() {
|
|
1385
1383
|
H.value.showTable = !H.value.showTable;
|
|
1386
1384
|
}
|
|
1387
|
-
function
|
|
1385
|
+
function Ri() {
|
|
1388
1386
|
H.value.dataLabels.show = !H.value.dataLabels.show;
|
|
1389
1387
|
}
|
|
1390
|
-
function
|
|
1388
|
+
function zi() {
|
|
1391
1389
|
H.value.showTooltip = !H.value.showTooltip;
|
|
1392
1390
|
}
|
|
1393
|
-
function
|
|
1391
|
+
function Bi() {
|
|
1394
1392
|
return Y.value;
|
|
1395
1393
|
}
|
|
1396
|
-
function
|
|
1397
|
-
let t = e ?? 0, n =
|
|
1394
|
+
function Vi(e) {
|
|
1395
|
+
let t = e ?? 0, n = yr(t);
|
|
1398
1396
|
return JSON.parse(JSON.stringify(Y.value)).map((e) => {
|
|
1399
1397
|
let r = e.series[t], i = e.signedSeries?.[t], a = r === 0 ? 0 : (i === -1 && r >= 0 ? -r : r) || null;
|
|
1400
1398
|
return {
|
|
@@ -1404,12 +1402,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1404
1402
|
proportion: e.proportions?.[t] || null,
|
|
1405
1403
|
color: e.color,
|
|
1406
1404
|
id: e.id,
|
|
1407
|
-
timeLabel:
|
|
1405
|
+
timeLabel: zr.value?.[n] || null
|
|
1408
1406
|
};
|
|
1409
1407
|
});
|
|
1410
1408
|
}
|
|
1411
|
-
let
|
|
1412
|
-
|
|
1409
|
+
let Hi = x(() => Array(K.value).fill(0).map((e, t) => Vi(t)));
|
|
1410
|
+
tt(() => P.selectedXIndex, (e) => {
|
|
1413
1411
|
if ([null, void 0].includes(P.selectedXIndex)) {
|
|
1414
1412
|
$.value = null;
|
|
1415
1413
|
return;
|
|
@@ -1417,12 +1415,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1417
1415
|
let t = e - q.value.start;
|
|
1418
1416
|
t < 0 || e >= q.value.end ? $.value = null : $.value = t ?? null;
|
|
1419
1417
|
}, { immediate: !0 });
|
|
1420
|
-
let
|
|
1418
|
+
let Ui = x(() => {
|
|
1421
1419
|
if (B.value.style.chart.lines.distributed) return {
|
|
1422
1420
|
min: -1,
|
|
1423
1421
|
max: 1
|
|
1424
1422
|
};
|
|
1425
|
-
let e =
|
|
1423
|
+
let e = gr.value, t = _r.value, n = Math.max(1, ...[...e, ...t].map((e) => e.series?.length || 0)), r = Array(n).fill(0), i = Array(n).fill(0);
|
|
1426
1424
|
e.forEach((e) => {
|
|
1427
1425
|
for (let t = 0; t < n; t += 1) {
|
|
1428
1426
|
let n = e.series[t] ?? 0;
|
|
@@ -1442,7 +1440,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1442
1440
|
max: Number(f.max) || 0
|
|
1443
1441
|
};
|
|
1444
1442
|
});
|
|
1445
|
-
function
|
|
1443
|
+
function Wi({ minimapH: e, unitW: t }) {
|
|
1446
1444
|
let r = (e) => typeof e == "string" ? e.replace(/^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i, "").trim() : "";
|
|
1447
1445
|
if (!Number.isFinite(e) || e <= 0 || !Number.isFinite(t) || t <= 0) return "";
|
|
1448
1446
|
let i = Y.value.filter((e) => !e.standalone), a = Y.value.filter((e) => e.standalone), o = Math.max(0, ...Y.value.map((e) => Array.isArray(e.fullSeries) ? e.fullSeries.length : e.series.length));
|
|
@@ -1472,7 +1470,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1472
1470
|
if (B.value.style.chart.lines.useArea) {
|
|
1473
1471
|
let t = B.value.style.chart.lines.smooth ? `M${h[0].x},${h[0].y} ${r(_)} L${y.x},${y.y} ${r(v)} Z` : `M${h[0].x},${h[0].y} ${r(ee)} L${y.x},${y.y} ${r(te)} Z`;
|
|
1474
1472
|
u.push(`<path d="${t}"
|
|
1475
|
-
fill="${
|
|
1473
|
+
fill="${Qt.pattern ? `url(#pattern_${L.value}_${e.absoluteIndex})` : (B.value.style.chart.lines.gradient.show, e.color)}"
|
|
1476
1474
|
opacity="${B.value.style.chart.lines.areaOpacity}"
|
|
1477
1475
|
stroke="none" />`);
|
|
1478
1476
|
}
|
|
@@ -1494,7 +1492,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1494
1492
|
stroke-linecap="round" />`);
|
|
1495
1493
|
}), u.join("");
|
|
1496
1494
|
}
|
|
1497
|
-
let l =
|
|
1495
|
+
let l = Ui.value.min, u = Ui.value.max, d = Math.abs(l), f = u + d || 1, p = (t) => Math.max(0, Math.min(e, t)), m = (t) => p(e - e * (((t ?? 0) + d) / f)), h = [];
|
|
1498
1496
|
if (i.length) {
|
|
1499
1497
|
let e = Array(o).fill(0), t = Array(o).fill(0);
|
|
1500
1498
|
i.forEach((i) => {
|
|
@@ -1513,7 +1511,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1513
1511
|
if (B.value.style.chart.lines.useArea) {
|
|
1514
1512
|
let e = B.value.style.chart.lines.smooth ? `M${p[0].x},${p[0].y} ${r(_)} L${y.x},${y.y} ${r(v)} Z` : `M${p[0].x},${p[0].y} ${r(ee)} L${y.x},${y.y} ${r(te)} Z`;
|
|
1515
1513
|
h.push(`<path d="${e}"
|
|
1516
|
-
fill="${
|
|
1514
|
+
fill="${Qt.pattern ? `url(#pattern_${L.value}_${i.absoluteIndex})` : (B.value.style.chart.lines.gradient.show, i.color)}"
|
|
1517
1515
|
opacity="${B.value.style.chart.lines.areaOpacity}"
|
|
1518
1516
|
stroke="none" />`);
|
|
1519
1517
|
}
|
|
@@ -1537,12 +1535,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1537
1535
|
stroke-linecap="round" />`);
|
|
1538
1536
|
}), h.join("");
|
|
1539
1537
|
}
|
|
1540
|
-
function
|
|
1538
|
+
function Gi(e, t) {
|
|
1541
1539
|
let n = B.value.style.chart.lines, r = n.dataLabels;
|
|
1542
|
-
return n.showDistributedPercentage && n.distributed ?
|
|
1540
|
+
return n.showDistributedPercentage && n.distributed ? Yn.value ? t === 0 ? !r.hideEmptyPercentages : Math.abs(t) * 100 >= r.hideUnderPercentage : !r.hideEmptyPercentages || Math.abs(t) > 0 : Yn.value ? (Jn.value && ar.value && console.warn("Vue Data UI - VueUiStackline - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), Math.abs(e) > Ki.value * r.hideUnderPercentage / 100) : Jn.value ? Math.abs(e) >= r.hideUnderValue : !r.hideEmptyValues || e !== 0;
|
|
1543
1541
|
}
|
|
1544
|
-
let
|
|
1545
|
-
function
|
|
1542
|
+
let Ki = x(() => Math.max(...Y.value.flatMap((e) => e.series)));
|
|
1543
|
+
function qi(e, t, n, r, i) {
|
|
1546
1544
|
let a = i === -1 && e >= 0 ? -e : e;
|
|
1547
1545
|
return y(B.value.style.chart.lines.dataLabels.formatter, a, m({
|
|
1548
1546
|
p: B.value.style.chart.lines.dataLabels.prefix,
|
|
@@ -1555,7 +1553,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1555
1553
|
datapointIndex: r
|
|
1556
1554
|
});
|
|
1557
1555
|
}
|
|
1558
|
-
function
|
|
1556
|
+
function Ji(e, t, n, r) {
|
|
1559
1557
|
return y(B.value.style.chart.lines.dataLabels.formatter, e, m({
|
|
1560
1558
|
v: isNaN(e) ? 0 : e,
|
|
1561
1559
|
s: "%",
|
|
@@ -1566,7 +1564,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1566
1564
|
datapointIndex: r
|
|
1567
1565
|
});
|
|
1568
1566
|
}
|
|
1569
|
-
function
|
|
1567
|
+
function Yi({ seriesIndex: e, datapoint: t }) {
|
|
1570
1568
|
let n = q.value.start + e;
|
|
1571
1569
|
F("selectX", {
|
|
1572
1570
|
dataset: t,
|
|
@@ -1574,18 +1572,18 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1574
1572
|
indexLabel: B.value.style.chart.grid.x.timeLabels.values[n]
|
|
1575
1573
|
});
|
|
1576
1574
|
}
|
|
1577
|
-
function
|
|
1575
|
+
function Xi(e) {
|
|
1578
1576
|
if (e?.stage === "start") {
|
|
1579
|
-
|
|
1577
|
+
_n.value = !0;
|
|
1580
1578
|
return;
|
|
1581
1579
|
}
|
|
1582
1580
|
if (e?.stage === "end") {
|
|
1583
|
-
|
|
1581
|
+
_n.value = !1;
|
|
1584
1582
|
return;
|
|
1585
1583
|
}
|
|
1586
|
-
|
|
1584
|
+
$n();
|
|
1587
1585
|
}
|
|
1588
|
-
async function
|
|
1586
|
+
async function Zi() {
|
|
1589
1587
|
if (F("copyAlt", {
|
|
1590
1588
|
config: B.value,
|
|
1591
1589
|
dataset: Y.value
|
|
@@ -1598,23 +1596,23 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1598
1596
|
dataset: Y.value
|
|
1599
1597
|
}));
|
|
1600
1598
|
}
|
|
1601
|
-
let
|
|
1602
|
-
function
|
|
1603
|
-
z.value = null,
|
|
1599
|
+
let Qi = k(!1);
|
|
1600
|
+
function $i() {
|
|
1601
|
+
z.value = null, Qi.value = !0;
|
|
1604
1602
|
}
|
|
1605
|
-
function
|
|
1606
|
-
z.value = null,
|
|
1603
|
+
function ea() {
|
|
1604
|
+
z.value = null, kn.value = "pointer", en.value = !1, $.value = null, F("selectX", {
|
|
1607
1605
|
index: null,
|
|
1608
1606
|
indexLabel: null,
|
|
1609
1607
|
dataset: null
|
|
1610
|
-
}),
|
|
1608
|
+
}), Qi.value = !1;
|
|
1611
1609
|
}
|
|
1612
|
-
function
|
|
1613
|
-
if (!
|
|
1610
|
+
function ta(e) {
|
|
1611
|
+
if (!Wn.value || Fn.value || document.activeElement !== Wn.value || Or.value || !Z.value) return;
|
|
1614
1612
|
let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
|
|
1615
1613
|
if (!t && !n && !r && !i) return;
|
|
1616
1614
|
if (e.preventDefault(), e.stopPropagation(), i) {
|
|
1617
|
-
z.value = null,
|
|
1615
|
+
z.value = null, kn.value = "pointer", en.value = !1, $.value = null, F("selectX", {
|
|
1618
1616
|
index: null,
|
|
1619
1617
|
indexLabel: null,
|
|
1620
1618
|
dataset: null
|
|
@@ -1623,58 +1621,58 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1623
1621
|
}
|
|
1624
1622
|
if (r) {
|
|
1625
1623
|
if (z.value === null) return;
|
|
1626
|
-
|
|
1624
|
+
di(z.value);
|
|
1627
1625
|
return;
|
|
1628
1626
|
}
|
|
1629
|
-
let a = z.value, o =
|
|
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, z.value = a,
|
|
1627
|
+
let a = z.value, o = ii.value, s = a !== null && a >= 0 && a < Z.value, c = o !== null && o >= 0 && o < Z.value;
|
|
1628
|
+
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, z.value = a, na(a), gi(!0, a, "keyboard");
|
|
1631
1629
|
}
|
|
1632
|
-
function
|
|
1633
|
-
if (!Number.isFinite(e) || !
|
|
1634
|
-
let t = p(W.value.left + e *
|
|
1635
|
-
t && (
|
|
1630
|
+
function na(e) {
|
|
1631
|
+
if (!Number.isFinite(e) || !Wn.value) return;
|
|
1632
|
+
let t = p(W.value.left + e * si.value, W.value.top + W.value.height / 2, Wn.value);
|
|
1633
|
+
t && (On.value = t);
|
|
1636
1634
|
}
|
|
1637
|
-
let
|
|
1638
|
-
headers:
|
|
1639
|
-
rows:
|
|
1635
|
+
let ra = x(() => ({
|
|
1636
|
+
headers: Di.value?.colNames ?? [],
|
|
1637
|
+
rows: Di.value?.body ?? []
|
|
1640
1638
|
}));
|
|
1641
|
-
return
|
|
1642
|
-
getData:
|
|
1643
|
-
getImage:
|
|
1644
|
-
generatePdf:
|
|
1645
|
-
generateCsv:
|
|
1646
|
-
generateImage:
|
|
1647
|
-
generateSvg:
|
|
1648
|
-
hideSeries:
|
|
1649
|
-
showSeries:
|
|
1650
|
-
toggleTable:
|
|
1651
|
-
toggleLabels:
|
|
1652
|
-
toggleTooltip:
|
|
1653
|
-
toggleAnnotator:
|
|
1654
|
-
toggleFullscreen:
|
|
1655
|
-
copyAlt:
|
|
1639
|
+
return Oe({
|
|
1640
|
+
getData: Bi,
|
|
1641
|
+
getImage: Ni,
|
|
1642
|
+
generatePdf: Qn,
|
|
1643
|
+
generateCsv: Ei,
|
|
1644
|
+
generateImage: $n,
|
|
1645
|
+
generateSvg: Mi,
|
|
1646
|
+
hideSeries: wi,
|
|
1647
|
+
showSeries: Ci,
|
|
1648
|
+
toggleTable: Li,
|
|
1649
|
+
toggleLabels: Ri,
|
|
1650
|
+
toggleTooltip: zi,
|
|
1651
|
+
toggleAnnotator: In,
|
|
1652
|
+
toggleFullscreen: Ii,
|
|
1653
|
+
copyAlt: Zi
|
|
1656
1654
|
}), (t, n) => (O(), w("div", {
|
|
1657
1655
|
id: `stackline_${L.value}`,
|
|
1658
1656
|
ref_key: "stacklineChart",
|
|
1659
1657
|
ref: I,
|
|
1660
|
-
class:
|
|
1658
|
+
class: Ke({
|
|
1661
1659
|
"vue-data-ui-component": !0,
|
|
1662
1660
|
"vue-ui-stackline": !0,
|
|
1663
|
-
"vue-data-ui-wrapper-fullscreen":
|
|
1661
|
+
"vue-data-ui-wrapper-fullscreen": cn.value
|
|
1664
1662
|
}),
|
|
1665
|
-
style:
|
|
1666
|
-
onMouseenter:
|
|
1667
|
-
onMouseleave:
|
|
1663
|
+
style: qe(`background:${B.value.style.chart.backgroundColor};color:${B.value.style.chart.color};font-family:${B.value.style.fontFamily}; position: relative; ${B.value.responsive ? "height: 100%" : ""}`),
|
|
1664
|
+
onMouseenter: Gn,
|
|
1665
|
+
onMouseleave: Kn
|
|
1668
1666
|
}, [
|
|
1669
1667
|
T("div", {
|
|
1670
1668
|
id: `chart-instructions-${L.value}`,
|
|
1671
1669
|
class: "sr-only"
|
|
1672
|
-
}, [T("p", null,
|
|
1673
|
-
|
|
1670
|
+
}, [T("p", null, Qe(B.value.a11y.translations.keyboardNavigation), 1)], 8, at),
|
|
1671
|
+
ra.value?.rows?.length ? (O(), S(Pe, {
|
|
1674
1672
|
key: 0,
|
|
1675
1673
|
uid: L.value,
|
|
1676
|
-
head:
|
|
1677
|
-
body:
|
|
1674
|
+
head: ra.value.headers,
|
|
1675
|
+
body: ra.value.rows,
|
|
1678
1676
|
notice: B.value.a11y.translations.tableAvailable,
|
|
1679
1677
|
caption: B.value.a11y.translations.tableCaption
|
|
1680
1678
|
}, null, 8, [
|
|
@@ -1684,14 +1682,14 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1684
1682
|
"notice",
|
|
1685
1683
|
"caption"
|
|
1686
1684
|
])) : C("", !0),
|
|
1687
|
-
B.value.userOptions.buttons.annotator ? (O(), S(M(
|
|
1685
|
+
B.value.userOptions.buttons.annotator ? (O(), S(M(Wt), {
|
|
1688
1686
|
key: 1,
|
|
1689
|
-
svgRef: M(
|
|
1687
|
+
svgRef: M(Wn),
|
|
1690
1688
|
backgroundColor: B.value.style.chart.backgroundColor,
|
|
1691
1689
|
color: B.value.style.chart.color,
|
|
1692
|
-
active:
|
|
1693
|
-
isCursorPointer:
|
|
1694
|
-
onClose:
|
|
1690
|
+
active: Fn.value,
|
|
1691
|
+
isCursorPointer: Ln.value,
|
|
1692
|
+
onClose: In
|
|
1695
1693
|
}, {
|
|
1696
1694
|
"annotator-action-close": N(() => [j(t.$slots, "annotator-action-close", {}, void 0, !0)]),
|
|
1697
1695
|
"annotator-action-color": N(({ color: e }) => [j(t.$slots, "annotator-action-color", D(E({ color: e })), void 0, !0)]),
|
|
@@ -1708,20 +1706,20 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1708
1706
|
"isCursorPointer"
|
|
1709
1707
|
])) : C("", !0),
|
|
1710
1708
|
j(t.$slots, "userConfig", {}, void 0, !0),
|
|
1711
|
-
|
|
1709
|
+
er.value ? (O(), w("div", {
|
|
1712
1710
|
key: 2,
|
|
1713
1711
|
ref_key: "noTitle",
|
|
1714
|
-
ref:
|
|
1712
|
+
ref: on,
|
|
1715
1713
|
class: "vue-data-ui-no-title-space",
|
|
1716
1714
|
style: "height:36px; width: 100%;background:transparent"
|
|
1717
1715
|
}, null, 512)) : C("", !0),
|
|
1718
1716
|
B.value.style.chart.title.text ? (O(), w("div", {
|
|
1719
1717
|
key: 3,
|
|
1720
1718
|
ref_key: "chartTitle",
|
|
1721
|
-
ref:
|
|
1719
|
+
ref: nn,
|
|
1722
1720
|
style: "width:100%;background:transparent;"
|
|
1723
|
-
}, [(O(), S(
|
|
1724
|
-
key: `title_${
|
|
1721
|
+
}, [(O(), S(Ee, {
|
|
1722
|
+
key: `title_${un.value}`,
|
|
1725
1723
|
config: {
|
|
1726
1724
|
title: {
|
|
1727
1725
|
cy: "stackline-title",
|
|
@@ -1733,15 +1731,15 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1733
1731
|
}
|
|
1734
1732
|
}
|
|
1735
1733
|
}, null, 8, ["config"]))], 512)) : C("", !0),
|
|
1736
|
-
T("div", { id: `legend-top-${L.value}` }, null, 8,
|
|
1737
|
-
B.value.userOptions.show &&
|
|
1734
|
+
T("div", { id: `legend-top-${L.value}` }, null, 8, ot),
|
|
1735
|
+
B.value.userOptions.show && $t.value && (M(Un) || M(Vn)) ? (O(), S(M(Gt), {
|
|
1738
1736
|
ref_key: "userOptionsRef",
|
|
1739
|
-
ref:
|
|
1740
|
-
key: `user_option_${
|
|
1737
|
+
ref: hn,
|
|
1738
|
+
key: `user_option_${tn.value}`,
|
|
1741
1739
|
backgroundColor: B.value.style.chart.backgroundColor,
|
|
1742
1740
|
color: B.value.style.chart.color,
|
|
1743
|
-
isPrinting: M(
|
|
1744
|
-
isImaging: M(
|
|
1741
|
+
isPrinting: M(Xn),
|
|
1742
|
+
isImaging: M(Zn),
|
|
1745
1743
|
uid: L.value,
|
|
1746
1744
|
hasTooltip: B.value.style.chart.tooltip.show && B.value.userOptions.buttons.tooltip,
|
|
1747
1745
|
hasPdf: B.value.userOptions.buttons.pdf,
|
|
@@ -1752,29 +1750,29 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1752
1750
|
hasLabel: B.value.userOptions.buttons.labels,
|
|
1753
1751
|
hasFullscreen: B.value.userOptions.buttons.fullscreen,
|
|
1754
1752
|
hasAltCopy: B.value.userOptions.buttons.altCopy,
|
|
1755
|
-
isFullscreen:
|
|
1753
|
+
isFullscreen: cn.value,
|
|
1756
1754
|
chartElement: I.value,
|
|
1757
1755
|
position: B.value.userOptions.position,
|
|
1758
1756
|
isTooltip: H.value.showTooltip,
|
|
1759
1757
|
titles: { ...B.value.userOptions.buttonTitles },
|
|
1760
1758
|
hasAnnotator: B.value.userOptions.buttons.annotator,
|
|
1761
|
-
isAnnotation:
|
|
1759
|
+
isAnnotation: Fn.value,
|
|
1762
1760
|
callbacks: B.value.userOptions.callbacks,
|
|
1763
1761
|
printScale: B.value.userOptions.print.scale,
|
|
1764
1762
|
tableDialog: B.value.table.useDialog,
|
|
1765
|
-
isCursorPointer:
|
|
1766
|
-
onToggleFullscreen:
|
|
1767
|
-
onGeneratePdf: M(
|
|
1768
|
-
onGenerateCsv:
|
|
1769
|
-
onGenerateImage:
|
|
1770
|
-
onGenerateSvg:
|
|
1771
|
-
onToggleTable:
|
|
1772
|
-
onToggleLabels:
|
|
1773
|
-
onToggleTooltip:
|
|
1774
|
-
onToggleAnnotator:
|
|
1775
|
-
onCopyAlt:
|
|
1776
|
-
style:
|
|
1777
|
-
},
|
|
1763
|
+
isCursorPointer: Ln.value,
|
|
1764
|
+
onToggleFullscreen: Ii,
|
|
1765
|
+
onGeneratePdf: M(Qn),
|
|
1766
|
+
onGenerateCsv: Ei,
|
|
1767
|
+
onGenerateImage: Xi,
|
|
1768
|
+
onGenerateSvg: Mi,
|
|
1769
|
+
onToggleTable: Li,
|
|
1770
|
+
onToggleLabels: Ri,
|
|
1771
|
+
onToggleTooltip: zi,
|
|
1772
|
+
onToggleAnnotator: In,
|
|
1773
|
+
onCopyAlt: Zi,
|
|
1774
|
+
style: qe({ visibility: M(Un) ? M(Vn) ? "visible" : "hidden" : "visible" })
|
|
1775
|
+
}, Be({ _: 2 }, [
|
|
1778
1776
|
t.$slots.menuIcon ? {
|
|
1779
1777
|
name: "menuIcon",
|
|
1780
1778
|
fn: N(({ isOpen: e, color: n }) => [j(t.$slots, "menuIcon", D(E({
|
|
@@ -1850,30 +1848,30 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1850
1848
|
key: "12"
|
|
1851
1849
|
} : void 0
|
|
1852
1850
|
]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : C("", !0),
|
|
1853
|
-
T("div",
|
|
1851
|
+
T("div", st, [(O(), w("svg", {
|
|
1854
1852
|
ref_key: "svgRef",
|
|
1855
|
-
ref:
|
|
1853
|
+
ref: Wn,
|
|
1856
1854
|
"aria-describedby": `chart-instructions-${L.value}`,
|
|
1857
1855
|
xmlns: M(oe),
|
|
1858
1856
|
viewBox: `0 0 ${W.value.chartWidth <= 0 ? 10 : W.value.chartWidth} ${W.value.chartHeight <= 0 ? 10 : W.value.chartHeight}`,
|
|
1859
|
-
class:
|
|
1860
|
-
"vue-data-ui-loading": M(
|
|
1857
|
+
class: Ke({
|
|
1858
|
+
"vue-data-ui-loading": M(V),
|
|
1861
1859
|
"no-transition": !B.value.useCssAnimation
|
|
1862
1860
|
}),
|
|
1863
|
-
style:
|
|
1861
|
+
style: qe(`max-width:100%;overflow:visible;background:transparent;color:${B.value.style.chart.color}`),
|
|
1864
1862
|
role: "img",
|
|
1865
1863
|
"aria-live": "polite",
|
|
1866
1864
|
tabindex: "0",
|
|
1867
1865
|
preserveAspectRatio: "xMidYMid",
|
|
1868
|
-
onMousemove:
|
|
1869
|
-
onMouseleave:
|
|
1870
|
-
onClick:
|
|
1871
|
-
onFocus:
|
|
1872
|
-
onBlur:
|
|
1873
|
-
onKeydown:
|
|
1866
|
+
onMousemove: li,
|
|
1867
|
+
onMouseleave: fi,
|
|
1868
|
+
onClick: ui,
|
|
1869
|
+
onFocus: $i,
|
|
1870
|
+
onBlur: ea,
|
|
1871
|
+
onKeydown: ta
|
|
1874
1872
|
}, [
|
|
1875
|
-
|
|
1876
|
-
(O(!0), w(b, null, A(
|
|
1873
|
+
He(M(Kt)),
|
|
1874
|
+
(O(!0), w(b, null, A(gr.value, (e) => (O(), w(b, null, [t.$slots.pattern ? (O(), w("defs", lt, [j(t.$slots, "pattern", We({ ref_for: !0 }, {
|
|
1877
1875
|
seriesIndex: e.absoluteIndex,
|
|
1878
1876
|
patternId: `pattern_${L.value}_${e.absoluteIndex}`
|
|
1879
1877
|
}), void 0, !0)])) : C("", !0)], 64))), 256)),
|
|
@@ -1884,8 +1882,8 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1884
1882
|
width: X.value.width,
|
|
1885
1883
|
height: W.value.height,
|
|
1886
1884
|
style: { pointerEvents: "none" }
|
|
1887
|
-
}, [j(t.$slots, "chart-background", {}, void 0, !0)], 8,
|
|
1888
|
-
B.value.style.chart.lines.gradient.show ? (O(), w("defs",
|
|
1885
|
+
}, [j(t.$slots, "chart-background", {}, void 0, !0)], 8, ut)) : C("", !0),
|
|
1886
|
+
B.value.style.chart.lines.gradient.show ? (O(), w("defs", dt, [(O(!0), w(b, null, A(Y.value, (e, t) => (O(), S(je, {
|
|
1889
1887
|
t: "linear",
|
|
1890
1888
|
id: `gradient_${e.id}`,
|
|
1891
1889
|
key: `gradient_${e.id}_${t}`,
|
|
@@ -1903,7 +1901,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1903
1901
|
1
|
|
1904
1902
|
]]
|
|
1905
1903
|
}, null, 8, ["id", "stops"]))), 128))])) : C("", !0),
|
|
1906
|
-
B.value.style.chart.grid.x.showHorizontalLines ? (O(!0), w(b, { key: 2 }, A(
|
|
1904
|
+
B.value.style.chart.grid.x.showHorizontalLines ? (O(!0), w(b, { key: 2 }, A(Lr.value, (e, t) => (O(), w("line", {
|
|
1907
1905
|
x1: X.value.left,
|
|
1908
1906
|
x2: X.value.right,
|
|
1909
1907
|
y1: e.y,
|
|
@@ -1912,7 +1910,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1912
1910
|
"stroke-width": B.value.style.chart.grid.x.linesThickness,
|
|
1913
1911
|
"stroke-dasharray": B.value.style.chart.grid.x.linesStrokeDasharray,
|
|
1914
1912
|
"stroke-linecap": "round"
|
|
1915
|
-
}, null, 8,
|
|
1913
|
+
}, null, 8, ft))), 256)) : C("", !0),
|
|
1916
1914
|
B.value.style.chart.grid.y.showVerticalLines ? (O(!0), w(b, { key: 3 }, A(q.value.end - q.value.start, (e, t) => (O(), w("line", {
|
|
1917
1915
|
x1: Q(t),
|
|
1918
1916
|
x2: Q(t),
|
|
@@ -1922,7 +1920,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1922
1920
|
"stroke-width": B.value.style.chart.grid.y.linesThickness,
|
|
1923
1921
|
"stroke-dasharray": B.value.style.chart.grid.y.linesStrokeDasharray,
|
|
1924
1922
|
"stroke-linecap": "round"
|
|
1925
|
-
}, null, 8,
|
|
1923
|
+
}, null, 8, pt))), 256)) : C("", !0),
|
|
1926
1924
|
B.value.style.chart.grid.x.showAxis ? (O(), w("line", {
|
|
1927
1925
|
key: 4,
|
|
1928
1926
|
x1: X.value.left,
|
|
@@ -1933,39 +1931,39 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1933
1931
|
"stroke-width": B.value.style.chart.grid.x.axisThickness,
|
|
1934
1932
|
"stroke-linecap": "round",
|
|
1935
1933
|
"stroke-linejoin": "round"
|
|
1936
|
-
}, null, 8,
|
|
1934
|
+
}, null, 8, mt)) : C("", !0),
|
|
1937
1935
|
B.value.style.chart.grid.y.showAxis && !B.value.style.chart.lines.distributed ? (O(), w("line", {
|
|
1938
1936
|
key: 5,
|
|
1939
|
-
x1:
|
|
1940
|
-
x2:
|
|
1937
|
+
x1: sr.value ? X.value.right : X.value.left,
|
|
1938
|
+
x2: sr.value ? X.value.right : X.value.left,
|
|
1941
1939
|
y1: W.value.top,
|
|
1942
1940
|
y2: W.value.bottom,
|
|
1943
1941
|
stroke: B.value.style.chart.grid.y.axisColor,
|
|
1944
1942
|
"stroke-width": B.value.style.chart.grid.y.axisThickness,
|
|
1945
1943
|
"stroke-linecap": "round",
|
|
1946
1944
|
"stroke-linejoin": "round"
|
|
1947
|
-
}, null, 8,
|
|
1945
|
+
}, null, 8, ht)) : C("", !0),
|
|
1948
1946
|
B.value.style.chart.grid.x.axisName.show && B.value.style.chart.grid.x.axisName.text ? (O(), w("text", {
|
|
1949
1947
|
key: 6,
|
|
1950
1948
|
ref_key: "xAxisLabel",
|
|
1951
|
-
ref:
|
|
1949
|
+
ref: yn,
|
|
1952
1950
|
x: W.value.left + W.value.width / 2,
|
|
1953
1951
|
y: W.value.chartHeight - 3,
|
|
1954
1952
|
"font-size": B.value.style.chart.grid.x.axisName.fontSize,
|
|
1955
1953
|
fill: B.value.style.chart.grid.x.axisName.color,
|
|
1956
1954
|
"font-weight": B.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
|
|
1957
1955
|
"text-anchor": "middle"
|
|
1958
|
-
},
|
|
1956
|
+
}, Qe(B.value.style.chart.grid.x.axisName.text), 9, gt)) : C("", !0),
|
|
1959
1957
|
B.value.style.chart.grid.y.axisName.show && B.value.style.chart.grid.y.axisName.text ? (O(), w("text", {
|
|
1960
1958
|
key: 7,
|
|
1961
1959
|
ref_key: "yAxisLabel",
|
|
1962
|
-
ref:
|
|
1963
|
-
transform: `translate(${
|
|
1960
|
+
ref: bn,
|
|
1961
|
+
transform: `translate(${sr.value ? W.value.chartWidth - B.value.style.chart.grid.y.axisName.fontSize / 2 - B.value.style.chart.grid.y.axisName.offsetX : B.value.style.chart.grid.y.axisName.fontSize + B.value.style.chart.grid.y.axisName.offsetX}, ${W.value.top + W.value.height / 2}) rotate(-90)`,
|
|
1964
1962
|
"font-size": B.value.style.chart.grid.y.axisName.fontSize,
|
|
1965
1963
|
fill: B.value.style.chart.grid.y.axisName.color,
|
|
1966
1964
|
"font-weight": B.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
|
|
1967
1965
|
"text-anchor": "middle"
|
|
1968
|
-
},
|
|
1966
|
+
}, Qe(B.value.style.chart.grid.y.axisName.text), 9, _t)) : C("", !0),
|
|
1969
1967
|
B.value.style.chart.grid.frame.show ? (O(), w("rect", {
|
|
1970
1968
|
key: 8,
|
|
1971
1969
|
style: {
|
|
@@ -1983,61 +1981,61 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
1983
1981
|
"stroke-linecap": B.value.style.chart.grid.frame.strokeLinecap,
|
|
1984
1982
|
"stroke-linejoin": B.value.style.chart.grid.frame.strokeLinejoin,
|
|
1985
1983
|
"stroke-dasharray": B.value.style.chart.grid.frame.strokeDasharray
|
|
1986
|
-
}, null, 8,
|
|
1984
|
+
}, null, 8, vt)) : C("", !0),
|
|
1987
1985
|
(O(!0), w(b, null, A(Y.value, (e) => (O(), w(b, null, [B.value.style.chart.lines.useArea && !e.standalone ? (O(), w("path", {
|
|
1988
1986
|
key: 0,
|
|
1989
1987
|
d: B.value.style.chart.lines.smooth ? e.smoothArea : e.straightArea,
|
|
1990
1988
|
fill: t.$slots.pattern ? `url(#pattern_${L.value}_${e.absoluteIndex})` : B.value.style.chart.lines.gradient.show ? `url(#gradient_${e.id})` : e.color,
|
|
1991
1989
|
opacity: B.value.style.chart.lines.areaOpacity,
|
|
1992
|
-
style:
|
|
1993
|
-
}, null, 12,
|
|
1990
|
+
style: qe({ transition: M(V) ? void 0 : "all 0.2s ease-in-out" })
|
|
1991
|
+
}, null, 12, yt)) : C("", !0)], 64))), 256)),
|
|
1994
1992
|
(O(!0), w(b, null, A(Y.value, (e) => (O(), w("path", {
|
|
1995
1993
|
d: B.value.style.chart.lines.smooth ? e.smoothPath : e.straightPath,
|
|
1996
1994
|
stroke: B.value.style.chart.lines.path.useSerieColor ? e.color : B.value.style.chart.lines.path.stroke,
|
|
1997
1995
|
"stroke-width": B.value.style.chart.lines.strokeWidth,
|
|
1998
1996
|
fill: "none",
|
|
1999
1997
|
"stroke-linecap": "round",
|
|
2000
|
-
style:
|
|
2001
|
-
}, null, 12,
|
|
1998
|
+
style: qe({ transition: M(V) ? void 0 : "all 0.2s ease-in-out" })
|
|
1999
|
+
}, null, 12, bt))), 256)),
|
|
2002
2000
|
B.value.style.chart.grid.y.axisLabels.show && !B.value.style.chart.lines.distributed ? (O(), w("g", {
|
|
2003
2001
|
key: 9,
|
|
2004
2002
|
ref_key: "scaleLabels",
|
|
2005
|
-
ref:
|
|
2006
|
-
}, [(O(!0), w(b, null, A(
|
|
2007
|
-
x1:
|
|
2008
|
-
x2:
|
|
2003
|
+
ref: xn
|
|
2004
|
+
}, [(O(!0), w(b, null, A(Lr.value, (e, t) => (O(), w("line", {
|
|
2005
|
+
x1: sr.value ? X.value.right : X.value.left,
|
|
2006
|
+
x2: sr.value ? X.value.right + 6 : X.value.left - 6,
|
|
2009
2007
|
y1: e.y,
|
|
2010
2008
|
y2: e.y,
|
|
2011
2009
|
stroke: B.value.style.chart.grid.x.axisColor,
|
|
2012
2010
|
"stroke-width": 1
|
|
2013
|
-
}, null, 8,
|
|
2014
|
-
|
|
2015
|
-
|
|
2011
|
+
}, null, 8, xt))), 256)), (O(!0), w(b, null, A(Lr.value, (e, t) => (O(), w("text", {
|
|
2012
|
+
class: "vue-data-ui-datalabel",
|
|
2013
|
+
transform: `translate(${e.x}, ${e.y + B.value.style.chart.grid.y.axisLabels.fontSize / 3})`,
|
|
2016
2014
|
"font-size": B.value.style.chart.grid.y.axisLabels.fontSize,
|
|
2017
2015
|
"font-weight": B.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
|
|
2018
2016
|
fill: B.value.style.chart.grid.y.axisLabels.color,
|
|
2019
|
-
"text-anchor":
|
|
2020
|
-
},
|
|
2017
|
+
"text-anchor": sr.value ? "start" : "end"
|
|
2018
|
+
}, Qe(M(y)(B.value.style.chart.grid.y.axisLabels.formatter, e.value, M(m)({
|
|
2021
2019
|
p: B.value.style.chart.lines.dataLabels.prefix,
|
|
2022
2020
|
v: e.value,
|
|
2023
2021
|
s: B.value.style.chart.lines.dataLabels.suffix,
|
|
2024
2022
|
r: B.value.style.chart.grid.y.axisLabels.rounding
|
|
2025
|
-
}), { datapoint: e })), 9,
|
|
2023
|
+
}), { datapoint: e })), 9, St))), 256))], 512)) : C("", !0),
|
|
2026
2024
|
B.value.style.chart.grid.x.timeLabels.show ? (O(), w("g", {
|
|
2027
2025
|
key: 10,
|
|
2028
2026
|
ref_key: "timeLabelsEls",
|
|
2029
|
-
ref:
|
|
2030
|
-
}, [t.$slots["time-label"] ? (O(), w("g",
|
|
2031
|
-
x: W.value.left +
|
|
2027
|
+
ref: Sn
|
|
2028
|
+
}, [t.$slots["time-label"] ? (O(), w("g", Ct, [(O(!0), w(b, null, A(Ur.value, (e, n) => (O(), w("g", null, [j(t.$slots, "time-label", We({ ref_for: !0 }, {
|
|
2029
|
+
x: W.value.left + Er.value * n + Er.value / 2,
|
|
2032
2030
|
y: W.value.bottom + B.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + B.value.style.chart.grid.x.timeLabels.offsetY,
|
|
2033
2031
|
fontSize: B.value.style.chart.grid.x.timeLabels.fontSize,
|
|
2034
2032
|
fill: B.value.style.chart.grid.x.timeLabels.color,
|
|
2035
|
-
transform: `translate(${W.value.left +
|
|
2033
|
+
transform: `translate(${W.value.left + Er.value * n + Er.value / 2}, ${W.value.bottom + B.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + B.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${B.value.style.chart.grid.x.timeLabels.rotation})`,
|
|
2036
2034
|
absoluteIndex: e.absoluteIndex,
|
|
2037
2035
|
content: e.text,
|
|
2038
2036
|
textAnchor: B.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : B.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
|
|
2039
2037
|
show: !0
|
|
2040
|
-
}), void 0, !0)]))), 256))])) : (O(), w("g",
|
|
2038
|
+
}), void 0, !0)]))), 256))])) : (O(), w("g", wt, [(O(!0), w(b, null, A(Ur.value, (e, n) => (O(), w("g", null, [String(e.text).includes("\n") ? (O(), w("text", {
|
|
2041
2039
|
key: n + "-multi",
|
|
2042
2040
|
"text-anchor": B.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : B.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
|
|
2043
2041
|
"font-size": B.value.style.chart.grid.x.timeLabels.fontSize,
|
|
@@ -2049,7 +2047,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2049
2047
|
),
|
|
2050
2048
|
rotate(${B.value.style.chart.grid.x.timeLabels.rotation})
|
|
2051
2049
|
`,
|
|
2052
|
-
style:
|
|
2050
|
+
style: qe({ cursor: Ln.value ? "pointer" : "default" }),
|
|
2053
2051
|
innerHTML: t.createTSpansFromLineBreaksOnX({
|
|
2054
2052
|
content: String(e.text),
|
|
2055
2053
|
fontSize: B.value.style.chart.grid.x.timeLabels.fontSize,
|
|
@@ -2057,8 +2055,8 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2057
2055
|
x: 0,
|
|
2058
2056
|
y: 0
|
|
2059
2057
|
}),
|
|
2060
|
-
onClick: () =>
|
|
2061
|
-
}, null, 12,
|
|
2058
|
+
onClick: () => _i(e, n)
|
|
2059
|
+
}, null, 12, Et)) : (O(), w("text", {
|
|
2062
2060
|
class: "vue-data-ui-time-label",
|
|
2063
2061
|
key: n,
|
|
2064
2062
|
"text-anchor": B.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : B.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
|
|
@@ -2066,23 +2064,23 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2066
2064
|
"font-weight": B.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
|
|
2067
2065
|
fill: B.value.style.chart.grid.x.timeLabels.color,
|
|
2068
2066
|
transform: `translate(${Q(n)}, ${W.value.bottom + B.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + B.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${B.value.style.chart.grid.x.timeLabels.rotation})`,
|
|
2069
|
-
style:
|
|
2070
|
-
onClick: () =>
|
|
2071
|
-
},
|
|
2072
|
-
(
|
|
2073
|
-
x:
|
|
2067
|
+
style: qe({ cursor: Ln.value ? "pointer" : "default" }),
|
|
2068
|
+
onClick: () => _i(e, n)
|
|
2069
|
+
}, Qe(e.text), 13, Tt))]))), 256))]))], 512)) : C("", !0),
|
|
2070
|
+
(gn.value || ![null, void 0].includes($.value)) && !B.value.style.chart.highlighter.useLine ? (O(!0), w(b, { key: 11 }, A(q.value.end - q.value.start, (e, t) => (O(), w("g", { key: `tooltip_trap_highlighter_${t}` }, [T("rect", {
|
|
2071
|
+
x: ci(t).x,
|
|
2074
2072
|
y: W.value.top,
|
|
2075
2073
|
height: W.value.height,
|
|
2076
|
-
width:
|
|
2077
|
-
fill: [
|
|
2074
|
+
width: ci(t).width,
|
|
2075
|
+
fill: [Pn.value, $.value].includes(t) ? M(de)(B.value.style.chart.highlighter.color, B.value.style.chart.highlighter.opacity) : "transparent",
|
|
2078
2076
|
style: {
|
|
2079
2077
|
transition: "none !important",
|
|
2080
2078
|
animation: "none !important"
|
|
2081
2079
|
}
|
|
2082
|
-
}, null, 8,
|
|
2083
|
-
(
|
|
2084
|
-
x1: Q(($.value ??
|
|
2085
|
-
x2: Q(($.value ??
|
|
2080
|
+
}, null, 8, Dt)]))), 128)) : C("", !0),
|
|
2081
|
+
(gn.value || ![null, void 0].includes($.value)) && B.value.style.chart.highlighter.useLine ? (O(), w(b, { key: 12 }, [![null, void 0].includes($.value) || ![null, void 0].includes(Pn.value) ? (O(), w("g", Ot, [T("line", {
|
|
2082
|
+
x1: Q(($.value ?? Pn.value) || 0),
|
|
2083
|
+
x2: Q(($.value ?? Pn.value) || 0),
|
|
2086
2084
|
y1: M(g)(W.value.top),
|
|
2087
2085
|
y2: M(g)(W.value.bottom),
|
|
2088
2086
|
stroke: B.value.style.chart.highlighter.color,
|
|
@@ -2094,8 +2092,8 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2094
2092
|
animation: "none !important",
|
|
2095
2093
|
"pointer-events": "none"
|
|
2096
2094
|
}
|
|
2097
|
-
}, null, 8,
|
|
2098
|
-
(O(!0), w(b, null, A(Y.value, (e) => (O(), w(b,
|
|
2095
|
+
}, null, 8, kt)])) : C("", !0)], 64)) : C("", !0),
|
|
2096
|
+
(O(!0), w(b, null, A(Y.value, (e) => (O(), w(b, { key: `shp_sel_${e.id}` }, [gn.value && q.value.end - q.value.start > B.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (O(), w("g", At, [$.value == null ? C("", !0) : (O(), w(b, { key: 0 }, [e.rel.includes($.value) && e.fullSeries?.[q.value.start + $.value] != null && !Number.isNaN(e.fullSeries?.[q.value.start + $.value]) ? (O(), S(De, {
|
|
2099
2097
|
key: 0,
|
|
2100
2098
|
shape: [
|
|
2101
2099
|
"triangle",
|
|
@@ -2113,7 +2111,8 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2113
2111
|
radius: B.value.style.chart.lines.dot.radius * 1.3,
|
|
2114
2112
|
stroke: B.value.style.chart.lines.dot.useSerieColor ? B.value.style.chart.lines.dot.stroke : e.color,
|
|
2115
2113
|
strokeWidth: B.value.style.chart.lines.dot.strokeWidth,
|
|
2116
|
-
transition: M(
|
|
2114
|
+
transition: M(V) ? void 0 : "all 0.2ms ease-in-out",
|
|
2115
|
+
still: M(V)
|
|
2117
2116
|
}, null, 8, [
|
|
2118
2117
|
"shape",
|
|
2119
2118
|
"color",
|
|
@@ -2121,9 +2120,10 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2121
2120
|
"radius",
|
|
2122
2121
|
"stroke",
|
|
2123
2122
|
"strokeWidth",
|
|
2124
|
-
"transition"
|
|
2125
|
-
|
|
2126
|
-
|
|
2123
|
+
"transition",
|
|
2124
|
+
"still"
|
|
2125
|
+
])) : C("", !0)], 64))])) : C("", !0)], 64))), 128)),
|
|
2126
|
+
(O(!0), w(b, null, A(Y.value, (e) => (O(), w(b, { key: `shp_${e.id}` }, [q.value.end - q.value.start < B.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (O(!0), w(b, { key: 0 }, A(e.points, (t, n) => (O(), w("g", { key: `shp_${e.id}_${q.value.start + n}` }, [e.fullSeries?.[q.value.start + e.rel[n]] != null && !Number.isNaN(e.fullSeries?.[q.value.start + e.rel[n]]) ? (O(), S(De, {
|
|
2127
2127
|
key: 0,
|
|
2128
2128
|
shape: [
|
|
2129
2129
|
"triangle",
|
|
@@ -2138,10 +2138,11 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2138
2138
|
x: t.x,
|
|
2139
2139
|
y: t.y
|
|
2140
2140
|
},
|
|
2141
|
-
radius:
|
|
2141
|
+
radius: gn.value && $.value === e.rel[n] ? B.value.style.chart.lines.dot.radius * 1.3 : B.value.style.chart.lines.dot.radius,
|
|
2142
2142
|
stroke: B.value.style.chart.lines.dot.useSerieColor ? B.value.style.chart.lines.dot.stroke : e.color,
|
|
2143
2143
|
strokeWidth: B.value.style.chart.lines.dot.strokeWidth,
|
|
2144
|
-
transition: M(
|
|
2144
|
+
transition: M(V) ? void 0 : "all 0.2ms ease-in-out",
|
|
2145
|
+
still: M(V)
|
|
2145
2146
|
}, null, 8, [
|
|
2146
2147
|
"shape",
|
|
2147
2148
|
"color",
|
|
@@ -2149,70 +2150,71 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2149
2150
|
"radius",
|
|
2150
2151
|
"stroke",
|
|
2151
2152
|
"strokeWidth",
|
|
2152
|
-
"transition"
|
|
2153
|
-
|
|
2154
|
-
|
|
2153
|
+
"transition",
|
|
2154
|
+
"still"
|
|
2155
|
+
])) : C("", !0)]))), 128)) : C("", !0)], 64))), 128)),
|
|
2156
|
+
H.value.dataLabels.show && B.value.style.chart.lines.dataLabels.hideAboveMaxSerieLength > q.value.end - q.value.start ? (O(), w(b, { key: 13 }, [(O(!0), w(b, null, A(Y.value, (e, t) => (O(), w("g", { key: `dl_${e.id}` }, [(O(!0), w(b, null, A(e.points, (n, r) => (O(), w(b, { key: `dp_${e.id}_${q.value.start + r}` }, [Gi(e.series[r], e.proportions[r]) ? (O(), w("text", {
|
|
2155
2157
|
key: 0,
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
+
class: Ke({ "vue-data-ui-datalabel": M(Zt) }),
|
|
2159
|
+
transform: `translate(${n.x}, ${n.y + (e.series[r] >= 0 ? -B.value.style.chart.lines.dataLabels.fontSize / 2 + B.value.style.chart.lines.dataLabels.offsetY : B.value.style.chart.lines.dataLabels.fontSize * 1.2 - B.value.style.chart.lines.dataLabels.offsetY)})`,
|
|
2158
2160
|
"font-size": B.value.style.chart.lines.dataLabels.fontSize,
|
|
2159
2161
|
fill: B.value.style.chart.lines.dataLabels.color,
|
|
2160
2162
|
"font-weight": B.value.style.chart.lines.dataLabels.bold ? "bold" : "normal",
|
|
2161
2163
|
"text-anchor": "middle"
|
|
2162
|
-
},
|
|
2164
|
+
}, Qe(B.value.style.chart.lines.showDistributedPercentage && B.value.style.chart.lines.distributed ? Ji(e.proportions[r] * 100, e, t, e.rel[r]) : qi(e.series[r], e, t, e.rel[r], e.signedSeries[r])), 11, jt)) : C("", !0)], 64))), 128))]))), 128)), B.value.style.chart.lines.totalValues.show && Y.value.length > 1 ? (O(), w("g", {
|
|
2163
2165
|
key: 0,
|
|
2164
2166
|
ref_key: "sumTop",
|
|
2165
|
-
ref:
|
|
2166
|
-
}, [(O(!0), w(b, null, A(
|
|
2167
|
+
ref: Cn
|
|
2168
|
+
}, [(O(!0), w(b, null, A(Pr.value, (e, t) => (O(), w(b, { key: `total_l_${t + q.value.start}` }, [!B.value.style.chart.lines.dataLabels.hideEmptyValues || e.value !== 0 ? (O(), w("text", {
|
|
2167
2169
|
key: 0,
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
+
class: Ke({ "vue-data-ui-datalabel": M(Zt) }),
|
|
2171
|
+
transform: `translate(${Q(t)}, ${Ir(t)})`,
|
|
2170
2172
|
"text-anchor": "middle",
|
|
2171
2173
|
"font-size": B.value.style.chart.lines.totalValues.fontSize,
|
|
2172
2174
|
"font-weight": B.value.style.chart.lines.totalValues.bold ? "bold" : "normal",
|
|
2173
2175
|
fill: B.value.style.chart.lines.totalValues.color
|
|
2174
|
-
},
|
|
2175
|
-
|
|
2176
|
+
}, Qe(qi(e.value, e, t, t, e.sign)), 11, Mt)) : C("", !0)], 64))), 128))], 512)) : C("", !0)], 64)) : C("", !0),
|
|
2177
|
+
br.value ? (O(), w("rect", We({ key: 14 }, hr.value, {
|
|
2176
2178
|
"data-start": q.value.start,
|
|
2177
2179
|
"data-end": q.value.end
|
|
2178
|
-
}), null, 16,
|
|
2180
|
+
}), null, 16, Nt)) : C("", !0),
|
|
2179
2181
|
j(t.$slots, "svg", { svg: {
|
|
2180
2182
|
drawingArea: W.value,
|
|
2181
2183
|
data: Y.value,
|
|
2182
|
-
isPrintingImg: M(
|
|
2183
|
-
isPrintingSvg:
|
|
2184
|
+
isPrintingImg: M(Xn) || M(Zn) || _n.value,
|
|
2185
|
+
isPrintingSvg: vn.value
|
|
2184
2186
|
} }, void 0, !0)
|
|
2185
|
-
], 46,
|
|
2187
|
+
], 46, ct)), t.$slots.hint ? (O(), w("div", Pt, [j(t.$slots, "hint", D(E({
|
|
2186
2188
|
hint: B.value.a11y.translations.keyboardNavigation,
|
|
2187
|
-
isVisible:
|
|
2189
|
+
isVisible: Qi.value
|
|
2188
2190
|
})), void 0, !0)])) : C("", !0)]),
|
|
2189
|
-
t.$slots.watermark ? (O(), w("div",
|
|
2190
|
-
|
|
2191
|
+
t.$slots.watermark ? (O(), w("div", Ft, [j(t.$slots, "watermark", D(E({ isPrinting: M(Xn) || M(Zn) || _n.value || vn.value })), void 0, !0)])) : C("", !0),
|
|
2192
|
+
pn.value && (B.value.style.chart.legend.show || t.$slots.legend) ? (O(), S(ze, {
|
|
2191
2193
|
key: 6,
|
|
2192
2194
|
to: B.value.style.chart.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
|
|
2193
2195
|
}, [T("div", {
|
|
2194
2196
|
ref_key: "chartLegend",
|
|
2195
|
-
ref:
|
|
2196
|
-
}, [j(t.$slots, "legend", { legend:
|
|
2197
|
+
ref: rn
|
|
2198
|
+
}, [j(t.$slots, "legend", { legend: bi.value }, () => [B.value.style.chart.legend.show ? (O(), S(Le, {
|
|
2197
2199
|
key: 0,
|
|
2198
|
-
legendSet:
|
|
2199
|
-
config:
|
|
2200
|
-
isCursorPointer:
|
|
2200
|
+
legendSet: bi.value,
|
|
2201
|
+
config: xi.value,
|
|
2202
|
+
isCursorPointer: Ln.value,
|
|
2201
2203
|
onClickMarker: n[0] ||= ({ legend: e }) => e.segregate()
|
|
2202
|
-
},
|
|
2203
|
-
item: N(({ legend: e }) => [M(
|
|
2204
|
+
}, Be({
|
|
2205
|
+
item: N(({ legend: e }) => [M(V) ? C("", !0) : (O(), w("div", {
|
|
2204
2206
|
key: 0,
|
|
2205
2207
|
onClick: (t) => e.segregate(),
|
|
2206
|
-
style:
|
|
2207
|
-
},
|
|
2208
|
-
legendToggle: N(() => [
|
|
2208
|
+
style: qe(`opacity:${R.value.includes(e.id) ? .5 : 1}`)
|
|
2209
|
+
}, Qe(e.name), 13, It))]),
|
|
2210
|
+
legendToggle: N(() => [bi.value.length > 2 && B.value.style.chart.legend.selectAllToggle.show && !M(V) ? (O(), S(Ne, {
|
|
2209
2211
|
key: 0,
|
|
2210
2212
|
backgroundColor: B.value.style.chart.legend.selectAllToggle.backgroundColor,
|
|
2211
2213
|
color: B.value.style.chart.legend.selectAllToggle.color,
|
|
2212
2214
|
fontSize: B.value.style.chart.legend.fontSize,
|
|
2213
2215
|
checked: R.value.length > 0,
|
|
2214
|
-
isCursorPointer:
|
|
2215
|
-
onToggle:
|
|
2216
|
+
isCursorPointer: Ln.value,
|
|
2217
|
+
onToggle: vi
|
|
2216
2218
|
}, null, 8, [
|
|
2217
2219
|
"backgroundColor",
|
|
2218
2220
|
"color",
|
|
@@ -2223,7 +2225,7 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2223
2225
|
_: 2
|
|
2224
2226
|
}, [t.$slots.pattern ? {
|
|
2225
2227
|
name: "legend-pattern",
|
|
2226
|
-
fn: N(({ legend: e, index: t }) => [
|
|
2228
|
+
fn: N(({ legend: e, index: t }) => [He(De, {
|
|
2227
2229
|
shape: e.shape,
|
|
2228
2230
|
radius: 30,
|
|
2229
2231
|
stroke: "none",
|
|
@@ -2239,23 +2241,23 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2239
2241
|
"config",
|
|
2240
2242
|
"isCursorPointer"
|
|
2241
2243
|
])) : C("", !0)], !0)], 512)], 8, ["to"])) : C("", !0),
|
|
2242
|
-
|
|
2244
|
+
$t.value && B.value.userOptions.buttons.table ? (O(), S(Xe(Pi.value.component), We({ key: 7 }, Pi.value.props, {
|
|
2243
2245
|
ref_key: "tableUnit",
|
|
2244
|
-
ref:
|
|
2245
|
-
onClose:
|
|
2246
|
-
}),
|
|
2247
|
-
content: N(() => [
|
|
2248
|
-
colNames:
|
|
2249
|
-
head:
|
|
2250
|
-
body:
|
|
2251
|
-
config:
|
|
2252
|
-
title: B.value.table.useDialog ? "" :
|
|
2246
|
+
ref: mn,
|
|
2247
|
+
onClose: Fi
|
|
2248
|
+
}), Be({
|
|
2249
|
+
content: N(() => [He(M(Ut), {
|
|
2250
|
+
colNames: Di.value.colNames,
|
|
2251
|
+
head: Di.value.head,
|
|
2252
|
+
body: Di.value.body,
|
|
2253
|
+
config: Di.value.config,
|
|
2254
|
+
title: B.value.table.useDialog ? "" : Pi.value.title,
|
|
2253
2255
|
withCloseButton: !B.value.table.useDialog,
|
|
2254
|
-
isCursorPointer:
|
|
2255
|
-
onClose:
|
|
2256
|
+
isCursorPointer: Ln.value,
|
|
2257
|
+
onClose: Fi
|
|
2256
2258
|
}, {
|
|
2257
|
-
th: N(({ th: e }) => [T("div", { innerHTML: e }, null, 8,
|
|
2258
|
-
td: N(({ td: e }) => [
|
|
2259
|
+
th: N(({ th: e }) => [T("div", { innerHTML: e }, null, 8, Lt)]),
|
|
2260
|
+
td: N(({ td: e }) => [Ve(Qe(isNaN(Number(e)) ? e : M(m)({
|
|
2259
2261
|
p: B.value.style.chart.lines.dataLabels.prefix,
|
|
2260
2262
|
v: e,
|
|
2261
2263
|
s: B.value.style.chart.lines.dataLabels.suffix,
|
|
@@ -2274,27 +2276,27 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2274
2276
|
_: 2
|
|
2275
2277
|
}, [B.value.table.useDialog ? {
|
|
2276
2278
|
name: "title",
|
|
2277
|
-
fn: N(() => [
|
|
2279
|
+
fn: N(() => [Ve(Qe(Pi.value.title), 1)]),
|
|
2278
2280
|
key: "0"
|
|
2279
2281
|
} : void 0, B.value.table.useDialog ? {
|
|
2280
2282
|
name: "actions",
|
|
2281
2283
|
fn: N(() => [T("button", {
|
|
2282
2284
|
tabindex: "0",
|
|
2283
2285
|
class: "vue-ui-user-options-button",
|
|
2284
|
-
onClick: n[1] ||= (e) =>
|
|
2285
|
-
style:
|
|
2286
|
-
}, [
|
|
2286
|
+
onClick: n[1] ||= (e) => Ei(B.value.userOptions.callbacks.csv),
|
|
2287
|
+
style: qe({ cursor: Ln.value ? "pointer" : "default" })
|
|
2288
|
+
}, [He(M(Vt), {
|
|
2287
2289
|
name: "fileCsv",
|
|
2288
|
-
stroke:
|
|
2290
|
+
stroke: Pi.value.props.color
|
|
2289
2291
|
}, null, 8, ["stroke"])], 4)]),
|
|
2290
2292
|
key: "1"
|
|
2291
2293
|
} : void 0]), 1040)) : C("", !0),
|
|
2292
|
-
B.value.style.chart.zoom.show &&
|
|
2294
|
+
B.value.style.chart.zoom.show && $t.value && Qr.value && K.value > 6 ? (O(), S(Me, {
|
|
2293
2295
|
key: 8,
|
|
2294
2296
|
ref_key: "chartSlicer",
|
|
2295
|
-
ref:
|
|
2297
|
+
ref: an,
|
|
2296
2298
|
"data-dom-to-png-ignore-layout": "",
|
|
2297
|
-
allMinimaps:
|
|
2299
|
+
allMinimaps: Ar.value,
|
|
2298
2300
|
background: B.value.style.chart.zoom.color,
|
|
2299
2301
|
borderColor: B.value.style.chart.backgroundColor,
|
|
2300
2302
|
customFormat: B.value.style.chart.zoom.customFormat,
|
|
@@ -2307,12 +2309,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2307
2309
|
fontSize: B.value.style.chart.zoom.fontSize,
|
|
2308
2310
|
immediate: !B.value.style.chart.zoom.preview.enable,
|
|
2309
2311
|
inputColor: B.value.style.chart.zoom.color,
|
|
2310
|
-
isPreview:
|
|
2311
|
-
labelLeft: B.value.style.chart.grid.x.timeLabels.values[q.value.start] ?
|
|
2312
|
-
labelRight: B.value.style.chart.grid.x.timeLabels.values[q.value.end - 1] ?
|
|
2312
|
+
isPreview: br.value,
|
|
2313
|
+
labelLeft: B.value.style.chart.grid.x.timeLabels.values[q.value.start] ? Rr.value?.[0]?.text ?? "" : "",
|
|
2314
|
+
labelRight: B.value.style.chart.grid.x.timeLabels.values[q.value.end - 1] ? Rr.value?.at(-1)?.text ?? "" : "",
|
|
2313
2315
|
max: Math.max(...e.dataset.map((e) => e.series.length)),
|
|
2314
2316
|
min: 0,
|
|
2315
|
-
minimap:
|
|
2317
|
+
minimap: kr.value,
|
|
2316
2318
|
minimapCompact: B.value.style.chart.zoom.minimap.compact,
|
|
2317
2319
|
minimapFrameColor: B.value.style.chart.zoom.minimap.frameColor,
|
|
2318
2320
|
minimapIndicatorColor: B.value.style.chart.zoom.minimap.indicatorColor,
|
|
@@ -2321,21 +2323,21 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2321
2323
|
minimapSelectedColorOpacity: B.value.style.chart.zoom.minimap.selectedColorOpacity,
|
|
2322
2324
|
minimapSelectedIndex: $.value,
|
|
2323
2325
|
minimapSelectionRadius: 1,
|
|
2324
|
-
preciseLabels:
|
|
2326
|
+
preciseLabels: qr.value.length ? qr.value : zr.value,
|
|
2325
2327
|
refreshEndPoint: B.value.style.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => e.series.length)) : B.value.style.chart.zoom.endIndex + 1,
|
|
2326
2328
|
refreshStartPoint: B.value.style.chart.zoom.startIndex === null ? 0 : B.value.style.chart.zoom.startIndex,
|
|
2327
2329
|
selectColor: B.value.style.chart.zoom.highlightColor,
|
|
2328
|
-
selectedSeries:
|
|
2330
|
+
selectedSeries: Hi.value,
|
|
2329
2331
|
smoothMinimap: !1,
|
|
2330
2332
|
start: q.value.start,
|
|
2331
2333
|
textColor: B.value.style.chart.color,
|
|
2332
|
-
timeLabels:
|
|
2334
|
+
timeLabels: zr.value,
|
|
2333
2335
|
usePreciseLabels: B.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !B.value.style.chart.zoom.useDefaultFormat,
|
|
2334
2336
|
valueEnd: q.value.end,
|
|
2335
2337
|
valueStart: q.value.start,
|
|
2336
2338
|
verticalHandles: B.value.style.chart.zoom.minimap.verticalHandles,
|
|
2337
2339
|
maxWidth: B.value.style.chart.zoom.maxWidth,
|
|
2338
|
-
isCursorPointer:
|
|
2340
|
+
isCursorPointer: Ln.value,
|
|
2339
2341
|
additionalMinimapHeight: B.value.style.chart.zoom.minimap.additionalHeight,
|
|
2340
2342
|
handleType: B.value.style.chart.zoom.minimap.handleType,
|
|
2341
2343
|
handleIconColor: B.value.style.chart.zoom.minimap.handleIconColor,
|
|
@@ -2343,25 +2345,25 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2343
2345
|
handleBorderColor: B.value.style.chart.zoom.minimap.handleBorderColor,
|
|
2344
2346
|
handleFill: B.value.style.chart.zoom.minimap.handleFill,
|
|
2345
2347
|
handleWidth: B.value.style.chart.zoom.minimap.handleWidth,
|
|
2346
|
-
"onUpdate:end":
|
|
2347
|
-
"onUpdate:start":
|
|
2348
|
-
onTrapMouse:
|
|
2349
|
-
onReset: n[2] ||= () =>
|
|
2350
|
-
onFutureEnd: n[3] ||= (e) =>
|
|
2351
|
-
onFutureStart: n[4] ||= (e) =>
|
|
2348
|
+
"onUpdate:end": ni,
|
|
2349
|
+
"onUpdate:start": ti,
|
|
2350
|
+
onTrapMouse: vr,
|
|
2351
|
+
onReset: n[2] ||= () => Tr({ force: !0 }),
|
|
2352
|
+
onFutureEnd: n[3] ||= (e) => xr("end", e),
|
|
2353
|
+
onFutureStart: n[4] ||= (e) => xr("start", e)
|
|
2352
2354
|
}, {
|
|
2353
2355
|
"reset-action": N(({ reset: e }) => [j(t.$slots, "reset-action", D(E({ reset: e })), void 0, !0)]),
|
|
2354
|
-
slotMap: N(({ width: e, height: t, unitW: n }) => [T("g", { innerHTML:
|
|
2356
|
+
slotMap: N(({ width: e, height: t, unitW: n }) => [T("g", { innerHTML: Wi({
|
|
2355
2357
|
minimapW: e,
|
|
2356
2358
|
minimapH: t,
|
|
2357
2359
|
unitW: n
|
|
2358
|
-
}) }, null, 8,
|
|
2360
|
+
}) }, null, 8, Rt)]),
|
|
2359
2361
|
_: 3
|
|
2360
2362
|
}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.maxWidth.isCursorPointer.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : C("", !0),
|
|
2361
|
-
T("div", { id: `legend-bottom-${L.value}` }, null, 8,
|
|
2362
|
-
|
|
2363
|
+
T("div", { id: `legend-bottom-${L.value}` }, null, 8, zt),
|
|
2364
|
+
He(M(Bt), {
|
|
2363
2365
|
teleportTo: B.value.style.chart.tooltip.teleportTo,
|
|
2364
|
-
show: H.value.showTooltip &&
|
|
2366
|
+
show: H.value.showTooltip && en.value,
|
|
2365
2367
|
backgroundColor: B.value.style.chart.tooltip.backgroundColor,
|
|
2366
2368
|
color: B.value.style.chart.tooltip.color,
|
|
2367
2369
|
fontSize: B.value.style.chart.tooltip.fontSize,
|
|
@@ -2373,19 +2375,19 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2373
2375
|
offsetX: B.value.style.chart.tooltip.offsetX,
|
|
2374
2376
|
offsetY: B.value.style.chart.tooltip.offsetY,
|
|
2375
2377
|
parent: I.value,
|
|
2376
|
-
content:
|
|
2377
|
-
isFullscreen:
|
|
2378
|
+
content: hi.value,
|
|
2379
|
+
isFullscreen: cn.value,
|
|
2378
2380
|
isCustom: B.value.style.chart.tooltip.customFormat && typeof B.value.style.chart.tooltip.customFormat == "function",
|
|
2379
2381
|
smooth: B.value.style.chart.tooltip.smooth,
|
|
2380
2382
|
backdropFilter: B.value.style.chart.tooltip.backdropFilter,
|
|
2381
2383
|
smoothForce: B.value.style.chart.tooltip.smoothForce,
|
|
2382
2384
|
smoothSnapThreshold: B.value.style.chart.tooltip.smoothSnapThreshold,
|
|
2383
|
-
isA11yMode:
|
|
2384
|
-
a11yPosition:
|
|
2385
|
+
isA11yMode: kn.value === "keyboard",
|
|
2386
|
+
a11yPosition: On.value
|
|
2385
2387
|
}, {
|
|
2386
|
-
"tooltip-before": N(() => [j(t.$slots, "tooltip-before", D(E({ ...
|
|
2387
|
-
tooltip: N(() => [j(t.$slots, "tooltip", D(E({ ...
|
|
2388
|
-
"tooltip-after": N(() => [j(t.$slots, "tooltip-after", D(E({ ...
|
|
2388
|
+
"tooltip-before": N(() => [j(t.$slots, "tooltip-before", D(E({ ...Xr.value })), void 0, !0)]),
|
|
2389
|
+
tooltip: N(() => [j(t.$slots, "tooltip", D(E({ ...Xr.value })), void 0, !0)]),
|
|
2390
|
+
"tooltip-after": N(() => [j(t.$slots, "tooltip-after", D(E({ ...Xr.value })), void 0, !0)]),
|
|
2389
2391
|
_: 3
|
|
2390
2392
|
}, 8, [
|
|
2391
2393
|
"teleportTo",
|
|
@@ -2414,12 +2416,12 @@ var nt = /* @__PURE__ */ e({ default: () => zt }), rt = ["id"], it = ["id"], at
|
|
|
2414
2416
|
t.$slots.source ? (O(), w("div", {
|
|
2415
2417
|
key: 9,
|
|
2416
2418
|
ref_key: "source",
|
|
2417
|
-
ref:
|
|
2419
|
+
ref: sn,
|
|
2418
2420
|
dir: "auto"
|
|
2419
2421
|
}, [j(t.$slots, "source", {}, void 0, !0)], 512)) : C("", !0),
|
|
2420
|
-
j(t.$slots, "skeleton", {}, () => [M(
|
|
2421
|
-
], 46,
|
|
2422
|
+
j(t.$slots, "skeleton", {}, () => [M(V) ? (O(), S(ve, { key: 0 })) : C("", !0)], !0)
|
|
2423
|
+
], 46, it));
|
|
2422
2424
|
}
|
|
2423
|
-
}, [["__scopeId", "data-v-
|
|
2425
|
+
}, [["__scopeId", "data-v-1ef6a7ee"]]);
|
|
2424
2426
|
//#endregion
|
|
2425
|
-
export {
|
|
2427
|
+
export { rt as n, Bt as t };
|