vue-data-ui 3.22.7 → 3.22.8

package/dist/{vue-ui-stackbar-B-2Me3d-.js → vue-ui-stackbar-BVdApDnY.js}

@@ -1,26 +1,26 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Gt as t, H as n, Ht as r, Ot as a, Q as o, S as s, Tt as c, U as l, Ut as u, Vt as d, W as f, X as ee, at as te, b as ne, ct as re, g as ie, h as ae, i as p, jt as oe, q as m, r as se, rt as h, s as ce, t as le, ut as ue, vt as de, w as fe } from "./lib-EAmk-PgA.js";
+import { $ as t, Et as n, G as r, Ht as a, J as o, Kt as s, Mt as c, S as l, T as u, U as d, Ut as f, W as p, Wt as ee, Z as te, b as ne, dt as re, g as ie, h as ae, i as m, it as h, kt as oe, lt as se, ot as ce, r as le, s as ue, t as de, yt as fe } from "./lib-JqW18y5I.js";
 import { n as pe, r as me, t as he } from "./useTimeLabels-BmBRv27Y.js";
 import { t as ge } from "./useConfig-DYM3f6EI.js";
-import { t as _e } from "./usePrinter-DnGzpp6Q.js";
+import { t as _e } from "./usePrinter-CqqHmnBI.js";
 import { n as ve, t as ye } from "./BaseScanner-DZvpgOjM.js";
 import { t as be } from "./useSvgExport-SVIsDot8.js";
-import { t as xe } from "./useNestedProp-D8XqxgOU.js";
+import { t as xe } from "./useNestedProp-DIuuzG1r.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ce } from "./useStableElementSize-C7KADDKj.js";
 import { t as we } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Te } from "./img-B_abIg0o.js";
-import { n as Ee } from "./Title-PiTKr6sp.js";
-import { t as De } from "./Shape-CiQIxyyT.js";
+import { t as Te } from "./img-DnP3eXuv.js";
+import { n as Ee } from "./Title-CcNiYzEo.js";
+import { t as De } from "./Shape-UpH0a4Ur.js";
 import { t as Oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ke } from "./canvas-lib-BOP_HS11.js";
 import { t as Ae } from "./useResponsive-BfnK0KxU.js";
-import { t as je } from "./SlicerPreview-DUywypFu.js";
-import { t as Me } from "./BaseLegendToggle-CHnlKalt.js";
+import { t as je } from "./SlicerPreview-BQFeCw0m.js";
+import { t as Me } from "./BaseLegendToggle-DtQ8vyfr.js";
 import { t as Ne } from "./A11yDataTable-DdRsVULz.js";
 import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./Legend-kAr7Vqqu.js";
+import { t as Ie } from "./Legend-ROt6ugzW.js";
 import { t as Le } from "./vue_ui_stackbar-COOrQQdK.js";
 import { Fragment as g, Teleport as Re, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as ze, createTextVNode as Be, createVNode as Ve, defineAsyncComponent as He, guardReactiveProps as S, mergeProps as Ue, nextTick as We, normalizeClass as Ge, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as Ke, onMounted as qe, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as Je, shallowRef as Ye, toDisplayString as k, toRefs as Xe, unref as A, useSlots as Ze, watch as Qe, watchEffect as $e, withCtx as j } from "vue";
 //#region src/components/vue-ui-stackbar.vue
@@ -280,14 +280,14 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 		"copyAlt"
 	],
 	setup(e, { expose: Oe, emit: et }) {
-		let $t = He(() => import("./Tooltip-B8yYfISA.js")), en = He(() => import("./BaseIcon-_-BX7be3.js").then((e) => e.n)), tn = He(() => import("./vue-ui-accordion-Dzz8XhX3.js").then((e) => e.n)), nn = He(() => import("./DataTable-CVF7DoZn.js")), rn = He(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), an = He(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), on = He(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), sn = He(() => import("./BaseDraggableDialog-1wwwdwV2.js").then((e) => e.n)), { vue_ui_stackbar: cn } = ge(), { isThemeValid: ln, warnInvalidTheme: un } = Se(), dn = Ze(), M = e, N = et, fn = _({
+		let $t = He(() => import("./Tooltip-CxOrWlFy.js")), en = He(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), tn = He(() => import("./vue-ui-accordion-YyosvEPo.js").then((e) => e.n)), nn = He(() => import("./DataTable-D9NvewTT.js")), rn = He(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), an = He(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), on = He(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), sn = He(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_stackbar: cn } = ge(), { isThemeValid: ln, warnInvalidTheme: un } = Se(), dn = Ze(), M = e, N = et, fn = _({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), P = E(null), F = E(f()), pn = E(!1), mn = E(null), hn = E(""), I = E([]), gn = E(0), _n = E(null), vn = E(null), yn = E(null), bn = E(null), xn = E(!1), L = E(null), Sn = E(!1), Cn = E(0), wn = E(0), Tn = E(0), En = E(!1), Dn = E(null), On = E(null), kn = E(!1), An = E(!1), jn = E(null), Mn = E(null), Nn = E(null), Pn = E(null), Fn = E(null), In = E(null), Ln = Ye(null), Rn = E(!1), zn = E(0), Bn = E(0), R = E(null), Vn = E({
+		}), P = E(null), F = E(r()), pn = E(!1), mn = E(null), hn = E(""), I = E([]), gn = E(0), _n = E(null), vn = E(null), yn = E(null), bn = E(null), xn = E(!1), L = E(null), Sn = E(!1), Cn = E(0), wn = E(0), Tn = E(0), En = E(!1), Dn = E(null), On = E(null), kn = E(!1), An = E(!1), jn = E(null), Mn = E(null), Nn = E(null), Pn = E(null), Fn = E(null), In = E(null), Ln = Ye(null), Rn = E(!1), zn = E(0), Bn = E(0), R = E(null), Vn = E({
 			x: 0,
 			y: 0
 		}), Hn = E("pointer"), Un = Ce({
@@ -318,7 +318,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 		qe(() => {
 			En.value = !0, Wn(), Un.start(), hr();
 		});
-		let z = E(ir()), B = _(() => z.value.userOptions.useCursorPointer), Jn = _(() => t({
+		let z = E(ir()), B = _(() => z.value.userOptions.useCursorPointer), Jn = _(() => s({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				useCssAnimation: !1,
@@ -395,7 +395,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				],
 				color: "#CACACA"
 			}],
-			skeletonConfig: t({
+			skeletonConfig: s({
 				defaultConfig: z.value,
 				userConfig: Jn.value
 			})
@@ -426,7 +426,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 						userConfig: M.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : u[n] || oe
+					customPalette: e.customPalette.length ? e.customPalette : ee[n] || c
 				};
 			}
 			else t = e;
@@ -463,26 +463,26 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				bottom: z.value.style.chart.padding.bottom / z.value.style.chart.height,
 				left: z.value.style.chart.padding.left / z.value.style.chart.width
 			}
-		}), dr = _(() => s(z.value.customPalette)), U = Ye(null), fr = Ye(null), pr = E(null), mr = _(() => !!z.value.debug);
+		}), dr = _(() => l(z.value.customPalette)), U = Ye(null), fr = Ye(null), pr = E(null), mr = _(() => !!z.value.debug);
 		function hr({ resetSlicer: e = !0 } = {}) {
-			if (a(M.dataset) ? (o({
+			if (oe(M.dataset) ? (t({
 				componentName: "VueUiStackbar",
 				type: "dataset",
 				debug: mr.value
-			}), Zn.value = !0) : M.dataset.forEach((e, t) => {
-				ue({
+			}), Zn.value = !0) : M.dataset.forEach((e, n) => {
+				re({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
 				}).forEach((e) => {
-					fn.value = !1, o({
+					fn.value = !1, t({
 						componentName: "VueUiStackbar",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: t,
+						index: n,
 						debug: mr.value
 					}), Zn.value = !0;
 				});
-			}), a(M.dataset) || (Zn.value = z.value.loading), setTimeout(() => {
+			}), oe(M.dataset) || (Zn.value = z.value.loading), setTimeout(() => {
 				Sn.value = !0;
 			}, 10), z.value.responsive) {
 				let e = ke(() => {
@@ -605,7 +605,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				let e = gr();
 				a = e.left, o = e.right, s = e.scaleLabelsWidth, c = e.yAxisLabelWidth;
 			}
-			let l = z.value.style.chart.padding.top + r, u = t - t * n - vr.value - o, d = e - z.value.style.chart.padding.bottom - Er.value - r, f = z.value.style.chart.padding.left + a, ee = t - f - t * n - vr.value - o, te = e - l - z.value.style.chart.padding.bottom - Er.value - r;
+			let l = z.value.style.chart.padding.top + r, u = t - t * n - vr.value - o, d = e - z.value.style.chart.padding.bottom - Er.value - r, f = z.value.style.chart.padding.left + a, p = t - f - t * n - vr.value - o, ee = e - l - z.value.style.chart.padding.bottom - Er.value - r;
 			return {
 				chartHeight: e,
 				chartWidth: t,
@@ -613,8 +613,8 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				right: u,
 				bottom: d,
 				left: f,
-				width: Math.max(0, ee),
-				height: Math.max(0, te),
+				width: Math.max(0, p),
+				height: Math.max(0, ee),
 				offsetLeft: a,
 				offsetRightAxis: o,
 				scaleLabelsWidth: s,
@@ -654,7 +654,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				};
 			}
 		}), K = _(() => Xn.value.map((e, t) => {
-			let n = `stackbar_serie_${t}`, r = String(e.key ?? e.id ?? e.name ?? n), a = ne(e.color) || dr.value[t] || oe[t] || oe[t % oe.length];
+			let n = `stackbar_serie_${t}`, r = String(e.key ?? e.id ?? e.name ?? n), a = ne(e.color) || dr.value[t] || c[t] || c[t % c.length];
 			return {
 				...e,
 				datasetKey: r,
@@ -704,7 +704,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 		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;
-		}), Fr = _(() => d(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Ir = _(() => I.value.length === K.value.length), Lr = _(() => z.value.style.chart.zoom.minimap.show ? d(K.value.map((e) => ({
+		}), Fr = _(() => a(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Ir = _(() => I.value.length === K.value.length), Lr = _(() => z.value.style.chart.zoom.minimap.show ? a(K.value.map((e) => ({
 			...e,
 			series: e.series.map((e) => e ?? 0)
 		})).filter((e) => Ir.value ? !0 : !I.value.includes(e.id))) : []), Rr = _(() => z.value.style.chart.zoom.minimap.show ? [{
@@ -712,17 +712,17 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 			series: Lr.value,
 			color: "#000000",
 			isVisible: !0
-		}] : []), zr = _(() => d(K.value.filter((e) => !I.value.includes(e.id)).map((e) => ({
+		}] : []), zr = _(() => a(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)), Br = _(() => {
 			let e = K.value.filter((e) => !I.value.includes(e.id));
 			return {
-				positive: d(e.map((e) => ({
+				positive: a(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e >= 0 ? e : 0)
 				}))),
-				negative: d(e.map((e) => ({
+				negative: a(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e < 0 ? e : 0)
 				})))
@@ -749,7 +749,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 			}));
 		}), Ur = _(() => {
 			let e = z.value.style.chart.grid.y.axisLabels, { prefix: t, suffix: n } = z.value.style.chart.bars.dataLabels;
-			return Hr.value.map((r) => String(p(e.formatter, r, m({
+			return Hr.value.map((r) => String(m(e.formatter, r, o({
 				p: t,
 				v: r,
 				s: n,
@@ -799,7 +799,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 			return Q.value.length ? Math.min(e, [...new Set(Q.value.map((e) => e.text))].length) : e;
 		}), Jr = _(() => {
 			let e = z.value.style.chart.grid.x.timeLabels, t = Q.value || [], n = Wr.value || [], r = J.value.start ?? 0, a = L.value, o = q.value, s = t.map((e) => e?.text ?? ""), c = n.map((e) => e?.text ?? "");
-			return ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, qr.value || 1), s, c, r, a, o);
+			return ue(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, qr.value || 1), s, c, r, a, o);
 		});
 		$e(() => {
 			z.value.orientation, z.value.style.chart.grid.x.timeLabels.show, z.value.style.chart.grid.x.timeLabels.fontSize, z.value.style.chart.grid.x.timeLabels.rotation, z.value.style.chart.grid.x.timeLabels.offsetY, Jr.value?.map((e) => e?.text ?? "").join("|"), Ur.value, H.value.width, H.value.height, Pn.value, Nn.value, jn.value, Tr();
@@ -866,27 +866,27 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				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) ? ie(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) : ae(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, ee = Z.value[0] ? Z.value[0].zero : G.value.bottom, te = Z.value[0] ? Z.value[0].horizontal_zero : G.value.left, ne = Array(Lr.value.length).fill(0), re = Array(Lr.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) ? ie(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) : ae(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(Lr.value.length).fill(0), ne = Array(Lr.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) => ne[t]), c = o.map((e, t) => re[t]);
+				let o = a.series.slice(), s = o.map((e, t) => te[t]), c = o.map((e, t) => ne[t]);
 				o.forEach((e, t) => {
-					(Number(e) || 0) >= 0 ? ne[t] += Number(e) || 0 : re[t] += Math.abs(Number(e) || 0);
+					(Number(e) || 0) >= 0 ? te[t] += Number(e) || 0 : ne[t] += Math.abs(Number(e) || 0);
 				});
-				let l = a.series.slice(J.value.start, J.value.end), ie = a.signedSeries.slice(J.value.start, J.value.end), ae = l.map((e, t) => ni(a, J.value.start + t)), p = o.map((e, t) => ni(a, t)), oe = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), m = (Lr.value || []).filter(Number.isFinite), se = m.length ? Math.max(...m) : 0, h = m.length ? Math.min(...m) : 0;
+				let l = a.series.slice(J.value.start, J.value.end), re = a.signedSeries.slice(J.value.start, J.value.end), ie = l.map((e, t) => ni(a, J.value.start + t)), ae = o.map((e, t) => ni(a, t)), m = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), h = (Lr.value || []).filter(Number.isFinite), oe = h.length ? Math.max(...h) : 0, se = h.length ? Math.min(...h) : 0;
 				function ce({ minimapH: e }) {
-					let t = 1e-9, n = se > 0;
-					if (n && h < 0) {
-						let n = Math.max(se, Math.abs(h)) || t;
+					let t = 1e-9, n = oe > 0;
+					if (n && se < 0) {
+						let n = Math.max(oe, Math.abs(se)) || t;
 						return {
 							pxPerUnit: e / 2 / n,
 							zero: e / 2
 						};
 					}
 					return n ? {
-						pxPerUnit: e / Math.max(t, se),
+						pxPerUnit: e / Math.max(t, oe),
 						zero: e
 					} : {
-						pxPerUnit: e / Math.max(t, Math.abs(h)),
+						pxPerUnit: e / Math.max(t, Math.abs(se)),
 						zero: 0
 					};
 				}
@@ -895,7 +895,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					return o.map((r, a) => e + t * a + n);
 				}, ue = l.map((e, t) => G.value.top + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), de = l.map((t, r) => {
 					let a = z.value.style.chart.bars.distributed ? (t || 0) / Fr.value[r] : (t || 0) / u, o, s;
-					return t > 0 ? (s = d * a, o = ee - s - e[r], e[r] += s) : (s = d * a, o = ee + n[r], n[r] += Math.abs(s)), o;
+					return t > 0 ? (s = d * a, o = p - s - e[r], e[r] += s) : (s = d * a, o = p + n[r], n[r] += Math.abs(s)), o;
 				}), fe = ({ minimapH: e }) => {
 					if (z.value.style.chart.bars.distributed) return o.map((t, n) => {
 						let r = Math.abs(Number(t) || 0), a = Math.abs(Lr.value?.[n] || 0) || 1e-9;
@@ -908,7 +908,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					});
 				}, pe = l.map((e, n) => {
 					let a = z.value.style.chart.bars.distributed ? (e || 0) / Fr.value[n] : (e || 0) / u, o, s;
-					return e > 0 ? (s = f * a, o = te + t[n], t[n] += s) : (s = f * a, o = te - Math.abs(s) - r[n], r[n] += Math.abs(s)), o;
+					return e > 0 ? (s = f * a, o = ee + t[n], t[n] += s) : (s = f * a, o = ee - Math.abs(s) - r[n], r[n] += Math.abs(s)), o;
 				}), me = l.map((e, t) => {
 					let n = z.value.style.chart.bars.distributed ? (e || 0) / Fr.value[t] : (e || 0) / u;
 					return e > 0 ? d * n : d * Math.abs(n);
@@ -924,10 +924,10 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					...a,
 					proportions: l.map((e, t) => z.value.style.chart.bars.distributed ? (e || 0) / Fr.value[t] : (e || 0) / _e),
 					series: l,
-					signedSeries: ie,
-					rectKeys: ae,
-					minimapRectKeys: p,
-					x: oe,
+					signedSeries: re,
+					rectKeys: ie,
+					minimapRectKeys: ae,
+					x: m,
 					y: de,
 					height: me,
 					horizontal_width: ge,
@@ -943,10 +943,10 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 			sign: e >= 0 ? 1 : -1
 		})));
 		function ii(e, t, n, r, a) {
-			let o = a === -1 && e >= 0 ? -e : e;
-			return p(z.value.style.chart.bars.dataLabels.formatter, o, m({
+			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: o,
+				v: s,
 				s: z.value.style.chart.bars.dataLabels.suffix,
 				r: z.value.style.chart.bars.dataLabels.rounding
 			}), {
@@ -956,7 +956,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 			});
 		}
 		function ai(e, t, n, r) {
-			return p(z.value.style.chart.bars.dataLabels.formatter, e, m({
+			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
@@ -1034,8 +1034,8 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				config: z.value,
 				series: $.value
 			};
-			let a = r.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0), o = r.map((e) => h(e.value)).reduce((e, t) => e + t, 0);
-			if (de(n) && te(() => 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 (fe(n) && ce(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: $.value,
@@ -1047,39 +1047,39 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				config: z.value
 			});
 			else {
-				let { showValue: t, showTotal: n, totalTranslation: s, showPercentage: c, borderColor: l, roundingValue: u, roundingPercentage: d } = z.value.style.chart.tooltip, f = "", ee = ui(e);
-				ee && (f += `<div style="width:100%;text-align:center;border-bottom:1px solid ${l};padding-bottom:6px;margin-bottom:3px;">${ee}</div>`), n && (f += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
-                <span>${s}:</span>
+				let { showValue: t, showTotal: n, totalTranslation: c, showPercentage: l, borderColor: u, roundingValue: d, roundingPercentage: f } = z.value.style.chart.tooltip, p = "", ee = ui(e);
+				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>
-                    ${p(z.value.style.chart.bars.dataLabels.formatter, o, m({
+                    ${m(z.value.style.chart.bars.dataLabels.formatter, s, o({
 					p: z.value.style.chart.bars.dataLabels.prefix,
-					v: o,
+					v: s,
 					s: z.value.style.chart.bars.dataLabels.suffix,
-					r: u
+					r: d
 				}), { datapoint: {
-					name: s,
-					value: o
+					name: c,
+					value: s
 				} })}
                 </span>
             </div>`);
-				let te = [t && c ? "(" : "", t && c ? ")" : ""];
+				let te = [t && l ? "(" : "", t && l ? ")" : ""];
 				r.reverse().forEach((e) => {
-					f += `
+					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}"/>${dn.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 || c ? ":" : ""} ${t ? p(z.value.style.chart.bars.dataLabels.formatter, e.value, m({
+                    ${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: u
-					}, { datapoint: e })) : ""} ${te[0]}${c ? m({
+						r: d
+					}, { datapoint: e })) : ""} ${te[0]}${l ? o({
 						v: isNaN(e.value / a) ? 0 : Math.abs(e.value) / a * 100,
 						s: "%",
-						r: d
+						r: f
 					}) : ""}${te[1]}
                 </div>
             `;
-				}), hn.value = `<div>${f}</div>`;
+				}), hn.value = `<div>${p}</div>`;
 			}
 		}
 		let fi = _(() => H.value.width), pi = _(() => H.value.height);
@@ -1151,8 +1151,8 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				[z.value.style.chart.title.text],
 				[z.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...yi.value.head.map((e) => e.label)], r = yi.value.body, a = fe(t.concat([n]).concat(r));
-			e ? e(a) : ee({
+			], n = ["", ...yi.value.head.map((e) => e.label)], r = yi.value.body, a = u(t.concat([n]).concat(r));
+			e ? e(a) : te({
 				csvContent: a,
 				title: z.value.style.chart.title.text || "vue-ui-stackbar"
 			});
@@ -1254,7 +1254,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, o = await re(t, e) ?? a;
+			}, o = await se(t, e) ?? a;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1440,8 +1440,8 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 			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 a = r(t, n, tr.value);
-			a && (Vn.value = a);
+			let r = f(t, n, tr.value);
+			r && (Vn.value = r);
 		}
 		let oa = _(() => ({
 			headers: xi.value?.colNames ?? [],
@@ -1655,7 +1655,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 			x("div", it, [(T(), b("svg", {
 				ref_key: "svgRef",
 				ref: tr,
-				xmlns: A(le),
+				xmlns: A(de),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				viewBox: `0 0 ${G.value.chartWidth <= 0 ? 10 : G.value.chartWidth} ${G.value.chartHeight <= 0 ? 10 : G.value.chartHeight}`,
 				class: Ge({ "vue-data-ui-loading": A(Yn) }),
@@ -1687,7 +1687,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					}, null, 8, lt),
 					x("stop", {
 						offset: "61.8%",
-						"stop-color": A(c)(e.color, z.value.style.chart.bars.gradient.intensity / 100)
+						"stop-color": A(n)(e.color, z.value.style.chart.bars.gradient.intensity / 100)
 					}, null, 8, ut),
 					x("stop", {
 						offset: "100%",
@@ -1868,7 +1868,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					x: n + X.value * (1 - z.value.style.chart.bars.gapRatio / 2) / 2,
 					y: e.y[r] + e.height[r] / 2 + z.value.style.chart.bars.dataLabels.fontSize / 3,
 					"font-size": z.value.style.chart.bars.dataLabels.fontSize,
-					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(se)(e.color) : z.value.style.chart.bars.dataLabels.color,
+					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(le)(e.color) : z.value.style.chart.bars.dataLabels.color,
 					"font-weight": z.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, k(z.value.style.chart.bars.showDistributedPercentage && z.value.style.chart.bars.distributed ? ai(e.proportions[r] * 100, e, t, r) : ii(e.series[r], e, t, r, e.signedSeries[r])), 9, Ot)) : y("", !0)], 64))), 256))]))), 256)), z.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (T(), b("g", {
@@ -1889,7 +1889,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					x: n + (e.horizontal_width[r] < 0 ? 1e-4 : e.horizontal_width[r]) / 2,
 					y: e.horizontal_y[r] + X.value * (1 - z.value.style.chart.bars.gapRatio / 2) / 2 + z.value.style.chart.bars.dataLabels.fontSize / 3,
 					"font-size": z.value.style.chart.bars.dataLabels.fontSize,
-					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(se)(e.color) : z.value.style.chart.bars.dataLabels.color,
+					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(le)(e.color) : z.value.style.chart.bars.dataLabels.color,
 					"font-weight": z.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, k(z.value.style.chart.bars.showDistributedPercentage && z.value.style.chart.bars.distributed ? ai(e.proportions[r] * 100, e, t, r) : ii(e.series[r], e, t, r, e.signedSeries[r])), 9, At)) : y("", !0)], 64))), 256))]))), 256)), z.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (T(), b("g", {
@@ -1923,7 +1923,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					"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(p)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(m)({
+				}, 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,
@@ -1948,7 +1948,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					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(p)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(m)({
+				}, 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,
@@ -1981,7 +1981,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
                                         rotate(${z.value.style.chart.grid.x.timeLabels.rotation})
                                     `,
 					style: w({ cursor: B.value ? "pointer" : "default" }),
-					innerHTML: A(n)({
+					innerHTML: A(d)({
 						content: String(e.text),
 						fontSize: z.value.style.chart.grid.x.timeLabels.fontSize,
 						fill: z.value.style.chart.grid.x.timeLabels.color,
@@ -2024,7 +2024,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					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: () => ji(e, t),
-					innerHTML: A(l)({
+					innerHTML: A(p)({
 						content: String(e.text),
 						fontSize: z.value.style.chart.grid.y.axisLabels.fontSize,
 						fill: z.value.style.chart.grid.y.axisLabels.color,
@@ -2179,7 +2179,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 				parent: P.value,
 				content: hn.value,
 				isFullscreen: xn.value,
-				isCustom: A(de)(z.value.style.chart.tooltip.customFormat),
+				isCustom: A(fe)(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,
@@ -2290,7 +2290,7 @@ var et = /* @__PURE__ */ e({ default: () => $t }), tt = ["id"], nt = ["id"], rt
 					onClose: Ii
 				}, {
 					th: j(({ th: e }) => [x("div", { innerHTML: e }, null, 8, Qt)]),
-					td: j(({ td: e }) => [Be(k(isNaN(Number(e)) ? e : A(m)({
+					td: j(({ td: e }) => [Be(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,