vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-stackbar-Bt0FKlf7.js → vue-ui-stackbar-pnlYCnTj.js}

@@ -1,26 +1,26 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, G as r, H as a, Ht as o, J as s, Ot as c, Rt as l, S as u, St as d, Tt as f, V as p, X as ee, ct as te, g as ne, h as re, ht as ie, i as m, it as ae, nt as h, r as oe, s as se, t as ce, x as le, y as ue, zt as de } from "./lib-AJRHFE5U.js";
+import { B as t, Bt as n, Ct as r, Et as a, G as o, H as s, J as c, S as l, Ut as u, V as d, Vt as f, X as p, ct as ee, g as te, gt as ne, h as re, i as m, it as ie, kt as ae, nt as h, r as oe, s as se, t as ce, x as le, y as ue, zt as de } from "./lib-CXicicWN.js";
 import { n as fe, r as pe, t as me } from "./useTimeLabels-BmBRv27Y.js";
-import { t as he } from "./useConfig-Br1uzq_L.js";
-import { t as ge } from "./usePrinter-6n2MzVyV.js";
+import { t as he } from "./useConfig-Bf_EBbe3.js";
+import { t as ge } from "./usePrinter-Dng0UK-G.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
 import { t as ye } from "./useSvgExport-SVIsDot8.js";
-import { t as be } from "./useNestedProp-DtcXIg7n.js";
+import { t as be } from "./useNestedProp-APyFoLCQ.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Se } from "./useStableElementSize-C7KADDKj.js";
 import { t as Ce } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as we } from "./img-C_RNNswI.js";
-import { n as Te } from "./Title-DH6G8_cZ.js";
-import { t as Ee } from "./Shape-BubavoqO.js";
+import { t as we } from "./img-BCAOkqfM.js";
+import { n as Te } from "./Title-CVYf1f8m.js";
+import { t as Ee } from "./Shape-C5OvuwII.js";
 import { t as De } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Oe } from "./canvas-lib-BOP_HS11.js";
 import { t as ke } from "./useResponsive-BfnK0KxU.js";
-import { t as Ae } from "./SlicerPreview-BA_RDgVn.js";
-import { t as je } from "./BaseLegendToggle-CUYal8mC.js";
+import { t as Ae } from "./SlicerPreview-CAhqG_ZQ.js";
+import { t as je } from "./BaseLegendToggle-B-lM0iV1.js";
 import { t as Me } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ne } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Pe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Fe } from "./Legend-CAStwHdx.js";
+import { t as Fe } from "./Legend-BVDhEEsC.js";
 import { t as Ie } from "./vue_ui_stackbar-COOrQQdK.js";
 import { Fragment as g, Teleport as Le, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as Re, createTextVNode as ze, createVNode as Be, defineAsyncComponent as Ve, guardReactiveProps as S, mergeProps as He, nextTick as Ue, normalizeClass as We, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as Ge, onMounted as Ke, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as qe, shallowRef as Je, toDisplayString as k, toRefs as Ye, unref as A, useSlots as Xe, watch as Ze, watchEffect as Qe, withCtx as j } from "vue";
 //#region src/components/vue-ui-stackbar.vue
@@ -280,14 +280,14 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		"copyAlt"
 	],
 	setup(e, { expose: De, emit: $e }) {
-		let Qt = Ve(() => import("./Tooltip-979Ytd8R.js")), $t = Ve(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), en = Ve(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), tn = Ve(() => import("./DataTable-G9aclxhk.js")), nn = Ve(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), rn = Ve(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), an = Ve(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), on = Ve(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_stackbar: sn } = he(), { isThemeValid: cn, warnInvalidTheme: ln } = xe(), un = Xe(), M = e, N = $e, dn = _({
+		let Qt = Ve(() => import("./Tooltip-BmGCBJuU.js")), $t = Ve(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), en = Ve(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), tn = Ve(() => import("./DataTable-DJZgdnIn.js")), nn = Ve(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), rn = Ve(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), an = Ve(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), on = Ve(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_stackbar: sn } = he(), { isThemeValid: cn, warnInvalidTheme: ln } = xe(), un = Xe(), M = e, N = $e, dn = _({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), P = E(null), F = E(a()), fn = E(!1), pn = E(null), mn = E(""), I = E([]), hn = E(0), gn = E(null), _n = E(null), vn = E(null), yn = E(null), bn = E(!1), L = E(null), xn = E(!1), Sn = E(0), Cn = E(0), wn = E(0), Tn = E(!1), En = E(null), Dn = E(null), On = E(!1), kn = E(!1), An = E(null), jn = E(null), Mn = E(null), Nn = E(null), Pn = E(null), Fn = E(null), In = Je(null), Ln = E(!1), Rn = E(0), zn = E(0), R = E(null), Bn = E({
+		}), P = E(null), F = E(s()), fn = E(!1), pn = E(null), mn = E(""), I = E([]), hn = E(0), gn = E(null), _n = E(null), vn = E(null), yn = E(null), bn = E(!1), L = E(null), xn = E(!1), Sn = E(0), Cn = E(0), wn = E(0), Tn = E(!1), En = E(null), Dn = E(null), On = E(!1), kn = E(!1), An = E(null), jn = E(null), Mn = E(null), Nn = E(null), Pn = E(null), Fn = E(null), In = Je(null), Ln = E(!1), Rn = E(0), zn = E(0), R = E(null), Bn = E({
 			x: 0,
 			y: 0
 		}), Vn = E("pointer"), Hn = Se({
@@ -318,7 +318,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		Ke(() => {
 			Tn.value = !0, Un(), Hn.start(), mr();
 		});
-		let z = E(rr()), B = _(() => z.value.userOptions.useCursorPointer), qn = _(() => o({
+		let z = E(rr()), B = _(() => z.value.userOptions.useCursorPointer), qn = _(() => u({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				useCssAnimation: !1,
@@ -395,7 +395,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				],
 				color: "#CACACA"
 			}],
-			skeletonConfig: o({
+			skeletonConfig: u({
 				defaultConfig: z.value,
 				userConfig: qn.value
 			})
@@ -414,19 +414,19 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			let e = be({
 				userConfig: M.config,
 				defaultConfig: sn
-			}), t = {}, r = e.theme;
-			if (r) if (!cn.value(e)) ln(e), t = e;
+			}), t = {}, n = e.theme;
+			if (n) if (!cn.value(e)) ln(e), t = e;
 			else {
-				let a = be({
-					userConfig: Ie[r] || M.config,
+				let r = be({
+					userConfig: Ie[n] || M.config,
 					defaultConfig: e
 				});
 				t = {
 					...be({
 						userConfig: M.config,
-						defaultConfig: a
+						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : n[r] || c
+					customPalette: e.customPalette.length ? e.customPalette : f[n] || ae
 				};
 			}
 			else t = e;
@@ -465,16 +465,16 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			}
 		}), ur = _(() => le(z.value.customPalette)), U = Je(null), dr = Je(null), fr = E(null), pr = _(() => !!z.value.debug);
 		function mr({ resetSlicer: e = !0 } = {}) {
-			if (f(M.dataset) ? (ee({
+			if (a(M.dataset) ? (p({
 				componentName: "VueUiStackbar",
 				type: "dataset",
 				debug: pr.value
 			}), Xn.value = !0) : M.dataset.forEach((e, t) => {
-				te({
+				ee({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
 				}).forEach((e) => {
-					dn.value = !1, ee({
+					dn.value = !1, p({
 						componentName: "VueUiStackbar",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -482,7 +482,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 						debug: pr.value
 					}), Xn.value = !0;
 				});
-			}), f(M.dataset) || (Xn.value = z.value.loading), setTimeout(() => {
+			}), a(M.dataset) || (Xn.value = z.value.loading), setTimeout(() => {
 				xn.value = !0;
 			}, 10), z.value.responsive) {
 				let e = Oe(() => {
@@ -651,7 +651,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				};
 			}
 		}), K = _(() => Yn.value.map((e, t) => {
-			let n = `stackbar_serie_${t}`, r = ue(e.color) || ur.value[t] || c[t] || c[t % c.length];
+			let n = `stackbar_serie_${t}`, r = ue(e.color) || ur.value[t] || ae[t] || ae[t % ae.length];
 			return {
 				...e,
 				series: JSON.parse(JSON.stringify(e.series)).map((e) => z.value.style.chart.bars.distributed ? Math.abs(e) : e),
@@ -700,7 +700,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		let X = _(() => {
 			let e;
 			return e = z.value.orientation === "vertical" ? G.value.width / (J.value.end - J.value.start) : G.value.height / (J.value.end - J.value.start), e <= 0 ? 0 : e;
-		}), Nr = _(() => l(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Pr = _(() => I.value.length === K.value.length), Fr = _(() => z.value.style.chart.zoom.minimap.show ? l(K.value.map((e) => ({
+		}), Nr = _(() => de(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Pr = _(() => I.value.length === K.value.length), Fr = _(() => z.value.style.chart.zoom.minimap.show ? de(K.value.map((e) => ({
 			...e,
 			series: e.series.map((e) => e ?? 0)
 		})).filter((e) => Pr.value ? !0 : !I.value.includes(e.id))) : []), Ir = _(() => z.value.style.chart.zoom.minimap.show ? [{
@@ -708,17 +708,17 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			series: Fr.value,
 			color: "#000000",
 			isVisible: !0
-		}] : []), Lr = _(() => l(K.value.filter((e) => !I.value.includes(e.id)).map((e) => ({
+		}] : []), Lr = _(() => de(K.value.filter((e) => !I.value.includes(e.id)).map((e) => ({
 			...e,
 			series: e.series.map((t, n) => e.signedSeries[n] === -1 && t >= 0 ? -t : t)
 		}))).slice(J.value.start, J.value.end)), Rr = _(() => {
 			let e = K.value.filter((e) => !I.value.includes(e.id));
 			return {
-				positive: l(e.map((e) => ({
+				positive: de(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e >= 0 ? e : 0)
 				}))),
-				negative: l(e.map((e) => ({
+				negative: de(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e < 0 ? e : 0)
 				})))
@@ -730,7 +730,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				NaN,
 				void 0,
 				null
-			].includes(t) ? 0 : t, r = !z.value.style.chart.bars.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? ne(n > 0 ? 0 : n, e < 0 ? 0 : e, z.value.style.chart.grid.scale.ticks) : re(n > 0 ? 0 : n, e < 0 ? 0 : e, z.value.style.chart.grid.scale.ticks);
+			].includes(t) ? 0 : t, r = !z.value.style.chart.bars.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? te(n > 0 ? 0 : n, e < 0 ? 0 : e, z.value.style.chart.grid.scale.ticks) : re(n > 0 ? 0 : n, e < 0 ? 0 : e, z.value.style.chart.grid.scale.ticks);
 			return r.ticks.map((e) => ({
 				zero: G.value.bottom - G.value.height * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
 				y: G.value.bottom - G.value.height * ((e + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
@@ -815,13 +815,13 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				NaN,
 				void 0,
 				null
-			].includes(o) ? 0 : o, { min: c, max: l } = !z.value.style.chart.bars.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? ne(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks) : re(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks), u = l + (c >= 0 ? 0 : Math.abs(c)) || 1, d = G.value.height, f = G.value.width, p = Z.value[0] ? Z.value[0].zero : G.value.bottom, ee = Z.value[0] ? Z.value[0].horizontal_zero : G.value.left, te = Array(Fr.value.length).fill(0), ie = Array(Fr.value.length).fill(0);
+			].includes(o) ? 0 : o, { min: c, max: l } = !z.value.style.chart.bars.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? te(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks) : re(z.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : z.value.style.chart.grid.scale.scaleMin, z.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : z.value.style.chart.grid.scale.scaleMax, z.value.style.chart.grid.scale.ticks), u = l + (c >= 0 ? 0 : Math.abs(c)) || 1, d = G.value.height, f = G.value.width, p = Z.value[0] ? Z.value[0].zero : G.value.bottom, ee = Z.value[0] ? Z.value[0].horizontal_zero : G.value.left, ne = Array(Fr.value.length).fill(0), m = Array(Fr.value.length).fill(0);
 			return K.value.filter((e) => !I.value.includes(e.id)).map((a) => {
-				let o = a.series.slice(), s = o.map((e, t) => te[t]), c = o.map((e, t) => ie[t]);
+				let o = a.series.slice(), s = o.map((e, t) => ne[t]), c = o.map((e, t) => m[t]);
 				o.forEach((e, t) => {
-					(Number(e) || 0) >= 0 ? te[t] += Number(e) || 0 : ie[t] += Math.abs(Number(e) || 0);
+					(Number(e) || 0) >= 0 ? ne[t] += Number(e) || 0 : m[t] += Math.abs(Number(e) || 0);
 				});
-				let l = a.series.slice(J.value.start, J.value.end), ne = a.signedSeries.slice(J.value.start, J.value.end), re = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), m = (Fr.value || []).filter(Number.isFinite), ae = m.length ? Math.max(...m) : 0, h = m.length ? Math.min(...m) : 0;
+				let l = a.series.slice(J.value.start, J.value.end), te = a.signedSeries.slice(J.value.start, J.value.end), re = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), ie = (Fr.value || []).filter(Number.isFinite), ae = ie.length ? Math.max(...ie) : 0, h = ie.length ? Math.min(...ie) : 0;
 				function oe({ minimapH: e }) {
 					let t = 1e-9, n = ae > 0;
 					if (n && h < 0) {
@@ -873,7 +873,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					...a,
 					proportions: l.map((e, t) => z.value.style.chart.bars.distributed ? (e || 0) / Nr.value[t] : (e || 0) / he),
 					series: l,
-					signedSeries: ne,
+					signedSeries: te,
 					x: re,
 					y: le,
 					height: fe,
@@ -889,9 +889,9 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			value: e,
 			sign: e >= 0 ? 1 : -1
 		})));
-		function Xr(e, t, n, a, o) {
-			let s = o === -1 && e >= 0 ? -e : e;
-			return m(z.value.style.chart.bars.dataLabels.formatter, s, r({
+		function Xr(e, t, n, r, a) {
+			let s = a === -1 && e >= 0 ? -e : e;
+			return m(z.value.style.chart.bars.dataLabels.formatter, s, o({
 				p: z.value.style.chart.bars.dataLabels.prefix,
 				v: s,
 				s: z.value.style.chart.bars.dataLabels.suffix,
@@ -899,18 +899,18 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			}), {
 				datapoint: t,
 				seriesIndex: n,
-				datapointIndex: a
+				datapointIndex: r
 			});
 		}
-		function Zr(e, t, n, a) {
-			return m(z.value.style.chart.bars.dataLabels.formatter, e, r({
+		function Zr(e, t, n, r) {
+			return m(z.value.style.chart.bars.dataLabels.formatter, e, o({
 				v: isNaN(e) ? 0 : e,
 				s: "%",
 				r: z.value.style.chart.bars.dataLabels.rounding
 			}), {
 				datapoint: t,
 				seriesIndex: n,
-				datapointIndex: a
+				datapointIndex: r
 			});
 		}
 		function Qr(e) {
@@ -967,29 +967,29 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		function ri(e, t = "pointer") {
 			if (Pr.value) return;
 			Vn.value = t, R.value = e, L.value = e, fn.value = !0;
-			let n = z.value.style.chart.tooltip.customFormat, a = $r(e);
+			let n = z.value.style.chart.tooltip.customFormat, r = $r(e);
 			Hi({
 				seriesIndex: e,
-				datapoint: a
+				datapoint: r
 			}), z.value.events.datapointEnter && z.value.events.datapointEnter({
-				datapoint: a,
+				datapoint: r,
 				seriesIndex: e + J.value.start
 			}), pn.value = {
 				timeLabel: ni(e),
-				datapoint: a,
+				datapoint: r,
 				seriesIndex: e,
 				config: z.value,
 				series: $.value
 			};
-			let o = a.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0), s = a.map((e) => h(e.value)).reduce((e, t) => e + t, 0);
-			if (ie(n) && ae(() => n({
+			let a = r.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0), s = r.map((e) => h(e.value)).reduce((e, t) => e + t, 0);
+			if (ne(n) && ie(() => n({
 				seriesIndex: e,
-				datapoint: a,
+				datapoint: r,
 				series: $.value,
 				config: z.value
 			}))) mn.value = n({
 				seriesIndex: e,
-				datapoint: a,
+				datapoint: r,
 				series: $.value,
 				config: z.value
 			});
@@ -998,7 +998,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				ee && (p += `<div style="width:100%;text-align:center;border-bottom:1px solid ${u};padding-bottom:6px;margin-bottom:3px;">${ee}</div>`), n && (p += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
                 <span>${c}:</span>
                 <span>
-                    ${m(z.value.style.chart.bars.dataLabels.formatter, s, r({
+                    ${m(z.value.style.chart.bars.dataLabels.formatter, s, o({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: s,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -1010,17 +1010,17 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
                 </span>
             </div>`);
 				let te = [t && l ? "(" : "", t && l ? ")" : ""];
-				a.reverse().forEach((e) => {
+				r.reverse().forEach((e) => {
 					p += `
                 <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
                     <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${z.value.style.chart.bars.gradient.show ? `url(#gradient_${e.id})` : e.color}"/>${un.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${F.value}_${e.absoluteIndex})"/>` : ""}</svg>
-                    ${e.name}${t || l ? ":" : ""} ${t ? m(z.value.style.chart.bars.dataLabels.formatter, e.value, r({
+                    ${e.name}${t || l ? ":" : ""} ${t ? m(z.value.style.chart.bars.dataLabels.formatter, e.value, o({
 						p: z.value.style.chart.bars.dataLabels.prefix,
 						v: e.value,
 						s: z.value.style.chart.bars.dataLabels.suffix,
 						r: d
-					}, { datapoint: e })) : ""} ${te[0]}${l ? r({
-						v: isNaN(e.value / o) ? 0 : Math.abs(e.value) / o * 100,
+					}, { datapoint: e })) : ""} ${te[0]}${l ? o({
+						v: isNaN(e.value / a) ? 0 : Math.abs(e.value) / a * 100,
 						s: "%",
 						r: f
 					}) : ""}${te[1]}
@@ -1098,8 +1098,8 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				[z.value.style.chart.title.text],
 				[z.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...di.value.head.map((e) => e.label)], r = di.value.body, a = u(t.concat([n]).concat(r));
-			e ? e(a) : s({
+			], n = ["", ...di.value.head.map((e) => e.label)], r = di.value.body, a = l(t.concat([n]).concat(r));
+			e ? e(a) : c({
 				csvContent: a,
 				title: z.value.style.chart.title.text || "vue-ui-stackbar"
 			});
@@ -1383,10 +1383,10 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		}
 		function Zi(e) {
 			if (!Number.isFinite(e)) return;
-			let t, n;
-			z.value.orientation === "vertical" ? (t = G.value.left + e * X.value + X.value / 2, n = G.value.top + G.value.height / 2) : (t = G.value.left + G.value.width / 2, n = G.value.top + e * X.value + X.value / 2);
-			let r = de(t, n, er.value);
-			r && (Bn.value = r);
+			let t, r;
+			z.value.orientation === "vertical" ? (t = G.value.left + e * X.value + X.value / 2, r = G.value.top + G.value.height / 2) : (t = G.value.left + G.value.width / 2, r = G.value.top + e * X.value + X.value / 2);
+			let a = n(t, r, er.value);
+			a && (Bn.value = a);
 		}
 		let Qi = _(() => ({
 			headers: pi.value?.colNames ?? [],
@@ -1632,7 +1632,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					}, null, 8, ct),
 					x("stop", {
 						offset: "61.8%",
-						"stop-color": A(d)(e.color, z.value.style.chart.bars.gradient.intensity / 100)
+						"stop-color": A(r)(e.color, z.value.style.chart.bars.gradient.intensity / 100)
 					}, null, 8, lt),
 					x("stop", {
 						offset: "100%",
@@ -1864,7 +1864,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					"font-weight": z.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
 					fill: z.value.style.chart.grid.y.axisLabels.color,
 					"text-anchor": W.value ? "start" : "end"
-				}, k(A(m)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(r)({
+				}, k(A(m)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(o)({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -1889,7 +1889,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					fill: z.value.style.chart.grid.y.axisLabels.color,
 					"text-anchor": z.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : z.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
 					transform: `translate(${e.horizontal_x}, ${G.value.bottom + z.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + z.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${z.value.style.chart.grid.x.timeLabels.rotation})`
-				}, k(A(m)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(r)({
+				}, k(A(m)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(o)({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -1965,7 +1965,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					y: G.value.top + X.value * t + X.value / 2 + z.value.style.chart.grid.y.axisLabels.fontSize / 3,
 					style: w({ cursor: B.value ? "pointer" : "default" }),
 					onClick: () => Ci(e, t),
-					innerHTML: A(p)({
+					innerHTML: A(d)({
 						content: String(e.text),
 						fontSize: z.value.style.chart.grid.y.axisLabels.fontSize,
 						fill: z.value.style.chart.grid.y.axisLabels.color,
@@ -2117,7 +2117,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				parent: P.value,
 				content: mn.value,
 				isFullscreen: bn.value,
-				isCustom: A(ie)(z.value.style.chart.tooltip.customFormat),
+				isCustom: A(ne)(z.value.style.chart.tooltip.customFormat),
 				smooth: z.value.style.chart.tooltip.smooth,
 				backdropFilter: z.value.style.chart.tooltip.backdropFilter,
 				smoothForce: z.value.style.chart.tooltip.smoothForce,
@@ -2228,7 +2228,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					onClose: Oi
 				}, {
 					th: j(({ th: e }) => [x("div", { innerHTML: e }, null, 8, Zt)]),
-					td: j(({ td: e }) => [ze(k(isNaN(Number(e)) ? e : A(r)({
+					td: j(({ td: e }) => [ze(k(isNaN(Number(e)) ? e : A(o)({
 						p: z.value.style.chart.bars.dataLabels.prefix,
 						v: e,
 						s: z.value.style.chart.bars.dataLabels.suffix,