vue-data-ui 3.3.2 → 3.4.0
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-DLi6NnGD.js → Arrow-CRe_nKB4.js} +1 -1
- package/dist/{BaseDraggableDialog-CVGErydD.js → BaseDraggableDialog-CbuLbfrc.js} +2 -2
- package/dist/{BaseIcon-eZbszQrv.js → BaseIcon-B5KaGWWC.js} +1 -1
- package/dist/{ColorPicker-BoPM4Ejg.js → ColorPicker-BMztHpBp.js} +10 -10
- package/dist/{DataTable-yAMEyP6y.js → DataTable-DOx3zgih.js} +2 -2
- package/dist/{Legend-By4rru90.js → Legend-C8u37J42.js} +2 -2
- package/dist/{NonSvgPenAndPaper-C7QqIewT.js → NonSvgPenAndPaper-BcxfJ-r2.js} +3 -3
- package/dist/{PackageVersion-r-Q1R3nV.js → PackageVersion-DyDViSOy.js} +1 -1
- package/dist/{PenAndPaper-Bo-lMUik.js → PenAndPaper-Dj2diYr0.js} +3 -3
- package/dist/{Shape-BceHSLHf.js → Shape-BhNvlGIN.js} +1 -1
- package/dist/{Slicer-Znzt0gSE.js → Slicer-BHgEsIBU.js} +111 -111
- package/dist/SlicerPreview-Cobmb_1S.js +1148 -0
- package/dist/{SparkTooltip--YwqrrgZ.js → SparkTooltip-CL3cNRQ_.js} +1 -1
- package/dist/{Title-Camz1Lce.js → Title-CFmv95In.js} +1 -1
- package/dist/{Tooltip-VOcQEHa4.js → Tooltip-Cs4v8OnI.js} +1 -1
- package/dist/{UserOptions-CSja1SGU.js → UserOptions-C0YT60JN.js} +2 -2
- package/dist/components/arrow.js +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.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-cursor.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.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-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.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-rating.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-smiley.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-heatmap.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/{dom-to-png-DxyZSvDx.js → dom-to-png-xQ7LXrxp.js} +1 -1
- package/dist/{img-J2dLIr8Y.js → img-CFY3JivG.js} +1 -1
- package/dist/{lib-CEjkWSLj.js → lib-BcBZIm6u.js} +439 -395
- package/dist/{pdf-anN8VbM7.js → pdf-O34i6EQX.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +82 -8
- package/dist/{useAutoSizeLabelsInsideViewbox-CovTrBjm.js → useAutoSizeLabelsInsideViewbox-BHq4FD8x.js} +1 -1
- package/dist/{useNestedProp-Ce3PwN8T.js → useNestedProp-B7CiTRDS.js} +327 -240
- package/dist/{usePrinter-DJ1iH-F_.js → usePrinter-C1GiglOH.js} +2 -2
- package/dist/useTimeLabelCollider-CIsgDrl9.js +78 -0
- package/dist/{vue-data-ui-BFdGl7rL.js → vue-data-ui-D7Tgakts.js} +64 -64
- package/dist/vue-data-ui.js +100 -100
- package/dist/{vue-ui-3d-bar-kzlIaqHU.js → vue-ui-3d-bar-H_4pqH3h.js} +56 -56
- package/dist/{vue-ui-accordion-VTP418mC.js → vue-ui-accordion-BKkTS12x.js} +3 -3
- package/dist/{vue-ui-age-pyramid-YFzQ15k1.js → vue-ui-age-pyramid-BGzYbrts.js} +62 -55
- package/dist/{vue-ui-annotator-CmwDyy9m.js → vue-ui-annotator-DkSYrnwb.js} +7 -7
- package/dist/{vue-ui-bullet-DdjpiM-T.js → vue-ui-bullet-Cf4Uzhez.js} +7 -7
- package/dist/vue-ui-candlestick-DfbP87Cr.js +1334 -0
- package/dist/{vue-ui-carousel-table-CRI_iPLn.js → vue-ui-carousel-table-0z6eLg_I.js} +29 -29
- package/dist/{vue-ui-chestnut-YrEA5Gq3.js → vue-ui-chestnut-BcQFRaXx.js} +70 -70
- package/dist/{vue-ui-chord-D_2DdvpZ.js → vue-ui-chord-YYE07iRP.js} +35 -35
- package/dist/{vue-ui-circle-pack-xm9-OOAR.js → vue-ui-circle-pack-BRSqhjxm.js} +47 -47
- package/dist/{vue-ui-cursor-Dt8Zzw22.js → vue-ui-cursor-iuati4v1.js} +2 -2
- package/dist/{vue-ui-dashboard-29ZuFoLn.js → vue-ui-dashboard-BpeLteeH.js} +67 -67
- package/dist/{vue-ui-digits-nKPRJ9Vz.js → vue-ui-digits-eYxf3UFN.js} +2 -2
- package/dist/{vue-ui-donut-BQptfVfE.js → vue-ui-donut-Yw81BFf2.js} +189 -189
- package/dist/{vue-ui-donut-evolution-fiqngEFW.js → vue-ui-donut-evolution-k3xCwZYv.js} +145 -138
- package/dist/{vue-ui-dumbbell-Cw45EBO0.js → vue-ui-dumbbell-DMPndU1O.js} +82 -75
- package/dist/{vue-ui-flow-DPu9BjPy.js → vue-ui-flow-D-W3VQTv.js} +75 -75
- package/dist/{vue-ui-funnel-CtlDuNjO.js → vue-ui-funnel-q-b-LqXG.js} +63 -63
- package/dist/{vue-ui-galaxy-BiVjoNHW.js → vue-ui-galaxy-4pueJOcI.js} +62 -62
- package/dist/{vue-ui-gauge-CoM6Q3Nb.js → vue-ui-gauge-APtv_CvA.js} +58 -58
- package/dist/{vue-ui-gizmo-DXG8dS5u.js → vue-ui-gizmo-BH0MvhIV.js} +3 -3
- package/dist/{vue-ui-heatmap-D6n8AnCc.js → vue-ui-heatmap-BBdrkhmg.js} +465 -435
- package/dist/{vue-ui-history-plot-C8WMHda_.js → vue-ui-history-plot-DL5ioFH4.js} +115 -108
- package/dist/{vue-ui-kpi-Dphnwumo.js → vue-ui-kpi-N8s0i48S.js} +3 -3
- package/dist/{vue-ui-mini-loader-DFk9GZ5V.js → vue-ui-mini-loader-Db-9iQcC.js} +2 -2
- package/dist/{vue-ui-molecule-DC4_vXt_.js → vue-ui-molecule-DnjRfc4-.js} +102 -102
- package/dist/{vue-ui-mood-radar-BgT5wMS0.js → vue-ui-mood-radar-9aAC_ake.js} +28 -28
- package/dist/{vue-ui-nested-donuts-D2gSqe1f.js → vue-ui-nested-donuts-BnVXn9Qa.js} +60 -60
- package/dist/{vue-ui-onion-CEbv2ii4.js → vue-ui-onion-DbanwrFr.js} +46 -46
- package/dist/{vue-ui-parallel-coordinate-plot-budrvcwU.js → vue-ui-parallel-coordinate-plot-CtlpCJ97.js} +88 -81
- package/dist/{vue-ui-quadrant-PpymeiXe.js → vue-ui-quadrant-BVffm_0o.js} +8 -8
- package/dist/{vue-ui-quick-chart-k6mjTD56.js → vue-ui-quick-chart-C4Uc3DRH.js} +280 -273
- package/dist/{vue-ui-radar-C5NvYMnv.js → vue-ui-radar-C-MSV1ZJ.js} +69 -69
- package/dist/{vue-ui-rating-eKlTJch9.js → vue-ui-rating-fR2WRHYO.js} +2 -2
- package/dist/{vue-ui-relation-circle-Df33aaUT.js → vue-ui-relation-circle-4MPxPkAi.js} +31 -31
- package/dist/{vue-ui-ridgeline-BTw-37RS.js → vue-ui-ridgeline-B1T10gWF.js} +118 -111
- package/dist/{vue-ui-rings-C_s9xOtZ.js → vue-ui-rings-G0bYxlue.js} +50 -50
- package/dist/{vue-ui-scatter-Jd8bQ0S5.js → vue-ui-scatter-DqZwonPL.js} +100 -100
- package/dist/{vue-ui-skeleton-Ce7H57o7.js → vue-ui-skeleton-C-IKc-3B.js} +3 -3
- package/dist/{vue-ui-smiley-C4mhT7ZV.js → vue-ui-smiley-BKXuAviQ.js} +2 -2
- package/dist/{vue-ui-spark-trend-DQy4iSO7.js → vue-ui-spark-trend-8vV7SyrA.js} +18 -18
- package/dist/{vue-ui-sparkbar-CUFTHql0.js → vue-ui-sparkbar-BsWBXGuQ.js} +3 -3
- package/dist/{vue-ui-sparkgauge-CcykuBps.js → vue-ui-sparkgauge-B9-iRqNC.js} +6 -6
- package/dist/{vue-ui-sparkhistogram-CyGvYpYn.js → vue-ui-sparkhistogram-CV4PH2vQ.js} +4 -4
- package/dist/{vue-ui-sparkline-CLWJM6hA.js → vue-ui-sparkline-DScNHLXj.js} +23 -23
- package/dist/{vue-ui-sparkstackbar-Cln1pduE.js → vue-ui-sparkstackbar-CXPJToNY.js} +17 -17
- package/dist/vue-ui-stackbar-94piqh7z.js +1695 -0
- package/dist/{vue-ui-strip-plot-C4U0fT5D.js → vue-ui-strip-plot-CA4GL9dj.js} +144 -137
- package/dist/{vue-ui-table-DpdP3PDq.js → vue-ui-table-BAbQsJGk.js} +18 -18
- package/dist/{vue-ui-table-heatmap-J29d8nds.js → vue-ui-table-heatmap-DU6GKPVy.js} +32 -32
- package/dist/{vue-ui-table-sparkline-Chf5YY4A.js → vue-ui-table-sparkline-1KrHuOle.js} +28 -28
- package/dist/{vue-ui-thermometer-D6RmaNE6.js → vue-ui-thermometer-DrCAdNyW.js} +22 -22
- package/dist/{vue-ui-timer-C5E1kJRt.js → vue-ui-timer-Cj677c6_.js} +29 -29
- package/dist/{vue-ui-tiremarks-D0erVBnj.js → vue-ui-tiremarks-O5LGA_1a.js} +14 -14
- package/dist/{vue-ui-treemap-K8FYxuYz.js → vue-ui-treemap-BVe_Fft6.js} +78 -78
- package/dist/{vue-ui-vertical-bar-BA3OY8Sh.js → vue-ui-vertical-bar-D8oCUku1.js} +94 -94
- package/dist/{vue-ui-waffle-CgLgPuro.js → vue-ui-waffle-C39XL2GH.js} +68 -68
- package/dist/{vue-ui-wheel-C_cOUhCs.js → vue-ui-wheel-BEpyCUNj.js} +21 -21
- package/dist/{vue-ui-word-cloud-uvHNOIpN.js → vue-ui-word-cloud-Dlp9LghX.js} +35 -35
- package/dist/{vue-ui-world-DmeNMwpX.js → vue-ui-world-BS8BCZJ3.js} +6 -6
- package/dist/vue-ui-xy-D3LqMzve.js +3375 -0
- package/dist/vue-ui-xy-canvas-Dct7tf8w.js +1548 -0
- package/package.json +1 -1
- package/dist/useResizeObserverEffect-DfnWps4W.js +0 -109
- package/dist/vue-ui-candlestick-x9U5Ni0N.js +0 -1066
- package/dist/vue-ui-stackbar-DIUil9DO.js +0 -1442
- package/dist/vue-ui-xy-canvas-BQKR36bd.js +0 -1305
- package/dist/vue-ui-xy-tWE4H5ij.js +0 -4520
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineAsyncComponent as _, computed as v, ref as c, toRefs as Pt, watch as Ve, shallowRef as
|
|
2
|
-
import { c as Rt, t as zt, b as Dt, p as N, o as Bt, f as M, e as Et, g as Ye, h as
|
|
3
|
-
import { t as
|
|
4
|
-
import { u as
|
|
5
|
-
import { u as
|
|
6
|
-
import { u as
|
|
1
|
+
import { defineAsyncComponent as _, computed as v, ref as c, toRefs as Pt, watch as Ve, shallowRef as Ge, onMounted as Ot, onBeforeUnmount as Ft, createElementBlock as u, openBlock as n, unref as r, normalizeStyle as J, normalizeClass as W, createBlock as S, createCommentVNode as d, createElementVNode as $, createVNode as K, createSlots as We, withCtx as g, renderSlot as f, normalizeProps as B, guardReactiveProps as E, Fragment as I, renderList as L, toDisplayString as X, Teleport as It, resolveDynamicComponent as Lt, mergeProps as Nt, createTextVNode as ve, nextTick as Xe } from "vue";
|
|
2
|
+
import { c as Rt, t as zt, b as Dt, p as N, o as Bt, f as M, e as Et, g as Ye, h as He, k as je, x as Mt, d as Y, a as qe, X as Ut, s as de, i as Vt, a8 as Qe, P as Gt, Q as Wt, G as Xt, H as Yt } from "./lib-BcBZIm6u.js";
|
|
3
|
+
import { t as Ht, u as jt } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as qt, a as Je } from "./useNestedProp-B7CiTRDS.js";
|
|
5
|
+
import { u as Qt, B as Jt } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
+
import { u as Kt } from "./usePrinter-C1GiglOH.js";
|
|
7
7
|
import { u as Zt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { u as ea } from "./useChartAccessibility-9icAAmYg.js";
|
|
9
|
-
import { u as ta } from "./useAutoSizeLabelsInsideViewbox-
|
|
10
|
-
import aa from "./img-
|
|
11
|
-
import oa from "./Title-
|
|
12
|
-
import la from "./Legend-
|
|
9
|
+
import { u as ta } from "./useAutoSizeLabelsInsideViewbox-BHq4FD8x.js";
|
|
10
|
+
import aa from "./img-CFY3JivG.js";
|
|
11
|
+
import oa from "./Title-CFmv95In.js";
|
|
12
|
+
import la from "./Legend-C8u37J42.js";
|
|
13
13
|
import { t as sa } from "./themes-Dw-dDudK.js";
|
|
14
14
|
import { u as na } from "./useSvgExport-DrjCWun4.js";
|
|
15
15
|
import { _ as ra } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -36,8 +36,8 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
emits: ["selectLegend"],
|
|
39
|
-
setup(
|
|
40
|
-
const tt = _(() => import("./Tooltip-
|
|
39
|
+
setup(Ke, { expose: Ze, emit: et }) {
|
|
40
|
+
const tt = _(() => import("./Tooltip-Cs4v8OnI.js")), at = _(() => import("./BaseIcon-B5KaGWWC.js")), ot = _(() => import("./vue-ui-sparkbar-BsWBXGuQ.js")), lt = _(() => import("./vue-ui-accordion-BKkTS12x.js")), st = _(() => import("./DataTable-DOx3zgih.js")), nt = _(() => import("./PenAndPaper-Dj2diYr0.js")), rt = _(() => import("./UserOptions-C0YT60JN.js")), ut = _(() => import("./PackageVersion-DyDViSOy.js")), it = _(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_radar: ct } = qt(), x = Ke, pe = v(() => !!x.dataset && Object.keys(x.dataset).length), b = c(Rt()), Z = c(!1), ee = c(""), he = c(0), C = c(null), ge = c(null), fe = c(null), me = c(null), ye = c(null), be = c(0), ke = c(0), Ce = c(0), we = c(!1), U = c(null), te = c(null), e = c(oe()), { loading: _e, FINAL_DATASET: w } = Qt({
|
|
41
41
|
...Pt(x),
|
|
42
42
|
FINAL_CONFIG: e,
|
|
43
43
|
prepareConfig: oe,
|
|
@@ -84,14 +84,14 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
})
|
|
87
|
-
}), { userOptionsVisible: ae, setUserOptionsVisibility: $e, keepUserOptionState: Te } = Zt({ config: e.value }), { svgRef:
|
|
87
|
+
}), { userOptionsVisible: ae, setUserOptionsVisibility: $e, keepUserOptionState: Te } = Zt({ config: e.value }), { svgRef: H } = ea({ config: e.value.style.chart.title });
|
|
88
88
|
function oe() {
|
|
89
|
-
const t =
|
|
89
|
+
const t = Je({
|
|
90
90
|
userConfig: x.config,
|
|
91
91
|
defaultConfig: ct
|
|
92
92
|
});
|
|
93
93
|
return t.theme ? {
|
|
94
|
-
...
|
|
94
|
+
...Je({
|
|
95
95
|
userConfig: sa.vue_ui_radar[t.theme] || x.config,
|
|
96
96
|
defaultConfig: t
|
|
97
97
|
}),
|
|
@@ -101,15 +101,15 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
101
101
|
Ve(() => x.config, (t) => {
|
|
102
102
|
e.value = oe(), ae.value = !e.value.userOptions.showOnChartHover, Ae(), be.value += 1, ke.value += 1, Ce.value += 1, y.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, y.value.showTable = e.value.table.show, y.value.showTooltip = e.value.style.chart.tooltip ? e.value.style.chart.tooltip.show : !1;
|
|
103
103
|
}, { deep: !0 });
|
|
104
|
-
const T =
|
|
104
|
+
const T = Ge(null), R = Ge(null), z = v(() => e.value.debug);
|
|
105
105
|
function Ae() {
|
|
106
106
|
if (Bt(x.dataset) && M({
|
|
107
107
|
componentName: "VueUiRadar",
|
|
108
108
|
type: "dataset",
|
|
109
109
|
debug: z.value
|
|
110
110
|
}), e.value.responsive) {
|
|
111
|
-
const t =
|
|
112
|
-
const { width: a, height: o } =
|
|
111
|
+
const t = Ht(() => {
|
|
112
|
+
const { width: a, height: o } = jt({
|
|
113
113
|
chart: C.value,
|
|
114
114
|
title: e.value.style.chart.title.text ? ge.value : null,
|
|
115
115
|
legend: e.value.style.chart.legend.show ? fe.value : null,
|
|
@@ -129,7 +129,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
129
129
|
}), Ft(() => {
|
|
130
130
|
T.value && (R.value && T.value.unobserve(R.value), T.value.disconnect());
|
|
131
131
|
});
|
|
132
|
-
const { isPrinting: Se, isImaging: xe, generatePdf: Pe, generateImage: Oe } =
|
|
132
|
+
const { isPrinting: Se, isImaging: xe, generatePdf: Pe, generateImage: Oe } = Kt({
|
|
133
133
|
elementId: `vue-ui-radar_${b.value}`,
|
|
134
134
|
fileName: e.value.style.chart.title.text || "vue-ui-radar",
|
|
135
135
|
options: e.value.userOptions.print
|
|
@@ -224,15 +224,15 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
224
224
|
}), w.value.categories.map((t, a) => ({
|
|
225
225
|
name: t.name,
|
|
226
226
|
categoryId: `radar_category_${b.value}_${a}`,
|
|
227
|
-
color:
|
|
227
|
+
color: He(t.color) || Fe.value[a] || N[a] || N[a % N.length],
|
|
228
228
|
prefix: t.prefix ?? "",
|
|
229
229
|
suffix: t.suffix ?? ""
|
|
230
230
|
})))), k = v(() => w.value.series.map((t, a) => ({
|
|
231
231
|
...t,
|
|
232
|
-
color:
|
|
232
|
+
color: He(t.color) || Fe.value[a] || N[a] || N[a % N.length],
|
|
233
233
|
serieId: `radar_serie_${b.value}_${a}`,
|
|
234
234
|
formatter: t.formatter || null
|
|
235
|
-
}))), Le = v(() => Math.max(...k.value.flatMap((t) => t.values))), Ne = v(() => k.value.length), le = v(() => Math.min(i.value.width, i.value.height) / 3), Re = v(() =>
|
|
235
|
+
}))), Le = v(() => Math.max(...k.value.flatMap((t) => t.values))), Ne = v(() => k.value.length), le = v(() => Math.min(i.value.width, i.value.height) / 3), Re = v(() => je({
|
|
236
236
|
plot: { x: i.value.width / 2, y: i.value.height / 2 },
|
|
237
237
|
radius: le.value,
|
|
238
238
|
sides: Ne.value,
|
|
@@ -269,7 +269,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
269
269
|
get: () => e.value.style.chart.layout.labels.dataLabels.fontSize,
|
|
270
270
|
set: (t) => t
|
|
271
271
|
}), { autoSizeLabels: ze } = ta({
|
|
272
|
-
svgRef:
|
|
272
|
+
svgRef: H,
|
|
273
273
|
fontSize: e.value.style.chart.layout.labels.dataLabels.fontSize,
|
|
274
274
|
minFontSize: 6,
|
|
275
275
|
sizeRef: ft,
|
|
@@ -306,14 +306,14 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
306
306
|
fontSize: e.value.style.chart.legend.fontSize,
|
|
307
307
|
paddingBottom: 12,
|
|
308
308
|
fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
|
|
309
|
-
})),
|
|
309
|
+
})), j = v(() => {
|
|
310
310
|
const t = [
|
|
311
311
|
{ name: e.value.translations.datapoint, color: "" },
|
|
312
312
|
{ name: e.value.translations.target, color: "" },
|
|
313
313
|
...P.value
|
|
314
314
|
], a = w.value.series.map((l) => [
|
|
315
315
|
l.name,
|
|
316
|
-
|
|
316
|
+
qe(
|
|
317
317
|
l.formatter,
|
|
318
318
|
l.target,
|
|
319
319
|
Y({
|
|
@@ -323,7 +323,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
323
323
|
r: e.value.table.td.roundingValue
|
|
324
324
|
})
|
|
325
325
|
),
|
|
326
|
-
...l.values.map((s, h) => `${
|
|
326
|
+
...l.values.map((s, h) => `${qe(
|
|
327
327
|
l.formatter,
|
|
328
328
|
s,
|
|
329
329
|
Y({ p: m.value[h].prefix, v: s, s: m.value[h].suffix, r: e.value.table.td.roundingValue })
|
|
@@ -346,15 +346,15 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
346
346
|
breakpoint: e.value.table.responsiveBreakpoint
|
|
347
347
|
};
|
|
348
348
|
return { head: t, body: a, config: o, colNames: t };
|
|
349
|
-
}),
|
|
349
|
+
}), q = c(null), ne = c([]), re = c(null);
|
|
350
350
|
function bt(t, a) {
|
|
351
|
-
Z.value = !1,
|
|
351
|
+
Z.value = !1, q.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
|
|
352
352
|
}
|
|
353
353
|
function kt(t, a) {
|
|
354
354
|
e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
|
|
355
355
|
}
|
|
356
356
|
function Ct(t, a) {
|
|
357
|
-
e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), ne.value = [],
|
|
357
|
+
e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), ne.value = [], q.value = a, Z.value = !0;
|
|
358
358
|
let o = "";
|
|
359
359
|
re.value = {
|
|
360
360
|
datapoint: t,
|
|
@@ -399,8 +399,8 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
399
399
|
const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...P.value.flatMap((F) => [[F.name], ["%"]])], l = w.value.series.map((F, Fa) => [F.name, F.target, ...F.values.flatMap((ce) => [
|
|
400
400
|
ce,
|
|
401
401
|
isNaN(ce / F.target) ? "" : ce / F.target * 100
|
|
402
|
-
])]), s = a.concat([o]).concat(l), h =
|
|
403
|
-
t ? t(h) :
|
|
402
|
+
])]), s = a.concat([o]).concat(l), h = Gt(s);
|
|
403
|
+
t ? t(h) : Wt({ csvContent: h, title: e.value.style.chart.title.text || "vue-ui-radar" });
|
|
404
404
|
});
|
|
405
405
|
}
|
|
406
406
|
const O = c(!1);
|
|
@@ -413,9 +413,9 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
413
413
|
function Ee() {
|
|
414
414
|
y.value.showTooltip = !y.value.showTooltip;
|
|
415
415
|
}
|
|
416
|
-
const
|
|
416
|
+
const Q = c(!1);
|
|
417
417
|
function ie() {
|
|
418
|
-
|
|
418
|
+
Q.value = !Q.value;
|
|
419
419
|
}
|
|
420
420
|
async function wt({ scale: t = 2 } = {}) {
|
|
421
421
|
if (!C.value) return;
|
|
@@ -429,7 +429,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
429
429
|
aspectRatio: l
|
|
430
430
|
};
|
|
431
431
|
}
|
|
432
|
-
const
|
|
432
|
+
const G = v(() => {
|
|
433
433
|
const t = e.value.table.useDialog && !e.value.table.show, a = y.value.showTable;
|
|
434
434
|
return {
|
|
435
435
|
component: t ? it : lt,
|
|
@@ -469,7 +469,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
469
469
|
...t,
|
|
470
470
|
name: t.display
|
|
471
471
|
}))), $t = v(() => e.value.style.chart.backgroundColor), Tt = v(() => e.value.style.chart.legend), At = v(() => e.value.style.chart.title), { exportSvg: St, getSvg: xt } = na({
|
|
472
|
-
svg:
|
|
472
|
+
svg: H,
|
|
473
473
|
title: At,
|
|
474
474
|
legend: Tt,
|
|
475
475
|
legendItems: _t,
|
|
@@ -494,20 +494,20 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
494
494
|
toggleAnnotator: ie,
|
|
495
495
|
toggleFullscreen: De
|
|
496
496
|
}), (t, a) => (n(), u("div", {
|
|
497
|
-
class:
|
|
497
|
+
class: W(`vue-data-ui-component vue-ui-radar ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
498
498
|
ref_key: "radarChart",
|
|
499
499
|
ref: C,
|
|
500
500
|
id: `vue-ui-radar_${b.value}`,
|
|
501
|
-
style:
|
|
501
|
+
style: J(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
|
|
502
502
|
onMouseenter: a[2] || (a[2] = () => r($e)(!0)),
|
|
503
503
|
onMouseleave: a[3] || (a[3] = () => r($e)(!1))
|
|
504
504
|
}, [
|
|
505
505
|
e.value.userOptions.buttons.annotator ? (n(), S(r(nt), {
|
|
506
506
|
key: 0,
|
|
507
|
-
svgRef: r(
|
|
507
|
+
svgRef: r(H),
|
|
508
508
|
backgroundColor: e.value.style.chart.backgroundColor,
|
|
509
509
|
color: e.value.style.chart.color,
|
|
510
|
-
active:
|
|
510
|
+
active: Q.value,
|
|
511
511
|
onClose: ie
|
|
512
512
|
}, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
|
|
513
513
|
vt.value ? (n(), u("div", {
|
|
@@ -562,7 +562,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
562
562
|
chartElement: C.value,
|
|
563
563
|
position: e.value.userOptions.position,
|
|
564
564
|
hasAnnotator: e.value.userOptions.buttons.annotator,
|
|
565
|
-
isAnnotation:
|
|
565
|
+
isAnnotation: Q.value,
|
|
566
566
|
callbacks: e.value.userOptions.callbacks,
|
|
567
567
|
printScale: e.value.userOptions.print.scale,
|
|
568
568
|
tableDialog: e.value.table.useDialog,
|
|
@@ -574,10 +574,10 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
574
574
|
onToggleTable: Be,
|
|
575
575
|
onToggleTooltip: Ee,
|
|
576
576
|
onToggleAnnotator: ie,
|
|
577
|
-
style:
|
|
577
|
+
style: J({
|
|
578
578
|
visibility: r(Te) ? r(ae) ? "visible" : "hidden" : "visible"
|
|
579
579
|
})
|
|
580
|
-
},
|
|
580
|
+
}, We({ _: 2 }, [
|
|
581
581
|
t.$slots.menuIcon ? {
|
|
582
582
|
name: "menuIcon",
|
|
583
583
|
fn: g(({ isOpen: o, color: l }) => [
|
|
@@ -637,13 +637,13 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
637
637
|
]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
|
|
638
638
|
(n(), u("svg", {
|
|
639
639
|
ref_key: "svgRef",
|
|
640
|
-
ref:
|
|
640
|
+
ref: H,
|
|
641
641
|
xmlns: r(Ut),
|
|
642
|
-
class:
|
|
642
|
+
class: W({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
|
|
643
643
|
viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
|
|
644
|
-
style:
|
|
644
|
+
style: J(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
|
|
645
645
|
}, [
|
|
646
|
-
|
|
646
|
+
K(r(ut)),
|
|
647
647
|
t.$slots["chart-background"] ? (n(), u("foreignObject", {
|
|
648
648
|
key: 0,
|
|
649
649
|
x: 0,
|
|
@@ -686,7 +686,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
686
686
|
}, null, 8, fa))), 256)),
|
|
687
687
|
e.value.style.chart.layout.grid.graduations > 0 ? (n(), u("g", ma, [
|
|
688
688
|
(n(!0), u(I, null, L(gt.value, (o) => (n(), u("path", {
|
|
689
|
-
d: r(
|
|
689
|
+
d: r(je)({
|
|
690
690
|
plot: { x: i.value.width / 2, y: i.value.height / 2 },
|
|
691
691
|
radius: o,
|
|
692
692
|
sides: Ne.value,
|
|
@@ -723,19 +723,19 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
723
723
|
$("g", null, [
|
|
724
724
|
e.value.useCssAnimation || !e.value.useCssAnimation && !p.value.includes(l) ? (n(), u("polygon", {
|
|
725
725
|
key: 0,
|
|
726
|
-
points: r(
|
|
726
|
+
points: r(Qe)(A.value.map((s) => s.plots[l]), !1, !0),
|
|
727
727
|
stroke: e.value.style.chart.backgroundColor,
|
|
728
728
|
"stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
|
|
729
729
|
fill: "none",
|
|
730
|
-
class:
|
|
730
|
+
class: W({ "animated-out": p.value.includes(l) && e.value.useCssAnimation, "animated-in": D.value && V.value === l && e.value.useCssAnimation })
|
|
731
731
|
}, null, 10, wa)) : d("", !0),
|
|
732
732
|
e.value.useCssAnimation || !e.value.useCssAnimation && !p.value.includes(l) ? (n(), u("polygon", {
|
|
733
733
|
key: 1,
|
|
734
|
-
points: r(
|
|
734
|
+
points: r(Qe)(A.value.map((s) => s.plots[l]), !1, !0),
|
|
735
735
|
stroke: o.color,
|
|
736
736
|
"stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
|
|
737
737
|
fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${b.value}_${l})` : r(de)(o.color, e.value.style.chart.layout.dataPolygon.opacity),
|
|
738
|
-
class:
|
|
738
|
+
class: W({ "animated-out": p.value.includes(l) && e.value.useCssAnimation, "animated-in": D.value && V.value === l && e.value.useCssAnimation })
|
|
739
739
|
}, null, 10, _a)) : d("", !0)
|
|
740
740
|
])
|
|
741
741
|
]))), 256)),
|
|
@@ -745,10 +745,10 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
745
745
|
cx: s.x,
|
|
746
746
|
cy: s.y,
|
|
747
747
|
fill: p.value.includes(h) ? "transparent" : m.value[h] ? m.value[h].color : "transparent",
|
|
748
|
-
r:
|
|
748
|
+
r: q.value !== null && q.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
|
|
749
749
|
stroke: p.value.includes(h) ? "transparent" : e.value.style.chart.backgroundColor,
|
|
750
750
|
"stroke-width": 0.5,
|
|
751
|
-
class:
|
|
751
|
+
class: W({ "animated-out": p.value.includes(h) && e.value.useCssAnimation, "animated-in": D.value && V.value === h && e.value.useCssAnimation })
|
|
752
752
|
}, null, 10, Ta))), 256))
|
|
753
753
|
]))), 256))
|
|
754
754
|
])) : d("", !0),
|
|
@@ -778,7 +778,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
778
778
|
r(_e) ? d("", !0) : (n(), u("div", {
|
|
779
779
|
key: 0,
|
|
780
780
|
onClick: (s) => o.segregate(),
|
|
781
|
-
style:
|
|
781
|
+
style: J(`opacity:${p.value.includes(l) ? 0.5 : 1}`)
|
|
782
782
|
}, X(o.display), 13, xa))
|
|
783
783
|
]),
|
|
784
784
|
_: 1
|
|
@@ -796,7 +796,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
796
796
|
}, [
|
|
797
797
|
f(t.$slots, "source", {}, void 0, !0)
|
|
798
798
|
], 512)) : d("", !0),
|
|
799
|
-
|
|
799
|
+
K(r(tt), {
|
|
800
800
|
show: y.value.showTooltip && Z.value,
|
|
801
801
|
backgroundColor: e.value.style.chart.tooltip.backgroundColor,
|
|
802
802
|
color: e.value.style.chart.tooltip.color,
|
|
@@ -821,7 +821,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
821
821
|
]),
|
|
822
822
|
"tooltip-after": g(() => [
|
|
823
823
|
["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? d("", !0) : (n(), u("div", Pa, [
|
|
824
|
-
|
|
824
|
+
K(r(ot), {
|
|
825
825
|
dataset: ne.value,
|
|
826
826
|
config: dt.value,
|
|
827
827
|
backgroundOpacity: 0
|
|
@@ -831,19 +831,19 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
831
831
|
]),
|
|
832
832
|
_: 3
|
|
833
833
|
}, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
|
|
834
|
-
pe.value && e.value.userOptions.buttons.table ? (n(), S(Lt(
|
|
834
|
+
pe.value && e.value.userOptions.buttons.table ? (n(), S(Lt(G.value.component), Nt({ key: 7 }, G.value.props, {
|
|
835
835
|
ref_key: "tableUnit",
|
|
836
836
|
ref: U,
|
|
837
837
|
onClose: Me
|
|
838
|
-
}),
|
|
838
|
+
}), We({
|
|
839
839
|
content: g(() => [
|
|
840
840
|
(n(), S(r(st), {
|
|
841
841
|
key: `table_${ke.value}`,
|
|
842
|
-
colNames:
|
|
843
|
-
head:
|
|
844
|
-
body:
|
|
845
|
-
config:
|
|
846
|
-
title: e.value.table.useDialog ? "" :
|
|
842
|
+
colNames: j.value.colNames,
|
|
843
|
+
head: j.value.head,
|
|
844
|
+
body: j.value.body,
|
|
845
|
+
config: j.value.config,
|
|
846
|
+
title: e.value.table.useDialog ? "" : G.value.title,
|
|
847
847
|
withCloseButton: !e.value.table.useDialog,
|
|
848
848
|
onClose: Me
|
|
849
849
|
}, {
|
|
@@ -861,7 +861,7 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
861
861
|
e.value.table.useDialog ? {
|
|
862
862
|
name: "title",
|
|
863
863
|
fn: g(() => [
|
|
864
|
-
ve(X(
|
|
864
|
+
ve(X(G.value.title), 1)
|
|
865
865
|
]),
|
|
866
866
|
key: "0"
|
|
867
867
|
} : void 0,
|
|
@@ -873,19 +873,19 @@ const ua = ["id"], ia = ["id"], ca = ["xmlns", "viewBox"], va = ["width", "heigh
|
|
|
873
873
|
class: "vue-ui-user-options-button",
|
|
874
874
|
onClick: a[1] || (a[1] = (o) => ue(e.value.userOptions.callbacks.csv))
|
|
875
875
|
}, [
|
|
876
|
-
|
|
876
|
+
K(r(at), {
|
|
877
877
|
name: "excel",
|
|
878
|
-
stroke:
|
|
878
|
+
stroke: G.value.props.color
|
|
879
879
|
}, null, 8, ["stroke"])
|
|
880
880
|
])
|
|
881
881
|
]),
|
|
882
882
|
key: "1"
|
|
883
883
|
} : void 0
|
|
884
884
|
]), 1040)) : d("", !0),
|
|
885
|
-
r(_e) ? (n(), S(
|
|
885
|
+
r(_e) ? (n(), S(Jt, { key: 8 })) : d("", !0)
|
|
886
886
|
], 46, ua));
|
|
887
887
|
}
|
|
888
|
-
},
|
|
888
|
+
}, Ha = /* @__PURE__ */ ra(Oa, [["__scopeId", "data-v-cfb6bdec"]]);
|
|
889
889
|
export {
|
|
890
|
-
|
|
890
|
+
Ha as default
|
|
891
891
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as $, useSlots as J, onMounted as R, computed as x, watch as Q, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as f, unref as n, Fragment as j, renderList as Z, renderSlot as B, mergeProps as O, withKeys as ee } from "vue";
|
|
2
|
-
import { c as te, o as le, f as oe, a as b, d as _, X as z, i as X, j as I } from "./lib-
|
|
3
|
-
import { u as ae, a as ie } from "./useNestedProp-
|
|
2
|
+
import { c as te, o as le, f as oe, a as b, d as _, X as z, i as X, j as I } from "./lib-BcBZIm6u.js";
|
|
3
|
+
import { u as ae, a as ie } from "./useNestedProp-B7CiTRDS.js";
|
|
4
4
|
import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const ne = {
|
|
6
6
|
key: 0,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { useCssVars as dt, computed as g, defineAsyncComponent as Z, ref as r, toRefs as ft, watch as ee, shallowRef as Le, onMounted as gt, onBeforeUnmount as yt, createElementBlock as n, openBlock as i, unref as o, normalizeStyle as z, createBlock as j, createCommentVNode as f, createSlots as ht, withCtx as M, renderSlot as h, normalizeProps as
|
|
2
|
-
import { c as bt, t as kt, b as wt, p as Oe, e as xt, o as Se, f as Ie, g as $t, X as At,
|
|
1
|
+
import { useCssVars as dt, computed as g, defineAsyncComponent as Z, ref as r, toRefs as ft, watch as ee, shallowRef as Le, onMounted as gt, onBeforeUnmount as yt, createElementBlock as n, openBlock as i, unref as o, normalizeStyle as z, createBlock as j, createCommentVNode as f, createSlots as ht, withCtx as M, renderSlot as h, normalizeProps as U, guardReactiveProps as D, normalizeClass as te, createVNode as mt, createElementVNode as pt, Fragment as $, renderList as O, mergeProps as Pe, toDisplayString as G, createTextVNode as ze } from "vue";
|
|
2
|
+
import { c as bt, t as kt, b as wt, p as Oe, e as xt, o as Se, f as Ie, g as $t, X as At, J as Me, a as le, d as se, R as ae } from "./lib-BcBZIm6u.js";
|
|
3
3
|
import { t as _t, u as Ct } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as Lt, a as Ee } from "./useNestedProp-
|
|
4
|
+
import { u as Lt, a as Ee } from "./useNestedProp-B7CiTRDS.js";
|
|
5
5
|
import { u as Pt, B as zt } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
-
import { u as Ot } from "./usePrinter-
|
|
6
|
+
import { u as Ot } from "./usePrinter-C1GiglOH.js";
|
|
7
7
|
import { u as St } from "./useSvgExport-DrjCWun4.js";
|
|
8
8
|
import { u as It } from "./useUserOptionState-BIvW1Kz7.js";
|
|
9
9
|
import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
|
|
10
|
-
import { u as Et } from "./useAutoSizeLabelsInsideViewbox-
|
|
11
|
-
import Bt from "./img-
|
|
12
|
-
import Ft from "./Title-
|
|
13
|
-
import { t as
|
|
14
|
-
import { _ as
|
|
15
|
-
const Nt = ["id"], jt = ["xmlns", "viewBox"],
|
|
10
|
+
import { u as Et } from "./useAutoSizeLabelsInsideViewbox-BHq4FD8x.js";
|
|
11
|
+
import Bt from "./img-CFY3JivG.js";
|
|
12
|
+
import Ft from "./Title-CFmv95In.js";
|
|
13
|
+
import { t as Rt } from "./themes-Dw-dDudK.js";
|
|
14
|
+
import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
15
|
+
const Nt = ["id"], jt = ["xmlns", "viewBox"], Ut = ["width", "height"], Dt = ["cx", "cy", "r", "stroke", "stroke-width"], Gt = { key: 1 }, Vt = ["stroke", "d", "stroke-width"], Wt = { style: { "pointer-events": "none" } }, Xt = ["cx", "cy", "fill", "r", "stroke"], Yt = ["x", "y", "fill", "font-size"], qt = { key: 2 }, Ht = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Jt = { style: { "pointer-events": "none" } }, Kt = ["cx", "cy", "fill", "r", "stroke"], Qt = ["x", "y", "fill", "font-size"], Zt = ["text-anchor", "transform", "x", "y", "font-weight", "font-size", "fill", "text-decoration", "onClick", "onMouseenter", "onMouseleave"], el = ["cx", "cy", "fill", "stroke", "r", "onClick", "onMouseenter", "onMouseleave"], tl = {
|
|
16
16
|
key: 4,
|
|
17
17
|
class: "vue-data-ui-watermark"
|
|
18
18
|
}, ll = {
|
|
@@ -37,7 +37,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
37
37
|
v7926d380: Xe.value,
|
|
38
38
|
a1d88bbc: qe.value
|
|
39
39
|
}));
|
|
40
|
-
const
|
|
40
|
+
const Re = Z(() => import("./PenAndPaper-Dj2diYr0.js")), Te = Z(() => import("./UserOptions-C0YT60JN.js")), Ne = Z(() => import("./PackageVersion-DyDViSOy.js")), { vue_ui_relation_circle: je } = Lt(), m = Be, Ue = g(() => !!m.dataset && Object.keys(m.dataset).length), S = r(bt()), ie = r(0), A = r(null), ne = r(null), oe = r(null), ue = r(null), re = r(0), l = r(X()), { loading: ce, FINAL_DATASET: De, manualLoading: V } = Pt({
|
|
41
41
|
...ft(m),
|
|
42
42
|
FINAL_CONFIG: l,
|
|
43
43
|
prepareConfig: X,
|
|
@@ -72,7 +72,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
72
72
|
});
|
|
73
73
|
return e.theme ? {
|
|
74
74
|
...Ee({
|
|
75
|
-
userConfig:
|
|
75
|
+
userConfig: Rt.vue_ui_relation_circle[e.theme] || m.config,
|
|
76
76
|
defaultConfig: e
|
|
77
77
|
}),
|
|
78
78
|
customPalette: wt[e.theme] || Oe
|
|
@@ -87,7 +87,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
87
87
|
elementId: `relation_circle_${S.value}`,
|
|
88
88
|
fileName: l.value.style.title.text || "vue-ui-relation-circle",
|
|
89
89
|
options: l.value.userOptions.print
|
|
90
|
-
}), Ge = g(() => l.value.userOptions.show && !l.value.style.title.text), me = g(() => xt(l.value.customPalette)), k = r([]), p = r([]), d = r({}), b = r([]), Ve = r(0), B = g(() =>
|
|
90
|
+
}), Ge = g(() => l.value.userOptions.show && !l.value.style.title.text), me = g(() => xt(l.value.customPalette)), k = r([]), p = r([]), d = r({}), b = r([]), Ve = r(0), B = g(() => De.value.slice(0, l.value.style.limit).map((e) => {
|
|
91
91
|
const s = Array.isArray(e.relations) ? e.relations : [];
|
|
92
92
|
return {
|
|
93
93
|
...e,
|
|
@@ -249,12 +249,12 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
249
249
|
function lt(e) {
|
|
250
250
|
return e.regAngle > 90 && e.regAngle < 270 ? `rotate(${e.regAngle + 180},${e.x},${e.y})` : `rotate(${e.regAngle},${e.x},${e.y})`;
|
|
251
251
|
}
|
|
252
|
-
const
|
|
252
|
+
const R = r(null);
|
|
253
253
|
function $e(e, s) {
|
|
254
|
-
|
|
254
|
+
R.value = s, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: s });
|
|
255
255
|
}
|
|
256
256
|
function Ae(e, s) {
|
|
257
|
-
|
|
257
|
+
R.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: s });
|
|
258
258
|
}
|
|
259
259
|
function _e(e, s) {
|
|
260
260
|
l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: s }), Ve.value = 360 - e.regAngle, d.value.id && e.id === d.value.id ? (d.value = {}, b.value = []) : (d.value = e, b.value = [...e.relations]);
|
|
@@ -263,9 +263,9 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
263
263
|
const s = e.weight / Ke.value * l.value.style.links.maxWidth;
|
|
264
264
|
return Math.max(0.3, s);
|
|
265
265
|
}
|
|
266
|
-
const
|
|
266
|
+
const T = r(!1);
|
|
267
267
|
function Ce(e) {
|
|
268
|
-
|
|
268
|
+
T.value = e, ie.value += 1;
|
|
269
269
|
}
|
|
270
270
|
const N = r(!1);
|
|
271
271
|
function J() {
|
|
@@ -310,7 +310,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
310
310
|
onMouseenter: s[0] || (s[0] = () => o(ve)(!0)),
|
|
311
311
|
onMouseleave: s[1] || (s[1] = () => o(ve)(!1))
|
|
312
312
|
}, [
|
|
313
|
-
l.value.userOptions.buttons.annotator ? (i(), j(o(
|
|
313
|
+
l.value.userOptions.buttons.annotator ? (i(), j(o(Re), {
|
|
314
314
|
key: 0,
|
|
315
315
|
svgRef: o(E),
|
|
316
316
|
backgroundColor: l.value.style.backgroundColor,
|
|
@@ -345,7 +345,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
345
345
|
}
|
|
346
346
|
}, null, 8, ["config"]))
|
|
347
347
|
], 512)) : f("", !0),
|
|
348
|
-
l.value.userOptions.show &&
|
|
348
|
+
l.value.userOptions.show && Ue.value && (o(de) || o(W)) ? (i(), j(o(Te), {
|
|
349
349
|
ref: "details",
|
|
350
350
|
key: `user_options_${ie.value}`,
|
|
351
351
|
backgroundColor: l.value.style.backgroundColor,
|
|
@@ -358,7 +358,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
358
358
|
hasSvg: l.value.userOptions.buttons.svg,
|
|
359
359
|
hasFullscreen: l.value.userOptions.buttons.img,
|
|
360
360
|
hasXls: !1,
|
|
361
|
-
isFullscreen:
|
|
361
|
+
isFullscreen: T.value,
|
|
362
362
|
titles: { ...l.value.userOptions.buttonTitles },
|
|
363
363
|
chartElement: A.value,
|
|
364
364
|
position: l.value.userOptions.position,
|
|
@@ -378,7 +378,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
378
378
|
e.$slots.menuIcon ? {
|
|
379
379
|
name: "menuIcon",
|
|
380
380
|
fn: M(({ isOpen: t, color: a }) => [
|
|
381
|
-
h(e.$slots, "menuIcon", D(
|
|
381
|
+
h(e.$slots, "menuIcon", U(D({ isOpen: t, color: a })), void 0, !0)
|
|
382
382
|
]),
|
|
383
383
|
key: "0"
|
|
384
384
|
} : void 0,
|
|
@@ -399,14 +399,14 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
399
399
|
e.$slots.optionFullscreen ? {
|
|
400
400
|
name: "optionFullscreen",
|
|
401
401
|
fn: M(({ toggleFullscreen: t, isFullscreen: a }) => [
|
|
402
|
-
h(e.$slots, "optionFullscreen", D(
|
|
402
|
+
h(e.$slots, "optionFullscreen", U(D({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
|
|
403
403
|
]),
|
|
404
404
|
key: "3"
|
|
405
405
|
} : void 0,
|
|
406
406
|
e.$slots.optionAnnotator ? {
|
|
407
407
|
name: "optionAnnotator",
|
|
408
408
|
fn: M(({ toggleAnnotator: t, isAnnotator: a }) => [
|
|
409
|
-
h(e.$slots, "optionAnnotator", D(
|
|
409
|
+
h(e.$slots, "optionAnnotator", U(D({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
|
|
410
410
|
]),
|
|
411
411
|
key: "4"
|
|
412
412
|
} : void 0
|
|
@@ -415,7 +415,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
415
415
|
ref_key: "svgRef",
|
|
416
416
|
ref: E,
|
|
417
417
|
xmlns: o(At),
|
|
418
|
-
class: te([{ "vue-data-ui-fullscreen--on":
|
|
418
|
+
class: te([{ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }, "relation-circle"]),
|
|
419
419
|
viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
|
|
420
420
|
width: "100%",
|
|
421
421
|
style: "user-select:none; background:transparent"
|
|
@@ -432,7 +432,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
432
432
|
}
|
|
433
433
|
}, [
|
|
434
434
|
h(e.$slots, "chart-background", {}, void 0, !0)
|
|
435
|
-
], 8,
|
|
435
|
+
], 8, Ut)) : f("", !0),
|
|
436
436
|
pt("circle", {
|
|
437
437
|
cx: (u.value.width <= 0 ? 1e-4 : u.value.width) / 2,
|
|
438
438
|
cy: (u.value.height <= 0 ? 1e-4 : u.value.height) / 2 + l.value.style.circle.offsetY,
|
|
@@ -441,7 +441,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
441
441
|
"stroke-width": l.value.style.circle.strokeWidth,
|
|
442
442
|
fill: "transparent",
|
|
443
443
|
class: "main-circle"
|
|
444
|
-
}, null, 8,
|
|
444
|
+
}, null, 8, Dt),
|
|
445
445
|
We.value ? (i(), n("g", Gt, [
|
|
446
446
|
(i(!0), n($, null, O(p.value, (t, a) => (i(), n("path", {
|
|
447
447
|
key: `relation_${a}`,
|
|
@@ -557,7 +557,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
557
557
|
style: z(`font-family:${l.value.style.fontFamily};${tt(t)}`),
|
|
558
558
|
"font-size": I.value,
|
|
559
559
|
fill: l.value.style.labels.color,
|
|
560
|
-
"text-decoration": a ===
|
|
560
|
+
"text-decoration": a === R.value ? "underline" : void 0,
|
|
561
561
|
onClick: (c) => _e(t, a),
|
|
562
562
|
onMouseenter: (c) => $e(t, a),
|
|
563
563
|
onMouseleave: (c) => Ae(t, a)
|
|
@@ -587,7 +587,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
587
587
|
fill: l.value.style.plot.useSerieColor ? t.color : l.value.style.plot.color,
|
|
588
588
|
stroke: l.value.style.backgroundColor,
|
|
589
589
|
"stroke-width": "1",
|
|
590
|
-
r: F.value * (a ===
|
|
590
|
+
r: F.value * (a === R.value ? 2 : 1),
|
|
591
591
|
onClick: (c) => _e(t, a),
|
|
592
592
|
onMouseenter: (c) => $e(t, a),
|
|
593
593
|
onMouseleave: (c) => Ae(t, a)
|
|
@@ -595,7 +595,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
595
595
|
h(e.$slots, "svg", { svg: u.value }, void 0, !0)
|
|
596
596
|
], 10, jt)),
|
|
597
597
|
e.$slots.watermark ? (i(), n("div", tl, [
|
|
598
|
-
h(e.$slots, "watermark", D(
|
|
598
|
+
h(e.$slots, "watermark", U(D({ isPrinting: o(fe) || o(ge) })), void 0, !0)
|
|
599
599
|
])) : f("", !0),
|
|
600
600
|
e.$slots.source ? (i(), n("div", {
|
|
601
601
|
key: 5,
|
|
@@ -608,7 +608,7 @@ const Nt = ["id"], jt = ["xmlns", "viewBox"], Dt = ["width", "height"], Ut = ["c
|
|
|
608
608
|
o(ce) ? (i(), j(zt, { key: 6 })) : f("", !0)
|
|
609
609
|
], 44, Nt));
|
|
610
610
|
}
|
|
611
|
-
}, ml = /* @__PURE__ */
|
|
611
|
+
}, ml = /* @__PURE__ */ Tt(ll, [["__scopeId", "data-v-21882da7"]]);
|
|
612
612
|
export {
|
|
613
613
|
ml as default
|
|
614
614
|
};
|