vue-data-ui 3.21.4 → 3.21.5

package/dist/{vue-ui-xy-B5hQ5b9t.js → vue-ui-xy-l2c4h8Jh.js}

@@ -12,7 +12,7 @@ import { t as ze } from "./useTimeLabelCollider-AEcY4Ioe.js";
 import { t as Be } from "./img-C_RNNswI.js";
 import { n as Ve } from "./Title-DH6G8_cZ.js";
 import { t as He } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Ue } from "./Shape-BxFtoF1z.js";
+import { t as Ue } from "./Shape-BubavoqO.js";
 import { t as We } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Ge } from "./SlicerPreview-CZOlZJWD.js";
 import { t as Ke } from "./vue-ui-accordion-CJCSNX1M.js";
@@ -562,7 +562,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 		"copyAlt"
 	],
 	setup(e, { expose: We, emit: Dt }) {
-		let N = e, Ci = et(() => import("./DataTable-DUWNbwQb.js")), wi = et(() => import("./Tooltip-979Ytd8R.js")), Ti = et(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Ei = et(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), Di = et(() => import("./vue-ui-table-sparkline-nSGLGenO.js").then((e) => e.n)), Oi = et(() => import("./PackageVersion-CqsA0eNP.js").then((e) => e.t)), ki = et(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Ai = et(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), ji = Dt, Mi = pt(), Ni = tt(), { vue_ui_xy: Pi } = je(), { isThemeValid: Fi, warnInvalidTheme: Ii } = Le(), Li = O(null), Ri = O(null), zi = O(null), Bi = O(null), Vi = O(null), Hi = O(null), Ui = O(null), Wi = O(null), Gi = O(null), Ki = O(null), qi = O(null), Ji = O(null), Yi = O(null), Xi = O(null), Zi = O(0), P = O(null), Qi = O(!0), $i = O(600), F = O(1e3), ea = O("0 0 1000 600"), ta = O({
+		let N = e, Ci = et(() => import("./DataTable-G9aclxhk.js")), wi = et(() => import("./Tooltip-979Ytd8R.js")), Ti = et(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Ei = et(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), Di = et(() => import("./vue-ui-table-sparkline-BUeZQnh5.js").then((e) => e.n)), Oi = et(() => import("./PackageVersion-BBQkpuwF.js").then((e) => e.t)), ki = et(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Ai = et(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), ji = Dt, Mi = pt(), Ni = tt(), { vue_ui_xy: Pi } = je(), { isThemeValid: Fi, warnInvalidTheme: Ii } = Le(), Li = O(null), Ri = O(null), zi = O(null), Bi = O(null), Vi = O(null), Hi = O(null), Ui = O(null), Wi = O(null), Gi = O(null), Ki = O(null), qi = O(null), Ji = O(null), Yi = O(null), Xi = O(null), Zi = O(0), P = O(null), Qi = O(!0), $i = O(600), F = O(1e3), ea = O("0 0 1000 600"), ta = O({
 			x: 0,
 			y: 0
 		}), na = O({
@@ -810,7 +810,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 		}
 		function eo() {
 			if (q.value) {
-				let e = Tc.value.min, t = Tc.value.max, n = Number(G.value.start), r = Number(G.value.end);
+				let e = Mc.value.min, t = Mc.value.max, n = Number(G.value.start), r = Number(G.value.end);
 				Number.isFinite(n) || (n = e), Number.isFinite(r) || (r = t), n = Math.max(e, Math.min(n, t)), r = Math.max(n, Math.min(r, t)), r <= n && (n = e, r = t), G.value = {
 					start: n,
 					end: r
@@ -860,7 +860,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), lo = S(() => co.value === null ? _s.value : Y.value.bottom), uo = S(() => {
+		}), lo = S(() => co.value === null ? ws.value : Y.value.bottom), uo = S(() => {
 			let e = H.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
@@ -930,7 +930,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				y: e.y === null ? null : e.y + go.value
 			})) : e.series.map((e) => e + go.value),
 			absoluteValues: q.value ? e.series.map((e) => e.y) : e.series,
-			segregate: () => Us(e),
+			segregate: () => Xs(e),
 			isSegregated: I.value.includes(e.id)
 		}))), xo = S(() => yo.value.map((e) => ({
 			...e,
@@ -956,7 +956,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 		}
 		function wo(e) {
 			let t = xo.value.filter((e) => ["line", "plot"].includes(e.type)).flatMap((t) => t.series.map((n, r) => {
-				let i = wc(n);
+				let i = jc(n);
 				return {
 					datapoint: t,
 					point: n,
@@ -967,11 +967,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				};
 			})).filter((e) => g(e.point?.x) && g(e.point?.y)).reduce((e, t) => !e || t.distance < e.distance ? t : e, null);
 			if (!t) {
-				Os.value = [], ks.value = null, xa.value = null;
+				Fs.value = [], Is.value = null, xa.value = null;
 				return;
 			}
 			let n = Number(t.point.x);
-			Os.value = xo.value.filter((e) => ["line", "plot"].includes(e.type)).map((e) => {
+			Fs.value = xo.value.filter((e) => ["line", "plot"].includes(e.type)).map((e) => {
 				let t = e.series.findIndex((e) => Number(e.x) === n && g(e.y));
 				if (t === -1) return null;
 				let r = e.series[t];
@@ -979,19 +979,19 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					datapoint: e,
 					point: r,
 					index: t,
-					x: wc(r),
+					x: jc(r),
 					y: r.y,
 					distance: 0
 				};
-			}).filter(Boolean), ks.value = wc({ x: n }), xa.value = n;
+			}).filter(Boolean), Is.value = jc({ x: n }), xa.value = n;
 		}
 		function To(e) {
 			if (!Number.isFinite(Number(e))) {
-				Os.value = [], ks.value = null;
+				Fs.value = [], Is.value = null;
 				return;
 			}
-			let t = wc({ x: Number(e) });
-			wo(t), ks.value = t;
+			let t = jc({ x: Number(e) });
+			wo(t), Is.value = t;
 		}
 		let Eo = O(0), Do = O(0);
 		function Oo() {
@@ -1048,21 +1048,21 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			};
 		}), Mo = S(() => {
 			let e = +(H.value.chart.grid.position === "middle"), t = Z.value + e, n = y(Y.value?.top), r = y(Y.value?.bottom);
-			return q.value ? H.value.chart.grid.position === "middle" ? Sc.value.map((e, t, i) => {
+			return q.value ? H.value.chart.grid.position === "middle" ? kc.value.map((e, t, i) => {
 				if (t === 0) return null;
 				let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
 				return `M${o},${n} L${o},${r}`;
-			}).filter(Boolean).join(" ") : Sc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
-				let i = H.value.chart.grid.position === "middle" ? rc(t) : nc(t);
+			}).filter(Boolean).join(" ") : kc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
+				let i = H.value.chart.grid.position === "middle" ? uc(t) : lc(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
 		}), No = S(() => {
 			if (!H.value.chart.grid.labels.xAxis.showCrosshairs) return "";
 			let e = H.value.chart.grid.labels.xAxis.crosshairSize, t = H.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-			return (q.value ? Sc.value : Go.value).map((n, r) => {
+			return (q.value ? kc.value : Go.value).map((n, r) => {
 				if (!n || !n.text) return null;
-				let i = q.value ? n.x : nc(r);
-				return `M${i},${t ? _s.value - (_s.value === Y.value?.bottom ? 0 : e / 2) : Y.value?.bottom} L${i},${t ? _s.value + e / (_s.value === Y.value?.bottom ? 1 : 2) : Y.value?.bottom + e}`;
+				let i = q.value ? n.x : lc(r);
+				return `M${i},${t ? ws.value - (ws.value === Y.value?.bottom ? 0 : e / 2) : Y.value?.bottom} L${i},${t ? ws.value + e / (ws.value === Y.value?.bottom ? 1 : 2) : Y.value?.bottom + e}`;
 			}).filter(Boolean).join(" ");
 		});
 		function Po() {
@@ -1168,12 +1168,12 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 		}
 		function Yo(e) {
 			if (!q.value || !g(e)) {
-				xa.value = null, Os.value = [], ks.value = null;
+				xa.value = null, Fs.value = [], Is.value = null;
 				return;
 			}
 			xa.value = Number(e), To(Number(e));
 		}
-		let Xo = S(() => q.value ? g(xa.value) || g(ks.value) : ![null, void 0].includes(B.value) || ![null, void 0].includes(R.value));
+		let Xo = S(() => q.value ? g(xa.value) || g(Is.value) : ![null, void 0].includes(B.value) || ![null, void 0].includes(R.value));
 		function Zo() {
 			U.value.isStacked = !U.value.isStacked, U.value.isStacked ? U.value.useIndividualScale = !0 : U.value.useIndividualScale = H.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
@@ -1190,7 +1190,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				es.value = !0;
 				try {
 					if (q.value) {
-						let e = Tc.value.min, t = Tc.value.max;
+						let e = Mc.value.min, t = Mc.value.max;
 						ns.value = e, rs.value = t, G.value.start = e, G.value.end = t, Za.value.start = e, Za.value.end = t, ts.value = !0, zi.value && (zi.value.setStartValue(e), zi.value.setEndValue(t));
 						return;
 					}
@@ -1206,97 +1206,120 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				}
 			}
 		}
-		let as = O(!1);
-		function os(e) {
+		let as = O(!1), os = O(!1), ss = null, cs = null, ls = {};
+		function us(e = G.value) {
+			return Number(e.end) - Number(e.start);
+		}
+		function ds() {
+			ss &&= (cancelAnimationFrame(ss), null), cs &&= (cancelAnimationFrame(cs), null);
+		}
+		function fs(e) {
+			ls = {
+				...ls,
+				...e
+			}, ss && cancelAnimationFrame(ss), ss = requestAnimationFrame(() => {
+				let e = us(), t = {
+					...G.value,
+					...ls
+				};
+				os.value = us(t) !== e, G.value = t, Za.value = { ...t }, ls = {}, ss = null, eo(), cs && cancelAnimationFrame(cs), cs = requestAnimationFrame(() => {
+					os.value = !1, cs = null;
+				});
+			});
+		}
+		function ps(e) {
 			if (es.value || as.value) return;
 			let t = Number(e);
 			ji("zoomStart", {
 				index: t,
 				isZoom: St(t, ns.value)
-			}), Number.isFinite(t) && t !== G.value.start && (G.value.start = t, Za.value.start = t, eo());
+			}), Number.isFinite(t) && t !== G.value.start && fs({ start: t });
 		}
-		function ss(e) {
+		function ms(e) {
 			if (es.value || as.value) return;
 			if (q.value) {
 				let t = Number(e);
 				if (!Number.isFinite(t)) return;
-				let n = Math.max(Number(G.value.start) + 1 / 10 ** H.value.chart.grid.labels.xAxis.rounding, Math.min(t, Tc.value.max));
+				let n = Math.max(Number(G.value.start) + 1 / 10 ** H.value.chart.grid.labels.xAxis.rounding, Math.min(t, Mc.value.max));
 				if (ji("zoomEnd", {
 					index: n,
 					isZoom: St(n, rs.value)
 				}), n === G.value.end) return;
-				G.value.end = n, Za.value.end = n, eo();
+				fs({ end: n });
 				return;
 			}
 			let t = $o(e);
 			ji("zoomEnd", {
 				index: t,
 				isZoom: St(t, rs.value)
-			}), t !== G.value.end && (G.value.end = t, Za.value.end = t, eo());
+			}), t !== G.value.end && fs({ end: t });
 		}
-		async function cs() {
-			await is(), ji("zoomReset");
+		async function hs() {
+			let e = us();
+			os.value = !0, await is(), us() === e ? os.value = !1 : (await it(), cs && cancelAnimationFrame(cs), cs = requestAnimationFrame(() => {
+				os.value = !1, cs = null;
+			})), ji("zoomReset");
 		}
-		let ls = S(() => K.value.max + go.value);
-		function us(e) {
-			return e / (vt(ls.value) ? ls.value : 1);
+		let gs = S(() => K.value.max + go.value);
+		function _s(e) {
+			return e / (vt(gs.value) ? gs.value : 1);
 		}
-		let ds = S(() => H.value.chart.grid.labels.yAxis.reverse);
-		function fs(e) {
-			return ds.value ? 1 - e : e;
+		let vs = S(() => H.value.chart.grid.labels.yAxis.reverse);
+		function ys(e) {
+			return vs.value ? 1 - e : e;
 		}
-		function ps({ ratio: e, yOffset: t = 0, individualHeight: n }) {
-			let r = fs(e);
+		function bs({ ratio: e, yOffset: t = 0, individualHeight: n }) {
+			let r = ys(e);
 			return Y.value?.bottom - t - n * r;
 		}
-		function ms({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
-			return ps({
+		function xs({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
+			return bs({
 				ratio: (e - t) / (n - t || 1),
 				yOffset: r,
 				individualHeight: i
 			});
 		}
-		let hs = S(() => H.value.chart.grid.labels.xAxis.reverse);
-		function gs(e) {
-			return hs.value ? 1 - e : e;
+		let Ss = S(() => H.value.chart.grid.labels.xAxis.reverse);
+		function Cs(e) {
+			return Ss.value ? 1 - e : e;
 		}
-		let _s = S(() => isNaN(us(go.value)) ? Y.value?.bottom : Y.value?.bottom - Y.value.height * us(go.value));
-		function vs(e) {
+		let ws = S(() => isNaN(_s(go.value)) ? Y.value?.bottom : Y.value?.bottom - Y.value.height * _s(go.value));
+		function Ts(e) {
 			let t = K.value.min, n = K.value.max - t;
 			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? Y.value?.bottom : Y.value?.bottom - Y.value.height * ((e - t) / n);
 		}
-		let ys = S(() => K.value.min <= 0 && K.value.max >= 0 ? vs(0) : K.value.min > 0 ? vs(K.value.min) : vs(K.value.max));
-		function bs(e) {
-			let t = ![null, void 0].includes(H.value.chart.grid.labels.yAxis.scaleMin) && H.value.chart.grid.labels.yAxis.scaleMin > 0 && mo.value >= 0 ? Y.value?.bottom : _s.value;
-			return e.value >= 0 ? b(t - e.y <= 0 ? 1e-5 : t - e.y) : b(e.y - _s.value <= 0 ? 1e-5 : e.y - _s.value);
+		let Es = S(() => K.value.min <= 0 && K.value.max >= 0 ? Ts(0) : K.value.min > 0 ? Ts(K.value.min) : Ts(K.value.max));
+		function Ds(e) {
+			let t = ![null, void 0].includes(H.value.chart.grid.labels.yAxis.scaleMin) && H.value.chart.grid.labels.yAxis.scaleMin > 0 && mo.value >= 0 ? Y.value?.bottom : ws.value;
+			return e.value >= 0 ? b(t - e.y <= 0 ? 1e-5 : t - e.y) : b(e.y - ws.value <= 0 ? 1e-5 : e.y - ws.value);
 		}
-		function xs(e) {
+		function Os(e) {
 			return e.value >= 0 ? b(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : b(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
 		}
-		let Ss = S(() => {
+		let ks = S(() => {
 			let e = Math.max(1, Z.value);
 			return {
 				bar: Tt(Math.max(1, Y.value.width), e * Math.max(1, yo.value.filter((e) => e.type === "bar" && !I.value.includes(e.id)).length), 1),
-				plot: ec.value,
-				line: ec.value
+				plot: sc.value,
+				line: sc.value
 			};
 		});
-		function Cs() {
-			return U.value.useIndividualScale && U.value.isStacked ? Ss.value.line - Y.value.width / Z.value * .1 : Ss.value.bar;
+		function As() {
+			return U.value.useIndividualScale && U.value.isStacked ? ks.value.line - Y.value.width / Z.value * .1 : ks.value.bar;
 		}
-		function ws(e) {
-			return U.value.useIndividualScale && U.value.isStacked ? e.x + Y.value.width / Z.value * .05 : e.x + Ss.value.bar / 2;
+		function js(e) {
+			return U.value.useIndividualScale && U.value.isStacked ? e.x + Y.value.width / Z.value * .05 : e.x + ks.value.bar / 2;
 		}
-		function Ts(e) {
+		function Ms(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(_s.value) ? Y?.bottom.value : _s.value;
+			].includes(ws.value) ? Y?.bottom.value : ws.value;
 		}
-		function Es(e) {
+		function Ns(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
@@ -1305,18 +1328,18 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let Ds = O(null), Os = O([]), ks = O(null), As = S(() => q.value ? [...new Set(xo.value.flatMap((e) => e.series || []).filter((e) => g(e?.x) && g(e?.y)).map((e) => Number(e.x)))].sort((e, t) => wc({ x: e }) - wc({ x: t })) : []);
-		function js(e) {
-			let t = As.value[e];
+		let Ps = O(null), Fs = O([]), Is = O(null), Ls = S(() => q.value ? [...new Set(xo.value.flatMap((e) => e.series || []).filter((e) => g(e?.x) && g(e?.y)).map((e) => Number(e.x)))].sort((e, t) => jc({ x: e }) - jc({ x: t })) : []);
+		function Rs(e) {
+			let t = Ls.value[e];
 			if (!g(t)) {
-				Os.value = [], ks.value = null, xa.value = null, aa.value = !1;
+				Fs.value = [], Is.value = null, xa.value = null, aa.value = !1;
 				return;
 			}
 			To(Number(t));
-			let n = De(wc({ x: Number(t) }), Y.value.top + Y.value.height / 2, z.value);
+			let n = De(jc({ x: Number(t) }), Y.value.top + Y.value.height / 2, z.value);
 			n && (Ca.value = n), B.value = e, Sa.value = e, aa.value = !0;
 		}
-		function Ms(e) {
+		function zs(e) {
 			let t = z.value;
 			if (!t) return null;
 			if (t.createSVGPoint && t.getScreenCTM) {
@@ -1344,46 +1367,46 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				ok: !0
 			};
 		}
-		let Ns = 0;
-		function Ps(e) {
-			Sa.value = null, !ra.value && (Ns && cancelAnimationFrame(Ns), Ns = requestAnimationFrame(() => {
-				Ns = 0;
-				let t = Ms(e);
+		let Bs = 0;
+		function Vs(e) {
+			Sa.value = null, !ra.value && (Bs && cancelAnimationFrame(Bs), Bs = requestAnimationFrame(() => {
+				Bs = 0;
+				let t = zs(e);
 				if (!t || !z.value) {
-					Fs();
+					Hs();
 					return;
 				}
 				let { left: n, right: r, top: i, bottom: a, width: o } = Y.value;
 				if (t.x < n || t.x > r || t.y < i || t.y > a) {
-					Fs();
+					Hs();
 					return;
 				}
 				if (q.value) {
-					wo(t.x), Uc(!0, B.value ?? 0);
+					wo(t.x), Xc(!0, B.value ?? 0);
 					return;
 				}
-				let s = oc(t.x);
-				s == null ? Fs() : Ds.value !== s && (Ds.value = s, Uc(!0, s));
+				let s = pc(t.x);
+				s == null ? Hs() : Ps.value !== s && (Ps.value = s, Xc(!0, s));
 			}));
 		}
-		function Fs() {
-			Ns &&= (cancelAnimationFrame(Ns), 0), Ds.value = null, R.value = null, xa.value = null, Uc(!1, null), Os.value = [], ks.value = null;
+		function Hs() {
+			Bs &&= (cancelAnimationFrame(Bs), 0), Ps.value = null, R.value = null, xa.value = null, Xc(!1, null), Fs.value = [], Is.value = null;
 		}
-		function Is(e) {
-			let t = Ms(e);
+		function Us(e) {
+			let t = zs(e);
 			if (t && z.value) {
 				let { left: e, right: n, top: r, bottom: i, width: a } = Y.value;
 				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
-					let e = oc(t.x);
+					let e = pc(t.x);
 					if (e != null) {
-						Ls(e);
+						Ws(e);
 						return;
 					}
 				}
 			}
-			Ds.value != null && Ls(Ds.value);
+			Ps.value != null && Ws(Ps.value);
 		}
-		function Ls(e) {
+		function Ws(e) {
 			let t = xo.value.map((t) => ({
 				name: t.name,
 				value: [
@@ -1403,7 +1426,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				seriesIndex: e + G.value.start
 			});
 		}
-		function Rs() {
+		function Gs() {
 			return bo.value.map((e) => ({
 				values: e.absoluteValues,
 				color: e.color,
@@ -1411,7 +1434,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				type: e.type
 			}));
 		}
-		async function zs({ scale: e = 2 } = {}) {
+		async function Ks({ scale: e = 2 } = {}) {
 			if (!Li.value) return;
 			let { width: t, height: n } = Li.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Be({
 				domElement: Li.value,
@@ -1428,15 +1451,15 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				aspectRatio: r
 			};
 		}
-		function Bs() {
+		function qs() {
 			I.value.length ? I.value = [] : bo.value.forEach((e) => {
 				I.value.push(e.id);
-			}), Hs();
+			}), Ys();
 		}
-		function Vs(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Us(t));
+		function Js(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Xs(t));
 		}
-		function Hs() {
+		function Ys() {
 			ji("selectLegend", xo.value.map((e) => ({
 				name: e.name,
 				values: e.absoluteValues,
@@ -1444,26 +1467,26 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				type: e.type
 			})));
 		}
-		function Us(e) {
+		function Xs(e) {
 			if (I.value.includes(e.id)) I.value = I.value.filter((t) => t !== e.id);
 			else {
 				if (I.value.length + 1 === yo.value.length) return;
 				I.value.push(e.id);
 			}
-			Hs(), da.value += 1;
+			Ys(), da.value += 1;
 		}
-		function Ws(e) {
+		function Zs(e) {
 			return bo.value.length ? bo.value.find((t) => t.name === e) || (H.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (H.value.debug && console.warn("VueUiXy - There are no series to show."), null);
 		}
-		function Gs(e) {
-			let t = Ws(e);
-			t !== null && I.value.includes(t.id) && Us({ id: t.id });
+		function Qs(e) {
+			let t = Zs(e);
+			t !== null && I.value.includes(t.id) && Xs({ id: t.id });
 		}
-		function Ks(e) {
-			let t = Ws(e);
-			t !== null && (I.value.includes(t.id) || Us({ id: t.id }));
+		function $s(e) {
+			let t = Zs(e);
+			t !== null && (I.value.includes(t.id) || Xs({ id: t.id }));
 		}
-		let qs = S(() => `${H.value.chart.title.text || "Chart visualization"}. ${H.value.chart.title.subtitle.text || ""}`), Js = S(() => ({ linePlot: Z.value > H.value.line.dot.hideAboveMaxSerieLength })), Ys = S(() => H.value.chart.userOptions.show && (!H.value.chart.title.show || !H.value.chart.title.text)), Xs = S(() => {
+		let ec = S(() => `${H.value.chart.title.text || "Chart visualization"}. ${H.value.chart.title.subtitle.text || ""}`), tc = S(() => ({ linePlot: Z.value > H.value.line.dot.hideAboveMaxSerieLength })), nc = S(() => H.value.chart.userOptions.show && (!H.value.chart.title.show || !H.value.chart.title.text)), rc = S(() => {
 			if (Array.isArray(H.value.chart.highlightArea)) return H.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, Xa.value - 1);
 				return {
@@ -1479,12 +1502,12 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), Zs = S(() => Qi.value ? W.value.map((e, t) => ({
+		}), ic = S(() => Qi.value ? W.value.map((e, t) => ({
 			...e,
 			series: Ya(e.series),
 			id: `uniqueId_${t}`,
 			color: Te(e.color ? e.color : so.value[t] ? so.value[t] : p[t])
-		})) : W.value), Qs = S(() => xo.value.map((e) => {
+		})) : W.value), ac = S(() => xo.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
 			return {
 				id: e.id,
@@ -1492,7 +1515,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				color: e.color,
 				values: yt(Z.value, t)
 			};
-		})), $s = S(() => ({
+		})), oc = S(() => ({
 			responsiveBreakpoint: H.value.table.responsiveBreakpoint,
 			roundingValues: H.value.table.rounding,
 			showAverage: !1,
@@ -1501,7 +1524,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			fontFamily: H.value.chart.fontFamily,
 			prefix: H.value.chart.labels.prefix,
 			suffix: H.value.chart.labels.suffix,
-			colNames: X.value.map((e, t) => H.value.table.useDefaultTimeFormat ? e.text : Lc.value(t + G.value.start, H.value.table.timeFormat)),
+			colNames: X.value.map((e, t) => H.value.table.useDefaultTimeFormat ? e.text : Wc.value(t + G.value.start, H.value.table.timeFormat)),
 			thead: {
 				backgroundColor: H.value.table.th.backgroundColor,
 				color: H.value.table.th.color,
@@ -1514,42 +1537,42 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			},
 			userOptions: { show: !1 },
 			sparkline: { animation: { show: !1 } }
-		})), ec = S(() => {
+		})), sc = S(() => {
 			let e = Math.max(0, Y.value?.width || 0);
 			return H.value.chart.grid.position === "middle" ? Tt(e, Math.max(1, Z.value), 1) : Tt(e, Math.max(1, Z.value - 1), 0);
-		}), tc = S(() => H.value.chart.grid.position === "middle" ? ec.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : ec.value);
-		function nc(e) {
+		}), cc = S(() => H.value.chart.grid.position === "middle" ? sc.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : sc.value);
+		function lc(e) {
 			let t = Y.value?.left || 0;
-			return H.value.chart.grid.position === "middle" ? t + ec.value / 2 + ec.value * e : t + ec.value * e;
+			return H.value.chart.grid.position === "middle" ? t + sc.value / 2 + sc.value * e : t + sc.value * e;
 		}
-		function rc(e) {
+		function uc(e) {
 			let t = Y.value?.left || 0;
-			return H.value.chart.grid.position === "middle" ? t + ec.value * e : Z.value <= 1 ? t : t + ec.value * e - ec.value / 2;
+			return H.value.chart.grid.position === "middle" ? t + sc.value * e : Z.value <= 1 ? t : t + sc.value * e - sc.value / 2;
 		}
-		function ic(e) {
-			return Math.max(Y.value?.left || 0, rc(e));
+		function dc(e) {
+			return Math.max(Y.value?.left || 0, uc(e));
 		}
-		function ac(e) {
-			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = rc(e), i = r + tc.value;
+		function fc(e) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = uc(e), i = r + cc.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
-		function oc(e) {
+		function pc(e) {
 			let t = Y.value?.left || 0, n = Y.value?.right || 0;
 			for (let r = 0; r < Z.value; r += 1) {
-				let i = Math.max(t, rc(r)), a = Math.min(n, rc(r) + tc.value);
+				let i = Math.max(t, uc(r)), a = Math.min(n, uc(r) + cc.value);
 				if (e >= i && e <= a) return r;
 			}
 			return null;
 		}
-		function sc(e) {
-			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = rc(e), i = r + tc.value;
+		function mc(e) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = uc(e), i = r + cc.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
-		function cc(e) {
-			return Math.max(1e-5, tc.value * e);
+		function hc(e) {
+			return Math.max(1e-5, cc.value * e);
 		}
-		let lc = S(() => _(bo.value.filter((e) => !I.value.includes(e.id)))), Q = S(() => {
-			let e = bt(lc.value, (e) => e.scaleLabel), t = {};
+		let gc = S(() => _(bo.value.filter((e) => !I.value.includes(e.id)))), Q = S(() => {
+			let e = bt(gc.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = r.flatMap((e) => e.absoluteValues);
 				t[n] = {
@@ -1559,19 +1582,19 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				};
 			}
 			return t;
-		}), uc = S(() => {
+		}), _c = S(() => {
 			let e = yo.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length;
-			return Y.value.width / Z.value / e - dc.value * e;
-		}), dc = S(() => Ss.value.line * H.value.bar.periodGap), fc = S(() => Math.max(1e-5, Cs() - (U.value.useIndividualScale && U.value.isStacked ? 0 : dc.value))), pc = S(() => fc.value * Math.min(Math.abs(H.value.bar.innerGap), .95)), mc = S(() => {
+			return Y.value.width / Z.value / e - vc.value * e;
+		}), vc = S(() => ks.value.line * H.value.bar.periodGap), yc = S(() => Math.max(1e-5, As() - (U.value.useIndividualScale && U.value.isStacked ? 0 : vc.value))), bc = S(() => yc.value * Math.min(Math.abs(H.value.bar.innerGap), .95)), xc = S(() => {
 			if (!H.value.chart.zoom.minimap.show) return [];
-			let e = Zs.value.filter((e) => !I.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
+			let e = ic.value.filter((e) => !I.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
 			for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
 			let r = Math.min(...n);
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), hc = S(() => H.value.chart.zoom.minimap.show ? Zs.value.map((e) => ({
+		}), Sc = S(() => H.value.chart.zoom.minimap.show ? ic.value.map((e) => ({
 			...e,
 			isVisible: !I.value.includes(e.id)
-		})) : []), gc = S(() => q.value ? Os.value.map((e) => ({
+		})) : []), Cc = S(() => q.value ? Fs.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1592,20 +1615,20 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			comments: e.comments || [],
 			prefix: e.prefix || H.value.chart.labels.prefix,
 			suffix: e.suffix || H.value.chart.labels.suffix
-		}))), _c = S(() => K.value.ticks.map((e) => {
-			let t = e >= 0 ? _s.value - Y.value.height * us(e) : _s.value + Y.value.height * us(Math.abs(e));
+		}))), wc = S(() => K.value.ticks.map((e) => {
+			let t = e >= 0 ? ws.value - Y.value.height * _s(e) : ws.value + Y.value.height * _s(Math.abs(e));
 			return {
-				y: ds.value ? Y.value.top + Y.value.bottom - t : t,
+				y: vs.value ? Y.value.top + Y.value.bottom - t : t,
 				value: e,
 				prefix: H.value.chart.labels.prefix,
 				suffix: H.value.chart.labels.suffix
 			};
-		})), vc = S(() => {
+		})), Tc = S(() => {
 			let e = H.value.chart.annotations;
 			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
 			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
 			if (!t.length) return [];
-			let { left: n, right: r } = Y.value, i = _s.value, a = Y.value.height, o = K.value.min, c = K.value.max - o, l = (e) => i - (e - 0) / c * a;
+			let { left: n, right: r } = Y.value, i = ws.value, a = Y.value.height, o = K.value.min, c = K.value.max - o, l = (e) => i - (e - 0) / c * a;
 			return t.map((e) => {
 				let { yAxis: { yTop: t, yBottom: i, label: a } } = e, o = t != null && i != null && t !== i, c = t == null ? null : l(t), u = i == null ? null : l(i), ee = Fo(a.fontSize);
 				ee.font = `${a.fontSize}px sans-serif`;
@@ -1644,11 +1667,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				};
 			});
 		});
-		function yc(e, t) {
+		function Ec(e, t) {
 			let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
 			return vt(e[t].value) && i && H.value.line.cutNullValues;
 		}
-		let bc = S(() => {
+		let Dc = S(() => {
 			let e = yo.value.flatMap((e) => e.series.map((e) => e.x)).filter(Number.isFinite);
 			if (!e.length) return {
 				min: 0,
@@ -1659,15 +1682,15 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				min: t,
 				max: t === n ? n + 1 : n
 			};
-		}), xc = S(() => {
-			let e = H.value.chart.grid.labels.xAxis.commonScaleSteps, t = H.value.chart.grid.labels.xAxis.scaleMin, n = H.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : bc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : bc.value.max, a = H.value.chart.grid.labels.xAxis.useNiceScale ? fe(r, i, e) : ue(r, i, e);
+		}), Oc = S(() => {
+			let e = H.value.chart.grid.labels.xAxis.commonScaleSteps, t = H.value.chart.grid.labels.xAxis.scaleMin, n = H.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : Dc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : Dc.value.max, a = H.value.chart.grid.labels.xAxis.useNiceScale ? fe(r, i, e) : ue(r, i, e);
 			if (H.value.chart.grid.position !== "start") return a;
 			let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
 			return {
 				...a,
 				max: a.max + o
 			};
-		}), Sc = S(() => q.value ? (hs.value ? [...xc.value.ticks].reverse() : [...xc.value.ticks]).map((e, t) => ({
+		}), kc = S(() => q.value ? (Ss.value ? [...Oc.value.ticks].reverse() : [...Oc.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
 			text: v(H.value.chart.grid.labels.xAxis.formatter, e, o({
 				v: e,
@@ -1679,17 +1702,17 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				seriesIndex: t
 			}),
 			value: e,
-			x: wc({ x: e }),
+			x: jc({ x: e }),
 			index: t
 		})) : Go.value);
-		function Cc(e, t) {
-			return q.value ? e.x : nc(t);
+		function Ac(e, t) {
+			return q.value ? e.x : lc(t);
 		}
-		function wc({ x: e }) {
-			let t = xc.value.max - xc.value.min || 1, n = gs((e - xc.value.min) / t);
+		function jc({ x: e }) {
+			let t = Oc.value.max - Oc.value.min || 1, n = Cs((e - Oc.value.min) / t);
 			return Y.value.left + Y.value.width * n;
 		}
-		let Tc = S(() => {
+		let Mc = S(() => {
 			let e = W.value.flatMap((e) => e.series || []).filter(xt).map((e) => Number(e.x)).filter(Number.isFinite);
 			if (!e.length) return {
 				min: 0,
@@ -1700,11 +1723,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				min: t,
 				max: t === n ? n + 1 : n
 			};
-		}), Ec = S(() => q.value ? Tc.value.min : 0), Dc = S(() => q.value ? Tc.value.max : Xa.value);
-		function Oc(e, t) {
-			return q.value ? e.x == null || e.y == null ? null : wc(e) : nc(t);
+		}), Nc = S(() => q.value ? Mc.value.min : 0), Pc = S(() => q.value ? Mc.value.max : Xa.value);
+		function Fc(e, t) {
+			return q.value ? e.x == null || e.y == null ? null : jc(e) : lc(t);
 		}
-		function kc({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
+		function Ic({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
 			let c = e.scaleSteps || H.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !H.value.chart.grid.labels.yAxis.useNiceScale ? ue : fe, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, d = u(o.min, ee, c), f = u(i, te, c), p = d.min >= 0 ? 0 : Math.abs(d.min), ne = d.max + Math.abs(p), m = f.max + 0, re = e.stackIndex, ie = t - 1 - re, ae = U.value.isStacked ? 1 - e.cumulatedStackRatio : 0, oe = U.value.isStacked ? r * ae + n * ie : 0, h = U.value.isStacked ? r * e.stackRatio : Y.value.height;
 			return {
 				scaleSteps: c,
@@ -1720,8 +1743,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				autoScaleZeroPosition: Y.value?.bottom - oe - h * 0 / m
 			};
 		}
-		let Ac = S(() => {
-			let e = lc.value.filter((e) => [
+		let Lc = S(() => {
+			let e = gc.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
@@ -1735,7 +1758,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				}, c = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || Math.min(...e.absoluteValues.filter((e) => ![void 0, null].includes(e))) > 0 ? 0 : Math.min(...e.absoluteValues.filter((e) => ![null, void 0].includes(e)))
-				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: te, autoScaleMax: d, yOffset: f, individualHeight: p, zeroPosition: ne, autoScaleZeroPosition: m } = kc({
+				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: te, autoScaleMax: d, yOffset: f, individualHeight: p, zeroPosition: ne, autoScaleZeroPosition: m } = Ic({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1744,12 +1767,12 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					autoScaleValueMax: s.valueMax,
 					individualExtremes: c
 				}), re = bo.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length, ie = e.series.map((t, n) => {
-					let i = U.value.useIndividualScale ? (e.absoluteValues[n] + ee) / te : us(t), a = U.value.useIndividualScale && U.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + Ss.value.bar * r + Ss.value.bar * n * re - uc.value / 2 - r * dc.value;
+					let i = U.value.useIndividualScale ? (e.absoluteValues[n] + ee) / te : _s(t), a = U.value.useIndividualScale && U.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + ks.value.bar * r + ks.value.bar * n * re - _c.value / 2 - r * vc.value;
 					return {
 						yOffset: b(f),
 						individualHeight: b(p),
 						x: b(a),
-						y: ps({
+						y: bs({
 							ratio: i,
 							yOffset: f,
 							individualHeight: p
@@ -1760,12 +1783,12 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 					};
 				}), ae = e.absoluteValues.map((e) => u.min >= 0 ? (e - Math.abs(u.min)) / (u.max - Math.abs(u.min)) : (e + Math.abs(u.min)) / (u.max + Math.abs(u.min))), oe = e.series.map((t, n) => {
-					let i = U.value.useIndividualScale && U.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left - Ss.value.bar / 2 + Ss.value.bar * r + Ss.value.bar * n * bo.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length;
+					let i = U.value.useIndividualScale && U.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left - ks.value.bar / 2 + ks.value.bar * r + ks.value.bar * n * bo.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length;
 					return {
 						yOffset: b(f),
 						individualHeight: b(p),
 						x: b(i),
-						y: b(ps({
+						y: b(bs({
 							ratio: ae[n] || 0,
 							yOffset: b(f),
 							individualHeight: b(p)
@@ -1776,7 +1799,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 					};
 				}), h = l.ticks.map((t) => ({
-					y: ms({
+					y: xs({
 						value: t,
 						scaleMin: l.min,
 						scaleMax: l.max,
@@ -1788,7 +1811,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
 				})), se = u.ticks.map((t) => ({
-					y: ps({
+					y: bs({
 						ratio: (t - u.min) / (u.max - u.min || 1),
 						yOffset: f,
 						individualHeight: p
@@ -1798,7 +1821,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
 				}));
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : h, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? m : ne, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : te, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = lc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : h, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? m : ne, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : te, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = gc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: f,
 					autoScaleYLabels: se,
@@ -1812,7 +1835,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				};
 			});
 		}), $ = S(() => {
-			let e = lc.value.filter((e) => [
+			let e = gc.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
@@ -1826,7 +1849,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				}, u = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
-				}, { individualScale: d, autoScaleSteps: p, individualZero: ne, individualMax: m, autoScaleMax: ie, yOffset: oe, individualHeight: h, zeroPosition: se, autoScaleZeroPosition: g } = kc({
+				}, { individualScale: d, autoScaleSteps: p, individualZero: ne, individualMax: m, autoScaleMax: ie, yOffset: oe, individualHeight: h, zeroPosition: se, autoScaleZeroPosition: g } = Ic({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1842,11 +1865,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						value: null,
 						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 					};
-					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(ne)) / m : us(vo(t));
+					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(ne)) / m : _s(vo(t));
 					return {
 						index: n,
-						x: b(Oc(t, n)),
-						y: b(ps({
+						x: b(Fc(t, n)),
+						y: b(bs({
 							ratio: r,
 							yOffset: oe,
 							individualHeight: h
@@ -1862,14 +1885,14 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 				} : [void 0, null].includes(e.absoluteValues[n]) ? {
 					index: n,
-					x: b(Oc(t, n)),
+					x: b(Fc(t, n)),
 					y: se,
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 				} : {
 					index: n,
-					x: b(Oc(t, n)),
-					y: b(ps({
+					x: b(Fc(t, n)),
+					y: b(bs({
 						ratio: ce[n] || 0,
 						yOffset: oe,
 						individualHeight: h
@@ -1877,7 +1900,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 				}), ue = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, de = H.value.line.cutNullValues ? he(_) : _e(_.filter((e) => e.value !== null)), fe = H.value.line.cutNullValues ? he(le) : _e(le.filter((e) => e.value !== null)), pe = H.value.line.cutNullValues ? ee(_) : l(_.filter((e) => e.value !== null)), v = H.value.line.cutNullValues ? ee(le) : l(le.filter((e) => e.value !== null)), me = i(H.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null)), ge = i(H.value.line.cutNullValues ? le : le.filter((e) => e.value !== null)), ve = ue ? re(H.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null), e.dashIndices.map((e) => e - G.value.start)) : [], ye = ue ? te(H.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null), e.dashIndices.map((e) => e - G.value.start)) : [], y = d.ticks.map((t) => ({
-					y: ms({
+					y: xs({
 						value: t,
 						scaleMin: d.min,
 						scaleMax: d.max,
@@ -1889,7 +1912,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
 				})), be = p.ticks.map((t) => ({
-					y: ps({
+					y: bs({
 						ratio: (t - p.min) / (p.max - p.min || 1),
 						yOffset: oe,
 						individualHeight: h
@@ -1899,7 +1922,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
 				}));
-				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? be : y, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? g : se, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ie : m, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = oe, Q.value[e.scaleLabel].individualHeight = h, Q.value[e.scaleLabel].autoScaleYLabels = be, Q.value[e.scaleLabel].unique = lc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
+				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? be : y, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? g : se, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ie : m, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = oe, Q.value[e.scaleLabel].individualHeight = h, Q.value[e.scaleLabel].autoScaleYLabels = be, Q.value[e.scaleLabel].unique = gc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
 				let xe = U.value.useIndividualScale ? e.autoScaling ? g : se : lo.value, Se = Math.max(Math.max(e.autoScaling ? g : y.at(-1) ? y.at(-1).y : 0, Y.value?.top), xe), we = e.autoScaling ? le : _, Ee = H.value.line.cutNullValues ? we : we.filter((e) => e.value !== null), De = e.absoluteValues.filter((e) => ![
 					null,
 					void 0,
@@ -1927,8 +1950,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), jc = S(() => {
-			let e = lc.value.filter((e) => [
+		}), Rc = S(() => {
+			let e = gc.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
@@ -1942,7 +1965,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				}, s = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues)
-				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: te, yOffset: d, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: ne } = kc({
+				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: te, yOffset: d, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: ne } = Ic({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1959,11 +1982,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						value: null,
 						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 					};
-					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : us(vo(t));
+					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : _s(vo(t));
 					return {
 						index: n,
-						x: b(Oc(t, n)),
-						y: b(ps({
+						x: b(Fc(t, n)),
+						y: b(bs({
 							ratio: r,
 							yOffset: d,
 							individualHeight: f
@@ -1979,8 +2002,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 				} : {
 					index: n,
-					x: b(Oc(t, n)),
-					y: b(ps({
+					x: b(Fc(t, n)),
+					y: b(bs({
 						ratio: re[n] || 0,
 						yOffset: d,
 						individualHeight: f
@@ -1988,7 +2011,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
 				}), ae = c.ticks.map((t) => ({
-					y: ms({
+					y: xs({
 						value: t,
 						scaleMin: c.min,
 						scaleMax: c.max,
@@ -2000,7 +2023,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
 				})), oe = l.ticks.map((t) => ({
-					y: ps({
+					y: bs({
 						ratio: (t - l.min) / (l.max - l.min || 1),
 						yOffset: d,
 						individualHeight: f
@@ -2010,7 +2033,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
 				}));
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? oe : ae, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = d, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = oe, Q.value[e.scaleLabel].unique = lc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? oe : ae, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = d, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = oe, Q.value[e.scaleLabel].unique = gc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: d,
 					autoScaleYLabels: oe,
@@ -2023,7 +2046,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), Mc = S(() => {
+		}), zc = S(() => {
 			let e = $.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -2036,7 +2059,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || Y.value.height,
 				autoScaleYLabels: e.autoScaleYLabels
-			})), t = Ac.value.map((e) => ({
+			})), t = Lc.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -2047,7 +2070,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				id: e.id,
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || Y.value.height
-			})), n = jc.value.map((e) => ({
+			})), n = Rc.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -2079,7 +2102,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					individualHeight: e.individualHeight,
 					x: n,
 					yLabels: e.scaleYLabels || e.scale.ticks.map((t) => ({
-						y: ms({
+						y: xs({
 							value: t,
 							scaleMin: e.scale.min,
 							scaleMax: e.scale.max,
@@ -2090,7 +2113,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					}))
 				};
 			});
-		}), Nc = S(() => {
+		}), Bc = S(() => {
 			let e = H.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -2116,44 +2139,52 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					});
 				});
 			}), r;
-		}), Pc = S(() => ({
-			timeLabel: X.value[B.value],
-			datapoint: gc.value,
-			seriesIndex: B.value,
-			series: bo.value,
-			bars: Ac.value,
-			lines: $.value,
-			plots: jc.value,
-			config: H.value
-		})), Fc = O({
+		}), Vc = S(() => {
+			let e = Fs.value[0]?.index ?? null, t = q.value ? e : B.value;
+			return {
+				timeLabel: q.value ? {
+					text: String(Fs.value[0]?.point.raw?.x ?? Fs.value[0]?.point.x),
+					absoluteIndex: e
+				} : X.value[B.value],
+				datapoint: Cc.value,
+				seriesIndex: B.value,
+				selectedIndex: t,
+				absoluteIndex: q.value ? e : B.value + G.value.start,
+				series: bo.value,
+				bars: Lc.value,
+				lines: $.value,
+				plots: Rc.value,
+				config: H.value
+			};
+		}), Hc = O({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), Ic = 0;
+		}), Uc = 0;
 		gt(() => {
-			let e = ++Ic, t = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+			let e = ++Uc, t = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
 				let n = await ke(t.locale).catch(() => ke("en"));
-				e === Ic && (Fc.value = n.data);
+				e === Uc && (Hc.value = n.data);
 			})();
 		});
-		let Lc = S(() => {
+		let Wc = S(() => {
 			let e = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Oe({
 				useUTC: e.useUTC,
-				locale: Fc.value,
+				locale: Hc.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
 				let r = H.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Rc = S(() => (H.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
-			text: Lc.value(t, H.value.chart.zoom.timeFormat),
+		}), Gc = S(() => (H.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+			text: Wc.value(t, H.value.chart.zoom.timeFormat),
 			absoluteIndex: t
-		}))), zc = S(() => {
-			let e = "", t = gc.value.map((e) => e.value).filter((e) => de(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = q.value ? { text: v(H.value.chart.grid.labels.xAxis.formatter, Os.value[0]?.point.raw?.x ?? Os.value[0]?.point.x, o({
-				v: Os.value[0]?.point.raw?.x ?? Os.value[0]?.point.x,
+		}))), Kc = S(() => {
+			let e = "", t = Cc.value.map((e) => e.value).filter((e) => de(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = q.value ? { text: v(H.value.chart.grid.labels.xAxis.formatter, Fs.value[0]?.point.raw?.x ?? Fs.value[0]?.point.x, o({
+				v: Fs.value[0]?.point.raw?.x ?? Fs.value[0]?.point.x,
 				r: H.value.chart.tooltip.roundingValue
 			}), {
 				datapoint: null,
@@ -2162,29 +2193,29 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			if (pe(i) && me(() => i({
 				absoluteIndex: B.value + G.value.start,
 				seriesIndex: B.value,
-				datapoint: gc.value,
+				datapoint: Cc.value,
 				series: bo.value,
-				bars: Ac.value,
+				bars: Lc.value,
 				lines: $.value,
-				plots: jc.value,
+				plots: Rc.value,
 				config: H.value,
 				dateLabel: n
 			}))) return i({
 				absoluteIndex: B.value + G.value.start,
 				seriesIndex: B.value,
-				datapoint: gc.value,
+				datapoint: Cc.value,
 				series: bo.value,
-				bars: Ac.value,
+				bars: Lc.value,
 				lines: $.value,
-				plots: jc.value,
+				plots: Rc.value,
 				config: H.value,
 				dateLabel: n
 			});
 			if (n && n.text && H.value.chart.tooltip.showTimeLabel) {
-				let t = Lc.value(B.value + G.value.start, H.value.chart.tooltip.timeFormat);
+				let t = Wc.value(B.value + G.value.start, H.value.chart.tooltip.timeFormat);
 				q.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${H.value.chart.tooltip.borderColor}; width:100%">${H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
 			}
-			return gc.value.forEach((i) => {
+			return Cc.value.forEach((i) => {
 				if (de(i.value)) {
 					let a = "", s = "";
 					switch (na.value[i.type]) {
@@ -2336,7 +2367,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						v: i.value,
 						s: i.suffix,
 						r: H.value.chart.tooltip.roundingValue
-					}), { datapoint: i }) : "", l = H.value.chart.tooltip.showValue ? n.text : "", u = q.value ? `
+					}), { datapoint: i }) : "", l = H.value.chart.tooltip.showValue ? n?.text ?? "" : "", u = q.value ? `
                     <span>${H.value.chart.grid.labels.axis.xLabel || "X"}: </span>
                     <span>${l}</span>, 
                     <span>${H.value.chart.grid.labels.axis.yLabel || "Y"}: </span>
@@ -2359,7 +2390,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					})})` : ""}</div>`, H.value.chart.comments.showInTooltip && i.comments.length && i.comments.slice(G.value.start, G.value.end)[B.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${i.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${i.color}">${i.comments.slice(G.value.start, G.value.end)[B.value]}</div>`);
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${H.value.chart.tooltip.color}">${e}</div>`;
-		}), Bc = S(() => {
+		}), qc = S(() => {
 			if (yo.value.length === 0) return {
 				head: [],
 				body: [],
@@ -2372,7 +2403,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				type: e.type
 			})), t = [];
 			return X.value.forEach((e, n) => {
-				let r = H.value.table.useDefaultTimeFormat ? [e.text] : [Lc.value(n + G.value.start, H.value.table.timeFormat)];
+				let r = H.value.table.useDefaultTimeFormat ? [e.text] : [Wc.value(n + G.value.start, H.value.table.timeFormat)];
 				xo.value.forEach((e) => {
 					r.push(vt(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(H.value.table.rounding)) : "");
 				}), t.push(r);
@@ -2380,13 +2411,13 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				head: e,
 				body: t
 			};
-		}), Vc = S(() => {
+		}), Jc = S(() => {
 			let e = H.value.table.showSum, t = [""].concat(xo.value.map((e) => e.name));
 			e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
 			let n = [];
 			for (let t = 0; t < Z.value; t += 1) {
 				let r = xo.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
-				n.push([H.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : Lc.value(t + G.value.start, H.value.table.timeFormat)].concat(xo.value.map((e) => v(e.type === "line" ? H.value.line.labels.formatter : e.type === "bar" ? H.value.bar.labels.formatter : H.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, o({
+				n.push([H.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : Wc.value(t + G.value.start, H.value.table.timeFormat)].concat(xo.value.map((e) => v(e.type === "line" ? H.value.line.labels.formatter : e.type === "bar" ? H.value.bar.labels.formatter : H.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, o({
 					p: e.prefix || H.value.chart.labels.prefix,
 					v: e.absoluteValues[t] ?? 0,
 					s: e.suffix || H.value.chart.labels.suffix,
@@ -2413,18 +2444,18 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				colNames: i
 			};
 		});
-		function Hc(e = null) {
+		function Yc(e = null) {
 			let t = [
 				[H.value.chart.title.text],
 				[H.value.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...Bc.value.head.map((e) => e.label)], r = Bc.value.body, i = ie(t.concat([n]).concat(r));
+			], n = ["", ...qc.value.head.map((e) => e.label)], r = qc.value.body, i = ie(t.concat([n]).concat(r));
 			e ? e(i) : u({
 				csvContent: i,
 				title: H.value.chart.title.text || "vue-ui-xy"
 			});
 		}
-		function Uc(e, t = null) {
+		function Xc(e, t = null) {
 			if (So.value) return;
 			aa.value = e;
 			let n = xo.value.map((e) => ({
@@ -2445,19 +2476,19 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				seriesIndex: t + G.value.start
 			}));
 		}
-		function Wc() {
+		function Zc() {
 			U.value.showTable = !U.value.showTable;
 		}
-		function Gc() {
+		function Qc() {
 			U.value.dataLabels.show = !U.value.dataLabels.show;
 		}
-		function Kc() {
+		function $c() {
 			U.value.showTooltip = !U.value.showTooltip;
 		}
-		function qc(e) {
+		function el(e) {
 			ia.value = e, sa.value += 1;
 		}
-		function Jc() {
+		function tl() {
 			if (!H.value.responsiveProportionalSizing) {
 				V.value.dataLabels = H.value.chart.grid.labels.fontSize, V.value.yAxis = H.value.chart.grid.labels.axis.fontSize, V.value.xAxis = H.value.chart.grid.labels.xAxisLabels.fontSize, V.value.plotLabels = H.value.chart.labels.fontSize, Ia.value.plot = H.value.plot.radius, Ia.value.line = H.value.line.radius, Ia.value.selectedLine = H.value.line.dot.selectedRadius;
 				return;
@@ -2506,7 +2537,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				fallback: 0
 			});
 		}
-		function Yc() {
+		function nl() {
 			if (oe(N.dataset) ? (se({
 				componentName: "VueUiXy",
 				type: "dataset",
@@ -2535,26 +2566,26 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				let l = 0;
 				Vi.value && (l = Vi.value.getBoundingClientRect().height);
 				let u = 0;
-				Hi.value && (u = Hi.value.getBoundingClientRect().height), $i.value = t - i - c - o - l - u - 12, F.value = n, ea.value = `0 0 ${F.value < 0 ? 10 : F.value} ${$i.value < 0 ? 10 : $i.value}`, Jc();
+				Hi.value && (u = Hi.value.getBoundingClientRect().height), $i.value = t - i - c - o - l - u - 12, F.value = n, ea.value = `0 0 ${F.value < 0 ? 10 : F.value} ${$i.value < 0 ? 10 : $i.value}`, tl();
 				let ee = new ResizeObserver((e) => {
 					for (let t of e) i = H.value.chart.title.show && Ri.value ? Ri.value.getBoundingClientRect().height : 0, o = zi.value && zi.value.$el ? zi.value.$el.getBoundingClientRect().height : 0, c = Bi.value ? Bi.value.getBoundingClientRect().height : 0, l = Vi.value ? Vi.value.getBoundingClientRect().height : 0, u = Hi.value ? Hi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
-						$i.value = t.contentRect.height - i - c - o - l - u - 12, F.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, ea.value = `0 0 ${F.value < 0 ? 10 : F.value} ${$i.value < 0 ? 10 : $i.value}`, Jc(), ka(), ja();
+						$i.value = t.contentRect.height - i - c - o - l - u - 12, F.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, ea.value = `0 0 ${F.value < 0 ? 10 : F.value} ${$i.value < 0 ? 10 : $i.value}`, tl(), ka(), ja();
 					});
 				});
 				Yi.value = ee, Xi.value = e, ee.observe(e);
 			} else $i.value = H.value.chart.height, F.value = H.value.chart.width, V.value.dataLabels = H.value.chart.grid.labels.fontSize, V.value.yAxis = H.value.chart.grid.labels.axis.fontSize, V.value.xAxis = H.value.chart.grid.labels.xAxisLabels.fontSize, V.value.plotLabels = H.value.chart.labels.fontSize, Ia.value.plot = H.value.plot.radius, Ia.value.line = H.value.line.radius, Ia.value.selectedLine = H.value.line.dot.selectedRadius, ea.value = `0 0 ${F.value} ${$i.value}`;
 			ka(), ja();
 		}
-		function Xc(e) {
+		function rl(e) {
 			ta.value = {
 				x: e.clientX,
 				y: e.clientY
 			};
 		}
 		ct(() => {
-			Yc(), is(), document.addEventListener("mousemove", Xc, { passive: !0 }), document.addEventListener("scroll", Io, { passive: !0 });
+			nl(), is(), document.addEventListener("mousemove", rl, { passive: !0 }), document.addEventListener("scroll", Io, { passive: !0 });
 		}), st(() => {
-			document.removeEventListener("scroll", Io, { passive: !0 }), document.removeEventListener("mousemove", Xc, { passive: !0 }), Yi.value &&= (Yi.value.unobserve(Xi.value), Yi.value.disconnect(), null);
+			document.removeEventListener("scroll", Io, { passive: !0 }), document.removeEventListener("mousemove", rl, { passive: !0 }), Yi.value &&= (Yi.value.unobserve(Xi.value), Yi.value.disconnect(), null), ds();
 		}), ze({
 			timeLabelsEls: Ki,
 			timeLabels: X,
@@ -2580,30 +2611,30 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			width: F,
 			rotation: H.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let Zc = O(!1), Qc = O(null), $c = O(200), el = S(() => B.value ?? R.value ?? 0), tl = S(() => {
+		let il = O(!1), al = O(null), ol = O(200), sl = S(() => B.value ?? R.value ?? 0), cl = S(() => {
 			if (!q.value) return null;
 			if (g(xa.value)) return Number(xa.value);
-			let e = Os.value[0];
+			let e = Fs.value[0];
 			return g(e?.point?.x) ? Number(e.point.x) : null;
 		});
-		function nl() {
-			let e = Math.ceil($c.value || 200);
+		function ll() {
+			let e = Math.ceil(ol.value || 200);
 			return Math.min(Math.max(e, 1), 200);
 		}
-		function rl() {
-			let e = nl(), t = (q.value && g(tl.value) ? wc({ x: tl.value }) : nc(el.value)) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
+		function ul() {
+			let e = ll(), t = (q.value && g(cl.value) ? jc({ x: cl.value }) : lc(sl.value)) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
 			return b(Math.max(n, Math.min(t, r)));
 		}
 		ct(() => {
 			let e = null, t = null, n = (e) => {
 				cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-					$c.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
+					ol.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
 				});
 			}, r = new ResizeObserver((t) => {
 				let r = t.find((t) => t.target === e) || t[0];
 				r && n(r.contentRect.width || 200);
 			}), i = gt((t) => {
-				let i = Qc.value;
+				let i = al.value;
 				e && e !== i && (r.unobserve(e), e = null), i && i !== e && (it(() => {
 					i.offsetParent !== null && n(i.offsetWidth || i.getBoundingClientRect().width || 200);
 				}), r.observe(i), e = i), t(() => {
@@ -2616,26 +2647,26 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				} catch {}
 			});
 		});
-		let il = S(() => {
+		let dl = S(() => {
 			if (q.value) {
-				if (!Number.isFinite(Number(tl.value))) return "";
+				if (!Number.isFinite(Number(cl.value))) return "";
 			} else if ([null, void 0].includes(B.value) && [null, void 0].includes(R.value)) return "";
 			let e = (B.value == null ? 0 : B.value) || (R.value == null ? 0 : R.value), t = H.value.chart.timeTag.customFormat;
-			if (Zc.value = !1, q.value) {
-				let e = tl.value;
+			if (il.value = !1, q.value) {
+				let e = cl.value;
 				if (pe(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
-						datapoint: gc.value,
-						bars: Ac.value,
+						datapoint: Cc.value,
+						bars: Lc.value,
 						lines: $.value,
-						plots: jc.value,
+						plots: Rc.value,
 						config: H.value
 					});
-					if (typeof n == "string") return Zc.value = !0, n;
+					if (typeof n == "string") return il.value = !0, n;
 				} catch {
-					console.warn("Custom format cannot be applied on timeTag."), Zc.value = !1;
+					console.warn("Custom format cannot be applied on timeTag."), il.value = !1;
 				}
 				return o({
 					v: e,
@@ -2646,19 +2677,19 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				let n = t({
 					absoluteIndex: e + G.value.start,
 					seriesIndex: e,
-					datapoint: gc.value,
-					bars: Ac.value,
+					datapoint: Cc.value,
+					bars: Lc.value,
 					lines: $.value,
-					plots: jc.value,
+					plots: Rc.value,
 					config: H.value
 				});
-				if (typeof n == "string") return Zc.value = !0, n;
+				if (typeof n == "string") return il.value = !0, n;
 			} catch {
-				console.warn("Custom format cannot be applied on timeTag."), Zc.value = !1;
+				console.warn("Custom format cannot be applied on timeTag."), il.value = !1;
 			}
-			if (!Zc.value) return [null, void 0].includes(X.value[e]) ? "" : H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.timeTag.useDefaultFormat ? Lc.value(e + G.value.start, H.value.chart.timeTag.timeFormat) : X.value[e].text;
+			if (!il.value) return [null, void 0].includes(X.value[e]) ? "" : H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.timeTag.useDefaultFormat ? Wc.value(e + G.value.start, H.value.chart.timeTag.timeFormat) : X.value[e].text;
 		});
-		function al({ serie: e, plot: n, type: r }) {
+		function fl({ serie: e, plot: n, type: r }) {
 			if (!vt(n.value)) return "";
 			let i = o({
 				p: e.prefix || H.value.chart.labels.prefix,
@@ -2680,40 +2711,40 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				y: 0
 			});
 		}
-		function ol({ plot: e }) {
-			let t = H.value.bar.labels.offsetY, n = Math.abs(xs(e)), r = e.value < 0, i = {
-				x: (U.value.useIndividualScale && U.value.isStacked ? e.x + Ss.value.line / 2 : ws(e) + Cs() / 2 - dc.value / 2) + H.value.bar.labels.offsetX,
+		function pl({ plot: e }) {
+			let t = H.value.bar.labels.offsetY, n = Math.abs(Os(e)), r = e.value < 0, i = {
+				x: (U.value.useIndividualScale && U.value.isStacked ? e.x + ks.value.line / 2 : js(e) + As() / 2 - vc.value / 2) + H.value.bar.labels.offsetX,
 				y: b(e.y) + (H.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
 			};
 			return `translate(${i.x}, ${i.y}) rotate(${H.value.bar.labels.rotation})`;
 		}
-		function sl({ plot: e, type: t }) {
+		function ml({ plot: e, type: t }) {
 			let n = H.value[t].labels.offsetY, r = {
 				x: e.x + H.value[t].labels.offsetX,
 				y: b(e.y) + (H.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
 			};
 			return `translate(${r.x}, ${r.y}) rotate(${H.value[t].labels.rotation})`;
 		}
-		function cl({ plot: e, type: t }) {
+		function hl({ plot: e, type: t }) {
 			if (H.value[t].labels.textAnchor != null) return H.value[t].labels.textAnchor;
 			let n = e.value >= 0;
 			return H.value[t].labels.rotation === 0 ? "middle" : H.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let ll = S(() => q.value ? g(xa.value) ? wc({ x: Number(xa.value) }) : g(ks.value) ? ks.value : null : nc((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value))), ul = S(() => H.value.chart.highlighter.crosshairs.show && Xo.value), dl = S(() => [
+		let gl = S(() => q.value ? g(xa.value) ? jc({ x: Number(xa.value) }) : g(Is.value) ? Is.value : null : lc((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value))), _l = S(() => H.value.chart.highlighter.crosshairs.show && Xo.value), vl = S(() => [
 			...$.value,
-			...jc.value,
-			...Ac.value
-		].flatMap((e) => (e.plots || []).filter((t, n) => ml(e, t, n)).filter((e) => vt(e.value)).map((t) => ({
+			...Rc.value,
+			...Lc.value
+		].flatMap((e) => (e.plots || []).filter((t, n) => xl(e, t, n)).filter((e) => vt(e.value)).map((t) => ({
 			...t,
 			serie: e,
 			x: b(t.x),
 			y: b(t.y)
-		})))), fl = S(() => {
-			if (!ul.value) return null;
+		})))), yl = S(() => {
+			if (!_l.value) return null;
 			if (q.value) {
-				let e = Os.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
+				let e = Fs.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
 				return g(t) ? {
-					x: ll.value,
+					x: gl.value,
 					text: v(H.value.chart.grid.labels.xAxis.formatter, t, o({
 						v: t,
 						r: H.value.chart.tooltip.roundingValue
@@ -2722,15 +2753,15 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			}
 			let e = B.value === null ? R.value : B.value;
 			return e == null ? null : {
-				x: nc(e),
+				x: lc(e),
 				text: X.value[e]?.text ?? ""
 			};
 		});
-		function pl(e) {
+		function bl(e) {
 			return H.value.chart.grid.labels.yAxis.position === "right" ? Y.value.right : Y.value.left;
 		}
-		function ml(e, t, n) {
-			return q.value ? Os.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : B.value !== null && B.value === n || R.value !== null && R.value === n;
+		function xl(e, t, n) {
+			return q.value ? Fs.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : B.value !== null && B.value === n || R.value !== null && R.value === n;
 		}
 		ht(() => N.dataset, (e) => {
 			if (Array.isArray(e) && e.length > 0 && (qa.value = !1), H.value.chart.zoom.keepState) {
@@ -2754,28 +2785,28 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			};
 			Zi.value += 1, da.value += 1, ka(), ja(), eo();
 		}, { deep: !0 }), ht(() => N.config, (e) => {
-			Ka.value || (H.value = Ra()), Yc(), la.value += 1, ca.value += 1, Ha(), ka(), ja(), H.value.chart.zoom.keepState && (Xa.value = Math.max(0, ...W.value.map((e) => Ya(e.series).length)), Xa.value > 0 && (!ts.value || G.value.start === 0 && G.value.end === 0) && is()), eo();
+			Ka.value || (H.value = Ra()), nl(), la.value += 1, ca.value += 1, Ha(), ka(), ja(), H.value.chart.zoom.keepState && (Xa.value = Math.max(0, ...W.value.map((e) => Ya(e.series).length)), Xa.value > 0 && (!ts.value || G.value.start === 0 && G.value.end === 0) && is()), eo();
 		}, { deep: !0 });
-		let hl = O(!1);
-		function gl() {
+		let Sl = O(!1);
+		function Cl() {
 			let e = Li.value?.parentNode;
 			if (!e) {
-				hl.value = !1;
+				Sl.value = !1;
 				return;
 			}
 			let t = e.getBoundingClientRect();
-			hl.value = t.width > 2 && t.height > 2;
+			Sl.value = t.width > 2 && t.height > 2;
 		}
 		ct(() => {
-			gl();
+			Cl();
 			let e = new ResizeObserver(() => {
-				gl(), hl.value && (Yc(), eo(), H.value.chart.zoom.keepState || is());
+				Cl(), Sl.value && (nl(), eo(), H.value.chart.zoom.keepState || is());
 			});
 			Li.value?.parentNode && e.observe(Li.value.parentNode);
 		}), ht(H, () => {
 			Ha();
 		}, { immediate: !0 });
-		let _l = S(() => {
+		let wl = S(() => {
 			let e = H.value.table.useDialog && !H.value.showTable, t = U.value.showTable;
 			return {
 				component: e ? Ai : Ke,
@@ -2808,37 +2839,37 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 		ht(() => U.value.showTable, (e) => {
 			H.value.showTable || (e && H.value.table.useDialog && va.value ? va.value.open() : va.value && va.value.close && va.value.close());
 		});
-		function vl() {
+		function Tl() {
 			U.value.showTable = !1, Ji.value && Ji.value.setTableIconState(!1);
 		}
-		let yl = S(() => bo.value.map((e) => ({
+		let El = S(() => bo.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), bl = S(() => H.value.chart.backgroundColor), xl = S(() => H.value.chart.legend), { exportSvg: Sl, getSvg: Cl } = Fe({
+		}))), Dl = S(() => H.value.chart.backgroundColor), Ol = S(() => H.value.chart.legend), { exportSvg: kl, getSvg: Al } = Fe({
 			svg: z,
 			title: S(() => H.value.chart.title),
-			legend: xl,
-			legendItems: yl,
-			backgroundColor: bl
+			legend: Ol,
+			legendItems: El,
+			backgroundColor: Dl
 		});
-		async function wl({ isCb: e }) {
+		async function jl({ isCb: e }) {
 			ba.value = !0, await it();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Cl();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Al();
 					await Promise.resolve(H.value.chart.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Sl());
+				} else await Promise.resolve(kl());
 			} finally {
 				ba.value = !1;
 			}
 		}
-		function Tl(e) {
+		function Ml(e) {
 			if (e?.stage === "start") {
 				ya.value = !0;
 				return;
@@ -2849,7 +2880,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			}
 			ao();
 		}
-		async function El() {
+		async function Nl() {
 			if (ji("copyAlt", {
 				config: {
 					...H.value,
@@ -2857,8 +2888,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				},
 				dataset: {
 					lines: $.value,
-					bars: Ac.value,
-					plots: jc.value
+					bars: Lc.value,
+					plots: Rc.value
 				}
 			}), !H.value.chart.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
@@ -2871,67 +2902,67 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				},
 				dataset: {
 					lines: $.value,
-					bars: Ac.value,
-					plots: jc.value
+					bars: Lc.value,
+					plots: Rc.value
 				}
 			}));
 		}
-		let Dl = O(!1);
-		function Ol() {
-			G.value.end > G.value.start && (Sa.value = null), Ro.value = !0, Dl.value = !0;
+		let Pl = O(!1);
+		function Fl() {
+			G.value.end > G.value.start && (Sa.value = null), Ro.value = !0, Pl.value = !0;
 		}
-		function kl() {
-			Sa.value = null, Fs(), Dl.value = !1, Ro.value = !1;
+		function Il() {
+			Sa.value = null, Hs(), Pl.value = !1, Ro.value = !1;
 		}
-		function Al(e) {
+		function Ll(e) {
 			if (!z.value || ra.value || document.activeElement !== z.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n || !G.value.end && G.value.end !== 0) return;
 			let r = G.value.end - G.value.start;
 			if (r <= 0) return;
 			if (e.preventDefault(), e.stopPropagation(), q.value) {
-				let e = As.value.length;
+				let e = Ls.value.length;
 				if (!e) return;
 				let r = Sa.value;
-				r !== null && r >= 0 && r < e ? n ? (r += 1, r >= e && (r = 0)) : t && (--r, r < 0 && (r = e - 1)) : r = n ? 0 : e - 1, js(r);
+				r !== null && r >= 0 && r < e ? n ? (r += 1, r >= e && (r = 0)) : t && (--r, r < 0 && (r = e - 1)) : r = n ? 0 : e - 1, Rs(r);
 				return;
 			}
-			let i = Sa.value, a = Ds.value;
-			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, Sa.value = i, jl(i), Uc(!0, i);
+			let i = Sa.value, a = Ps.value;
+			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, Sa.value = i, Rl(i), Xc(!0, i);
 		}
-		function jl(e) {
+		function Rl(e) {
 			let t = G.value.end - G.value.start;
 			if (t <= 0) return;
 			let n = Y.value.width / t, r = De(Y.value.left + n * e + n / 2, Y.value.top + Y.value.height / 2, z.value);
 			r && (Ca.value = r);
 		}
-		let Ml = S(() => {
-			if (!Vc.value) return null;
+		let zl = S(() => {
+			if (!Jc.value) return null;
 			let e = H.value.table.showSum, t = [H.value.table.columnNames.period].concat(xo.value.map((e) => e.name));
 			e && (t = t.concat(H.value.table.columnNames.total));
-			let n = Vc.value.body.slice(G.value.start, G.value.end);
+			let n = Jc.value.body.slice(G.value.start, G.value.end);
 			return {
 				headers: t,
 				rows: n
 			};
 		});
 		return We({
-			getData: Rs,
-			getImage: zs,
+			getData: Gs,
+			getImage: Ks,
 			generatePdf: io,
 			generateImage: ao,
-			generateSvg: wl,
-			generateCsv: Hc,
-			hideSeries: Ks,
-			showSeries: Gs,
+			generateSvg: jl,
+			generateCsv: Yc,
+			hideSeries: $s,
+			showSeries: Qs,
 			toggleStack: Zo,
-			toggleTable: Wc,
-			toggleLabels: Gc,
-			toggleTooltip: Kc,
+			toggleTable: Zc,
+			toggleLabels: Qc,
+			toggleTooltip: $c,
 			toggleAnnotator: Bo,
-			toggleFullscreen: qc,
-			copyAlt: El,
-			resetZoom: cs
+			toggleFullscreen: el,
+			copyAlt: Nl,
+			resetZoom: hs
 		}), (n, r) => (D(), w("div", {
 			id: `vue-ui-xy_${L.value}`,
 			class: at(`vue-data-ui-component vue-ui-xy ${ia.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${H.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -2940,17 +2971,17 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 			style: E(`background:${H.value.chart.backgroundColor}; color:${H.value.chart.color};width:100%;font-family:${H.value.chart.fontFamily};${H.value.responsive ? "height: 100%" : ""}`),
 			onMouseenter: r[6] ||= () => zo(!0),
 			onMouseleave: r[7] ||= () => zo(!1),
-			onClick: Is
+			onClick: Us
 		}, [
 			T("div", {
 				id: `chart-instructions-${L.value}`,
 				class: "sr-only"
 			}, [T("p", null, dt(H.value.a11y.translations.keyboardNavigation), 1)], 8, kt),
-			Ml.value?.rows?.length ? (D(), Xe(Je, {
+			zl.value?.rows?.length ? (D(), Xe(Je, {
 				key: 0,
 				uid: L.value,
-				head: Ml.value.headers,
-				body: Ml.value.rows,
+				head: zl.value.headers,
+				body: zl.value.rows,
 				notice: H.value.a11y.translations.tableAvailable,
 				caption: H.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -2983,7 +3014,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				"active",
 				"isCursorPointer"
 			])) : C("", !0),
-			Ys.value ? (D(), w("div", {
+			nc.value ? (D(), w("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Hi,
@@ -3041,17 +3072,17 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				tableDialog: H.value.table.useDialog,
 				printScale: H.value.chart.userOptions.print.scale,
 				isCursorPointer: Va.value,
-				onToggleFullscreen: qc,
+				onToggleFullscreen: el,
 				onGeneratePdf: j(io),
-				onGenerateCsv: Hc,
-				onGenerateImage: Tl,
-				onGenerateSvg: wl,
-				onToggleTable: Wc,
-				onToggleLabels: Gc,
+				onGenerateCsv: Yc,
+				onGenerateImage: Ml,
+				onGenerateSvg: jl,
+				onToggleTable: Zc,
+				onToggleLabels: Qc,
 				onToggleStack: Zo,
-				onToggleTooltip: Kc,
+				onToggleTooltip: $c,
 				onToggleAnnotator: Bo,
-				onCopyAlt: El,
+				onCopyAlt: Nl,
 				style: E({ visibility: pa.value ? ma.value ? "visible" : "hidden" : "visible" })
 			}, Ze({ _: 2 }, [
 				n.$slots.menuIcon ? {
@@ -3149,18 +3180,18 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					color: H.value.chart.color,
 					fontFamily: H.value.chart.fontFamily
 				}),
-				"aria-label": qs.value,
+				"aria-label": ec.value,
 				"aria-describedby": `chart-instructions-${L.value}`,
 				"aria-live": "polite",
 				role: "img",
 				tabindex: "0",
 				preserveAspectRatio: "xMidYMid",
-				onMousemove: Ps,
-				onMouseleave: Fs,
-				onClick: Is,
-				onFocus: Ol,
-				onBlur: kl,
-				onKeydown: Al
+				onMousemove: Vs,
+				onMouseleave: Hs,
+				onClick: Us,
+				onFocus: Fl,
+				onBlur: Il,
+				onKeydown: Ll
 			}, [T("g", {
 				ref_key: "G",
 				ref: Ui,
@@ -3188,7 +3219,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, It)) : C("", !0),
-						U.value.useIndividualScale ? H.value.chart.grid.showHorizontalLines ? (D(!0), w(x, { key: 2 }, k(Mc.value, (e) => (D(), w("g", null, [e.id === P.value && e.yLabels.length ? (D(!0), w(x, { key: 0 }, k(e.yLabels, (t) => (D(), w("line", {
+						U.value.useIndividualScale ? H.value.chart.grid.showHorizontalLines ? (D(!0), w(x, { key: 2 }, k(zc.value, (e) => (D(), w("g", null, [e.id === P.value && e.yLabels.length ? (D(!0), w(x, { key: 0 }, k(e.yLabels, (t) => (D(), w("line", {
 							x1: Y.value?.left,
 							x2: Y.value?.right,
 							y1: j(y)(t.y),
@@ -3217,7 +3248,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							y2: j(y)(Y.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Lt)) : C("", !0), H.value.chart.grid.showHorizontalLines ? (D(), w("g", Rt, [(D(!0), w(x, null, k(_c.value, (e) => (D(), w("line", {
+						}, null, 8, Lt)) : C("", !0), H.value.chart.grid.showHorizontalLines ? (D(), w("g", Rt, [(D(!0), w(x, null, k(wc.value, (e) => (D(), w("line", {
 							x1: Y.value?.left,
 							x2: Y.value?.right,
 							y1: j(y)(e.y),
@@ -3242,7 +3273,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							style: { animation: "none !important" }
 						}, null, 8, Gt)])) : C("", !0)
 					]),
-					(D(!0), w(x, null, k(Ac.value, (e, t) => (D(), w("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? A(n.$slots, "bar-gradient", rt({
+					(D(!0), w(x, null, k(Lc.value, (e, t) => (D(), w("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? A(n.$slots, "bar-gradient", rt({
 						key: 0,
 						ref_for: !0
 					}, {
@@ -3284,7 +3315,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"stop-color": e.color
 						}, null, 8, $t)
 					], 8, Xt)], 64))]))), 128)),
-					(D(!0), w(x, null, k(jc.value, (e, t) => (D(), w("defs", { key: `def_plot_${t}` }, [T("radialGradient", {
+					(D(!0), w(x, null, k(Rc.value, (e, t) => (D(), w("defs", { key: `def_plot_${t}` }, [T("radialGradient", {
 						id: `plotGradient_${t}_${L.value}`,
 						cx: "50%",
 						cy: "50%",
@@ -3338,32 +3369,32 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						"stop-color": n,
 						offset: j(d)(r, e.temperatureColors.length)
 					}, null, 8, fn))), 128))], 8, dn)])) : C("", !0)], 64))), 128)),
-					(D(!0), w(x, null, k(Xs.value, (e) => (D(), w("g", null, [e.show ? (D(), w(x, { key: 0 }, [(D(!0), w(x, null, k(e.span, (t, n) => (D(), w("g", null, [T("rect", {
+					(D(!0), w(x, null, k(rc.value, (e) => (D(), w("g", null, [e.show ? (D(), w(x, { key: 0 }, [(D(!0), w(x, null, k(e.span, (t, n) => (D(), w("g", null, [T("rect", {
 						style: E({
 							transition: "none",
 							opacity: +(e.from + n >= G.value.start && e.from + n <= G.value.end - 1)
 						}),
-						x: ic(e.from + n - G.value.start),
+						x: dc(e.from + n - G.value.start),
 						y: Y.value?.top,
 						height: Y.value.height < 0 ? 10 : Y.value.height,
-						width: ac(e.from + n - G.value.start),
+						width: fc(e.from + n - G.value.start),
 						fill: j(m)(e.color, e.opacity)
 					}, null, 12, pn)]))), 256)), (D(!0), w(x, null, k(e.span, (t, n) => (D(), w("g", null, [e.caption.text && n === 0 ? (D(), w("foreignObject", {
 						key: 0,
-						x: ic(e.from + n - G.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - cc(e.span) / 2),
+						x: dc(e.from + n - G.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - hc(e.span) / 2),
 						y: Y.value?.top + e.caption.offsetY,
 						style: E({
 							overflow: "visible",
 							opacity: +(e.to >= G.value.start && e.from < G.value.end)
 						}),
 						height: "1",
-						width: e.caption.width === "auto" ? cc(e.span) : e.caption.width
+						width: e.caption.width === "auto" ? hc(e.span) : e.caption.width
 					}, [T("div", { style: E(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, dt(e.caption.text), 5)], 12, mn)) : C("", !0)]))), 256))], 64)) : C("", !0)]))), 256)),
 					Ro.value && !q.value ? (D(), w("g", hn, [(D(!0), w(x, null, k(Z.value, (e, t) => (D(), w("g", { key: `tooltip_trap_highlighter_${t}` }, [T("rect", {
-						x: ic(t),
+						x: dc(t),
 						y: Y.value?.top,
 						height: Y.value.height < 0 ? 10 : Y.value.height,
-						width: sc(t),
+						width: mc(t),
 						fill: [
 							R.value,
 							B.value,
@@ -3374,17 +3405,17 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important"
 						}
 					}, null, 8, gn)]))), 128))])) : C("", !0),
-					Ac.value.length ? (D(!0), w(x, { key: 1 }, k(Ac.value, (e, t) => (D(), w("g", {
+					Lc.value.length ? (D(!0), w(x, { key: 1 }, k(Lc.value, (e, t) => (D(), w("g", {
 						key: `serie_bar_${e.id}`,
 						class: at(`serie_bar_${t}`),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [(D(!0), w(x, null, k(e.plots, (r, i) => (D(), w("g", { key: `bar_plot_${t}_${i}` }, [
 						j(vt)(r.value) ? (D(), w("rect", {
 							key: 0,
-							x: ws(r) + pc.value / 2,
-							y: U.value.useIndividualScale ? Es(r) : Ts(r),
-							height: U.value.useIndividualScale ? Math.abs(xs(r)) : Math.abs(bs(r)),
-							width: fc.value - pc.value,
+							x: js(r) + bc.value / 2,
+							y: U.value.useIndividualScale ? Ns(r) : Ms(r),
+							height: U.value.useIndividualScale ? Math.abs(Os(r)) : Math.abs(Ds(r)),
+							width: yc.value - bc.value,
 							rx: H.value.bar.borderRadius,
 							fill: H.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${t}_${L.value})` : `url(#rectGradient_neg_${t}_${L.value})` : e.color,
 							stroke: H.value.bar.border.useSerieColor ? e.color : H.value.bar.border.stroke,
@@ -3393,10 +3424,10 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						}, null, 12, _n)) : C("", !0),
 						j(vt)(r.value) && n.$slots.pattern ? (D(), w("rect", {
 							key: 1,
-							x: ws(r) - pc.value / 2,
-							y: U.value.useIndividualScale ? Es(r) : Ts(r),
-							height: U.value.useIndividualScale ? Math.abs(xs(r)) : Math.abs(bs(r)),
-							width: fc.value - pc.value,
+							x: js(r) - bc.value / 2,
+							y: U.value.useIndividualScale ? Ns(r) : Ms(r),
+							height: U.value.useIndividualScale ? Math.abs(Os(r)) : Math.abs(Ds(r)),
+							width: yc.value - bc.value,
 							rx: H.value.bar.borderRadius,
 							fill: `url(#pattern_${L.value}_${e.slotAbsoluteIndex})`,
 							stroke: H.value.bar.border.useSerieColor ? e.color : H.value.bar.border.stroke,
@@ -3407,8 +3438,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
-							width: fc.value + H.value.chart.comments.width,
-							x: ws(r) - H.value.chart.comments.width / 2 + H.value.chart.comments.offsetX,
+							width: yc.value + H.value.chart.comments.width,
+							x: js(r) - H.value.chart.comments.width / 2 + H.value.chart.comments.offsetX,
 							y: j(b)(r.y) + H.value.chart.comments.offsetY + 6
 						}, [A(n.$slots, "plot-comment", { plot: {
 							...r,
@@ -3423,14 +3454,14 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						"stroke-width": "1",
 						x1: Y.value?.left,
 						x2: Y.value?.right,
-						y1: j(y)(ys.value),
-						y2: j(y)(ys.value),
+						y1: j(y)(Es.value),
+						y2: j(y)(Es.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
 					}, null, 8, bn)) : C("", !0),
 					!H.value.chart.highlighter.crosshairs.show && (H.value.chart.highlighter.useLine || q.value) && Xo.value ? (D(), w("g", xn, [T("line", {
-						x1: ll.value,
-						x2: ll.value,
+						x1: gl.value,
+						x2: gl.value,
 						y1: j(y)(Y.value?.top),
 						y2: j(y)(Y.value?.bottom),
 						stroke: H.value.chart.highlighter.color,
@@ -3443,10 +3474,10 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"pointer-events": "none"
 						}
 					}, null, 8, Sn)])) : C("", !0),
-					ul.value ? (D(), w("g", Cn, [(D(!0), w(x, null, k(dl.value, (e) => (D(), w("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
+					_l.value ? (D(), w("g", Cn, [(D(!0), w(x, null, k(vl.value, (e) => (D(), w("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
 						T("line", {
 							x1: H.value.chart.highlighter.crosshairs.stopOnPoint ? j(y)(e.x) : Y.value.left,
-							x2: H.value.chart.highlighter.crosshairs.stopOnPoint ? j(y)(pl(e.x)) : Y.value.right,
+							x2: H.value.chart.highlighter.crosshairs.stopOnPoint ? j(y)(bl(e.x)) : Y.value.right,
 							y1: j(y)(e.y),
 							y2: j(y)(e.y),
 							stroke: H.value.chart.highlighter.crosshairs.stroke,
@@ -3467,7 +3498,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							style: { "pointer-events": "none" }
 						}, null, 8, Tn),
 						T("circle", {
-							cx: j(y)(pl(e.x)),
+							cx: j(y)(bl(e.x)),
 							cy: j(y)(e.y),
 							r: H.value.chart.highlighter.crosshairs.dot.radius,
 							fill: H.value.chart.highlighter.crosshairs.dot.fill,
@@ -3498,9 +3529,9 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: qi,
-						opacity: ul.value ? .2 : 1,
+						opacity: _l.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [U.value.useIndividualScale ? (D(), w(x, { key: 0 }, [(D(!0), w(x, null, k(Mc.value, (e) => (D(), w("g", null, [T("line", {
+					}, [U.value.useIndividualScale ? (D(), w(x, { key: 0 }, [(D(!0), w(x, null, k(zc.value, (e) => (D(), w("g", null, [T("line", {
 						x1: U.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
 						x2: U.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
 						y1: U.value.isStacked ? j(y)(Y.value?.bottom - e.yOffset - e.individualHeight) : j(y)(Y.value?.top),
@@ -3509,7 +3540,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						"stroke-width": H.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, kn)]))), 256)), (D(!0), w(x, null, k(Mc.value, (e) => (D(), w("g", { style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
+					}, null, 12, kn)]))), 256)), (D(!0), w(x, null, k(zc.value, (e) => (D(), w("g", { style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
 						T("text", {
 							fill: e.color,
 							"font-size": V.value.dataLabels * .8,
@@ -3541,7 +3572,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, Mn))), 256))
-					], 4))), 256))], 64)) : (D(!0), w(x, { key: 1 }, k(_c.value, (e, t) => (D(), w("g", { key: `yLabel_${t}` }, [j(vt)(e) && e.value >= K.value.min && e.value <= K.value.max && H.value.chart.grid.labels.yAxis.showCrosshairs ? (D(), w("line", {
+					], 4))), 256))], 64)) : (D(!0), w(x, { key: 1 }, k(wc.value, (e, t) => (D(), w("g", { key: `yLabel_${t}` }, [j(vt)(e) && e.value >= K.value.min && e.value <= K.value.max && H.value.chart.grid.labels.yAxis.showCrosshairs ? (D(), w("line", {
 						key: 0,
 						x1: J.value ? Y.value?.right : Y.value?.left,
 						x2: J.value ? Y.value?.right + H.value.chart.grid.labels.yAxis.crosshairSize : Y.value?.left - H.value.chart.grid.labels.yAxis.crosshairSize,
@@ -3563,7 +3594,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						s: e.suffix,
 						r: H.value.chart.grid.labels.yAxis.rounding
 					})) : ""), 9, Pn)) : C("", !0)]))), 128))], 8, On)) : C("", !0),
-					ul.value ? (D(), w("g", Fn, [(D(!0), w(x, null, k(dl.value, (e) => (D(), w("text", {
+					_l.value ? (D(), w("g", Fn, [(D(!0), w(x, null, k(vl.value, (e) => (D(), w("text", {
 						key: `crosshair_y_label_${e.serie.id}_${e.index}`,
 						transform: `translate(${J.value ? Y.value.right + H.value.chart.grid.labels.yAxis.crosshairSize + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.scaleLabelX - H.value.chart.grid.labels.yAxis.crosshairSize}, ${j(y)(e.y) + V.value.dataLabels / 3})`,
 						"font-size": V.value.dataLabels,
@@ -3583,8 +3614,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						datapoint: e.serie,
 						seriesIndex: e.index
 					})), 9, In))), 128))])) : C("", !0),
-					fl.value ? (D(), w("g", Ln, [T("circle", {
-						cx: ll.value,
+					yl.value ? (D(), w("g", Ln, [T("circle", {
+						cx: gl.value,
 						cy: j(y)(Y.value?.bottom),
 						r: H.value.chart.highlighter.crosshairs.dot.radius,
 						fill: H.value.chart.highlighter.crosshairs.dot.fill,
@@ -3596,7 +3627,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"pointer-events": "none"
 						}
 					}, null, 8, Rn)])) : C("", !0),
-					(D(!0), w(x, null, k(jc.value, (e, t) => (D(), w("g", {
+					(D(!0), w(x, null, k(Rc.value, (e, t) => (D(), w("g", {
 						key: `serie_plot_${e.id}`,
 						class: at(`serie_plot_${t}`),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -3615,10 +3646,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							x: j(b)(r.x),
 							y: j(b)(r.y)
 						},
-						radius: ml(e, r, i) ? (Ia.value.plot || 6) * 1.5 : (yc(e.plots, i), Ia.value.plot || 6),
+						radius: xl(e, r, i) ? (Ia.value.plot || 6) * 1.5 : (Ec(e.plots, i), Ia.value.plot || 6),
 						stroke: H.value.plot.dot.useSerieColor ? H.value.chart.backgroundColor : e.color,
 						strokeWidth: H.value.plot.dot.strokeWidth,
-						transition: j(Ka) || !H.value.plot.showTransition || ml(e, r, i) ? void 0 : `all ${H.value.plot.transitionDurationMs}ms ease-in-out`
+						transition: j(Ka) || os.value || !H.value.plot.showTransition || xl(e, r, i) ? void 0 : `all ${H.value.plot.transitionDurationMs}ms ease-in-out`,
+						still: os.value
 					}, null, 8, [
 						"shape",
 						"color",
@@ -3626,7 +3658,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						"radius",
 						"stroke",
 						"strokeWidth",
-						"transition"
+						"transition",
+						"still"
 					])) : C("", !0), r.comment && H.value.chart.comments.show ? (D(), w("foreignObject", {
 						key: 1,
 						style: { overflow: "visible" },
@@ -3668,7 +3701,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${L.value}_${t}`
 					}), void 0, !0)), 128))])) : C("", !0),
-					Nc.value.length && !U.value.isStacked ? (D(), w("g", Wn, [(D(!0), w(x, null, k(Nc.value, (e) => (D(), w("path", {
+					Bc.value.length && !U.value.isStacked ? (D(), w("g", Wn, [(D(!0), w(x, null, k(Bc.value, (e) => (D(), w("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
@@ -3741,7 +3774,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linejoin": "round",
 							style: E({ transition: j(Ka) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, er)) : C("", !0),
-						(D(!0), w(x, null, k(e.plots, (r, i) => (D(), w(x, { key: `circle_line_${t}_${i}` }, [!Js.value.linePlot && r && j(vt)(r.value) || Js.value.linePlot && r && j(vt)(r.value) && (B.value !== null && B.value === i || R.value !== null && R.value === i) || yc(e.plots, i) ? (D(), Xe(Ue, {
+						(D(!0), w(x, null, k(e.plots, (r, i) => (D(), w(x, { key: `circle_line_${t}_${i}` }, [!tc.value.linePlot && r && j(vt)(r.value) || tc.value.linePlot && r && j(vt)(r.value) && (B.value !== null && B.value === i || R.value !== null && R.value === i) || Ec(e.plots, i) ? (D(), Xe(Ue, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -3756,10 +3789,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 								x: j(b)(r.x),
 								y: j(b)(r.y)
 							},
-							radius: ml(e, r, i) ? La.value || 0 : (yc(e.plots, i), Ia.value.line || 0),
+							radius: xl(e, r, i) ? La.value || 0 : (Ec(e.plots, i), Ia.value.line || 0),
 							stroke: H.value.line.dot.useSerieColor ? H.value.chart.backgroundColor : e.color,
 							strokeWidth: H.value.line.dot.strokeWidth,
-							transition: j(Ka) || !H.value.line.showTransition || ml(e, r, i) ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out`
+							transition: j(Ka) || os.value || !H.value.line.showTransition || xl(e, r, i) ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out`,
+							still: os.value
 						}, null, 8, [
 							"shape",
 							"color",
@@ -3767,7 +3801,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"radius",
 							"stroke",
 							"strokeWidth",
-							"transition"
+							"transition",
+							"still"
 						])) : C("", !0), r.comment && H.value.chart.comments.show ? (D(), w("foreignObject", {
 							key: 1,
 							style: { overflow: "visible" },
@@ -3782,26 +3817,26 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							datapointIndex: i
 						} }, void 0, !0)])], 8, tr)) : C("", !0)], 64))), 128))
 					], 6))), 128)),
-					(H.value.bar.labels.show || H.value.bar.serieName.show) && U.value.dataLabels.show ? (D(), w("g", rr, [(D(!0), w(x, null, k(Ac.value, (e, t) => (D(), w(x, { key: `xLabel_bar_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || B.value !== null && B.value === r || R.value !== null && R.value === r) && H.value.bar.labels.show ? (D(), w("text", {
+					(H.value.bar.labels.show || H.value.bar.serieName.show) && U.value.dataLabels.show ? (D(), w("g", rr, [(D(!0), w(x, null, k(Lc.value, (e, t) => (D(), w(x, { key: `xLabel_bar_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || B.value !== null && B.value === r || R.value !== null && R.value === r) && H.value.bar.labels.show ? (D(), w("text", {
 						key: 0,
-						"text-anchor": cl({
+						"text-anchor": hl({
 							plot: n,
 							type: "bar"
 						}),
 						"font-size": V.value.plotLabels,
-						transform: ol({ plot: n }),
+						transform: pl({ plot: n }),
 						fill: H.value.bar.labels.color,
 						stroke: H.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: al({
+						innerHTML: fl({
 							serie: e,
 							plot: n,
 							type: "bar"
 						})
 					}, null, 12, ir)) : C("", !0), n && H.value.bar.serieName.show ? (D(), w("text", {
 						key: 1,
-						x: U.value.useIndividualScale && U.value.isStacked ? n.x + Ss.value.line / 2 : n.x + Cs() * 1.1,
+						x: U.value.useIndividualScale && U.value.isStacked ? n.x + ks.value.line / 2 : n.x + As() * 1.1,
 						y: n.y + (n.value > 0 ? H.value.bar.serieName.offsetY : -H.value.bar.serieName.offsetY * 3),
 						"text-anchor": "middle",
 						"font-size": V.value.plotLabels,
@@ -3812,13 +3847,13 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						source: e.name,
 						length: H.value.bar.serieName.abbreviationSize
 					}) : e.name), 13, ar)) : C("", !0)], 64))), 128))], 64))), 128))])) : C("", !0),
-					H.value.plot.labels.show && U.value.dataLabels.show ? (D(), w("g", or, [(D(!0), w(x, null, k(jc.value, (e, t) => (D(), w(x, { key: `xLabel_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || ml(e, n, r) ? (D(), w("text", {
+					H.value.plot.labels.show && U.value.dataLabels.show ? (D(), w("g", or, [(D(!0), w(x, null, k(Rc.value, (e, t) => (D(), w(x, { key: `xLabel_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || xl(e, n, r) ? (D(), w("text", {
 						key: 0,
-						transform: sl({
+						transform: ml({
 							plot: n,
 							type: "plot"
 						}),
-						"text-anchor": cl({
+						"text-anchor": hl({
 							plot: n,
 							type: "plot"
 						}),
@@ -3827,12 +3862,12 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						stroke: H.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: al({
+						innerHTML: fl({
 							serie: e,
 							plot: n,
 							type: "plot"
 						})
-					}, null, 12, sr)) : C("", !0)], 64))), 128))], 64))), 128))])) : (D(), w("g", cr, [(D(!0), w(x, null, k(jc.value, (e, t) => (D(), w(x, { key: `xLabel_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_plot_${t}_${r}` }, [H.value.plot.tag.followValue ? (D(), w(x, { key: 1 }, [[
+					}, null, 12, sr)) : C("", !0)], 64))), 128))], 64))), 128))])) : (D(), w("g", cr, [(D(!0), w(x, null, k(Rc.value, (e, t) => (D(), w(x, { key: `xLabel_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_plot_${t}_${r}` }, [H.value.plot.tag.followValue ? (D(), w(x, { key: 1 }, [[
 						R.value,
 						B.value,
 						oa.value
@@ -3876,13 +3911,13 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							serieName: e.name
 						})
 					}, null, 12, fr)], 12, dr)) : C("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					H.value.line.labels.show && U.value.dataLabels.show ? (D(), w("g", mr, [(D(!0), w(x, null, k($.value, (e, t) => (D(), w(x, { key: `xLabel_line_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || ml(e, n, r) ? (D(), w("text", {
+					H.value.line.labels.show && U.value.dataLabels.show ? (D(), w("g", mr, [(D(!0), w(x, null, k($.value, (e, t) => (D(), w(x, { key: `xLabel_line_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || xl(e, n, r) ? (D(), w("text", {
 						key: 0,
-						transform: sl({
+						transform: ml({
 							plot: n,
 							type: "line"
 						}),
-						"text-anchor": cl({
+						"text-anchor": hl({
 							plot: n,
 							type: "line"
 						}),
@@ -3891,7 +3926,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						stroke: H.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: al({
+						innerHTML: fl({
 							serie: e,
 							plot: n,
 							type: "line"
@@ -3973,7 +4008,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						}),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, null, 12, Cr)) : C("", !0)], 64))), 128))], 64))), 128)),
-					(D(!0), w(x, null, k(jc.value, (e, t) => (D(), w(x, { key: `xLabel_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (D(), w("text", {
+					(D(!0), w(x, null, k(Rc.value, (e, t) => (D(), w(x, { key: `xLabel_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (D(), w("text", {
 						key: 0,
 						x: n.x - V.value.plotLabels,
 						y: n.y,
@@ -4007,9 +4042,9 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, null, 12, Tr)) : C("", !0)], 64))), 128))], 64))), 128)),
 					(D(!0), w(x, null, k([
-						...jc.value,
+						...Rc.value,
 						...$.value,
-						...Ac.value
+						...Lc.value
 					], (e, t) => (D(), w(x, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(j(ve)(e.plots).trend) ? (D(), w("g", Er, [
 						T("defs", null, [T("marker", {
 							id: `progression_arrow_${t}`,
@@ -4030,8 +4065,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						}, null, 8, Or)], 8, Dr)]),
 						e.plots.length > 1 ? (D(), w("line", {
 							key: 0,
-							x1: j(ve)(e.plots).x1 + (e.type === "bar" ? Cs() : 0),
-							x2: j(ve)(e.plots).x2 + (e.type === "bar" ? Cs() : 0),
+							x1: j(ve)(e.plots).x1 + (e.type === "bar" ? As() : 0),
+							x2: j(ve)(e.plots).x2 + (e.type === "bar" ? As() : 0),
 							y1: j(y)(j(ve)(e.plots).y1),
 							y2: j(y)(j(ve)(e.plots).y2),
 							"stroke-width": 1,
@@ -4043,8 +4078,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						}, null, 8, kr)) : C("", !0),
 						e.plots.length > 1 ? (D(), w("line", {
 							key: 1,
-							x1: j(ve)(e.plots).x1 + (e.type === "bar" ? Cs() : 0),
-							x2: j(ve)(e.plots).x2 + (e.type === "bar" ? Cs() : 0),
+							x1: j(ve)(e.plots).x1 + (e.type === "bar" ? As() : 0),
+							x2: j(ve)(e.plots).x2 + (e.type === "bar" ? As() : 0),
 							y1: j(y)(j(ve)(e.plots).y1),
 							y2: j(y)(j(ve)(e.plots).y2),
 							"stroke-width": 1,
@@ -4057,7 +4092,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						e.plots.length > 1 ? (D(), w("text", {
 							key: 2,
 							"text-anchor": "middle",
-							x: j(ve)(e.plots).x2 + (e.type === "bar" ? Cs() : 0),
+							x: j(ve)(e.plots).x2 + (e.type === "bar" ? As() : 0),
 							y: j(ve)(e.plots).y2 - 12,
 							"font-size": V.value.plotLabels,
 							fill: e.color,
@@ -4072,7 +4107,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							r: 2
 						})), 9, jr)) : C("", !0)
 					])) : C("", !0)], 64))), 128)),
-					U.value.useIndividualScale && !U.value.isStacked ? (D(), w(x, { key: 16 }, [T("defs", null, [(D(!0), w(x, null, k(Mc.value, (e, t) => (D(), w("linearGradient", {
+					U.value.useIndividualScale && !U.value.isStacked ? (D(), w(x, { key: 16 }, [T("defs", null, [(D(!0), w(x, null, k(zc.value, (e, t) => (D(), w("linearGradient", {
 						id: `individual_scale_gradient_${L.value}_${t}`,
 						x1: J.value ? "100%" : "0%",
 						x2: J.value ? "0%" : "100%",
@@ -4086,7 +4121,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, Pr)], 8, Mr))), 256))]), (D(!0), w(x, null, k(Mc.value, (e, t) => (D(), w("rect", {
+					}, null, 8, Pr)], 8, Mr))), 256))]), (D(!0), w(x, null, k(zc.value, (e, t) => (D(), w("rect", {
 						x: J.value ? e.x : e.x - H.value.chart.grid.labels.yAxis.labelWidth - Y.value.individualOffsetX,
 						y: Y.value?.top,
 						width: (J.value, H.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX),
@@ -4118,28 +4153,28 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						key: 17,
 						ref_key: "timeLabelsEls",
 						ref: Ki,
-						opacity: ul.value ? .1 : 1,
+						opacity: _l.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [n.$slots["time-label"] ? (D(!0), w(x, { key: 0 }, k(Sc.value, (e, t) => A(n.$slots, "time-label", rt({
+					}, [n.$slots["time-label"] ? (D(!0), w(x, { key: 0 }, k(kc.value, (e, t) => A(n.$slots, "time-label", rt({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
-						x: Cc(e, t),
+						x: Ac(e, t),
 						y: Y.value?.bottom,
 						fontSize: V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Cc(e, t)}, ${Y.value?.bottom + V.value.xAxis * 1.3 + H.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Ac(e, t)}, ${Y.value?.bottom + V.value.xAxis * 1.3 + H.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
 						textAnchor: H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
-					}), void 0, !0)), 128)) : (D(!0), w(x, { key: 1 }, k(Sc.value, (e, n) => (D(), w("g", { key: `time_label_${n}` }, [e && e.text ? (D(), w(x, { key: 0 }, [String(e.text).includes("\n") ? (D(), w("text", {
+					}), void 0, !0)), 128)) : (D(!0), w(x, { key: 1 }, k(kc.value, (e, n) => (D(), w("g", { key: `time_label_${n}` }, [e && e.text ? (D(), w(x, { key: 0 }, [String(e.text).includes("\n") ? (D(), w("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Cc(e, n)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Ac(e, n)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: E({ cursor: Po() && Va.value ? "pointer" : "default" }),
 						innerHTML: j(t)({
 							content: String(e.text),
@@ -4155,16 +4190,16 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Cc(e, n)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Ac(e, n)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: E({ cursor: Po() && Va.value ? "pointer" : "default" }),
 						onClick: () => qo(e, n)
 					}, dt(e.text || ""), 13, zr))], 64)) : C("", !0)]))), 128))], 8, Rr)) : C("", !0),
-					fl.value ? (D(), w("g", Vr, [T("text", {
+					yl.value ? (D(), w("g", Vr, [T("text", {
 						class: "vue-data-ui-time-label",
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${fl.value.x}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${yl.value.x}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						"font-weight": "bold",
 						style: {
 							transition: "none !important",
@@ -4172,14 +4207,14 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"pointer-events": "none"
 						},
 						innerHTML: j(t)({
-							content: String(fl.value.text),
+							content: String(yl.value.text),
 							fontSize: V.value.xAxis,
 							fill: H.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						})
 					}, null, 8, Hr)])) : C("", !0),
-					vc.value.length && !U.value.isStacked ? (D(), w("g", Ur, [(D(!0), w(x, null, k(vc.value, (e) => (D(), w("g", { key: e.uid }, [
+					Tc.value.length && !U.value.isStacked ? (D(), w("g", Ur, [(D(!0), w(x, null, k(Tc.value, (e) => (D(), w("g", { key: e.uid }, [
 						e.yTop && e.show && isFinite(e.yTop) ? (D(), w("line", {
 							key: 0,
 							x1: e.x1,
@@ -4231,20 +4266,20 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 							"text-anchor": e.config.label.textAnchor
 						}, dt(e.config.label.text), 9, qr)) : C("", !0)
 					]))), 128))])) : C("", !0),
-					!ul.value && H.value.chart.timeTag.show && (q.value ? j(g)(tl.value) : ![null, void 0].includes(B.value) || ![null, void 0].includes(R.value)) ? (D(), w("g", Jr, [(D(), w("foreignObject", {
-						x: rl(),
+					!_l.value && H.value.chart.timeTag.show && (q.value ? j(g)(cl.value) : ![null, void 0].includes(B.value) || ![null, void 0].includes(R.value)) ? (D(), w("g", Jr, [(D(), w("foreignObject", {
+						x: ul(),
 						y: Y.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
 					}, [T("div", {
 						ref_key: "timeTagEl",
-						ref: Qc,
+						ref: al,
 						class: "vue-ui-xy-time-tag",
 						style: E(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${H.value.chart.timeTag.backgroundColor};color:${H.value.chart.timeTag.color};font-size:${H.value.chart.timeTag.fontSize}px`),
-						innerHTML: il.value
+						innerHTML: dl.value
 					}, null, 12, Xr)], 8, Yr)), T("circle", {
-						cx: q.value && j(g)(tl.value) ? wc({ x: tl.value }) : nc((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
+						cx: q.value && j(g)(cl.value) ? jc({ x: cl.value }) : lc((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
 						cy: Y.value?.bottom,
 						r: H.value.chart.timeTag.circleMarker.radius,
 						fill: H.value.chart.timeTag.circleMarker.color
@@ -4261,14 +4296,14 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					isPrintingSvg: ba.value,
 					data: [
 						...$.value,
-						...Ac.value,
-						...jc.value
+						...Lc.value,
+						...Rc.value
 					],
 					drawingArea: Y.value
 				} }, void 0, !0)
 			], 512)], 46, Mt)), n.$slots.hint ? (D(), w("div", $r, [A(n.$slots, "hint", ot(nt({
 				hint: H.value.a11y.translations.keyboardNavigation,
-				isVisible: Dl.value
+				isVisible: Pl.value
 			})), void 0, !0)])) : C("", !0)]),
 			n.$slots.watermark ? (D(), w("div", ei, [A(n.$slots, "watermark", ot(nt({ isPrinting: j(no) || j(ro) || ya.value || ba.value })), void 0, !0)])) : C("", !0),
 			(D(!0), w(x, null, k($.value, (e, t) => (D(), w(x, { key: `tag_line_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `tag_line_${t}_${r}` }, [[
@@ -4362,7 +4397,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					serieName: e.name
 				})
 			}, null, 8, oi)], 4)) : C("", !0)], 64))), 128))], 64))), 128)),
-			(D(!0), w(x, null, k(jc.value, (e, t) => (D(), w(x, { key: `tag_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `tag_plot_${t}_${r}` }, [[
+			(D(!0), w(x, null, k(Rc.value, (e, t) => (D(), w(x, { key: `tag_plot_${e.id}` }, [(D(!0), w(x, null, k(e.plots, (n, r) => (D(), w(x, { key: `tag_plot_${t}_${r}` }, [[
 				R.value,
 				B.value,
 				oa.value
@@ -4458,7 +4493,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				ref_key: "chartSlicer",
 				ref: zi,
 				uuid: L.value,
-				allMinimaps: hc.value,
+				allMinimaps: Sc.value,
 				background: H.value.chart.zoom.color,
 				borderColor: H.value.chart.backgroundColor,
 				customFormat: H.value.chart.zoom.customFormat,
@@ -4475,11 +4510,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				isPreview: Qa.value,
 				labelLeft: X.value[0] ? X.value[0].text : "",
 				labelRight: X.value.at(-1) ? X.value.at(-1).text : "",
-				max: Dc.value,
-				min: Ec.value,
+				max: Pc.value,
+				min: Nc.value,
 				precision: q.value ? H.value.chart.grid.labels.xAxis.rounding : 0,
 				useValueRange: q.value,
-				minimap: mc.value,
+				minimap: xc.value,
 				minimapCompact: H.value.chart.zoom.minimap.compact,
 				minimapFrameColor: H.value.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: H.value.chart.zoom.minimap.indicatorColor,
@@ -4489,11 +4524,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				minimapSelectedColorOpacity: H.value.chart.zoom.minimap.selectedColorOpacity,
 				minimapSelectedIndex: q.value ? xa.value : B.value ?? R.value,
 				minimapSelectionRadius: H.value.chart.zoom.minimap.selectionRadius,
-				preciseLabels: Rc.value.length ? Rc.value : Vo.value,
-				refreshStartPoint: q.value ? Ec.value : H.value.chart.zoom.startIndex === null ? 0 : H.value.chart.zoom.startIndex,
-				refreshEndPoint: q.value ? Dc.value : H.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ya(e.series).length)) : H.value.chart.zoom.endIndex + 1,
+				preciseLabels: Gc.value.length ? Gc.value : Vo.value,
+				refreshStartPoint: q.value ? Nc.value : H.value.chart.zoom.startIndex === null ? 0 : H.value.chart.zoom.startIndex,
+				refreshEndPoint: q.value ? Pc.value : H.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ya(e.series).length)) : H.value.chart.zoom.endIndex + 1,
 				selectColor: H.value.chart.zoom.highlightColor,
-				selectedSeries: gc.value,
+				selectedSeries: Cc.value,
 				smoothMinimap: H.value.chart.zoom.minimap.smooth,
 				start: G.value.start,
 				textColor: H.value.chart.color,
@@ -4515,11 +4550,11 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				isCursorPointer: Va.value,
 				onFutureEnd: r[1] ||= (e) => $a("end", e),
 				onFutureStart: r[2] ||= (e) => $a("start", e),
-				onReset: cs,
+				onReset: hs,
 				onTrapMouse: Jo,
 				onTrapMouseValue: Yo,
-				"onUpdate:end": ss,
-				"onUpdate:start": os
+				"onUpdate:end": ms,
+				"onUpdate:start": ps
 			}, {
 				"reset-action": M(({ reset: e }) => [A(n.$slots, "reset-action", ot(nt({ reset: e })), void 0, !0)]),
 				_: 3
@@ -4541,7 +4576,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				color: H.value.chart.legend.selectAllToggle.color,
 				fontSize: H.value.chart.legend.fontSize,
 				checked: I.value.length > 0,
-				onToggle: Bs
+				onToggle: qs
 			}, null, 8, [
 				"backgroundColor",
 				"color",
@@ -4549,8 +4584,8 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				"checked"
 			])) : C("", !0), (D(!0), w(x, null, k(bo.value, (e, t) => (D(), w("div", {
 				key: `div_legend_item_${t}`,
-				onClick: (t) => Us(e),
-				onKeydown: (t) => Vs(t, e),
+				onClick: (t) => Xs(e),
+				onKeydown: (t) => Js(t, e),
 				role: "button",
 				tabindex: "0",
 				class: at({
@@ -4643,7 +4678,7 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				offsetX: H.value.chart.tooltip.offsetX,
 				offsetY: H.value.chart.tooltip.offsetY,
 				parent: n.$refs.chart,
-				content: zc.value,
+				content: Kc.value,
 				isFullscreen: ia.value,
 				isCustom: H.value.chart.tooltip.customFormat && typeof H.value.chart.tooltip.customFormat == "function",
 				smooth: H.value.chart.tooltip.smooth,
@@ -4653,9 +4688,9 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				isA11yMode: Sa.value != null,
 				a11yPosition: Ca.value
 			}, {
-				"tooltip-before": M(() => [A(n.$slots, "tooltip-before", ot(nt({ ...Pc.value })), void 0, !0)]),
-				tooltip: M(() => [A(n.$slots, "tooltip", ot(nt({ ...Pc.value })), void 0, !0)]),
-				"tooltip-after": M(() => [A(n.$slots, "tooltip-after", ot(nt({ ...Pc.value })), void 0, !0)]),
+				"tooltip-before": M(() => [A(n.$slots, "tooltip-before", ot(nt({ ...Vc.value })), void 0, !0)]),
+				tooltip: M(() => [A(n.$slots, "tooltip", ot(nt({ ...Vc.value })), void 0, !0)]),
+				"tooltip-after": M(() => [A(n.$slots, "tooltip-after", ot(nt({ ...Vc.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -4681,10 +4716,10 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Ba.value && H.value.chart.userOptions.buttons.table ? (D(), Xe(lt(_l.value.component), rt({ key: 9 }, _l.value.props, {
+			Ba.value && H.value.chart.userOptions.buttons.table ? (D(), Xe(lt(wl.value.component), rt({ key: 9 }, wl.value.props, {
 				ref_key: "tableUnit",
 				ref: va,
-				onClose: vl
+				onClose: Tl
 			}), Ze({
 				content: M(() => [T("div", { style: E(`${j(no) || H.value.table.useDialog ? "" : "max-height:400px"};${H.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${H.value.table.useDialog ? "" : "margin-top:48px"}`) }, [T("div", xi, [_t(T("input", {
 					type: "checkbox",
@@ -4698,17 +4733,17 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 					stroke: H.value.chart.color
 				}, null, 8, ["stroke"])], 4)]), ua.value ? (D(), Xe(j(Di), {
 					key: `sparkline_${da.value}`,
-					dataset: Qs.value,
-					config: $s.value
+					dataset: ac.value,
+					config: oc.value
 				}, null, 8, ["dataset", "config"])) : (D(), Xe(j(Ci), {
 					key: `table_${ca.value}`,
-					colNames: Vc.value.colNames,
-					head: Vc.value.head,
-					body: Vc.value.body,
-					config: Vc.value.config,
-					title: H.value.table.useDialog ? "" : _l.value.title,
+					colNames: Jc.value.colNames,
+					head: Jc.value.head,
+					body: Jc.value.body,
+					config: Jc.value.config,
+					title: H.value.table.useDialog ? "" : wl.value.title,
 					withCloseButton: !H.value.table.useDialog,
-					onClose: vl
+					onClose: Tl
 				}, {
 					th: M(({ th: e }) => [T("div", { innerHTML: e }, null, 8, Si)]),
 					td: M(({ td: e }) => [Qe(dt(isNaN(Number(e)) ? e : j(o)({
@@ -4729,23 +4764,23 @@ var Dt = /* @__PURE__ */ e({ default: () => N }), Ot = ["id"], kt = ["id"], At =
 				_: 2
 			}, [H.value.table.useDialog ? {
 				name: "title",
-				fn: M(() => [Qe(dt(_l.value.title), 1)]),
+				fn: M(() => [Qe(dt(wl.value.title), 1)]),
 				key: "0"
 			} : void 0, H.value.table.useDialog ? {
 				name: "actions",
 				fn: M(() => [T("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[3] ||= (e) => Hc(H.value.chart.userOptions.callbacks.csv)
+					onClick: r[3] ||= (e) => Yc(H.value.chart.userOptions.callbacks.csv)
 				}, [$e(j(Ei), {
 					name: "fileCsv",
-					stroke: _l.value.props.color
+					stroke: wl.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : C("", !0),
 			A(n.$slots, "skeleton", {}, () => [j(Ka) ? (D(), Xe(Pe, { key: 0 })) : C("", !0)], !0)
 		], 46, Ot));
 	}
-}, [["__scopeId", "data-v-5958e674"]]);
+}, [["__scopeId", "data-v-aec8831a"]]);
 //#endregion
 export { Dt as n, N as t };