vue-data-ui 3.22.4 → 3.22.6

package/dist/{vue-ui-stackbar-Dqs7_g8D.js → vue-ui-stackbar-DDvuDGQ_.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, b as te, g as ne, h as re, i as p, it as m, jt as ie, ot as ae, q as h, r as oe, s as se, t as ce, ut as le, vt as ue, w as de } from "./lib-CuwHGt1j.js";
+import { At as t, Bt as n, Dt as r, H as a, Ht as o, Q as s, S as c, U as l, Vt as u, W as d, Wt as f, X as ee, _t as te, at as ne, b as re, g as ie, h as ae, i as p, lt as oe, q as m, r as se, rt as h, s as ce, t as le, w as ue, wt as de } from "./lib-DRBJCmHW.js";
 import { n as fe, r as pe, t as me } from "./useTimeLabels-BmBRv27Y.js";
-import { t as he } from "./useConfig-pVLia3dt.js";
-import { t as ge } from "./usePrinter-C0wAS8yc.js";
+import { t as he } from "./useConfig-DYM3f6EI.js";
+import { t as ge } from "./usePrinter-CRp5IW3v.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-BjkuFaz1.js";
+import { t as be } from "./useNestedProp-BEo2N1Db.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-B29J8tV5.js";
-import { n as Te } from "./Title-DDEEO-Nr.js";
-import { t as Ee } from "./Shape-BnF9aMPX.js";
+import { t as we } from "./img-B_y5qDdm.js";
+import { n as Te } from "./Title-C-p0ilWB.js";
+import { t as Ee } from "./Shape-BSetplwm.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-BDI-aCXE.js";
-import { t as je } from "./BaseLegendToggle-C4Usj0LI.js";
+import { t as Ae } from "./SlicerPreview-D1n9AW39.js";
+import { t as je } from "./BaseLegendToggle-DFwIY5bE.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-DXOzbXb-.js";
+import { t as Fe } from "./Legend-D-635Kag.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 S, guardReactiveProps as C, mergeProps as Ve, nextTick as He, normalizeClass as Ue, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as We, onMounted as Ge, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as Ke, shallowRef as qe, toDisplayString as A, toRefs as Je, unref as j, useSlots as Ye, watch as Xe, watchEffect as Ze, withCtx as M } from "vue";
 //#region src/components/vue-ui-stackbar.vue
@@ -280,14 +280,14 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 		"copyAlt"
 	],
 	setup(e, { expose: De, emit: Qe }) {
-		let Zt = S(() => import("./Tooltip-BhKov422.js")), Qt = S(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), $t = S(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), en = S(() => import("./DataTable-PidUPOit.js")), tn = S(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), nn = S(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), rn = S(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), an = S(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_stackbar: on } = he(), { isThemeValid: sn, warnInvalidTheme: cn } = xe(), ln = Ye(), N = e, P = Qe, un = _({
+		let Zt = S(() => import("./Tooltip-YabpoXo1.js")), Qt = S(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), $t = S(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), en = S(() => import("./DataTable-CXfvIulC.js")), tn = S(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), nn = S(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), rn = S(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), an = S(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_stackbar: on } = he(), { isThemeValid: sn, warnInvalidTheme: cn } = xe(), ln = Ye(), N = e, P = Qe, un = _({
 			get() {
 				return !!N.dataset && N.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), F = D(null), I = D(f()), dn = D(!1), fn = D(null), pn = D(""), L = D([]), mn = D(0), hn = D(null), gn = D(null), _n = D(null), vn = D(null), yn = D(!1), R = D(null), bn = D(!1), xn = D(0), Sn = D(0), Cn = D(0), wn = D(!1), Tn = D(null), En = D(null), Dn = D(!1), On = D(!1), kn = D(null), An = D(null), jn = D(null), Mn = D(null), Nn = D(null), Pn = D(null), Fn = qe(null), In = D(!1), Ln = D(0), Rn = D(0), z = D(null), zn = D({
+		}), F = D(null), I = D(d()), dn = D(!1), fn = D(null), pn = D(""), L = D([]), mn = D(0), hn = D(null), gn = D(null), _n = D(null), vn = D(null), yn = D(!1), R = D(null), bn = D(!1), xn = D(0), Sn = D(0), Cn = D(0), wn = D(!1), Tn = D(null), En = D(null), Dn = D(!1), On = D(!1), kn = D(null), An = D(null), jn = D(null), Mn = D(null), Nn = D(null), Pn = D(null), Fn = qe(null), In = D(!1), Ln = D(0), Rn = D(0), z = D(null), zn = D({
 			x: 0,
 			y: 0
 		}), Bn = D("pointer"), Vn = Se({
@@ -318,7 +318,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 		Ge(() => {
 			wn.value = !0, Hn(), Vn.start(), mr();
 		});
-		let B = D(nr()), V = _(() => B.value.userOptions.useCursorPointer), Kn = _(() => t({
+		let B = D(nr()), V = _(() => B.value.userOptions.useCursorPointer), Kn = _(() => f({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				useCssAnimation: !1,
@@ -395,7 +395,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				],
 				color: "#CACACA"
 			}],
-			skeletonConfig: t({
+			skeletonConfig: f({
 				defaultConfig: B.value,
 				userConfig: Kn.value
 			})
@@ -414,23 +414,23 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			let e = be({
 				userConfig: N.config,
 				defaultConfig: on
-			}), t = {}, n = e.theme;
-			if (n) if (!sn.value(e)) cn(e), t = e;
+			}), n = {}, r = e.theme;
+			if (r) if (!sn.value(e)) cn(e), n = e;
 			else {
-				let r = be({
-					userConfig: Ie[n] || N.config,
+				let a = be({
+					userConfig: Ie[r] || N.config,
 					defaultConfig: e
 				});
-				t = {
+				n = {
 					...be({
 						userConfig: N.config,
-						defaultConfig: r
+						defaultConfig: a
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : u[n] || ie
+					customPalette: e.customPalette.length ? e.customPalette : o[r] || t
 				};
 			}
-			else t = e;
-			return t;
+			else n = e;
+			return n;
 		}
 		let rr = _(() => B.value.style.chart.bars.dataLabels.hideUnderValue != null), ir = _(() => B.value.style.chart.bars.dataLabels.hideUnderPercentage != null);
 		Xe(() => N.config, (e) => {
@@ -463,18 +463,18 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				bottom: B.value.style.chart.padding.bottom / B.value.style.chart.height,
 				left: B.value.style.chart.padding.left / B.value.style.chart.width
 			}
-		}), lr = _(() => s(B.value.customPalette)), ur = qe(null), dr = qe(null), fr = D(null), pr = _(() => !!B.value.debug);
+		}), lr = _(() => c(B.value.customPalette)), ur = qe(null), dr = qe(null), fr = D(null), pr = _(() => !!B.value.debug);
 		function mr({ resetSlicer: e = !0 } = {}) {
-			if (a(N.dataset) ? (o({
+			if (r(N.dataset) ? (s({
 				componentName: "VueUiStackbar",
 				type: "dataset",
 				debug: pr.value
 			}), Yn.value = !0) : N.dataset.forEach((e, t) => {
-				le({
+				oe({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
 				}).forEach((e) => {
-					un.value = !1, o({
+					un.value = !1, s({
 						componentName: "VueUiStackbar",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -482,7 +482,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 						debug: pr.value
 					}), Yn.value = !0;
 				});
-			}), a(N.dataset) || (Yn.value = B.value.loading), setTimeout(() => {
+			}), r(N.dataset) || (Yn.value = B.value.loading), setTimeout(() => {
 				bn.value = !0;
 			}, 10), B.value.responsive) {
 				let e = Oe(() => {
@@ -653,16 +653,16 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					...d
 				};
 			}
-		}), K = _(() => Jn.value.map((e, t) => {
-			let n = `stackbar_serie_${t}`, r = String(e.key ?? e.id ?? e.name ?? n), a = te(e.color) || lr.value[t] || ie[t] || ie[t % ie.length];
+		}), K = _(() => Jn.value.map((e, n) => {
+			let r = `stackbar_serie_${n}`, a = String(e.key ?? e.id ?? e.name ?? r), o = re(e.color) || lr.value[n] || t[n] || t[n % t.length];
 			return {
 				...e,
-				datasetKey: r,
+				datasetKey: a,
 				series: JSON.parse(JSON.stringify(e.series)).map((e) => B.value.style.chart.bars.distributed ? Math.abs(e) : e),
 				signedSeries: e.series.map((e) => e >= 0 ? 1 : -1),
-				absoluteIndex: t,
-				id: n,
-				color: a
+				absoluteIndex: n,
+				id: r,
+				color: o
 			};
 		})), q = _(() => {
 			let e = Math.max(...K.value.filter((e) => !L.value.includes(e.id)).map((e) => e.series.length));
@@ -704,7 +704,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 		let X = _(() => {
 			let e;
 			return e = B.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;
-		}), Pr = _(() => d(K.value.filter((e) => !L.value.includes(e.id))).slice(J.value.start, J.value.end)), Fr = _(() => L.value.length === K.value.length), Ir = _(() => B.value.style.chart.zoom.minimap.show ? d(K.value.map((e) => ({
+		}), Pr = _(() => n(K.value.filter((e) => !L.value.includes(e.id))).slice(J.value.start, J.value.end)), Fr = _(() => L.value.length === K.value.length), Ir = _(() => B.value.style.chart.zoom.minimap.show ? n(K.value.map((e) => ({
 			...e,
 			series: e.series.map((e) => e ?? 0)
 		})).filter((e) => Fr.value ? !0 : !L.value.includes(e.id))) : []), Lr = _(() => B.value.style.chart.zoom.minimap.show ? [{
@@ -712,17 +712,17 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			series: Ir.value,
 			color: "#000000",
 			isVisible: !0
-		}] : []), Rr = _(() => d(K.value.filter((e) => !L.value.includes(e.id)).map((e) => ({
+		}] : []), Rr = _(() => n(K.value.filter((e) => !L.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)), zr = _(() => {
 			let e = K.value.filter((e) => !L.value.includes(e.id));
 			return {
-				positive: d(e.map((e) => ({
+				positive: n(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: n(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e < 0 ? e : 0)
 				})))
@@ -735,7 +735,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				void 0,
 				null
 			].includes(t) ? 0 : t;
-			return !B.value.style.chart.bars.distributed && (B.value.style.chart.grid.scale.scaleMax !== null || B.value.style.chart.grid.scale.scaleMin !== null) ? ne(n > 0 ? 0 : n, e < 0 ? 0 : e, B.value.style.chart.grid.scale.ticks) : re(n > 0 ? 0 : n, e < 0 ? 0 : e, B.value.style.chart.grid.scale.ticks);
+			return !B.value.style.chart.bars.distributed && (B.value.style.chart.grid.scale.scaleMax !== null || B.value.style.chart.grid.scale.scaleMin !== null) ? ie(n > 0 ? 0 : n, e < 0 ? 0 : e, B.value.style.chart.grid.scale.ticks) : ae(n > 0 ? 0 : n, e < 0 ? 0 : e, B.value.style.chart.grid.scale.ticks);
 		}), Vr = _(() => Br.value.ticks), Z = _(() => {
 			let e = Br.value, t = e.max + Math.abs(e.min);
 			return Vr.value.map((n) => ({
@@ -749,7 +749,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			}));
 		}), Hr = _(() => {
 			let e = B.value.style.chart.grid.y.axisLabels, { prefix: t, suffix: n } = B.value.style.chart.bars.dataLabels;
-			return Vr.value.map((r) => String(p(e.formatter, r, h({
+			return Vr.value.map((r) => String(p(e.formatter, r, m({
 				p: t,
 				v: r,
 				s: n,
@@ -799,7 +799,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			return Q.value.length ? Math.min(e, [...new Set(Q.value.map((e) => e.text))].length) : e;
 		}), qr = _(() => {
 			let e = B.value.style.chart.grid.x.timeLabels, t = Q.value || [], n = Ur.value || [], r = J.value.start ?? 0, a = R.value, o = q.value, s = t.map((e) => e?.text ?? ""), c = n.map((e) => e?.text ?? "");
-			return se(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Kr.value || 1), s, c, r, a, o);
+			return ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Kr.value || 1), s, c, r, a, o);
 		});
 		Ze(() => {
 			B.value.orientation, B.value.style.chart.grid.x.timeLabels.show, B.value.style.chart.grid.x.timeLabels.fontSize, B.value.style.chart.grid.x.timeLabels.rotation, B.value.style.chart.grid.x.timeLabels.offsetY, qr.value?.map((e) => e?.text ?? "").join("|"), Hr.value, U.value.width, U.value.height, Mn.value, jn.value, kn.value, wr();
@@ -866,27 +866,27 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				NaN,
 				void 0,
 				null
-			].includes(o) ? 0 : o, { min: c, max: l } = !B.value.style.chart.bars.distributed && (B.value.style.chart.grid.scale.scaleMax !== null || B.value.style.chart.grid.scale.scaleMin !== null) ? ne(B.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : B.value.style.chart.grid.scale.scaleMax, B.value.style.chart.grid.scale.ticks) : re(B.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : B.value.style.chart.grid.scale.scaleMax, B.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, p = Array(Ir.value.length).fill(0), m = Array(Ir.value.length).fill(0);
+			].includes(o) ? 0 : o, { min: c, max: l } = !B.value.style.chart.bars.distributed && (B.value.style.chart.grid.scale.scaleMax !== null || B.value.style.chart.grid.scale.scaleMin !== null) ? ie(B.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : B.value.style.chart.grid.scale.scaleMax, B.value.style.chart.grid.scale.ticks) : ae(B.value.style.chart.grid.scale.scaleMin === null ? s > 0 ? 0 : s : B.value.style.chart.grid.scale.scaleMin, B.value.style.chart.grid.scale.scaleMax === null ? a < 0 ? 0 : a : B.value.style.chart.grid.scale.scaleMax, B.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(Ir.value.length).fill(0), re = Array(Ir.value.length).fill(0);
 			return K.value.filter((e) => !L.value.includes(e.id)).map((a) => {
-				let o = a.series.slice(), s = o.map((e, t) => p[t]), c = o.map((e, t) => m[t]);
+				let o = a.series.slice(), s = o.map((e, t) => ne[t]), c = o.map((e, t) => re[t]);
 				o.forEach((e, t) => {
-					(Number(e) || 0) >= 0 ? p[t] += Number(e) || 0 : m[t] += Math.abs(Number(e) || 0);
+					(Number(e) || 0) >= 0 ? ne[t] += Number(e) || 0 : re[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) => ti(a, J.value.start + t)), ie = o.map((e, t) => ti(a, t)), ae = l.map((e, t) => G.value.left + X.value * t + X.value * B.value.style.chart.bars.gapRatio / 4), h = (Ir.value || []).filter(Number.isFinite), oe = h.length ? Math.max(...h) : 0, se = h.length ? Math.min(...h) : 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) => ti(a, J.value.start + t)), p = o.map((e, t) => ti(a, t)), oe = l.map((e, t) => G.value.left + X.value * t + X.value * B.value.style.chart.bars.gapRatio / 4), m = (Ir.value || []).filter(Number.isFinite), se = m.length ? Math.max(...m) : 0, h = m.length ? Math.min(...m) : 0;
 				function ce({ minimapH: e }) {
-					let t = 1e-9, n = oe > 0;
-					if (n && se < 0) {
-						let n = Math.max(oe, Math.abs(se)) || t;
+					let t = 1e-9, n = se > 0;
+					if (n && h < 0) {
+						let n = Math.max(se, Math.abs(h)) || t;
 						return {
 							pxPerUnit: e / 2 / n,
 							zero: e / 2
 						};
 					}
 					return n ? {
-						pxPerUnit: e / Math.max(t, oe),
+						pxPerUnit: e / Math.max(t, se),
 						zero: e
 					} : {
-						pxPerUnit: e / Math.max(t, Math.abs(se)),
+						pxPerUnit: e / Math.max(t, Math.abs(h)),
 						zero: 0
 					};
 				}
@@ -924,10 +924,10 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					...a,
 					proportions: l.map((e, t) => B.value.style.chart.bars.distributed ? (e || 0) / Pr.value[t] : (e || 0) / _e),
 					series: l,
-					signedSeries: ne,
-					rectKeys: re,
-					minimapRectKeys: ie,
-					x: ae,
+					signedSeries: ie,
+					rectKeys: ae,
+					minimapRectKeys: p,
+					x: oe,
 					y: de,
 					height: me,
 					horizontal_width: ge,
@@ -944,7 +944,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 		})));
 		function ri(e, t, n, r, a) {
 			let o = a === -1 && e >= 0 ? -e : e;
-			return p(B.value.style.chart.bars.dataLabels.formatter, o, h({
+			return p(B.value.style.chart.bars.dataLabels.formatter, o, m({
 				p: B.value.style.chart.bars.dataLabels.prefix,
 				v: o,
 				s: B.value.style.chart.bars.dataLabels.suffix,
@@ -956,7 +956,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			});
 		}
 		function ii(e, t, n, r) {
-			return p(B.value.style.chart.bars.dataLabels.formatter, e, h({
+			return p(B.value.style.chart.bars.dataLabels.formatter, e, m({
 				v: isNaN(e) ? 0 : e,
 				s: "%",
 				r: B.value.style.chart.bars.dataLabels.rounding
@@ -1034,8 +1034,8 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				config: B.value,
 				series: $.value
 			};
-			let a = r.map((e) => Math.abs(e.value)).reduce((e, t) => e + t, 0), o = r.map((e) => m(e.value)).reduce((e, t) => e + t, 0);
-			if (ue(n) && ae(() => n({
+			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 (te(n) && ne(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: $.value,
@@ -1051,7 +1051,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				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>
                 <span>
-                    ${p(B.value.style.chart.bars.dataLabels.formatter, o, h({
+                    ${p(B.value.style.chart.bars.dataLabels.formatter, o, m({
 					p: B.value.style.chart.bars.dataLabels.prefix,
 					v: o,
 					s: B.value.style.chart.bars.dataLabels.suffix,
@@ -1067,12 +1067,12 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					f += `
                 <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="${B.value.style.chart.bars.gradient.show ? `url(#gradient_${e.id})` : e.color}"/>${ln.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${I.value}_${e.absoluteIndex})"/>` : ""}</svg>
-                    ${e.name}${t || c ? ":" : ""} ${t ? p(B.value.style.chart.bars.dataLabels.formatter, e.value, h({
+                    ${e.name}${t || c ? ":" : ""} ${t ? p(B.value.style.chart.bars.dataLabels.formatter, e.value, m({
 						p: B.value.style.chart.bars.dataLabels.prefix,
 						v: e.value,
 						s: B.value.style.chart.bars.dataLabels.suffix,
 						r: u
-					}, { datapoint: e })) : ""} ${te[0]}${c ? h({
+					}, { datapoint: e })) : ""} ${te[0]}${c ? m({
 						v: isNaN(e.value / a) ? 0 : Math.abs(e.value) / a * 100,
 						s: "%",
 						r: d
@@ -1151,7 +1151,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				[B.value.style.chart.title.text],
 				[B.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...vi.value.head.map((e) => e.label)], r = vi.value.body, a = de(t.concat([n]).concat(r));
+			], n = ["", ...vi.value.head.map((e) => e.label)], r = vi.value.body, a = ue(t.concat([n]).concat(r));
 			e ? e(a) : ee({
 				csvContent: a,
 				title: B.value.style.chart.title.text || "vue-ui-stackbar"
@@ -1438,8 +1438,8 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			if (!Number.isFinite(e)) return;
 			let t, n;
 			B.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, $n.value);
-			a && (zn.value = a);
+			let r = u(t, n, $n.value);
+			r && (zn.value = r);
 		}
 		let aa = _(() => ({
 			headers: bi.value?.colNames ?? [],
@@ -1460,7 +1460,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			toggleAnnotator: ki,
 			toggleFullscreen: pi,
 			copyAlt: $i
-		}), (t, r) => (E(), b("div", {
+		}), (t, n) => (E(), b("div", {
 			id: `stackbar_${I.value}`,
 			ref_key: "stackbarChart",
 			ref: F,
@@ -1653,7 +1653,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 			x("div", nt, [(E(), b("svg", {
 				ref_key: "svgRef",
 				ref: $n,
-				xmlns: j(ce),
+				xmlns: j(le),
 				"aria-describedby": `chart-instructions-${I.value}`,
 				viewBox: `0 0 ${G.value.chartWidth <= 0 ? 10 : G.value.chartWidth} ${G.value.chartHeight <= 0 ? 10 : G.value.chartHeight}`,
 				class: Ue({ "vue-data-ui-loading": j(qn) }),
@@ -1685,7 +1685,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					}, null, 8, st),
 					x("stop", {
 						offset: "61.8%",
-						"stop-color": j(c)(e.color, B.value.style.chart.bars.gradient.intensity / 100)
+						"stop-color": j(de)(e.color, B.value.style.chart.bars.gradient.intensity / 100)
 					}, null, 8, ct),
 					x("stop", {
 						offset: "100%",
@@ -1756,7 +1756,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				}), void 0, !0)])) : y("", !0), B.value.orientation === "vertical" ? (E(), b(g, { key: 1 }, [(E(!0), b(g, null, O(e.x, (t, n) => (E(), b("rect", {
 					key: `stackbar-rect-${e.rectKeys[n]}`,
 					x: t,
-					y: j(m)(e.y[n]),
+					y: j(h)(e.y[n]),
 					height: e.height[n] < 0 ? 1e-4 : e.height[n] || 0,
 					rx: B.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : B.value.style.chart.bars.borderRadius,
 					width: X.value * (1 - B.value.style.chart.bars.gapRatio / 2),
@@ -1772,7 +1772,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				}, null, 10, gt))), 128)), t.$slots.pattern ? (E(), b("g", _t, [(E(!0), b(g, null, O(e.x, (t, n) => (E(), b("rect", {
 					key: `stackbar-pattern-rect-${e.rectKeys[n]}`,
 					x: t,
-					y: j(m)(e.y[n]),
+					y: j(h)(e.y[n]),
 					height: e.height[n] < 0 ? 1e-4 : e.height[n] || 0,
 					rx: B.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : B.value.style.chart.bars.borderRadius,
 					width: X.value * (1 - B.value.style.chart.bars.gapRatio / 2),
@@ -1787,9 +1787,9 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					})
 				}, null, 10, vt))), 128))])) : y("", !0)], 64)) : (E(), b(g, { key: 2 }, [(E(!0), b(g, null, O(e.horizontal_x, (t, n) => (E(), b("rect", {
 					key: `stackbar-rect-${e.rectKeys[n]}`,
-					x: j(m)(t, G.value.left),
+					x: j(h)(t, G.value.left),
 					y: e.horizontal_y[n] < 0 ? 0 : e.horizontal_y[n],
-					width: j(m)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
+					width: j(h)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
 					rx: B.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : B.value.style.chart.bars.borderRadius,
 					height: X.value * (1 - B.value.style.chart.bars.gapRatio / 2),
 					fill: B.value.style.chart.bars.gradient.show ? `url(#gradient_${e.id})` : e.color,
@@ -1803,9 +1803,9 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					})
 				}, null, 10, yt))), 128)), t.$slots.pattern ? (E(), b("g", bt, [(E(!0), b(g, null, O(e.horizontal_x, (t, n) => (E(), b("rect", {
 					key: `stackbar-pattern-rect-${e.rectKeys[n]}`,
-					x: j(m)(t, G.value.left),
+					x: j(h)(t, G.value.left),
 					y: e.horizontal_y[n] < 0 ? 0 : e.horizontal_y[n],
-					width: j(m)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
+					width: j(h)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
 					rx: B.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : B.value.style.chart.bars.borderRadius,
 					height: X.value * (1 - B.value.style.chart.bars.gapRatio / 2),
 					fill: `url(#pattern_${I.value}_${e.absoluteIndex})`,
@@ -1866,7 +1866,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					x: n + X.value * (1 - B.value.style.chart.bars.gapRatio / 2) / 2,
 					y: e.y[r] + e.height[r] / 2 + B.value.style.chart.bars.dataLabels.fontSize / 3,
 					"font-size": B.value.style.chart.bars.dataLabels.fontSize,
-					fill: B.value.style.chart.bars.dataLabels.adaptColorToBackground ? j(oe)(e.color) : B.value.style.chart.bars.dataLabels.color,
+					fill: B.value.style.chart.bars.dataLabels.adaptColorToBackground ? j(se)(e.color) : B.value.style.chart.bars.dataLabels.color,
 					"font-weight": B.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, A(B.value.style.chart.bars.showDistributedPercentage && B.value.style.chart.bars.distributed ? ii(e.proportions[r] * 100, e, t, r) : ri(e.series[r], e, t, r, e.signedSeries[r])), 9, Et)) : y("", !0)], 64))), 256))]))), 256)), B.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (E(), b("g", {
@@ -1887,7 +1887,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					x: n + (e.horizontal_width[r] < 0 ? 1e-4 : e.horizontal_width[r]) / 2,
 					y: e.horizontal_y[r] + X.value * (1 - B.value.style.chart.bars.gapRatio / 2) / 2 + B.value.style.chart.bars.dataLabels.fontSize / 3,
 					"font-size": B.value.style.chart.bars.dataLabels.fontSize,
-					fill: B.value.style.chart.bars.dataLabels.adaptColorToBackground ? j(oe)(e.color) : B.value.style.chart.bars.dataLabels.color,
+					fill: B.value.style.chart.bars.dataLabels.adaptColorToBackground ? j(se)(e.color) : B.value.style.chart.bars.dataLabels.color,
 					"font-weight": B.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, A(B.value.style.chart.bars.showDistributedPercentage && B.value.style.chart.bars.distributed ? ii(e.proportions[r] * 100, e, t, r) : ri(e.series[r], e, t, r, e.signedSeries[r])), 9, Ot)) : y("", !0)], 64))), 256))]))), 256)), B.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (E(), b("g", {
@@ -1921,7 +1921,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					"font-weight": B.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
 					fill: B.value.style.chart.grid.y.axisLabels.color,
 					"text-anchor": W.value ? "start" : "end"
-				}, A(j(p)(B.value.style.chart.grid.y.axisLabels.formatter, e.value, j(h)({
+				}, A(j(p)(B.value.style.chart.grid.y.axisLabels.formatter, e.value, j(m)({
 					p: B.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: B.value.style.chart.bars.dataLabels.suffix,
@@ -1946,7 +1946,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					fill: B.value.style.chart.grid.y.axisLabels.color,
 					"text-anchor": B.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : B.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
 					transform: `translate(${e.horizontal_x}, ${G.value.bottom + B.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + B.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${B.value.style.chart.grid.x.timeLabels.rotation})`
-				}, A(j(p)(B.value.style.chart.grid.y.axisLabels.formatter, e.value, j(h)({
+				}, A(j(p)(B.value.style.chart.grid.y.axisLabels.formatter, e.value, j(m)({
 					p: B.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: B.value.style.chart.bars.dataLabels.suffix,
@@ -1979,7 +1979,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
                                         rotate(${B.value.style.chart.grid.x.timeLabels.rotation})
                                     `,
 					style: T({ cursor: V.value ? "pointer" : "default" }),
-					innerHTML: j(n)({
+					innerHTML: j(a)({
 						content: String(e.text),
 						fontSize: B.value.style.chart.grid.x.timeLabels.fontSize,
 						fill: B.value.style.chart.grid.x.timeLabels.color,
@@ -2136,9 +2136,9 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				"onUpdate:end": Ji,
 				"onUpdate:start": qi,
 				onTrapMouse: Dr,
-				onReset: r[0] ||= () => Nr({ force: !0 }),
-				onFutureEnd: r[1] ||= (e) => kr("end", e),
-				onFutureStart: r[2] ||= (e) => kr("start", e)
+				onReset: n[0] ||= () => Nr({ force: !0 }),
+				onFutureEnd: n[1] ||= (e) => kr("end", e),
+				onFutureStart: n[2] ||= (e) => kr("start", e)
 			}, {
 				"reset-action": M(({ reset: e }) => [k(t.$slots, "reset-action", w(C({ reset: e })), void 0, !0)]),
 				slotMap: M(({ width: e, height: t, unitW: n }) => [(E(!0), b(g, null, O($.value, (e) => (E(), b("g", { key: e.id }, [(E(!0), b(g, null, O(e.xMinimap({
@@ -2176,7 +2176,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				parent: F.value,
 				content: pn.value,
 				isFullscreen: yn.value,
-				isCustom: j(ue)(B.value.style.chart.tooltip.customFormat),
+				isCustom: j(te)(B.value.style.chart.tooltip.customFormat),
 				smooth: B.value.style.chart.tooltip.smooth,
 				backdropFilter: B.value.style.chart.tooltip.backdropFilter,
 				smoothForce: B.value.style.chart.tooltip.smoothForce,
@@ -2224,7 +2224,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				legendSet: Ei.value,
 				config: Di.value,
 				isCursorPointer: V.value,
-				onClickMarker: r[3] ||= ({ legend: e }) => e.segregate()
+				onClickMarker: n[3] ||= ({ legend: e }) => e.segregate()
 			}, Re({
 				item: M(({ legend: e }) => [j(qn) ? y("", !0) : (E(), b("div", {
 					key: 0,
@@ -2287,7 +2287,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 					onClose: Fi
 				}, {
 					th: M(({ th: e }) => [x("div", { innerHTML: e }, null, 8, Xt)]),
-					td: M(({ td: e }) => [ze(A(isNaN(Number(e)) ? e : j(h)({
+					td: M(({ td: e }) => [ze(A(isNaN(Number(e)) ? e : j(m)({
 						p: B.value.style.chart.bars.dataLabels.prefix,
 						v: e,
 						s: B.value.style.chart.bars.dataLabels.suffix,
@@ -2313,7 +2313,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Zt }), $e = ["id"], et = ["id"], tt
 				fn: M(() => [x("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[4] ||= (e) => yi(B.value.userOptions.callbacks.csv),
+					onClick: n[4] ||= (e) => yi(B.value.userOptions.callbacks.csv),
 					style: T({ cursor: V.value ? "pointer" : "default" })
 				}, [Be(j(Qt), {
 					name: "fileCsv",