vue-data-ui 2.16.4 → 2.16.6
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/README.md +2 -2
- package/dist/{Arrow-CQWVJ5sZ.js → Arrow-DCqxVwey.js} +1 -1
- package/dist/{BaseDraggableDialog-Fz8fA4VM.js → BaseDraggableDialog-6DIKXIBU.js} +2 -2
- package/dist/{BaseIcon-CfYrW3zO.js → BaseIcon-Bn996RXm.js} +1 -1
- package/dist/{ColorPicker-B2ITT7Lp.js → ColorPicker-OFfLkKNb.js} +2 -2
- package/dist/{DataTable-C6IBsdXI.js → DataTable-CHBLjKtZ.js} +2 -2
- package/dist/{Legend-bIoNrGWy.js → Legend-nBXoxXJH.js} +2 -2
- package/dist/{NonSvgPenAndPaper-BsSwoYpL.js → NonSvgPenAndPaper-Cls2idJS.js} +3 -3
- package/dist/{PackageVersion-DfefmcMg.js → PackageVersion-Bg_9KCU-.js} +1 -1
- package/dist/{PenAndPaper-CixPm-N0.js → PenAndPaper-BPTpbnay.js} +3 -3
- package/dist/{Shape-dKMmmbg5.js → Shape-Bnf512BA.js} +1 -1
- package/dist/{Slicer-szgfOkiL.js → Slicer-BrqtJG2E.js} +2 -2
- package/dist/{SparkTooltip-D_NmtqzO.js → SparkTooltip-C-rLATAw.js} +1 -1
- package/dist/{Title-DTuTBtAe.js → Title-Gi81VwUM.js} +1 -1
- package/dist/{Tooltip-CVPiPR9d.js → Tooltip-CJxVw7-T.js} +1 -1
- package/dist/{UserOptions-D8SRavqE.js → UserOptions-CBEK6_jo.js} +137 -129
- package/dist/{dom-to-png-Br5bL5eX.js → dom-to-png-CRHNL8VU.js} +1 -1
- package/dist/img-BgOg8opa.js +27 -0
- package/dist/{index-BsirVW_m.js → index-DvIXJm6t.js} +1 -1
- package/dist/{pdf-BBk37REU.js → pdf-DhTxBrbJ.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +2 -2
- package/dist/types/vue-data-ui.d.ts +2 -2
- package/dist/{useNestedProp-Ej-oqNyf.js → useNestedProp-DrYHm61t.js} +1 -1
- package/dist/{usePrinter-Dpd-vZym.js → usePrinter-CWnXbGMb.js} +2 -2
- package/dist/{vue-data-ui-Bd_shukQ.js → vue-data-ui-B8EWlMIK.js} +63 -63
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-Baaeejpi.js → vue-ui-3d-bar-CtlB4p7i.js} +42 -41
- package/dist/{vue-ui-accordion-D2TcT2US.js → vue-ui-accordion-D55kCO5G.js} +3 -3
- package/dist/{vue-ui-age-pyramid-BW2q5yMT.js → vue-ui-age-pyramid-DSshyUn-.js} +39 -38
- package/dist/{vue-ui-annotator-DR6dXmoQ.js → vue-ui-annotator-DQSMv_k2.js} +2 -2
- package/dist/{vue-ui-bullet-BYvOXGoO.js → vue-ui-bullet-FeScjj7q.js} +23 -22
- package/dist/{vue-ui-candlestick-DXGY7-1u.js → vue-ui-candlestick-Drupgyoi.js} +100 -99
- package/dist/{vue-ui-carousel-table-DpRdTSdS.js → vue-ui-carousel-table-BTZQRZfO.js} +17 -16
- package/dist/{vue-ui-chestnut--uqQw5gd.js → vue-ui-chestnut-DLWjPwRL.js} +64 -63
- package/dist/{vue-ui-chord-C6z1Oi8y.js → vue-ui-chord-BgLbFBT9.js} +87 -86
- package/dist/{vue-ui-circle-pack-BgtFPkv2.js → vue-ui-circle-pack-VXcRh2gy.js} +31 -30
- package/dist/{vue-ui-cursor-C_KZ7SW0.js → vue-ui-cursor-DWmfnM25.js} +2 -2
- package/dist/{vue-ui-dashboard-YSzYS59X.js → vue-ui-dashboard-CGIocEHj.js} +62 -62
- package/dist/{vue-ui-digits-B6Ej5XbC.js → vue-ui-digits-BgQch3Fc.js} +2 -2
- package/dist/{vue-ui-donut-BYouj_X8.js → vue-ui-donut-B59bCV5_.js} +74 -73
- package/dist/{vue-ui-donut-evolution-DHIMoo_a.js → vue-ui-donut-evolution-CI8qBIQd.js} +44 -43
- package/dist/{vue-ui-dumbbell-rHe7aWF7.js → vue-ui-dumbbell-CXv7sk88.js} +9 -8
- package/dist/{vue-ui-flow-hV-6uTPS.js → vue-ui-flow-DxF0ELtv.js} +9 -8
- package/dist/{vue-ui-funnel-45FdkG1w.js → vue-ui-funnel-Bco8rqF8.js} +20 -19
- package/dist/{vue-ui-galaxy-yg-YRwYP.js → vue-ui-galaxy-CaPJwwOj.js} +22 -21
- package/dist/{vue-ui-gauge-Ccf__w06.js → vue-ui-gauge-D7arhDmb.js} +8 -7
- package/dist/{vue-ui-gizmo-CxSBWMgK.js → vue-ui-gizmo-Dwli-Mip.js} +3 -3
- package/dist/{vue-ui-heatmap-Cz1GzvLQ.js → vue-ui-heatmap-Cyn-ahGO.js} +10 -9
- package/dist/{vue-ui-history-plot-DChEbCv0.js → vue-ui-history-plot-C2AEToqx.js} +27 -26
- package/dist/{vue-ui-kpi-D1cHw1LD.js → vue-ui-kpi-DKDibSdl.js} +3 -3
- package/dist/{vue-ui-mini-loader-FxoEnicn.js → vue-ui-mini-loader-B8OVutUx.js} +2 -2
- package/dist/{vue-ui-molecule-BvGzvTQc.js → vue-ui-molecule-BVSrqIGw.js} +22 -21
- package/dist/{vue-ui-mood-radar-DomwWh69.js → vue-ui-mood-radar-DvlyS3RN.js} +9 -8
- package/dist/{vue-ui-nested-donuts-BrC9S0cw.js → vue-ui-nested-donuts-D9ssSus6.js} +89 -88
- package/dist/{vue-ui-onion-YvCPFGpJ.js → vue-ui-onion-Buu4VX3u.js} +40 -39
- package/dist/{vue-ui-parallel-coordinate-plot-D_ji0o1R.js → vue-ui-parallel-coordinate-plot-DFLUvhxD.js} +29 -28
- package/dist/{vue-ui-quadrant-B1xa2r0Q.js → vue-ui-quadrant-BMC7NBGd.js} +90 -89
- package/dist/{vue-ui-quick-chart-ClCOLJ5y.js → vue-ui-quick-chart-DB9RKUkb.js} +59 -58
- package/dist/{vue-ui-radar-B460wd0h.js → vue-ui-radar-68NMPxxQ.js} +26 -25
- package/dist/{vue-ui-rating-D1_WFLlk.js → vue-ui-rating-swH9kRr3.js} +2 -2
- package/dist/{vue-ui-relation-circle-ECKEkE2-.js → vue-ui-relation-circle-CT-EdSjO.js} +11 -10
- package/dist/{vue-ui-ridgeline-E-1Lcv1j.js → vue-ui-ridgeline-DftROPaX.js} +10 -9
- package/dist/{vue-ui-rings-BsSwSht6.js → vue-ui-rings-M-9dPI5D.js} +45 -44
- package/dist/{vue-ui-scatter-CVEd6_m1.js → vue-ui-scatter-CsGhaFJh.js} +44 -43
- package/dist/{vue-ui-skeleton-CchtfQiJ.js → vue-ui-skeleton-BAOt2neL.js} +3 -3
- package/dist/{vue-ui-smiley-CkedzX6d.js → vue-ui-smiley-7_kIgPg-.js} +2 -2
- package/dist/{vue-ui-spark-trend-ByPzMHci.js → vue-ui-spark-trend-DHlQQpwz.js} +3 -3
- package/dist/{vue-ui-sparkbar-DoVR95AR.js → vue-ui-sparkbar-BnHhzuKf.js} +3 -3
- package/dist/{vue-ui-sparkgauge-B9WEsmn8.js → vue-ui-sparkgauge-WtfkCK8g.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-B5Ub1nsA.js → vue-ui-sparkhistogram-B2u4XLVd.js} +4 -4
- package/dist/{vue-ui-sparkline-BqHPNt6h.js → vue-ui-sparkline-DKIyUlSm.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BhL0IxK5.js → vue-ui-sparkstackbar-BLGz2qIb.js} +3 -3
- package/dist/{vue-ui-stackbar-CuSsigBj.js → vue-ui-stackbar-BDpMsTYe.js} +277 -275
- package/dist/{vue-ui-strip-plot-BTqp8p9u.js → vue-ui-strip-plot-5qDcYPnR.js} +22 -21
- package/dist/{vue-ui-table-Du7un5Fm.js → vue-ui-table-Bg5HIQ3O.js} +3 -3
- package/dist/{vue-ui-table-heatmap-YxGFfRC3.js → vue-ui-table-heatmap-DmjNy1q1.js} +26 -25
- package/dist/{vue-ui-table-sparkline-Bbt4GjUn.js → vue-ui-table-sparkline-CnkJkBk5.js} +8 -7
- package/dist/{vue-ui-thermometer-Cnc4zVKO.js → vue-ui-thermometer-RlD-9mJf.js} +30 -29
- package/dist/{vue-ui-timer-DgVQY-BQ.js → vue-ui-timer-Bes74INL.js} +5 -5
- package/dist/{vue-ui-tiremarks-BTHDxycu.js → vue-ui-tiremarks-DiLS3akQ.js} +29 -28
- package/dist/vue-ui-treemap-BG1Omm38.js +953 -0
- package/dist/{vue-ui-vertical-bar-C5aombcF.js → vue-ui-vertical-bar-CwqQyZFX.js} +39 -38
- package/dist/{vue-ui-waffle-DHDmy4xh.js → vue-ui-waffle-Ce3T4BPp.js} +10 -9
- package/dist/{vue-ui-wheel-DmPltDq0.js → vue-ui-wheel-6B0WTkf2.js} +34 -33
- package/dist/{vue-ui-word-cloud-D15rS85A.js → vue-ui-word-cloud-ByYZCOh7.js} +42 -41
- package/dist/{vue-ui-world-9lR_bov_.js → vue-ui-world-B9PxVO4n.js} +8 -7
- package/dist/{vue-ui-xy-DnEdi5Hn.js → vue-ui-xy-DtJ7qJib.js} +69 -68
- package/dist/{vue-ui-xy-canvas-BaZZ7r1e.js → vue-ui-xy-canvas-S6YpFgzs.js} +131 -130
- package/package.json +1 -1
- package/dist/img-BOi0vhPf.js +0 -20
- package/dist/vue-ui-treemap-B96LGRM_.js +0 -952
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineAsyncComponent as ce, ref as n, useSlots as
|
|
2
|
-
import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-
|
|
3
|
-
import { u as Le } from "./useNestedProp-
|
|
4
|
-
import { u as Ge } from "./usePrinter-
|
|
1
|
+
import { defineAsyncComponent as ce, ref as n, useSlots as Se, onMounted as A, computed as R, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as S, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
|
|
2
|
+
import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-DvIXJm6t.js";
|
|
3
|
+
import { u as Le } from "./useNestedProp-DrYHm61t.js";
|
|
4
|
+
import { u as Ge } from "./usePrinter-CWnXbGMb.js";
|
|
5
5
|
import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
|
|
6
6
|
import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
7
7
|
const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
setup(T, { expose: ye }) {
|
|
28
|
-
const Ce = ce(() => import("./vue-ui-skeleton-
|
|
28
|
+
const Ce = ce(() => import("./vue-ui-skeleton-BAOt2neL.js")), $e = ce(() => import("./UserOptions-CBEK6_jo.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = Se();
|
|
29
29
|
A(() => {
|
|
30
30
|
Y();
|
|
31
31
|
}), A(() => {
|
|
@@ -66,7 +66,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
|
66
66
|
options: e.value.userOptions.print
|
|
67
67
|
}), m = n({
|
|
68
68
|
showAnimation: e.value.animation.use
|
|
69
|
-
}), l = n(null), ne = n(null), x = n(null), I = n(null), F = n(0),
|
|
69
|
+
}), l = n(null), ne = n(null), x = n(null), I = n(null), F = n(0), z = n(0), E = n(!1), B = n(null), b = n(null), k = n(0);
|
|
70
70
|
function q() {
|
|
71
71
|
B.value && (b.value = {
|
|
72
72
|
elements: B.value.getElementsByTagName("tr"),
|
|
@@ -74,9 +74,9 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
A(q);
|
|
77
|
-
const we = R(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value +
|
|
77
|
+
const we = R(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = R(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = R(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Oe.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
|
|
78
78
|
A(() => {
|
|
79
|
-
x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (
|
|
79
|
+
x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), m.value.showAnimation && b.value && ie();
|
|
80
80
|
}), A(() => {
|
|
81
81
|
if (l.value) {
|
|
82
82
|
let o = function() {
|
|
@@ -149,12 +149,12 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
|
149
149
|
}), $();
|
|
150
150
|
}
|
|
151
151
|
);
|
|
152
|
-
const Re = R(() => e.value.responsiveBreakpoint), H =
|
|
152
|
+
const Re = R(() => e.value.responsiveBreakpoint), H = ze(null);
|
|
153
153
|
A(() => {
|
|
154
154
|
H.value = new ResizeObserver((t) => {
|
|
155
155
|
t.forEach((a) => {
|
|
156
156
|
E.value = a.contentRect.width < Re.value;
|
|
157
|
-
}), F.value = x.value ? x.value.getBoundingClientRect().height : 0,
|
|
157
|
+
}), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, fe(() => {
|
|
158
158
|
g(), d.value = 0, c.value = 0, q(), $();
|
|
159
159
|
});
|
|
160
160
|
}), l.value && H.value.observe(l.value);
|
|
@@ -312,10 +312,10 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
|
312
312
|
p(t.$slots, "td", me({ ref_for: !0 }, { td: f, rowIndex: s, colIndex: P }), void 0, !0)
|
|
313
313
|
], 12, Ke))), 256))
|
|
314
314
|
], 4))), 256))
|
|
315
|
-
], 512)) :
|
|
316
|
-
], 4)) :
|
|
315
|
+
], 512)) : S("", !0)
|
|
316
|
+
], 4)) : S("", !0)
|
|
317
317
|
], 46, je),
|
|
318
|
-
O.value ?
|
|
318
|
+
O.value ? S("", !0) : (r(), he(u(Ce), {
|
|
319
319
|
key: 0,
|
|
320
320
|
config: {
|
|
321
321
|
type: "table"
|
|
@@ -345,6 +345,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
|
345
345
|
zIndex: 3,
|
|
346
346
|
offsetX: 12,
|
|
347
347
|
callbacks: e.value.userOptions.callbacks,
|
|
348
|
+
printScale: e.value.userOptions.print.scale,
|
|
348
349
|
onGeneratePdf: de,
|
|
349
350
|
onGenerateCsv: pe,
|
|
350
351
|
onGenerateImage: u(oe),
|
|
@@ -396,13 +397,13 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
|
|
|
396
397
|
]),
|
|
397
398
|
key: "5"
|
|
398
399
|
} : void 0
|
|
399
|
-
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "callbacks", "onGenerateImage", "style"])) :
|
|
400
|
+
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "callbacks", "printScale", "onGenerateImage", "style"])) : S("", !0),
|
|
400
401
|
t.$slots.source ? (r(), v("div", Qe, [
|
|
401
402
|
p(t.$slots, "source", {}, void 0, !0)
|
|
402
|
-
], 512)) :
|
|
403
|
+
], 512)) : S("", !0)
|
|
403
404
|
], 544));
|
|
404
405
|
}
|
|
405
|
-
}, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-
|
|
406
|
+
}, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-5e8a4ea5"]]);
|
|
406
407
|
export {
|
|
407
408
|
ot as default
|
|
408
409
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useCssVars as at, defineAsyncComponent as H, computed as m, ref as z, watch as ot, shallowRef as st, onMounted as ut, onBeforeUnmount as nt, createElementBlock as o, openBlock as a, unref as s, normalizeStyle as y, normalizeClass as k, createBlock as Z, createCommentVNode as h, renderSlot as F, createSlots as rt, withCtx as A, normalizeProps as ee, guardReactiveProps as te, createVNode as
|
|
2
|
-
import { u as ct, c as dt, t as vt, p as
|
|
3
|
-
import { u as Pe } from "./useNestedProp-
|
|
4
|
-
import { u as xt } from "./usePrinter-
|
|
1
|
+
import { useCssVars as at, defineAsyncComponent as H, computed as m, ref as z, watch as ot, shallowRef as st, onMounted as ut, onBeforeUnmount as nt, createElementBlock as o, openBlock as a, unref as s, normalizeStyle as y, normalizeClass as k, createBlock as Z, createCommentVNode as h, renderSlot as F, createSlots as rt, withCtx as A, normalizeProps as ee, guardReactiveProps as te, createVNode as Se, createElementVNode as u, toDisplayString as c, Fragment as p, renderList as g, createTextVNode as le, withKeys as it, nextTick as Ne } from "vue";
|
|
2
|
+
import { u as ct, c as dt, t as vt, p as O, a as yt, b as ht, g as ce, e as ae, d as de, o as ft, X as bt, s as I, w as Fe, i as G, f as S, F as Ie, m as Le, j as pt, k as J, n as V, q as gt, r as _t } from "./index-DvIXJm6t.js";
|
|
3
|
+
import { u as Pe } from "./useNestedProp-DrYHm61t.js";
|
|
4
|
+
import { u as xt } from "./usePrinter-CWnXbGMb.js";
|
|
5
5
|
import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
6
6
|
import { u as kt } from "./useChartAccessibility-9icAAmYg.js";
|
|
7
7
|
import { _ as wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -10,7 +10,7 @@ const $t = ["id"], Ct = {
|
|
|
10
10
|
ref: "noTitle",
|
|
11
11
|
class: "vue-data-ui-no-title-space",
|
|
12
12
|
style: "height:36px; width: 100%;background:transparent"
|
|
13
|
-
}, Tt = ["xmlns", "viewBox"], zt = ["width", "height"],
|
|
13
|
+
}, Tt = ["xmlns", "viewBox"], zt = ["width", "height"], St = { key: 1 }, Nt = ["fill", "font-weight", "font-size", "x", "y"], Ft = ["fill", "font-weight", "font-size", "x", "y"], It = ["id"], Lt = ["stop-color"], Pt = ["stop-color"], Ot = ["id"], Vt = ["stop-color"], Rt = ["stop-color"], Mt = ["id"], Bt = ["stop-color"], At = ["stop-color"], jt = ["stop-color"], Xt = ["id"], Et = ["stop-color"], Gt = ["stop-color"], Ut = ["stop-color"], Dt = ["id"], Yt = ["stop-color"], qt = ["stop-color"], Ht = ["stop-color"], Wt = { key: 2 }, Kt = ["x", "y", "font-size", "font-weight", "fill"], Jt = ["x", "y", "font-size", "font-weight", "fill"], Qt = ["d", "stroke"], Zt = ["cx", "cy", "r", "fill"], el = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], tl = { key: 3 }, ll = ["x", "y", "font-size", "fill", "onClick"], al = { key: 0 }, ol = ["x", "y", "fill", "font-size", "font-weight"], sl = ["x", "y", "height", "width", "fill", "rx", "onClick"], ul = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], nl = { key: 4 }, rl = ["x", "y", "fill", "font-size", "onClick"], il = ["d", "stroke"], cl = ["fill", "cx", "cy", "r", "onClick"], dl = { key: 5 }, vl = ["x", "y", "font-size", "font-weight", "fill"], yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hl = ["y", "height", "width"], fl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, bl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, pl = {
|
|
14
14
|
viewBox: "0 0 20 20",
|
|
15
15
|
height: "16",
|
|
16
16
|
width: "16"
|
|
@@ -18,14 +18,14 @@ const $t = ["id"], Ct = {
|
|
|
18
18
|
viewBox: "0 0 20 20",
|
|
19
19
|
height: "16",
|
|
20
20
|
width: "16"
|
|
21
|
-
}, $l = ["fill"], Cl = ["cx", "cy", "fill"], Tl = ["d", "stroke"], zl = ["cx", "cy", "fill"],
|
|
21
|
+
}, $l = ["fill"], Cl = ["cx", "cy", "fill"], Tl = ["d", "stroke"], zl = ["cx", "cy", "fill"], Sl = ["d", "stroke"], Nl = ["cx", "cy", "fill"], Fl = ["cx", "cy", "fill"], Il = ["x", "y", "fill", "font-size", "font-weight"], Ll = ["x", "y", "fill", "font-size", "font-weight"], Pl = ["x", "text-anchor", "y", "fill", "font-size"], Ol = ["x", "text-anchor", "y", "fill", "font-size"], Vl = ["x", "text-anchor", "y", "fill", "font-size"], Rl = ["x", "text-anchor", "y", "fill", "font-size"], Ml = ["x", "text-anchor", "y", "fill", "font-size"], Bl = ["x", "y", "font-size", "fill"], Al = ["x", "y", "font-size", "fill"], jl = ["x", "y", "font-size", "fill"], Xl = {
|
|
22
22
|
key: 4,
|
|
23
23
|
class: "vue-data-ui-watermark"
|
|
24
24
|
}, El = {
|
|
25
25
|
key: 6,
|
|
26
26
|
ref: "source",
|
|
27
27
|
dir: "auto"
|
|
28
|
-
}, Gl = { style: { "padding-top": "36px", position: "relative" } }, Ul = { class: "vue-ui-data-table" }, Dl = { key: 0 }, Yl = ["data-cell"], ql = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Hl = { key: 0 }, Wl = { key: 1 }, Kl = ["data-cell"], Jl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ql = { key: 0 }, Zl = { key: 1 }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = { key: 0 }, aa = { key: 1 }, oa = ["data-cell"], sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ua = { key: 0 }, na = { key: 1 }, ra = ["data-cell"], ia = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ca = { key: 0 }, da = { key: 1 }, va = ["data-cell"], ya = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = { key: 0 }, fa = { key: 1 }, ba = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ga = { key: 0 }, _a = { key: 1 }, xa = ["data-cell"], ma = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $a = ["data-cell"], Ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ta = ["data-cell"], za = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } },
|
|
28
|
+
}, Gl = { style: { "padding-top": "36px", position: "relative" } }, Ul = { class: "vue-ui-data-table" }, Dl = { key: 0 }, Yl = ["data-cell"], ql = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Hl = { key: 0 }, Wl = { key: 1 }, Kl = ["data-cell"], Jl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ql = { key: 0 }, Zl = { key: 1 }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = { key: 0 }, aa = { key: 1 }, oa = ["data-cell"], sa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ua = { key: 0 }, na = { key: 1 }, ra = ["data-cell"], ia = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ca = { key: 0 }, da = { key: 1 }, va = ["data-cell"], ya = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = { key: 0 }, fa = { key: 1 }, ba = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ga = { key: 0 }, _a = { key: 1 }, xa = ["data-cell"], ma = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $a = ["data-cell"], Ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ta = ["data-cell"], za = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Sa = ["data-cell"], Na = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Fa = {
|
|
29
29
|
__name: "vue-ui-chestnut",
|
|
30
30
|
props: {
|
|
31
31
|
config: {
|
|
@@ -42,11 +42,11 @@ const $t = ["id"], Ct = {
|
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
44
|
emits: ["selectRoot", "selectBranch", "selectNut"],
|
|
45
|
-
setup(
|
|
45
|
+
setup(Oe, { expose: Ve, emit: Re }) {
|
|
46
46
|
at((l) => ({
|
|
47
|
-
"
|
|
47
|
+
"05fffe32": l.tdo
|
|
48
48
|
}));
|
|
49
|
-
const Me = H(() => import("./PenAndPaper-
|
|
49
|
+
const Me = H(() => import("./PenAndPaper-BPTpbnay.js")), Be = H(() => import("./vue-ui-accordion-D55kCO5G.js")), Ae = H(() => import("./vue-ui-skeleton-BAOt2neL.js")), je = H(() => import("./UserOptions-CBEK6_jo.js")), Xe = H(() => import("./PackageVersion-Bg_9KCU-.js")), Ee = H(() => import("./BaseIcon-Bn996RXm.js")), { vue_ui_chestnut: Ge } = ct(), R = Oe, W = m(() => !!R.dataset && R.dataset.length), w = z(dt()), ve = z(null), Ue = z(null), ye = z(0), e = m({
|
|
50
50
|
get: () => pe(),
|
|
51
51
|
set: (l) => l
|
|
52
52
|
}), { userOptionsVisible: oe, setUserOptionsVisibility: he, keepUserOptionState: fe } = mt({ config: e.value }), { svgRef: be } = kt({ config: e.value.style.chart.layout.title });
|
|
@@ -60,7 +60,7 @@ const $t = ["id"], Ct = {
|
|
|
60
60
|
userConfig: yt.vue_ui_chestnut[l.theme] || R.config,
|
|
61
61
|
defaultConfig: l
|
|
62
62
|
}),
|
|
63
|
-
customPalette: vt[l.theme] ||
|
|
63
|
+
customPalette: vt[l.theme] || O
|
|
64
64
|
} : l;
|
|
65
65
|
}
|
|
66
66
|
ot(() => R.config, (l) => {
|
|
@@ -92,7 +92,7 @@ const $t = ["id"], Ct = {
|
|
|
92
92
|
width: r.value.width - (r.value.padding.left + r.value.padding.right),
|
|
93
93
|
height: r.value.height - (r.value.padding.top + r.value.padding.bottom),
|
|
94
94
|
seedX: r.value.padding.left + 64
|
|
95
|
-
})), M = m(() => W.value ? R.dataset.flatMap((l) => (l.branches || []).map((i) => i.value || 0)).reduce((l, i) => l + i, 0) : 0),
|
|
95
|
+
})), M = m(() => W.value ? R.dataset.flatMap((l) => (l.branches || []).map((i) => i.value || 0)).reduce((l, i) => l + i, 0) : 0), N = m(() => (R.dataset.forEach((l, i) => {
|
|
96
96
|
ce({
|
|
97
97
|
datasetObject: l,
|
|
98
98
|
requiredAttributes: ["name", "branches"]
|
|
@@ -132,7 +132,7 @@ const $t = ["id"], Ct = {
|
|
|
132
132
|
const t = (l.branches || []).map((n) => n.value || 0).reduce((n, b) => n + b, 0);
|
|
133
133
|
return {
|
|
134
134
|
...l,
|
|
135
|
-
color: de(l.color) || se.value[i] ||
|
|
135
|
+
color: de(l.color) || se.value[i] || O[i] || O[i % O.length],
|
|
136
136
|
id: l.id || `root_${i}_${w.value}`,
|
|
137
137
|
type: "root",
|
|
138
138
|
total: t,
|
|
@@ -141,7 +141,7 @@ const $t = ["id"], Ct = {
|
|
|
141
141
|
...n,
|
|
142
142
|
rootName: l.name,
|
|
143
143
|
rootIndex: i,
|
|
144
|
-
color: de(l.color) || se.value[i] ||
|
|
144
|
+
color: de(l.color) || se.value[i] || O[i] || O[i % O.length],
|
|
145
145
|
value: n.value >= 0 ? n.value : 0,
|
|
146
146
|
id: n.id || `branch_${i}_${b}_${w.value}`,
|
|
147
147
|
proportionToRoot: n.value / t,
|
|
@@ -171,21 +171,21 @@ const $t = ["id"], Ct = {
|
|
|
171
171
|
proportionToTree: x.value / M.value,
|
|
172
172
|
rootIndex: i,
|
|
173
173
|
id: x.id || `nut_${i}_${b}_${f}_${w.value}`,
|
|
174
|
-
color: de(x.color) || se.value[f] ||
|
|
174
|
+
color: de(x.color) || se.value[f] || O[f] || O[f % O.length],
|
|
175
175
|
value: x.value >= 0 ? x.value : 0
|
|
176
176
|
}))
|
|
177
177
|
}))
|
|
178
178
|
};
|
|
179
179
|
})));
|
|
180
180
|
function qe() {
|
|
181
|
-
return
|
|
181
|
+
return N.value;
|
|
182
182
|
}
|
|
183
|
-
const D = Re, He = m(() =>
|
|
184
|
-
const t = C.value.height /
|
|
183
|
+
const D = Re, He = m(() => N.value.flatMap((l) => l.branches).length), We = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), Ke = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), we = m(() => 256 + r.value.padding.left), j = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
|
|
184
|
+
const t = C.value.height / N.value.length / 2, n = l.total / We.value * (t > 64 ? 64 : t);
|
|
185
185
|
return {
|
|
186
186
|
...l,
|
|
187
187
|
x: C.value.seedX,
|
|
188
|
-
y: C.value.top + C.value.height /
|
|
188
|
+
y: C.value.top + C.value.height / N.value.length * (i + 1) - (C.value.height / N.value.length / 2 + r.value.gap / 2),
|
|
189
189
|
r: n < r.value.branchSize / 2 ? r.value.branchSize / 2 : n
|
|
190
190
|
};
|
|
191
191
|
})), Je = m(() => e.value.style.chart.layout.branches.widthRatio <= 0 ? 0.1 : e.value.style.chart.layout.branches.widthRatio > 1.8 ? 1.8 : e.value.style.chart.layout.branches.widthRatio), Qe = m(() => j.value.flatMap((l) => l.branches)), X = m(() => Qe.value.sort((l, i) => i.value - l.value).map((l, i) => ({
|
|
@@ -207,7 +207,7 @@ const $t = ["id"], Ct = {
|
|
|
207
207
|
return L.value ? L.value === null ? !0 : l.type === "root" ? l.id === L.value.id : l.rootIndex === L.value.rootIndex : d.value === null && _.value === null ? !0 : l.type === "nut" ? d.value.id === l.id : l.type === "branch" ? _.value.id === l.id : l.type === "root" ? _.value && _.value.rootIndex === l.rootIndex || d.value && d.value.rootIndex === l.rootIndex : !1;
|
|
208
208
|
}
|
|
209
209
|
function Ze(l) {
|
|
210
|
-
$(),
|
|
210
|
+
$(), Ne(() => {
|
|
211
211
|
d.value = l, _.value = l, B.value = Le(
|
|
212
212
|
{ series: l.breakdown, base: 1 },
|
|
213
213
|
l.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
|
|
@@ -267,11 +267,11 @@ const $t = ["id"], Ct = {
|
|
|
267
267
|
e.value.table.th.translations.nutToBranch,
|
|
268
268
|
e.value.table.th.translations.nutToRoot,
|
|
269
269
|
e.value.table.th.translations.nutToTotal
|
|
270
|
-
], i =
|
|
270
|
+
], i = N.value.flatMap((t, n) => t.branches.flatMap((b, x) => b.breakdown.flatMap((f, T) => f.table)));
|
|
271
271
|
return { head: l, body: i };
|
|
272
272
|
});
|
|
273
273
|
function Te(l = null) {
|
|
274
|
-
|
|
274
|
+
Ne(() => {
|
|
275
275
|
const i = [[e.value.style.chart.layout.title.text], [e.value.style.chart.layout.title.subtitle.text], [""], ["Grand total", M.value], [""]], t = v.value.head, n = v.value.body.map((f, T) => [
|
|
276
276
|
v.value.body[T - 1] && v.value.body[T - 1].rootName === f.rootName ? "" : f.rootName,
|
|
277
277
|
v.value.body[T - 1] && v.value.body[T - 1].rootName === f.rootName ? "" : f.rootValue,
|
|
@@ -300,7 +300,7 @@ const $t = ["id"], Ct = {
|
|
|
300
300
|
function ie() {
|
|
301
301
|
Q.value = !Q.value;
|
|
302
302
|
}
|
|
303
|
-
return
|
|
303
|
+
return Ve({
|
|
304
304
|
getData: qe,
|
|
305
305
|
generatePdf: xe,
|
|
306
306
|
generateCsv: Te,
|
|
@@ -346,6 +346,7 @@ const $t = ["id"], Ct = {
|
|
|
346
346
|
hasAnnotator: e.value.userOptions.buttons.annotator,
|
|
347
347
|
isAnnotation: Q.value,
|
|
348
348
|
callbacks: e.value.userOptions.callbacks,
|
|
349
|
+
printScale: e.value.userOptions.print.scale,
|
|
349
350
|
onToggleFullscreen: lt,
|
|
350
351
|
onGeneratePdf: s(xe),
|
|
351
352
|
onGenerateCsv: Te,
|
|
@@ -405,7 +406,7 @@ const $t = ["id"], Ct = {
|
|
|
405
406
|
]),
|
|
406
407
|
key: "6"
|
|
407
408
|
} : void 0
|
|
408
|
-
]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
|
|
409
|
+
]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
|
|
409
410
|
r.value.height > 0 && W.value ? (a(), o("svg", {
|
|
410
411
|
key: 3,
|
|
411
412
|
ref_key: "svgRef",
|
|
@@ -415,7 +416,7 @@ const $t = ["id"], Ct = {
|
|
|
415
416
|
viewBox: `0 0 ${r.value.width <= 0 ? 10 : r.value.width} ${r.value.height <= 0 ? 10 : r.value.height}`,
|
|
416
417
|
style: y(`overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
|
|
417
418
|
}, [
|
|
418
|
-
|
|
419
|
+
Se(s(Xe)),
|
|
419
420
|
l.$slots["chart-background"] ? (a(), o("foreignObject", {
|
|
420
421
|
key: 0,
|
|
421
422
|
x: 0,
|
|
@@ -428,7 +429,7 @@ const $t = ["id"], Ct = {
|
|
|
428
429
|
}, [
|
|
429
430
|
F(l.$slots, "chart-background", {}, void 0, !0)
|
|
430
431
|
], 8, zt)) : h("", !0),
|
|
431
|
-
d.value ? h("", !0) : (a(), o("g",
|
|
432
|
+
d.value ? h("", !0) : (a(), o("g", St, [
|
|
432
433
|
e.value.style.chart.layout.title.text ? (a(), o("text", {
|
|
433
434
|
key: 0,
|
|
434
435
|
"text-anchor": "middle",
|
|
@@ -438,7 +439,7 @@ const $t = ["id"], Ct = {
|
|
|
438
439
|
x: r.value.width / 2,
|
|
439
440
|
y: 12 + e.value.style.chart.layout.title.fontSize + e.value.style.chart.layout.title.offsetY,
|
|
440
441
|
onClick: $
|
|
441
|
-
}, c(e.value.style.chart.layout.title.text), 9,
|
|
442
|
+
}, c(e.value.style.chart.layout.title.text), 9, Nt)) : h("", !0),
|
|
442
443
|
e.value.style.chart.layout.title.subtitle.text ? (a(), o("text", {
|
|
443
444
|
key: 1,
|
|
444
445
|
"text-anchor": "middle",
|
|
@@ -451,7 +452,7 @@ const $t = ["id"], Ct = {
|
|
|
451
452
|
}, c(e.value.style.chart.layout.title.subtitle.text), 9, Ft)) : h("", !0)
|
|
452
453
|
])),
|
|
453
454
|
u("defs", null, [
|
|
454
|
-
(a(!0), o(p, null, g(
|
|
455
|
+
(a(!0), o(p, null, g(N.value, (t, n) => (a(), o("radialGradient", {
|
|
455
456
|
cx: "50%",
|
|
456
457
|
cy: "50%",
|
|
457
458
|
r: "50%",
|
|
@@ -468,7 +469,7 @@ const $t = ["id"], Ct = {
|
|
|
468
469
|
"stop-color": t.color
|
|
469
470
|
}, null, 8, Pt)
|
|
470
471
|
], 8, It))), 256)),
|
|
471
|
-
(a(!0), o(p, null, g(
|
|
472
|
+
(a(!0), o(p, null, g(N.value, (t) => (a(), o("linearGradient", {
|
|
472
473
|
x1: "0%",
|
|
473
474
|
y1: "0%",
|
|
474
475
|
x2: "100%",
|
|
@@ -478,12 +479,12 @@ const $t = ["id"], Ct = {
|
|
|
478
479
|
u("stop", {
|
|
479
480
|
offset: "0%",
|
|
480
481
|
"stop-color": t.color
|
|
481
|
-
}, null, 8,
|
|
482
|
+
}, null, 8, Vt),
|
|
482
483
|
u("stop", {
|
|
483
484
|
offset: "100%",
|
|
484
485
|
"stop-color": s(I)(s(Fe)(t.color, 0.02), 100 - e.value.style.chart.layout.branches.gradientIntensity)
|
|
485
486
|
}, null, 8, Rt)
|
|
486
|
-
], 8,
|
|
487
|
+
], 8, Ot))), 256)),
|
|
487
488
|
u("radialGradient", {
|
|
488
489
|
cx: "50%",
|
|
489
490
|
cy: "50%",
|
|
@@ -569,7 +570,7 @@ const $t = ["id"], Ct = {
|
|
|
569
570
|
}, c(s(G)(
|
|
570
571
|
e.value.style.chart.layout.grandTotal.formatter,
|
|
571
572
|
M.value,
|
|
572
|
-
s(
|
|
573
|
+
s(S)({
|
|
573
574
|
p: e.value.style.chart.layout.grandTotal.prefix,
|
|
574
575
|
v: M.value,
|
|
575
576
|
s: e.value.style.chart.layout.grandTotal.suffix,
|
|
@@ -624,7 +625,7 @@ const $t = ["id"], Ct = {
|
|
|
624
625
|
}, c(s(G)(
|
|
625
626
|
e.value.style.chart.layout.roots.labels.formatter,
|
|
626
627
|
t.total,
|
|
627
|
-
s(
|
|
628
|
+
s(S)({
|
|
628
629
|
p: e.value.style.chart.layout.roots.labels.prefix,
|
|
629
630
|
v: t.total,
|
|
630
631
|
s: e.value.style.chart.layout.roots.labels.suffix,
|
|
@@ -684,7 +685,7 @@ const $t = ["id"], Ct = {
|
|
|
684
685
|
}, c(s(G)(
|
|
685
686
|
e.value.style.chart.layout.branches.labels.dataLabels.formatter,
|
|
686
687
|
t.value,
|
|
687
|
-
s(
|
|
688
|
+
s(S)({
|
|
688
689
|
p: e.value.style.chart.layout.branches.labels.dataLabels.prefix,
|
|
689
690
|
v: t.value,
|
|
690
691
|
s: e.value.style.chart.layout.branches.labels.dataLabels.suffix,
|
|
@@ -763,7 +764,7 @@ const $t = ["id"], Ct = {
|
|
|
763
764
|
u("b", null, c(s(G)(
|
|
764
765
|
e.value.style.chart.layout.roots.labels.formatter,
|
|
765
766
|
t.total,
|
|
766
|
-
s(
|
|
767
|
+
s(S)({
|
|
767
768
|
p: e.value.style.chart.layout.legend.prefix,
|
|
768
769
|
v: t.total,
|
|
769
770
|
s: e.value.style.chart.layout.legend.suffix,
|
|
@@ -771,7 +772,7 @@ const $t = ["id"], Ct = {
|
|
|
771
772
|
}),
|
|
772
773
|
{ datapoint: t }
|
|
773
774
|
)), 1),
|
|
774
|
-
le(" (" + c(s(
|
|
775
|
+
le(" (" + c(s(S)({
|
|
775
776
|
v: t.total / M.value * 100,
|
|
776
777
|
s: "%",
|
|
777
778
|
r: e.value.style.chart.layout.legend.roundingPercentage
|
|
@@ -859,7 +860,7 @@ const $t = ["id"], Ct = {
|
|
|
859
860
|
fill: "none",
|
|
860
861
|
onClick: E,
|
|
861
862
|
class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
|
|
862
|
-
}, null, 10,
|
|
863
|
+
}, null, 10, Sl))), 256)),
|
|
863
864
|
u("circle", {
|
|
864
865
|
cx: d.value.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
|
|
865
866
|
cy: d.value.y1 + r.value.branchSize / 2,
|
|
@@ -867,7 +868,7 @@ const $t = ["id"], Ct = {
|
|
|
867
868
|
fill: `url(#nutpick_${w.value})`,
|
|
868
869
|
onClick: E,
|
|
869
870
|
class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
|
|
870
|
-
}, null, 10,
|
|
871
|
+
}, null, 10, Nl),
|
|
871
872
|
u("circle", {
|
|
872
873
|
cx: d.value.x2 + 24 + e.value.style.chart.layout.nuts.offsetX,
|
|
873
874
|
cy: d.value.y1 + r.value.branchSize / 2,
|
|
@@ -898,7 +899,7 @@ const $t = ["id"], Ct = {
|
|
|
898
899
|
}, c(s(G)(
|
|
899
900
|
e.value.style.chart.layout.nuts.selected.labels.dataLabels.formatter,
|
|
900
901
|
d.value.value,
|
|
901
|
-
s(
|
|
902
|
+
s(S)({
|
|
902
903
|
p: e.value.style.chart.layout.nuts.selected.labels.core.value.prefix,
|
|
903
904
|
v: d.value.value,
|
|
904
905
|
s: e.value.style.chart.layout.nuts.selected.labels.core.value.suffix,
|
|
@@ -909,8 +910,8 @@ const $t = ["id"], Ct = {
|
|
|
909
910
|
(a(!0), o(p, null, g(B.value, (t, n) => (a(), o("g", null, [
|
|
910
911
|
Y(t) ? (a(), o("text", {
|
|
911
912
|
key: 0,
|
|
912
|
-
x: s(
|
|
913
|
-
"text-anchor": s(
|
|
913
|
+
x: s(V)(t).x,
|
|
914
|
+
"text-anchor": s(V)(t).anchor,
|
|
914
915
|
y: s(J)(t) - e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 6,
|
|
915
916
|
fill: t.color,
|
|
916
917
|
"font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 2,
|
|
@@ -919,64 +920,64 @@ const $t = ["id"], Ct = {
|
|
|
919
920
|
}, " ⬤ ", 14, Pl)) : h("", !0),
|
|
920
921
|
Y(t) ? (a(), o("text", {
|
|
921
922
|
key: 1,
|
|
922
|
-
x: s(
|
|
923
|
-
"text-anchor": s(
|
|
923
|
+
x: s(V)(t, !0).x,
|
|
924
|
+
"text-anchor": s(V)(t, !0).anchor,
|
|
924
925
|
y: s(J)(t),
|
|
925
926
|
fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
|
|
926
927
|
"font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
|
|
927
928
|
style: y(`font-weight:${e.value.style.chart.layout.nuts.selected.labels.dataLabels.bold ? "bold" : ""}`),
|
|
928
929
|
class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
|
|
929
|
-
}, c(d.value.breakdown[n].name), 15,
|
|
930
|
+
}, c(d.value.breakdown[n].name), 15, Ol)) : h("", !0)
|
|
930
931
|
]))), 256)),
|
|
931
932
|
(a(!0), o(p, null, g(B.value, (t, n) => (a(), o("g", null, [
|
|
932
933
|
Y(t) ? (a(), o("text", {
|
|
933
934
|
key: 0,
|
|
934
|
-
x: s(
|
|
935
|
-
"text-anchor": s(
|
|
935
|
+
x: s(V)(t, !0).x,
|
|
936
|
+
"text-anchor": s(V)(t).anchor,
|
|
936
937
|
y: s(J)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
|
|
937
938
|
fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
|
|
938
939
|
"font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
|
|
939
940
|
style: y(`font-weight:${e.value.style.chart.layout.nuts.selected.labels.dataLabels.bold ? "bold" : ""}`),
|
|
940
941
|
class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
|
|
941
|
-
}, c(s(
|
|
942
|
+
}, c(s(S)({
|
|
942
943
|
v: d.value.breakdown[n].value / d.value.value * 100,
|
|
943
944
|
s: "%",
|
|
944
945
|
r: e.value.style.chart.layout.nuts.selected.labels.roundingPercentage
|
|
945
946
|
})) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[n].branchName) + " " + c(s(G)(
|
|
946
947
|
e.value.style.chart.layout.nuts.selected.labels.dataLabels.formatter,
|
|
947
948
|
d.value.breakdown[n].value,
|
|
948
|
-
s(
|
|
949
|
+
s(S)({
|
|
949
950
|
p: e.value.style.chart.layout.nuts.selected.labels.dataLabels.prefix,
|
|
950
951
|
v: d.value.breakdown[n].value,
|
|
951
952
|
s: e.value.style.chart.layout.nuts.selected.labels.dataLabels.suffix,
|
|
952
953
|
r: e.value.style.chart.layout.nuts.selected.roundingValue
|
|
953
954
|
}),
|
|
954
955
|
{ datapoint: B.value, seriesIndex: n }
|
|
955
|
-
)), 15,
|
|
956
|
+
)), 15, Vl)) : h("", !0),
|
|
956
957
|
Y(t) ? (a(), o("text", {
|
|
957
958
|
key: 1,
|
|
958
|
-
x: s(
|
|
959
|
-
"text-anchor": s(
|
|
959
|
+
x: s(V)(t, !0).x,
|
|
960
|
+
"text-anchor": s(V)(t).anchor,
|
|
960
961
|
y: s(J)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 2,
|
|
961
962
|
fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
|
|
962
963
|
"font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
|
|
963
964
|
style: y(`font-weight:${e.value.style.chart.layout.nuts.selected.labels.dataLabels.bold ? "bold" : ""}`),
|
|
964
965
|
class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
|
|
965
|
-
}, c(s(
|
|
966
|
+
}, c(s(S)({
|
|
966
967
|
v: d.value.breakdown[n].proportionToRoot * 100,
|
|
967
968
|
s: "%",
|
|
968
969
|
r: e.value.style.chart.layout.nuts.selected.labels.roundingPercentage
|
|
969
970
|
})) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[n].rootName), 15, Rl)) : h("", !0),
|
|
970
971
|
Y(t) ? (a(), o("text", {
|
|
971
972
|
key: 2,
|
|
972
|
-
x: s(
|
|
973
|
-
"text-anchor": s(
|
|
973
|
+
x: s(V)(t, !0).x,
|
|
974
|
+
"text-anchor": s(V)(t).anchor,
|
|
974
975
|
y: s(J)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 3,
|
|
975
976
|
fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
|
|
976
977
|
"font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
|
|
977
978
|
style: y(`font-weight:${e.value.style.chart.layout.nuts.selected.labels.dataLabels.bold ? "bold" : ""}`),
|
|
978
979
|
class: k(e.value.style.chart.layout.nuts.selected.useMotion ? "vue-ui-chestnut-animated" : "")
|
|
979
|
-
}, c(s(
|
|
980
|
+
}, c(s(S)({
|
|
980
981
|
v: d.value.breakdown[n].proportionToTree * 100,
|
|
981
982
|
s: "%",
|
|
982
983
|
r: e.value.style.chart.layout.nuts.selected.labels.roundingPercentage
|
|
@@ -996,7 +997,7 @@ const $t = ["id"], Ct = {
|
|
|
996
997
|
}, c(t.name) + ": " + c(s(G)(
|
|
997
998
|
e.value.style.chart.layout.branches.labels.dataLabels.formatter,
|
|
998
999
|
t.value,
|
|
999
|
-
s(
|
|
1000
|
+
s(S)({
|
|
1000
1001
|
p: e.value.style.chart.layout.branches.labels.dataLabels.prefix,
|
|
1001
1002
|
v: t.value,
|
|
1002
1003
|
s: e.value.style.chart.layout.branches.labels.dataLabels.suffix,
|
|
@@ -1012,7 +1013,7 @@ const $t = ["id"], Ct = {
|
|
|
1012
1013
|
"font-size": e.value.style.chart.layout.branches.labels.dataLabels.fontSize,
|
|
1013
1014
|
fill: e.value.style.chart.layout.branches.labels.color,
|
|
1014
1015
|
onClick: $
|
|
1015
|
-
}, c(s(
|
|
1016
|
+
}, c(s(S)({
|
|
1016
1017
|
v: t.proportionToRoot * 100,
|
|
1017
1018
|
s: "%",
|
|
1018
1019
|
r: e.value.style.chart.layout.branches.labels.dataLabels.roundingPercentage
|
|
@@ -1025,7 +1026,7 @@ const $t = ["id"], Ct = {
|
|
|
1025
1026
|
"font-size": e.value.style.chart.layout.branches.labels.dataLabels.fontSize,
|
|
1026
1027
|
fill: e.value.style.chart.layout.branches.labels.color,
|
|
1027
1028
|
onClick: $
|
|
1028
|
-
}, c(s(
|
|
1029
|
+
}, c(s(S)({
|
|
1029
1030
|
v: t.value / M.value * 100,
|
|
1030
1031
|
s: "%",
|
|
1031
1032
|
r: e.value.style.chart.layout.branches.labels.dataLabels.roundingPercentage
|
|
@@ -1048,7 +1049,7 @@ const $t = ["id"], Ct = {
|
|
|
1048
1049
|
}
|
|
1049
1050
|
}
|
|
1050
1051
|
}, null, 8, ["config"])),
|
|
1051
|
-
F(l.$slots, "legend", { legend:
|
|
1052
|
+
F(l.$slots, "legend", { legend: N.value }, void 0, !0),
|
|
1052
1053
|
l.$slots.source ? (a(), o("div", El, [
|
|
1053
1054
|
F(l.$slots, "source", {}, void 0, !0)
|
|
1054
1055
|
], 512)) : h("", !0),
|
|
@@ -1082,7 +1083,7 @@ const $t = ["id"], Ct = {
|
|
|
1082
1083
|
onClick: i[0] || (i[0] = (t) => U.value.showTable = !1),
|
|
1083
1084
|
onKeypress: i[1] || (i[1] = it((t) => U.value.showTable = !1, ["enter"]))
|
|
1084
1085
|
}, [
|
|
1085
|
-
|
|
1086
|
+
Se(s(Ee), {
|
|
1086
1087
|
name: "close",
|
|
1087
1088
|
stroke: e.value.table.th.color,
|
|
1088
1089
|
"stroke-width": 2
|
|
@@ -1211,8 +1212,8 @@ const $t = ["id"], Ct = {
|
|
|
1211
1212
|
style: y(`outline:${e.value.table.td.outline}`),
|
|
1212
1213
|
"data-cell": v.value.head[11]
|
|
1213
1214
|
}, [
|
|
1214
|
-
u("div",
|
|
1215
|
-
], 12,
|
|
1215
|
+
u("div", Na, c((t.nutToTotal * 100).toFixed(e.value.table.td.roundingPercentage)) + "% ", 1)
|
|
1216
|
+
], 12, Sa)
|
|
1216
1217
|
], 6))), 256))
|
|
1217
1218
|
])
|
|
1218
1219
|
])
|
|
@@ -1224,7 +1225,7 @@ const $t = ["id"], Ct = {
|
|
|
1224
1225
|
}, 8, ["config"])) : h("", !0)
|
|
1225
1226
|
], 46, $t));
|
|
1226
1227
|
}
|
|
1227
|
-
}, Ba = /* @__PURE__ */ wt(Fa, [["__scopeId", "data-v-
|
|
1228
|
+
}, Ba = /* @__PURE__ */ wt(Fa, [["__scopeId", "data-v-421c2c56"]]);
|
|
1228
1229
|
export {
|
|
1229
1230
|
Ba as default
|
|
1230
1231
|
};
|