vue-data-ui 3.3.1 → 3.3.2
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/{PackageVersion-BfykJm_B.js → PackageVersion-r-Q1R3nV.js} +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/style.css +1 -1
- package/dist/useResizeObserverEffect-DfnWps4W.js +109 -0
- package/dist/{vue-data-ui-j8Dnx_Ui.js → vue-data-ui-BFdGl7rL.js} +54 -54
- package/dist/vue-data-ui.js +54 -54
- package/dist/{vue-ui-3d-bar-Cml_eeEU.js → vue-ui-3d-bar-kzlIaqHU.js} +1 -1
- package/dist/{vue-ui-age-pyramid-MULKSv5c.js → vue-ui-age-pyramid-YFzQ15k1.js} +26 -33
- package/dist/{vue-ui-bullet-BHO5zu9m.js → vue-ui-bullet-DdjpiM-T.js} +1 -1
- package/dist/{vue-ui-candlestick-B7EjAlSi.js → vue-ui-candlestick-x9U5Ni0N.js} +28 -35
- package/dist/{vue-ui-carousel-table-DXnYj0Gc.js → vue-ui-carousel-table-CRI_iPLn.js} +1 -1
- package/dist/{vue-ui-chestnut-B1Usqda-.js → vue-ui-chestnut-YrEA5Gq3.js} +1 -1
- package/dist/{vue-ui-chord-DgXH82Hg.js → vue-ui-chord-D_2DdvpZ.js} +1 -1
- package/dist/{vue-ui-circle-pack-BQfaZFFz.js → vue-ui-circle-pack-xm9-OOAR.js} +1 -1
- package/dist/{vue-ui-dashboard-C6xHAPp8.js → vue-ui-dashboard-29ZuFoLn.js} +54 -54
- package/dist/{vue-ui-donut-swJu7UL2.js → vue-ui-donut-BQptfVfE.js} +1 -1
- package/dist/{vue-ui-donut-evolution-D_CKlaay.js → vue-ui-donut-evolution-fiqngEFW.js} +72 -79
- package/dist/{vue-ui-dumbbell-siD31WFG.js → vue-ui-dumbbell-Cw45EBO0.js} +28 -35
- package/dist/{vue-ui-flow-BZCnqIs-.js → vue-ui-flow-DPu9BjPy.js} +1 -1
- package/dist/{vue-ui-funnel-DmgcIRzW.js → vue-ui-funnel-CtlDuNjO.js} +1 -1
- package/dist/{vue-ui-galaxy-C-zegxf9.js → vue-ui-galaxy-BiVjoNHW.js} +1 -1
- package/dist/{vue-ui-gauge-D6C8eUvP.js → vue-ui-gauge-CoM6Q3Nb.js} +1 -1
- package/dist/{vue-ui-gizmo-iSYUVKlt.js → vue-ui-gizmo-DXG8dS5u.js} +1 -1
- package/dist/{vue-ui-heatmap-RHDxexNf.js → vue-ui-heatmap-D6n8AnCc.js} +135 -156
- package/dist/{vue-ui-history-plot-4nwAd1qA.js → vue-ui-history-plot-C8WMHda_.js} +35 -42
- package/dist/{vue-ui-molecule-BhisFSGQ.js → vue-ui-molecule-DC4_vXt_.js} +1 -1
- package/dist/{vue-ui-mood-radar-B8yHPdrV.js → vue-ui-mood-radar-BgT5wMS0.js} +1 -1
- package/dist/{vue-ui-nested-donuts-Bfp0oVSK.js → vue-ui-nested-donuts-D2gSqe1f.js} +1 -1
- package/dist/{vue-ui-onion-f1B0W_oT.js → vue-ui-onion-CEbv2ii4.js} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-DcY-0R-7.js → vue-ui-parallel-coordinate-plot-budrvcwU.js} +34 -41
- package/dist/{vue-ui-quadrant-DuzopA33.js → vue-ui-quadrant-PpymeiXe.js} +1 -1
- package/dist/{vue-ui-quick-chart-45Tm1UnC.js → vue-ui-quick-chart-k6mjTD56.js} +205 -212
- package/dist/{vue-ui-radar-DDS405TF.js → vue-ui-radar-C5NvYMnv.js} +1 -1
- package/dist/{vue-ui-relation-circle-BqXHJEvi.js → vue-ui-relation-circle-Df33aaUT.js} +1 -1
- package/dist/{vue-ui-ridgeline-Lx7YOCRg.js → vue-ui-ridgeline-BTw-37RS.js} +34 -41
- package/dist/{vue-ui-rings-crjrV65X.js → vue-ui-rings-C_s9xOtZ.js} +1 -1
- package/dist/{vue-ui-scatter-Bk4liS2c.js → vue-ui-scatter-Jd8bQ0S5.js} +1 -1
- package/dist/{vue-ui-skeleton-Pu9gPf97.js → vue-ui-skeleton-Ce7H57o7.js} +1 -1
- package/dist/{vue-ui-spark-trend-BmaybxJn.js → vue-ui-spark-trend-DQy4iSO7.js} +1 -1
- package/dist/{vue-ui-sparkbar-DvhcXniz.js → vue-ui-sparkbar-CUFTHql0.js} +1 -1
- package/dist/{vue-ui-sparkgauge-D4Brfset.js → vue-ui-sparkgauge-CcykuBps.js} +1 -1
- package/dist/{vue-ui-sparkhistogram-D5_lR__d.js → vue-ui-sparkhistogram-CyGvYpYn.js} +1 -1
- package/dist/{vue-ui-sparkline-DxNG5QQg.js → vue-ui-sparkline-CLWJM6hA.js} +1 -1
- package/dist/{vue-ui-sparkstackbar-BTFzo3fq.js → vue-ui-sparkstackbar-Cln1pduE.js} +1 -1
- package/dist/{vue-ui-stackbar-B8glHsE6.js → vue-ui-stackbar-DIUil9DO.js} +24 -39
- package/dist/{vue-ui-strip-plot-C5Bro8-W.js → vue-ui-strip-plot-C4U0fT5D.js} +104 -111
- package/dist/{vue-ui-table-Ddu9yx2S.js → vue-ui-table-DpdP3PDq.js} +2 -2
- package/dist/{vue-ui-table-sparkline-D3tgrV_k.js → vue-ui-table-sparkline-Chf5YY4A.js} +1 -1
- package/dist/{vue-ui-thermometer-BxQIZoXd.js → vue-ui-thermometer-D6RmaNE6.js} +1 -1
- package/dist/{vue-ui-timer-BwFlr_19.js → vue-ui-timer-C5E1kJRt.js} +1 -1
- package/dist/{vue-ui-tiremarks-KwISwJS6.js → vue-ui-tiremarks-D0erVBnj.js} +1 -1
- package/dist/{vue-ui-treemap-C6PLDL2Y.js → vue-ui-treemap-K8FYxuYz.js} +1 -1
- package/dist/{vue-ui-vertical-bar-CTmRo06n.js → vue-ui-vertical-bar-BA3OY8Sh.js} +1 -1
- package/dist/{vue-ui-waffle-BwOLL9aa.js → vue-ui-waffle-CgLgPuro.js} +1 -1
- package/dist/{vue-ui-wheel-KI9mkz8y.js → vue-ui-wheel-C_cOUhCs.js} +1 -1
- package/dist/{vue-ui-word-cloud-DTyjx6X4.js → vue-ui-word-cloud-uvHNOIpN.js} +1 -1
- package/dist/{vue-ui-world-C3QXAlC7.js → vue-ui-world-DmeNMwpX.js} +1 -1
- package/dist/{vue-ui-xy-canvas-CdkE1NHd.js → vue-ui-xy-canvas-BQKR36bd.js} +1 -1
- package/dist/{vue-ui-xy-b-CN-G4J.js → vue-ui-xy-tWE4H5ij.js} +274 -281
- package/package.json +1 -1
- package/dist/useTimeLabelCollider-CIsgDrl9.js +0 -78
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineAsyncComponent as N, ref as v, shallowRef as He, computed as h, onMounted as Dt, onBeforeUnmount as Ft, toRefs as Xt, watch as K,
|
|
2
|
-
import { c as Ue, o as Ge, f as Ve, g as
|
|
3
|
-
import { t as Ze, u as
|
|
4
|
-
import { u as
|
|
5
|
-
import { u as
|
|
6
|
-
import { u as
|
|
7
|
-
import { u as
|
|
8
|
-
import { u as
|
|
9
|
-
import { u as
|
|
10
|
-
import { u as vl } from "./
|
|
1
|
+
import { defineAsyncComponent as N, ref as v, shallowRef as He, computed as h, onMounted as Dt, onBeforeUnmount as Ft, toRefs as Xt, watch as K, createElementBlock as r, openBlock as o, unref as i, normalizeStyle as S, normalizeClass as D, renderSlot as p, createBlock as I, createCommentVNode as d, createElementVNode as _, createVNode as fe, createSlots as We, withCtx as g, normalizeProps as B, guardReactiveProps as R, Fragment as m, renderList as b, toDisplayString as T, Teleport as Bt, resolveDynamicComponent as Rt, mergeProps as Yt, createTextVNode as je, nextTick as Et } from "vue";
|
|
2
|
+
import { c as Ue, o as Ge, f as Ve, g as Ht, t as Wt, e as jt, h as Ut, p as Q, C as qe, a as Y, d as E, X as Gt, m as Vt, r as qt, L as Zt, E as Jt, D as F, b as Kt, B as ee, x as Qt, y as el, z as tl } from "./lib-CEjkWSLj.js";
|
|
3
|
+
import { t as Ze, u as ll } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as al, a as Je } from "./useNestedProp-Ce3PwN8T.js";
|
|
5
|
+
import { u as sl, B as ol } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
+
import { u as rl } from "./usePrinter-DJ1iH-F_.js";
|
|
7
|
+
import { u as nl } from "./useSvgExport-DrjCWun4.js";
|
|
8
|
+
import { u as ul } from "./useUserOptionState-BIvW1Kz7.js";
|
|
9
|
+
import { u as il } from "./useChartAccessibility-9icAAmYg.js";
|
|
10
|
+
import { u as cl, a as vl } from "./useResizeObserverEffect-DfnWps4W.js";
|
|
11
11
|
import hl from "./img-J2dLIr8Y.js";
|
|
12
12
|
import dl from "./Title-Camz1Lce.js";
|
|
13
13
|
import { t as yl } from "./themes-Dw-dDudK.js";
|
|
@@ -34,7 +34,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
34
34
|
},
|
|
35
35
|
emits: ["selectLegend", "selectDatapoint"],
|
|
36
36
|
setup(Ke, { expose: Qe, emit: et }) {
|
|
37
|
-
const tt = N(() => import("./Tooltip-VOcQEHa4.js")), lt = N(() => import("./BaseIcon-eZbszQrv.js")), at = N(() => import("./vue-ui-accordion-VTP418mC.js")), st = N(() => import("./DataTable-yAMEyP6y.js")), ot = N(() => import("./PenAndPaper-Bo-lMUik.js")), rt = N(() => import("./UserOptions-CSja1SGU.js")), nt = N(() => import("./PackageVersion-
|
|
37
|
+
const tt = N(() => import("./Tooltip-VOcQEHa4.js")), lt = N(() => import("./BaseIcon-eZbszQrv.js")), at = N(() => import("./vue-ui-accordion-VTP418mC.js")), st = N(() => import("./DataTable-yAMEyP6y.js")), ot = N(() => import("./PenAndPaper-Bo-lMUik.js")), rt = N(() => import("./UserOptions-CSja1SGU.js")), nt = N(() => import("./PackageVersion-r-Q1R3nV.js")), ut = N(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_history_plot: it } = al(), y = Ke, L = v(null), xe = v(null), pe = v(0), ge = v(null), me = v(0), be = v(0), ke = v(0), M = He(null), X = He(null), we = v(null), $ = v(Ue()), te = v(!1), le = v(""), w = v([]), H = v(!1), A = v(null), W = v(!1), Ce = v(null), Ae = v(!1), j = v(null), ae = v(null), se = v(null), oe = v(null), G = v(null), re = v(null), V = h({
|
|
38
38
|
get: () => !!y.dataset && y.dataset.length,
|
|
39
39
|
set: (t) => t
|
|
40
40
|
}), _e = et;
|
|
@@ -48,7 +48,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
48
48
|
type: "dataset",
|
|
49
49
|
debug: Se.value
|
|
50
50
|
}), ue.value = !0) : y.dataset.forEach((t, a) => {
|
|
51
|
-
|
|
51
|
+
Ht({
|
|
52
52
|
datasetObject: t,
|
|
53
53
|
requiredAttributes: ["name", "values"]
|
|
54
54
|
}).forEach((l) => {
|
|
@@ -62,7 +62,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
62
62
|
});
|
|
63
63
|
}), Ge(y.dataset) || (ue.value = e.value.loading), e.value.responsive) {
|
|
64
64
|
const t = Ze(() => {
|
|
65
|
-
const { width: a, height: l } =
|
|
65
|
+
const { width: a, height: l } = ll({
|
|
66
66
|
chart: L.value,
|
|
67
67
|
title: e.value.style.chart.title.text ? xe.value : null,
|
|
68
68
|
noTitle: we.value,
|
|
@@ -132,10 +132,10 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
132
132
|
userConfig: yl.vue_ui_history_plot[t.theme] || y.config,
|
|
133
133
|
defaultConfig: t
|
|
134
134
|
}),
|
|
135
|
-
customPalette:
|
|
135
|
+
customPalette: Kt[t.theme] || Q
|
|
136
136
|
} : a = t, y.config && ee(y.config, "style.chart.axes.x.scaleMin") ? a.style.chart.axes.x.scaleMin = y.config.style.chart.axes.x.scaleMin : a.style.chart.axes.x.scaleMin = null, y.config && ee(y.config, "style.chart.axes.x.scaleMax") ? a.style.chart.axes.x.scaleMax = y.config.style.chart.axes.x.scaleMax : a.style.chart.axes.x.scaleMax = null, y.config && ee(y.config, "style.chart.axes.y.scaleMin") ? a.style.chart.axes.y.scaleMin = y.config.style.chart.axes.y.scaleMin : a.style.chart.axes.y.scaleMin = null, y.config && ee(y.config, "style.chart.axes.y.scaleMax") ? a.style.chart.axes.y.scaleMax = y.config.style.chart.axes.y.scaleMax : a.style.chart.axes.y.scaleMax = null, a;
|
|
137
137
|
}
|
|
138
|
-
const e = v(ne()), { loading: z, FINAL_DATASET: ct, manualLoading: ue } =
|
|
138
|
+
const e = v(ne()), { loading: z, FINAL_DATASET: ct, manualLoading: ue } = sl({
|
|
139
139
|
...Xt(y),
|
|
140
140
|
FINAL_CONFIG: e,
|
|
141
141
|
prepareConfig: ne,
|
|
@@ -151,7 +151,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
151
151
|
]
|
|
152
152
|
}
|
|
153
153
|
],
|
|
154
|
-
skeletonConfig:
|
|
154
|
+
skeletonConfig: Wt({
|
|
155
155
|
defaultConfig: e.value,
|
|
156
156
|
userConfig: {
|
|
157
157
|
userOptions: { show: !1 },
|
|
@@ -203,17 +203,17 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
205
|
})
|
|
206
|
-
}), { userOptionsVisible: ie, setUserOptionsVisibility: $e, keepUserOptionState: Te } =
|
|
206
|
+
}), { userOptionsVisible: ie, setUserOptionsVisibility: $e, keepUserOptionState: Te } = ul({ config: e.value }), { svgRef: ce } = il({ config: e.value.style.chart.title });
|
|
207
207
|
K(() => y.config, (t) => {
|
|
208
208
|
z.value || (e.value = ne()), ie.value = !e.value.userOptions.showOnChartHover, Le(), pe.value += 1, be.value += 1, me.value += 1, f.value.height = e.value.style.chart.height, f.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
|
|
209
209
|
}, { deep: !0 }), K(() => y.dataset, (t) => {
|
|
210
210
|
Array.isArray(t) && t.length > 0 && (ue.value = !1);
|
|
211
211
|
}, { deep: !0 });
|
|
212
|
-
const { isPrinting: Me, isImaging: ze, generatePdf: Oe, generateImage: Ne } =
|
|
212
|
+
const { isPrinting: Me, isImaging: ze, generatePdf: Oe, generateImage: Ne } = rl({
|
|
213
213
|
elementId: `history_plot_${$.value}`,
|
|
214
214
|
fileName: e.value.style.chart.title.text || "vue-ui-history-plot",
|
|
215
215
|
options: e.value.userOptions.print
|
|
216
|
-
}), vt = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), ht = h(() =>
|
|
216
|
+
}), vt = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), ht = h(() => jt(e.value.customPalette)), C = v({
|
|
217
217
|
showTable: e.value.table.show,
|
|
218
218
|
showTooltip: e.value.style.chart.tooltip.show
|
|
219
219
|
});
|
|
@@ -239,14 +239,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
239
239
|
const Ie = v(0), xt = Ze((t) => {
|
|
240
240
|
Ie.value = t;
|
|
241
241
|
});
|
|
242
|
-
|
|
243
|
-
const a = G.value;
|
|
244
|
-
if (!a) return;
|
|
245
|
-
const l = new ResizeObserver((u) => {
|
|
246
|
-
xt(u[0].contentRect.height);
|
|
247
|
-
});
|
|
248
|
-
l.observe(a), t(() => l.disconnect());
|
|
249
|
-
});
|
|
242
|
+
cl({ elementRef: G, callback: xt, attr: "height" });
|
|
250
243
|
const Pe = h(() => {
|
|
251
244
|
let t = 0;
|
|
252
245
|
se.value && (t = se.value.getBBox().height + n.value.xAxisName / 2);
|
|
@@ -272,7 +265,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
272
265
|
yAxisName: e.value.style.chart.axes.y.name.fontSize
|
|
273
266
|
}), O = h(() => ct.value.map((t, a) => ({
|
|
274
267
|
...t,
|
|
275
|
-
color: t.color ?
|
|
268
|
+
color: t.color ? Ut(t.color) : ht.value[a] || Q[a] || Q[a % Q.length],
|
|
276
269
|
seriesIndex: a
|
|
277
270
|
}))), pt = h(() => Math.max(...O.value.filter((t) => !w.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), gt = h(() => {
|
|
278
271
|
const t = Math.min(...O.value.filter((a) => !w.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
|
|
@@ -369,7 +362,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
369
362
|
function St({ datapoint: t, plotIndex: a, seriesIndex: l }) {
|
|
370
363
|
e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), he.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: O.value }, A.value = t;
|
|
371
364
|
const u = e.value.style.chart.tooltip.customFormat;
|
|
372
|
-
if (W.value = !1,
|
|
365
|
+
if (W.value = !1, tl(u))
|
|
373
366
|
try {
|
|
374
367
|
const s = u({
|
|
375
368
|
seriesIndex: l,
|
|
@@ -463,7 +456,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
463
456
|
};
|
|
464
457
|
});
|
|
465
458
|
function de(t = null) {
|
|
466
|
-
|
|
459
|
+
Et(() => {
|
|
467
460
|
const a = [
|
|
468
461
|
[e.value.table.columnNames.series],
|
|
469
462
|
[e.value.table.columnNames.datapoint],
|
|
@@ -478,8 +471,8 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
478
471
|
[e.value.style.chart.title.text],
|
|
479
472
|
[e.value.style.chart.title.subtitle.text],
|
|
480
473
|
a
|
|
481
|
-
].concat(l), s =
|
|
482
|
-
t ? t(s) :
|
|
474
|
+
].concat(l), s = Qt(u);
|
|
475
|
+
t ? t(s) : el({
|
|
483
476
|
csvContent: s,
|
|
484
477
|
title: e.value.style.chart.title.text || "vue-ui-history-plot"
|
|
485
478
|
});
|
|
@@ -560,7 +553,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
560
553
|
function Ye() {
|
|
561
554
|
C.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
|
|
562
555
|
}
|
|
563
|
-
const zt = h(() => e.value.style.chart.backgroundColor), Ot = h(() => e.value.style.chart.legend), Nt = h(() => e.value.style.chart.title), { exportSvg: It, getSvg: Pt } =
|
|
556
|
+
const zt = h(() => e.value.style.chart.backgroundColor), Ot = h(() => e.value.style.chart.legend), Nt = h(() => e.value.style.chart.title), { exportSvg: It, getSvg: Pt } = nl({
|
|
564
557
|
svg: ce,
|
|
565
558
|
title: Nt,
|
|
566
559
|
legend: Ot,
|
|
@@ -733,7 +726,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
733
726
|
(o(), r("svg", {
|
|
734
727
|
ref_key: "svgRef",
|
|
735
728
|
ref: ce,
|
|
736
|
-
xmlns: i(
|
|
729
|
+
xmlns: i(Gt),
|
|
737
730
|
viewBox: `0 0 ${f.value.width < 0 ? 0.1 : f.value.width} ${f.value.height < 0 ? 0.1 : f.value.height}`,
|
|
738
731
|
style: S(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
|
|
739
732
|
}, [
|
|
@@ -757,11 +750,11 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
757
750
|
}, [
|
|
758
751
|
_("stop", {
|
|
759
752
|
offset: "10%",
|
|
760
|
-
"stop-color": i(
|
|
753
|
+
"stop-color": i(Vt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
|
|
761
754
|
}, null, 8, Cl),
|
|
762
755
|
_("stop", {
|
|
763
756
|
offset: "90%",
|
|
764
|
-
"stop-color": i(
|
|
757
|
+
"stop-color": i(qt)(l.color, 0.1)
|
|
765
758
|
}, null, 8, Al),
|
|
766
759
|
_("stop", {
|
|
767
760
|
offset: "100%",
|
|
@@ -960,7 +953,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
960
953
|
opacity: A.value === null || A.value.id === s.id ? 1 : 0.3,
|
|
961
954
|
transition: "opacity 0.2s ease-in-out"
|
|
962
955
|
}),
|
|
963
|
-
innerHTML: i(
|
|
956
|
+
innerHTML: i(Zt)({
|
|
964
957
|
content: String(s.label),
|
|
965
958
|
fontSize: n.value.labels,
|
|
966
959
|
fill: e.value.style.chart.plots.labels.color,
|
|
@@ -989,7 +982,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
989
982
|
y: s.y + e.value.style.chart.plots.indexLabels.offsetY + n.value.indexLabels / 3,
|
|
990
983
|
"font-size": n.value.indexLabels,
|
|
991
984
|
"font-weight": e.value.style.chart.plots.indexLabels.bold ? "bold" : "normal",
|
|
992
|
-
fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? i(
|
|
985
|
+
fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? i(Jt)(l.color) : e.value.style.chart.plots.indexLabels.color,
|
|
993
986
|
"text-anchor": "middle",
|
|
994
987
|
class: D({ animated: e.value.useCssAnimation && !i(z) }),
|
|
995
988
|
style: S({
|
|
@@ -1031,7 +1024,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
1031
1024
|
_("div", {
|
|
1032
1025
|
id: `legend-bottom-${$.value}`
|
|
1033
1026
|
}, null, 8, Jl),
|
|
1034
|
-
Ae.value ? (o(), I(
|
|
1027
|
+
Ae.value ? (o(), I(Bt, {
|
|
1035
1028
|
key: 5,
|
|
1036
1029
|
to: e.value.style.chart.legend.position === "top" ? `#legend-top-${$.value}` : `#legend-bottom-${$.value}`
|
|
1037
1030
|
}, [
|
|
@@ -1098,7 +1091,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
1098
1091
|
]),
|
|
1099
1092
|
_: 3
|
|
1100
1093
|
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
|
|
1101
|
-
V.value && e.value.userOptions.buttons.table ? (o(), I(
|
|
1094
|
+
V.value && e.value.userOptions.buttons.table ? (o(), I(Rt(U.value.component), Yt({ key: 7 }, U.value.props, {
|
|
1102
1095
|
ref_key: "tableUnit",
|
|
1103
1096
|
ref: j,
|
|
1104
1097
|
onClose: Ye
|
|
@@ -1152,10 +1145,10 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
|
|
|
1152
1145
|
key: "1"
|
|
1153
1146
|
} : void 0
|
|
1154
1147
|
]), 1040)) : d("", !0),
|
|
1155
|
-
i(z) ? (o(), I(
|
|
1148
|
+
i(z) ? (o(), I(ol, { key: 8 })) : d("", !0)
|
|
1156
1149
|
], 46, pl));
|
|
1157
1150
|
}
|
|
1158
|
-
}, xa = /* @__PURE__ */ xl(ea, [["__scopeId", "data-v-
|
|
1151
|
+
}, xa = /* @__PURE__ */ xl(ea, [["__scopeId", "data-v-76e68961"]]);
|
|
1159
1152
|
export {
|
|
1160
1153
|
xa as default
|
|
1161
1154
|
};
|
|
@@ -50,7 +50,7 @@ const Zt = ["id"], qt = {
|
|
|
50
50
|
bt((t) => ({
|
|
51
51
|
v09141ae0: t.slicerColor
|
|
52
52
|
}));
|
|
53
|
-
const Ee = h(() => import("./Title-Camz1Lce.js")), Ue = h(() => import("./Tooltip-VOcQEHa4.js")), te = h(() => import("./BaseIcon-eZbszQrv.js")), Me = h(() => import("./vue-ui-accordion-VTP418mC.js")), ze = h(() => import("./DataTable-yAMEyP6y.js")), He = h(() => import("./PenAndPaper-Bo-lMUik.js")), Ve = h(() => import("./UserOptions-CSja1SGU.js")), Ge = h(() => import("./PackageVersion-
|
|
53
|
+
const Ee = h(() => import("./Title-Camz1Lce.js")), Ue = h(() => import("./Tooltip-VOcQEHa4.js")), te = h(() => import("./BaseIcon-eZbszQrv.js")), Me = h(() => import("./vue-ui-accordion-VTP418mC.js")), ze = h(() => import("./DataTable-yAMEyP6y.js")), He = h(() => import("./PenAndPaper-Bo-lMUik.js")), Ve = h(() => import("./UserOptions-CSja1SGU.js")), Ge = h(() => import("./PackageVersion-r-Q1R3nV.js")), We = h(() => import("./RecursiveLinks-00zGWPf9.js")), Xe = h(() => import("./RecursiveLabels-Bgcv0pzu.js")), je = h(() => import("./RecursiveCircles-BcLb1aRS.js")), Ye = h(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_molecule: Ze } = Et(), A = xe, qe = Re, oe = p(() => !!A.dataset && A.dataset.length);
|
|
54
54
|
Ct(() => {
|
|
55
55
|
le();
|
|
56
56
|
});
|
|
@@ -32,7 +32,7 @@ const St = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
setup(Ne, { expose: Le }) {
|
|
35
|
-
const P = M(() => import("./BaseIcon-eZbszQrv.js")), Se = M(() => import("./vue-ui-accordion-VTP418mC.js")), Ie = M(() => import("./DataTable-yAMEyP6y.js")), De = M(() => import("./PenAndPaper-Bo-lMUik.js")), Fe = M(() => import("./UserOptions-CSja1SGU.js")), Be = M(() => import("./PackageVersion-
|
|
35
|
+
const P = M(() => import("./BaseIcon-eZbszQrv.js")), Se = M(() => import("./vue-ui-accordion-VTP418mC.js")), Ie = M(() => import("./DataTable-yAMEyP6y.js")), De = M(() => import("./PenAndPaper-Bo-lMUik.js")), Fe = M(() => import("./UserOptions-CSja1SGU.js")), Be = M(() => import("./PackageVersion-r-Q1R3nV.js")), Ee = M(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_mood_radar: Re } = Ct(), $ = Ne, b = u(dt()), C = u(null), f = u(null), oe = u(null), Ve = u(0), Ue = u(0), le = u(0), ae = u(null), se = u(null), L = u(null), V = u(null), ne = u(null), re = u(!1), S = u(null), X = u(null), ue = d(() => !!$.dataset && Object.keys($.dataset).length), e = u(J()), { loading: K, FINAL_DATASET: _ } = wt({
|
|
36
36
|
...st($),
|
|
37
37
|
FINAL_CONFIG: e,
|
|
38
38
|
prepareConfig: J,
|
|
@@ -36,7 +36,7 @@ const Bl = ["id"], El = ["id"], Rl = ["xmlns", "viewBox"], Ul = ["width", "heigh
|
|
|
36
36
|
},
|
|
37
37
|
emits: ["selectLegend", "selectDatapoint"],
|
|
38
38
|
setup(St, { expose: Ot, emit: Ft }) {
|
|
39
|
-
const It = z(() => import("./Tooltip-VOcQEHa4.js")), Nt = z(() => import("./BaseIcon-eZbszQrv.js")), Dt = z(() => import("./vue-ui-accordion-VTP418mC.js")), Pt = z(() => import("./DataTable-yAMEyP6y.js")), Vt = z(() => import("./UserOptions-CSja1SGU.js")), zt = z(() => import("./PenAndPaper-Bo-lMUik.js")), Mt = z(() => import("./PackageVersion-
|
|
39
|
+
const It = z(() => import("./Tooltip-VOcQEHa4.js")), Nt = z(() => import("./BaseIcon-eZbszQrv.js")), Dt = z(() => import("./vue-ui-accordion-VTP418mC.js")), Pt = z(() => import("./DataTable-yAMEyP6y.js")), Vt = z(() => import("./UserOptions-CSja1SGU.js")), zt = z(() => import("./PenAndPaper-Bo-lMUik.js")), Mt = z(() => import("./PackageVersion-r-Q1R3nV.js")), Bt = z(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_nested_donuts: Et } = Al(), w = St, he = b({
|
|
40
40
|
get() {
|
|
41
41
|
return !!w.dataset && w.dataset.length;
|
|
42
42
|
},
|
|
@@ -34,7 +34,7 @@ const aa = ["id"], la = ["id"], oa = ["xmlns", "viewBox"], na = ["width", "heigh
|
|
|
34
34
|
},
|
|
35
35
|
emits: ["selectLegend"],
|
|
36
36
|
setup(je, { expose: qe, emit: Je }) {
|
|
37
|
-
const Ke = _(() => import("./Tooltip-VOcQEHa4.js")), Qe = _(() => import("./BaseIcon-eZbszQrv.js")), Ze = _(() => import("./vue-ui-accordion-VTP418mC.js")), et = _(() => import("./DataTable-yAMEyP6y.js")), tt = _(() => import("./UserOptions-CSja1SGU.js")), at = _(() => import("./PenAndPaper-Bo-lMUik.js")), lt = _(() => import("./PackageVersion-
|
|
37
|
+
const Ke = _(() => import("./Tooltip-VOcQEHa4.js")), Qe = _(() => import("./BaseIcon-eZbszQrv.js")), Ze = _(() => import("./vue-ui-accordion-VTP418mC.js")), et = _(() => import("./DataTable-yAMEyP6y.js")), tt = _(() => import("./UserOptions-CSja1SGU.js")), at = _(() => import("./PenAndPaper-Bo-lMUik.js")), lt = _(() => import("./PackageVersion-r-Q1R3nV.js")), ot = _(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_onion: nt } = Yt(), C = je, de = i(() => !!C.dataset && C.dataset.length), y = r(Ft()), st = r(null), he = r(0), q = r(!1), J = r(""), b = r([]), $ = r(null), ge = r(null), pe = r(null), fe = r(null), me = r(null), ye = r(0), be = r(0), ke = r(0), x = r(!1), we = r(!1), N = r(null), e = r(Z()), { loading: k, FINAL_DATASET: Ce, manualLoading: K } = Xt({
|
|
38
38
|
...Ot(C),
|
|
39
39
|
FINAL_CONFIG: e,
|
|
40
40
|
prepareConfig: Z,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineAsyncComponent as P, computed as p, ref as d, toRefs as Lt, watch as Z, shallowRef as qe, onMounted as St, onBeforeUnmount as Pt,
|
|
2
|
-
import { c as ye, t as
|
|
3
|
-
import { t as lt, u as
|
|
4
|
-
import { u as
|
|
5
|
-
import { u as
|
|
6
|
-
import { u as
|
|
7
|
-
import { u as
|
|
8
|
-
import { u as
|
|
9
|
-
import { u as
|
|
10
|
-
import { u as ra } from "./
|
|
1
|
+
import { defineAsyncComponent as P, computed as p, ref as d, toRefs as Lt, watch as Z, shallowRef as qe, onMounted as St, onBeforeUnmount as Pt, createElementBlock as u, openBlock as n, unref as v, normalizeStyle as F, normalizeClass as X, createBlock as M, createCommentVNode as y, createElementVNode as N, createVNode as me, createSlots as Je, withCtx as b, renderSlot as g, normalizeProps as U, guardReactiveProps as W, Fragment as A, renderList as I, toDisplayString as B, Teleport as Ot, resolveDynamicComponent as Dt, mergeProps as Rt, createTextVNode as Ke, nextTick as Bt } from "vue";
|
|
2
|
+
import { c as ye, t as Et, b as Ht, p as ee, o as Qe, f as Ze, g as Ut, e as Wt, h as Vt, C as jt, T as Gt, U as Xt, V as Yt, X as qt, L as Jt, z as et, D as te, x as Kt, y as Qt, a as tt, d as at, A as Zt } from "./lib-CEjkWSLj.js";
|
|
3
|
+
import { t as lt, u as ea } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as ta, a as ot } from "./useNestedProp-Ce3PwN8T.js";
|
|
5
|
+
import { u as aa } from "./usePrinter-DJ1iH-F_.js";
|
|
6
|
+
import { u as la, B as oa } from "./BaseScanner-BgWxam9d.js";
|
|
7
|
+
import { u as sa } from "./useSvgExport-DrjCWun4.js";
|
|
8
|
+
import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
|
|
9
|
+
import { u as ia } from "./useChartAccessibility-9icAAmYg.js";
|
|
10
|
+
import { u as ua, a as ra } from "./useResizeObserverEffect-DfnWps4W.js";
|
|
11
11
|
import { t as ca } from "./themes-Dw-dDudK.js";
|
|
12
12
|
import va from "./Title-Camz1Lce.js";
|
|
13
13
|
import da from "./Legend-By4rru90.js";
|
|
@@ -35,7 +35,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
35
35
|
},
|
|
36
36
|
emits: ["selectLegend", "selectDatapoint"],
|
|
37
37
|
setup(st, { expose: nt, emit: it }) {
|
|
38
|
-
const ut = P(() => import("./Tooltip-VOcQEHa4.js")), rt = P(() => import("./BaseIcon-eZbszQrv.js")), ct = P(() => import("./vue-ui-accordion-VTP418mC.js")), vt = P(() => import("./DataTable-yAMEyP6y.js")), dt = P(() => import("./PenAndPaper-Bo-lMUik.js")), ht = P(() => import("./UserOptions-CSja1SGU.js")), pt = P(() => import("./PackageVersion-
|
|
38
|
+
const ut = P(() => import("./Tooltip-VOcQEHa4.js")), rt = P(() => import("./BaseIcon-eZbszQrv.js")), ct = P(() => import("./vue-ui-accordion-VTP418mC.js")), vt = P(() => import("./DataTable-yAMEyP6y.js")), dt = P(() => import("./PenAndPaper-Bo-lMUik.js")), ht = P(() => import("./UserOptions-CSja1SGU.js")), pt = P(() => import("./PackageVersion-r-Q1R3nV.js")), mt = P(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_parallel_coordinate_plot: yt } = ta(), $ = st, Y = p({
|
|
39
39
|
get() {
|
|
40
40
|
return !!$.dataset && $.dataset.length;
|
|
41
41
|
},
|
|
@@ -46,13 +46,13 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
46
46
|
function Te(t) {
|
|
47
47
|
D.value = t, fe.value += 1;
|
|
48
48
|
}
|
|
49
|
-
const e = d(ie()), { loading: R, FINAL_DATASET: ft, manualLoading: oe } =
|
|
49
|
+
const e = d(ie()), { loading: R, FINAL_DATASET: ft, manualLoading: oe } = la({
|
|
50
50
|
...Lt($),
|
|
51
51
|
FINAL_CONFIG: e,
|
|
52
52
|
prepareConfig: ie,
|
|
53
53
|
callback: () => {
|
|
54
54
|
Promise.resolve().then(async () => {
|
|
55
|
-
await
|
|
55
|
+
await Bt(), m.value.showTable = e.value.table.show;
|
|
56
56
|
});
|
|
57
57
|
},
|
|
58
58
|
skeletonDataset: [
|
|
@@ -90,7 +90,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
90
90
|
]
|
|
91
91
|
}
|
|
92
92
|
],
|
|
93
|
-
skeletonConfig:
|
|
93
|
+
skeletonConfig: Et({
|
|
94
94
|
defaultConfig: e.value,
|
|
95
95
|
userConfig: {
|
|
96
96
|
useCssAnimation: !1,
|
|
@@ -117,7 +117,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
})
|
|
120
|
-
}), { userOptionsVisible: se, setUserOptionsVisibility: ze, keepUserOptionState: _e } =
|
|
120
|
+
}), { userOptionsVisible: se, setUserOptionsVisibility: ze, keepUserOptionState: _e } = na({ config: e.value }), { svgRef: ne } = ia({ config: e.value.style.chart.title });
|
|
121
121
|
function ie() {
|
|
122
122
|
const t = ot({
|
|
123
123
|
userConfig: $.config,
|
|
@@ -128,7 +128,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
128
128
|
userConfig: ca.vue_ui_parallel_coordinate_plot[t.theme] || $.config,
|
|
129
129
|
defaultConfig: t
|
|
130
130
|
}),
|
|
131
|
-
customPalette:
|
|
131
|
+
customPalette: Ht[t.theme] || ee
|
|
132
132
|
} : t;
|
|
133
133
|
}
|
|
134
134
|
Z(() => $.config, (t) => {
|
|
@@ -147,7 +147,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
147
147
|
type: "dataset",
|
|
148
148
|
debug: Fe.value
|
|
149
149
|
}), oe.value = !0) : $.dataset.forEach((t, o) => {
|
|
150
|
-
|
|
150
|
+
Ut({
|
|
151
151
|
datasetObject: t,
|
|
152
152
|
requiredAttributes: ["name", "series"]
|
|
153
153
|
}).forEach((a) => {
|
|
@@ -161,7 +161,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
161
161
|
});
|
|
162
162
|
}), Qe($.dataset) || (oe.value = e.value.loading), e.value.responsive) {
|
|
163
163
|
const t = lt(() => {
|
|
164
|
-
const { width: o, height: a } =
|
|
164
|
+
const { width: o, height: a } = ea({
|
|
165
165
|
chart: z.value,
|
|
166
166
|
title: e.value.style.chart.title.text ? be.value : null,
|
|
167
167
|
legend: e.value.style.chart.legend.show ? ge.value : null,
|
|
@@ -202,7 +202,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
202
202
|
Pt(() => {
|
|
203
203
|
L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect());
|
|
204
204
|
});
|
|
205
|
-
const { isPrinting: Ne, isImaging: Ie, generatePdf: Le, generateImage: Se } =
|
|
205
|
+
const { isPrinting: Ne, isImaging: Ie, generatePdf: Le, generateImage: Se } = aa({
|
|
206
206
|
elementId: `pcp_${O.value}`,
|
|
207
207
|
fileName: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot",
|
|
208
208
|
options: e.value.userOptions.print
|
|
@@ -218,14 +218,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
218
218
|
}), Pe = p(() => c.value.width), Oe = p(() => c.value.height), j = d(0), gt = lt((t) => {
|
|
219
219
|
j.value = t;
|
|
220
220
|
}, 100);
|
|
221
|
-
|
|
222
|
-
const o = le.value;
|
|
223
|
-
if (!o) return;
|
|
224
|
-
const a = new ResizeObserver((s) => {
|
|
225
|
-
gt(s[0].contentRect.height);
|
|
226
|
-
});
|
|
227
|
-
a.observe(o), t(() => a.disconnect());
|
|
228
|
-
});
|
|
221
|
+
ua({ elementRef: le, callback: gt, attr: "height" });
|
|
229
222
|
const h = p(() => {
|
|
230
223
|
const { top: t, right: o, bottom: a, left: s } = e.value.style.chart.padding, l = Oe.value, r = Pe.value;
|
|
231
224
|
return {
|
|
@@ -238,7 +231,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
238
231
|
right: r - o,
|
|
239
232
|
bottom: l - a - c.value.datapointFontSize
|
|
240
233
|
};
|
|
241
|
-
}), xt = p(() =>
|
|
234
|
+
}), xt = p(() => Wt(e.value.customPalette)), m = d({
|
|
242
235
|
dataLabels: {
|
|
243
236
|
show: e.value.style.chart.yAxis.labels.datapoints.show
|
|
244
237
|
},
|
|
@@ -259,7 +252,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
259
252
|
_.value.includes(t) ? _.value = _.value.filter((o) => o !== t) : _.value.push(t);
|
|
260
253
|
}
|
|
261
254
|
const S = p(() => ft.value.map((t, o) => {
|
|
262
|
-
const a =
|
|
255
|
+
const a = Vt(t.color) || xt.value[o] || ee[o] || ee[o % ee.length];
|
|
263
256
|
return {
|
|
264
257
|
...t,
|
|
265
258
|
series: t.series.map((s) => ({
|
|
@@ -290,7 +283,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
290
283
|
)), C = p(() => h.value.width / Be.value), ue = p(() => S.value.filter((t) => !_.value.includes(t.id))), f = p(() => {
|
|
291
284
|
let t = [];
|
|
292
285
|
for (let o = 0; o < Be.value; o += 1) {
|
|
293
|
-
const a = Math.min(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), l = s === a ? a / 4 : a, r = s === a ? s * 2 : s, i =
|
|
286
|
+
const a = Math.min(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), l = s === a ? a / 4 : a, r = s === a ? s * 2 : s, i = jt(l, r, e.value.style.chart.yAxis.scaleTicks), T = i.ticks.map((x, k) => {
|
|
294
287
|
const Nt = i.min < 0 ? x + Math.abs(i.min) : x - Math.abs(i.min), It = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
|
|
295
288
|
return {
|
|
296
289
|
y: h.value.bottom - h.value.height * (Nt / It),
|
|
@@ -327,7 +320,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
327
320
|
})).map((t) => ({
|
|
328
321
|
...t,
|
|
329
322
|
series: t.series.map((o) => {
|
|
330
|
-
const a =
|
|
323
|
+
const a = Gt(o.datapoints), s = Xt(o.datapoints), l = Yt(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
|
|
331
324
|
return {
|
|
332
325
|
...o,
|
|
333
326
|
smoothPath: s,
|
|
@@ -357,7 +350,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
357
350
|
e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: r }), ce.value = { serie: a, relativeIndex: s, seriesIndex: l, series: S.value, scales: f.value }, ve.value = !0, w.value = a.id;
|
|
358
351
|
let i = "";
|
|
359
352
|
const T = e.value.style.chart.tooltip.customFormat;
|
|
360
|
-
et(T) &&
|
|
353
|
+
et(T) && Zt(() => T({
|
|
361
354
|
serie: a,
|
|
362
355
|
seriesIndex: a.seriesIndex,
|
|
363
356
|
series: S.value,
|
|
@@ -418,8 +411,8 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
418
411
|
body: H.value.body
|
|
419
412
|
});
|
|
420
413
|
function he(t = null) {
|
|
421
|
-
const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = He.value.head, s = He.value.body, l = o.concat([a]).concat(s), r =
|
|
422
|
-
t ? t(r) :
|
|
414
|
+
const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = He.value.head, s = He.value.body, l = o.concat([a]).concat(s), r = Kt(l);
|
|
415
|
+
t ? t(r) : Qt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
|
|
423
416
|
}
|
|
424
417
|
const Ue = it;
|
|
425
418
|
function K({ serie: t, shape: o, S: a }) {
|
|
@@ -507,7 +500,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
507
500
|
function Xe() {
|
|
508
501
|
m.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
|
|
509
502
|
}
|
|
510
|
-
const Tt = p(() => e.value.style.chart.backgroundColor), zt = p(() => e.value.style.chart.legend), _t = p(() => e.value.style.chart.title), { exportSvg: Ft, getSvg: Mt } =
|
|
503
|
+
const Tt = p(() => e.value.style.chart.backgroundColor), zt = p(() => e.value.style.chart.legend), _t = p(() => e.value.style.chart.title), { exportSvg: Ft, getSvg: Mt } = sa({
|
|
511
504
|
svg: ne,
|
|
512
505
|
title: _t,
|
|
513
506
|
legend: zt,
|
|
@@ -680,7 +673,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
680
673
|
(n(), u("svg", {
|
|
681
674
|
ref_key: "svgRef",
|
|
682
675
|
ref: ne,
|
|
683
|
-
xmlns: v(
|
|
676
|
+
xmlns: v(qt),
|
|
684
677
|
class: X({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
|
|
685
678
|
viewBox: `0 0 ${h.value.chartWidth <= 0 ? 10 : h.value.chartWidth} ${h.value.chartHeight <= 0 ? 10 : h.value.chartHeight}`,
|
|
686
679
|
style: F(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
|
|
@@ -745,7 +738,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
745
738
|
"font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
|
|
746
739
|
"text-anchor": e.value.style.chart.yAxis.labels.axisNamesRotation === 0 ? "middle" : e.value.style.chart.yAxis.labels.axisNamesRotation < 0 ? "start" : "end",
|
|
747
740
|
transform: `translate(${h.value.left + C.value * s + C.value / 2}, ${j.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`,
|
|
748
|
-
innerHTML: v(
|
|
741
|
+
innerHTML: v(Jt)({
|
|
749
742
|
content: String(a.name),
|
|
750
743
|
fontSize: c.value.axisNameFontSize,
|
|
751
744
|
fill: e.value.style.chart.yAxis.labels.axisNamesColor,
|
|
@@ -880,7 +873,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
880
873
|
N("div", {
|
|
881
874
|
id: `legend-bottom-${O.value}`
|
|
882
875
|
}, null, 8, Pa),
|
|
883
|
-
$e.value ? (n(), M(
|
|
876
|
+
$e.value ? (n(), M(Ot, {
|
|
884
877
|
key: 5,
|
|
885
878
|
to: e.value.style.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
|
|
886
879
|
}, [
|
|
@@ -947,7 +940,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
947
940
|
]),
|
|
948
941
|
_: 3
|
|
949
942
|
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
|
|
950
|
-
Y.value && e.value.userOptions.buttons.table ? (n(), M(
|
|
943
|
+
Y.value && e.value.userOptions.buttons.table ? (n(), M(Dt(G.value.component), Rt({ key: 7 }, G.value.props, {
|
|
951
944
|
ref_key: "tableUnit",
|
|
952
945
|
ref: V,
|
|
953
946
|
onClose: Xe
|
|
@@ -998,10 +991,10 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
|
|
|
998
991
|
key: "1"
|
|
999
992
|
} : void 0
|
|
1000
993
|
]), 1040)) : y("", !0),
|
|
1001
|
-
v(R) ? (n(), M(
|
|
994
|
+
v(R) ? (n(), M(oa, { key: 8 })) : y("", !0)
|
|
1002
995
|
], 46, ya));
|
|
1003
996
|
}
|
|
1004
|
-
}, tl = /* @__PURE__ */ ma(Ra, [["__scopeId", "data-v-
|
|
997
|
+
}, tl = /* @__PURE__ */ ma(Ra, [["__scopeId", "data-v-57209d10"]]);
|
|
1005
998
|
export {
|
|
1006
999
|
tl as default
|
|
1007
1000
|
};
|
|
@@ -45,7 +45,7 @@ const yl = ["id"], bl = ["id"], fl = ["xmlns", "viewBox", "id"], pl = ["x", "y",
|
|
|
45
45
|
},
|
|
46
46
|
emits: ["selectPlot", "selectSide", "selectLegend"],
|
|
47
47
|
setup(it, { expose: vt, emit: ct }) {
|
|
48
|
-
const dt = F(() => import("./Tooltip-VOcQEHa4.js")), ht = F(() => import("./BaseIcon-eZbszQrv.js")), yt = F(() => import("./vue-ui-accordion-VTP418mC.js")), bt = F(() => import("./DataTable-yAMEyP6y.js")), ft = F(() => import("./PenAndPaper-Bo-lMUik.js")), pt = F(() => import("./UserOptions-CSja1SGU.js")), gt = F(() => import("./PackageVersion-
|
|
48
|
+
const dt = F(() => import("./Tooltip-VOcQEHa4.js")), ht = F(() => import("./BaseIcon-eZbszQrv.js")), yt = F(() => import("./vue-ui-accordion-VTP418mC.js")), bt = F(() => import("./DataTable-yAMEyP6y.js")), ft = F(() => import("./PenAndPaper-Bo-lMUik.js")), pt = F(() => import("./UserOptions-CSja1SGU.js")), gt = F(() => import("./PackageVersion-r-Q1R3nV.js")), mt = F(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_quadrant: xt } = ll(), M = it, ke = f(() => !!M.dataset && M.dataset.length), w = y(st()), ne = ct, ie = y(!1), ve = y(""), Le = y(0), g = y(!1), A = y(null), we = y(null), _e = y(null), Ce = y(null), Se = y(null), qe = y(0), Te = y(0), ze = y(0), Ae = y(!1), J = y(null), ce = y(null), e = y(ye()), { loading: We, FINAL_DATASET: Xe } = cl({
|
|
49
49
|
...Xt(M),
|
|
50
50
|
FINAL_CONFIG: e,
|
|
51
51
|
prepareConfig: ye,
|