vue-data-ui 2.3.43 → 2.3.45
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/README.md +1 -1
- package/dist/{Arrow-CWpE_zpe.js → Arrow-Ctlg95U8.js} +1 -1
- package/dist/{Arrow-BX4nehl3.cjs → Arrow-HEq-nlrw.cjs} +1 -1
- package/dist/{BaseIcon-DExFkY_J.cjs → BaseIcon-DAllT7Xd.cjs} +1 -1
- package/dist/{BaseIcon-CvUiZjEX.js → BaseIcon-SOUJcJNI.js} +1 -1
- package/dist/{DataTable-BwXjoB6L.cjs → DataTable-CpDBCn7U.cjs} +1 -1
- package/dist/{DataTable-DxcXjsBO.js → DataTable-zx4eBGpA.js} +2 -2
- package/dist/{Legend-CsoM5Opb.cjs → Legend-Ch4wH-kK.cjs} +1 -1
- package/dist/{Legend-WlisJgNx.js → Legend-DHmy6Ryw.js} +1 -1
- package/dist/{Shape-KaYj09DC.js → Shape-CQnpEROe.js} +1 -1
- package/dist/{Shape-BFjPrzUQ.cjs → Shape-Va1vqZKB.cjs} +1 -1
- package/dist/{Slicer-CMyTqI-E.cjs → Slicer-7qUL39RL.cjs} +1 -1
- package/dist/{Slicer-CdefiSuP.js → Slicer-CwVoKTxE.js} +1 -1
- package/dist/{Title-BtxIcOzw.js → Title-Cw7gk_b-.js} +1 -1
- package/dist/{Title-CO92NMAL.cjs → Title-tPZ6dD7n.cjs} +1 -1
- package/dist/{Tooltip-LICk5YoE.js → Tooltip-Dh7Rk7h8.js} +1 -1
- package/dist/{Tooltip-CAVFRdaz.cjs → Tooltip-mwVno8dy.cjs} +1 -1
- package/dist/index-B2yAjO70.cjs +4 -0
- package/dist/{index-Bbk73zTN.js → index-BtUHRUym.js} +4 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +2 -0
- package/dist/types/vue-data-ui.d.ts +2 -0
- package/dist/{useNestedProp-UmsAOi8p.cjs → useNestedProp-BgiHePG5.cjs} +1 -1
- package/dist/{useNestedProp-DyRlubve.js → useNestedProp-dj8NfogN.js} +1 -1
- package/dist/{usePrinter-BmgVJQqN.js → usePrinter-CG4wyZaf.js} +1 -1
- package/dist/{usePrinter-C98FQ0-q.cjs → usePrinter-DWElqLH0.cjs} +1 -1
- package/dist/{vue-data-ui-CBnsql5A.js → vue-data-ui-D9OmfznV.js} +57 -57
- package/dist/{vue-data-ui-CU0iVEcI.cjs → vue-data-ui-DlEHOUpL.cjs} +1 -1
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-DjO8gk8_.js → vue-ui-3d-bar-BuoAlWbG.js} +7 -7
- package/dist/{vue-ui-3d-bar-D7Hgh9_L.cjs → vue-ui-3d-bar-vH1iEHhl.cjs} +1 -1
- package/dist/{vue-ui-accordion-CL_FobK9.js → vue-ui-accordion-BN4KrzlD.js} +3 -3
- package/dist/{vue-ui-accordion-CM5vg9Tx.cjs → vue-ui-accordion-CqQkjoPn.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-RYNu3tHb.cjs → vue-ui-age-pyramid-B3d0MOlW.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-CAJyYi0a.js → vue-ui-age-pyramid-NwacHWds.js} +8 -8
- package/dist/{vue-ui-annotator-Cm1zAF7m.cjs → vue-ui-annotator-4CFg58OC.cjs} +1 -1
- package/dist/{vue-ui-annotator-DFadnHMB.js → vue-ui-annotator-ByXR1gL3.js} +1 -1
- package/dist/{vue-ui-candlestick-DxKxcHMq.js → vue-ui-candlestick-BfqazfiH.js} +9 -9
- package/dist/{vue-ui-candlestick-DG4ZvO5e.cjs → vue-ui-candlestick-DyA-ghJ9.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-BVkgLC3s.cjs → vue-ui-carousel-table-CD2K7H-l.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-Blb5YFEv.js → vue-ui-carousel-table-DYsH2Yp1.js} +4 -4
- package/dist/{vue-ui-chestnut-B8Hz3FYZ.js → vue-ui-chestnut-SRnaEdid.js} +6 -6
- package/dist/{vue-ui-chestnut-DWApH23R.cjs → vue-ui-chestnut-ZF9-nCi_.cjs} +1 -1
- package/dist/{vue-ui-cursor-D9asBQMh.cjs → vue-ui-cursor-BeDk95cI.cjs} +1 -1
- package/dist/{vue-ui-cursor-BxcQpwOY.js → vue-ui-cursor-BeoGVuIZ.js} +2 -2
- package/dist/{vue-ui-dashboard-CEvxFYWL.cjs → vue-ui-dashboard-B46dE1gK.cjs} +1 -1
- package/dist/{vue-ui-dashboard-DgcdkN2P.js → vue-ui-dashboard-DXbVeu6w.js} +2 -2
- package/dist/{vue-ui-digits-B6mHBfpO.cjs → vue-ui-digits-B7fD81ff.cjs} +1 -1
- package/dist/{vue-ui-digits-CQyz7F1E.js → vue-ui-digits-DizgKes0.js} +2 -2
- package/dist/{vue-ui-donut-MAqy-4_Q.js → vue-ui-donut-B5vgDoBi.js} +9 -9
- package/dist/{vue-ui-donut-Bk9ZauPi.cjs → vue-ui-donut-BrI09Is-.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-LwQMywJy.js → vue-ui-donut-evolution-C47y1eQp.js} +9 -9
- package/dist/{vue-ui-donut-evolution-D8rLY20T.cjs → vue-ui-donut-evolution-DQuNz9i2.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-B82B7yyh.js → vue-ui-dumbbell-3rDmDs-o.js} +8 -8
- package/dist/{vue-ui-dumbbell-DeIwE9rZ.cjs → vue-ui-dumbbell-DU2QkGgz.cjs} +1 -1
- package/dist/{vue-ui-flow-MAa_-OBP.cjs → vue-ui-flow-B_x2ipPe.cjs} +1 -1
- package/dist/{vue-ui-flow-hFsm0I_o.js → vue-ui-flow-DOZhKpWR.js} +7 -7
- package/dist/{vue-ui-galaxy-DGCAtMPJ.cjs → vue-ui-galaxy-BesSgZcY.cjs} +1 -1
- package/dist/{vue-ui-galaxy-CA4vT6T9.js → vue-ui-galaxy-DlLG0xKi.js} +9 -9
- package/dist/{vue-ui-gauge-DnoClf1q.js → vue-ui-gauge-8RafppPz.js} +5 -5
- package/dist/{vue-ui-gauge-adb9MqKU.cjs → vue-ui-gauge-BxwG1Kwo.cjs} +1 -1
- package/dist/{vue-ui-gizmo-CM2rrjW-.js → vue-ui-gizmo-7kvomyBv.js} +2 -2
- package/dist/{vue-ui-gizmo-tANH2jdv.cjs → vue-ui-gizmo-BLGwCunm.cjs} +1 -1
- package/dist/{vue-ui-heatmap-CBlqLxiH.cjs → vue-ui-heatmap-Cio9d_p1.cjs} +1 -1
- package/dist/{vue-ui-heatmap-B1s4zxvm.js → vue-ui-heatmap-DrYunXgc.js} +8 -8
- package/dist/{vue-ui-kpi-BFTk7ZU3.cjs → vue-ui-kpi-BqaqS0Sc.cjs} +1 -1
- package/dist/{vue-ui-kpi-DqKvoNCy.js → vue-ui-kpi-d1wsMxlV.js} +3 -3
- package/dist/{vue-ui-mini-loader-D-AqqkAZ.js → vue-ui-mini-loader-CJwfVr_M.js} +2 -2
- package/dist/{vue-ui-mini-loader-BXwRtFgE.cjs → vue-ui-mini-loader-DhJ12J5b.cjs} +1 -1
- package/dist/{vue-ui-molecule-h4UuWEAW.cjs → vue-ui-molecule-DxWAKzbW.cjs} +1 -1
- package/dist/{vue-ui-molecule-DzHocdro.js → vue-ui-molecule-Uzqk850W.js} +9 -9
- package/dist/{vue-ui-mood-radar-CS7QJHs3.cjs → vue-ui-mood-radar-DY8gtaPz.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-1Tlf6aw2.js → vue-ui-mood-radar-psceCBqR.js} +9 -9
- package/dist/{vue-ui-nested-donuts-BeCVjHuA.cjs → vue-ui-nested-donuts-Bu9OL68Y.cjs} +1 -1
- package/dist/{vue-ui-nested-donuts-Du7HPk1D.js → vue-ui-nested-donuts-CFiRn0jk.js} +9 -9
- package/dist/{vue-ui-onion-CKIprro6.cjs → vue-ui-onion-CAxDBRGS.cjs} +1 -1
- package/dist/{vue-ui-onion-D6mP-ozX.js → vue-ui-onion-kPRNeXuX.js} +9 -9
- package/dist/{vue-ui-parallel-coordinate-plot-4duj4p9w.js → vue-ui-parallel-coordinate-plot-CYBmGnIu.js} +10 -10
- package/dist/{vue-ui-parallel-coordinate-plot-rOpV6LMo.cjs → vue-ui-parallel-coordinate-plot-DaVxlANN.cjs} +1 -1
- package/dist/{vue-ui-quadrant-BucLsuLe.js → vue-ui-quadrant-COeLNV2o.js} +10 -10
- package/dist/{vue-ui-quadrant-t8JYBTSb.cjs → vue-ui-quadrant-D182YkSv.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-iWzK1xOC.cjs → vue-ui-quick-chart-DdsSfSj4.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-QV_7Fkz8.js → vue-ui-quick-chart-S7bmmFTP.js} +6 -6
- package/dist/{vue-ui-radar-BqDGkijn.cjs → vue-ui-radar-BNYp4Cvf.cjs} +1 -1
- package/dist/{vue-ui-radar-BjHAeK_r.js → vue-ui-radar-BjdwArGH.js} +10 -10
- package/dist/{vue-ui-rating-Urv4VkCQ.cjs → vue-ui-rating-Bms5i1i6.cjs} +1 -1
- package/dist/{vue-ui-rating-DCBbo_zw.js → vue-ui-rating-D3wjp0wH.js} +2 -2
- package/dist/{vue-ui-relation-circle-D5mWVeOH.cjs → vue-ui-relation-circle-Bh_LkmOB.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-Dqus5AEv.js → vue-ui-relation-circle-D49d4Zkk.js} +5 -5
- package/dist/{vue-ui-rings-CenKPWLm.js → vue-ui-rings-C16aSDsP.js} +9 -9
- package/dist/{vue-ui-rings-BASFY1MR.cjs → vue-ui-rings-D99azl6b.cjs} +1 -1
- package/dist/{vue-ui-scatter-C7_wKZgM.cjs → vue-ui-scatter-C70x1iYX.cjs} +1 -1
- package/dist/{vue-ui-scatter-DKVRfyEx.js → vue-ui-scatter-DfcaiZ96.js} +10 -10
- package/dist/{vue-ui-screenshot-BbsapvVI.js → vue-ui-screenshot-Bf1vsmAF.js} +1 -1
- package/dist/{vue-ui-screenshot-BPVBFgZc.cjs → vue-ui-screenshot-DvDE7zxX.cjs} +1 -1
- package/dist/{vue-ui-skeleton-B5cqEJh5.js → vue-ui-skeleton-BcXNZYl9.js} +2 -2
- package/dist/{vue-ui-skeleton-0RSYEYO5.cjs → vue-ui-skeleton-c-ouk0AX.cjs} +1 -1
- package/dist/{vue-ui-smiley-BVh_PrQG.cjs → vue-ui-smiley-CLoPBQAZ.cjs} +1 -1
- package/dist/{vue-ui-smiley-c3WVJntN.js → vue-ui-smiley-CreoeEFq.js} +2 -2
- package/dist/{vue-ui-spark-trend-CXxzIkgB.cjs → vue-ui-spark-trend-DUb_IRKf.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-k-2KrIOw.js → vue-ui-spark-trend-D_tOD4Ta.js} +4 -4
- package/dist/{vue-ui-sparkbar-BHmNelWN.cjs → vue-ui-sparkbar-Bsq08omU.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-CfMBd1i2.js → vue-ui-sparkbar-CsIEMgM0.js} +3 -3
- package/dist/{vue-ui-sparkgauge-C4EZKUcd.js → vue-ui-sparkgauge-3YzN4m6q.js} +3 -3
- package/dist/{vue-ui-sparkgauge-C8Yzul1-.cjs → vue-ui-sparkgauge-Ctekz6Kd.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-HUZeHvwQ.cjs → vue-ui-sparkhistogram-CKDuTdfc.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-CYCMk0Nn.js → vue-ui-sparkhistogram-CjWwG7Zl.js} +4 -4
- package/dist/vue-ui-sparkline-B91EoUVn.cjs +1 -0
- package/dist/vue-ui-sparkline-XrDJFglg.js +359 -0
- package/dist/{vue-ui-sparkstackbar-yntdZ_U1.js → vue-ui-sparkstackbar-BKKSkrnj.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-DtE-w92H.cjs → vue-ui-sparkstackbar-r0XJQN3g.cjs} +1 -1
- package/dist/vue-ui-stackbar-CL5GsQiN.cjs +6 -0
- package/dist/vue-ui-stackbar-D4J9Z7wX.js +896 -0
- package/dist/{vue-ui-strip-plot-DnwkdcDH.cjs → vue-ui-strip-plot--P365ByW.cjs} +1 -1
- package/dist/{vue-ui-strip-plot-B7RNUPFq.js → vue-ui-strip-plot-DsuLc5K4.js} +9 -9
- package/dist/{vue-ui-table-CVZTOrVv.cjs → vue-ui-table-CGrGa90U.cjs} +1 -1
- package/dist/{vue-ui-table-D9nv-3WZ.js → vue-ui-table-DJjj6FvX.js} +1 -1
- package/dist/{vue-ui-table-heatmap-CyoJgm-p.js → vue-ui-table-heatmap-Dql-qWPD.js} +4 -4
- package/dist/{vue-ui-table-heatmap-Ciq5iK60.cjs → vue-ui-table-heatmap-v9N0LVg3.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-BzBBbPlM.js → vue-ui-table-sparkline-C9TVGFyf.js} +5 -5
- package/dist/{vue-ui-table-sparkline-DMHBrCHg.cjs → vue-ui-table-sparkline-LIvHkJR_.cjs} +1 -1
- package/dist/{vue-ui-thermometer-CMwBVDKP.cjs → vue-ui-thermometer-4aCLqzTu.cjs} +1 -1
- package/dist/{vue-ui-thermometer-B7GO1JVB.js → vue-ui-thermometer-BEexIekI.js} +5 -5
- package/dist/{vue-ui-timer-DOhULfFA.js → vue-ui-timer-CY7pvqXf.js} +4 -4
- package/dist/{vue-ui-timer-DL-jbhys.cjs → vue-ui-timer-CuJ9p9tE.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-CKSWZEz6.cjs → vue-ui-tiremarks-BCfOhCQd.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-CdSz4A3e.js → vue-ui-tiremarks-D7LgNJ-Z.js} +5 -5
- package/dist/{vue-ui-treemap-Bnf6Dwud.js → vue-ui-treemap-Dg58TlVx.js} +9 -9
- package/dist/{vue-ui-treemap-DuidfPhy.cjs → vue-ui-treemap-HRbke0i3.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-MKgSL3sf.cjs → vue-ui-vertical-bar-BmOJ8w-M.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-CanIt-Gp.js → vue-ui-vertical-bar-DYHw0QLR.js} +9 -9
- package/dist/{vue-ui-waffle-BTqxJCqj.js → vue-ui-waffle-BWDLUS-8.js} +9 -9
- package/dist/{vue-ui-waffle-CaOODGGV.cjs → vue-ui-waffle-DiNMc4kF.cjs} +1 -1
- package/dist/{vue-ui-wheel-CGeoj8Je.js → vue-ui-wheel-D5EMxg2C.js} +5 -5
- package/dist/{vue-ui-wheel-CFwuHnTA.cjs → vue-ui-wheel-DSudyI0a.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-jTnL4pfH.js → vue-ui-word-cloud-BcW7UgaX.js} +7 -7
- package/dist/{vue-ui-word-cloud-aGr6Wv6n.cjs → vue-ui-word-cloud-CXx7qEQS.cjs} +1 -1
- package/dist/{vue-ui-xy-Oy6S6E9Z.js → vue-ui-xy-CAJ3QM9F.js} +12 -12
- package/dist/{vue-ui-xy-DpqPRTcU.cjs → vue-ui-xy-JfWTcv1D.cjs} +1 -1
- package/dist/{vue-ui-xy-canvas--KPN7UHp.cjs → vue-ui-xy-canvas-BFRvVrf9.cjs} +1 -1
- package/dist/{vue-ui-xy-canvas-D9QelGDC.js → vue-ui-xy-canvas-BPAwiR3E.js} +10 -10
- package/package.json +1 -1
- package/dist/index-CSbGUkq2.cjs +0 -4
- package/dist/vue-ui-sparkline-BDrgcGQT.cjs +0 -1
- package/dist/vue-ui-sparkline-CqaXadBL.js +0 -342
- package/dist/vue-ui-stackbar-7edtVj-o.cjs +0 -6
- package/dist/vue-ui-stackbar-7wKRXzJb.js +0 -786
|
@@ -1,342 +0,0 @@
|
|
|
1
|
-
import { computed as d, ref as w, onMounted as J, openBlock as s, createElementBlock as n, normalizeStyle as N, renderSlot as F, normalizeProps as K, guardReactiveProps as Q, createElementVNode as f, toDisplayString as G, createCommentVNode as y, unref as v, Fragment as P, renderList as z, createBlock as ee } from "vue";
|
|
2
|
-
import { u as te, c as ae, t as le, o as ue, e as W, g as oe, s as I, R as se, S as ne, X as re, v as C, M as B, i as E, f as T } from "./index-Bbk73zTN.js";
|
|
3
|
-
import { u as j } from "./useNestedProp-DyRlubve.js";
|
|
4
|
-
import ie from "./vue-ui-skeleton-B5cqEJh5.js";
|
|
5
|
-
import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
|
-
const ve = ["id"], ce = ["xmlns", "viewBox"], ye = ["id"], he = ["stop-color"], fe = ["stop-color"], pe = ["id"], ge = ["stop-color"], me = ["stop-color"], ke = ["id"], be = ["stop-color"], xe = ["stop-color"], _e = { key: 0 }, we = ["d", "fill"], $e = ["d", "fill"], Le = ["d", "stroke", "stroke-width"], Ne = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ie = ["x", "y", "width", "height", "fill", "rx"], Ce = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Me = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Se = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ve = ["x", "y", "font-size", "font-weight", "fill"], Pe = ["x", "y", "height", "width", "onMouseenter", "onClick"], ze = {
|
|
7
|
-
__name: "vue-ui-sparkline",
|
|
8
|
-
props: {
|
|
9
|
-
config: {
|
|
10
|
-
type: Object,
|
|
11
|
-
default() {
|
|
12
|
-
return {};
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
dataset: {
|
|
16
|
-
type: Array,
|
|
17
|
-
default() {
|
|
18
|
-
return [];
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
showInfo: {
|
|
22
|
-
type: Boolean,
|
|
23
|
-
default: !0
|
|
24
|
-
},
|
|
25
|
-
selectedIndex: {
|
|
26
|
-
type: Number,
|
|
27
|
-
default: void 0
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
emits: ["hoverIndex", "selectDatapoint"],
|
|
31
|
-
setup(b, { emit: M }) {
|
|
32
|
-
const i = b, { vue_ui_sparkline: O } = te(), $ = d(() => !!i.dataset && i.dataset.length), p = w(ae()), e = d(() => {
|
|
33
|
-
const t = j({
|
|
34
|
-
userConfig: i.config,
|
|
35
|
-
defaultConfig: O
|
|
36
|
-
});
|
|
37
|
-
return t.theme ? {
|
|
38
|
-
...j({
|
|
39
|
-
userConfig: le.vue_ui_sparkline[t.theme] || i.config,
|
|
40
|
-
defaultConfig: t
|
|
41
|
-
})
|
|
42
|
-
} : t;
|
|
43
|
-
}), k = w(i.dataset.map((t) => e.value.style.animation.show ? {
|
|
44
|
-
...t,
|
|
45
|
-
value: null
|
|
46
|
-
} : {
|
|
47
|
-
...t,
|
|
48
|
-
value: [void 0].includes(t.value) ? null : t.value
|
|
49
|
-
}));
|
|
50
|
-
J(() => {
|
|
51
|
-
if (ue(i.dataset) ? W({
|
|
52
|
-
componentName: "VueUiSparkline",
|
|
53
|
-
type: "dataset"
|
|
54
|
-
}) : i.dataset.forEach((t, o) => {
|
|
55
|
-
oe({
|
|
56
|
-
datasetObject: t,
|
|
57
|
-
requiredAttributes: ["period", "value"]
|
|
58
|
-
}).forEach((a) => {
|
|
59
|
-
W({
|
|
60
|
-
componentName: "VueUiSparkline",
|
|
61
|
-
type: "datasetSerieAttribute",
|
|
62
|
-
property: a,
|
|
63
|
-
index: o
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
}), e.value.style.animation.show && i.dataset.length > 1) {
|
|
67
|
-
let a = function() {
|
|
68
|
-
o < i.dataset.length ? (k.value.push(i.dataset[o]), setTimeout(() => {
|
|
69
|
-
requestAnimationFrame(a);
|
|
70
|
-
}, t)) : k.value = i.dataset, o += 1;
|
|
71
|
-
};
|
|
72
|
-
k.value = [];
|
|
73
|
-
const t = e.value.style.animation.animationFrames / i.dataset.length;
|
|
74
|
-
let o = 0;
|
|
75
|
-
a();
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
const h = w({
|
|
79
|
-
height: 80,
|
|
80
|
-
width: 500
|
|
81
|
-
}), U = w(6), l = d(() => ({
|
|
82
|
-
top: 12,
|
|
83
|
-
left: 0,
|
|
84
|
-
right: h.value.width,
|
|
85
|
-
bottom: h.value.height - 3,
|
|
86
|
-
start: i.showInfo && e.value.style.dataLabel.show && e.value.style.dataLabel.position === "left" ? h.value.width - e.value.style.chartWidth : 30,
|
|
87
|
-
width: i.showInfo && e.value.style.dataLabel.show ? e.value.style.chartWidth : h.value.width - 30,
|
|
88
|
-
height: h.value.height - 12
|
|
89
|
-
})), S = d(() => Math.min(...k.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0))), X = d(() => Math.max(...k.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0))), x = d(() => {
|
|
90
|
-
const t = S.value >= 0 ? 0 : S.value;
|
|
91
|
-
return Math.abs(t);
|
|
92
|
-
}), R = d(() => X.value + x.value + U.value), L = d(() => l.value.bottom - l.value.height * V(x.value));
|
|
93
|
-
function V(t) {
|
|
94
|
-
return t / R.value;
|
|
95
|
-
}
|
|
96
|
-
const g = d(() => i.dataset.length - 1), u = d(() => k.value.map((t, o) => {
|
|
97
|
-
const a = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0;
|
|
98
|
-
return {
|
|
99
|
-
absoluteValue: a,
|
|
100
|
-
period: t.period,
|
|
101
|
-
plotValue: a + x.value,
|
|
102
|
-
toMax: V(a + x.value),
|
|
103
|
-
x: l.value.start + o * (l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1)),
|
|
104
|
-
y: l.value.bottom - l.value.height * V(a + x.value),
|
|
105
|
-
id: `plot_${p.value}_${o}`,
|
|
106
|
-
color: _.value ? e.value.style.bar.color : e.value.style.area.useGradient ? I(e.value.style.line.color, 0.05 * (1 - o / g.value)) : e.value.style.line.color,
|
|
107
|
-
width: l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1)
|
|
108
|
-
};
|
|
109
|
-
})), Z = d(() => {
|
|
110
|
-
const t = { x: u.value[0].x, y: h.value.height - 6 }, o = { x: u.value[u.value.length - 1].x, y: h.value.height - 6 }, a = [];
|
|
111
|
-
return u.value.forEach((r) => {
|
|
112
|
-
a.push(`${r.x},${r.y} `);
|
|
113
|
-
}), [t.x, t.y, ...a, o.x, o.y].toString();
|
|
114
|
-
}), c = w(void 0);
|
|
115
|
-
function q(t, o) {
|
|
116
|
-
c.value = t, M("hoverIndex", { index: o });
|
|
117
|
-
}
|
|
118
|
-
function H() {
|
|
119
|
-
c.value = void 0, M("hoverIndex", { index: void 0 });
|
|
120
|
-
}
|
|
121
|
-
const m = d(() => {
|
|
122
|
-
if ($.value) {
|
|
123
|
-
const t = u.value.map((a) => a.absoluteValue), o = t.reduce((a, r) => a + r, 0);
|
|
124
|
-
return {
|
|
125
|
-
latest: u.value[u.value.length - 1].absoluteValue,
|
|
126
|
-
sum: o,
|
|
127
|
-
average: o / u.value.length,
|
|
128
|
-
median: se(t),
|
|
129
|
-
trend: ne(u.value.map(({ x: a, y: r, absoluteValue: D }) => ({
|
|
130
|
-
x: a,
|
|
131
|
-
y: r,
|
|
132
|
-
value: D
|
|
133
|
-
}))).trend
|
|
134
|
-
};
|
|
135
|
-
} else
|
|
136
|
-
return {
|
|
137
|
-
latest: null,
|
|
138
|
-
sum: null,
|
|
139
|
-
average: null,
|
|
140
|
-
median: null,
|
|
141
|
-
trend: null
|
|
142
|
-
};
|
|
143
|
-
}), A = d(() => $.value ? e.value.style.dataLabel.valueType === "latest" ? m.value.latest : e.value.style.dataLabel.valueType === "sum" ? m.value.sum : e.value.style.dataLabel.valueType === "average" ? m.value.average : 0 : 0), _ = d(() => e.value.type && e.value.type === "bar");
|
|
144
|
-
function Y(t, o) {
|
|
145
|
-
M("selectDatapoint", { datapoint: t, index: o });
|
|
146
|
-
}
|
|
147
|
-
return (t, o) => (s(), n("div", {
|
|
148
|
-
class: "vue-ui-sparkline",
|
|
149
|
-
id: p.value,
|
|
150
|
-
style: N(`width:100%;font-family:${e.value.style.fontFamily}`)
|
|
151
|
-
}, [
|
|
152
|
-
F(t.$slots, "before", K(Q({
|
|
153
|
-
selected: c.value,
|
|
154
|
-
latest: m.value.latest,
|
|
155
|
-
sum: m.value.sum,
|
|
156
|
-
average: m.value.average,
|
|
157
|
-
median: m.value.median,
|
|
158
|
-
trend: m.value.trend
|
|
159
|
-
})), void 0, !0),
|
|
160
|
-
e.value.style.title.show && b.showInfo ? (s(), n("div", {
|
|
161
|
-
key: 0,
|
|
162
|
-
class: "vue-ui-sparkline-title",
|
|
163
|
-
style: N(`display:flex;align-items:center;width:100%;color:${e.value.style.title.color};background:${e.value.style.backgroundColor};justify-content:${e.value.style.title.textAlign === "left" ? "flex-start" : e.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${e.value.style.title.fontSize * 2}px;font-size:${e.value.style.title.fontSize}px;font-weight:${e.value.style.title.bold ? "bold" : "normal"};`)
|
|
164
|
-
}, [
|
|
165
|
-
f("span", {
|
|
166
|
-
style: N(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
|
|
167
|
-
}, G(c.value ? c.value.period : e.value.style.title.text), 5)
|
|
168
|
-
], 4)) : y("", !0),
|
|
169
|
-
$.value ? (s(), n("svg", {
|
|
170
|
-
key: 1,
|
|
171
|
-
xmlns: v(re),
|
|
172
|
-
viewBox: `0 0 ${h.value.width} ${h.value.height}`,
|
|
173
|
-
style: N(`background:${e.value.style.backgroundColor};overflow:visible`)
|
|
174
|
-
}, [
|
|
175
|
-
f("defs", null, [
|
|
176
|
-
f("linearGradient", {
|
|
177
|
-
x1: "0%",
|
|
178
|
-
y1: "0%",
|
|
179
|
-
x2: "100%",
|
|
180
|
-
y2: "0%",
|
|
181
|
-
id: `sparkline_gradient_${p.value}`
|
|
182
|
-
}, [
|
|
183
|
-
f("stop", {
|
|
184
|
-
offset: "0%",
|
|
185
|
-
"stop-color": `${v(I)(e.value.style.area.color, 0.05)}${v(C)[e.value.style.area.opacity]}`
|
|
186
|
-
}, null, 8, he),
|
|
187
|
-
f("stop", {
|
|
188
|
-
offset: "100%",
|
|
189
|
-
"stop-color": e.value.style.area.color + v(C)[e.value.style.area.opacity]
|
|
190
|
-
}, null, 8, fe)
|
|
191
|
-
], 8, ye),
|
|
192
|
-
f("linearGradient", {
|
|
193
|
-
x2: "0%",
|
|
194
|
-
y2: "100%",
|
|
195
|
-
id: `sparkline_bar_gradient_pos_${p.value}`
|
|
196
|
-
}, [
|
|
197
|
-
f("stop", {
|
|
198
|
-
offset: "0%",
|
|
199
|
-
"stop-color": e.value.style.bar.color
|
|
200
|
-
}, null, 8, ge),
|
|
201
|
-
f("stop", {
|
|
202
|
-
offset: "100%",
|
|
203
|
-
"stop-color": `${v(I)(e.value.style.bar.color, 0.05)}`
|
|
204
|
-
}, null, 8, me)
|
|
205
|
-
], 8, pe),
|
|
206
|
-
f("linearGradient", {
|
|
207
|
-
x2: "0%",
|
|
208
|
-
y2: "100%",
|
|
209
|
-
id: `sparkline_bar_gradient_neg_${p.value}`
|
|
210
|
-
}, [
|
|
211
|
-
f("stop", {
|
|
212
|
-
offset: "0%",
|
|
213
|
-
"stop-color": `${v(I)(e.value.style.bar.color, 0.05)}`
|
|
214
|
-
}, null, 8, be),
|
|
215
|
-
f("stop", {
|
|
216
|
-
offset: "100%",
|
|
217
|
-
"stop-color": e.value.style.bar.color
|
|
218
|
-
}, null, 8, xe)
|
|
219
|
-
], 8, ke)
|
|
220
|
-
]),
|
|
221
|
-
e.value.style.area.show && !_.value && u.value[0] ? (s(), n("g", _e, [
|
|
222
|
-
e.value.style.line.smooth ? (s(), n("path", {
|
|
223
|
-
key: 0,
|
|
224
|
-
d: `M ${u.value[0].x},${l.value.bottom} ${v(B)(u.value)} L ${u.value.at(-1).x},${l.value.bottom} Z`,
|
|
225
|
-
fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${p.value})` : `${e.value.style.area.color}${v(C)[e.value.style.area.opacity]}`
|
|
226
|
-
}, null, 8, we)) : (s(), n("path", {
|
|
227
|
-
key: 1,
|
|
228
|
-
d: `M${Z.value}Z`,
|
|
229
|
-
fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${p.value})` : `${e.value.style.area.color}${v(C)[e.value.style.area.opacity]}`
|
|
230
|
-
}, null, 8, $e))
|
|
231
|
-
])) : y("", !0),
|
|
232
|
-
e.value.style.line.smooth && !_.value ? (s(), n("path", {
|
|
233
|
-
key: 1,
|
|
234
|
-
d: `M ${v(B)(u.value)}`,
|
|
235
|
-
stroke: e.value.style.line.color,
|
|
236
|
-
fill: "none",
|
|
237
|
-
"stroke-width": e.value.style.line.strokeWidth,
|
|
238
|
-
"stroke-linecap": "round"
|
|
239
|
-
}, null, 8, Le)) : y("", !0),
|
|
240
|
-
(s(!0), n(P, null, z(u.value, (a, r) => (s(), n("g", null, [
|
|
241
|
-
r < u.value.length - 1 && !e.value.style.line.smooth && !_.value ? (s(), n("line", {
|
|
242
|
-
key: 0,
|
|
243
|
-
x1: a.x,
|
|
244
|
-
x2: u.value[r + 1].x,
|
|
245
|
-
y1: a.y,
|
|
246
|
-
y2: u.value[r + 1].y,
|
|
247
|
-
stroke: a.color,
|
|
248
|
-
"stroke-width": e.value.style.line.strokeWidth,
|
|
249
|
-
"stroke-linecap": "round",
|
|
250
|
-
"stroke-linejoin": "round",
|
|
251
|
-
"shape-rendering": "geometricPrecision"
|
|
252
|
-
}, null, 8, Ne)) : y("", !0),
|
|
253
|
-
_.value ? (s(), n("rect", {
|
|
254
|
-
key: 1,
|
|
255
|
-
x: a.x - a.width / 2,
|
|
256
|
-
y: a.absoluteValue > 0 ? a.y : L.value,
|
|
257
|
-
width: a.width,
|
|
258
|
-
height: Math.abs(a.y - L.value),
|
|
259
|
-
fill: a.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${p.value})` : `url(#sparkline_bar_gradient_neg_${p.value})`,
|
|
260
|
-
rx: e.value.style.bar.borderRadius
|
|
261
|
-
}, null, 8, Ie)) : y("", !0),
|
|
262
|
-
e.value.style.verticalIndicator.show && (c.value && a.id === c.value.id || b.selectedIndex === r) ? (s(), n("line", {
|
|
263
|
-
key: 2,
|
|
264
|
-
x1: a.x,
|
|
265
|
-
x2: a.x,
|
|
266
|
-
y1: l.value.top - 6,
|
|
267
|
-
y2: l.value.bottom,
|
|
268
|
-
stroke: e.value.style.verticalIndicator.color || a.color,
|
|
269
|
-
"stroke-width": e.value.style.verticalIndicator.strokeWidth,
|
|
270
|
-
"stroke-linecap": "round",
|
|
271
|
-
"stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
|
|
272
|
-
}, null, 8, Ce)) : y("", !0)
|
|
273
|
-
]))), 256)),
|
|
274
|
-
S.value < 0 ? (s(), n("line", {
|
|
275
|
-
key: 2,
|
|
276
|
-
x1: l.value.start,
|
|
277
|
-
x2: l.value.start + l.value.width - 16,
|
|
278
|
-
y1: L.value,
|
|
279
|
-
y2: L.value,
|
|
280
|
-
stroke: e.value.style.zeroLine.color,
|
|
281
|
-
"stroke-dasharray": e.value.style.zeroLine.strokeWidth * 2,
|
|
282
|
-
"stroke-width": e.value.style.zeroLine.strokeWidth,
|
|
283
|
-
"stroke-linecap": "round"
|
|
284
|
-
}, null, 8, Me)) : y("", !0),
|
|
285
|
-
e.value.style.plot.show ? (s(!0), n(P, { key: 3 }, z(u.value, (a, r) => (s(), n("g", null, [
|
|
286
|
-
c.value && a.id === c.value.id || b.selectedIndex === r ? (s(), n("circle", {
|
|
287
|
-
key: 0,
|
|
288
|
-
cx: a.x,
|
|
289
|
-
cy: a.y,
|
|
290
|
-
r: e.value.style.plot.radius,
|
|
291
|
-
fill: a.color,
|
|
292
|
-
stroke: e.value.style.plot.stroke,
|
|
293
|
-
"stroke-width": e.value.style.plot.strokeWidth
|
|
294
|
-
}, null, 8, Se)) : y("", !0)
|
|
295
|
-
]))), 256)) : y("", !0),
|
|
296
|
-
b.showInfo && e.value.style.dataLabel.show ? (s(), n("text", {
|
|
297
|
-
key: 4,
|
|
298
|
-
x: e.value.style.dataLabel.position === "left" ? 12 + e.value.style.dataLabel.offsetX : l.value.width + 12 + e.value.style.dataLabel.offsetX,
|
|
299
|
-
y: h.value.height / 2 + e.value.style.dataLabel.fontSize / 2.5 + e.value.style.dataLabel.offsetY,
|
|
300
|
-
"font-size": e.value.style.dataLabel.fontSize,
|
|
301
|
-
"font-weight": e.value.style.dataLabel.bold ? "bold" : "normal",
|
|
302
|
-
fill: e.value.style.dataLabel.color
|
|
303
|
-
}, G(c.value ? v(E)(
|
|
304
|
-
e.value.style.dataLabel.formatter,
|
|
305
|
-
c.value.absoluteValue,
|
|
306
|
-
v(T)({ p: e.value.style.dataLabel.prefix, v: c.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
|
|
307
|
-
{ datapoint: c.value }
|
|
308
|
-
) : v(E)(
|
|
309
|
-
e.value.style.dataLabel.formatter,
|
|
310
|
-
A.value,
|
|
311
|
-
v(T)({ p: e.value.style.dataLabel.prefix, v: A.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
|
|
312
|
-
)), 9, Ve)) : y("", !0),
|
|
313
|
-
(s(!0), n(P, null, z(u.value, (a, r) => (s(), n("rect", {
|
|
314
|
-
x: a.x - (l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1)) / 2,
|
|
315
|
-
y: l.value.top - 6,
|
|
316
|
-
height: l.value.height + 6,
|
|
317
|
-
width: l.value.width / (g.value + 1) > 30 ? 30 : l.value.width / (g.value + 1),
|
|
318
|
-
fill: "transparent",
|
|
319
|
-
onMouseenter: (D) => q(a, r),
|
|
320
|
-
onMouseleave: H,
|
|
321
|
-
onClick: () => Y(a, r)
|
|
322
|
-
}, null, 40, Pe))), 256)),
|
|
323
|
-
F(t.$slots, "svg", { svg: h.value }, void 0, !0)
|
|
324
|
-
], 12, ce)) : y("", !0),
|
|
325
|
-
$.value ? y("", !0) : (s(), ee(ie, {
|
|
326
|
-
key: 2,
|
|
327
|
-
config: {
|
|
328
|
-
type: "sparkline",
|
|
329
|
-
style: {
|
|
330
|
-
backgroundColor: e.value.style.backgroundColor,
|
|
331
|
-
sparkline: {
|
|
332
|
-
color: "#CCCCCC"
|
|
333
|
-
}
|
|
334
|
-
}
|
|
335
|
-
}
|
|
336
|
-
}, null, 8, ["config"]))
|
|
337
|
-
], 12, ve));
|
|
338
|
-
}
|
|
339
|
-
}, Be = /* @__PURE__ */ de(ze, [["__scopeId", "data-v-71dd1d7d"]]);
|
|
340
|
-
export {
|
|
341
|
-
Be as default
|
|
342
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-CSbGUkq2.cjs"),de=require("./useNestedProp-UmsAOi8p.cjs"),ve=require("./useResponsive-B3TrDDIG.cjs"),he=require("./usePrinter-C98FQ0-q.cjs"),Ee=require("./Slicer-CMyTqI-E.cjs"),Ve=require("./Tooltip-CAVFRdaz.cjs"),Pe=require("./Title-CO92NMAL.cjs"),Me=require("./Legend-CsoM5Opb.cjs"),Fe=require("./vue-ui-accordion-CM5vg9Tx.cjs"),Re=require("./DataTable-BwXjoB6L.cjs"),Oe=require("./vue-ui-skeleton-0RSYEYO5.cjs"),De=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ie=["id"],qe=["xmlns","viewBox"],Ae={key:0},He=["id"],Ue=["stop-color"],We=["stop-color"],Ge=["stop-color"],Ye=["x1","x2","y1","y2","stroke"],Je=["x1","x2","y1","y2","stroke"],Xe=["x","y","height","rx","width","fill","stroke","stroke-width"],Ze=["x1","x2","y1","y2","stroke","stroke-width"],Ke=["x1","x2","y1","y2","stroke","stroke-width"],Qe=["x","y","font-size","fill","font-weight"],je=["transform","font-size","fill","font-weight"],et=["x","y","font-size","fill","font-weight"],tt={key:0},at=["x","y","font-size","font-weight","fill"],lt=["x1","x2","y1","y2","stroke"],ot=["x","y","font-size","font-weight","fill"],rt=["text-anchor","font-size","font-weight","fill","transform"],st=["x","y","width","height","onClick","onMouseenter","fill"],nt={key:3,class:"vue-data-ui-watermark"},it=["onClick"],ut=["innerHTML"],ct={__name:"vue-ui-stackbar",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint","selectLegend"],setup(U,{expose:ge,emit:W}){const f=U,{vue_ui_stackbar:me}=u.useConfig(),S=e.computed({get(){return!!f.dataset&&f.dataset.length},set(l){return l}}),L=e.ref(null),R=e.ref(u.createUid()),O=e.ref(!1),G=e.ref(null),D=e.ref(""),h=e.ref([]),Y=e.ref(0),J=e.ref(null),X=e.ref(null),Z=e.ref(null),K=e.ref(0),I=e.ref(!1),q=e.ref(null),E=e.ref(!1);e.onMounted(()=>{u.objectIsEmpty(f.dataset)?u.error({componentName:"VueUiStackbar",type:"dataset"}):f.dataset.forEach((l,o)=>{u.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","series"]}).forEach(a=>{S.value=!1,u.error({componentName:"VueUiStackbar",type:"datasetSerieAttribute",property:a,index:o})})}),setTimeout(()=>{E.value=!0},10)});const t=e.computed(()=>{const l=de.useNestedProp({userConfig:f.config,defaultConfig:me});return l.theme?{...de.useNestedProp({userConfig:u.themes.vue_ui_stackbar[l.theme]||f.config,defaultConfig:l}),customPalette:u.themePalettes[l.theme]||u.palette}:l}),p=e.ref({dataLabels:{show:t.value.style.chart.bars.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),{isPrinting:Q,isImaging:j,generatePdf:ee,generateImage:te}=he.usePrinter({elementId:`stackbar_${R.value}`,fileName:t.value.style.chart.title.text||"vue-ui-stackbar"}),V=e.ref({width:t.value.style.chart.width,height:t.value.style.chart.height,paddingRatio:{top:t.value.style.chart.padding.top/t.value.style.chart.height,right:t.value.style.chart.padding.right/t.value.style.chart.width,bottom:t.value.style.chart.padding.bottom/t.value.style.chart.height,left:t.value.style.chart.padding.left/t.value.style.chart.width}}),pe=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),ae=e.ref(null),le=e.ref(null);e.onMounted(()=>{if(t.value.responsive){const l=ve.throttle(()=>{E.value=!1;const{width:o,height:a}=ve.useResponsive({chart:L.value,title:t.value.style.chart.title.text?J.value:null,legend:t.value.style.chart.legend.show?X.value:null,slicer:t.value.style.chart.zoom.show&&N.value>1?Z.value:null});V.value.width=o,V.value.height=a,clearTimeout(le.value),le.value=setTimeout(()=>{E.value=!0},10)});ae.value=new ResizeObserver(l),ae.value.observe(L.value.parentNode)}});const n=e.computed(()=>{const{height:l,width:o}=V.value,{right:a}=V.value.paddingRatio,r=t.value.style.chart.padding.top,s=o-o*a,c=l-t.value.style.chart.padding.bottom,g=t.value.style.chart.padding.left,C=o-g-o*a,w=l-r-t.value.style.chart.padding.bottom;return{chartHeight:l,chartWidth:o,top:r,right:s,bottom:c,left:g,width:C,height:w<0?0:w}}),k=e.computed(()=>f.dataset.map((l,o)=>{const a=u.convertColorToHex(l.color)||pe.value[o]||u.palette[o]||u.palette[o%u.palette.length];return{...l,series:JSON.parse(JSON.stringify(l.series)).map(r=>t.value.style.chart.bars.distributed?Math.abs(r):r),signedSeries:l.series.map(r=>r>=0?1:-1),absoluteIndex:o,id:u.createUid(),color:a}})),N=e.computed(()=>Math.max(...k.value.filter(l=>!h.value.includes(l.id)).map(l=>l.series.length))),i=e.ref({start:0,end:Math.max(...f.dataset.map(l=>l.series.length))});function ye(){i.value={start:0,end:Math.max(...f.dataset.map(l=>l.series.length))},K.value+=1}const y=e.computed(()=>{const l=n.value.width/(i.value.end-i.value.start);return l<=0?0:l}),A=e.computed(()=>u.sumSeries(k.value.filter(l=>!h.value.includes(l.id))).slice(i.value.start,i.value.end)),be=e.computed(()=>u.sumSeries(k.value.filter(l=>!h.value.includes(l.id)).map(l=>({...l,series:l.series.map((o,a)=>l.signedSeries[a]===-1&&o>=0?-o:o)}))).slice(i.value.start,i.value.end)),P=e.computed(()=>{const l=k.value.filter(o=>!h.value.includes(o.id));return{positive:u.sumSeries(l.map(o=>({...o,series:o.series.slice(i.value.start,i.value.end).map(a=>a>=0?a:0)}))),negative:u.sumSeries(l.map(o=>({...o,series:o.series.slice(i.value.start,i.value.end).map(a=>a<0?a:0)})))}}),$=e.computed(()=>{const l=Math.max(...P.value.positive),o=Math.min(...P.value.negative),a=[-1/0,1/0,NaN,void 0,null].includes(o)?0:o,r=u.calculateNiceScale(a>0?0:a,l<0?0:l,t.value.style.chart.grid.scale.ticks);return r.ticks.map(s=>({zero:n.value.bottom-n.value.height*(Math.abs(r.min)/(r.max+Math.abs(r.min))),y:n.value.bottom-n.value.height*((s+Math.abs(r.min))/(r.max+Math.abs(r.min))),x:n.value.left-8,value:s}))}),M=e.computed(()=>t.value.style.chart.grid.x.timeLabels.values.slice(i.value.start,i.value.end)),d=e.computed(()=>{if(!S.value)return[];let l=Array(N.value).fill(0),o=Array(N.value).fill(0);const a=Math.max(...P.value.positive)||0,r=Math.min(...P.value.negative),s=[-1/0,1/0,NaN,void 0,null].includes(r)?0:r,c=u.calculateNiceScale(s>0?0:s,a<0?0:a,t.value.style.chart.grid.scale.ticks),{min:g,max:C}=c,w=C+(g>=0?0:Math.abs(g))||1,x=n.value.height,T=$.value[0]?$.value[0].zero:n.value.bottom;return k.value.filter(b=>!h.value.includes(b.id)).map(b=>{const B=b.series.slice(i.value.start,i.value.end),Ne=b.signedSeries.slice(i.value.start,i.value.end),$e=B.map((v,m)=>n.value.left+y.value*m+y.value*t.value.style.chart.bars.gapRatio/4),Te=B.map((v,m)=>{const z=t.value.style.chart.bars.distributed?(v||0)/A.value[m]:(v||0)/w;let H,_;return v>0?(_=x*z,H=T-_-l[m],l[m]+=_):(_=x*z,H=T+o[m],o[m]+=Math.abs(_)),H}),ze=B.map((v,m)=>{const z=t.value.style.chart.bars.distributed?(v||0)/A.value[m]:(v||0)/w;return v>0?x*z:x*Math.abs(z)}),_e=B.map(v=>Math.abs(v)).reduce((v,m)=>v+m,0);return{...b,proportions:B.map((v,m)=>t.value.style.chart.bars.distributed?(v||0)/A.value[m]:(v||0)/_e),series:B,signedSeries:Ne,x:$e,y:Te,height:ze}})}),fe=e.computed(()=>be.value.map((l,o)=>({value:l,sign:l>=0?1:-1})));function oe(l,o,a,r,s){const c=s===-1&&l>=0?-l:l;return u.applyDataLabel(t.value.style.chart.bars.dataLabels.formatter,c,u.dataLabel({p:t.value.style.chart.bars.dataLabels.prefix,v:c,s:t.value.style.chart.bars.dataLabels.suffix,r:t.value.style.chart.bars.dataLabels.rounding}),{datapoint:o,seriesIndex:a,datapointIndex:r})}function ke(l,o,a,r){return u.applyDataLabel(t.value.style.chart.bars.dataLabels.formatter,l,u.dataLabel({v:l,s:"%",r:t.value.style.chart.bars.dataLabels.rounding}),{datapoint:o,seriesIndex:a,datapointIndex:r})}function xe(l){const o=JSON.parse(JSON.stringify(d.value)).map(a=>({name:a.name,value:a.series[l]===0?0:a.series[l]||null,proportion:a.proportions[l]||null,color:a.color,id:a.id}));W("selectDatapoint",{datapoint:o,period:M.value[l]})}function Ce(l){q.value=l,O.value=!0;const o=t.value.style.chart.tooltip.customFormat,a=JSON.parse(JSON.stringify(d.value)).map(s=>({name:s.name,value:s.series[l]===0?0:(s.signedSeries[l]===-1&&s.series[l]>=0?-s.series[l]:s.series[l])||null,proportion:s.proportions[l]||null,color:s.color,id:s.id})),r=a.map(s=>Math.abs(s.value)).reduce((s,c)=>s+c,0);if(u.isFunction(o)&&u.functionReturnsString(()=>o({seriesIndex:l,datapoint:a,series:d.value,config:t.value})))D.value=o({seriesIndex:l,datapoint:a,series:d.value,config:t.value});else{const{showValue:s,showPercentage:c,borderColor:g,roundingValue:C,roundingPercentage:w}=t.value.style.chart.tooltip;let x="";M.value[l]&&(x+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${g};padding-bottom:6px;margin-bottom:3px;">${M.value[l]}</div>`);const T=[s&&c?"(":"",s&&c?")":""];a.reverse().forEach(b=>{x+=`
|
|
2
|
-
<div style="display:flex;flex-direction:row;align-items:center;gap:4px">
|
|
3
|
-
<svg viewBox="0 0 12 12" height="14" width="14"><rect rx="1" x="0" y="0" height="12" width="12" stroke="none" fill="${t.value.style.chart.bars.gradient.show?`url(#gradient_${b.id})`:b.color}"/></svg>
|
|
4
|
-
${b.name}${s||c?":":""} ${s?u.dataLabel({p:t.value.style.chart.bars.dataLabels.prefix,v:b.value,s:t.value.style.chart.bars.dataLabels.suffix,r:C}):""} ${T[0]}${c?u.dataLabel({v:isNaN(b.value/r)?0:Math.abs(b.value)/r*100,s:"%",r:w}):""}${T[1]}
|
|
5
|
-
</div>
|
|
6
|
-
`}),D.value=`<div>${x}</div>`}}function we(l){I.value=l,Y.value+=1}function re(){p.value.showTable=!p.value.showTable}function se(){p.value.dataLabels.show=!p.value.dataLabels.show}function ne(){p.value.showTooltip=!p.value.showTooltip}function Se(){return d.value}const ie=e.computed(()=>{if(d.value.length===0)return{head:[],body:[],config:{},columnNames:[]};const l=d.value.map(({name:a,color:r})=>({label:a,color:r})),o=[];for(let a=i.value.start;a<i.value.end;a+=1){const r=[t.value.style.chart.grid.x.timeLabels.values[a]||a+1];k.value.forEach(s=>{r.push(Number((s.series[a]||0).toFixed(t.value.table.td.roundingValue)))}),o.push(r)}return{head:l,body:o}});function ue(){const l=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[""]],o=["",...ie.value.head.map(c=>c.label)],a=ie.value.body,r=l.concat([o]).concat(a),s=u.createCsvContent(r);u.downloadCsv({csvContent:s,title:t.value.style.chart.title.text||"vue-ui-stackbar"})}const F=e.computed(()=>{const l=[""].concat(d.value.map(s=>s.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');let o=[];for(let s=0;s<N.value;s+=1){const c=d.value.map(g=>g.series[s]??0).reduce((g,C)=>g+C,0);o.push([t.value.style.chart.grid.x.timeLabels.values.slice(i.value.start,i.value.end)[s]??s+1].concat(d.value.map(g=>(g.series[s]??0).toFixed(t.value.table.td.roundingValue))).concat((c??0).toFixed(t.value.table.td.roundingValue)))}const a={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},r=[t.value.table.columnNames.period].concat(d.value.map(s=>s.name)).concat(t.value.table.columnNames.total);return{head:l,body:o.slice(0,i.value.end-i.value.start),config:a,colNames:r}});function Be(l,o){if(W("selectLegend",d.value.find(a=>a.absoluteIndex===l)),h.value.includes(o.id))h.value=h.value.filter(a=>a!==o.id);else{if(h.value.length===k.value.length-1)return;h.value.push(o.id)}}const ce=e.computed(()=>k.value.map((l,o)=>({...l,shape:"square"})).map(l=>({...l,opacity:h.value.includes(l.id)?.5:1,segregate:()=>Be(l.absoluteIndex,l),isSegregated:h.value.includes(l.id)}))),Le=e.computed(()=>({cy:"stackbar-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""}));return ge({getData:Se,generatePdf:ee,generateCsv:ue,generateImage:te,toggleTable:re,toggleLabels:se,toggleTooltip:ne}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{id:`stackbar_${R.value}`,ref_key:"stackbarChart",ref:L,class:e.normalizeClass({"vue-ui-stackbar":!0,"vue-data-ui-wrapper-fullscreen":I.value}),style:e.normalizeStyle(`background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}; position: relative; ${t.value.responsive?"height: 100%":""}`)},[e.renderSlot(l.$slots,"userConfig",{},void 0,!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:J,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:24px`)},[e.createVNode(Pe._sfc_main,{config:{title:{cy:"stackbar-title",...t.value.style.chart.title},subtitle:{cy:"stackbar-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&S.value?(e.openBlock(),e.createBlock(he.UserOptions,{ref:"details",key:`user_option_${Y.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(Q),isImaging:e.unref(j),uid:R.value,hasTooltip:t.value.style.chart.tooltip.show&&t.value.userOptions.buttons.tooltip,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasLabel:t.value.userOptions.buttons.labels,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:L.value,isTooltip:p.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},onToggleFullscreen:we,onGeneratePdf:e.unref(ee),onGenerateCsv:ue,onGenerateImage:e.unref(te),onToggleTable:re,onToggleLabels:se,onToggleTooltip:ne},e.createSlots({_:2},[l.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionLabels",{},void 0,!0)]),key:"5"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:r})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:r})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasLabel","hasFullscreen","isFullscreen","chartElement","isTooltip","titles","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),S.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(u.XMLNS),viewBox:`0 0 ${n.value.chartWidth<=0?10:n.value.chartWidth} ${n.value.chartHeight<=0?10:n.value.chartHeight}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[t.value.style.chart.bars.gradient.show?(e.openBlock(),e.createElementBlock("defs",Ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,r)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`gradient_${a.id}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":a.color},null,8,Ue),e.createElementVNode("stop",{offset:"61.8%","stop-color":e.unref(u.lightenHexColor)(a.color,t.value.style.chart.bars.gradient.intensity/100)},null,8,We),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,Ge)],8,He))),256))])):e.createCommentVNode("",!0),t.value.style.chart.grid.x.showHorizontalLines?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($.value,(a,r)=>(e.openBlock(),e.createElementBlock("line",{x1:n.value.left,x2:n.value.right,y1:a.y,y2:a.y,stroke:t.value.style.chart.grid.x.axisColor,"stroke-width":1},null,8,Ye))),256)):e.createCommentVNode("",!0),t.value.style.chart.grid.y.showVerticalLines?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(i.value.end-i.value.start+1,(a,r)=>(e.openBlock(),e.createElementBlock("line",{x1:n.value.left+y.value*r,x2:n.value.left+y.value*r,y1:n.value.top,y2:n.value.bottom,stroke:t.value.style.chart.grid.y.axisColor,"stroke-width":1},null,8,Je))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,r)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.x,(s,c)=>(e.openBlock(),e.createElementBlock("rect",{x:s,y:a.y[c]<0?0:a.y[c],height:a.height[c]<0?1e-4:a.height[c],rx:t.value.style.chart.bars.borderRadius>a.height[c]/2?(a.height[c]<0?0:a.height[c])/2:t.value.style.chart.bars.borderRadius,width:y.value*(1-t.value.style.chart.bars.gapRatio/2),fill:t.value.style.chart.bars.gradient.show?`url(#gradient_${a.id})`:a.color,stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.bars.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",class:e.normalizeClass({"vue-data-ui-bar-animated":t.value.useCssAnimation,"vue-data-ui-bar-transition":E.value})},null,10,Xe))),256))]))),256)),t.value.style.chart.grid.x.showAxis?(e.openBlock(),e.createElementBlock("line",{key:3,x1:n.value.left,x2:n.value.right,y1:n.value.bottom,y2:n.value.bottom,stroke:t.value.style.chart.grid.x.axisColor,"stroke-width":t.value.style.chart.grid.x.axisThickness,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ze)):e.createCommentVNode("",!0),t.value.style.chart.grid.y.showAxis&&!t.value.style.chart.bars.distributed?(e.openBlock(),e.createElementBlock("line",{key:4,x1:n.value.left,x2:n.value.left,y1:n.value.top,y2:n.value.bottom,stroke:t.value.style.chart.grid.y.axisColor,"stroke-width":t.value.style.chart.grid.y.axisThickness,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ke)):e.createCommentVNode("",!0),t.value.style.chart.grid.x.axisName.show&&t.value.style.chart.grid.x.axisName.text?(e.openBlock(),e.createElementBlock("text",{key:5,x:n.value.left+n.value.width/2,y:n.value.chartHeight+t.value.style.chart.grid.x.axisName.offsetY,"font-size":t.value.style.chart.grid.x.axisName.fontSize,fill:t.value.style.chart.grid.x.axisName.color,"font-weight":t.value.style.chart.grid.x.axisName.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(t.value.style.chart.grid.x.axisName.text),9,Qe)):e.createCommentVNode("",!0),t.value.style.chart.grid.y.axisName.show&&t.value.style.chart.grid.y.axisName.text?(e.openBlock(),e.createElementBlock("text",{key:6,transform:`translate(${t.value.style.chart.grid.y.axisName.fontSize+t.value.style.chart.grid.y.axisName.offsetX}, ${n.value.top+n.value.height/2}) rotate(-90)`,"font-size":t.value.style.chart.grid.y.axisName.fontSize,fill:t.value.style.chart.grid.y.axisName.color,"font-weight":t.value.style.chart.grid.y.axisName.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(t.value.style.chart.grid.y.axisName.text),9,je)):e.createCommentVNode("",!0),p.value.dataLabels.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,r)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.x,(s,c)=>(e.openBlock(),e.createElementBlock("text",{x:s+y.value*(1-t.value.style.chart.bars.gapRatio/2)/2,y:a.y[c]+a.height[c]/2+t.value.style.chart.bars.dataLabels.fontSize/3,"font-size":t.value.style.chart.bars.dataLabels.fontSize,fill:t.value.style.chart.bars.dataLabels.adaptColorToBackground?e.unref(u.adaptColorToBackground)(a.color):t.value.style.chart.bars.dataLabels.color,"font-weight":t.value.style.chart.bars.dataLabels.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(t.value.style.chart.bars.showDistributedPercentage&&t.value.style.chart.bars.distributed?ke(a.proportions[c]*100,a,r,c):oe(a.series[c],a,r,c,a.signedSeries[c])),9,et))),256))]))),256)),t.value.style.chart.bars.totalValues.show&&d.value.length>1?(e.openBlock(),e.createElementBlock("g",tt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(fe.value,(a,r)=>(e.openBlock(),e.createElementBlock("text",{x:n.value.left+y.value*r+y.value/2,y:n.value.top-t.value.style.chart.bars.totalValues.fontSize/3,"text-anchor":"middle","font-size":t.value.style.chart.bars.totalValues.fontSize,"font-weight":t.value.style.chart.bars.totalValues.bold?"bold":"normal",fill:t.value.style.chart.bars.totalValues.color},e.toDisplayString(oe(a.value,a,r,a.sign)),9,at))),256))])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.grid.y.axisLabels.show&&!t.value.style.chart.bars.distributed?(e.openBlock(),e.createElementBlock(e.Fragment,{key:8},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(a,r)=>(e.openBlock(),e.createElementBlock("line",{x1:n.value.left,x2:n.value.left-6,y1:a.y,y2:a.y,stroke:t.value.style.chart.grid.x.axisColor,"stroke-width":1},null,8,lt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(a,r)=>(e.openBlock(),e.createElementBlock("text",{x:a.x,y:a.y+t.value.style.chart.grid.y.axisLabels.fontSize/3,"font-size":t.value.style.chart.grid.y.axisLabels.fontSize,"font-weight":t.value.style.chart.grid.y.axisLabels.bold?"bold":"normal",fill:t.value.style.chart.grid.y.axisLabels.color,"text-anchor":"end"},e.toDisplayString(e.unref(u.dataLabel)({p:t.value.style.chart.bars.dataLabels.prefix,v:a.value,s:t.value.style.chart.bars.dataLabels.suffix,r:t.value.style.chart.grid.y.axisLabels.rounding})),9,ot))),256))],64)):e.createCommentVNode("",!0),t.value.style.chart.grid.x.timeLabels.show?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:9},e.renderList(M.value,(a,r)=>(e.openBlock(),e.createElementBlock("text",{"text-anchor":t.value.style.chart.grid.x.timeLabels.rotation>0?"start":t.value.style.chart.grid.x.timeLabels.rotation<0?"end":"middle","font-size":t.value.style.chart.grid.x.timeLabels.fontSize,"font-weight":t.value.style.chart.grid.x.timeLabels.bold?"bold":"normal",fill:t.value.style.chart.grid.x.timeLabels.color,transform:`translate(${n.value.left+y.value*r+y.value/2}, ${n.value.bottom+t.value.style.chart.grid.x.timeLabels.fontSize*1.3+t.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${t.value.style.chart.grid.x.timeLabels.rotation})`},e.toDisplayString(a),9,rt))),256)):e.createCommentVNode("",!0),p.value.showTooltip?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:10},e.renderList(i.value.end-i.value.start,(a,r)=>(e.openBlock(),e.createElementBlock("rect",{x:n.value.left+r*y.value,y:n.value.top,width:y.value,height:n.value.height<0?0:n.value.height,onClick:s=>xe(r),onMouseenter:s=>Ce(r),onMouseleave:o[0]||(o[0]=s=>{q.value=null,O.value=!1}),fill:r===q.value?t.value.style.chart.highlighter.color+e.unref(u.opacity)[t.value.style.chart.highlighter.opacity]:"transparent"},null,40,st))),256)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",e.normalizeProps(e.guardReactiveProps({...n.value})),void 0,!0)],12,qe)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",nt,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(Q)||e.unref(j)})),void 0,!0)])):e.createCommentVNode("",!0),S.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Oe.default,{key:4,config:{type:"bar",style:{backgroundColor:t.value.style.chart.backgroundColor,bar:{axis:{color:"#CCCCCC"},color:"#CCCCCC"}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartSlicer",ref:Z,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor}`),"data-html2canvas-ignore":""},[t.value.style.chart.zoom.show&&N.value>1?(e.openBlock(),e.createBlock(Ee.Slicer,{key:`slicer_${K.value}`,background:t.value.style.chart.zoom.color,borderColor:t.value.style.chart.backgroundColor,fontSize:t.value.style.chart.zoom.fontSize,useResetSlot:t.value.style.chart.zoom.useResetSlot,labelLeft:t.value.style.chart.grid.x.timeLabels.values[i.value.start]?t.value.style.chart.grid.x.timeLabels.values[i.value.start]:"",labelRight:t.value.style.chart.grid.x.timeLabels.values[i.value.end-1]?t.value.style.chart.grid.x.timeLabels.values[i.value.end-1]:"",textColor:t.value.style.chart.color,inputColor:t.value.style.chart.zoom.color,selectColor:t.value.style.chart.zoom.highlightColor,max:Math.max(...U.dataset.map(a=>a.series.length)),min:0,valueStart:i.value.start,valueEnd:i.value.end,start:i.value.start,"onUpdate:start":o[1]||(o[1]=a=>i.value.start=a),end:i.value.end,"onUpdate:end":o[2]||(o[2]=a=>i.value.end=a),onReset:ye},{"reset-action":e.withCtx(({reset:a})=>[e.renderSlot(l.$slots,"reset-action",e.normalizeProps(e.guardReactiveProps({reset:a})),void 0,!0)]),_:3},8,["background","borderColor","fontSize","useResetSlot","labelLeft","labelRight","textColor","inputColor","selectColor","max","valueStart","valueEnd","start","end"])):e.createCommentVNode("",!0)],4),e.createVNode(Ve._sfc_main,{show:p.value.showTooltip&&O.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,fontSize:t.value.style.chart.tooltip.fontSize,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:L.value,content:D.value,isCustom:e.unref(u.isFunction)(t.value.style.chart.tooltip.customFormat)},{"tooltip-before":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...G.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","fontSize","borderRadius","borderColor","borderWidth","backgroundOpacity","position","offsetY","parent","content","isCustom"]),e.createElementVNode("div",{ref_key:"chartLegend",ref:X},[t.value.style.chart.legend.show&&S.value?(e.openBlock(),e.createBlock(Me.Legend,{key:0,legendSet:ce.value,config:Le.value,onClickMarker:o[3]||(o[3]=({legend:a})=>a.segregate())},{item:e.withCtx(({legend:a})=>[e.createElementVNode("div",{onClick:r=>a.segregate(),style:e.normalizeStyle(`opacity:${h.value.includes(a.id)?.5:1}`)},e.toDisplayString(a.name),13,it)]),_:1},8,["legendSet","config"])):e.renderSlot(l.$slots,"legend",{key:1,legend:ce.value},void 0,!0)],512),i.value.end-i.value.start<200?(e.openBlock(),e.createBlock(Fe.default,{key:5,hideDetails:"",config:{open:p.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode(Re.DataTable,{colNames:F.value.colNames,head:F.value.head,body:F.value.body,config:F.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:o[4]||(o[4]=a=>p.value.showTable=!1)},{th:e.withCtx(({th:a})=>[e.createElementVNode("div",{innerHTML:a},null,8,ut)]),td:e.withCtx(({td:a})=>[e.createTextVNode(e.toDisplayString(isNaN(Number(a))?a:e.unref(u.dataLabel)({p:t.value.style.chart.bars.dataLabels.prefix,v:a,s:t.value.style.chart.bars.dataLabels.suffix,r:t.value.table.td.roundingValue})),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,Ie))}},dt=De._export_sfc(ct,[["__scopeId","data-v-b55a4b06"]]);exports.default=dt;
|