vue-data-ui 3.0.0-next.7 → 3.0.0-next.71
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-Bl8urcli.js → Arrow-BZNpld6u.js} +1 -1
- package/dist/{BaseDraggableDialog-CyhpaZU5.js → BaseDraggableDialog-kg-eVvXZ.js} +2 -2
- package/dist/{BaseIcon-BCZfTCeM.js → BaseIcon-BdOEhJar.js} +1 -1
- package/dist/{ColorPicker-CSJf42vx.js → ColorPicker-CWvXlPxS.js} +2 -2
- package/dist/{DataTable-mQ6Wd-rR.js → DataTable-B3yakHEM.js} +2 -2
- package/dist/{Legend-B2hrDh4G.js → Legend-DiGLrlzP.js} +2 -2
- package/dist/{NonSvgPenAndPaper-DQ8KsK4W.js → NonSvgPenAndPaper-C-ZjpJQd.js} +3 -3
- package/dist/{PackageVersion-CeEYZfaH.js → PackageVersion-6s4eI8W7.js} +1 -1
- package/dist/{PenAndPaper-DhSxfUrQ.js → PenAndPaper-JoUN7Ink.js} +3 -3
- package/dist/{Shape-C2qH26wh.js → Shape-CWIa2nta.js} +43 -37
- package/dist/Slicer-DYuvPkEM.js +602 -0
- package/dist/{SparkTooltip-BcHgW6YX.js → SparkTooltip-C_fUmbP7.js} +1 -1
- package/dist/{Title-B7Xb3YuE.js → Title-VLWyIYrj.js} +1 -1
- package/dist/{Tooltip-BidRoM5E.js → Tooltip-BS5naLS2.js} +23 -19
- package/dist/{UserOptions-0tvMM8PF.js → UserOptions-BV_xM-sB.js} +2 -2
- package/dist/{dom-to-png-CTrlbKHr.js → dom-to-png-PUk0ukSG.js} +1 -1
- package/dist/{img-D72yZNUg.js → img-DD_2wgY3.js} +1 -1
- package/dist/{index-Cg-RjxqH.js → index-DKpp7RIH.js} +2236 -1505
- package/dist/{pdf-DgX01_wu.js → pdf-0TQQyXWM.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +610 -22
- package/dist/types/vue-data-ui.d.ts +610 -22
- package/dist/useAutoSizeLabelsInsideViewbox-Qhry5WvH.js +81 -0
- package/dist/useFitSvgText-2crs6Fv5.js +69 -0
- package/dist/useLoading-D7YHNtLX.js +29 -0
- package/dist/useNestedProp-D-8c0o4p.js +13 -0
- package/dist/usePanZoom-BVca3eMk.js +122 -0
- package/dist/{usePrinter-BUzmyQf9.js → usePrinter-NUeckmCX.js} +2 -2
- package/dist/useTimeLabelCollider-CIsgDrl9.js +78 -0
- package/dist/{useTimeLabels-Mrr0jrpL.js → useTimeLabels-DkzmKfZn.js} +211 -152
- package/dist/{vue-data-ui-DpO93ey5.js → vue-data-ui-BIXXEsFZ.js} +105 -100
- package/dist/vue-data-ui.js +23 -22
- package/dist/vue-ui-3d-bar-CVUfj12F.js +1323 -0
- package/dist/{vue-ui-accordion-CRomxzaL.js → vue-ui-accordion-Cpovz3RE.js} +3 -3
- package/dist/vue-ui-age-pyramid-CQWFaHLV.js +834 -0
- package/dist/{vue-ui-annotator-BAOxPiFx.js → vue-ui-annotator-C49Xw5Mh.js} +2 -2
- package/dist/vue-ui-bullet-DED2SuIa.js +571 -0
- package/dist/vue-ui-candlestick-DGgbevy6.js +999 -0
- package/dist/{vue-ui-carousel-table-DVGlPZIa.js → vue-ui-carousel-table-DKIgSB1T.js} +29 -29
- package/dist/{vue-ui-chestnut-P1v4ffD0.js → vue-ui-chestnut-D1bEM91d.js} +5 -5
- package/dist/vue-ui-chord-CBLSqtEP.js +1038 -0
- package/dist/{vue-ui-circle-pack-FXmemXgl.js → vue-ui-circle-pack-g2ts9NTG.js} +24 -24
- package/dist/{vue-ui-cursor-CdvMgIrP.js → vue-ui-cursor-DSxmPUD8.js} +2 -2
- package/dist/{vue-ui-dashboard-Vke0452J.js → vue-ui-dashboard-B6FfoNjQ.js} +62 -62
- package/dist/{vue-ui-digits-BVhyYqCs.js → vue-ui-digits-DKffQVgr.js} +2 -2
- package/dist/{vue-ui-donut-BpIivKcf.js → vue-ui-donut-CJrWc4-g.js} +320 -308
- package/dist/vue-ui-donut-evolution-Bys6cs-D.js +1075 -0
- package/dist/vue-ui-dumbbell-Cb_I__qC.js +1119 -0
- package/dist/vue-ui-flow-BzuT3ij5.js +841 -0
- package/dist/{vue-ui-funnel-BbFmbsft.js → vue-ui-funnel-Ctp7GDiN.js} +16 -16
- package/dist/vue-ui-galaxy-CRBy0aio.js +680 -0
- package/dist/vue-ui-gauge-NcQq5UFr.js +791 -0
- package/dist/vue-ui-gizmo-Cwfb8c-0.js +210 -0
- package/dist/vue-ui-heatmap-DElqpFVY.js +1078 -0
- package/dist/vue-ui-history-plot-De1Dvnhw.js +1073 -0
- package/dist/{vue-ui-kpi-jN_yMnLj.js → vue-ui-kpi-_bLScmgO.js} +26 -26
- package/dist/{vue-ui-mini-loader-rYr76x8g.js → vue-ui-mini-loader-PsHE_2Wy.js} +2 -2
- package/dist/{vue-ui-molecule-BWZHOQLi.js → vue-ui-molecule-CgiahnC6.js} +53 -51
- package/dist/vue-ui-mood-radar-dXVOOrhl.js +785 -0
- package/dist/vue-ui-nested-donuts-C0X6BetT.js +1286 -0
- package/dist/vue-ui-onion-C7sxQzk_.js +776 -0
- package/dist/vue-ui-parallel-coordinate-plot-jwtnNX59.js +915 -0
- package/dist/{vue-ui-quadrant-BFFzfDw3.js → vue-ui-quadrant-DguDE91h.js} +512 -459
- package/dist/vue-ui-quick-chart-BpEDS08U.js +1761 -0
- package/dist/vue-ui-radar-lFrqTRqo.js +796 -0
- package/dist/{vue-ui-rating-BAauyqTn.js → vue-ui-rating-BHghXziv.js} +2 -2
- package/dist/vue-ui-relation-circle-C5W6NFOb.js +598 -0
- package/dist/vue-ui-ridgeline-A2DuFEDS.js +1153 -0
- package/dist/vue-ui-rings-BgJAm9_b.js +728 -0
- package/dist/vue-ui-scatter-COfpLChz.js +1178 -0
- package/dist/{vue-ui-skeleton-CUOhCY4p.js → vue-ui-skeleton-DMLCBUtZ.js} +3 -3
- package/dist/{vue-ui-smiley-B6SqWMov.js → vue-ui-smiley-ZopESYc_.js} +26 -26
- package/dist/vue-ui-spark-trend-CuSQ03fQ.js +315 -0
- package/dist/vue-ui-sparkbar-BCsX9M4q.js +351 -0
- package/dist/vue-ui-sparkgauge-DdyZLA0T.js +232 -0
- package/dist/vue-ui-sparkhistogram-CUxFgIcE.js +380 -0
- package/dist/vue-ui-sparkline-DOkofsLL.js +489 -0
- package/dist/vue-ui-sparkstackbar-Bq9PZzmH.js +421 -0
- package/dist/vue-ui-stackbar-B7ceoT0V.js +1370 -0
- package/dist/vue-ui-strip-plot-DYh-NGQN.js +915 -0
- package/dist/{vue-ui-table-heatmap-DazTE3fa.js → vue-ui-table-heatmap-BVTb1xuA.js} +5 -5
- package/dist/{vue-ui-table-Dwjl3L0p.js → vue-ui-table-pESH5KAJ.js} +11 -11
- package/dist/{vue-ui-table-sparkline-BXMPUEpN.js → vue-ui-table-sparkline-Bw-6l9lA.js} +14 -14
- package/dist/vue-ui-thermometer-BqqfmS-B.js +541 -0
- package/dist/{vue-ui-timer-yLvNAZL_.js → vue-ui-timer-CVisMxLS.js} +5 -5
- package/dist/vue-ui-tiremarks-K1dcCdpj.js +406 -0
- package/dist/vue-ui-treemap-Bz3c68s4.js +1035 -0
- package/dist/{vue-ui-vertical-bar-BrYCoVym.js → vue-ui-vertical-bar-BvtXpCjw.js} +71 -69
- package/dist/vue-ui-waffle-CYO7bIf1.js +910 -0
- package/dist/vue-ui-wheel-De1spwLh.js +379 -0
- package/dist/vue-ui-word-cloud-BMmVrx_T.js +765 -0
- package/dist/{vue-ui-world-B4Dqrk4l.js → vue-ui-world-Ccpr00nJ.js} +11 -9
- package/dist/vue-ui-xy-D4jaRKe3.js +3771 -0
- package/dist/{vue-ui-xy-canvas-D7fL36kT.js → vue-ui-xy-canvas-DE-Uu5oq.js} +265 -264
- package/package.json +1 -1
- package/dist/Slicer-BD8Z8VCW.js +0 -577
- package/dist/useLoading-Bt5Doa8m.js +0 -28
- package/dist/useNestedProp-C_G5E08Y.js +0 -13
- package/dist/usePanZoom-BQMvRXEQ.js +0 -115
- package/dist/vue-ui-3d-bar-D8imUwEz.js +0 -1227
- package/dist/vue-ui-age-pyramid-CV7gtFOC.js +0 -746
- package/dist/vue-ui-bullet-BtuMMBF7.js +0 -513
- package/dist/vue-ui-candlestick-BsRtXKrv.js +0 -873
- package/dist/vue-ui-chord-CIuzYmpM.js +0 -949
- package/dist/vue-ui-donut-evolution-BRlsCA4U.js +0 -903
- package/dist/vue-ui-dumbbell-D87Dumjh.js +0 -753
- package/dist/vue-ui-flow-D_L_xssL.js +0 -765
- package/dist/vue-ui-galaxy-Cn6vHbaw.js +0 -617
- package/dist/vue-ui-gauge-Ds4terqY.js +0 -738
- package/dist/vue-ui-gizmo-BTncpI62.js +0 -192
- package/dist/vue-ui-heatmap-B6GpjeWC.js +0 -877
- package/dist/vue-ui-history-plot-DTDzEeGq.js +0 -924
- package/dist/vue-ui-mood-radar-CPfS6f1L.js +0 -670
- package/dist/vue-ui-nested-donuts-Bsd2kGoJ.js +0 -1177
- package/dist/vue-ui-onion-BQ4nISXW.js +0 -701
- package/dist/vue-ui-parallel-coordinate-plot-BoHgVgbn.js +0 -807
- package/dist/vue-ui-quick-chart-oNMTeOAL.js +0 -1612
- package/dist/vue-ui-radar-98mXFZe-.js +0 -741
- package/dist/vue-ui-relation-circle-6oDCSxkO.js +0 -542
- package/dist/vue-ui-ridgeline-CugMGjOU.js +0 -969
- package/dist/vue-ui-rings-bsGXaD2m.js +0 -685
- package/dist/vue-ui-scatter-7ssLliGg.js +0 -1045
- package/dist/vue-ui-spark-trend-jauInkkN.js +0 -291
- package/dist/vue-ui-sparkbar-DXByIxQH.js +0 -301
- package/dist/vue-ui-sparkgauge-BMrV2gDi.js +0 -201
- package/dist/vue-ui-sparkhistogram-CoNM4G7o.js +0 -313
- package/dist/vue-ui-sparkline-DrN3_wS0.js +0 -459
- package/dist/vue-ui-sparkstackbar-W1a0JQi9.js +0 -381
- package/dist/vue-ui-stackbar-D1-gbUgE.js +0 -1207
- package/dist/vue-ui-strip-plot-KhfvrVuN.js +0 -761
- package/dist/vue-ui-thermometer-Cn6lJRs3.js +0 -495
- package/dist/vue-ui-tiremarks-BYsWePfK.js +0 -358
- package/dist/vue-ui-treemap-Ce7RVFG3.js +0 -965
- package/dist/vue-ui-waffle-CCrR2T1G.js +0 -863
- package/dist/vue-ui-wheel-BuxjnrDN.js +0 -352
- package/dist/vue-ui-word-cloud-C6fawHJE.js +0 -659
- package/dist/vue-ui-xy-ubRnv9iJ.js +0 -2980
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineAsyncComponent as
|
|
2
|
-
import { u as
|
|
3
|
-
import { u as
|
|
4
|
-
const
|
|
1
|
+
import { defineAsyncComponent as z, computed as C, useSlots as w, onMounted as k, watch as y, ref as $, createElementBlock as s, openBlock as i, normalizeStyle as u, normalizeClass as r, createElementVNode as b, renderSlot as n, createTextVNode as h, toDisplayString as F, createVNode as B, unref as v, Fragment as L } from "vue";
|
|
2
|
+
import { u as M } from "./useNestedProp-D-8c0o4p.js";
|
|
3
|
+
import { u as E, k as I, i as O } from "./index-DKpp7RIH.js";
|
|
4
|
+
const R = {
|
|
5
5
|
__name: "vue-ui-kpi",
|
|
6
6
|
props: {
|
|
7
7
|
config: {
|
|
@@ -16,30 +16,30 @@ const G = {
|
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
setup(o) {
|
|
19
|
-
const
|
|
19
|
+
const N = z(() => import("./vue-ui-digits-DKffQVgr.js")), { vue_ui_kpi: D } = E(), l = o, e = C({
|
|
20
20
|
get: () => c(),
|
|
21
21
|
set: (a) => a
|
|
22
|
-
}),
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
}), S = w(), A = C(() => e.value.debug);
|
|
23
|
+
k(() => {
|
|
24
|
+
S["chart-background"] && A.value && console.warn("VueUiKpi does not support the #chart-background slot.");
|
|
25
25
|
});
|
|
26
26
|
function c() {
|
|
27
|
-
return
|
|
27
|
+
return M({
|
|
28
28
|
userConfig: l.config,
|
|
29
|
-
defaultConfig:
|
|
29
|
+
defaultConfig: D
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
y(() => l.config, (a) => {
|
|
33
33
|
e.value = c(), d();
|
|
34
34
|
}, { deep: !0 });
|
|
35
|
-
const
|
|
36
|
-
const f = e.value.animationFrames,
|
|
37
|
-
function
|
|
38
|
-
t.value < a ? t.value = Math.min(t.value +
|
|
35
|
+
const x = $((typeof l.dataset == "number", l.dataset)), t = $(e.value.useAnimation ? e.value.animationValueStart : x.value), m = (a) => {
|
|
36
|
+
const f = e.value.animationFrames, g = Math.abs(a - t.value) / f;
|
|
37
|
+
function p() {
|
|
38
|
+
t.value < a ? t.value = Math.min(t.value + g, a) : t.value > a && (t.value = Math.max(t.value - g, a)), t.value !== a && requestAnimationFrame(p);
|
|
39
39
|
}
|
|
40
|
-
|
|
40
|
+
p();
|
|
41
41
|
};
|
|
42
|
-
|
|
42
|
+
k(() => {
|
|
43
43
|
d();
|
|
44
44
|
});
|
|
45
45
|
function d() {
|
|
@@ -47,28 +47,28 @@ const G = {
|
|
|
47
47
|
}
|
|
48
48
|
return y(() => l.dataset, (a) => {
|
|
49
49
|
e.value.useAnimation ? m(a) : t.value = a;
|
|
50
|
-
}), (a, f) => (
|
|
50
|
+
}), (a, f) => (i(), s("div", {
|
|
51
51
|
class: r(`vue-ui-kpi ${e.value.layoutClass}`),
|
|
52
52
|
style: u(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)
|
|
53
53
|
}, [
|
|
54
|
-
|
|
54
|
+
b("div", {
|
|
55
55
|
class: r(`vue-ui-kpi-title ${e.value.titleClass}`),
|
|
56
56
|
style: u(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold ? "bold" : "normal"}; ${e.value.titleCss}`)
|
|
57
57
|
}, [
|
|
58
58
|
n(a.$slots, "title", { comment: o.dataset }),
|
|
59
|
-
h(" " +
|
|
59
|
+
h(" " + F(e.value.title), 1)
|
|
60
60
|
], 6),
|
|
61
61
|
n(a.$slots, "comment-before", { comment: o.dataset }),
|
|
62
|
-
|
|
62
|
+
b("div", {
|
|
63
63
|
class: r(`vue-ui-kpi-value ${e.value.valueClass}`),
|
|
64
64
|
style: u(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold ? "bold" : "normal"}; ${e.value.valueCss}`)
|
|
65
65
|
}, [
|
|
66
66
|
n(a.$slots, "value", { comment: o.dataset }),
|
|
67
|
-
e.value.analogDigits.show ? (
|
|
67
|
+
e.value.analogDigits.show ? (i(), s("div", {
|
|
68
68
|
key: 0,
|
|
69
69
|
style: u({ height: e.value.analogDigits.height + "px" })
|
|
70
70
|
}, [
|
|
71
|
-
|
|
71
|
+
B(v(N), {
|
|
72
72
|
dataset: Number(t.value.toFixed(e.value.valueRounding)),
|
|
73
73
|
config: {
|
|
74
74
|
backgroundColor: e.value.backgroundColor,
|
|
@@ -78,11 +78,11 @@ const G = {
|
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}, null, 8, ["dataset", "config"])
|
|
81
|
-
], 4)) : (
|
|
82
|
-
h(
|
|
81
|
+
], 4)) : (i(), s(L, { key: 1 }, [
|
|
82
|
+
h(F(v(I)(
|
|
83
83
|
e.value.formatter,
|
|
84
84
|
t.value,
|
|
85
|
-
v(
|
|
85
|
+
v(O)({
|
|
86
86
|
p: e.value.prefix,
|
|
87
87
|
v: t.value,
|
|
88
88
|
s: e.value.suffix,
|
|
@@ -96,5 +96,5 @@ const G = {
|
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
98
|
export {
|
|
99
|
-
|
|
99
|
+
R as default
|
|
100
100
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCssVars as h, computed as r, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
|
|
2
|
-
import { u as m } from "./useNestedProp-
|
|
3
|
-
import { u as y, X as L } from "./index-
|
|
2
|
+
import { u as m } from "./useNestedProp-D-8c0o4p.js";
|
|
3
|
+
import { u as y, X as L } from "./index-DKpp7RIH.js";
|
|
4
4
|
import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
|
|
6
6
|
__name: "vue-ui-mini-loader",
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { useCssVars as Je, defineAsyncComponent as p, computed as k, onMounted as Ke, ref as c, watch as et, createElementBlock as y, openBlock as i, unref as s, normalizeStyle as R, normalizeClass as pe, createBlock as $, createCommentVNode as f, createVNode as S, createSlots as tt, withCtx as d, renderSlot as u, normalizeProps as w, guardReactiveProps as T, createElementVNode as _, Fragment as ot, renderList as lt, createTextVNode as st, toDisplayString as at, nextTick as nt } from "vue";
|
|
2
|
-
import { u as rt, o as it,
|
|
3
|
-
import { u as ye } from "./useNestedProp-
|
|
4
|
-
import { u as Ct } from "./usePrinter-
|
|
2
|
+
import { u as rt, o as it, f as ut, c as fe, a as ct, p as ge, b as dt, d as vt, Q as ht, X as pt, l as ft, R as gt, e as me, v as mt, w as yt, y as bt, z as kt } from "./index-DKpp7RIH.js";
|
|
3
|
+
import { u as ye } from "./useNestedProp-D-8c0o4p.js";
|
|
4
|
+
import { u as Ct } from "./usePrinter-NUeckmCX.js";
|
|
5
5
|
import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
|
|
6
6
|
import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
|
|
7
|
-
import { u as Tt } from "./usePanZoom-
|
|
8
|
-
import Ot from "./img-
|
|
7
|
+
import { u as Tt } from "./usePanZoom-BVca3eMk.js";
|
|
8
|
+
import Ot from "./img-DD_2wgY3.js";
|
|
9
9
|
import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
10
|
-
const At = ["id"],
|
|
10
|
+
const At = ["id"], Ft = {
|
|
11
11
|
key: 1,
|
|
12
12
|
ref: "noTitle",
|
|
13
13
|
class: "vue-data-ui-no-title-space",
|
|
14
14
|
style: "height:36px; width: 100%;background:transparent"
|
|
15
|
-
},
|
|
15
|
+
}, It = {
|
|
16
16
|
key: 2,
|
|
17
17
|
style: "width:100%;background:transparent;"
|
|
18
|
-
},
|
|
18
|
+
}, Nt = ["xmlns", "viewBox"], St = ["width", "height"], _t = ["id"], Lt = ["stop-color"], Dt = ["stop-color"], Bt = {
|
|
19
19
|
key: 5,
|
|
20
20
|
class: "vue-data-ui-watermark"
|
|
21
21
|
}, Rt = {
|
|
@@ -26,7 +26,7 @@ const At = ["id"], It = {
|
|
|
26
26
|
key: 8,
|
|
27
27
|
ref: "source",
|
|
28
28
|
dir: "auto"
|
|
29
|
-
}, Et = ["innerHTML"],
|
|
29
|
+
}, Et = ["innerHTML"], zt = {
|
|
30
30
|
__name: "vue-ui-molecule",
|
|
31
31
|
props: {
|
|
32
32
|
config: {
|
|
@@ -45,9 +45,9 @@ const At = ["id"], It = {
|
|
|
45
45
|
emits: ["selectNode"],
|
|
46
46
|
setup(be, { expose: ke, emit: Ce }) {
|
|
47
47
|
Je((t) => ({
|
|
48
|
-
"
|
|
48
|
+
"69f7b946": t.slicerColor
|
|
49
49
|
}));
|
|
50
|
-
const $e = p(() => import("./vue-ui-accordion-
|
|
50
|
+
const $e = p(() => import("./vue-ui-accordion-Cpovz3RE.js")), we = p(() => import("./BaseIcon-BdOEhJar.js")), Te = p(() => import("./DataTable-B3yakHEM.js")), Oe = p(() => import("./PackageVersion-6s4eI8W7.js")), Pe = p(() => import("./PenAndPaper-JoUN7Ink.js")), Ae = p(() => import("./RecursiveCircles-Dn3TGoL6.js")), Fe = p(() => import("./RecursiveLabels-NTMB9w5C.js")), Ie = p(() => import("./RecursiveLinks-ld_gDZH4.js")), Ne = p(() => import("./vue-ui-skeleton-DMLCBUtZ.js")), Se = p(() => import("./Title-VLWyIYrj.js")), _e = p(() => import("./Tooltip-BS5naLS2.js")), Le = p(() => import("./UserOptions-BV_xM-sB.js")), { vue_ui_molecule: De } = rt(), C = be, Be = Ce, L = k(() => !!C.dataset && C.dataset.length);
|
|
51
51
|
Ke(() => {
|
|
52
52
|
W();
|
|
53
53
|
});
|
|
@@ -58,10 +58,10 @@ const At = ["id"], It = {
|
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
const U = c(fe()), Re = c(null), E = c(!1), D = c(""), O = c(null), X = c(0), j = c(0), Y = c(0), e = k({
|
|
61
|
-
get: () =>
|
|
61
|
+
get: () => q(),
|
|
62
62
|
set: (t) => t
|
|
63
|
-
}), { userOptionsVisible:
|
|
64
|
-
function
|
|
63
|
+
}), { userOptionsVisible: z, setUserOptionsVisibility: Z, keepUserOptionState: Q } = $t({ config: e.value }), { svgRef: x } = wt({ config: e.value.style.chart.title });
|
|
64
|
+
function q() {
|
|
65
65
|
const t = ye({
|
|
66
66
|
userConfig: C.config,
|
|
67
67
|
defaultConfig: De
|
|
@@ -75,7 +75,7 @@ const At = ["id"], It = {
|
|
|
75
75
|
} : t;
|
|
76
76
|
}
|
|
77
77
|
et(() => C.config, (t) => {
|
|
78
|
-
e.value =
|
|
78
|
+
e.value = q(), z.value = !e.value.userOptions.showOnChartHover, W(), j.value += 1, Y.value += 1, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show;
|
|
79
79
|
}, { deep: !0 });
|
|
80
80
|
const { isPrinting: J, isImaging: K, generatePdf: ee, generateImage: te } = Ct({
|
|
81
81
|
elementId: `cluster_${U.value}`,
|
|
@@ -89,7 +89,7 @@ const At = ["id"], It = {
|
|
|
89
89
|
function oe(t, l = 0) {
|
|
90
90
|
return Array.isArray(t) && t.length > 0 && t[0].nodes ? oe(t[0].nodes, l + 1) : l;
|
|
91
91
|
}
|
|
92
|
-
function
|
|
92
|
+
function ze() {
|
|
93
93
|
const t = oe(C.dataset);
|
|
94
94
|
let l = 100, o = l;
|
|
95
95
|
for (let n = 0; n < t; n += 1)
|
|
@@ -99,18 +99,18 @@ const At = ["id"], It = {
|
|
|
99
99
|
width: o
|
|
100
100
|
};
|
|
101
101
|
}
|
|
102
|
-
const v = c(
|
|
102
|
+
const v = c(ze());
|
|
103
103
|
c(`0 0 ${v.value.width} ${v.value.height}`);
|
|
104
104
|
function le(t, l = { x: -v.value.width / 2.43, y: v.value.height / 2 }, o = v.value.width / 1.1, n = 24, a = 0, r = 0, g = "#BBBBBB", G = 0) {
|
|
105
105
|
if (!Array.isArray(t) || t.length === 0) return t;
|
|
106
|
-
const
|
|
106
|
+
const qe = gt({
|
|
107
107
|
plot: l,
|
|
108
108
|
radius: o,
|
|
109
109
|
sides: t.length,
|
|
110
110
|
rotation: a
|
|
111
111
|
});
|
|
112
112
|
return t.forEach((m, de) => {
|
|
113
|
-
const ve =
|
|
113
|
+
const ve = qe.coordinates[de], he = m.color ? (() => {
|
|
114
114
|
let M = me(m.color);
|
|
115
115
|
return M.startsWith("#") ? M : `#${M}`;
|
|
116
116
|
})() : null;
|
|
@@ -127,7 +127,7 @@ const At = ["id"], It = {
|
|
|
127
127
|
));
|
|
128
128
|
}), t;
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function xe(t) {
|
|
131
131
|
const l = /* @__PURE__ */ new Set();
|
|
132
132
|
function o(a) {
|
|
133
133
|
a.forEach((r) => {
|
|
@@ -143,7 +143,7 @@ const At = ["id"], It = {
|
|
|
143
143
|
n[a] = `gradient_${r}`;
|
|
144
144
|
}), n;
|
|
145
145
|
}
|
|
146
|
-
const He = k(() =>
|
|
146
|
+
const He = k(() => xe(b.value)), b = k(() => {
|
|
147
147
|
const t = ht(C.dataset);
|
|
148
148
|
return le(t);
|
|
149
149
|
}), H = c(null);
|
|
@@ -173,9 +173,9 @@ const At = ["id"], It = {
|
|
|
173
173
|
o += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`, t.details && (o += `<div style="width:100%;border-top:1px solid ${e.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`), D.value = `<div style="font-family:inherit">${o}</div>`;
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
const se = c(null),
|
|
176
|
+
const se = c(null), F = c(null);
|
|
177
177
|
function Ge(t) {
|
|
178
|
-
se.value = t, t ? (E.value = !0, Ve(t),
|
|
178
|
+
se.value = t, t ? (E.value = !0, Ve(t), F.value = t.uid) : (E.value = !1, D.value = "", F.value = null);
|
|
179
179
|
}
|
|
180
180
|
function Me(t) {
|
|
181
181
|
const l = [];
|
|
@@ -237,9 +237,9 @@ const At = ["id"], It = {
|
|
|
237
237
|
function Xe() {
|
|
238
238
|
return b.value;
|
|
239
239
|
}
|
|
240
|
-
const
|
|
240
|
+
const I = c(!1);
|
|
241
241
|
function ne(t) {
|
|
242
|
-
|
|
242
|
+
I.value = t, X.value += 1;
|
|
243
243
|
}
|
|
244
244
|
function re() {
|
|
245
245
|
h.value.showTable = !h.value.showTable;
|
|
@@ -250,11 +250,11 @@ const At = ["id"], It = {
|
|
|
250
250
|
function ue() {
|
|
251
251
|
h.value.showTooltip = !h.value.showTooltip;
|
|
252
252
|
}
|
|
253
|
-
const
|
|
253
|
+
const N = c(!1);
|
|
254
254
|
function V() {
|
|
255
|
-
|
|
255
|
+
N.value = !N.value;
|
|
256
256
|
}
|
|
257
|
-
const je = k(() => !
|
|
257
|
+
const je = k(() => !N.value), { viewBox: B, resetZoom: ce, isZoom: Ye } = Tt(x, {
|
|
258
258
|
x: 0,
|
|
259
259
|
y: 0,
|
|
260
260
|
width: v.value.width <= 0 ? 10 : v.value.width,
|
|
@@ -263,7 +263,7 @@ const At = ["id"], It = {
|
|
|
263
263
|
function Ze(t) {
|
|
264
264
|
Be("selectNode", t);
|
|
265
265
|
}
|
|
266
|
-
async function
|
|
266
|
+
async function Qe({ scale: t = 2 } = {}) {
|
|
267
267
|
if (!O.value) return;
|
|
268
268
|
const { width: l, height: o } = O.value.getBoundingClientRect(), n = l / o, { imageUri: a, base64: r } = await Ot({ domElement: O.value, base64: !0, img: !0, scale: t });
|
|
269
269
|
return {
|
|
@@ -277,7 +277,7 @@ const At = ["id"], It = {
|
|
|
277
277
|
}
|
|
278
278
|
return ke({
|
|
279
279
|
getData: Xe,
|
|
280
|
-
getImage:
|
|
280
|
+
getImage: Qe,
|
|
281
281
|
generatePdf: ee,
|
|
282
282
|
generateCsv: ae,
|
|
283
283
|
generateImage: te,
|
|
@@ -289,24 +289,24 @@ const At = ["id"], It = {
|
|
|
289
289
|
}), (t, l) => (i(), y("div", {
|
|
290
290
|
ref_key: "moleculeChart",
|
|
291
291
|
ref: O,
|
|
292
|
-
class: pe(`vue-ui-molecule ${
|
|
292
|
+
class: pe(`vue-ui-molecule ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
|
|
293
293
|
style: R(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
|
|
294
294
|
id: `cluster_${U.value}`,
|
|
295
295
|
onMouseleave: l[2] || (l[2] = (o) => {
|
|
296
|
-
se.value = null,
|
|
296
|
+
se.value = null, F.value = null, s(Z)(!1);
|
|
297
297
|
}),
|
|
298
298
|
onMouseenter: l[3] || (l[3] = () => s(Z)(!0))
|
|
299
299
|
}, [
|
|
300
300
|
e.value.userOptions.buttons.annotator ? (i(), $(s(Pe), {
|
|
301
301
|
key: 0,
|
|
302
|
-
svgRef: s(
|
|
302
|
+
svgRef: s(x),
|
|
303
303
|
backgroundColor: e.value.style.chart.backgroundColor,
|
|
304
304
|
color: e.value.style.chart.color,
|
|
305
|
-
active:
|
|
305
|
+
active: N.value,
|
|
306
306
|
onClose: V
|
|
307
307
|
}, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
|
|
308
|
-
Ue.value ? (i(), y("div",
|
|
309
|
-
e.value.style.chart.title.text ? (i(), y("div",
|
|
308
|
+
Ue.value ? (i(), y("div", Ft, null, 512)) : f("", !0),
|
|
309
|
+
e.value.style.chart.title.text ? (i(), y("div", It, [
|
|
310
310
|
(i(), $(s(Se), {
|
|
311
311
|
key: `title_${j.value}`,
|
|
312
312
|
config: {
|
|
@@ -321,7 +321,7 @@ const At = ["id"], It = {
|
|
|
321
321
|
}
|
|
322
322
|
}, null, 8, ["config"]))
|
|
323
323
|
])) : f("", !0),
|
|
324
|
-
e.value.userOptions.show && L.value && (s(
|
|
324
|
+
e.value.userOptions.show && L.value && (s(Q) || s(z)) ? (i(), $(s(Le), {
|
|
325
325
|
ref_key: "details",
|
|
326
326
|
ref: Re,
|
|
327
327
|
key: `user_options_${X.value}`,
|
|
@@ -342,7 +342,7 @@ const At = ["id"], It = {
|
|
|
342
342
|
chartElement: O.value,
|
|
343
343
|
position: e.value.userOptions.position,
|
|
344
344
|
hasAnnotator: e.value.userOptions.buttons.annotator,
|
|
345
|
-
isAnnotation:
|
|
345
|
+
isAnnotation: N.value,
|
|
346
346
|
callbacks: e.value.userOptions.callbacks,
|
|
347
347
|
printScale: e.value.userOptions.print.scale,
|
|
348
348
|
onToggleFullscreen: ne,
|
|
@@ -354,7 +354,7 @@ const At = ["id"], It = {
|
|
|
354
354
|
onToggleTooltip: ue,
|
|
355
355
|
onToggleAnnotator: V,
|
|
356
356
|
style: R({
|
|
357
|
-
visibility: s(
|
|
357
|
+
visibility: s(Q) ? s(z) ? "visible" : "hidden" : "visible"
|
|
358
358
|
})
|
|
359
359
|
}, tt({ _: 2 }, [
|
|
360
360
|
t.$slots.menuIcon ? {
|
|
@@ -424,10 +424,10 @@ const At = ["id"], It = {
|
|
|
424
424
|
L.value ? (i(), y("svg", {
|
|
425
425
|
key: 4,
|
|
426
426
|
ref_key: "svgRef",
|
|
427
|
-
ref:
|
|
427
|
+
ref: x,
|
|
428
428
|
xmlns: s(pt),
|
|
429
429
|
viewBox: `${s(B).x} ${s(B).y} ${s(B).width} ${s(B).height}`,
|
|
430
|
-
class: pe({ "vue-data-ui-fullscreen--on":
|
|
430
|
+
class: pe({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
|
|
431
431
|
style: R(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
|
|
432
432
|
}, [
|
|
433
433
|
S(s(Oe)),
|
|
@@ -462,14 +462,14 @@ const At = ["id"], It = {
|
|
|
462
462
|
}, null, 8, Dt)
|
|
463
463
|
], 8, _t))), 256))
|
|
464
464
|
]),
|
|
465
|
-
S(s(
|
|
465
|
+
S(s(Ie), {
|
|
466
466
|
dataset: b.value,
|
|
467
467
|
color: e.value.style.chart.links.stroke,
|
|
468
468
|
backgroundColor: e.value.style.chart.backgroundColor
|
|
469
469
|
}, null, 8, ["dataset", "color", "backgroundColor"]),
|
|
470
470
|
S(s(Ae), {
|
|
471
471
|
dataset: b.value,
|
|
472
|
-
hoveredUid:
|
|
472
|
+
hoveredUid: F.value,
|
|
473
473
|
stroke: e.value.style.chart.nodes.stroke,
|
|
474
474
|
strokeHovered: e.value.style.chart.nodes.strokeHovered,
|
|
475
475
|
onClick: Ze,
|
|
@@ -480,14 +480,14 @@ const At = ["id"], It = {
|
|
|
480
480
|
]),
|
|
481
481
|
_: 3
|
|
482
482
|
}, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
|
|
483
|
-
h.value.showDataLabels ? (i(), $(s(
|
|
483
|
+
h.value.showDataLabels ? (i(), $(s(Fe), {
|
|
484
484
|
key: 1,
|
|
485
485
|
dataset: b.value,
|
|
486
486
|
color: e.value.style.chart.color,
|
|
487
|
-
hoveredUid:
|
|
487
|
+
hoveredUid: F.value
|
|
488
488
|
}, null, 8, ["dataset", "color", "hoveredUid"])) : f("", !0),
|
|
489
489
|
u(t.$slots, "svg", { svg: v.value }, void 0, !0)
|
|
490
|
-
], 14,
|
|
490
|
+
], 14, Nt)) : f("", !0),
|
|
491
491
|
t.$slots.watermark ? (i(), y("div", Bt, [
|
|
492
492
|
u(t.$slots, "watermark", w(T({ isPrinting: s(J) || s(K) })), void 0, !0)
|
|
493
493
|
])) : f("", !0),
|
|
@@ -510,7 +510,7 @@ const At = ["id"], It = {
|
|
|
510
510
|
], 4)
|
|
511
511
|
], !0)
|
|
512
512
|
])) : f("", !0),
|
|
513
|
-
L.value ? f("", !0) : (i(), $(s(
|
|
513
|
+
L.value ? f("", !0) : (i(), $(s(Ne), {
|
|
514
514
|
key: 7,
|
|
515
515
|
config: {
|
|
516
516
|
type: "molecule",
|
|
@@ -538,8 +538,10 @@ const At = ["id"], It = {
|
|
|
538
538
|
offsetY: e.value.style.chart.tooltip.offsetY,
|
|
539
539
|
parent: O.value,
|
|
540
540
|
content: D.value,
|
|
541
|
-
isFullscreen:
|
|
542
|
-
isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
|
|
541
|
+
isFullscreen: I.value,
|
|
542
|
+
isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
|
|
543
|
+
smooth: e.value.style.chart.tooltip.smooth,
|
|
544
|
+
backdropFilter: e.value.style.chart.tooltip.backdropFilter
|
|
543
545
|
}, {
|
|
544
546
|
"tooltip-before": d(() => [
|
|
545
547
|
u(t.$slots, "tooltip-before", w(T({ ...H.value })), void 0, !0)
|
|
@@ -548,7 +550,7 @@ const At = ["id"], It = {
|
|
|
548
550
|
u(t.$slots, "tooltip-after", w(T({ ...H.value })), void 0, !0)
|
|
549
551
|
]),
|
|
550
552
|
_: 3
|
|
551
|
-
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
|
|
553
|
+
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
|
|
552
554
|
L.value ? (i(), $(s($e), {
|
|
553
555
|
key: 9,
|
|
554
556
|
hideDetails: "",
|
|
@@ -591,7 +593,7 @@ const At = ["id"], It = {
|
|
|
591
593
|
}, 8, ["config"])) : f("", !0)
|
|
592
594
|
], 46, At));
|
|
593
595
|
}
|
|
594
|
-
}, Zt = /* @__PURE__ */ Pt(
|
|
596
|
+
}, Zt = /* @__PURE__ */ Pt(zt, [["__scopeId", "data-v-2630765e"]]);
|
|
595
597
|
export {
|
|
596
598
|
Zt as default
|
|
597
599
|
};
|