vue-data-ui 3.22.9 → 3.22.11

package/dist/{vue-ui-stackbar-Ds4hXATH.js → vue-ui-stackbar-BZKw8WYn.js}

@@ -1,29 +1,28 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.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-CqqHmnBI.js";
+import { At as t, C as n, Dt as r, E as a, G as o, Gt as s, K as c, Nt as l, Q as u, Ut as d, W as f, Wt as ee, Y as p, _ as te, at as m, bt as ne, et as re, ft as ie, g as ae, i as h, qt as oe, r as se, s as ce, st as le, t as ue, ut as de, x as fe } from "./lib-CFm_J26b.js";
+import { n as pe, r as me, t as he } from "./useTimeLabels-B9CEuiLZ.js";
+import { t as ge } from "./useConfig-C0V0eG7L.js";
+import { t as _e } from "./usePrinter-BH-xle1O.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-DIuuzG1r.js";
+import { t as be } from "./useSvgExport-Ba9qBr9M.js";
+import { t as xe } from "./useNestedProp-BY6DNN3i.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-DnP3eXuv.js";
-import { n as Ee } from "./Title-CcNiYzEo.js";
-import { t as De } from "./Shape-UpH0a4Ur.js";
+import { t as Te } from "./img-Bikk1dGb.js";
+import { n as Ee } from "./Title-BuPs74IB.js";
+import { t as De } from "./Shape-BfnXr1nJ.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 { l as ke, t as Ae } from "./useResponsive-ZtArZtUf.js";
 import { t as je } from "./DefGrad-DVBqDjhO.js";
-import { t as Me } from "./SlicerPreview-CTz41lOu.js";
-import { t as Ne } from "./BaseLegendToggle-DWtet-Hh.js";
+import { t as Me } from "./SlicerPreview-BIdvqU32.js";
+import { t as Ne } from "./BaseLegendToggle-DsWphmIb.js";
 import { t as Pe } from "./A11yDataTable-DdRsVULz.js";
 import { t as Fe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ie } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Le } from "./Legend-ROt6ugzW.js";
+import { t as Le } from "./Legend-C0xAnJdO.js";
 import { t as Re } from "./vue_ui_stackbar-COOrQQdK.js";
-import { Fragment as g, Teleport as ze, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as Ue, guardReactiveProps as S, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as qe, onMounted as Je, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as Ye, shallowRef as Xe, toDisplayString as k, toRefs as Ze, unref as A, useSlots as Qe, watch as $e, watchEffect as et, withCtx as j } from "vue";
+import { Fragment as g, Teleport as ze, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as Be, createSlots as Ve, createTextVNode as He, createVNode as Ue, defineAsyncComponent as x, guardReactiveProps as S, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as qe, onMounted as Je, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as Ye, shallowRef as Xe, toDisplayString as k, toRefs as Ze, unref as A, useSlots as Qe, watch as $e, watchEffect as et, withCtx as j } from "vue";
 //#region src/components/vue-ui-stackbar.vue
 var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it = ["id"], at = { style: { position: "relative" } }, ot = [
 	"xmlns",
@@ -281,14 +280,14 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 		"copyAlt"
 	],
 	setup(e, { expose: Oe, emit: tt }) {
-		let Xt = Ue(() => import("./Tooltip-CxOrWlFy.js")), Zt = Ue(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), Qt = Ue(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), $t = Ue(() => import("./DataTable-BxpTMgfK.js")), en = Ue(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), tn = Ue(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), nn = Ue(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), rn = Ue(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_stackbar: an } = ge(), { isThemeValid: on, warnInvalidTheme: sn } = Se(), cn = Qe(), M = e, N = tt, ln = _({
+		let Xt = x(() => import("./Tooltip-CA1rtSyl.js")), Zt = x(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Qt = x(() => import("./vue-ui-accordion-nNxnZTg9.js").then((e) => e.n)), $t = x(() => import("./DataTable-DzPEVvSo.js")), en = x(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), tn = x(() => import("./UserOptions-B69xBEVP.js").then((e) => e.n)), nn = x(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), rn = x(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_stackbar: an } = ge(), { isThemeValid: on, warnInvalidTheme: sn } = Se(), cn = Qe(), M = e, N = tt, ln = _({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), P = E(null), F = E(r()), un = E(!1), dn = E(null), fn = E(""), I = E([]), pn = E(0), mn = E(null), hn = E(null), gn = E(null), _n = E(null), vn = E(!1), L = E(null), yn = E(!1), bn = E(0), xn = E(0), Sn = E(0), Cn = E(!1), wn = E(null), Tn = E(null), En = E(!1), Dn = E(!1), On = E(null), kn = E(null), An = E(null), jn = E(null), Mn = E(null), Nn = E(null), Pn = Xe(null), Fn = E(!1), In = E(0), Ln = E(0), R = E(null), Rn = E({
+		}), P = E(null), F = E(c()), un = E(!1), dn = E(null), fn = E(""), I = E([]), pn = E(0), mn = E(null), hn = E(null), gn = E(null), _n = E(null), vn = E(!1), L = E(null), yn = E(!1), bn = E(0), xn = E(0), Sn = E(0), Cn = E(!1), wn = E(null), Tn = E(null), En = E(!1), Dn = E(!1), On = E(null), kn = E(null), An = E(null), jn = E(null), Mn = E(null), Nn = E(null), Pn = Xe(null), Fn = E(!1), In = E(0), Ln = E(0), R = E(null), Rn = E({
 			x: 0,
 			y: 0
 		}), zn = E("pointer"), Bn = Ce({
@@ -319,7 +318,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 		Je(() => {
 			Cn.value = !0, Vn(), Bn.start(), fr();
 		});
-		let z = E(tr()), B = _(() => z.value.userOptions.useCursorPointer), Gn = _(() => s({
+		let z = E(tr()), B = _(() => z.value.userOptions.useCursorPointer), Gn = _(() => oe({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				useCssAnimation: !1,
@@ -396,7 +395,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				],
 				color: "#CACACA"
 			}],
-			skeletonConfig: s({
+			skeletonConfig: oe({
 				defaultConfig: z.value,
 				userConfig: Gn.value
 			})
@@ -427,7 +426,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 						userConfig: M.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : ee[n] || c
+					customPalette: e.customPalette.length ? e.customPalette : s[n] || l
 				};
 			}
 			else t = e;
@@ -464,26 +463,26 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				bottom: z.value.style.chart.padding.bottom / z.value.style.chart.height,
 				left: z.value.style.chart.padding.left / z.value.style.chart.width
 			}
-		}), cr = _(() => l(z.value.customPalette)), U = Xe(null), lr = Xe(null), ur = E(null), dr = _(() => !!z.value.debug);
+		}), cr = _(() => n(z.value.customPalette)), U = Xe(null), lr = Xe(null), ur = E(null), dr = _(() => !!z.value.debug);
 		function fr({ resetSlicer: e = !0 } = {}) {
-			if (oe(M.dataset) ? (t({
+			if (t(M.dataset) ? (re({
 				componentName: "VueUiStackbar",
 				type: "dataset",
 				debug: dr.value
-			}), Jn.value = !0) : M.dataset.forEach((e, n) => {
-				re({
+			}), Jn.value = !0) : M.dataset.forEach((e, t) => {
+				ie({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
 				}).forEach((e) => {
-					ln.value = !1, t({
+					ln.value = !1, re({
 						componentName: "VueUiStackbar",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: n,
+						index: t,
 						debug: dr.value
 					}), Jn.value = !0;
 				});
-			}), oe(M.dataset) || (Jn.value = z.value.loading), setTimeout(() => {
+			}), t(M.dataset) || (Jn.value = z.value.loading), setTimeout(() => {
 				yn.value = !0;
 			}, 10), z.value.responsive) {
 				let e = ke(() => {
@@ -547,7 +546,8 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			let t = Nn.value;
 			if (!t) return;
 			let n = () => {
-				gr(_r());
+				let e = _r();
+				gr(e);
 			};
 			n();
 			let r = new ResizeObserver(n);
@@ -606,7 +606,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				let e = pr();
 				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 - hr.value - o, d = e - z.value.style.chart.padding.bottom - Cr.value - r, f = z.value.style.chart.padding.left + a, p = t - f - t * n - hr.value - o, ee = e - l - z.value.style.chart.padding.bottom - Cr.value - r;
+			let l = z.value.style.chart.padding.top + r, u = t - t * n - hr.value - o, d = e - z.value.style.chart.padding.bottom - Cr.value - r, f = z.value.style.chart.padding.left + a, ee = t - f - t * n - hr.value - o, p = e - l - z.value.style.chart.padding.bottom - Cr.value - r;
 			return {
 				chartHeight: e,
 				chartWidth: t,
@@ -614,8 +614,8 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				right: u,
 				bottom: d,
 				left: f,
-				width: Math.max(0, p),
-				height: Math.max(0, ee),
+				width: Math.max(0, ee),
+				height: Math.max(0, p),
 				offsetLeft: a,
 				offsetRightAxis: o,
 				scaleLabelsWidth: s,
@@ -655,7 +655,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				};
 			}
 		}), K = _(() => qn.value.map((e, t) => {
-			let n = `stackbar_serie_${t}`, r = String(e.key ?? e.id ?? e.name ?? n), a = ne(e.color) || cr.value[t] || c[t] || c[t % c.length];
+			let n = `stackbar_serie_${t}`, r = String(e.key ?? e.id ?? e.name ?? n), a = fe(e.color) || cr.value[t] || l[t] || l[t % l.length];
 			return {
 				...e,
 				datasetKey: r,
@@ -705,7 +705,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 		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;
-		}), Mr = _(() => a(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Nr = _(() => I.value.length === K.value.length), Pr = _(() => z.value.style.chart.zoom.minimap.show ? a(K.value.map((e) => ({
+		}), Mr = _(() => d(K.value.filter((e) => !I.value.includes(e.id))).slice(J.value.start, J.value.end)), Nr = _(() => I.value.length === K.value.length), Pr = _(() => z.value.style.chart.zoom.minimap.show ? d(K.value.map((e) => ({
 			...e,
 			series: e.series.map((e) => e ?? 0)
 		})).filter((e) => Nr.value ? !0 : !I.value.includes(e.id))) : []), Fr = _(() => z.value.style.chart.zoom.minimap.show ? [{
@@ -713,17 +713,17 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			series: Pr.value,
 			color: "#000000",
 			isVisible: !0
-		}] : []), Ir = _(() => a(K.value.filter((e) => !I.value.includes(e.id)).map((e) => ({
+		}] : []), Ir = _(() => d(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)), Lr = _(() => {
 			let e = K.value.filter((e) => !I.value.includes(e.id));
 			return {
-				positive: a(e.map((e) => ({
+				positive: d(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e >= 0 ? e : 0)
 				}))),
-				negative: a(e.map((e) => ({
+				negative: d(e.map((e) => ({
 					...e,
 					series: e.series.slice(J.value.start, J.value.end).map((e) => e < 0 ? e : 0)
 				})))
@@ -736,7 +736,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				void 0,
 				null
 			].includes(t) ? 0 : t;
-			return !z.value.style.chart.bars.distributed && (z.value.style.chart.grid.scale.scaleMax !== null || z.value.style.chart.grid.scale.scaleMin !== null) ? ie(n > 0 ? 0 : n, e < 0 ? 0 : e, z.value.style.chart.grid.scale.ticks) : ae(n > 0 ? 0 : n, e < 0 ? 0 : e, z.value.style.chart.grid.scale.ticks);
+			return !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) : ae(n > 0 ? 0 : n, e < 0 ? 0 : e, z.value.style.chart.grid.scale.ticks);
 		}), zr = _(() => Rr.value.ticks), Z = _(() => {
 			let e = Rr.value, t = e.max + Math.abs(e.min);
 			return zr.value.map((n) => ({
@@ -750,7 +750,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			}));
 		}), Br = _(() => {
 			let e = z.value.style.chart.grid.y.axisLabels, { prefix: t, suffix: n } = z.value.style.chart.bars.dataLabels;
-			return zr.value.map((r) => String(m(e.formatter, r, o({
+			return zr.value.map((r) => String(h(e.formatter, r, p({
 				p: t,
 				v: r,
 				s: n,
@@ -800,7 +800,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			return Q.value.length ? Math.min(e, [...new Set(Q.value.map((e) => e.text))].length) : e;
 		}), Gr = _(() => {
 			let e = z.value.style.chart.grid.x.timeLabels, t = Q.value || [], n = Vr.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 ue(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Wr.value || 1), s, c, r, a, o);
+			return ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Wr.value || 1), s, c, r, a, o);
 		});
 		et(() => {
 			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, Gr.value?.map((e) => e?.text ?? "").join("|"), Br.value, H.value.width, H.value.height, jn.value, An.value, On.value, Sr();
@@ -867,13 +867,13 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				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, 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(Pr.value.length).fill(0), ne = Array(Pr.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) : 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, p = Z.value[0] ? Z.value[0].horizontal_zero : G.value.left, m = Array(Pr.value.length).fill(0), ne = Array(Pr.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) => ne[t]);
+				let o = a.series.slice(), s = o.map((e, t) => m[t]), c = o.map((e, t) => ne[t]);
 				o.forEach((e, t) => {
-					(Number(e) || 0) >= 0 ? te[t] += Number(e) || 0 : ne[t] += Math.abs(Number(e) || 0);
+					(Number(e) || 0) >= 0 ? m[t] += Number(e) || 0 : ne[t] += Math.abs(Number(e) || 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) => $r(a, J.value.start + t)), ae = o.map((e, t) => $r(a, t)), m = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), h = (Pr.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), te = a.signedSeries.slice(J.value.start, J.value.end), re = l.map((e, t) => $r(a, J.value.start + t)), ie = o.map((e, t) => $r(a, t)), ae = l.map((e, t) => G.value.left + X.value * t + X.value * z.value.style.chart.bars.gapRatio / 4), h = (Pr.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 = oe > 0;
 					if (n && se < 0) {
@@ -896,7 +896,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					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) / Mr.value[r] : (t || 0) / u, o, s;
-					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;
+					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;
 				}), 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(Pr.value?.[n] || 0) || 1e-9;
@@ -909,7 +909,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					});
 				}, pe = l.map((e, n) => {
 					let a = z.value.style.chart.bars.distributed ? (e || 0) / Mr.value[n] : (e || 0) / u, o, s;
-					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;
+					return e > 0 ? (s = f * a, o = p + t[n], t[n] += s) : (s = f * a, o = p - 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) / Mr.value[t] : (e || 0) / u;
 					return e > 0 ? d * n : d * Math.abs(n);
@@ -925,10 +925,10 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					...a,
 					proportions: l.map((e, t) => z.value.style.chart.bars.distributed ? (e || 0) / Mr.value[t] : (e || 0) / _e),
 					series: l,
-					signedSeries: re,
-					rectKeys: ie,
-					minimapRectKeys: ae,
-					x: m,
+					signedSeries: te,
+					rectKeys: re,
+					minimapRectKeys: ie,
+					x: ae,
 					y: de,
 					height: me,
 					horizontal_width: ge,
@@ -944,10 +944,10 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			sign: e >= 0 ? 1 : -1
 		})));
 		function ti(e, t, n, r, a) {
-			let s = a === -1 && e >= 0 ? -e : e;
-			return m(z.value.style.chart.bars.dataLabels.formatter, s, o({
+			let o = a === -1 && e >= 0 ? -e : e;
+			return h(z.value.style.chart.bars.dataLabels.formatter, o, p({
 				p: z.value.style.chart.bars.dataLabels.prefix,
-				v: s,
+				v: o,
 				s: z.value.style.chart.bars.dataLabels.suffix,
 				r: z.value.style.chart.bars.dataLabels.rounding
 			}), {
@@ -957,7 +957,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			});
 		}
 		function ni(e, t, n, r) {
-			return m(z.value.style.chart.bars.dataLabels.formatter, e, o({
+			return h(z.value.style.chart.bars.dataLabels.formatter, e, p({
 				v: isNaN(e) ? 0 : e,
 				s: "%",
 				r: z.value.style.chart.bars.dataLabels.rounding
@@ -1035,8 +1035,8 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				config: z.value,
 				series: $.value
 			};
-			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({
+			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 (ne(n) && le(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: $.value,
@@ -1048,39 +1048,39 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				config: z.value
 			});
 			else {
-				let { showValue: t, showTotal: n, totalTranslation: c, showPercentage: l, borderColor: u, roundingValue: d, roundingPercentage: f } = z.value.style.chart.tooltip, p = "", ee = si(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>
+				let { showValue: t, showTotal: n, totalTranslation: s, showPercentage: c, borderColor: l, roundingValue: u, roundingPercentage: d } = z.value.style.chart.tooltip, f = "", ee = si(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>
                 <span>
-                    ${m(z.value.style.chart.bars.dataLabels.formatter, s, o({
+                    ${h(z.value.style.chart.bars.dataLabels.formatter, o, p({
 					p: z.value.style.chart.bars.dataLabels.prefix,
-					v: s,
+					v: o,
 					s: z.value.style.chart.bars.dataLabels.suffix,
-					r: d
+					r: u
 				}), { datapoint: {
-					name: c,
-					value: s
+					name: s,
+					value: o
 				} })}
                 </span>
             </div>`);
-				let te = [t && l ? "(" : "", t && l ? ")" : ""];
+				let te = [t && c ? "(" : "", t && c ? ")" : ""];
 				r.reverse().forEach((e) => {
-					p += `
+					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="${z.value.style.chart.bars.gradient.show ? `url(#gradient_${e.id})` : e.color}"/>${cn.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, o({
+                    ${e.name}${t || c ? ":" : ""} ${t ? h(z.value.style.chart.bars.dataLabels.formatter, e.value, p({
 						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 ? o({
+						r: u
+					}, { datapoint: e })) : ""} ${te[0]}${c ? p({
 						v: isNaN(e.value / a) ? 0 : Math.abs(e.value) / a * 100,
 						s: "%",
-						r: f
+						r: d
 					}) : ""}${te[1]}
                 </div>
             `;
-				}), fn.value = `<div>${p}</div>`;
+				}), fn.value = `<div>${f}</div>`;
 			}
 		}
 		let li = _(() => H.value.width), ui = _(() => H.value.height);
@@ -1152,9 +1152,9 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				[z.value.style.chart.title.text],
 				[z.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...gi.value.head.map((e) => e.label)], r = gi.value.body, a = u(t.concat([n]).concat(r));
-			e ? e(a) : te({
-				csvContent: a,
+			], n = ["", ...gi.value.head.map((e) => e.label)], r = gi.value.body, o = a(t.concat([n]).concat(r));
+			e ? e(o) : u({
+				csvContent: o,
 				title: z.value.style.chart.title.text || "vue-ui-stackbar"
 			});
 		}
@@ -1228,21 +1228,22 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			Ei.value = !Ei.value;
 		}
 		function Oi(e, t) {
+			let n = JSON.parse(JSON.stringify($.value)).map((e) => ({
+				name: e.name,
+				value: e.series[t] === 0 ? 0 : (e.signedSeries[t] === -1 && e.series[t] >= 0 ? -e.series[t] : e.series[t]) || null,
+				proportion: e.proportions[t] || null,
+				color: e.color,
+				id: e.id
+			}));
 			N("selectTimeLabel", {
-				datapoint: JSON.parse(JSON.stringify($.value)).map((e) => ({
-					name: e.name,
-					value: e.series[t] === 0 ? 0 : (e.signedSeries[t] === -1 && e.series[t] >= 0 ? -e.series[t] : e.series[t]) || null,
-					proportion: e.proportions[t] || null,
-					color: e.color,
-					id: e.id
-				})),
+				datapoint: n,
 				absoluteIndex: e.absoluteIndex,
 				label: e.text
 			});
 		}
 		let ki = _(() => Math.max(...$.value.flatMap((e) => e.series)));
 		function Ai(e, t) {
-			return z.value.style.chart.bars.showDistributedPercentage && z.value.style.chart.bars.distributed ? rr.value ? t * 100 >= z.value.style.chart.bars.dataLabels.hideUnderPercentage : z.value.style.chart.bars.dataLabels.hideEmptyPercentages ? t > 0 : !0 : rr.value ? (nr.value && dr.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), e > ki.value * z.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : nr.value ? Math.abs(e) >= z.value.style.chart.bars.dataLabels.hideUnderValue : z.value.style.chart.bars.dataLabels.hideEmptyValues ? e !== 0 : !0;
+			return z.value.style.chart.bars.showDistributedPercentage && z.value.style.chart.bars.distributed ? rr.value ? t * 100 >= z.value.style.chart.bars.dataLabels.hideUnderPercentage : !z.value.style.chart.bars.dataLabels.hideEmptyPercentages || t > 0 : rr.value ? (nr.value && dr.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), e > ki.value * z.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : nr.value ? Math.abs(e) >= z.value.style.chart.bars.dataLabels.hideUnderValue : !z.value.style.chart.bars.dataLabels.hideEmptyValues || e !== 0;
 		}
 		async function ji({ scale: e = 2 } = {}) {
 			if (!P.value) return;
@@ -1255,7 +1256,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, o = await se(t, e) ?? a;
+			}, o = await de(t, e) ?? a;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1441,7 +1442,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			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 = f(t, n, Qn.value);
+			let r = ee(t, n, Qn.value);
 			r && (Rn.value = r);
 		}
 		let ra = _(() => ({
@@ -1463,7 +1464,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			toggleAnnotator: Di,
 			toggleFullscreen: di,
 			copyAlt: Zi
-		}), (t, r) => (T(), b("div", {
+		}), (t, n) => (T(), b("div", {
 			id: `stackbar_${F.value}`,
 			ref_key: "stackbarChart",
 			ref: P,
@@ -1476,10 +1477,10 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 			onMouseenter: $n,
 			onMouseleave: er
 		}, [
-			x("div", {
+			Be("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [x("p", null, k(z.value.a11y.translations.keyboardNavigation), 1)], 8, rt),
+			}, [Be("p", null, k(z.value.a11y.translations.keyboardNavigation), 1)], 8, rt),
 			ra.value?.rows?.length ? (T(), v(Pe, {
 				key: 0,
 				uid: F.value,
@@ -1536,7 +1537,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : y("", !0),
-			x("div", { id: `legend-top-${F.value}` }, null, 8, it),
+			Be("div", { id: `legend-top-${F.value}` }, null, 8, it),
 			z.value.userOptions.show && ln.value && (A(Zn) || A(Yn)) ? (T(), v(A(tn), {
 				ref_key: "userOptionsRef",
 				ref: Tn,
@@ -1577,7 +1578,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				onToggleAnnotator: Di,
 				onCopyAlt: Zi,
 				style: w({ visibility: A(Zn) ? A(Yn) ? "visible" : "hidden" : "visible" })
-			}, Be({ _: 2 }, [
+			}, Ve({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: j(({ isOpen: e, color: n }) => [O(t.$slots, "menuIcon", C(S({
@@ -1653,10 +1654,10 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					key: "12"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : y("", !0),
-			x("div", at, [(T(), b("svg", {
+			Be("div", at, [(T(), b("svg", {
 				ref_key: "svgRef",
 				ref: Qn,
-				xmlns: A(de),
+				xmlns: A(ue),
 				"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: Ke({ "vue-data-ui-loading": A(Kn) }),
@@ -1666,7 +1667,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				onBlur: ea,
 				onKeydown: ta
 			}, [
-				He(A(nn)),
+				Ue(A(nn)),
 				t.$slots["chart-background"] ? (T(), b("foreignObject", {
 					key: 0,
 					x: G.value.left,
@@ -1691,7 +1692,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 						],
 						[
 							"61.8%",
-							A(n)(e.color, z.value.style.chart.bars.gradient.intensity / 100),
+							A(r)(e.color, z.value.style.chart.bars.gradient.intensity / 100),
 							1
 						],
 						[
@@ -1765,7 +1766,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				}), void 0, !0)])) : y("", !0), z.value.orientation === "vertical" ? (T(), b(g, { key: 1 }, [(T(!0), b(g, null, D(e.x, (t, n) => (T(), b("rect", {
 					key: `stackbar-rect-${e.rectKeys[n]}`,
 					x: t,
-					y: A(h)(e.y[n]),
+					y: A(m)(e.y[n]),
 					height: e.height[n] < 0 ? 1e-4 : e.height[n] || 0,
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					width: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
@@ -1781,7 +1782,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				}, null, 10, ht))), 128)), t.$slots.pattern ? (T(), b("g", gt, [(T(!0), b(g, null, D(e.x, (t, n) => (T(), b("rect", {
 					key: `stackbar-pattern-rect-${e.rectKeys[n]}`,
 					x: t,
-					y: A(h)(e.y[n]),
+					y: A(m)(e.y[n]),
 					height: e.height[n] < 0 ? 1e-4 : e.height[n] || 0,
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					width: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
@@ -1796,9 +1797,9 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					})
 				}, null, 10, _t))), 128))])) : y("", !0)], 64)) : (T(), b(g, { key: 2 }, [(T(!0), b(g, null, D(e.horizontal_x, (t, n) => (T(), b("rect", {
 					key: `stackbar-rect-${e.rectKeys[n]}`,
-					x: A(h)(t, G.value.left),
+					x: A(m)(t, G.value.left),
 					y: e.horizontal_y[n] < 0 ? 0 : e.horizontal_y[n],
-					width: A(h)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
+					width: A(m)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					height: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
 					fill: z.value.style.chart.bars.gradient.show ? `url(#gradient_${e.id})` : e.color,
@@ -1812,9 +1813,9 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					})
 				}, null, 10, vt))), 128)), t.$slots.pattern ? (T(), b("g", yt, [(T(!0), b(g, null, D(e.horizontal_x, (t, n) => (T(), b("rect", {
 					key: `stackbar-pattern-rect-${e.rectKeys[n]}`,
-					x: A(h)(t, G.value.left),
+					x: A(m)(t, G.value.left),
 					y: e.horizontal_y[n] < 0 ? 0 : e.horizontal_y[n],
-					width: A(h)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
+					width: A(m)(e.horizontal_width[n] < 0 ? 1e-4 : e.horizontal_width[n]),
 					rx: z.value.style.chart.bars.borderRadius > e.height[n] / 2 ? (e.height[n] < 0 ? 0 : e.height[n]) / 2 : z.value.style.chart.bars.borderRadius,
 					height: X.value * (1 - z.value.style.chart.bars.gapRatio / 2),
 					fill: `url(#pattern_${F.value}_${e.absoluteIndex})`,
@@ -1875,7 +1876,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					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(le)(e.color) : z.value.style.chart.bars.dataLabels.color,
+					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(se)(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 ? ni(e.proportions[r] * 100, e, t, r) : ti(e.series[r], e, t, r, e.signedSeries[r])), 9, Tt)) : y("", !0)], 64))), 256))]))), 256)), z.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (T(), b("g", {
@@ -1896,7 +1897,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					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(le)(e.color) : z.value.style.chart.bars.dataLabels.color,
+					fill: z.value.style.chart.bars.dataLabels.adaptColorToBackground ? A(se)(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 ? ni(e.proportions[r] * 100, e, t, r) : ti(e.series[r], e, t, r, e.signedSeries[r])), 9, Dt)) : y("", !0)], 64))), 256))]))), 256)), z.value.style.chart.bars.totalValues.show && $.value.length > 1 ? (T(), b("g", {
@@ -1930,7 +1931,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					"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(o)({
+				}, k(A(h)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(p)({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -1955,7 +1956,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					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(o)({
+				}, k(A(h)(z.value.style.chart.grid.y.axisLabels.formatter, e.value, A(p)({
 					p: z.value.style.chart.bars.dataLabels.prefix,
 					v: e.value,
 					s: z.value.style.chart.bars.dataLabels.suffix,
@@ -1988,7 +1989,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
                                         rotate(${z.value.style.chart.grid.x.timeLabels.rotation})
                                     `,
 					style: w({ cursor: B.value ? "pointer" : "default" }),
-					innerHTML: A(d)({
+					innerHTML: A(f)({
 						content: String(e.text),
 						fontSize: z.value.style.chart.grid.x.timeLabels.fontSize,
 						fill: z.value.style.chart.grid.x.timeLabels.color,
@@ -2031,7 +2032,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					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: () => Oi(e, t),
-					innerHTML: A(p)({
+					innerHTML: A(o)({
 						content: String(e.text),
 						fontSize: z.value.style.chart.grid.y.axisLabels.fontSize,
 						fill: z.value.style.chart.grid.y.axisLabels.color,
@@ -2146,9 +2147,9 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				"onUpdate:end": Ki,
 				"onUpdate:start": Gi,
 				onTrapMouse: Tr,
-				onReset: r[0] ||= () => jr({ force: !0 }),
-				onFutureEnd: r[1] ||= (e) => Dr("end", e),
-				onFutureStart: r[2] ||= (e) => Dr("start", e)
+				onReset: n[0] ||= () => jr({ force: !0 }),
+				onFutureEnd: n[1] ||= (e) => Dr("end", e),
+				onFutureStart: n[2] ||= (e) => Dr("start", e)
 			}, {
 				"reset-action": j(({ reset: e }) => [O(t.$slots, "reset-action", C(S({ reset: e })), void 0, !0)]),
 				slotMap: j(({ width: e, height: t, unitW: n }) => [(T(!0), b(g, null, D($.value, (e) => (T(), b("g", { key: e.id }, [(T(!0), b(g, null, D(e.xMinimap({
@@ -2170,7 +2171,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				}, null, 12, Kt))), 128))]))), 128))]),
 				_: 3
 			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.maxWidth.isCursorPointer.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : y("", !0),
-			He(A(Xt), {
+			Ue(A(Xt), {
 				teleportTo: z.value.style.chart.tooltip.teleportTo,
 				show: V.value.showTooltip && un.value,
 				backgroundColor: z.value.style.chart.tooltip.backgroundColor,
@@ -2186,7 +2187,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				parent: P.value,
 				content: fn.value,
 				isFullscreen: vn.value,
-				isCustom: A(fe)(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,
@@ -2222,11 +2223,11 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			x("div", { id: `legend-bottom-${F.value}` }, null, 8, qt),
+			Be("div", { id: `legend-bottom-${F.value}` }, null, 8, qt),
 			Cn.value && (z.value.style.chart.legend.show || t.$slots.legend) ? (T(), v(ze, {
 				key: 6,
 				to: z.value.style.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
-			}, [x("div", {
+			}, [Be("div", {
 				ref_key: "chartLegend",
 				ref: hn
 			}, [O(t.$slots, "legend", { legend: wi.value }, () => [z.value.style.chart.legend.show ? (T(), v(Le, {
@@ -2234,8 +2235,8 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				legendSet: wi.value,
 				config: Ti.value,
 				isCursorPointer: B.value,
-				onClickMarker: r[3] ||= ({ legend: e }) => e.segregate()
-			}, Be({
+				onClickMarker: n[3] ||= ({ legend: e }) => e.segregate()
+			}, Ve({
 				item: j(({ legend: e }) => [A(Kn) ? y("", !0) : (T(), b("div", {
 					key: 0,
 					onClick: (t) => e.segregate(),
@@ -2259,7 +2260,7 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				_: 2
 			}, [t.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: j(({ legend: e, index: t }) => [He(De, {
+				fn: j(({ legend: e, index: t }) => [Ue(De, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -2285,8 +2286,8 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				ref_key: "tableUnit",
 				ref: wn,
 				onClose: Ni
-			}), Be({
-				content: j(() => [He(A($t), {
+			}), Ve({
+				content: j(() => [Ue(A($t), {
 					colNames: vi.value.colNames,
 					head: vi.value.head,
 					body: vi.value.body,
@@ -2296,8 +2297,8 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 					isCursorPointer: B.value,
 					onClose: Ni
 				}, {
-					th: j(({ th: e }) => [x("div", { innerHTML: e }, null, 8, Yt)]),
-					td: j(({ td: e }) => [Ve(k(isNaN(Number(e)) ? e : A(o)({
+					th: j(({ th: e }) => [Be("div", { innerHTML: e }, null, 8, Yt)]),
+					td: j(({ td: e }) => [He(k(isNaN(Number(e)) ? e : A(p)({
 						p: z.value.style.chart.bars.dataLabels.prefix,
 						v: e,
 						s: z.value.style.chart.bars.dataLabels.suffix,
@@ -2316,16 +2317,16 @@ var tt = /* @__PURE__ */ e({ default: () => Xt }), nt = ["id"], rt = ["id"], it
 				_: 2
 			}, [z.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [Ve(k(Mi.value.title), 1)]),
+				fn: j(() => [He(k(Mi.value.title), 1)]),
 				key: "0"
 			} : void 0, z.value.table.useDialog ? {
 				name: "actions",
-				fn: j(() => [x("button", {
+				fn: j(() => [Be("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[4] ||= (e) => _i(z.value.userOptions.callbacks.csv),
+					onClick: n[4] ||= (e) => _i(z.value.userOptions.callbacks.csv),
 					style: w({ cursor: B.value ? "pointer" : "default" })
-				}, [He(A(Zt), {
+				}, [Ue(A(Zt), {
 					name: "fileCsv",
 					stroke: Mi.value.props.color
 				}, null, 8, ["stroke"])], 4)]),