vue-data-ui 3.0.0-next.73 → 3.0.0-next.75
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-DSSjD4Ff.js → Arrow-BwHd8_RD.js} +1 -1
- package/dist/{BaseDraggableDialog-B95qHlBZ.js → BaseDraggableDialog-KQBTblkY.js} +2 -2
- package/dist/{BaseIcon-D4UMFIS-.js → BaseIcon-DtvtEJ1c.js} +1 -1
- package/dist/{ColorPicker-DFI3NleD.js → ColorPicker-hzwy_EBE.js} +2 -2
- package/dist/{DataTable-CMMsXA0n.js → DataTable-B8A2TrM1.js} +2 -2
- package/dist/{Legend-C5UNFNQQ.js → Legend-BEYv5Hve.js} +2 -2
- package/dist/{NonSvgPenAndPaper-DAR9-Zzo.js → NonSvgPenAndPaper-BbMZSi-f.js} +3 -3
- package/dist/{PackageVersion-B1daxzGa.js → PackageVersion-BcbUFlxz.js} +1 -1
- package/dist/{PenAndPaper-CBpnHUIk.js → PenAndPaper-BrZJq3JM.js} +32 -32
- package/dist/{RecursiveCircles-Dn3TGoL6.js → RecursiveCircles-BcLb1aRS.js} +15 -13
- package/dist/RecursiveLabels-Bgcv0pzu.js +50 -0
- package/dist/{RecursiveLinks-ld_gDZH4.js → RecursiveLinks-00zGWPf9.js} +20 -18
- package/dist/{Shape-BselAAXg.js → Shape-DMT7NFaa.js} +1 -1
- package/dist/{Slicer-D3DQKDKt.js → Slicer-CT611t-v.js} +2 -2
- package/dist/{SparkTooltip-Bp_VDs91.js → SparkTooltip-67k4zx5c.js} +1 -1
- package/dist/{Title-CP3JSAsP.js → Title-F9zfAAgU.js} +1 -1
- package/dist/{Tooltip-H-ElnGwO.js → Tooltip-B68QOkdx.js} +1 -1
- package/dist/{UserOptions-HpTycUgM.js → UserOptions-Cbl4nxZJ.js} +2 -2
- package/dist/{dom-to-png-CfQgUFBr.js → dom-to-png-DeGmdRyf.js} +1 -1
- package/dist/{img-Bim7Y1-m.js → img-Cr2U0nLE.js} +1 -1
- package/dist/{index-yC6NjpP_.js → index-DRwxHhnC.js} +862 -778
- package/dist/{pdf-DiKUcI4N.js → pdf-Cz5CkYwk.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +60 -13
- package/dist/types/vue-data-ui.d.ts +60 -13
- package/dist/{useAutoSizeLabelsInsideViewbox-CZnSPf_C.js → useAutoSizeLabelsInsideViewbox-CjmXpH45.js} +1 -1
- package/dist/{useNestedProp-CF55-wsO.js → useNestedProp-8MTWT4Pg.js} +1 -1
- package/dist/{usePrinter-DC8yU0M6.js → usePrinter-DKX-yL5f.js} +2 -2
- package/dist/{vue-data-ui-D0AafFtx.js → vue-data-ui-BW0lzlcM.js} +64 -64
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-CvHFid3D.js → vue-ui-3d-bar-j9D43HWL.js} +6 -6
- package/dist/{vue-ui-accordion-D1RDCQOF.js → vue-ui-accordion-D0325Yrd.js} +3 -3
- package/dist/{vue-ui-age-pyramid-BdyLeyYg.js → vue-ui-age-pyramid-dP_NW2kL.js} +59 -58
- package/dist/{vue-ui-annotator-C_bRFtcX.js → vue-ui-annotator-Bw2g8LOg.js} +2 -2
- package/dist/{vue-ui-bullet-DZUwoLaN.js → vue-ui-bullet-BqVlxHYT.js} +7 -7
- package/dist/{vue-ui-candlestick-CS7PhJFI.js → vue-ui-candlestick-CKCagj01.js} +96 -95
- package/dist/{vue-ui-carousel-table-BALWOIi7.js → vue-ui-carousel-table-QRNV-0VC.js} +4 -4
- package/dist/{vue-ui-chestnut-ofw7Kv6_.js → vue-ui-chestnut-BdIgibam.js} +5 -5
- package/dist/{vue-ui-chord-D4COvMcc.js → vue-ui-chord-Dw-UF4RX.js} +8 -8
- package/dist/{vue-ui-circle-pack-CN8Y_fbd.js → vue-ui-circle-pack-ImYIQP8V.js} +6 -6
- package/dist/{vue-ui-cursor-BZzYhn1r.js → vue-ui-cursor-BIQkbYQz.js} +2 -2
- package/dist/{vue-ui-dashboard-CL15hNdX.js → vue-ui-dashboard-CAFip_uX.js} +62 -62
- package/dist/{vue-ui-digits-BNgAR6Ty.js → vue-ui-digits-BMEUuWRr.js} +2 -2
- package/dist/{vue-ui-donut-vjWFIVVT.js → vue-ui-donut-K3f5Dqve.js} +8 -8
- package/dist/{vue-ui-donut-evolution-BGmV-HK9.js → vue-ui-donut-evolution-B5FbgGlB.js} +12 -11
- package/dist/{vue-ui-dumbbell-0XOfrNz5.js → vue-ui-dumbbell-CwiKlghV.js} +11 -10
- package/dist/{vue-ui-flow-Br-wzIvL.js → vue-ui-flow-CCoZD3YV.js} +7 -7
- package/dist/{vue-ui-funnel-DzedRSBG.js → vue-ui-funnel-Gk5bNkol.js} +6 -6
- package/dist/{vue-ui-galaxy-CZ_yUdUc.js → vue-ui-galaxy-BhYH8-mt.js} +5 -5
- package/dist/{vue-ui-gauge-uy-r5_ts.js → vue-ui-gauge-DR_nvYW0.js} +7 -7
- package/dist/{vue-ui-gizmo-BQhw5JEa.js → vue-ui-gizmo-D1CUaofC.js} +3 -3
- package/dist/{vue-ui-heatmap-Cp9MFC-v.js → vue-ui-heatmap-Xnjj2b1_.js} +13 -13
- package/dist/{vue-ui-history-plot-Cf5Jb5bh.js → vue-ui-history-plot-CuEE88nq.js} +38 -37
- package/dist/{vue-ui-kpi-Y1hL7GmA.js → vue-ui-kpi-Br-BibKH.js} +3 -3
- package/dist/{vue-ui-mini-loader-CtyAttV-.js → vue-ui-mini-loader-DmGFQW5A.js} +2 -2
- package/dist/vue-ui-molecule-BjQ7idOR.js +656 -0
- package/dist/{vue-ui-mood-radar-BWzqpz-S.js → vue-ui-mood-radar-CIwcZNTV.js} +7 -7
- package/dist/{vue-ui-nested-donuts-CDpwfAN2.js → vue-ui-nested-donuts-Dw1U6JuY.js} +9 -9
- package/dist/{vue-ui-onion-DyKREw1v.js → vue-ui-onion-CUQ5JreB.js} +8 -8
- package/dist/{vue-ui-parallel-coordinate-plot-DNXNpjFr.js → vue-ui-parallel-coordinate-plot-D3kyw1a6.js} +38 -37
- package/dist/{vue-ui-quadrant-CYBYnBGc.js → vue-ui-quadrant-CA_Mh9QR.js} +8 -8
- package/dist/{vue-ui-quick-chart-BjdF07yD.js → vue-ui-quick-chart-BUoQKWPQ.js} +72 -71
- package/dist/{vue-ui-radar-Di-SJYfb.js → vue-ui-radar-D2SghfL3.js} +8 -8
- package/dist/{vue-ui-rating-CU8NifYD.js → vue-ui-rating-C9oYMQRo.js} +2 -2
- package/dist/{vue-ui-relation-circle-CAOK7rm3.js → vue-ui-relation-circle-Ds5Gybt6.js} +7 -7
- package/dist/{vue-ui-ridgeline-GPu2Vvus.js → vue-ui-ridgeline-Dkn2NjuC.js} +16 -12
- package/dist/{vue-ui-rings-BdiWrA9u.js → vue-ui-rings-BmJDXPg9.js} +8 -8
- package/dist/{vue-ui-scatter-DDkfRnEn.js → vue-ui-scatter-ovPHb3RJ.js} +8 -8
- package/dist/{vue-ui-skeleton-B-hXFx8d.js → vue-ui-skeleton-ZrzdjEiG.js} +3 -3
- package/dist/{vue-ui-smiley-BVY3aoLN.js → vue-ui-smiley-Dc580yLr.js} +2 -2
- package/dist/{vue-ui-spark-trend-9iJOtdiO.js → vue-ui-spark-trend-CJAm5oNp.js} +3 -3
- package/dist/{vue-ui-sparkbar-BUwb_Cai.js → vue-ui-sparkbar-C-K6vOJc.js} +3 -3
- package/dist/{vue-ui-sparkgauge-zAH9pBNs.js → vue-ui-sparkgauge-DtBsUB6l.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-DJNIVe8_.js → vue-ui-sparkhistogram-1A-UVZ1X.js} +4 -4
- package/dist/{vue-ui-sparkline-CLNGpAWN.js → vue-ui-sparkline-BJCBmtYN.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BaBWSDJQ.js → vue-ui-sparkstackbar-D3yEWDpd.js} +3 -3
- package/dist/{vue-ui-stackbar-BeYObYAK.js → vue-ui-stackbar-B_u2bU2k.js} +13 -12
- package/dist/{vue-ui-strip-plot-Bx_gFqdA.js → vue-ui-strip-plot-B2erBLNX.js} +11 -10
- package/dist/{vue-ui-table-BYck0KzF.js → vue-ui-table-CdRtegHC.js} +3 -3
- package/dist/{vue-ui-table-heatmap-Bzmq-Cuf.js → vue-ui-table-heatmap-tn4JSmq5.js} +5 -5
- package/dist/{vue-ui-table-sparkline-C3hqLejN.js → vue-ui-table-sparkline-y9McUHwt.js} +4 -4
- package/dist/{vue-ui-thermometer-D-T8l96n.js → vue-ui-thermometer-CuXs-sfl.js} +7 -7
- package/dist/{vue-ui-timer-Cemsg65D.js → vue-ui-timer-BkkUQrej.js} +5 -5
- package/dist/{vue-ui-tiremarks-Vpcrptou.js → vue-ui-tiremarks-tZzY1FE6.js} +6 -6
- package/dist/{vue-ui-treemap-pDBDb6YS.js → vue-ui-treemap-B3i7f6Tl.js} +8 -8
- package/dist/{vue-ui-vertical-bar-c3bZjEFp.js → vue-ui-vertical-bar-CLfMz3aJ.js} +9 -9
- package/dist/{vue-ui-waffle-BraVnSOA.js → vue-ui-waffle-BZTtHVM8.js} +8 -8
- package/dist/{vue-ui-wheel-C4nBwldq.js → vue-ui-wheel-V8_HgtK2.js} +6 -6
- package/dist/{vue-ui-word-cloud-CrUAfQVc.js → vue-ui-word-cloud-BO1aQiDm.js} +6 -6
- package/dist/{vue-ui-world-CBvxCA9O.js → vue-ui-world-B7pMvuOq.js} +6 -6
- package/dist/{vue-ui-xy-CvjDEG3I.js → vue-ui-xy-CUSoIaeT.js} +13 -12
- package/dist/{vue-ui-xy-canvas-BQvj0rhW.js → vue-ui-xy-canvas-C-73QYfd.js} +8 -8
- package/package.json +1 -1
- package/dist/RecursiveLabels-NTMB9w5C.js +0 -49
- package/dist/vue-ui-molecule-CMIkxVGa.js +0 -599
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineAsyncComponent as R, computed as g, ref as v, toRefs as tt, watch as Z, shallowRef as _e, onMounted as lt, onBeforeUnmount as Ae, watchEffect as at, createElementBlock as
|
|
2
|
-
import { u as it, c as ut, t as
|
|
1
|
+
import { defineAsyncComponent as R, computed as g, ref as v, toRefs as tt, watch as Z, shallowRef as _e, onMounted as lt, onBeforeUnmount as Ae, watchEffect as at, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as ee, normalizeClass as Le, createBlock as M, createCommentVNode as y, renderSlot as h, createVNode as Ce, createSlots as ot, withCtx as p, normalizeProps as P, guardReactiveProps as N, createElementVNode as d, Fragment as L, renderList as $, toDisplayString as C, createTextVNode as Te, nextTick as st } from "vue";
|
|
2
|
+
import { u as it, c as ut, t as nt, b as rt, o as $e, f as vt, h as f, X as dt, s as te, x as Se, k as S, i as z, v as yt, w as ht, y as ct, z as ft } from "./index-DRwxHhnC.js";
|
|
3
3
|
import { t as ze, u as gt } from "./useResponsive-DfdjqQps.js";
|
|
4
|
-
import { u as Ie } from "./useNestedProp-
|
|
5
|
-
import { u as pt } from "./usePrinter-
|
|
4
|
+
import { u as Ie } from "./useNestedProp-8MTWT4Pg.js";
|
|
5
|
+
import { u as pt } from "./usePrinter-DKX-yL5f.js";
|
|
6
6
|
import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
7
|
import { u as xt } from "./useChartAccessibility-9icAAmYg.js";
|
|
8
|
-
import mt from "./Title-
|
|
9
|
-
import wt from "./img-
|
|
8
|
+
import mt from "./Title-F9zfAAgU.js";
|
|
9
|
+
import wt from "./img-Cr2U0nLE.js";
|
|
10
10
|
import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
|
|
11
11
|
import { u as _t, B as At } from "./useLoading-D7YHNtLX.js";
|
|
12
12
|
import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -30,7 +30,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
setup(le, { expose: Oe }) {
|
|
33
|
-
const Fe = R(() => import("./vue-ui-accordion-
|
|
33
|
+
const Fe = R(() => import("./vue-ui-accordion-D0325Yrd.js")), Re = R(() => import("./DataTable-B8A2TrM1.js")), Me = R(() => import("./PackageVersion-BcbUFlxz.js")), Pe = R(() => import("./PenAndPaper-BrZJq3JM.js")), Ne = R(() => import("./Tooltip-B68QOkdx.js")), Ee = R(() => import("./UserOptions-Cbl4nxZJ.js")), { vue_ui_age_pyramid: De } = it(), b = le, ae = g(() => !!b.dataset && b.dataset.length), w = v(ut()), Be = v(null), V = v(!1), W = v(""), D = v(null), oe = v(0), k = v(null), se = v(null), ie = v(null), ue = v(null), ne = v(0), re = v(0), X = v(null), e = v(q()), { loading: ve, FINAL_DATASET: B, manualLoading: j } = _t({
|
|
34
34
|
...tt(b),
|
|
35
35
|
FINAL_CONFIG: e,
|
|
36
36
|
prepareConfig: q,
|
|
@@ -46,7 +46,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
46
46
|
["_", 1, 89, 89],
|
|
47
47
|
["_", 0, 144, 144]
|
|
48
48
|
],
|
|
49
|
-
skeletonConfig:
|
|
49
|
+
skeletonConfig: nt({
|
|
50
50
|
defaultConfig: e.value,
|
|
51
51
|
userConfig: {
|
|
52
52
|
userOptions: { show: !1 },
|
|
@@ -87,13 +87,13 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
87
87
|
});
|
|
88
88
|
return t.theme ? {
|
|
89
89
|
...Ie({
|
|
90
|
-
userConfig:
|
|
90
|
+
userConfig: rt.vue_ui_age_pyramid[t.theme] || b.config,
|
|
91
91
|
defaultConfig: t
|
|
92
92
|
})
|
|
93
93
|
} : t;
|
|
94
94
|
}
|
|
95
95
|
Z(() => b.config, (t) => {
|
|
96
|
-
ve.value || (e.value = q()), Y.value = !e.value.userOptions.showOnChartHover, ce(),
|
|
96
|
+
ve.value || (e.value = q()), Y.value = !e.value.userOptions.showOnChartHover, ce(), ne.value += 1, re.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.tooltip.show;
|
|
97
97
|
}, { deep: !0 }), Z(() => b.dataset, (t) => {
|
|
98
98
|
Array.isArray(t) && t.length > 0 && (j.value = !1);
|
|
99
99
|
}, { deep: !0 });
|
|
@@ -177,10 +177,10 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
177
177
|
}), Xe = g(() => B.value.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), A = g(() => {
|
|
178
178
|
const t = je(E.value / 5), o = [], l = [];
|
|
179
179
|
for (let a = 0; a <= 5; a += 1) {
|
|
180
|
-
const
|
|
180
|
+
const r = t * a, m = t * (a - 5);
|
|
181
181
|
o.push({
|
|
182
|
-
value:
|
|
183
|
-
x: s.value.left + s.value.width / 2 + e.value.style.layout.centerSlit.width +
|
|
182
|
+
value: r,
|
|
183
|
+
x: s.value.left + s.value.width / 2 + e.value.style.layout.centerSlit.width + r / E.value * s.value.leftChart.width
|
|
184
184
|
}), l.push({
|
|
185
185
|
value: Math.abs(m),
|
|
186
186
|
x: s.value.left + s.value.width / 2 + m / E.value * s.value.leftChart.width - e.value.style.layout.centerSlit.width
|
|
@@ -232,8 +232,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
232
232
|
};
|
|
233
233
|
})), J = v(null);
|
|
234
234
|
function K(t) {
|
|
235
|
-
const [o, l, a,
|
|
236
|
-
return { segment: o, index: l, left: a, right:
|
|
235
|
+
const [o, l, a, r] = t;
|
|
236
|
+
return { segment: o, index: l, left: a, right: r };
|
|
237
237
|
}
|
|
238
238
|
function qe(t, o) {
|
|
239
239
|
e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: K(o), seriesIndex: t });
|
|
@@ -273,26 +273,26 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
273
273
|
});
|
|
274
274
|
else {
|
|
275
275
|
let a = "";
|
|
276
|
-
const
|
|
277
|
-
a += `<div><b>${
|
|
276
|
+
const r = T.value[t];
|
|
277
|
+
a += `<div><b>${r.segment}</b></div>`, a += `<div>${e.value.translations.age}: ${S(
|
|
278
278
|
e.value.style.layout.dataLabels.yAxis.formatter,
|
|
279
|
-
f(
|
|
280
|
-
z({ v: f(
|
|
279
|
+
f(r.age),
|
|
280
|
+
z({ v: f(r.age) }),
|
|
281
281
|
{ datapoint: o, seriesIndex: t }
|
|
282
282
|
)}</div>`, a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, a += '<div style="display:flex; flex-direction:row;gap:12px">', a += `<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_left_${w.value})` : e.value.style.layout.bars.left.color}"/></svg><div>${e.value.translations.female}</div><div><b>${S(
|
|
283
283
|
e.value.style.layout.dataLabels.xAxis.formatter,
|
|
284
|
-
f(
|
|
285
|
-
z({ v: f(
|
|
284
|
+
f(r.left.value),
|
|
285
|
+
z({ v: f(r.left.value) }),
|
|
286
286
|
{ datapoint: o, seriesIndex: t }
|
|
287
287
|
)}</b></div></div>`, a += `<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_right_${w.value})` : e.value.style.layout.bars.right.color}"/></svg><div>${e.value.translations.male}</div><div><b>${S(
|
|
288
288
|
e.value.style.layout.dataLabels.xAxis.formatter,
|
|
289
|
-
f(
|
|
290
|
-
z({ v: f(
|
|
289
|
+
f(r.right.value),
|
|
290
|
+
z({ v: f(r.right.value) }),
|
|
291
291
|
{ datapoint: o, seriesIndex: t }
|
|
292
292
|
)}</b></div></div>`, a += "</div>", a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}"><div>${e.value.translations.total}</div><div><b>${S(
|
|
293
293
|
e.value.style.layout.dataLabels.xAxis.formatter,
|
|
294
|
-
f(
|
|
295
|
-
z({ v: f(
|
|
294
|
+
f(r.right.value) + f(r.left.value),
|
|
295
|
+
z({ v: f(r.right.value) + f(r.left.value) }),
|
|
296
296
|
{ datapoint: o, seriesIndex: t }
|
|
297
297
|
)}</b></div></div>`, a += "</div>", W.value = `<div>${a}</div>`;
|
|
298
298
|
}
|
|
@@ -306,8 +306,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
306
306
|
m[2],
|
|
307
307
|
m[3],
|
|
308
308
|
m[2] + m[3]
|
|
309
|
-
]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l),
|
|
310
|
-
t ? t(
|
|
309
|
+
]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l), r = yt(a);
|
|
310
|
+
t ? t(r) : ht({ csvContent: r, title: e.value.style.title.text || "vue-ui-heatmap" });
|
|
311
311
|
});
|
|
312
312
|
}
|
|
313
313
|
const H = g(() => {
|
|
@@ -353,9 +353,9 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
353
353
|
}
|
|
354
354
|
async function Qe({ scale: t = 2 } = {}) {
|
|
355
355
|
if (!k.value) return;
|
|
356
|
-
const { width: o, height: l } = k.value.getBoundingClientRect(), a = o / l, { imageUri:
|
|
356
|
+
const { width: o, height: l } = k.value.getBoundingClientRect(), a = o / l, { imageUri: r, base64: m } = await wt({ domElement: k.value, base64: !0, img: !0, scale: t });
|
|
357
357
|
return {
|
|
358
|
-
imageUri:
|
|
358
|
+
imageUri: r,
|
|
359
359
|
base64: m,
|
|
360
360
|
title: e.value.style.title.text,
|
|
361
361
|
width: o,
|
|
@@ -370,11 +370,12 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
370
370
|
slicer: et,
|
|
371
371
|
configRef: e,
|
|
372
372
|
rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
|
|
373
|
-
autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate"],
|
|
373
|
+
autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate", "enable"],
|
|
374
374
|
isAutoSize: !1,
|
|
375
375
|
width: Ue,
|
|
376
376
|
height: Ve,
|
|
377
|
-
targetClass: ".vue-ui-age-pyramid-x-axis-label"
|
|
377
|
+
targetClass: ".vue-ui-age-pyramid-x-axis-label",
|
|
378
|
+
rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle
|
|
378
379
|
}), Oe({
|
|
379
380
|
getImage: Qe,
|
|
380
381
|
generatePdf: pe,
|
|
@@ -384,7 +385,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
384
385
|
toggleTooltip: ke,
|
|
385
386
|
toggleAnnotator: Q,
|
|
386
387
|
toggleFullscreen: me
|
|
387
|
-
}), (t, o) => (i(),
|
|
388
|
+
}), (t, o) => (i(), n("div", {
|
|
388
389
|
class: Le(`vue-ui-age-pyramid ${F.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
|
|
389
390
|
ref_key: "agePyramid",
|
|
390
391
|
ref: k,
|
|
@@ -401,21 +402,21 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
401
402
|
active: U.value,
|
|
402
403
|
onClose: Q
|
|
403
404
|
}, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
|
|
404
|
-
He.value ? (i(),
|
|
405
|
+
He.value ? (i(), n("div", {
|
|
405
406
|
key: 1,
|
|
406
407
|
ref_key: "noTitle",
|
|
407
408
|
ref: ue,
|
|
408
409
|
class: "vue-data-ui-no-title-space",
|
|
409
410
|
style: "height:36px; width: 100%;background:transparent"
|
|
410
411
|
}, null, 512)) : y("", !0),
|
|
411
|
-
e.value.style.title.text ? (i(),
|
|
412
|
+
e.value.style.title.text ? (i(), n("div", {
|
|
412
413
|
key: 2,
|
|
413
414
|
ref_key: "chartTitle",
|
|
414
415
|
ref: se,
|
|
415
416
|
style: "width:100%;background:transparent"
|
|
416
417
|
}, [
|
|
417
418
|
(i(), M(mt, {
|
|
418
|
-
key: `title_${
|
|
419
|
+
key: `title_${ne.value}`,
|
|
419
420
|
config: {
|
|
420
421
|
title: {
|
|
421
422
|
cy: "pyramid-div-title",
|
|
@@ -520,7 +521,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
520
521
|
key: "7"
|
|
521
522
|
} : void 0
|
|
522
523
|
]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
|
|
523
|
-
(i(),
|
|
524
|
+
(i(), n("svg", {
|
|
524
525
|
ref_key: "svgRef",
|
|
525
526
|
ref: he,
|
|
526
527
|
xmlns: u(dt),
|
|
@@ -529,7 +530,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
529
530
|
style: ee(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
|
|
530
531
|
}, [
|
|
531
532
|
Ce(u(Me)),
|
|
532
|
-
t.$slots["chart-background"] ? (i(),
|
|
533
|
+
t.$slots["chart-background"] ? (i(), n("foreignObject", {
|
|
533
534
|
key: 0,
|
|
534
535
|
x: s.value.left,
|
|
535
536
|
y: s.value.top,
|
|
@@ -575,7 +576,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
575
576
|
}, null, 8, Rt)
|
|
576
577
|
], 8, Ot)
|
|
577
578
|
]),
|
|
578
|
-
(i(!0),
|
|
579
|
+
(i(!0), n(L, null, $(T.value, (l, a) => (i(), n("g", null, [
|
|
579
580
|
d("rect", {
|
|
580
581
|
x: l.left.x,
|
|
581
582
|
y: l.left.y,
|
|
@@ -610,7 +611,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
610
611
|
}, null, 8, Et)
|
|
611
612
|
]))), 256)),
|
|
612
613
|
d("g", null, [
|
|
613
|
-
e.value.style.layout.dataLabels.sideTitles.show ? (i(),
|
|
614
|
+
e.value.style.layout.dataLabels.sideTitles.show ? (i(), n("g", Dt, [
|
|
614
615
|
d("text", {
|
|
615
616
|
x: s.value.left,
|
|
616
617
|
y: e.value.style.layout.dataLabels.sideTitles.fontSize,
|
|
@@ -628,9 +629,9 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
628
629
|
"font-weight": e.value.style.layout.dataLabels.sideTitles.bold ? "bold" : "normal"
|
|
629
630
|
}, C(e.value.translations.male), 9, Gt)
|
|
630
631
|
])) : y("", !0),
|
|
631
|
-
e.value.style.layout.dataLabels.yAxis.show ? (i(),
|
|
632
|
-
(i(!0),
|
|
633
|
-
a % e.value.style.layout.dataLabels.yAxis.showEvery === 0 ? (i(),
|
|
632
|
+
e.value.style.layout.dataLabels.yAxis.show ? (i(), n("g", Ht, [
|
|
633
|
+
(i(!0), n(L, null, $(Xe.value, (l, a) => (i(), n(L, null, [
|
|
634
|
+
a % e.value.style.layout.dataLabels.yAxis.showEvery === 0 ? (i(), n("text", {
|
|
634
635
|
key: 0,
|
|
635
636
|
x: s.value.centerX,
|
|
636
637
|
y: s.value.top + s.value.height / O.value * a + e.value.style.layout.dataLabels.yAxis.fontSize / 3,
|
|
@@ -646,8 +647,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
646
647
|
)), 9, Ut)) : y("", !0)
|
|
647
648
|
], 64))), 256))
|
|
648
649
|
])) : y("", !0),
|
|
649
|
-
e.value.style.layout.dataLabels.xAxis.show ? (i(),
|
|
650
|
-
e.value.style.layout.grid.show ? (i(),
|
|
650
|
+
e.value.style.layout.dataLabels.xAxis.show ? (i(), n("g", Vt, [
|
|
651
|
+
e.value.style.layout.grid.show ? (i(), n("g", Wt, [
|
|
651
652
|
d("line", {
|
|
652
653
|
x1: A.value.right[0].x,
|
|
653
654
|
x2: A.value.right.at(-1).x,
|
|
@@ -667,8 +668,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
667
668
|
"stroke-linecap": "round"
|
|
668
669
|
}, null, 8, jt)
|
|
669
670
|
])) : y("", !0),
|
|
670
|
-
(i(!0),
|
|
671
|
-
e.value.style.layout.grid.show ? (i(),
|
|
671
|
+
(i(!0), n(L, null, $(A.value.right, (l, a) => (i(), n("g", null, [
|
|
672
|
+
e.value.style.layout.grid.show ? (i(), n("line", {
|
|
672
673
|
key: 0,
|
|
673
674
|
x1: l.x,
|
|
674
675
|
x2: l.x,
|
|
@@ -679,8 +680,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
679
680
|
"stroke-linecap": "round"
|
|
680
681
|
}, null, 8, Yt)) : y("", !0)
|
|
681
682
|
]))), 256)),
|
|
682
|
-
(i(!0),
|
|
683
|
-
e.value.style.layout.grid.show ? (i(),
|
|
683
|
+
(i(!0), n(L, null, $(A.value.left, (l, a) => (i(), n("g", null, [
|
|
684
|
+
e.value.style.layout.grid.show ? (i(), n("line", {
|
|
684
685
|
key: 0,
|
|
685
686
|
x1: l.x,
|
|
686
687
|
x2: l.x,
|
|
@@ -695,7 +696,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
695
696
|
ref_key: "xAxisLabels",
|
|
696
697
|
ref: X
|
|
697
698
|
}, [
|
|
698
|
-
(i(!0),
|
|
699
|
+
(i(!0), n(L, null, $(A.value.right, (l, a) => (i(), n("text", {
|
|
699
700
|
class: "vue-ui-age-pyramid-x-axis-label",
|
|
700
701
|
"font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
|
|
701
702
|
fill: e.value.style.layout.dataLabels.xAxis.color,
|
|
@@ -710,7 +711,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
710
711
|
}),
|
|
711
712
|
{ datapoint: l, seriesIndex: a }
|
|
712
713
|
)), 9, Jt))), 256)),
|
|
713
|
-
(i(!0),
|
|
714
|
+
(i(!0), n(L, null, $(A.value.left, (l, a) => (i(), n("text", {
|
|
714
715
|
class: "vue-ui-age-pyramid-x-axis-label",
|
|
715
716
|
"font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
|
|
716
717
|
fill: e.value.style.layout.dataLabels.xAxis.color,
|
|
@@ -736,25 +737,25 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
736
737
|
}, C(e.value.style.layout.dataLabels.xAxis.translation), 9, Qt)
|
|
737
738
|
])) : y("", !0)
|
|
738
739
|
]),
|
|
739
|
-
(i(!0),
|
|
740
|
+
(i(!0), n(L, null, $(le.dataset, (l, a) => (i(), n("g", null, [
|
|
740
741
|
d("rect", {
|
|
741
742
|
x: s.value.left,
|
|
742
743
|
y: s.value.top + s.value.height / O.value * a - e.value.style.layout.bars.gap / 2,
|
|
743
744
|
width: s.value.width <= 0 ? 1e-4 : s.value.width,
|
|
744
745
|
height: s.value.height / O.value <= 0 ? 1e-4 : s.value.height / O.value,
|
|
745
746
|
fill: D.value !== null && D.value === a ? u(te)(e.value.style.highlighter.color, e.value.style.highlighter.opacity) : "transparent",
|
|
746
|
-
onMouseover: (
|
|
747
|
-
onMouseleave: (
|
|
748
|
-
onClick: (
|
|
747
|
+
onMouseover: (r) => Ke(a, l),
|
|
748
|
+
onMouseleave: (r) => Je(a, l),
|
|
749
|
+
onClick: (r) => qe(a, l)
|
|
749
750
|
}, null, 40, Zt)
|
|
750
751
|
]))), 256)),
|
|
751
752
|
h(t.$slots, "svg", { svg: c.value }, void 0, !0)
|
|
752
753
|
], 14, Tt)),
|
|
753
|
-
t.$slots.watermark ? (i(),
|
|
754
|
+
t.$slots.watermark ? (i(), n("div", el, [
|
|
754
755
|
h(t.$slots, "watermark", P(N({ isPrinting: u(fe) || u(ge) })), void 0, !0)
|
|
755
756
|
])) : y("", !0),
|
|
756
757
|
h(t.$slots, "legend", { legend: T.value }, void 0, !0),
|
|
757
|
-
t.$slots.source ? (i(),
|
|
758
|
+
t.$slots.source ? (i(), n("div", {
|
|
758
759
|
key: 5,
|
|
759
760
|
ref_key: "source",
|
|
760
761
|
ref: ie,
|
|
@@ -806,7 +807,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
806
807
|
}, {
|
|
807
808
|
content: p(() => [
|
|
808
809
|
(i(), M(u(Re), {
|
|
809
|
-
key: `table_${
|
|
810
|
+
key: `table_${re.value}`,
|
|
810
811
|
colNames: H.value.colNames,
|
|
811
812
|
head: H.value.head,
|
|
812
813
|
body: H.value.body,
|
|
@@ -828,7 +829,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
|
|
|
828
829
|
u(ve) ? (i(), M(At, { key: 7 })) : y("", !0)
|
|
829
830
|
], 46, Ct));
|
|
830
831
|
}
|
|
831
|
-
}, cl = /* @__PURE__ */ Lt(tl, [["__scopeId", "data-v-
|
|
832
|
+
}, cl = /* @__PURE__ */ Lt(tl, [["__scopeId", "data-v-11dae844"]]);
|
|
832
833
|
export {
|
|
833
834
|
cl as default
|
|
834
835
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as p, t as v, u as w, B as A } from "./index-
|
|
2
|
-
import { d as M } from "./dom-to-png-
|
|
1
|
+
import { A as p, t as v, u as w, B as A } from "./index-DRwxHhnC.js";
|
|
2
|
+
import { d as M } from "./dom-to-png-DeGmdRyf.js";
|
|
3
3
|
import { createElementBlock as d, openBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, createCommentVNode as a, normalizeClass as y, createStaticVNode as F, withDirectives as N, vModelCheckbox as g, vModelText as C, renderSlot as O, Fragment as L, renderList as G } from "vue";
|
|
4
4
|
import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const m = {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineAsyncComponent as W, ref as c, computed as f, onMounted as Se, toRefs as Ie, watch as ie, onBeforeUnmount as Pe, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as D, normalizeClass as ce, createBlock as C, createCommentVNode as i, createElementVNode as I, createSlots as Fe, withCtx as w, renderSlot as m, normalizeProps as P, guardReactiveProps as F, createVNode as He, Fragment as V, renderList as G, toDisplayString as H } from "vue";
|
|
2
|
-
import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-
|
|
3
|
-
import { u as de } from "./useNestedProp-
|
|
4
|
-
import { u as Ve } from "./usePrinter-
|
|
2
|
+
import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-DRwxHhnC.js";
|
|
3
|
+
import { u as de } from "./useNestedProp-8MTWT4Pg.js";
|
|
4
|
+
import { u as Ve } from "./usePrinter-DKX-yL5f.js";
|
|
5
5
|
import { u as Ge } from "./useUserOptionState-BIvW1Kz7.js";
|
|
6
6
|
import { u as je } from "./useChartAccessibility-9icAAmYg.js";
|
|
7
|
-
import qe from "./Legend-
|
|
8
|
-
import Xe from "./Title-
|
|
9
|
-
import Ye from "./img-
|
|
7
|
+
import qe from "./Legend-BEYv5Hve.js";
|
|
8
|
+
import Xe from "./Title-F9zfAAgU.js";
|
|
9
|
+
import Ye from "./img-Cr2U0nLE.js";
|
|
10
10
|
import { t as Je, u as Ke } from "./useResponsive-DfdjqQps.js";
|
|
11
11
|
import { u as Qe, B as Ze } from "./useLoading-D7YHNtLX.js";
|
|
12
12
|
import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -39,7 +39,7 @@ const tt = ["id"], at = {
|
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
setup(ge, { expose: fe }) {
|
|
42
|
-
const me = W(() => import("./PackageVersion-
|
|
42
|
+
const me = W(() => import("./PackageVersion-BcbUFlxz.js")), ye = W(() => import("./PenAndPaper-BrZJq3JM.js")), pe = W(() => import("./UserOptions-Cbl4nxZJ.js")), { vue_ui_bullet: be } = Me(), L = ge, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), ke = c(0), x = c(null), O = c(null), p = f({
|
|
43
43
|
get: () => u.value.hasOwnProperty("value"),
|
|
44
44
|
set: (t) => t
|
|
45
45
|
}), A = f(() => u.value.segments ? Array.isArray(u.value.segments) ? u.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
|