vue-data-ui 3.2.1 → 3.2.3
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-cyyFTTnm.js → Arrow-Bb0bGghy.js} +1 -1
- package/dist/{BaseDraggableDialog-Bf6A6G_f.js → BaseDraggableDialog-CHhZIht2.js} +2 -2
- package/dist/{BaseIcon-D2f9w5Z5.js → BaseIcon-Bz-1GQhu.js} +10 -3
- package/dist/ColorPicker-B-WUqMoV.js +238 -0
- package/dist/{DataTable-xISHA7Pu.js → DataTable-BvjacRbw.js} +10 -10
- package/dist/{Legend-_Rv594VS.js → Legend-BpoFJ8fc.js} +2 -2
- package/dist/{NonSvgPenAndPaper-DiM4-9ju.js → NonSvgPenAndPaper-l9giyY1Z.js} +3 -3
- package/dist/{PackageVersion-BB7joYAK.js → PackageVersion-oBQ8brnx.js} +1 -1
- package/dist/{PenAndPaper-CtDMyIvW.js → PenAndPaper-CR8q353D.js} +3 -3
- package/dist/{Shape-BDy56-wS.js → Shape-C_C_OmqR.js} +1 -1
- package/dist/{Slicer-qM5l8BsU.js → Slicer-BA2GhOmY.js} +68 -68
- package/dist/{SparkTooltip-DOFGBHJ-.js → SparkTooltip-Dz1PDE_h.js} +1 -1
- package/dist/{Title-BIaVNiUQ.js → Title-C__lOIPC.js} +1 -1
- package/dist/{Tooltip-Clf2K3CF.js → Tooltip-BOXz8skU.js} +1 -1
- package/dist/{UserOptions-Bn3u4JQu.js → UserOptions-DsTgvAok.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 +5 -0
- 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-CSg_eTqL.js → dom-to-png-BgvOdfyW.js} +1 -1
- package/dist/{img-CH7J0fYg.js → img-DjWwQXVS.js} +1 -1
- package/dist/{lib-p5pfHmOX.js → lib-BEpWEyMm.js} +351 -368
- package/dist/{pdf-Wd2BQz4D.js → pdf-YD0ShN36.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +24 -3
- package/dist/{useAutoSizeLabelsInsideViewbox-VqESrzQg.js → useAutoSizeLabelsInsideViewbox-BVJkib7z.js} +1 -1
- package/dist/{useNestedProp-7BbqoAYu.js → useNestedProp-CLD3Gk9S.js} +24 -7
- package/dist/{usePrinter-Yeu5jOfm.js → usePrinter-w23K-ezx.js} +2 -2
- package/dist/{vue-data-ui-DyqIdFbp.js → vue-data-ui-hSWsJzdK.js} +64 -64
- package/dist/vue-data-ui.js +96 -96
- package/dist/{vue-ui-3d-bar-BrlJjJDI.js → vue-ui-3d-bar-B45AYk-O.js} +6 -6
- package/dist/vue-ui-accordion-Cv7OaVUI.js +78 -0
- package/dist/{vue-ui-age-pyramid-BDIMacvP.js → vue-ui-age-pyramid-CJ66TbYc.js} +6 -6
- package/dist/vue-ui-annotator-DOO0qej9.js +2959 -0
- package/dist/{vue-ui-bullet-CIJw4kXd.js → vue-ui-bullet-D_V1l1Jt.js} +15 -15
- package/dist/{vue-ui-candlestick-ZjLiyYpC.js → vue-ui-candlestick-DrkWrGT2.js} +33 -33
- package/dist/{vue-ui-carousel-table-_-qalKHa.js → vue-ui-carousel-table-0zk2YkV7.js} +4 -4
- package/dist/{vue-ui-chestnut-XkX5ANAN.js → vue-ui-chestnut-CAGkS9Lt.js} +33 -33
- package/dist/{vue-ui-chord-B1vFXFgp.js → vue-ui-chord-CHAaUGaZ.js} +54 -54
- package/dist/{vue-ui-circle-pack-8J10Q6-I.js → vue-ui-circle-pack-CBySiQot.js} +31 -31
- package/dist/{vue-ui-cursor-CQp6B13J.js → vue-ui-cursor-Cbt_0B5t.js} +2 -2
- package/dist/{vue-ui-dashboard-CTEYSHVA.js → vue-ui-dashboard-BAOd1hi1.js} +69 -69
- package/dist/{vue-ui-digits-B4aZJw8I.js → vue-ui-digits-ChAz3jSS.js} +2 -2
- package/dist/{vue-ui-donut-d_XvnIQB.js → vue-ui-donut-BgYaWImK.js} +8 -8
- package/dist/{vue-ui-donut-evolution-Bz7fLQru.js → vue-ui-donut-evolution-UWyvIsbE.js} +55 -55
- package/dist/{vue-ui-dumbbell-fDl24oQq.js → vue-ui-dumbbell-B5IHRXdS.js} +7 -7
- package/dist/{vue-ui-flow-NYnnPoDX.js → vue-ui-flow-DB4sLZG4.js} +63 -63
- package/dist/{vue-ui-funnel-BWPIKyW8.js → vue-ui-funnel-COZLSfZ8.js} +37 -37
- package/dist/{vue-ui-galaxy-LabscC7n.js → vue-ui-galaxy-S8pIdU78.js} +46 -46
- package/dist/{vue-ui-gauge-DXETakZJ.js → vue-ui-gauge-BVaE3IZt.js} +59 -59
- package/dist/{vue-ui-gizmo-DZgMzP_e.js → vue-ui-gizmo-BmJ01zdG.js} +3 -3
- package/dist/{vue-ui-heatmap-C6Z5wEkZ.js → vue-ui-heatmap-DiAryN8L.js} +8 -8
- package/dist/{vue-ui-history-plot-CUGzhcjr.js → vue-ui-history-plot-eeYk4C28.js} +44 -44
- package/dist/{vue-ui-kpi-DklTxULP.js → vue-ui-kpi-D7WXGb3K.js} +3 -3
- package/dist/{vue-ui-mini-loader-D22vfM5g.js → vue-ui-mini-loader-CKMzFSG5.js} +5 -5
- package/dist/{vue-ui-molecule-BAH7NOZP.js → vue-ui-molecule-daI3rmbc.js} +6 -6
- package/dist/{vue-ui-mood-radar-DWZKM2u0.js → vue-ui-mood-radar-CawOBU0s.js} +7 -7
- package/dist/{vue-ui-nested-donuts-CxUSyTrT.js → vue-ui-nested-donuts-Ci7qxsh6.js} +70 -70
- package/dist/{vue-ui-onion-BfzkGOmQ.js → vue-ui-onion-CUkVuewC.js} +8 -8
- package/dist/{vue-ui-parallel-coordinate-plot-Dnl2GBps.js → vue-ui-parallel-coordinate-plot-D7UkjkUV.js} +35 -35
- package/dist/{vue-ui-quadrant-C_3l8xWm.js → vue-ui-quadrant-B9VZz5d6.js} +8 -8
- package/dist/{vue-ui-quick-chart-E6QujRg4.js → vue-ui-quick-chart-BQgH4Aap.js} +55 -55
- package/dist/{vue-ui-radar-C_yLoJvR.js → vue-ui-radar-DvZ8XcZC.js} +54 -54
- package/dist/{vue-ui-rating-Df02iNbL.js → vue-ui-rating-C0Ubexdn.js} +2 -2
- package/dist/{vue-ui-relation-circle-CBIXCwQb.js → vue-ui-relation-circle-Bal5QL_Z.js} +28 -28
- package/dist/{vue-ui-ridgeline-euhLcVI0.js → vue-ui-ridgeline-DbRZFJcN.js} +27 -27
- package/dist/{vue-ui-rings-BGxjmMDw.js → vue-ui-rings-BJ_Dmy5i.js} +38 -38
- package/dist/{vue-ui-scatter-CO4kXKZF.js → vue-ui-scatter-bljL9Bav.js} +50 -50
- package/dist/{vue-ui-skeleton-DrCI1AAl.js → vue-ui-skeleton-DZPi12tE.js} +3 -3
- package/dist/{vue-ui-smiley-FPLXOxew.js → vue-ui-smiley-DxC8rN5b.js} +2 -2
- package/dist/{vue-ui-spark-trend-D4dDN0Sc.js → vue-ui-spark-trend-CqMF642_.js} +22 -22
- package/dist/{vue-ui-sparkbar-BEXrQvP0.js → vue-ui-sparkbar-BcyaivMe.js} +3 -3
- package/dist/{vue-ui-sparkgauge-Cp4-BTZu.js → vue-ui-sparkgauge-BkIUpzkZ.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-BwmKv4YF.js → vue-ui-sparkhistogram-DnPdJk3e.js} +4 -4
- package/dist/{vue-ui-sparkline-BXZJ-fUn.js → vue-ui-sparkline-F7h636hU.js} +29 -29
- package/dist/{vue-ui-sparkstackbar-Cie2g7gk.js → vue-ui-sparkstackbar-B-Du5D3w.js} +3 -3
- package/dist/{vue-ui-stackbar-B137wy4q.js → vue-ui-stackbar-BNOfLkY2.js} +38 -38
- package/dist/{vue-ui-strip-plot-Dd1aHpFW.js → vue-ui-strip-plot-DNPM01M_.js} +7 -7
- package/dist/{vue-ui-table-CduckNVX.js → vue-ui-table-__ABUm9x.js} +196 -156
- package/dist/{vue-ui-table-heatmap-DZAkUjty.js → vue-ui-table-heatmap-D-iueyM0.js} +14 -14
- package/dist/{vue-ui-table-sparkline-D6oTAFEO.js → vue-ui-table-sparkline-B5QdvlV7.js} +5 -5
- package/dist/{vue-ui-thermometer-BmK3_O7T.js → vue-ui-thermometer-DID_4Y6w.js} +10 -10
- package/dist/{vue-ui-timer-BYw6Z01O.js → vue-ui-timer-CjJmpXoF.js} +27 -27
- package/dist/{vue-ui-tiremarks-CWiME7zn.js → vue-ui-tiremarks-wDKOTVny.js} +6 -6
- package/dist/{vue-ui-treemap-D8PmfJbw.js → vue-ui-treemap-DFo4w0cb.js} +8 -8
- package/dist/{vue-ui-vertical-bar-DRC047BC.js → vue-ui-vertical-bar-BEdckhBh.js} +31 -31
- package/dist/{vue-ui-waffle-DAaBoyx4.js → vue-ui-waffle-D5i1Q6tF.js} +75 -75
- package/dist/vue-ui-wheel-DJlN8joO.js +620 -0
- package/dist/{vue-ui-word-cloud-ByKWZtkV.js → vue-ui-word-cloud-B7Y2UrwO.js} +29 -29
- package/dist/{vue-ui-world-BezpUr_Q.js → vue-ui-world-DzF8YW_Q.js} +6 -6
- package/dist/{vue-ui-xy-DlcJVA22.js → vue-ui-xy-DGln2YgO.js} +900 -822
- package/dist/{vue-ui-xy-canvas-DPfxdanR.js → vue-ui-xy-canvas-DF2Ts-g3.js} +10 -10
- package/package.json +3 -3
- package/dist/ColorPicker-gaAecgEC.js +0 -135
- package/dist/vue-ui-accordion-BSrtaPYx.js +0 -76
- package/dist/vue-ui-annotator-DGVlVhhy.js +0 -2182
- package/dist/vue-ui-wheel-DfNXrsTY.js +0 -587
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineAsyncComponent as _, computed as v, ref as c, toRefs as wt, watch as
|
|
2
|
-
import { c as xt, t as
|
|
3
|
-
import { t as
|
|
4
|
-
import { u as Vt, a as Je } from "./useNestedProp-
|
|
1
|
+
import { defineAsyncComponent as _, computed as v, ref as c, toRefs as wt, watch as Ue, shallowRef as Ve, onMounted as _t, onBeforeUnmount as $t, createElementBlock as u, openBlock as s, unref as r, normalizeStyle as J, normalizeClass as X, createBlock as P, createCommentVNode as d, createElementVNode as $, createVNode as K, createSlots as We, withCtx as h, renderSlot as g, normalizeProps as B, guardReactiveProps as M, Fragment as O, renderList as I, toDisplayString as E, Teleport as Tt, resolveDynamicComponent as At, mergeProps as Pt, createTextVNode as ve, nextTick as Ge } from "vue";
|
|
2
|
+
import { c as xt, t as St, b as Ft, p as N, o as Ot, f as U, e as It, g as Xe, h as Ye, k as qe, q as Nt, a as He, d as Y, X as Lt, s as de, i as Rt, S as je, x as zt, y as Dt, z as Bt, A as Mt } from "./lib-BEpWEyMm.js";
|
|
3
|
+
import { t as Et, u as Ut } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as Vt, a as Je } from "./useNestedProp-CLD3Gk9S.js";
|
|
5
5
|
import { u as Wt, B as Gt } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
-
import { u as Xt } from "./usePrinter-
|
|
6
|
+
import { u as Xt } from "./usePrinter-w23K-ezx.js";
|
|
7
7
|
import { u as Yt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
|
|
9
|
-
import { u as Ht } from "./useAutoSizeLabelsInsideViewbox-
|
|
10
|
-
import jt from "./img-
|
|
11
|
-
import Jt from "./Title-
|
|
12
|
-
import Kt from "./Legend-
|
|
9
|
+
import { u as Ht } from "./useAutoSizeLabelsInsideViewbox-BVJkib7z.js";
|
|
10
|
+
import jt from "./img-DjWwQXVS.js";
|
|
11
|
+
import Jt from "./Title-C__lOIPC.js";
|
|
12
|
+
import Kt from "./Legend-BpoFJ8fc.js";
|
|
13
13
|
import { t as Qt } from "./themes-D3cUNuKw.js";
|
|
14
14
|
import { _ as Zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
15
15
|
const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "height"], la = ["id"], sa = ["stop-color"], na = ["stop-color"], ra = { key: 1 }, ua = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ia = { key: 0 }, ca = ["d", "stroke", "stroke-width"], va = ["d", "stroke", "stroke-width"], da = { key: 2 }, pa = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], ha = ["points", "stroke", "stroke-width"], ga = ["points", "stroke", "stroke-width", "fill"], fa = { key: 3 }, ma = ["cx", "cy", "fill", "r", "stroke"], ya = {
|
|
@@ -36,7 +36,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
36
36
|
},
|
|
37
37
|
emits: ["selectLegend"],
|
|
38
38
|
setup(Ke, { expose: Qe, emit: Ze }) {
|
|
39
|
-
const et = _(() => import("./Tooltip-
|
|
39
|
+
const et = _(() => import("./Tooltip-BOXz8skU.js")), tt = _(() => import("./BaseIcon-Bz-1GQhu.js")), at = _(() => import("./vue-ui-sparkbar-BcyaivMe.js")), ot = _(() => import("./vue-ui-accordion-Cv7OaVUI.js")), lt = _(() => import("./DataTable-BvjacRbw.js")), st = _(() => import("./PenAndPaper-CR8q353D.js")), nt = _(() => import("./UserOptions-DsTgvAok.js")), rt = _(() => import("./PackageVersion-oBQ8brnx.js")), ut = _(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_radar: it } = Vt(), x = Ke, pe = v(() => !!x.dataset && Object.keys(x.dataset).length), b = c(xt()), Q = c(!1), Z = 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), V = c(null), ee = c(null), e = c(oe()), { loading: _e, FINAL_DATASET: w } = Wt({
|
|
40
40
|
...wt(x),
|
|
41
41
|
FINAL_CONFIG: e,
|
|
42
42
|
prepareConfig: oe,
|
|
@@ -56,7 +56,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
56
56
|
{ name: "_", values: [0.6], target: 1 }
|
|
57
57
|
]
|
|
58
58
|
},
|
|
59
|
-
skeletonConfig:
|
|
59
|
+
skeletonConfig: St({
|
|
60
60
|
defaultConfig: e.value,
|
|
61
61
|
userConfig: {
|
|
62
62
|
userOptions: { show: !1 },
|
|
@@ -94,21 +94,21 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
94
94
|
userConfig: Qt.vue_ui_radar[t.theme] || x.config,
|
|
95
95
|
defaultConfig: t
|
|
96
96
|
}),
|
|
97
|
-
customPalette:
|
|
97
|
+
customPalette: Ft[t.theme] || N
|
|
98
98
|
} : t;
|
|
99
99
|
}
|
|
100
|
-
|
|
100
|
+
Ue(() => x.config, (t) => {
|
|
101
101
|
e.value = oe(), te.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;
|
|
102
102
|
}, { deep: !0 });
|
|
103
103
|
const T = Ve(null), L = Ve(null), R = v(() => e.value.debug);
|
|
104
104
|
function Ae() {
|
|
105
|
-
if (
|
|
105
|
+
if (Ot(x.dataset) && U({
|
|
106
106
|
componentName: "VueUiRadar",
|
|
107
107
|
type: "dataset",
|
|
108
108
|
debug: R.value
|
|
109
109
|
}), e.value.responsive) {
|
|
110
|
-
const t =
|
|
111
|
-
const { width: a, height: o } =
|
|
110
|
+
const t = Et(() => {
|
|
111
|
+
const { width: a, height: o } = Ut({
|
|
112
112
|
chart: C.value,
|
|
113
113
|
title: e.value.style.chart.title.text ? ge.value : null,
|
|
114
114
|
legend: e.value.style.chart.legend.show ? fe.value : null,
|
|
@@ -128,11 +128,11 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
128
128
|
}), $t(() => {
|
|
129
129
|
T.value && (L.value && T.value.unobserve(L.value), T.value.disconnect());
|
|
130
130
|
});
|
|
131
|
-
const { isPrinting: Pe, isImaging: xe, generatePdf:
|
|
131
|
+
const { isPrinting: Pe, isImaging: xe, generatePdf: Se, generateImage: Fe } = Xt({
|
|
132
132
|
elementId: `vue-ui-radar_${b.value}`,
|
|
133
133
|
fileName: e.value.style.chart.title.text || "vue-ui-radar",
|
|
134
134
|
options: e.value.userOptions.print
|
|
135
|
-
}), ct = v(() => e.value.userOptions.show && !e.value.style.chart.title.text),
|
|
135
|
+
}), ct = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), Oe = v(() => It(e.value.customPalette)), y = c({
|
|
136
136
|
dataLabels: {
|
|
137
137
|
show: e.value.style.chart.layout.labels.dataLabels.show
|
|
138
138
|
},
|
|
@@ -178,12 +178,12 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
178
178
|
proportion: t.totalProportion
|
|
179
179
|
}));
|
|
180
180
|
}
|
|
181
|
-
const f = v(() => [null, void 0].includes(w.value.categories) ? (
|
|
181
|
+
const f = v(() => [null, void 0].includes(w.value.categories) ? (U({
|
|
182
182
|
componentName: "VueUiRadar",
|
|
183
183
|
type: "datasetAttribute",
|
|
184
184
|
property: "categories ({ name: string; prefix?: string; suffix?: string}[])",
|
|
185
185
|
debug: R.value
|
|
186
|
-
}), []) : (w.value.categories.length === 0 ?
|
|
186
|
+
}), []) : (w.value.categories.length === 0 ? U({
|
|
187
187
|
componentName: "VueUiRadar",
|
|
188
188
|
type: "datasetAttributeEmpty",
|
|
189
189
|
property: "categories",
|
|
@@ -193,7 +193,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
193
193
|
datasetObject: t,
|
|
194
194
|
requiredAttributes: ["name"]
|
|
195
195
|
}).forEach((o) => {
|
|
196
|
-
|
|
196
|
+
U({
|
|
197
197
|
componentName: "VueUiRadar",
|
|
198
198
|
type: "datasetAttribute",
|
|
199
199
|
property: `category.${o} at index ${a}`,
|
|
@@ -201,7 +201,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
201
201
|
debug: R.value
|
|
202
202
|
});
|
|
203
203
|
});
|
|
204
|
-
}), [null, void 0].includes(w.value.series) ?
|
|
204
|
+
}), [null, void 0].includes(w.value.series) ? U({
|
|
205
205
|
componentName: "VueUiRadar",
|
|
206
206
|
type: "datasetAttribute",
|
|
207
207
|
property: "series ({ name: string; values: number[]; color?: string; target: number}[])",
|
|
@@ -211,7 +211,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
211
211
|
datasetObject: t,
|
|
212
212
|
requiredAttributes: ["name", "values", "target"]
|
|
213
213
|
}).forEach((o) => {
|
|
214
|
-
|
|
214
|
+
U({
|
|
215
215
|
componentName: "VueUiRadar",
|
|
216
216
|
type: "datasetSerieAttribute",
|
|
217
217
|
key: "series",
|
|
@@ -223,12 +223,12 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
223
223
|
}), w.value.categories.map((t, a) => ({
|
|
224
224
|
name: t.name,
|
|
225
225
|
categoryId: `radar_category_${b.value}_${a}`,
|
|
226
|
-
color: Ye(t.color) ||
|
|
226
|
+
color: Ye(t.color) || Oe.value[a] || N[a] || N[a % N.length],
|
|
227
227
|
prefix: t.prefix ?? "",
|
|
228
228
|
suffix: t.suffix ?? ""
|
|
229
229
|
})))), k = v(() => w.value.series.map((t, a) => ({
|
|
230
230
|
...t,
|
|
231
|
-
color: Ye(t.color) ||
|
|
231
|
+
color: Ye(t.color) || Oe.value[a] || N[a] || N[a % N.length],
|
|
232
232
|
serieId: `radar_serie_${b.value}_${a}`,
|
|
233
233
|
formatter: t.formatter || null
|
|
234
234
|
}))), Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Le = v(() => k.value.length), le = v(() => Math.min(i.value.width, i.value.height) / 3), Re = v(() => qe({
|
|
@@ -387,16 +387,16 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
387
387
|
}
|
|
388
388
|
function ue(t = null) {
|
|
389
389
|
Ge(() => {
|
|
390
|
-
const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...D.value.flatMap((
|
|
390
|
+
const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...D.value.flatMap((F) => [[F.name], ["%"]])], l = w.value.series.map((F, _a) => [F.name, F.target, ...F.values.flatMap((ce) => [
|
|
391
391
|
ce,
|
|
392
|
-
isNaN(ce /
|
|
392
|
+
isNaN(ce / F.target) ? "" : ce / F.target * 100
|
|
393
393
|
])]), n = a.concat([o]).concat(l), m = zt(n);
|
|
394
394
|
t ? t(m) : Dt({ csvContent: m, title: e.value.style.chart.title.text || "vue-ui-radar" });
|
|
395
395
|
});
|
|
396
396
|
}
|
|
397
|
-
const
|
|
397
|
+
const S = c(!1);
|
|
398
398
|
function De(t) {
|
|
399
|
-
|
|
399
|
+
S.value = t, he.value += 1;
|
|
400
400
|
}
|
|
401
401
|
function Be() {
|
|
402
402
|
y.value.showTable = !y.value.showTable;
|
|
@@ -430,7 +430,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
430
430
|
color: e.value.table.th.color,
|
|
431
431
|
headerColor: e.value.table.th.color,
|
|
432
432
|
headerBg: e.value.table.th.backgroundColor,
|
|
433
|
-
isFullscreen:
|
|
433
|
+
isFullscreen: S.value,
|
|
434
434
|
fullscreenParent: C.value,
|
|
435
435
|
forcedWidth: Math.min(800, window.innerWidth * 0.8)
|
|
436
436
|
} : {
|
|
@@ -450,24 +450,24 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
450
450
|
}
|
|
451
451
|
};
|
|
452
452
|
});
|
|
453
|
-
|
|
453
|
+
Ue(() => y.value.showTable, (t) => {
|
|
454
454
|
e.value.table.show || (t && e.value.table.useDialog && V.value ? V.value.open() : "close" in V.value && V.value.close());
|
|
455
455
|
});
|
|
456
|
-
function
|
|
456
|
+
function Ee() {
|
|
457
457
|
y.value.showTable = !1, ee.value && ee.value.setTableIconState(!1);
|
|
458
458
|
}
|
|
459
459
|
return Qe({
|
|
460
460
|
getData: pt,
|
|
461
461
|
getImage: Ct,
|
|
462
|
-
generatePdf:
|
|
462
|
+
generatePdf: Se,
|
|
463
463
|
generateCsv: ue,
|
|
464
|
-
generateImage:
|
|
464
|
+
generateImage: Fe,
|
|
465
465
|
toggleTable: Be,
|
|
466
466
|
toggleTooltip: Me,
|
|
467
467
|
toggleAnnotator: ie,
|
|
468
468
|
toggleFullscreen: De
|
|
469
469
|
}), (t, a) => (s(), u("div", {
|
|
470
|
-
class: X(`vue-ui-radar ${
|
|
470
|
+
class: X(`vue-ui-radar ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
471
471
|
ref_key: "radarChart",
|
|
472
472
|
ref: C,
|
|
473
473
|
id: `vue-ui-radar_${b.value}`,
|
|
@@ -528,7 +528,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
528
528
|
hasXls: e.value.userOptions.buttons.csv,
|
|
529
529
|
hasTable: e.value.userOptions.buttons.table,
|
|
530
530
|
hasFullscreen: e.value.userOptions.buttons.fullscreen,
|
|
531
|
-
isFullscreen:
|
|
531
|
+
isFullscreen: S.value,
|
|
532
532
|
isTooltip: y.value.showTooltip,
|
|
533
533
|
titles: { ...e.value.userOptions.buttonTitles },
|
|
534
534
|
chartElement: C.value,
|
|
@@ -539,9 +539,9 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
539
539
|
printScale: e.value.userOptions.print.scale,
|
|
540
540
|
tableDialog: e.value.table.useDialog,
|
|
541
541
|
onToggleFullscreen: De,
|
|
542
|
-
onGeneratePdf: r(
|
|
542
|
+
onGeneratePdf: r(Se),
|
|
543
543
|
onGenerateCsv: ue,
|
|
544
|
-
onGenerateImage: r(
|
|
544
|
+
onGenerateImage: r(Fe),
|
|
545
545
|
onToggleTable: Be,
|
|
546
546
|
onToggleTooltip: Me,
|
|
547
547
|
onToggleAnnotator: ie,
|
|
@@ -610,7 +610,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
610
610
|
ref_key: "svgRef",
|
|
611
611
|
ref: ae,
|
|
612
612
|
xmlns: r(Lt),
|
|
613
|
-
class: X({ "vue-data-ui-fullscreen--on":
|
|
613
|
+
class: X({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
|
|
614
614
|
viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
|
|
615
615
|
style: J(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
|
|
616
616
|
}, [
|
|
@@ -628,7 +628,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
628
628
|
g(t.$slots, "chart-background", {}, void 0, !0)
|
|
629
629
|
], 8, oa)) : d("", !0),
|
|
630
630
|
$("defs", null, [
|
|
631
|
-
(s(!0), u(
|
|
631
|
+
(s(!0), u(O, null, I(f.value, (o, l) => (s(), u("radialGradient", {
|
|
632
632
|
cx: "50%",
|
|
633
633
|
cy: "50%",
|
|
634
634
|
r: "50%",
|
|
@@ -647,7 +647,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
647
647
|
], 8, la))), 256))
|
|
648
648
|
]),
|
|
649
649
|
e.value.style.chart.layout.grid.show ? (s(), u("g", ra, [
|
|
650
|
-
(s(!0), u(
|
|
650
|
+
(s(!0), u(O, null, I(A.value, (o) => (s(), u("line", {
|
|
651
651
|
x1: i.value.width / 2,
|
|
652
652
|
y1: i.value.height / 2,
|
|
653
653
|
x2: o.x,
|
|
@@ -656,7 +656,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
656
656
|
"stroke-width": e.value.style.chart.layout.grid.strokeWidth
|
|
657
657
|
}, null, 8, ua))), 256)),
|
|
658
658
|
e.value.style.chart.layout.grid.graduations > 0 ? (s(), u("g", ia, [
|
|
659
|
-
(s(!0), u(
|
|
659
|
+
(s(!0), u(O, null, I(ht.value, (o) => (s(), u("path", {
|
|
660
660
|
d: r(qe)({
|
|
661
661
|
plot: { x: i.value.width / 2, y: i.value.height / 2 },
|
|
662
662
|
radius: o,
|
|
@@ -678,7 +678,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
678
678
|
"stroke-linecap": "round"
|
|
679
679
|
}, null, 8, va),
|
|
680
680
|
e.value.style.chart.layout.labels.dataLabels.show ? (s(), u("g", da, [
|
|
681
|
-
(s(!0), u(
|
|
681
|
+
(s(!0), u(O, null, I(A.value, (o, l) => (s(), u("text", {
|
|
682
682
|
class: "vue-ui-radar-apex-label",
|
|
683
683
|
x: o.labelX,
|
|
684
684
|
y: o.labelY,
|
|
@@ -688,9 +688,9 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
688
688
|
onMouseenter: (n) => kt(o, l),
|
|
689
689
|
onMouseleave: (n) => yt(o, l),
|
|
690
690
|
onClick: (n) => bt(o, l)
|
|
691
|
-
},
|
|
691
|
+
}, E(o.name), 41, pa))), 256))
|
|
692
692
|
])) : d("", !0),
|
|
693
|
-
(s(!0), u(
|
|
693
|
+
(s(!0), u(O, null, I(f.value, (o, l) => (s(), u("g", null, [
|
|
694
694
|
$("g", null, [
|
|
695
695
|
e.value.useCssAnimation || !e.value.useCssAnimation && !p.value.includes(l) ? (s(), u("polygon", {
|
|
696
696
|
key: 0,
|
|
@@ -711,8 +711,8 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
711
711
|
])
|
|
712
712
|
]))), 256)),
|
|
713
713
|
e.value.style.chart.layout.plots.show ? (s(), u("g", fa, [
|
|
714
|
-
(s(!0), u(
|
|
715
|
-
(s(!0), u(
|
|
714
|
+
(s(!0), u(O, null, I(A.value, (o, l) => (s(), u("g", null, [
|
|
715
|
+
(s(!0), u(O, null, I(o.plots, (n, m) => (s(), u("circle", {
|
|
716
716
|
cx: n.x,
|
|
717
717
|
cy: n.y,
|
|
718
718
|
fill: p.value.includes(m) ? "transparent" : f.value[m] ? f.value[m].color : "transparent",
|
|
@@ -750,7 +750,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
750
750
|
key: 0,
|
|
751
751
|
onClick: (n) => o.segregate(),
|
|
752
752
|
style: J(`opacity:${p.value.includes(l) ? 0.5 : 1}`)
|
|
753
|
-
},
|
|
753
|
+
}, E(o.name) + ": " + E(r(Y)({
|
|
754
754
|
v: o.totalProportion * 100,
|
|
755
755
|
s: "%",
|
|
756
756
|
r: e.value.style.chart.legend.roundingPercentage
|
|
@@ -784,7 +784,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
784
784
|
offsetY: e.value.style.chart.tooltip.offsetY,
|
|
785
785
|
parent: C.value,
|
|
786
786
|
content: Z.value,
|
|
787
|
-
isFullscreen:
|
|
787
|
+
isFullscreen: S.value,
|
|
788
788
|
isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
|
|
789
789
|
smooth: e.value.style.chart.tooltip.smooth,
|
|
790
790
|
backdropFilter: e.value.style.chart.tooltip.backdropFilter,
|
|
@@ -809,7 +809,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
809
809
|
pe.value && e.value.userOptions.buttons.table ? (s(), P(At(G.value.component), Pt({ key: 7 }, G.value.props, {
|
|
810
810
|
ref_key: "tableUnit",
|
|
811
811
|
ref: V,
|
|
812
|
-
onClose:
|
|
812
|
+
onClose: Ee
|
|
813
813
|
}), We({
|
|
814
814
|
content: h(() => [
|
|
815
815
|
(s(), P(r(lt), {
|
|
@@ -820,13 +820,13 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
820
820
|
config: q.value.config,
|
|
821
821
|
title: e.value.table.useDialog ? "" : G.value.title,
|
|
822
822
|
withCloseButton: !e.value.table.useDialog,
|
|
823
|
-
onClose:
|
|
823
|
+
onClose: Ee
|
|
824
824
|
}, {
|
|
825
825
|
th: h(({ th: o }) => [
|
|
826
|
-
ve(
|
|
826
|
+
ve(E(o.name), 1)
|
|
827
827
|
]),
|
|
828
828
|
td: h(({ td: o }) => [
|
|
829
|
-
ve(
|
|
829
|
+
ve(E(o), 1)
|
|
830
830
|
]),
|
|
831
831
|
_: 1
|
|
832
832
|
}, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
|
|
@@ -836,7 +836,7 @@ const ea = ["id"], ta = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
|
|
|
836
836
|
e.value.table.useDialog ? {
|
|
837
837
|
name: "title",
|
|
838
838
|
fn: h(() => [
|
|
839
|
-
ve(
|
|
839
|
+
ve(E(G.value.title), 1)
|
|
840
840
|
]),
|
|
841
841
|
key: "0"
|
|
842
842
|
} : void 0,
|
|
@@ -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-BEpWEyMm.js";
|
|
3
|
+
import { u as ae, a as ie } from "./useNestedProp-CLD3Gk9S.js";
|
|
4
4
|
import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const ne = {
|
|
6
6
|
key: 0,
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { useCssVars as ut, computed as h, defineAsyncComponent as Z, ref as r, toRefs as ot, watch as ee, shallowRef as Le, onMounted as rt, onBeforeUnmount as ct, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as z, createBlock as N, createCommentVNode as f, createSlots as vt, withCtx as M, renderSlot as g, normalizeProps as j, guardReactiveProps as D, normalizeClass as te, createVNode as dt, createElementVNode as ft, Fragment as $, renderList as O, mergeProps as Pe, toDisplayString as
|
|
2
|
-
import { c as yt, t as ht, b as gt, p as Oe, e as mt, o as Se, f as Ie, g as pt, X as bt,
|
|
1
|
+
import { useCssVars as ut, computed as h, defineAsyncComponent as Z, ref as r, toRefs as ot, watch as ee, shallowRef as Le, onMounted as rt, onBeforeUnmount as ct, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as z, createBlock as N, createCommentVNode as f, createSlots as vt, withCtx as M, renderSlot as g, normalizeProps as j, guardReactiveProps as D, normalizeClass as te, createVNode as dt, createElementVNode as ft, Fragment as $, renderList as O, mergeProps as Pe, toDisplayString as U, createTextVNode as ze } from "vue";
|
|
2
|
+
import { c as yt, t as ht, b as gt, p as Oe, e as mt, o as Se, f as Ie, g as pt, X as bt, E as Me, a as le, d as se, D as ae } from "./lib-BEpWEyMm.js";
|
|
3
3
|
import { t as kt, u as wt } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as xt, a as Ee } from "./useNestedProp-
|
|
4
|
+
import { u as xt, a as Ee } from "./useNestedProp-CLD3Gk9S.js";
|
|
5
5
|
import { u as $t, B as At } from "./BaseScanner-BgWxam9d.js";
|
|
6
|
-
import { u as _t } from "./usePrinter-
|
|
6
|
+
import { u as _t } from "./usePrinter-w23K-ezx.js";
|
|
7
7
|
import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { u as Lt } from "./useChartAccessibility-9icAAmYg.js";
|
|
9
|
-
import { u as Pt } from "./useAutoSizeLabelsInsideViewbox-
|
|
10
|
-
import zt from "./img-
|
|
11
|
-
import Ot from "./Title-
|
|
9
|
+
import { u as Pt } from "./useAutoSizeLabelsInsideViewbox-BVJkib7z.js";
|
|
10
|
+
import zt from "./img-DjWwQXVS.js";
|
|
11
|
+
import Ot from "./Title-C__lOIPC.js";
|
|
12
12
|
import { t as St } from "./themes-D3cUNuKw.js";
|
|
13
13
|
import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
14
|
-
const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["cx", "cy", "r", "stroke", "stroke-width"], Rt = { key: 1 }, Tt = ["stroke", "d", "stroke-width"], Nt = { style: { "pointer-events": "none" } }, jt = ["cx", "cy", "fill", "r", "stroke"], Dt = ["x", "y", "fill", "font-size"],
|
|
14
|
+
const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["cx", "cy", "r", "stroke", "stroke-width"], Rt = { key: 1 }, Tt = ["stroke", "d", "stroke-width"], Nt = { style: { "pointer-events": "none" } }, jt = ["cx", "cy", "fill", "r", "stroke"], Dt = ["x", "y", "fill", "font-size"], Ut = { key: 2 }, Vt = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Gt = { style: { "pointer-events": "none" } }, Wt = ["cx", "cy", "fill", "r", "stroke"], Xt = ["x", "y", "fill", "font-size"], Yt = ["text-anchor", "transform", "x", "y", "font-weight", "font-size", "fill", "text-decoration", "onClick", "onMouseenter", "onMouseleave"], qt = ["cx", "cy", "fill", "stroke", "r", "onClick", "onMouseenter", "onMouseleave"], Ht = {
|
|
15
15
|
key: 4,
|
|
16
16
|
class: "vue-data-ui-watermark"
|
|
17
17
|
}, Jt = {
|
|
@@ -32,11 +32,11 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
32
32
|
},
|
|
33
33
|
setup(Fe, { expose: Be }) {
|
|
34
34
|
ut((e) => ({
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
v51791a0b: Ye.value,
|
|
36
|
+
v501dae6a: Xe.value,
|
|
37
|
+
v2abe5668: qe.value
|
|
38
38
|
}));
|
|
39
|
-
const Re = Z(() => import("./PenAndPaper-
|
|
39
|
+
const Re = Z(() => import("./PenAndPaper-CR8q353D.js")), Te = Z(() => import("./UserOptions-DsTgvAok.js")), Ne = Z(() => import("./PackageVersion-oBQ8brnx.js")), { vue_ui_relation_circle: je } = xt(), m = Fe, De = h(() => !!m.dataset && Object.keys(m.dataset).length), S = r(yt()), ie = r(0), A = r(null), ne = r(null), ue = r(null), oe = r(null), re = r(0), l = r(X()), { loading: ce, FINAL_DATASET: Ue, manualLoading: V } = $t({
|
|
40
40
|
...ot(m),
|
|
41
41
|
FINAL_CONFIG: l,
|
|
42
42
|
prepareConfig: X,
|
|
@@ -63,7 +63,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
})
|
|
66
|
-
}), { userOptionsVisible:
|
|
66
|
+
}), { userOptionsVisible: G, setUserOptionsVisibility: ve, keepUserOptionState: de } = Ct({ config: l.value }), { svgRef: W } = Lt({ config: l.value.style.title });
|
|
67
67
|
function X() {
|
|
68
68
|
const e = Ee({
|
|
69
69
|
userConfig: m.config,
|
|
@@ -78,15 +78,15 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
78
78
|
} : e;
|
|
79
79
|
}
|
|
80
80
|
ee(() => m.config, (e) => {
|
|
81
|
-
l.value = X(),
|
|
81
|
+
l.value = X(), G.value = !l.value.userOptions.showOnChartHover, _.value = l.value.style.size, y.value = l.value.style.weightLabels.size, F.value = l.value.style.plot.radius, I.value = l.value.style.labels.fontSize, o.value.height = l.value.style.size, o.value.width = l.value.style.size, be(), re.value += 1;
|
|
82
82
|
}, { deep: !0 }), ee(() => m.dataset, (e) => {
|
|
83
|
-
Array.isArray(e) && e.length > 0 && (
|
|
83
|
+
Array.isArray(e) && e.length > 0 && (V.value = !1);
|
|
84
84
|
}, { deep: !0 });
|
|
85
85
|
const { isPrinting: fe, isImaging: ye, generatePdf: he, generateImage: ge } = _t({
|
|
86
86
|
elementId: `relation_circle_${S.value}`,
|
|
87
87
|
fileName: l.value.style.title.text || "vue-ui-relation-circle",
|
|
88
88
|
options: l.value.userOptions.print
|
|
89
|
-
}),
|
|
89
|
+
}), Ve = h(() => l.value.userOptions.show && !l.value.style.title.text), me = h(() => mt(l.value.customPalette)), k = r([]), p = r([]), d = r({}), b = r([]), Ge = r(0), E = h(() => Ue.value.slice(0, l.value.style.limit).map((e) => {
|
|
90
90
|
const s = Array.isArray(e.relations) ? e.relations : [];
|
|
91
91
|
return {
|
|
92
92
|
...e,
|
|
@@ -117,7 +117,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
117
117
|
componentName: "VueUiRelationCircle",
|
|
118
118
|
type: "dataset",
|
|
119
119
|
debug: pe.value
|
|
120
|
-
}),
|
|
120
|
+
}), V.value = !0) : m.dataset.forEach((e, s) => {
|
|
121
121
|
pt({
|
|
122
122
|
datasetObject: e,
|
|
123
123
|
requiredAttributes: ["id", "label", "relations", "weights"]
|
|
@@ -130,7 +130,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
130
130
|
debug: pe.value
|
|
131
131
|
});
|
|
132
132
|
});
|
|
133
|
-
}), Se(m.dataset) || (
|
|
133
|
+
}), Se(m.dataset) || (V.value = l.value.loading), l.value.responsive) {
|
|
134
134
|
const e = kt(() => {
|
|
135
135
|
const { width: s, height: t } = wt({
|
|
136
136
|
chart: A.value,
|
|
@@ -256,7 +256,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
256
256
|
B.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: s });
|
|
257
257
|
}
|
|
258
258
|
function _e(e, s) {
|
|
259
|
-
l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: s }),
|
|
259
|
+
l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: e, seriesIndex: s }), Ge.value = 360 - e.regAngle, d.value.id && e.id === d.value.id ? (d.value = {}, b.value = []) : (d.value = e, b.value = [...e.relations]);
|
|
260
260
|
}
|
|
261
261
|
function H(e) {
|
|
262
262
|
const s = e.weight / Ke.value * l.value.style.links.maxWidth;
|
|
@@ -305,7 +305,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
305
305
|
active: T.value,
|
|
306
306
|
onClose: J
|
|
307
307
|
}, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
|
|
308
|
-
|
|
308
|
+
Ve.value ? (i(), n("div", {
|
|
309
309
|
key: 1,
|
|
310
310
|
ref_key: "noTitle",
|
|
311
311
|
ref: oe,
|
|
@@ -332,7 +332,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
332
332
|
}
|
|
333
333
|
}, null, 8, ["config"]))
|
|
334
334
|
], 512)) : f("", !0),
|
|
335
|
-
l.value.userOptions.show && De.value && (u(de) || u(
|
|
335
|
+
l.value.userOptions.show && De.value && (u(de) || u(G)) ? (i(), N(u(Te), {
|
|
336
336
|
ref: "details",
|
|
337
337
|
key: `user_options_${ie.value}`,
|
|
338
338
|
backgroundColor: l.value.style.backgroundColor,
|
|
@@ -357,7 +357,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
357
357
|
onGenerateImage: u(ge),
|
|
358
358
|
onToggleAnnotator: J,
|
|
359
359
|
style: z({
|
|
360
|
-
visibility: u(de) ? u(
|
|
360
|
+
visibility: u(de) ? u(G) ? "visible" : "hidden" : "visible"
|
|
361
361
|
})
|
|
362
362
|
}, vt({ _: 2 }, [
|
|
363
363
|
e.$slots.menuIcon ? {
|
|
@@ -465,7 +465,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
465
465
|
fill: u(Me)(x(t)),
|
|
466
466
|
"text-anchor": "middle",
|
|
467
467
|
"font-size": y.value
|
|
468
|
-
},
|
|
468
|
+
}, U(u(le)(
|
|
469
469
|
l.value.style.weightLabels.formatter,
|
|
470
470
|
t.weight,
|
|
471
471
|
u(se)({
|
|
@@ -477,7 +477,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
477
477
|
{ ...t }
|
|
478
478
|
)), 9, Dt)) : f("", !0)
|
|
479
479
|
]))), 256))
|
|
480
|
-
])) : (i(), n("g",
|
|
480
|
+
])) : (i(), n("g", Ut, [
|
|
481
481
|
(i(!0), n($, null, O(p.value, (t, a) => (i(), n("line", {
|
|
482
482
|
key: `relation_${a}`,
|
|
483
483
|
stroke: x(t),
|
|
@@ -489,8 +489,8 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
489
489
|
y2: t.y2,
|
|
490
490
|
class: te({ "vue-ui-relation-circle-selected": d.value.hasOwnProperty("id") && b.value.includes(t.id) }),
|
|
491
491
|
"stroke-linecap": "round"
|
|
492
|
-
}, null, 14,
|
|
493
|
-
(i(!0), n($, null, O(p.value, (t, a) => (i(), n("g",
|
|
492
|
+
}, null, 14, Vt))), 128)),
|
|
493
|
+
(i(!0), n($, null, O(p.value, (t, a) => (i(), n("g", Gt, [
|
|
494
494
|
P(t) ? g(e.$slots, "dataLabel", Pe({
|
|
495
495
|
key: 0,
|
|
496
496
|
ref_for: !0
|
|
@@ -517,7 +517,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
517
517
|
fill: u(Me)(x(t)),
|
|
518
518
|
"text-anchor": "middle",
|
|
519
519
|
"font-size": y.value
|
|
520
|
-
},
|
|
520
|
+
}, U(u(le)(
|
|
521
521
|
l.value.style.weightLabels.formatter,
|
|
522
522
|
t.weight,
|
|
523
523
|
u(se)({
|
|
@@ -550,7 +550,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["c
|
|
|
550
550
|
u(ce) ? (i(), n($, { key: 0 }, [
|
|
551
551
|
ze(" -------- ")
|
|
552
552
|
], 64)) : (i(), n($, { key: 1 }, [
|
|
553
|
-
ze(
|
|
553
|
+
ze(U(t.label) + " (" + U(u(le)(
|
|
554
554
|
l.value.style.weightLabels.formatter,
|
|
555
555
|
t.totalWeight,
|
|
556
556
|
u(se)({
|