vue-data-ui 3.1.4 → 3.1.6
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-COJRk3pc.js → Arrow-DtlAIKPQ.js} +1 -1
- package/dist/{BaseDraggableDialog-BdAp3qr9.js → BaseDraggableDialog-BVZPPMT9.js} +2 -2
- package/dist/{BaseIcon-B5nQNkmd.js → BaseIcon-D_BjQBAR.js} +1 -1
- package/dist/{ColorPicker-CPqHwp1V.js → ColorPicker-BeJGNqJl.js} +2 -2
- package/dist/{DataTable-CzO3oHys.js → DataTable-IycMkaTU.js} +2 -2
- package/dist/{Legend-BQqnf4BN.js → Legend-D7l8BJ7z.js} +2 -2
- package/dist/{NonSvgPenAndPaper-D_g27Foy.js → NonSvgPenAndPaper-BK5M9Lt9.js} +3 -3
- package/dist/{PackageVersion-7CxQB-mx.js → PackageVersion-BtfT0hV9.js} +1 -1
- package/dist/{PenAndPaper-C8hICPzL.js → PenAndPaper-BdzDJYnr.js} +3 -3
- package/dist/{Shape-BEVQVI0z.js → Shape-DD3SLpa4.js} +1 -1
- package/dist/Slicer-DoGlWyq_.js +596 -0
- package/dist/{SparkTooltip-BSgzljwP.js → SparkTooltip-DAfofSes.js} +1 -1
- package/dist/{Title-nHtPyPd9.js → Title-DbQthJAs.js} +1 -1
- package/dist/Tooltip-DvtYLrX2.js +200 -0
- package/dist/{UserOptions-D3pVnvAB.js → UserOptions-Dd5XOrwq.js} +2 -2
- package/dist/{dom-to-png-CcijTM69.js → dom-to-png-j6qE-sAL.js} +1 -1
- package/dist/{img-Bl0o2UAr.js → img-DLgjML7h.js} +1 -1
- package/dist/{index-INqbM37s.js → index-C0wrF8hm.js} +6 -2
- package/dist/{pdf-BeeAdG2m.js → pdf-Csglybwj.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +4 -0
- package/dist/types/vue-data-ui.d.ts +4 -0
- package/dist/{useAutoSizeLabelsInsideViewbox-DXkvjSDn.js → useAutoSizeLabelsInsideViewbox-Bj3DhGbZ.js} +1 -1
- package/dist/{useNestedProp-BKprMEaB.js → useNestedProp-Bg2FlIgI.js} +1 -1
- package/dist/{usePrinter-9WO5mDzj.js → usePrinter-C2jvouU0.js} +2 -2
- package/dist/{vue-data-ui-IMHc9Ta4.js → vue-data-ui-DaOijb0V.js} +64 -64
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-D-1TVi2s.js → vue-ui-3d-bar-BbW6NaRc.js} +8 -8
- package/dist/{vue-ui-accordion-CQZjxT5U.js → vue-ui-accordion-3JuSLBjV.js} +3 -3
- package/dist/{vue-ui-age-pyramid-B31NbBxS.js → vue-ui-age-pyramid-D94C1TOK.js} +44 -42
- package/dist/{vue-ui-annotator-BmFYtzWW.js → vue-ui-annotator-Jq_yw0h7.js} +2 -2
- package/dist/{vue-ui-bullet-BvMlcux3.js → vue-ui-bullet-ajwy7d-R.js} +7 -7
- package/dist/{vue-ui-candlestick-CCrNcgjy.js → vue-ui-candlestick-vMGbmNWA.js} +87 -85
- package/dist/{vue-ui-carousel-table-DrGj7_CL.js → vue-ui-carousel-table-DydTCm2Z.js} +4 -4
- package/dist/{vue-ui-chestnut-Dz0E-AxZ.js → vue-ui-chestnut-D6AP76wU.js} +37 -37
- package/dist/{vue-ui-chord-BxOzgPka.js → vue-ui-chord-Du8GJXPN.js} +11 -11
- package/dist/{vue-ui-circle-pack-CaWwzEF0.js → vue-ui-circle-pack-C-C3OGW_.js} +232 -228
- package/dist/{vue-ui-cursor-CG-oJITu.js → vue-ui-cursor-B70FlDqP.js} +2 -2
- package/dist/{vue-ui-dashboard-BFLQYXuo.js → vue-ui-dashboard-DrFCH7LP.js} +67 -67
- package/dist/{vue-ui-digits-BlZsS_qz.js → vue-ui-digits-CQy-vOC2.js} +2 -2
- package/dist/{vue-ui-donut-COXIRkz4.js → vue-ui-donut-D0RdN18d.js} +53 -51
- package/dist/{vue-ui-donut-evolution-DSGLD4z5.js → vue-ui-donut-evolution-naYIvk-b.js} +38 -38
- package/dist/{vue-ui-dumbbell-DgUPMy2W.js → vue-ui-dumbbell-D6b7WMTy.js} +84 -84
- package/dist/{vue-ui-flow-E8_jp5Qc.js → vue-ui-flow-Dh8_ii-s.js} +82 -80
- package/dist/{vue-ui-funnel-NMcBpYTQ.js → vue-ui-funnel-Ct4e9chO.js} +31 -31
- package/dist/{vue-ui-galaxy-Cay4NZ6o.js → vue-ui-galaxy-Dqklv14X.js} +49 -47
- package/dist/{vue-ui-gauge-DWOH8_Z2.js → vue-ui-gauge-D-vHj5J1.js} +7 -7
- package/dist/{vue-ui-gizmo-DtZu2tcU.js → vue-ui-gizmo-Cn0d1lVH.js} +3 -3
- package/dist/{vue-ui-heatmap-Dk5515tQ.js → vue-ui-heatmap-BpcoDwpi.js} +69 -67
- package/dist/{vue-ui-history-plot-X_jPheWu.js → vue-ui-history-plot-D8tmNUHo.js} +148 -146
- package/dist/{vue-ui-kpi-DwNsapLR.js → vue-ui-kpi-88Bguk6S.js} +3 -3
- package/dist/{vue-ui-mini-loader-uyATuTz5.js → vue-ui-mini-loader-VDpWxyls.js} +2 -2
- package/dist/{vue-ui-molecule-BOeCt8b2.js → vue-ui-molecule-Cn8yeJLZ.js} +63 -61
- package/dist/{vue-ui-mood-radar-BeHjc5Ty.js → vue-ui-mood-radar-DidC77_K.js} +9 -9
- package/dist/{vue-ui-nested-donuts-CPoaD2py.js → vue-ui-nested-donuts-D1EZ91Wm.js} +71 -69
- package/dist/{vue-ui-onion-C8H8i77u.js → vue-ui-onion-B_mir5Ax.js} +40 -37
- package/dist/{vue-ui-parallel-coordinate-plot-Cblzs6mf.js → vue-ui-parallel-coordinate-plot-DRbJyqiQ.js} +54 -52
- package/dist/{vue-ui-quadrant-BLYsMAey.js → vue-ui-quadrant-D7ihdCkd.js} +204 -202
- package/dist/{vue-ui-quick-chart-D-7cooqG.js → vue-ui-quick-chart-Dwc1xJtX.js} +63 -61
- package/dist/{vue-ui-radar-BBR8cYGx.js → vue-ui-radar-DhsgkGwF.js} +121 -119
- package/dist/{vue-ui-rating-Ccn8aUMA.js → vue-ui-rating-D_sWv7fR.js} +2 -2
- package/dist/{vue-ui-relation-circle-SKeIJXHs.js → vue-ui-relation-circle-CAvYwKpm.js} +7 -7
- package/dist/{vue-ui-ridgeline-CuHSBPB8.js → vue-ui-ridgeline-DuWQX2OI.js} +10 -10
- package/dist/{vue-ui-rings-SusI7pff.js → vue-ui-rings-BrBkOGZk.js} +162 -160
- package/dist/{vue-ui-scatter-Do8NoLng.js → vue-ui-scatter--kNBhPeG.js} +158 -156
- package/dist/{vue-ui-skeleton-FONviv9G.js → vue-ui-skeleton-B6Y0yxOn.js} +3 -3
- package/dist/{vue-ui-smiley-Bbt8bZxB.js → vue-ui-smiley-B7tZsNRS.js} +2 -2
- package/dist/{vue-ui-spark-trend-DB7RPBwQ.js → vue-ui-spark-trend-Dy5C9uny.js} +3 -3
- package/dist/{vue-ui-sparkbar-B8inUR_m.js → vue-ui-sparkbar-9NN07DOT.js} +3 -3
- package/dist/{vue-ui-sparkgauge-B4_YoY5M.js → vue-ui-sparkgauge-iV-u83Ie.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-DXSLenC7.js → vue-ui-sparkhistogram-X47TDKC2.js} +4 -4
- package/dist/{vue-ui-sparkline-BQ6Voxky.js → vue-ui-sparkline-C67Y3c7l.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BgFJQKhq.js → vue-ui-sparkstackbar-Bzmq9peq.js} +36 -34
- package/dist/{vue-ui-stackbar-CBB-kH1C.js → vue-ui-stackbar-C0cn-5Sz.js} +15 -13
- package/dist/{vue-ui-strip-plot-3gWivNhR.js → vue-ui-strip-plot-D3StIxYT.js} +59 -57
- package/dist/{vue-ui-table-NJNp95Us.js → vue-ui-table-B-wP544v.js} +3 -3
- package/dist/{vue-ui-table-heatmap-CRzHSurU.js → vue-ui-table-heatmap-_qJwOiYG.js} +5 -5
- package/dist/{vue-ui-table-sparkline-DxGr1WNr.js → vue-ui-table-sparkline-C6MoeyKm.js} +4 -4
- package/dist/{vue-ui-thermometer-B6NudPzq.js → vue-ui-thermometer-BmYZiNK4.js} +7 -7
- package/dist/{vue-ui-timer-DO3oJlhi.js → vue-ui-timer-XeLnI_ia.js} +5 -5
- package/dist/{vue-ui-tiremarks-Dv39xDlL.js → vue-ui-tiremarks-CnCSAQiH.js} +6 -6
- package/dist/{vue-ui-treemap-D9jbccaW.js → vue-ui-treemap-Nd27H4H5.js} +41 -39
- package/dist/{vue-ui-vertical-bar-CxJNWczK.js → vue-ui-vertical-bar-Dd1XUvnp.js} +54 -52
- package/dist/{vue-ui-waffle-BMjk9LhH.js → vue-ui-waffle-Czg-z9KF.js} +56 -54
- package/dist/{vue-ui-wheel-CMACWJLJ.js → vue-ui-wheel-DfPu-QQM.js} +6 -6
- package/dist/{vue-ui-word-cloud-BbwSabN0.js → vue-ui-word-cloud-CB9_bPjO.js} +107 -104
- package/dist/{vue-ui-world-DCp2i-uy.js → vue-ui-world-Bo_NzzhJ.js} +12 -10
- package/dist/{vue-ui-xy-CRQHfrGQ.js → vue-ui-xy-Dc-o6Q3R.js} +1234 -1231
- package/dist/{vue-ui-xy-canvas-D-iziyn0.js → vue-ui-xy-canvas-D1Do33ar.js} +46 -44
- package/package.json +4 -2
- package/dist/Slicer-Cmc94zkG.js +0 -604
- package/dist/Tooltip-RCWHeRDV.js +0 -161
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineAsyncComponent as Ce, ref as w, computed as N, toRefs as aa, watch as $e, shallowRef as It, onMounted as la, onBeforeUnmount as Et, nextTick as Tt, watchEffect as oa, createElementBlock as o, openBlock as a, normalizeStyle as O, normalizeClass as ce, createBlock as Ie, createCommentVNode as g, createElementVNode as L, createVNode as ke, unref as r, createSlots as na, withCtx as ee, renderSlot as U, normalizeProps as he, guardReactiveProps as fe, toDisplayString as
|
|
2
|
-
import { u as ua, c as ra, t as sa, a as va, p as G, b as da, C as He, d as ca, G as ha, f as fa, o as ga, e as tt, m as ma, D as Pt, X as pa, n as xa, q as at, r as Ee, k as te, i as W, I as Ot, V as Rt, h as ae, y as qe, z as lt } from "./index-
|
|
3
|
-
import { t as
|
|
4
|
-
import { u as ka } from "./usePrinter-
|
|
5
|
-
import { u as
|
|
1
|
+
import { defineAsyncComponent as Ce, ref as w, computed as N, toRefs as aa, watch as $e, shallowRef as It, onMounted as la, onBeforeUnmount as Et, nextTick as Tt, watchEffect as oa, createElementBlock as o, openBlock as a, normalizeStyle as O, normalizeClass as ce, createBlock as Ie, createCommentVNode as g, createElementVNode as L, createVNode as ke, unref as r, createSlots as na, withCtx as ee, renderSlot as U, normalizeProps as he, guardReactiveProps as fe, toDisplayString as M, Fragment as p, renderList as I, Teleport as ia, mergeProps as et } from "vue";
|
|
2
|
+
import { u as ua, c as ra, t as sa, a as va, p as G, b as da, C as He, d as ca, G as ha, f as fa, o as ga, e as tt, m as ma, D as Pt, X as pa, n as xa, q as at, r as Ee, k as te, i as W, I as Ot, V as Rt, h as ae, y as qe, z as lt } from "./index-C0wrF8hm.js";
|
|
3
|
+
import { t as Ft, u as ya } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as ka } from "./usePrinter-C2jvouU0.js";
|
|
5
|
+
import { u as Mt } from "./useNestedProp-Bg2FlIgI.js";
|
|
6
6
|
import { u as ba } from "./useTimeLabels-BGFjWgrv.js";
|
|
7
7
|
import { u as Sa } from "./useChartAccessibility-9icAAmYg.js";
|
|
8
8
|
import { u as wa } from "./useTimeLabelCollider-CIsgDrl9.js";
|
|
9
|
-
import Aa from "./img-
|
|
10
|
-
import { S as La } from "./Slicer-
|
|
9
|
+
import Aa from "./img-DLgjML7h.js";
|
|
10
|
+
import { S as La } from "./Slicer-DoGlWyq_.js";
|
|
11
11
|
import { u as _a, B as za } from "./BaseScanner-BgWxam9d.js";
|
|
12
12
|
import { _ as Ca } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
13
13
|
const z = {
|
|
@@ -20,10 +20,10 @@ function Ia({ dataset: h, barLineSwitch: P = 6, debug: S = !0 }) {
|
|
|
20
20
|
if ((typeof h == "number" || typeof h == "string") && S && console.warn(`The provided dataset (${h}) is not sufficient to build a chart`), Xe(h) && (le(h) && (h.length < P ? B = z.BAR : B = z.LINE, H = h, oe = h.length), We(h))) {
|
|
21
21
|
if (!Ta(h))
|
|
22
22
|
return S && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
|
|
23
|
-
const je = Object.keys(h[0]),
|
|
23
|
+
const je = Object.keys(h[0]), F = Object.values(h[0]);
|
|
24
24
|
if (!je.some((R) => Pa(R)))
|
|
25
25
|
return S && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
|
|
26
|
-
Nt(
|
|
26
|
+
Nt(F, (R) => typeof R == "number") && (B = z.DONUT, H = h), Nt(F, (R) => Array.isArray(R) && le(R)) && (Bt(h) > P ? B = z.LINE : B = z.BAR, oe = Bt(h), H = h.map((R) => ({
|
|
27
27
|
...R,
|
|
28
28
|
data: Oa(R, (Te) => le(Te))
|
|
29
29
|
}))), h = h.map((R) => Dt(R)), H = H.map((R) => Dt(R));
|
|
@@ -89,7 +89,7 @@ function Dt(h) {
|
|
|
89
89
|
h.hasOwnProperty(S) && (P[S.toUpperCase()] = h[S]);
|
|
90
90
|
return P;
|
|
91
91
|
}
|
|
92
|
-
const Ra = ["id"],
|
|
92
|
+
const Ra = ["id"], Fa = ["id"], Ma = ["xmlns", "viewBox"], Na = ["x", "y", "width", "height"], Ba = ["x", "y", "width", "height"], Da = ["width", "height"], Ua = ["id"], Va = ["id"], Ha = ["id"], qa = ["flood-color"], Wa = {
|
|
93
93
|
key: 0,
|
|
94
94
|
class: "donut-label-connectors"
|
|
95
95
|
}, Xa = ["d", "stroke", "stroke-width", "filter"], ja = ["cx", "cy", "r", "fill", "filter"], Ga = { class: "donut" }, Ya = ["d", "fill", "stroke", "stroke-width", "filter"], Za = ["d", "onMouseenter", "onMouseout", "onClick"], Ja = {
|
|
@@ -119,10 +119,10 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
119
119
|
}, $l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], El = {
|
|
120
120
|
key: 1,
|
|
121
121
|
class: "line-axis"
|
|
122
|
-
}, Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x", "y", "font-size", "fill"],
|
|
122
|
+
}, Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x", "y", "font-size", "fill"], Fl = {
|
|
123
123
|
key: 3,
|
|
124
124
|
class: "periodLabels"
|
|
125
|
-
},
|
|
125
|
+
}, Ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Nl = { key: 0 }, Bl = ["font-size", "text-anchor", "fill", "transform"], Dl = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Ul = { class: "plots" }, Vl = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Hl = ["to"], ql = ["from", "to"], Wl = {
|
|
126
126
|
key: 4,
|
|
127
127
|
class: "dataLabels"
|
|
128
128
|
}, Xl = ["x", "y", "font-size", "fill"], jl = {
|
|
@@ -155,8 +155,8 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
155
155
|
},
|
|
156
156
|
emits: ["selectDatapoint", "selectLegend"],
|
|
157
157
|
setup(h, { expose: P, emit: S }) {
|
|
158
|
-
const B = Ce(() => import("./BaseIcon-
|
|
159
|
-
...aa(
|
|
158
|
+
const B = Ce(() => import("./BaseIcon-D_BjQBAR.js")), H = Ce(() => import("./PackageVersion-BtfT0hV9.js")), oe = Ce(() => import("./PenAndPaper-BdzDJYnr.js")), be = Ce(() => import("./Tooltip-DvtYLrX2.js")), ot = Ce(() => import("./UserOptions-Dd5XOrwq.js")), { vue_ui_quick_chart: je } = ua(), F = h, R = w(null), Te = w(null), nt = w(null), it = w(null), X = w(ra()), re = w(!1), Se = w(null), se = w(""), Z = w(null), ut = w(null), rt = w(null), A = w([]), st = w(0), Pe = w(0), vt = w(!1), J = w(null), Oe = w(null), dt = w(null), ct = w(null), Re = w("#FFFFFF"), e = w(Ze()), Ge = N(() => !!e.value.debug), { loading: D, FINAL_DATASET: Vt, manualLoading: ht } = _a({
|
|
159
|
+
...aa(F),
|
|
160
160
|
FINAL_CONFIG: e,
|
|
161
161
|
prepareConfig: Ze,
|
|
162
162
|
skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
|
|
@@ -182,29 +182,29 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
182
182
|
zoomEndIndex: null
|
|
183
183
|
}
|
|
184
184
|
})
|
|
185
|
-
}), { svgRef: ft } = Sa({ config: { text: e.value.title } }), Ht = N(() => e.value.showUserOptionsOnChartHover), gt = N(() => e.value.keepUserOptionsStateOnChartLeave),
|
|
185
|
+
}), { svgRef: ft } = Sa({ config: { text: e.value.title } }), Ht = N(() => e.value.showUserOptionsOnChartHover), gt = N(() => e.value.keepUserOptionsStateOnChartLeave), Fe = w(!e.value.showUserOptionsOnChartHover), Ye = w(!1);
|
|
186
186
|
function mt(l = !1) {
|
|
187
|
-
Ye.value = l, Ht.value && (
|
|
187
|
+
Ye.value = l, Ht.value && (Fe.value = l);
|
|
188
188
|
}
|
|
189
189
|
function Ze() {
|
|
190
|
-
const l =
|
|
191
|
-
userConfig:
|
|
190
|
+
const l = Mt({
|
|
191
|
+
userConfig: F.config,
|
|
192
192
|
defaultConfig: je
|
|
193
193
|
});
|
|
194
194
|
let c = {};
|
|
195
195
|
return l.theme ? c = {
|
|
196
|
-
...
|
|
197
|
-
userConfig: da.vue_ui_quick_chart[l.theme] ||
|
|
196
|
+
...Mt({
|
|
197
|
+
userConfig: da.vue_ui_quick_chart[l.theme] || F.config,
|
|
198
198
|
defaultConfig: l
|
|
199
199
|
}),
|
|
200
200
|
customPalette: va[l.theme] || G
|
|
201
|
-
} : c = l,
|
|
201
|
+
} : c = l, F.config && He(F.config, "zoomStartIndex") ? c.zoomStartIndex = F.config.zoomStartIndex : c.zoomStartIndex = null, F.config && He(F.config, "zoomEndIndex") ? c.zoomEndIndex = F.config.zoomEndIndex : c.zoomEndIndex = null, F.config && !He(F.config, "donutStroke") ? He(F.config, "backgroundColor") ? Re.value = F.config.backgroundColor : Re.value = "#FFFFFF" : Re.value = F.config.donutStroke, c;
|
|
202
202
|
}
|
|
203
|
-
$e(() =>
|
|
204
|
-
D.value || (e.value = Ze()), b.value.width = e.value.width, b.value.height = e.value.height,
|
|
205
|
-
}, { deep: !0 }), $e(() =>
|
|
203
|
+
$e(() => F.config, (l) => {
|
|
204
|
+
D.value || (e.value = Ze()), b.value.width = e.value.width, b.value.height = e.value.height, Fe.value = !e.value.showUserOptionsOnChartHover, yt(), me.value.showTooltip = e.value.showTooltip;
|
|
205
|
+
}, { deep: !0 }), $e(() => F.dataset, (l) => {
|
|
206
206
|
k.value = Ae.value, m.value.start = 0, m.value.end = k.value.maxSeriesLength, Pe.value += 1;
|
|
207
|
-
}, { deep: !0 }), $e(() =>
|
|
207
|
+
}, { deep: !0 }), $e(() => F.dataset, (l) => {
|
|
208
208
|
Array.isArray(l) && l.length > 0 && (ht.value = !1);
|
|
209
209
|
}, { immediate: !0 });
|
|
210
210
|
const we = N(() => ca(e.value.customPalette)), ge = S, Ae = N(() => {
|
|
@@ -225,7 +225,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
225
225
|
debug: Ge.value
|
|
226
226
|
});
|
|
227
227
|
}, { immediate: !0 });
|
|
228
|
-
const { isPrinting:
|
|
228
|
+
const { isPrinting: Me, isImaging: Ne, generatePdf: pt, generateImage: xt } = ka({
|
|
229
229
|
elementId: `${$.value}_${X.value}`,
|
|
230
230
|
fileName: e.value.title || $.value,
|
|
231
231
|
options: e.value.userOptionsPrint
|
|
@@ -245,8 +245,8 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
245
245
|
vt.value = !0, yt();
|
|
246
246
|
});
|
|
247
247
|
function yt() {
|
|
248
|
-
if (ga(
|
|
249
|
-
const l =
|
|
248
|
+
if (ga(F.dataset) || (ht.value = e.value.loading), e.value.responsive) {
|
|
249
|
+
const l = Ft(() => {
|
|
250
250
|
const { width: c, height: t } = ya({
|
|
251
251
|
chart: R.value,
|
|
252
252
|
title: e.value.title ? Te.value : null,
|
|
@@ -480,7 +480,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
480
480
|
return x > i ? x : i;
|
|
481
481
|
}, 0)), l + 4;
|
|
482
482
|
}
|
|
483
|
-
const Je = w(0), Qt =
|
|
483
|
+
const Je = w(0), Qt = Ft((l) => {
|
|
484
484
|
Je.value = l;
|
|
485
485
|
}, 100);
|
|
486
486
|
oa((l) => {
|
|
@@ -845,12 +845,12 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
845
845
|
class: "vue-data-ui-no-title-space",
|
|
846
846
|
style: "height:36px; width: 100%;background:transparent"
|
|
847
847
|
}, null, 512)) : g("", !0),
|
|
848
|
-
e.value.showUserOptions && (gt.value ||
|
|
848
|
+
e.value.showUserOptions && (gt.value || Fe.value) ? (a(), Ie(r(ot), {
|
|
849
849
|
ref: "details",
|
|
850
850
|
key: `user_option_${st.value}`,
|
|
851
851
|
backgroundColor: e.value.backgroundColor,
|
|
852
852
|
color: e.value.color,
|
|
853
|
-
isPrinting: r(
|
|
853
|
+
isPrinting: r(Me),
|
|
854
854
|
isImaging: r(Ne),
|
|
855
855
|
uid: X.value,
|
|
856
856
|
hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
|
|
@@ -873,7 +873,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
873
873
|
onToggleTooltip: $t,
|
|
874
874
|
onToggleAnnotator: Qe,
|
|
875
875
|
style: O({
|
|
876
|
-
visibility: gt.value ?
|
|
876
|
+
visibility: gt.value ? Fe.value ? "visible" : "hidden" : "visible"
|
|
877
877
|
})
|
|
878
878
|
}, na({ _: 2 }, [
|
|
879
879
|
l.$slots.menuIcon ? {
|
|
@@ -925,10 +925,10 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
925
925
|
ref: Te,
|
|
926
926
|
class: "vue-ui-quick-chart-title",
|
|
927
927
|
style: O(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
|
|
928
|
-
},
|
|
928
|
+
}, M(e.value.title), 5)) : g("", !0),
|
|
929
929
|
L("div", {
|
|
930
930
|
id: `legend-top-${X.value}`
|
|
931
|
-
}, null, 8,
|
|
931
|
+
}, null, 8, Fa),
|
|
932
932
|
$.value ? (a(), o("svg", {
|
|
933
933
|
key: 4,
|
|
934
934
|
ref_key: "svgRef",
|
|
@@ -1063,7 +1063,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1063
1063
|
fill: e.value.color,
|
|
1064
1064
|
"font-size": e.value.dataLabelFontSize,
|
|
1065
1065
|
filter: Le(t.id)
|
|
1066
|
-
},
|
|
1066
|
+
}, M(T.value.displayArcPercentage(t, T.value.chart)) + " (" + M(r(te)(
|
|
1067
1067
|
e.value.formatter,
|
|
1068
1068
|
t.value,
|
|
1069
1069
|
r(W)({
|
|
@@ -1082,7 +1082,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1082
1082
|
fill: e.value.color,
|
|
1083
1083
|
"font-size": e.value.dataLabelFontSize,
|
|
1084
1084
|
filter: Le(t.id)
|
|
1085
|
-
},
|
|
1085
|
+
}, M(t.name), 9, el)) : g("", !0)
|
|
1086
1086
|
], 64))), 256))
|
|
1087
1087
|
])) : g("", !0),
|
|
1088
1088
|
e.value.donutShowTotal ? (a(), o("g", tl, [
|
|
@@ -1092,14 +1092,14 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1092
1092
|
y: T.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
|
|
1093
1093
|
"font-size": e.value.donutTotalLabelFontSize,
|
|
1094
1094
|
fill: e.value.color
|
|
1095
|
-
},
|
|
1095
|
+
}, M(e.value.donutTotalLabelText), 9, al),
|
|
1096
1096
|
L("text", {
|
|
1097
1097
|
"text-anchor": "middle",
|
|
1098
1098
|
x: T.value.drawingArea.centerX,
|
|
1099
1099
|
y: T.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
|
|
1100
1100
|
"font-size": e.value.donutTotalLabelFontSize,
|
|
1101
1101
|
fill: e.value.color
|
|
1102
|
-
},
|
|
1102
|
+
}, M(r(W)({
|
|
1103
1103
|
p: e.value.valuePrefix,
|
|
1104
1104
|
v: T.value.total,
|
|
1105
1105
|
s: e.value.valueSuffix,
|
|
@@ -1175,7 +1175,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1175
1175
|
"text-anchor": "end",
|
|
1176
1176
|
"font-size": e.value.xyLabelsYFontSize,
|
|
1177
1177
|
fill: e.value.color
|
|
1178
|
-
},
|
|
1178
|
+
}, M(r(te)(
|
|
1179
1179
|
e.value.formatter,
|
|
1180
1180
|
t.value,
|
|
1181
1181
|
r(W)({
|
|
@@ -1229,7 +1229,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1229
1229
|
"text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
|
|
1230
1230
|
fill: e.value.color,
|
|
1231
1231
|
transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
|
|
1232
|
-
},
|
|
1232
|
+
}, M(t), 9, gl))
|
|
1233
1233
|
])) : g("", !0)
|
|
1234
1234
|
], 64))), 256))
|
|
1235
1235
|
], 512)
|
|
@@ -1297,7 +1297,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1297
1297
|
y: r(ae)(u.y) - e.value.dataLabelFontSize / 2,
|
|
1298
1298
|
class: "quick-animation",
|
|
1299
1299
|
style: O({ transition: r(D) ? void 0 : "all 0.3s ease-in-out" })
|
|
1300
|
-
},
|
|
1300
|
+
}, M(r(te)(
|
|
1301
1301
|
e.value.formatter,
|
|
1302
1302
|
r(ae)(u.value),
|
|
1303
1303
|
r(W)({
|
|
@@ -1392,7 +1392,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1392
1392
|
"text-anchor": "end",
|
|
1393
1393
|
"font-size": e.value.xyLabelsYFontSize,
|
|
1394
1394
|
fill: e.value.color
|
|
1395
|
-
},
|
|
1395
|
+
}, M(r(te)(
|
|
1396
1396
|
e.value.formatter,
|
|
1397
1397
|
t.value,
|
|
1398
1398
|
r(W)({
|
|
@@ -1405,7 +1405,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1405
1405
|
)), 9, Rl)) : g("", !0)
|
|
1406
1406
|
], 64))), 256))
|
|
1407
1407
|
], 512)) : g("", !0),
|
|
1408
|
-
e.value.xyShowScale && e.value.xyPeriods.length ? (a(), o("g",
|
|
1408
|
+
e.value.xyShowScale && e.value.xyPeriods.length ? (a(), o("g", Fl, [
|
|
1409
1409
|
(a(!0), o(p, null, I(e.value.xyPeriods.slice(m.value.start, m.value.end), (t, i) => (a(), o("line", {
|
|
1410
1410
|
x1: s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2,
|
|
1411
1411
|
x2: s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2,
|
|
@@ -1414,7 +1414,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1414
1414
|
stroke: e.value.xyAxisStroke,
|
|
1415
1415
|
"stroke-width": e.value.xyAxisStrokeWidth,
|
|
1416
1416
|
"stroke-linecap": "round"
|
|
1417
|
-
}, null, 8,
|
|
1417
|
+
}, null, 8, Ml))), 256)),
|
|
1418
1418
|
L("g", {
|
|
1419
1419
|
ref_key: "timeLabelsEls",
|
|
1420
1420
|
ref: J
|
|
@@ -1443,7 +1443,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1443
1443
|
"text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
|
|
1444
1444
|
fill: e.value.color,
|
|
1445
1445
|
transform: `translate(${s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2}, ${s.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
|
|
1446
|
-
},
|
|
1446
|
+
}, M(t), 9, Bl))
|
|
1447
1447
|
])) : g("", !0)
|
|
1448
1448
|
], 64))), 256))
|
|
1449
1449
|
], 512)
|
|
@@ -1461,14 +1461,14 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1461
1461
|
"stroke-linecap": "round",
|
|
1462
1462
|
class: ce({ "vue-data-ui-bar-animated": e.value.barAnimated && u.value < 0 && !r(D) })
|
|
1463
1463
|
}, [
|
|
1464
|
-
e.value.barAnimated && u.value > 0 && !r(
|
|
1464
|
+
e.value.barAnimated && u.value > 0 && !r(Me) && !r(Ne) ? (a(), o("animate", {
|
|
1465
1465
|
key: 0,
|
|
1466
1466
|
attributeName: "height",
|
|
1467
1467
|
from: 0,
|
|
1468
1468
|
to: u.height,
|
|
1469
1469
|
dur: "0.5s"
|
|
1470
1470
|
}, null, 8, Hl)) : g("", !0),
|
|
1471
|
-
e.value.barAnimated && u.value > 0 && !r(
|
|
1471
|
+
e.value.barAnimated && u.value > 0 && !r(Me) && !r(Ne) ? (a(), o("animate", {
|
|
1472
1472
|
key: 1,
|
|
1473
1473
|
attributeName: "y",
|
|
1474
1474
|
from: s.value.absoluteZero,
|
|
@@ -1487,7 +1487,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1487
1487
|
"font-size": e.value.dataLabelFontSize,
|
|
1488
1488
|
fill: t.color,
|
|
1489
1489
|
class: "quick-animation"
|
|
1490
|
-
},
|
|
1490
|
+
}, M(r(te)(
|
|
1491
1491
|
e.value.formatter,
|
|
1492
1492
|
r(ae)(u.value),
|
|
1493
1493
|
r(W)({
|
|
@@ -1526,7 +1526,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1526
1526
|
"text-anchor": "middle",
|
|
1527
1527
|
x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
|
|
1528
1528
|
y: b.value.height - e.value.axisLabelsFontSize / 3
|
|
1529
|
-
},
|
|
1529
|
+
}, M(e.value.xAxisLabel), 9, Zl)
|
|
1530
1530
|
], 512)) : g("", !0),
|
|
1531
1531
|
e.value.xAxisLabel && $.value === z.BAR ? (a(), o("g", {
|
|
1532
1532
|
key: 1,
|
|
@@ -1539,7 +1539,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1539
1539
|
"text-anchor": "middle",
|
|
1540
1540
|
x: s.value.drawingArea.left + s.value.drawingArea.width / 2,
|
|
1541
1541
|
y: b.value.height - e.value.axisLabelsFontSize / 3
|
|
1542
|
-
},
|
|
1542
|
+
}, M(e.value.xAxisLabel), 9, Jl)
|
|
1543
1543
|
], 512)) : g("", !0),
|
|
1544
1544
|
e.value.yAxisLabel && $.value === z.LINE ? (a(), o("g", {
|
|
1545
1545
|
key: 2,
|
|
@@ -1551,7 +1551,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1551
1551
|
fill: e.value.color,
|
|
1552
1552
|
transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
|
|
1553
1553
|
"text-anchor": "middle"
|
|
1554
|
-
},
|
|
1554
|
+
}, M(e.value.yAxisLabel), 9, Ql)
|
|
1555
1555
|
], 512)) : g("", !0),
|
|
1556
1556
|
e.value.yAxisLabel && $.value === z.BAR ? (a(), o("g", {
|
|
1557
1557
|
key: 3,
|
|
@@ -1563,12 +1563,12 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1563
1563
|
fill: e.value.color,
|
|
1564
1564
|
transform: `translate(${e.value.axisLabelsFontSize}, ${s.value.drawingArea.top + s.value.drawingArea.height / 2}) rotate(-90)`,
|
|
1565
1565
|
"text-anchor": "middle"
|
|
1566
|
-
},
|
|
1566
|
+
}, M(e.value.yAxisLabel), 9, Kl)
|
|
1567
1567
|
], 512)) : g("", !0)
|
|
1568
1568
|
])) : g("", !0)
|
|
1569
|
-
], 12,
|
|
1569
|
+
], 12, Ma)) : g("", !0),
|
|
1570
1570
|
l.$slots.watermark ? (a(), o("div", eo, [
|
|
1571
|
-
U(l.$slots, "watermark", he(fe({ isPrinting: r(
|
|
1571
|
+
U(l.$slots, "watermark", he(fe({ isPrinting: r(Me) || r(Ne) })), void 0, !0)
|
|
1572
1572
|
])) : g("", !0),
|
|
1573
1573
|
[z.BAR, z.LINE].includes($.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (a(), o("div", {
|
|
1574
1574
|
key: `slicer_${Pe.value}`,
|
|
@@ -1650,10 +1650,10 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1650
1650
|
}, null, 8, ["name", "stroke", "size"]),
|
|
1651
1651
|
L("span", {
|
|
1652
1652
|
style: O(`font-size:${e.value.legendFontSize}px`)
|
|
1653
|
-
},
|
|
1653
|
+
}, M(t.name), 5),
|
|
1654
1654
|
L("span", {
|
|
1655
1655
|
style: O(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
|
|
1656
|
-
},
|
|
1656
|
+
}, M(A.value.includes(t.id) ? "-" : r(te)(
|
|
1657
1657
|
e.value.formatter,
|
|
1658
1658
|
t.absoluteValue,
|
|
1659
1659
|
r(W)({
|
|
@@ -1673,7 +1673,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1673
1673
|
}, " ( - % ) ", 4)) : (a(), o("span", {
|
|
1674
1674
|
key: 2,
|
|
1675
1675
|
style: O(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
|
|
1676
|
-
}, " (" +
|
|
1676
|
+
}, " (" + M(r(W)({
|
|
1677
1677
|
v: t.value / T.value.total * 100,
|
|
1678
1678
|
s: "%",
|
|
1679
1679
|
r: e.value.dataLabelRoundingPercentage
|
|
@@ -1698,7 +1698,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1698
1698
|
}, null, 8, ["name", "stroke", "size"]),
|
|
1699
1699
|
L("span", {
|
|
1700
1700
|
style: O(`font-size:${e.value.legendFontSize}px`)
|
|
1701
|
-
},
|
|
1701
|
+
}, M(t.name), 5)
|
|
1702
1702
|
], 64))
|
|
1703
1703
|
], 12, lo))), 256)) : g("", !0),
|
|
1704
1704
|
$.value === z.BAR ? (a(!0), o(p, { key: 2 }, I(s.value.legend, (t, i) => (a(), o("div", {
|
|
@@ -1719,7 +1719,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1719
1719
|
}, null, 8, ["name", "stroke", "size"]),
|
|
1720
1720
|
L("span", {
|
|
1721
1721
|
style: O(`font-size:${e.value.legendFontSize}px`)
|
|
1722
|
-
},
|
|
1722
|
+
}, M(t.name), 5)
|
|
1723
1723
|
], 64))
|
|
1724
1724
|
], 12, oo))), 256)) : g("", !0)
|
|
1725
1725
|
], 4)) : g("", !0)
|
|
@@ -1748,6 +1748,8 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1748
1748
|
isFullscreen: Ue.value,
|
|
1749
1749
|
isCustom: r(qe)(e.value.tooltipCustomFormat),
|
|
1750
1750
|
smooth: e.value.tooltipSmooth,
|
|
1751
|
+
smoothForce: e.value.tooltipSmoothForce,
|
|
1752
|
+
smoothSnapThreshold: e.value.tooltipSmoothSnapThreshold,
|
|
1751
1753
|
backdropFilter: e.value.tooltipBackdropFilter
|
|
1752
1754
|
}, {
|
|
1753
1755
|
"tooltip-before": ee(() => [
|
|
@@ -1757,7 +1759,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1757
1759
|
U(l.$slots, "tooltip-after", he(fe({ ...Se.value })), void 0, !0)
|
|
1758
1760
|
]),
|
|
1759
1761
|
_: 3
|
|
1760
|
-
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
|
|
1762
|
+
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "smoothForce", "smoothSnapThreshold", "backdropFilter"]),
|
|
1761
1763
|
r(D) ? (a(), Ie(za, { key: 9 })) : g("", !0)
|
|
1762
1764
|
], 46, Ra)) : (a(), o("div", no, [
|
|
1763
1765
|
ke(r(B), {
|
|
@@ -1767,7 +1769,7 @@ const Ra = ["id"], Ma = ["id"], Fa = ["xmlns", "viewBox"], Na = ["x", "y", "widt
|
|
|
1767
1769
|
c[5] || (c[5] = L("span", null, "Dataset is not processable", -1))
|
|
1768
1770
|
]));
|
|
1769
1771
|
}
|
|
1770
|
-
}, ko = /* @__PURE__ */ Ca(io, [["__scopeId", "data-v-
|
|
1772
|
+
}, ko = /* @__PURE__ */ Ca(io, [["__scopeId", "data-v-46ff8501"]]);
|
|
1771
1773
|
export {
|
|
1772
1774
|
ko as default
|
|
1773
1775
|
};
|