vue-data-ui 3.0.0-next.56 → 3.0.0-next.58
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-Dr73vXkS.js → Arrow-BdebCogi.js} +1 -1
- package/dist/{BaseDraggableDialog-C94LH2gO.js → BaseDraggableDialog-QfXlICHa.js} +2 -2
- package/dist/{BaseIcon-DVj5nedZ.js → BaseIcon-B-Zuw4hN.js} +1 -1
- package/dist/{ColorPicker-BmI1B2Ie.js → ColorPicker-DWCBREFx.js} +2 -2
- package/dist/{DataTable-DIRgYyMk.js → DataTable-9RqEr3O7.js} +2 -2
- package/dist/{Legend-Bm0VbPfX.js → Legend-BqrngbHw.js} +2 -2
- package/dist/{NonSvgPenAndPaper-B9qj2h1N.js → NonSvgPenAndPaper-BBs_NC2x.js} +3 -3
- package/dist/{PackageVersion-CmrjjMGu.js → PackageVersion-Q84nLP1I.js} +1 -1
- package/dist/{PenAndPaper-CkxcaljP.js → PenAndPaper-DTDvVEz-.js} +3 -3
- package/dist/{Shape-PFacVGG6.js → Shape-KHCRkkSS.js} +1 -1
- package/dist/{Slicer-OzSjPeeA.js → Slicer-CUaK2ypg.js} +2 -2
- package/dist/{SparkTooltip-B5KxrXfj.js → SparkTooltip-D721EASE.js} +1 -1
- package/dist/{Title-CPlHadE3.js → Title-ENZfmjfM.js} +1 -1
- package/dist/{Tooltip-DfLg6pdN.js → Tooltip-CsLS8Tc8.js} +1 -1
- package/dist/{UserOptions-Cvao0wOJ.js → UserOptions-GxEENfvl.js} +2 -2
- package/dist/{dom-to-png-D_YDAEr8.js → dom-to-png-LQVV7IWB.js} +1 -1
- package/dist/{img-BUkzDAPW.js → img-CJNBD126.js} +1 -1
- package/dist/{index-bTtbNszd.js → index-BshAuNuP.js} +16 -2
- package/dist/{pdf-DH7vaP6J.js → pdf-BF0iuIbz.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +8 -0
- package/dist/types/vue-data-ui.d.ts +8 -0
- package/dist/{useAutoSizeLabelsInsideViewbox-D78glQ57.js → useAutoSizeLabelsInsideViewbox-B7H3AMHf.js} +1 -1
- package/dist/{useNestedProp-CYma7CyA.js → useNestedProp-BbGfeZ8E.js} +1 -1
- package/dist/usePanZoom-BVca3eMk.js +122 -0
- package/dist/{usePrinter-Byfy8pVl.js → usePrinter-CQBNBSp8.js} +2 -2
- package/dist/{vue-data-ui-BA5aCP0F.js → vue-data-ui-DGoTdDDK.js} +105 -100
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-D8ONqED5.js → vue-ui-3d-bar-DJfeL_-3.js} +6 -6
- package/dist/{vue-ui-accordion-CwsNjkyh.js → vue-ui-accordion-DmrWcofh.js} +3 -3
- package/dist/{vue-ui-age-pyramid-DZ6AvPgA.js → vue-ui-age-pyramid-BODmxkHt.js} +6 -6
- package/dist/{vue-ui-annotator-BUUPzhqT.js → vue-ui-annotator-Dhfc8JyT.js} +2 -2
- package/dist/{vue-ui-bullet-DJ5o_J5c.js → vue-ui-bullet-Ca3euWoC.js} +7 -7
- package/dist/{vue-ui-candlestick-DTOpUEUO.js → vue-ui-candlestick-t7vzD0Bo.js} +7 -7
- package/dist/{vue-ui-carousel-table-D9h_e75T.js → vue-ui-carousel-table-CBLL1-2k.js} +4 -4
- package/dist/{vue-ui-chestnut-T3gxdFRJ.js → vue-ui-chestnut-Cx4bOdLO.js} +5 -5
- package/dist/{vue-ui-chord-BXgJkrMP.js → vue-ui-chord-CReroqMA.js} +8 -8
- package/dist/{vue-ui-circle-pack-CeDwV2pm.js → vue-ui-circle-pack-B8xZmTcm.js} +6 -6
- package/dist/{vue-ui-cursor-5EQyN1HC.js → vue-ui-cursor-DJ8_qBBD.js} +2 -2
- package/dist/{vue-ui-dashboard-CRy1Qs01.js → vue-ui-dashboard-bsvwPzpW.js} +62 -62
- package/dist/{vue-ui-digits-wfErkCJ_.js → vue-ui-digits-BZfnD3ez.js} +2 -2
- package/dist/{vue-ui-donut-fMNTVnoQ.js → vue-ui-donut-Be20FP2o.js} +8 -8
- package/dist/{vue-ui-donut-evolution-57R6hLc8.js → vue-ui-donut-evolution-C9trFeUZ.js} +8 -8
- package/dist/{vue-ui-dumbbell-Bb9EWdAh.js → vue-ui-dumbbell-Cd-3lAW2.js} +66 -66
- package/dist/{vue-ui-flow-ZTN_1mhN.js → vue-ui-flow-BEjXZezX.js} +7 -7
- package/dist/{vue-ui-funnel-nrLWJgh7.js → vue-ui-funnel-BdmG7svM.js} +6 -6
- package/dist/{vue-ui-galaxy-DqJRsXpE.js → vue-ui-galaxy-CZUbavYa.js} +5 -5
- package/dist/{vue-ui-gauge-DHpR-E7B.js → vue-ui-gauge-C8uIlUO6.js} +7 -7
- package/dist/{vue-ui-gizmo-6QmhvBHc.js → vue-ui-gizmo-BIdvqPj0.js} +3 -3
- package/dist/{vue-ui-heatmap-DBCm73qw.js → vue-ui-heatmap-LOmwdZli.js} +7 -7
- package/dist/{vue-ui-history-plot-qan_4GRJ.js → vue-ui-history-plot-BsXbkJKP.js} +7 -7
- package/dist/{vue-ui-kpi-B-SrOVSP.js → vue-ui-kpi-CMh4W-9S.js} +3 -3
- package/dist/{vue-ui-mini-loader-C4x-pTjm.js → vue-ui-mini-loader-D4iGH9_v.js} +2 -2
- package/dist/{vue-ui-molecule-DEd1uTxl.js → vue-ui-molecule-Re28mKit.js} +6 -6
- package/dist/{vue-ui-mood-radar-CwoHDmS7.js → vue-ui-mood-radar-DYRGx5Rl.js} +7 -7
- package/dist/{vue-ui-nested-donuts-DbFA4Z1s.js → vue-ui-nested-donuts-DbUZlrBg.js} +9 -9
- package/dist/{vue-ui-onion-CG_mZFym.js → vue-ui-onion-DmIJphbZ.js} +8 -8
- package/dist/{vue-ui-parallel-coordinate-plot-jU6R5FJX.js → vue-ui-parallel-coordinate-plot-ChF6ulPo.js} +8 -8
- package/dist/{vue-ui-quadrant-jvc98f1Q.js → vue-ui-quadrant-CIAG3pKZ.js} +8 -8
- package/dist/{vue-ui-quick-chart-CB8cnyMU.js → vue-ui-quick-chart-Bka9tPEx.js} +6 -6
- package/dist/{vue-ui-radar-Dbf8tizc.js → vue-ui-radar-BNYr-0Me.js} +7 -7
- package/dist/{vue-ui-rating-BTD7xrCK.js → vue-ui-rating-BNUL56t4.js} +2 -2
- package/dist/{vue-ui-relation-circle-jErgm958.js → vue-ui-relation-circle-DOYkBvSY.js} +6 -6
- package/dist/{vue-ui-ridgeline-we0epqNk.js → vue-ui-ridgeline-DEn1oudN.js} +8 -8
- package/dist/{vue-ui-rings-DJWTf1uZ.js → vue-ui-rings-CSNmlblD.js} +8 -8
- package/dist/{vue-ui-scatter-C94FXact.js → vue-ui-scatter-CVKhR03G.js} +8 -8
- package/dist/{vue-ui-skeleton--VFckr1-.js → vue-ui-skeleton-C-F_6Vl8.js} +3 -3
- package/dist/{vue-ui-smiley-DNj5p6hi.js → vue-ui-smiley-9uchQGm-.js} +2 -2
- package/dist/{vue-ui-spark-trend-BUKgFMV_.js → vue-ui-spark-trend-CB3DO3a4.js} +3 -3
- package/dist/{vue-ui-sparkbar-DMjqw4dV.js → vue-ui-sparkbar-C2R03dNB.js} +3 -3
- package/dist/{vue-ui-sparkgauge-BnWxrxBS.js → vue-ui-sparkgauge-BtW6-sLc.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-7MSKip9i.js → vue-ui-sparkhistogram-CW0N9NcQ.js} +4 -4
- package/dist/{vue-ui-sparkline-C8NiPHel.js → vue-ui-sparkline-Cz8tNNX5.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-B4OrKV2_.js → vue-ui-sparkstackbar-CnmBJnbX.js} +3 -3
- package/dist/{vue-ui-stackbar-BePLgZLL.js → vue-ui-stackbar-qIRqTunP.js} +9 -9
- package/dist/{vue-ui-strip-plot-BzVgS6vT.js → vue-ui-strip-plot-mmGIF-Kt.js} +7 -7
- package/dist/{vue-ui-table-088-wqHU.js → vue-ui-table-C1ftm37c.js} +3 -3
- package/dist/{vue-ui-table-heatmap-A8gN9NU2.js → vue-ui-table-heatmap-0AkmMtph.js} +5 -5
- package/dist/{vue-ui-table-sparkline-B5ydziP3.js → vue-ui-table-sparkline-53LdwwOX.js} +4 -4
- package/dist/{vue-ui-thermometer-DVSW7iAt.js → vue-ui-thermometer-cpmry95L.js} +7 -7
- package/dist/{vue-ui-timer-DOlZVwc0.js → vue-ui-timer-BkPmheSp.js} +5 -5
- package/dist/{vue-ui-tiremarks-BdpwJTjQ.js → vue-ui-tiremarks-0Td6rFSB.js} +6 -6
- package/dist/{vue-ui-treemap-BzRJXnWX.js → vue-ui-treemap-ClL19tZl.js} +8 -8
- package/dist/{vue-ui-vertical-bar-BWF4L-si.js → vue-ui-vertical-bar-Yigs8iR9.js} +9 -9
- package/dist/{vue-ui-waffle-YMOhYjS2.js → vue-ui-waffle-CLbJ0gNv.js} +8 -8
- package/dist/{vue-ui-wheel-C2LJqnuj.js → vue-ui-wheel-Ddr9_dsz.js} +6 -6
- package/dist/vue-ui-word-cloud-BnYr9XJt.js +765 -0
- package/dist/{vue-ui-world-BInCh1JK.js → vue-ui-world-D5iO6V_L.js} +6 -6
- package/dist/{vue-ui-xy-uE2FWrCv.js → vue-ui-xy-ByTY6gwo.js} +9 -9
- package/dist/{vue-ui-xy-canvas-DaIL6iBg.js → vue-ui-xy-canvas-B_VipV62.js} +8 -8
- package/package.json +1 -1
- package/dist/usePanZoom-BQMvRXEQ.js +0 -115
- package/dist/vue-ui-word-cloud-BqoWGzfw.js +0 -661
|
@@ -136,6 +136,7 @@ declare module "vue-data-ui" {
|
|
|
136
136
|
export type VueUiScatterEvent = ChartEvent<VueUiScatterDatapoint>;
|
|
137
137
|
export type VueUiTreemapEvent = ChartEvent<VueUiTreemapDatapoint>;
|
|
138
138
|
export type VueUiDumbbellEvent = ChartEvent<VueUiDumbbellDatapoint>;
|
|
139
|
+
export type VueUiWordCloudEvent = ChartEvent<VueUiWordCloudDatapoint>;
|
|
139
140
|
export type VueUiStripPlotEvent = ChartEvent<VueUiStripPlotDatapoint>;
|
|
140
141
|
export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
|
|
141
142
|
export type VueUiAgePyramidEvent = ChartEvent<VueUiAgePyramidDatapoint>;
|
|
@@ -6482,7 +6483,14 @@ declare module "vue-data-ui" {
|
|
|
6482
6483
|
};
|
|
6483
6484
|
|
|
6484
6485
|
export type VueUiWordCloudConfig = {
|
|
6486
|
+
debug?: boolean; // v3
|
|
6487
|
+
loading?: boolean; // v3
|
|
6485
6488
|
responsive?: boolean;
|
|
6489
|
+
events?: { // v3
|
|
6490
|
+
datapointEnter?: VueUiWordCloudEvent; // v3
|
|
6491
|
+
datapointLeave?: VueUiWordCloudEvent; // v3
|
|
6492
|
+
datapointClick?: VueUiWordCloudEvent; // v3
|
|
6493
|
+
}
|
|
6486
6494
|
theme?: string;
|
|
6487
6495
|
customPalette?: string[];
|
|
6488
6496
|
userOptions?: ChartUserOptions;
|
|
@@ -136,6 +136,7 @@ declare module "vue-data-ui" {
|
|
|
136
136
|
export type VueUiScatterEvent = ChartEvent<VueUiScatterDatapoint>;
|
|
137
137
|
export type VueUiTreemapEvent = ChartEvent<VueUiTreemapDatapoint>;
|
|
138
138
|
export type VueUiDumbbellEvent = ChartEvent<VueUiDumbbellDatapoint>;
|
|
139
|
+
export type VueUiWordCloudEvent = ChartEvent<VueUiWordCloudDatapoint>;
|
|
139
140
|
export type VueUiStripPlotEvent = ChartEvent<VueUiStripPlotDatapoint>;
|
|
140
141
|
export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
|
|
141
142
|
export type VueUiAgePyramidEvent = ChartEvent<VueUiAgePyramidDatapoint>;
|
|
@@ -6482,7 +6483,14 @@ declare module "vue-data-ui" {
|
|
|
6482
6483
|
};
|
|
6483
6484
|
|
|
6484
6485
|
export type VueUiWordCloudConfig = {
|
|
6486
|
+
debug?: boolean; // v3
|
|
6487
|
+
loading?: boolean; // v3
|
|
6485
6488
|
responsive?: boolean;
|
|
6489
|
+
events?: { // v3
|
|
6490
|
+
datapointEnter?: VueUiWordCloudEvent; // v3
|
|
6491
|
+
datapointLeave?: VueUiWordCloudEvent; // v3
|
|
6492
|
+
datapointClick?: VueUiWordCloudEvent; // v3
|
|
6493
|
+
}
|
|
6486
6494
|
theme?: string;
|
|
6487
6495
|
customPalette?: string[];
|
|
6488
6496
|
userOptions?: ChartUserOptions;
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { ref as h, computed as H, onMounted as I, onUnmounted as W, watchEffect as _, watch as G } from "vue";
|
|
2
|
+
function U(r, A = { x: 0, y: 0, width: 100, height: 100 }, C = 1, k) {
|
|
3
|
+
const l = h({ ...A }), o = h({ ...l.value }), v = h(1), E = h(!1), p = h(!1), w = h(0), X = h(null), m = h({ x: 0, y: 0 }), D = H(
|
|
4
|
+
() => o.value.x !== l.value.x || o.value.y !== l.value.y || o.value.width !== l.value.width || o.value.height !== l.value.height
|
|
5
|
+
);
|
|
6
|
+
let f = null;
|
|
7
|
+
function M(e) {
|
|
8
|
+
if (e.length < 2) return 0;
|
|
9
|
+
const t = e[0].clientX - e[1].clientX, n = e[0].clientY - e[1].clientY;
|
|
10
|
+
return Math.hypot(t, n);
|
|
11
|
+
}
|
|
12
|
+
function g(e) {
|
|
13
|
+
const t = r.value;
|
|
14
|
+
if (!t) return { x: 0, y: 0 };
|
|
15
|
+
const n = t.createSVGPoint();
|
|
16
|
+
n.x = e.clientX, n.y = e.clientY;
|
|
17
|
+
const a = t.getScreenCTM()?.inverse();
|
|
18
|
+
return a ? n.matrixTransform(a) : { x: 0, y: 0 };
|
|
19
|
+
}
|
|
20
|
+
function B(e, t) {
|
|
21
|
+
const n = r.value;
|
|
22
|
+
if (!n) return { dx: 0, dy: 0 };
|
|
23
|
+
const a = Math.max(1, n.clientWidth), i = Math.max(1, n.clientHeight), c = o.value.width / a, s = o.value.height / i;
|
|
24
|
+
return { dx: e * c, dy: t * s };
|
|
25
|
+
}
|
|
26
|
+
function L(e) {
|
|
27
|
+
E.value = !0;
|
|
28
|
+
const t = e.touches?.[0] || e;
|
|
29
|
+
m.value = { x: t.clientX, y: t.clientY }, r.value && (r.value.style.cursor = "grabbing");
|
|
30
|
+
}
|
|
31
|
+
function P(e) {
|
|
32
|
+
if (!E.value) return;
|
|
33
|
+
const t = e.touches?.[0] || e, n = t.clientX - m.value.x, a = t.clientY - m.value.y;
|
|
34
|
+
if (n === 0 && a === 0) return;
|
|
35
|
+
const { dx: i, dy: c } = B(n, a);
|
|
36
|
+
o.value.x -= i, o.value.y -= c, m.value = { x: t.clientX, y: t.clientY };
|
|
37
|
+
}
|
|
38
|
+
function d() {
|
|
39
|
+
E.value = !1, r.value && (r.value.style.cursor = "");
|
|
40
|
+
}
|
|
41
|
+
function T(e) {
|
|
42
|
+
e.preventDefault();
|
|
43
|
+
const t = e.deltaY > 0 ? 0.9 : 1.1;
|
|
44
|
+
S(t, g(e));
|
|
45
|
+
}
|
|
46
|
+
function Z(e) {
|
|
47
|
+
e.preventDefault();
|
|
48
|
+
const t = g(e), n = 1.02 * (1 + C / 100);
|
|
49
|
+
V(n, t);
|
|
50
|
+
}
|
|
51
|
+
function V(e, t) {
|
|
52
|
+
f && cancelAnimationFrame(f);
|
|
53
|
+
const n = v.value, a = n * e;
|
|
54
|
+
let i = 0;
|
|
55
|
+
const c = (u) => u < 0.5 ? 2 * u * u : -1 + (4 - 2 * u) * u, s = () => {
|
|
56
|
+
i += 0.02;
|
|
57
|
+
const u = n + (a - n) * c(i);
|
|
58
|
+
S(u / n, t), i < 1 ? f = requestAnimationFrame(s) : f = null;
|
|
59
|
+
};
|
|
60
|
+
s();
|
|
61
|
+
}
|
|
62
|
+
function S(e, t) {
|
|
63
|
+
const n = v.value * e, a = n / v.value, i = o.value.width / a, c = o.value.height / a, s = (t.x - o.value.x) * (1 - 1 / a), u = (t.y - o.value.y) * (1 - 1 / a);
|
|
64
|
+
o.value.x += s, o.value.y += u, o.value.width = i, o.value.height = c, v.value = n;
|
|
65
|
+
}
|
|
66
|
+
function b(e) {
|
|
67
|
+
e.touches.length === 2 ? (p.value = !0, w.value = M(e.touches), X.value = { ...o.value }) : (e.preventDefault(), L(e));
|
|
68
|
+
}
|
|
69
|
+
function F(e) {
|
|
70
|
+
if (p.value && e.touches.length === 2) {
|
|
71
|
+
e.preventDefault();
|
|
72
|
+
const t = M(e.touches);
|
|
73
|
+
if (w.value) {
|
|
74
|
+
const n = t / w.value;
|
|
75
|
+
r.value.getBoundingClientRect();
|
|
76
|
+
const i = (e.touches[0].clientX + e.touches[1].clientX) / 2, c = (e.touches[0].clientY + e.touches[1].clientY) / 2, s = g({ clientX: i, clientY: c });
|
|
77
|
+
o.value = { ...X.value }, S(n, s);
|
|
78
|
+
}
|
|
79
|
+
} else
|
|
80
|
+
e.preventDefault(), P(e);
|
|
81
|
+
}
|
|
82
|
+
function x(e) {
|
|
83
|
+
e.touches.length < 2 && (p.value = !1), d();
|
|
84
|
+
}
|
|
85
|
+
function q(e = !1) {
|
|
86
|
+
if (!e) {
|
|
87
|
+
o.value = { ...l.value }, v.value = 1;
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
const t = { ...o.value }, n = v.value, a = 300;
|
|
91
|
+
let i = null;
|
|
92
|
+
const c = (s) => {
|
|
93
|
+
i == null && (i = s);
|
|
94
|
+
const u = Math.min((s - i) / a, 1);
|
|
95
|
+
o.value = {
|
|
96
|
+
x: t.x + (l.value.x - t.x) * u,
|
|
97
|
+
y: t.y + (l.value.y - t.y) * u,
|
|
98
|
+
width: t.width + (l.value.width - t.width) * u,
|
|
99
|
+
height: t.height + (l.value.height - t.height) * u
|
|
100
|
+
}, v.value = n + (1 - n) * u, u < 1 && requestAnimationFrame(c);
|
|
101
|
+
};
|
|
102
|
+
requestAnimationFrame(c);
|
|
103
|
+
}
|
|
104
|
+
function z(e, t = {}) {
|
|
105
|
+
const { overwriteCurrentIfNotZoomed: n = !0 } = t;
|
|
106
|
+
l.value = { ...e }, !D.value && n && (o.value = { ...l.value }, v.value = 1);
|
|
107
|
+
}
|
|
108
|
+
function Y() {
|
|
109
|
+
const e = r.value;
|
|
110
|
+
e && (e.addEventListener("mousedown", L), e.addEventListener("mousemove", P), e.addEventListener("mouseup", d), e.addEventListener("mouseleave", d), e.addEventListener("wheel", T, { passive: !1 }), e.addEventListener("dblclick", Z), e.addEventListener("touchstart", b, { passive: !1 }), e.addEventListener("touchmove", F, { passive: !1 }), e.addEventListener("touchend", x), e.addEventListener("touchcancel", x));
|
|
111
|
+
}
|
|
112
|
+
function y() {
|
|
113
|
+
const e = r.value;
|
|
114
|
+
e && (e.removeEventListener("mousedown", L), e.removeEventListener("mousemove", P), e.removeEventListener("mouseup", d), e.removeEventListener("mouseleave", d), e.removeEventListener("wheel", T), e.removeEventListener("dblclick", Z), e.removeEventListener("touchstart", b), e.removeEventListener("touchmove", F), e.removeEventListener("touchend", x), e.removeEventListener("touchcancel", x));
|
|
115
|
+
}
|
|
116
|
+
return I(Y), W(y), _(() => (k?.value ? Y() : y(), () => y())), G(r, (e, t) => {
|
|
117
|
+
y(), Y();
|
|
118
|
+
}), { viewBox: o, resetZoom: q, isZoom: D, setInitialViewBox: z };
|
|
119
|
+
}
|
|
120
|
+
export {
|
|
121
|
+
U as u
|
|
122
|
+
};
|
|
@@ -10,7 +10,7 @@ function m({
|
|
|
10
10
|
!t || r.value || (r.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
|
|
11
11
|
if (t)
|
|
12
12
|
try {
|
|
13
|
-
const { default: e } = await import("./pdf-
|
|
13
|
+
const { default: e } = await import("./pdf-BF0iuIbz.js");
|
|
14
14
|
await e({
|
|
15
15
|
domElement: document.getElementById(u),
|
|
16
16
|
fileName: l,
|
|
@@ -27,7 +27,7 @@ function m({
|
|
|
27
27
|
!t || a.value || (a.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
|
|
28
28
|
if (t)
|
|
29
29
|
try {
|
|
30
|
-
const { default: e } = await import("./img-
|
|
30
|
+
const { default: e } = await import("./img-CJNBD126.js");
|
|
31
31
|
await e({
|
|
32
32
|
domElement: document.getElementById(u),
|
|
33
33
|
fileName: l,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { toRefs as
|
|
2
|
-
import K from "./BaseIcon-
|
|
3
|
-
const
|
|
1
|
+
import { toRefs as re, defineAsyncComponent as t, computed as c, ref as o, onMounted as le, watch as Z, shallowReactive as ue, createElementBlock as se, createBlock as d, openBlock as g, normalizeStyle as ce, createElementVNode as ge, createTextVNode as pe, createCommentVNode as q, toDisplayString as me, resolveDynamicComponent as de, mergeProps as Ve, toHandlers as Ue, createSlots as fe, renderList as ve, withCtx as ke, renderSlot as Se, normalizeProps as he, guardReactiveProps as be } from "vue";
|
|
2
|
+
import K from "./BaseIcon-B-Zuw4hN.js";
|
|
3
|
+
const ye = { style: { width: "36px" } }, Ae = {
|
|
4
4
|
__name: "vue-data-ui",
|
|
5
5
|
props: {
|
|
6
6
|
component: { type: String },
|
|
@@ -32,76 +32,78 @@ const be = { style: { width: "36px" } }, Ae = {
|
|
|
32
32
|
"lap",
|
|
33
33
|
"toggleAnnotator",
|
|
34
34
|
"selectGroup",
|
|
35
|
-
"selectRibbon"
|
|
35
|
+
"selectRibbon",
|
|
36
|
+
"toggleTable",
|
|
37
|
+
"resetZoom"
|
|
36
38
|
],
|
|
37
|
-
setup(Y, { expose: J, emit:
|
|
38
|
-
const a = Y, { component:
|
|
39
|
-
VueUi3dBar: t(() => import("./vue-ui-3d-bar-
|
|
40
|
-
VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-
|
|
41
|
-
VueUiAnnotator: t(() => import("./vue-ui-annotator-
|
|
42
|
-
VueUiCandlestick: t(() => import("./vue-ui-candlestick-
|
|
43
|
-
VueUiChestnut: t(() => import("./vue-ui-chestnut-
|
|
44
|
-
VueUiDashboard: t(() => import("./vue-ui-dashboard-
|
|
45
|
-
VueUiDigits: t(() => import("./vue-ui-digits-
|
|
46
|
-
VueUiDonut: t(() => import("./vue-ui-donut-
|
|
47
|
-
VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-
|
|
48
|
-
VueUiGalaxy: t(() => import("./vue-ui-galaxy-
|
|
49
|
-
VueUiGauge: t(() => import("./vue-ui-gauge-
|
|
50
|
-
VueUiHeatmap: t(() => import("./vue-ui-heatmap-
|
|
51
|
-
VueUiKpi: t(() => import("./vue-ui-kpi-
|
|
52
|
-
VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-
|
|
53
|
-
VueUiMolecule: t(() => import("./vue-ui-molecule-
|
|
54
|
-
VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-
|
|
55
|
-
VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-
|
|
56
|
-
VueUiOnion: t(() => import("./vue-ui-onion-
|
|
57
|
-
VueUiQuadrant: t(() => import("./vue-ui-quadrant-
|
|
58
|
-
VueUiRadar: t(() => import("./vue-ui-radar-
|
|
59
|
-
VueUiRating: t(() => import("./vue-ui-rating-
|
|
60
|
-
VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-
|
|
61
|
-
VueUiRings: t(() => import("./vue-ui-rings-
|
|
62
|
-
VueUiScatter: t(() => import("./vue-ui-scatter-
|
|
63
|
-
VueUiSkeleton: t(() => import("./vue-ui-skeleton
|
|
64
|
-
VueUiSmiley: t(() => import("./vue-ui-smiley-
|
|
65
|
-
VueUiSparkbar: t(() => import("./vue-ui-sparkbar-
|
|
66
|
-
VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-
|
|
67
|
-
VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-
|
|
68
|
-
VueUiSparkline: t(() => import("./vue-ui-sparkline-
|
|
69
|
-
VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-
|
|
70
|
-
VueUiTable: t(() => import("./vue-ui-table-
|
|
71
|
-
VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-
|
|
72
|
-
VueUiThermometer: t(() => import("./vue-ui-thermometer-
|
|
73
|
-
VueUiTiremarks: t(() => import("./vue-ui-tiremarks-
|
|
74
|
-
VueUiTreemap: t(() => import("./vue-ui-treemap-
|
|
75
|
-
VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-
|
|
39
|
+
setup(Y, { expose: J, emit: R }) {
|
|
40
|
+
const a = Y, { component: Ce, dataset: w, config: ee } = re(a), p = {
|
|
41
|
+
VueUi3dBar: t(() => import("./vue-ui-3d-bar-DJfeL_-3.js")),
|
|
42
|
+
VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BODmxkHt.js")),
|
|
43
|
+
VueUiAnnotator: t(() => import("./vue-ui-annotator-Dhfc8JyT.js")),
|
|
44
|
+
VueUiCandlestick: t(() => import("./vue-ui-candlestick-t7vzD0Bo.js")),
|
|
45
|
+
VueUiChestnut: t(() => import("./vue-ui-chestnut-Cx4bOdLO.js")),
|
|
46
|
+
VueUiDashboard: t(() => import("./vue-ui-dashboard-bsvwPzpW.js")),
|
|
47
|
+
VueUiDigits: t(() => import("./vue-ui-digits-BZfnD3ez.js")),
|
|
48
|
+
VueUiDonut: t(() => import("./vue-ui-donut-Be20FP2o.js")),
|
|
49
|
+
VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-C9trFeUZ.js")),
|
|
50
|
+
VueUiGalaxy: t(() => import("./vue-ui-galaxy-CZUbavYa.js")),
|
|
51
|
+
VueUiGauge: t(() => import("./vue-ui-gauge-C8uIlUO6.js")),
|
|
52
|
+
VueUiHeatmap: t(() => import("./vue-ui-heatmap-LOmwdZli.js")),
|
|
53
|
+
VueUiKpi: t(() => import("./vue-ui-kpi-CMh4W-9S.js")),
|
|
54
|
+
VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-D4iGH9_v.js")),
|
|
55
|
+
VueUiMolecule: t(() => import("./vue-ui-molecule-Re28mKit.js")),
|
|
56
|
+
VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-DYRGx5Rl.js")),
|
|
57
|
+
VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-DbUZlrBg.js")),
|
|
58
|
+
VueUiOnion: t(() => import("./vue-ui-onion-DmIJphbZ.js")),
|
|
59
|
+
VueUiQuadrant: t(() => import("./vue-ui-quadrant-CIAG3pKZ.js")),
|
|
60
|
+
VueUiRadar: t(() => import("./vue-ui-radar-BNYr-0Me.js")),
|
|
61
|
+
VueUiRating: t(() => import("./vue-ui-rating-BNUL56t4.js")),
|
|
62
|
+
VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-DOYkBvSY.js")),
|
|
63
|
+
VueUiRings: t(() => import("./vue-ui-rings-CSNmlblD.js")),
|
|
64
|
+
VueUiScatter: t(() => import("./vue-ui-scatter-CVKhR03G.js")),
|
|
65
|
+
VueUiSkeleton: t(() => import("./vue-ui-skeleton-C-F_6Vl8.js")),
|
|
66
|
+
VueUiSmiley: t(() => import("./vue-ui-smiley-9uchQGm-.js")),
|
|
67
|
+
VueUiSparkbar: t(() => import("./vue-ui-sparkbar-C2R03dNB.js")),
|
|
68
|
+
VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-BtW6-sLc.js")),
|
|
69
|
+
VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-CW0N9NcQ.js")),
|
|
70
|
+
VueUiSparkline: t(() => import("./vue-ui-sparkline-Cz8tNNX5.js")),
|
|
71
|
+
VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-CnmBJnbX.js")),
|
|
72
|
+
VueUiTable: t(() => import("./vue-ui-table-C1ftm37c.js")),
|
|
73
|
+
VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-53LdwwOX.js")),
|
|
74
|
+
VueUiThermometer: t(() => import("./vue-ui-thermometer-cpmry95L.js")),
|
|
75
|
+
VueUiTiremarks: t(() => import("./vue-ui-tiremarks-0Td6rFSB.js")),
|
|
76
|
+
VueUiTreemap: t(() => import("./vue-ui-treemap-ClL19tZl.js")),
|
|
77
|
+
VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-Yigs8iR9.js")),
|
|
76
78
|
// delete in v4
|
|
77
|
-
VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-
|
|
79
|
+
VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-Yigs8iR9.js")),
|
|
78
80
|
// v3 renaming
|
|
79
|
-
VueUiWaffle: t(() => import("./vue-ui-waffle-
|
|
80
|
-
VueUiWheel: t(() => import("./vue-ui-wheel-
|
|
81
|
-
VueUiXy: t(() => import("./vue-ui-xy-
|
|
82
|
-
VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-
|
|
83
|
-
VueUiAccordion: t(() => import("./vue-ui-accordion-
|
|
84
|
-
VueUiQuickChart: t(() => import("./vue-ui-quick-chart-
|
|
85
|
-
VueUiCursor: t(() => import("./vue-ui-cursor-
|
|
86
|
-
VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-
|
|
87
|
-
VueUiStripPlot: t(() => import("./vue-ui-strip-plot-
|
|
88
|
-
VueUiDumbbell: t(() => import("./vue-ui-dumbbell-
|
|
89
|
-
VueUiWordCloud: t(() => import("./vue-ui-word-cloud-
|
|
90
|
-
VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-
|
|
91
|
-
VueUiFlow: t(() => import("./vue-ui-flow-
|
|
92
|
-
VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-
|
|
93
|
-
VueUiTimer: t(() => import("./vue-ui-timer-
|
|
94
|
-
VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-
|
|
95
|
-
VueUiGizmo: t(() => import("./vue-ui-gizmo-
|
|
96
|
-
VueUiStackbar: t(() => import("./vue-ui-stackbar-
|
|
97
|
-
VueUiBullet: t(() => import("./vue-ui-bullet-
|
|
98
|
-
VueUiFunnel: t(() => import("./vue-ui-funnel-
|
|
99
|
-
VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-
|
|
100
|
-
VueUiCirclePack: t(() => import("./vue-ui-circle-pack-
|
|
101
|
-
VueUiWorld: t(() => import("./vue-ui-world-
|
|
102
|
-
VueUiRidgeline: t(() => import("./vue-ui-ridgeline-
|
|
103
|
-
VueUiChord: t(() => import("./vue-ui-chord-
|
|
104
|
-
},
|
|
81
|
+
VueUiWaffle: t(() => import("./vue-ui-waffle-CLbJ0gNv.js")),
|
|
82
|
+
VueUiWheel: t(() => import("./vue-ui-wheel-Ddr9_dsz.js")),
|
|
83
|
+
VueUiXy: t(() => import("./vue-ui-xy-ByTY6gwo.js")),
|
|
84
|
+
VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-0AkmMtph.js")),
|
|
85
|
+
VueUiAccordion: t(() => import("./vue-ui-accordion-DmrWcofh.js")),
|
|
86
|
+
VueUiQuickChart: t(() => import("./vue-ui-quick-chart-Bka9tPEx.js")),
|
|
87
|
+
VueUiCursor: t(() => import("./vue-ui-cursor-DJ8_qBBD.js")),
|
|
88
|
+
VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-CB3DO3a4.js")),
|
|
89
|
+
VueUiStripPlot: t(() => import("./vue-ui-strip-plot-mmGIF-Kt.js")),
|
|
90
|
+
VueUiDumbbell: t(() => import("./vue-ui-dumbbell-Cd-3lAW2.js")),
|
|
91
|
+
VueUiWordCloud: t(() => import("./vue-ui-word-cloud-BnYr9XJt.js")),
|
|
92
|
+
VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-B_VipV62.js")),
|
|
93
|
+
VueUiFlow: t(() => import("./vue-ui-flow-BEjXZezX.js")),
|
|
94
|
+
VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-ChF6ulPo.js")),
|
|
95
|
+
VueUiTimer: t(() => import("./vue-ui-timer-BkPmheSp.js")),
|
|
96
|
+
VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-CBLL1-2k.js")),
|
|
97
|
+
VueUiGizmo: t(() => import("./vue-ui-gizmo-BIdvqPj0.js")),
|
|
98
|
+
VueUiStackbar: t(() => import("./vue-ui-stackbar-qIRqTunP.js")),
|
|
99
|
+
VueUiBullet: t(() => import("./vue-ui-bullet-Ca3euWoC.js")),
|
|
100
|
+
VueUiFunnel: t(() => import("./vue-ui-funnel-BdmG7svM.js")),
|
|
101
|
+
VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BsXbkJKP.js")),
|
|
102
|
+
VueUiCirclePack: t(() => import("./vue-ui-circle-pack-B8xZmTcm.js")),
|
|
103
|
+
VueUiWorld: t(() => import("./vue-ui-world-D5iO6V_L.js")),
|
|
104
|
+
VueUiRidgeline: t(() => import("./vue-ui-ridgeline-DEn1oudN.js")),
|
|
105
|
+
VueUiChord: t(() => import("./vue-ui-chord-CReroqMA.js"))
|
|
106
|
+
}, te = {
|
|
105
107
|
VueUi3dBar: ["config", "dataset"],
|
|
106
108
|
VueUiAgePyramid: ["config", "dataset"],
|
|
107
109
|
VueUiAnnotator: ["config", "dataset"],
|
|
@@ -167,11 +169,11 @@ const be = { style: { width: "36px" } }, Ae = {
|
|
|
167
169
|
VueUiWorld: ["config", "dataset"],
|
|
168
170
|
VueUiRidgeline: ["config", "dataset"],
|
|
169
171
|
VueUiChord: ["config", "dataset"]
|
|
170
|
-
},
|
|
171
|
-
const e =
|
|
172
|
-
return e.includes("config") && (i.config =
|
|
173
|
-
}), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null),
|
|
174
|
-
|
|
172
|
+
}, oe = R, V = c(() => !p[a.component]), ie = c(() => p[a.component] || null), r = o(null), ae = c(() => {
|
|
173
|
+
const e = te[a.component] || [], i = {};
|
|
174
|
+
return e.includes("config") && (i.config = ee.value), e.includes("dataset") && (i.dataset = w.value), i;
|
|
175
|
+
}), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), T = o(() => null), P = o(() => null), A = o(() => null), D = o(() => null), I = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null), X = o(() => null);
|
|
176
|
+
le(() => {
|
|
175
177
|
V.value && console.error(`
|
|
176
178
|
|
|
177
179
|
Vue Data UI exception:
|
|
@@ -181,10 +183,10 @@ Available components:
|
|
|
181
183
|
|
|
182
184
|
${Object.keys(p).map((e) => `. ${e}
|
|
183
185
|
`).join("")}`);
|
|
184
|
-
}),
|
|
185
|
-
e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateCsv && (f.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (h.value = e.shoot), e.close && (b.value = e.close), e.restoreOrder && (y.value = e.restoreOrder), e.recalculateHeight && (C.value = e.recalculateHeight), e.toggleLock && (
|
|
186
|
+
}), Z(r, async (e) => {
|
|
187
|
+
e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateCsv && (f.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (h.value = e.shoot), e.close && (b.value = e.close), e.restoreOrder && (y.value = e.restoreOrder), e.recalculateHeight && (C.value = e.recalculateHeight), e.toggleLock && (T.value = e.toggleLock), e.toggleTable && (P.value = e.toggleTable), e.toggleLabels && (A.value = e.toggleLabels), e.toggleSort && (D.value = e.toggleSort), e.toggleStack && (I.value = e.toggleStack), e.toggleTooltip && (H.value = e.toggleTooltip), e.start && (x.value = e.start), e.pause && (B.value = e.pause), e.reset && (F.value = e.reset), e.restart && (L.value = e.restart), e.lap && (N.value = e.lap), e.toggleAnimation && (E.value = e.toggleAnimation), e.pauseAnimation && (G.value = e.pauseAnimation), e.resumeAnimation && (z.value = e.resumeAnimation), e.toggleAnnotator && (O.value = e.toggleAnnotator), e.selectNode && (_.value = e.selectNode), e.selectGroup && ($.value = e.selectGroup), e.selectRibbon && (M.value = e.selectRibbon), e.autoSize && (W.value = e.autoSize), e.resetZoom && (X.value = e.resetZoom));
|
|
186
188
|
});
|
|
187
|
-
const
|
|
189
|
+
const ne = () => {
|
|
188
190
|
const e = [
|
|
189
191
|
"selectLegend",
|
|
190
192
|
"selectDatapoint",
|
|
@@ -214,30 +216,32 @@ ${Object.keys(p).map((e) => `. ${e}
|
|
|
214
216
|
"selectNode",
|
|
215
217
|
"selectGroup",
|
|
216
218
|
"selectRibbon",
|
|
217
|
-
"autoSize"
|
|
219
|
+
"autoSize",
|
|
220
|
+
"toggleTable",
|
|
221
|
+
"resetZoom"
|
|
218
222
|
], i = {};
|
|
219
223
|
return e.forEach((l) => {
|
|
220
|
-
i[l] = (...n) =>
|
|
224
|
+
i[l] = (...n) => oe(l, ...n);
|
|
221
225
|
}), i;
|
|
222
|
-
}, m =
|
|
223
|
-
function
|
|
226
|
+
}, m = ue([]);
|
|
227
|
+
function j(e, i) {
|
|
224
228
|
return new Promise((l, n) => {
|
|
225
229
|
m.push({ method: e, args: i, resolve: l, reject: n });
|
|
226
230
|
});
|
|
227
231
|
}
|
|
228
|
-
|
|
232
|
+
Z(r, (e) => {
|
|
229
233
|
if (e)
|
|
230
234
|
for (; m.length; ) {
|
|
231
|
-
const { method: i, args: l, resolve: n, reject: s } = m.shift(),
|
|
232
|
-
typeof
|
|
235
|
+
const { method: i, args: l, resolve: n, reject: s } = m.shift(), Q = e[i];
|
|
236
|
+
typeof Q == "function" ? Promise.resolve().then(() => Q(...l)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
|
|
233
237
|
}
|
|
234
238
|
}), J({
|
|
235
239
|
getData(...e) {
|
|
236
|
-
return r.value?.getData ? r.value.getData(...e) :
|
|
240
|
+
return r.value?.getData ? r.value.getData(...e) : j("getData", e);
|
|
237
241
|
},
|
|
238
242
|
getImage(e = {}) {
|
|
239
243
|
const { scale: i = 2 } = e;
|
|
240
|
-
return r.value?.getImage ? r.value.getImage({ scale: i }) :
|
|
244
|
+
return r.value?.getImage ? r.value.getImage({ scale: i }) : j("getImage", [{ scale: i }]);
|
|
241
245
|
},
|
|
242
246
|
autoSize: W,
|
|
243
247
|
generatePdf: U,
|
|
@@ -249,9 +253,9 @@ ${Object.keys(p).map((e) => `. ${e}
|
|
|
249
253
|
close: b,
|
|
250
254
|
restoreOrder: y,
|
|
251
255
|
recalculateHeight: C,
|
|
252
|
-
toggleLock:
|
|
253
|
-
toggleTable:
|
|
254
|
-
toggleLabels:
|
|
256
|
+
toggleLock: T,
|
|
257
|
+
toggleTable: P,
|
|
258
|
+
toggleLabels: A,
|
|
255
259
|
toggleSort: D,
|
|
256
260
|
toggleStack: I,
|
|
257
261
|
toggleTooltip: H,
|
|
@@ -266,7 +270,8 @@ ${Object.keys(p).map((e) => `. ${e}
|
|
|
266
270
|
toggleAnnotator: O,
|
|
267
271
|
selectNode: _,
|
|
268
272
|
selectGroup: $,
|
|
269
|
-
selectRibbon: M
|
|
273
|
+
selectRibbon: M,
|
|
274
|
+
resetZoom: X
|
|
270
275
|
});
|
|
271
276
|
const u = c(() => {
|
|
272
277
|
let e = `The provided component ${a.component} does not exist.`;
|
|
@@ -278,9 +283,9 @@ ${Object.keys(p).map((e) => `. ${e}
|
|
|
278
283
|
message: e
|
|
279
284
|
});
|
|
280
285
|
});
|
|
281
|
-
return (e, i) => V.value ? (g(),
|
|
286
|
+
return (e, i) => V.value ? (g(), se("div", {
|
|
282
287
|
key: 0,
|
|
283
|
-
style:
|
|
288
|
+
style: ce({
|
|
284
289
|
width: "100%",
|
|
285
290
|
display: "flex",
|
|
286
291
|
gap: "6px",
|
|
@@ -288,7 +293,7 @@ ${Object.keys(p).map((e) => `. ${e}
|
|
|
288
293
|
color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
|
|
289
294
|
})
|
|
290
295
|
}, [
|
|
291
|
-
|
|
296
|
+
ge("div", ye, [
|
|
292
297
|
u.value.status === "unknown" ? (g(), d(K, {
|
|
293
298
|
key: 0,
|
|
294
299
|
name: "moodFlat",
|
|
@@ -300,16 +305,16 @@ ${Object.keys(p).map((e) => `. ${e}
|
|
|
300
305
|
stroke: "#FF9000"
|
|
301
306
|
})) : q("", !0)
|
|
302
307
|
]),
|
|
303
|
-
|
|
304
|
-
], 4)) : (g(), d(
|
|
308
|
+
pe(" " + me(u.value.message), 1)
|
|
309
|
+
], 4)) : (g(), d(de(ie.value), Ve({
|
|
305
310
|
key: 1,
|
|
306
311
|
ref_key: "currentComponentRef",
|
|
307
312
|
ref: r
|
|
308
|
-
},
|
|
309
|
-
|
|
313
|
+
}, ae.value, Ue(ne())), fe({ _: 2 }, [
|
|
314
|
+
ve(e.$slots, (l, n) => ({
|
|
310
315
|
name: n,
|
|
311
|
-
fn:
|
|
312
|
-
|
|
316
|
+
fn: ke((s) => [
|
|
317
|
+
Se(e.$slots, n, he(be(s)))
|
|
313
318
|
])
|
|
314
319
|
}))
|
|
315
320
|
]), 1040));
|
package/dist/vue-data-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "vue";
|
|
2
|
-
import { ar as s, as as u, at as V, au as U, av as r, aw as t, bm as o, ax as b, bj as l, ay as n, bt as d, bq as g, az as m, aA as C, aB as c, aC as S, aD as k, aE as p, aF as h, bn as T, aG as P, aH as D, bk as f, aI as v, bo as y, bd as A, aJ as B, aK as H, aL as R, aM as W, aN as x, aO as M, aP as w, aQ as z, bp as F, aR as G, aS as E, aT as L, aU as O, aV as Q, bs as X, aW as j, aX as I, aY as K, aZ as N, a_ as q, a$ as J, b0 as Y, b1 as Z, b2 as _, b3 as $, bl as aa, b4 as ea, b5 as ia, b6 as sa, b7 as ua, b8 as Va, b9 as Ua, ba as ra, bb as ta, bc as oa, be as ba, bf as la, bg as na, br as da, bh as ga, bi as ma, L as Ca, V as ca, U as Sa, al as ka, an as pa, bu as ha, bv as Ta, bw as Pa, bx as Da, by as fa, bz as va, bA as ya, bB as Aa, bC as Ba, bD as Ha, bE as Ra } from "./index-
|
|
2
|
+
import { ar as s, as as u, at as V, au as U, av as r, aw as t, bm as o, ax as b, bj as l, ay as n, bt as d, bq as g, az as m, aA as C, aB as c, aC as S, aD as k, aE as p, aF as h, bn as T, aG as P, aH as D, bk as f, aI as v, bo as y, bd as A, aJ as B, aK as H, aL as R, aM as W, aN as x, aO as M, aP as w, aQ as z, bp as F, aR as G, aS as E, aT as L, aU as O, aV as Q, bs as X, aW as j, aX as I, aY as K, aZ as N, a_ as q, a$ as J, b0 as Y, b1 as Z, b2 as _, b3 as $, bl as aa, b4 as ea, b5 as ia, b6 as sa, b7 as ua, b8 as Va, b9 as Ua, ba as ra, bb as ta, bc as oa, be as ba, bf as la, bg as na, br as da, bh as ga, bi as ma, L as Ca, V as ca, U as Sa, al as ka, an as pa, bu as ha, bv as Ta, bw as Pa, bx as Da, by as fa, bz as va, bA as ya, bB as Aa, bC as Ba, bD as Ha, bE as Ra } from "./index-BshAuNuP.js";
|
|
3
3
|
export {
|
|
4
4
|
s as Arrow,
|
|
5
5
|
u as VueDataUi,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineAsyncComponent as te, computed as S, ref as b, toRefs as yt, watch as Re, onMounted as kt, createElementBlock as c, openBlock as u, unref as n, normalizeStyle as I, normalizeClass as Ve, createBlock as J, createCommentVNode as p, createSlots as gt, withCtx as D, renderSlot as T, normalizeProps as re, guardReactiveProps as ue, createVNode as $t, createElementVNode as i, Fragment as C, renderList as M, toDisplayString as E, withKeys as He, withModifiers as Ue, mergeProps as Xe, createTextVNode as _t, nextTick as Ze } from "vue";
|
|
2
|
-
import { u as mt, c as qe, t as bt, a as xt, p as ie, b as wt, d as Ct, e as Mt, o as Ft, f as de, g as $e, l as W, m as Ye, h as Pt, i as j, X as Tt, s as $, j as H, k as ce, n as Ke, q as ve, r as G, v as At, w as St } from "./index-
|
|
3
|
-
import { u as Je } from "./useNestedProp-
|
|
4
|
-
import { u as Dt } from "./usePrinter-
|
|
2
|
+
import { u as mt, c as qe, t as bt, a as xt, p as ie, b as wt, d as Ct, e as Mt, o as Ft, f as de, g as $e, l as W, m as Ye, h as Pt, i as j, X as Tt, s as $, j as H, k as ce, n as Ke, q as ve, r as G, v as At, w as St } from "./index-BshAuNuP.js";
|
|
3
|
+
import { u as Je } from "./useNestedProp-BbGfeZ8E.js";
|
|
4
|
+
import { u as Dt } from "./usePrinter-CQBNBSp8.js";
|
|
5
5
|
import { u as jt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
6
6
|
import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
|
|
7
|
-
import Ot from "./Title-
|
|
8
|
-
import It from "./img-
|
|
7
|
+
import Ot from "./Title-ENZfmjfM.js";
|
|
8
|
+
import It from "./img-CJNBD126.js";
|
|
9
9
|
import { t as Nt, u as Bt } from "./useResponsive-DfdjqQps.js";
|
|
10
10
|
import { u as Lt, B as Et } from "./useLoading-Bt5Doa8m.js";
|
|
11
11
|
import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -30,7 +30,7 @@ const Gt = ["id"], Rt = ["xmlns", "viewBox"], Vt = ["width", "height"], Ht = ["i
|
|
|
30
30
|
},
|
|
31
31
|
emits: ["selectDatapoint"],
|
|
32
32
|
setup(Qe, { expose: et, emit: tt }) {
|
|
33
|
-
const lt = te(() => import("./vue-ui-accordion-
|
|
33
|
+
const lt = te(() => import("./vue-ui-accordion-DmrWcofh.js")), ot = te(() => import("./DataTable-9RqEr3O7.js")), st = te(() => import("./PackageVersion-Q84nLP1I.js")), at = te(() => import("./PenAndPaper-DTDvVEz-.js")), nt = te(() => import("./UserOptions-GxEENfvl.js")), { vue_ui_3d_bar: rt } = mt(), A = Qe, le = tt, _e = S(() => !!A.dataset && Object.keys(A.dataset).length), F = b(qe()), ut = b(null), R = b(null), z = b(!1), me = b(0), be = b(0), xe = b(null), Q = b(null), oe = b(null), we = b(null), ee = b(!1), t = b(fe()), { loading: U, FINAL_DATASET: O } = Lt({
|
|
34
34
|
...yt(A),
|
|
35
35
|
FINAL_CONFIG: t,
|
|
36
36
|
prepareConfig: fe,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCssVars as y, computed as s, ref as r, onMounted as b, watch as _, createElementBlock as v, openBlock as u, createElementVNode as n, normalizeClass as $, normalizeStyle as p, createCommentVNode as O, renderSlot as c, createBlock as D, normalizeProps as i, mergeProps as N, guardReactiveProps as m } from "vue";
|
|
2
|
-
import w from "./BaseIcon-
|
|
3
|
-
import { u as x } from "./useNestedProp-
|
|
4
|
-
import { u as B, c as I } from "./index-
|
|
2
|
+
import w from "./BaseIcon-B-Zuw4hN.js";
|
|
3
|
+
import { u as x } from "./useNestedProp-BbGfeZ8E.js";
|
|
4
|
+
import { u as B, c as I } from "./index-BshAuNuP.js";
|
|
5
5
|
import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
6
6
|
const F = ["id"], P = {
|
|
7
7
|
key: 0,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineAsyncComponent as R, computed as g, ref as v, toRefs as tt, watch as Z, shallowRef as _e, onMounted as lt, onBeforeUnmount as Ae, watchEffect as at, createElementBlock as r, openBlock as i, unref as u, normalizeStyle as ee, normalizeClass as Le, createBlock as M, createCommentVNode as y, renderSlot as h, createVNode as Ce, createSlots as ot, withCtx as p, normalizeProps as P, guardReactiveProps as N, createElementVNode as d, Fragment as L, renderList as $, toDisplayString as C, createTextVNode as Te, nextTick as st } from "vue";
|
|
2
|
-
import { u as it, c as ut, t as rt, b as nt, o as $e, f as vt, h as f, X as dt, s as te, x as Se, k as S, i as z, v as yt, w as ht, y as ct, z as ft } from "./index-
|
|
2
|
+
import { u as it, c as ut, t as rt, b as nt, o as $e, f as vt, h as f, X as dt, s as te, x as Se, k as S, i as z, v as yt, w as ht, y as ct, z as ft } from "./index-BshAuNuP.js";
|
|
3
3
|
import { t as ze, u as gt } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as Ie } from "./useNestedProp-
|
|
5
|
-
import { u as pt } from "./usePrinter-
|
|
4
|
+
import { u as Ie } from "./useNestedProp-BbGfeZ8E.js";
|
|
5
|
+
import { u as pt } from "./usePrinter-CQBNBSp8.js";
|
|
6
6
|
import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
7
|
import { u as xt } from "./useChartAccessibility-9icAAmYg.js";
|
|
8
|
-
import mt from "./Title-
|
|
9
|
-
import wt from "./img-
|
|
8
|
+
import mt from "./Title-ENZfmjfM.js";
|
|
9
|
+
import wt from "./img-CJNBD126.js";
|
|
10
10
|
import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
|
|
11
11
|
import { u as _t, B as At } from "./useLoading-Bt5Doa8m.js";
|
|
12
12
|
import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -30,7 +30,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
setup(le, { expose: Oe }) {
|
|
33
|
-
const Fe = R(() => import("./vue-ui-accordion-
|
|
33
|
+
const Fe = R(() => import("./vue-ui-accordion-DmrWcofh.js")), Re = R(() => import("./DataTable-9RqEr3O7.js")), Me = R(() => import("./PackageVersion-Q84nLP1I.js")), Pe = R(() => import("./PenAndPaper-DTDvVEz-.js")), Ne = R(() => import("./Tooltip-CsLS8Tc8.js")), Ee = R(() => import("./UserOptions-GxEENfvl.js")), { vue_ui_age_pyramid: De } = it(), b = le, ae = g(() => !!b.dataset && b.dataset.length), w = v(ut()), Be = v(null), V = v(!1), W = v(""), D = v(null), oe = v(0), k = v(null), se = v(null), ie = v(null), ue = v(null), re = v(0), ne = v(0), X = v(null), e = v(q()), { loading: ve, FINAL_DATASET: B, manualLoading: j } = _t({
|
|
34
34
|
...tt(b),
|
|
35
35
|
FINAL_CONFIG: e,
|
|
36
36
|
prepareConfig: q,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as p, t as v, u as w, B as A } from "./index-
|
|
2
|
-
import { d as M } from "./dom-to-png-
|
|
1
|
+
import { A as p, t as v, u as w, B as A } from "./index-BshAuNuP.js";
|
|
2
|
+
import { d as M } from "./dom-to-png-LQVV7IWB.js";
|
|
3
3
|
import { createElementBlock as d, openBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, createCommentVNode as a, normalizeClass as y, createStaticVNode as F, withDirectives as N, vModelCheckbox as g, vModelText as C, renderSlot as O, Fragment as L, renderList as G } from "vue";
|
|
4
4
|
import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const m = {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineAsyncComponent as W, ref as c, computed as f, onMounted as Se, toRefs as Ie, watch as ie, onBeforeUnmount as Pe, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as D, normalizeClass as ce, createBlock as C, createCommentVNode as i, createElementVNode as I, createSlots as Fe, withCtx as w, renderSlot as m, normalizeProps as P, guardReactiveProps as F, createVNode as He, Fragment as V, renderList as G, toDisplayString as H } from "vue";
|
|
2
|
-
import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-
|
|
3
|
-
import { u as de } from "./useNestedProp-
|
|
4
|
-
import { u as Ve } from "./usePrinter-
|
|
2
|
+
import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-BshAuNuP.js";
|
|
3
|
+
import { u as de } from "./useNestedProp-BbGfeZ8E.js";
|
|
4
|
+
import { u as Ve } from "./usePrinter-CQBNBSp8.js";
|
|
5
5
|
import { u as Ge } from "./useUserOptionState-BIvW1Kz7.js";
|
|
6
6
|
import { u as je } from "./useChartAccessibility-9icAAmYg.js";
|
|
7
|
-
import qe from "./Legend-
|
|
8
|
-
import Xe from "./Title-
|
|
9
|
-
import Ye from "./img-
|
|
7
|
+
import qe from "./Legend-BqrngbHw.js";
|
|
8
|
+
import Xe from "./Title-ENZfmjfM.js";
|
|
9
|
+
import Ye from "./img-CJNBD126.js";
|
|
10
10
|
import { t as Je, u as Ke } from "./useResponsive-DfdjqQps.js";
|
|
11
11
|
import { u as Qe, B as Ze } from "./useLoading-Bt5Doa8m.js";
|
|
12
12
|
import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -39,7 +39,7 @@ const tt = ["id"], at = {
|
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
setup(ge, { expose: fe }) {
|
|
42
|
-
const me = W(() => import("./PackageVersion-
|
|
42
|
+
const me = W(() => import("./PackageVersion-Q84nLP1I.js")), ye = W(() => import("./PenAndPaper-DTDvVEz-.js")), pe = W(() => import("./UserOptions-GxEENfvl.js")), { vue_ui_bullet: be } = Me(), L = ge, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), ke = c(0), x = c(null), O = c(null), p = f({
|
|
43
43
|
get: () => u.value.hasOwnProperty("value"),
|
|
44
44
|
set: (t) => t
|
|
45
45
|
}), A = f(() => u.value.segments ? Array.isArray(u.value.segments) ? u.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
|