vue-data-ui 3.22.12 → 3.22.14

package/dist/{vue-ui-xy-BAmxfSSw.js → vue-ui-xy-D64AB5Qy.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, B as n, Bt as r, C as i, E as a, F as o, Gt as s, H as c, I as l, It as u, K as ee, Kt as d, M as te, N as ne, Nt as re, O as ie, Q as ae, R as oe, Rt as se, St as f, Tt as ce, U as le, V as ue, W as de, Wt as fe, Y as p, _ as pe, _t as me, a as he, at as m, bt as ge, c as _e, et as ve, g as ye, i as h, j as be, k as xe, n as Se, qt as Ce, r as we, s as Te, u as Ee, ut as De, x as Oe, xt as ke, y as g, z as Ae, zt as je } from "./lib-CFm_J26b.js";
+import { At as t, B as n, Bt as r, C as i, E as a, F as o, Gt as s, H as c, I as l, It as u, K as ee, Kt as d, M as te, N as ne, Nt as re, O as ie, Q as ae, R as oe, Rt as se, St as f, Tt as ce, U as le, V as ue, W as de, Wt as fe, Y as p, _ as pe, _t as me, a as he, at as m, bt as ge, c as _e, et as ve, g as ye, i as h, j as be, k as xe, n as Se, qt as Ce, r as we, s as Te, u as Ee, ut as De, x as Oe, xt as ke, y as g, z as Ae, zt as je } from "./lib-C-QGo8GG.js";
 import { n as Me, r as Ne, t as Pe } from "./useTimeLabels-B9CEuiLZ.js";
 import { t as Fe } from "./useConfig-C0V0eG7L.js";
-import { t as Ie } from "./usePrinter-BH-xle1O.js";
+import { t as Ie } from "./usePrinter-C5ordS-4.js";
 import { n as Le, t as Re } from "./BaseScanner-DZvpgOjM.js";
 import { t as ze } from "./useSvgExport-Ba9qBr9M.js";
-import { t as Be } from "./useNestedProp-BY6DNN3i.js";
+import { t as Be } from "./useNestedProp-BYfiWVP8.js";
 import { t as Ve } from "./useThemeCheck-C43Tcqmk.js";
 import { t as He } from "./useMountedDelay-BAjrhRJb.js";
 import { t as Ue } from "./useStableElementSize-C7KADDKj.js";
 import { t as We } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ge } from "./img-Bikk1dGb.js";
-import { n as Ke } from "./Title-BuPs74IB.js";
+import { t as Ge } from "./img-zY7_pJz1.js";
+import { n as Ke } from "./Title-Thf71-8D.js";
 import { t as qe } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Je } from "./Shape-BfnXr1nJ.js";
+import { t as Je } from "./Shape-Dmh9jBFh.js";
 import { t as Ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Xe } from "./DefGrad-DVBqDjhO.js";
-import { t as Ze } from "./SlicerPreview-Cw6WMVhG.js";
-import { t as Qe } from "./vue-ui-accordion-UA88lv4d.js";
-import { t as $e } from "./BaseLegendToggle-DsWphmIb.js";
+import { t as Ze } from "./SlicerPreview-CCIb3v8u.js";
+import { t as Qe } from "./vue-ui-accordion-FimGHtuy.js";
+import { t as $e } from "./BaseLegendToggle-DJU4VsLO.js";
 import { t as et } from "./A11yDataTable-DdRsVULz.js";
 import { Fragment as _, Teleport as tt, computed as v, createBlock as nt, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as rt, createTextVNode as it, createVNode as at, defineAsyncComponent as ot, getCurrentInstance as st, guardReactiveProps as ct, mergeProps as lt, nextTick as ut, normalizeClass as S, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as dt, onMounted as ft, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as pt, shallowRef as mt, toDisplayString as k, toRefs as ht, unref as A, useSlots as gt, vModelCheckbox as _t, watch as vt, watchEffect as yt, withCtx as j, withDirectives as bt } from "vue";
 //#region src/utils/xy.js
@@ -567,7 +567,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 		"copyAlt"
 	],
 	setup(e, { expose: Ye, emit: At }) {
-		let M = e, ci = ot(() => import("./DataTable-DzPEVvSo.js")), li = ot(() => import("./Tooltip-CA1rtSyl.js")), ui = ot(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), di = ot(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), fi = ot(() => import("./vue-ui-table-sparkline-C-XgNV1l.js").then((e) => e.n)), pi = ot(() => import("./PackageVersion-Di3tpYst.js").then((e) => e.t)), mi = ot(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), hi = ot(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), gi = At, _i = gt(), vi = st(), { vue_ui_xy: yi } = Fe(), { isThemeValid: bi, warnInvalidTheme: xi } = Ve(), { isReady: Si } = He(300), Ci = E(null), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(null), Ni = E(null), Pi = E(null), Fi = E(null), Ii = E(null), Li = E(0), N = E(null), Ri = E(!0), zi = E(600), P = E(1e3), Bi = E("0 0 1000 600"), Vi = E({
+		let M = e, ci = ot(() => import("./DataTable-rIsBpJMt.js")), li = ot(() => import("./Tooltip-CEbqzIhL.js")), ui = ot(() => import("./UserOptions-BknvMNU1.js").then((e) => e.n)), di = ot(() => import("./BaseIcon-DJbOzCDs.js").then((e) => e.n)), fi = ot(() => import("./vue-ui-table-sparkline-CyGqW88t.js").then((e) => e.n)), pi = ot(() => import("./PackageVersion-BUmadjVO.js").then((e) => e.t)), mi = ot(() => import("./PenAndPaper-D--sbRMA.js").then((e) => e.t)), hi = ot(() => import("./BaseDraggableDialog-hyW32gLf.js").then((e) => e.n)), gi = At, _i = gt(), vi = st(), { vue_ui_xy: yi } = Fe(), { isThemeValid: bi, warnInvalidTheme: xi } = Ve(), { isReady: Si } = He(300), Ci = E(null), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(null), Ni = E(null), Pi = E(null), Fi = E(null), Ii = E(null), Li = E(0), N = E(null), Ri = E(!0), zi = E(600), P = E(1e3), Bi = E("0 0 1000 600"), Vi = E({
 			x: 0,
 			y: 0
 		}), Hi = E({
@@ -835,7 +835,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 		}
 		function Qa() {
 			if (G.value) {
-				let e = $c.value.min, t = $c.value.max, n = Number(U.value.start), r = Number(U.value.end);
+				let e = el.value.min, t = el.value.max, n = Number(U.value.start), r = Number(U.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), U.value = {
 					start: n,
 					end: r
@@ -890,7 +890,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), lo = v(() => oo.value !== null || co.value !== null), uo = v(() => Hc(bo.value.filter((e) => !Ji.value.has(e.id)), 0, 1)), fo = v(() => {
+		}), lo = v(() => oo.value !== null || co.value !== null), uo = v(() => Uc(bo.value.filter((e) => !Ji.value.has(e.id)), 0, 1)), fo = v(() => {
 			let { min: e, max: t } = uo.value;
 			if (!lo.value) {
 				let t = e;
@@ -963,7 +963,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				y: e.y === null ? null : e.y + mo.value
 			})) : e.series.map((e) => e + mo.value),
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series,
-			segregate: () => $s(e),
+			segregate: () => ec(e),
 			isSegregated: Ji.value.has(e.id)
 		}))), K = v(() => bo.value.map((e) => ({
 			...e,
@@ -988,24 +988,24 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			};
 		}
 		function wo(e) {
-			let t = zs(e);
+			let t = Bs(e);
 			if (!t) {
-				Z.value = [], Ls.value = null, la.value = null;
+				Z.value = [], Rs.value = null, la.value = null;
 				return;
 			}
-			let n = Number(t.point.x), r = Rs.value.matchingPointsByXValue.get(n) || [];
+			let n = Number(t.point.x), r = zs.value.matchingPointsByXValue.get(n) || [];
 			Z.value = r.map((e) => ({
 				...e,
 				distance: 0
-			})), Ls.value = Qc({ x: n }), la.value = n;
+			})), Rs.value = $c({ x: n }), la.value = n;
 		}
 		function To(e) {
 			if (!Number.isFinite(Number(e))) {
-				Z.value = [], Ls.value = null;
+				Z.value = [], Rs.value = null;
 				return;
 			}
-			let t = Qc({ x: Number(e) });
-			wo(t), Ls.value = t;
+			let t = $c({ x: Number(e) });
+			wo(t), Rs.value = t;
 		}
 		let Eo = E(0), Do = E(0);
 		function Oo() {
@@ -1062,20 +1062,20 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			};
 		}), Mo = v(() => {
 			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = m(J.value?.top), r = m(J.value?.bottom);
-			return G.value ? V.value.chart.grid.position === "middle" ? Xc.value.map((e, t, i) => {
+			return G.value ? V.value.chart.grid.position === "middle" ? Zc.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(" ") : Xc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
-				let i = V.value.chart.grid.position === "middle" ? pc(t) : fc(t);
+			}).filter(Boolean).join(" ") : Zc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
+				let i = V.value.chart.grid.position === "middle" ? mc(t) : pc(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
 		}), No = v(() => {
 			if (!V.value.chart.grid.labels.xAxis.showCrosshairs) return "";
 			let e = V.value.chart.grid.labels.xAxis.crosshairSize, t = V.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-			return (G.value ? Xc.value : qo.value).map((n, r) => {
+			return (G.value ? Zc.value : qo.value).map((n, r) => {
 				if (!n || !n.text) return null;
-				let i = G.value ? n.x : fc(r);
+				let i = G.value ? n.x : pc(r);
 				return `M${i},${t ? Es.value - (Es.value === J.value?.bottom ? 0 : e / 2) : J.value?.bottom} L${i},${t ? Es.value + e / (Es.value === J.value?.bottom ? 1 : 2) : J.value?.bottom + e}`;
 			}).filter(Boolean).join(" ");
 		});
@@ -1187,12 +1187,12 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 		}
 		function Zo(e) {
 			if (!G.value || !f(e)) {
-				la.value = null, Z.value = [], Ls.value = null;
+				la.value = null, Z.value = [], Rs.value = null;
 				return;
 			}
 			la.value = Number(e), To(Number(e));
 		}
-		let Qo = v(() => G.value ? f(la.value) || f(Ls.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		let Qo = v(() => G.value ? f(la.value) || f(Rs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
 		function $o() {
 			H.value.isStacked = !H.value.isStacked, H.value.isStacked ? H.value.useIndividualScale = !0 : H.value.useIndividualScale = V.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
@@ -1209,7 +1209,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				ns.value = !0;
 				try {
 					if (G.value) {
-						let e = $c.value.min, t = $c.value.max;
+						let e = el.value.min, t = el.value.max;
 						is.value = e, as.value = t, U.value.start = e, U.value.end = t, Ya.value.start = e, Ya.value.end = t, rs.value = !0, Ti.value && (Ti.value.setStartValue(e), Ti.value.setEndValue(t));
 						return;
 					}
@@ -1259,7 +1259,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			if (G.value) {
 				let t = Number(e);
 				if (!Number.isFinite(t)) return;
-				let n = Math.max(Number(U.value.start) + 1 / 10 ** V.value.chart.grid.labels.xAxis.rounding, Math.min(t, $c.value.max));
+				let n = Math.max(Number(U.value.start) + 1 / 10 ** V.value.chart.grid.labels.xAxis.rounding, Math.min(t, el.value.max));
 				if (gi("zoomEnd", {
 					index: n,
 					isZoom: Tt(n, as.value)
@@ -1318,9 +1318,9 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 		let js = v(() => {
 			let e = Math.max(1, X.value);
 			return {
-				bar: Ot(Math.max(1, J.value.width), e * Oc.value, 1),
-				plot: uc.value,
-				line: uc.value
+				bar: Ot(Math.max(1, J.value.width), e * kc.value, 1),
+				plot: dc.value,
+				line: dc.value
 			};
 		});
 		function Ms() {
@@ -1330,6 +1330,9 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			return H.value.useIndividualScale && H.value.isStacked ? e.x + J.value.width / X.value * .05 : e.x + js.value.bar / 2;
 		}
 		function Ps(e) {
+			return H.value.useIndividualScale && H.value.isStacked ? e.x + js.value.line / 2 : Ns(e) + Ms() / 2 - Pc.value / 2;
+		}
+		function Fs(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
@@ -1338,7 +1341,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				-Infinity
 			].includes(Es.value) ? J?.bottom.value : Es.value;
 		}
-		function Fs(e) {
+		function Is(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
@@ -1347,7 +1350,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let Is = E(null), Z = E([]), Ls = E(null), Rs = v(() => {
+		let Ls = E(null), Z = E([]), Rs = E(null), zs = v(() => {
 			if (!G.value) return {
 				sortedPoints: [],
 				matchingPointsByXValue: /* @__PURE__ */ new Map()
@@ -1358,7 +1361,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				if (["line", "plot"].includes(i.type) && Array.isArray(i.series)) for (let r = 0; r < i.series.length; r += 1) {
 					let a = i.series[r];
 					if (!f(a?.x) || !f(a?.y)) continue;
-					let o = Number(a.x), s = Qc(a), c = {
+					let o = Number(a.x), s = $c(a), c = {
 						datapoint: i,
 						point: a,
 						index: r,
@@ -1378,8 +1381,8 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				matchingPointsByXValue: t
 			};
 		});
-		function zs(e) {
-			let t = Rs.value.sortedPoints;
+		function Bs(e) {
+			let t = zs.value.sortedPoints;
 			if (!t.length) return null;
 			let n = 0, r = t.length - 1;
 			for (; n <= r;) {
@@ -1397,18 +1400,18 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				});
 			}), a;
 		}
-		let Bs = v(() => G.value ? Array.from(Rs.value.matchingPointsByXValue.keys()).sort((e, t) => Qc({ x: e }) - Qc({ x: t })) : []);
-		function Vs(e) {
-			let t = Bs.value[e];
+		let Vs = v(() => G.value ? Array.from(zs.value.matchingPointsByXValue.keys()).sort((e, t) => $c({ x: e }) - $c({ x: t })) : []);
+		function Hs(e) {
+			let t = Vs.value[e];
 			if (!f(t)) {
-				Z.value = [], Ls.value = null, la.value = null, Gi.value = !1;
+				Z.value = [], Rs.value = null, la.value = null, Gi.value = !1;
 				return;
 			}
 			To(Number(t));
-			let n = fe(Qc({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
+			let n = fe($c({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
 			n && (da.value = n), R.value = e, ua.value = e, Gi.value = !0;
 		}
-		function Hs(e) {
+		function Us(e) {
 			let t = L.value;
 			if (!t) return null;
 			if (t.createSVGPoint && t.getScreenCTM) {
@@ -1436,46 +1439,46 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				ok: !0
 			};
 		}
-		let Us = 0;
-		function Ws(e) {
-			ua.value = null, !Ui.value && (Us && cancelAnimationFrame(Us), Us = requestAnimationFrame(() => {
-				Us = 0;
-				let t = Hs(e);
+		let Ws = 0;
+		function Gs(e) {
+			ua.value = null, !Ui.value && (Ws && cancelAnimationFrame(Ws), Ws = requestAnimationFrame(() => {
+				Ws = 0;
+				let t = Us(e);
 				if (!t || !L.value) {
-					Gs();
+					Ks();
 					return;
 				}
 				let { left: n, right: r, top: i, bottom: a } = J.value;
 				if (t.x < n || t.x > r || t.y < i || t.y > a) {
-					Gs();
+					Ks();
 					return;
 				}
 				if (G.value) {
-					wo(t.x), Rl(!0, R.value ?? 0);
+					wo(t.x), zl(!0, R.value ?? 0);
 					return;
 				}
-				let o = gc(t.x);
-				o == null ? Gs() : Is.value !== o && (Is.value = o, Rl(!0, o));
+				let o = _c(t.x);
+				o == null ? Ks() : Ls.value !== o && (Ls.value = o, zl(!0, o));
 			}));
 		}
-		function Gs() {
-			Us &&= (cancelAnimationFrame(Us), 0), Is.value = null, I.value = null, la.value = null, Rl(!1, null), Z.value = [], Ls.value = null;
+		function Ks() {
+			Ws &&= (cancelAnimationFrame(Ws), 0), Ls.value = null, I.value = null, la.value = null, zl(!1, null), Z.value = [], Rs.value = null;
 		}
-		function Ks(e) {
-			let t = Hs(e);
+		function qs(e) {
+			let t = Us(e);
 			if (t && L.value) {
 				let { left: e, right: n, top: r, bottom: i } = J.value;
 				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
-					let e = gc(t.x);
+					let e = _c(t.x);
 					if (e != null) {
-						qs(e);
+						Js(e);
 						return;
 					}
 				}
 			}
-			Is.value != null && qs(Is.value);
+			Ls.value != null && Js(Ls.value);
 		}
-		function qs(e) {
+		function Js(e) {
 			let t = K.value.map((t) => ({
 				name: t.name,
 				value: [
@@ -1495,7 +1498,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				seriesIndex: e + U.value.start
 			});
 		}
-		function Js() {
+		function Ys() {
 			return xo.value.map((e) => ({
 				values: e.absoluteValues,
 				color: e.color,
@@ -1503,7 +1506,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				type: e.type
 			}));
 		}
-		async function Ys({ scale: e = 2 } = {}) {
+		async function Xs({ scale: e = 2 } = {}) {
 			if (!Ci.value) return;
 			let { imageUri: t, base64: n } = await Ge({
 				domElement: Ci.value,
@@ -1522,15 +1525,15 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				...a
 			};
 		}
-		function Xs() {
+		function Zs() {
 			qi.value.length ? qi.value = [] : xo.value.forEach((e) => {
 				qi.value.push(e.id);
-			}), Qs();
+			}), $s();
 		}
-		function Zs(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), $s(t));
+		function Qs(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ec(t));
 		}
-		function Qs() {
+		function $s() {
 			gi("selectLegend", K.value.map((e) => ({
 				name: e.name,
 				values: e.absoluteValues,
@@ -1538,26 +1541,26 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				type: e.type
 			})));
 		}
-		function $s(e) {
+		function ec(e) {
 			if (cs.value = !1, us &&= (cancelAnimationFrame(us), null), Ji.value.has(e.id)) qi.value = qi.value.filter((t) => t !== e.id);
 			else {
 				if (qi.value.length + 1 === bo.value.length) return;
 				qi.value.push(e.id);
 			}
-			Qs(), $i.value += 1;
-		}
-		function ec(e) {
-			return xo.value.length ? xo.value.find((t) => t.name === e) || (V.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (V.value.debug && console.warn("VueUiXy - There are no series to show."), null);
+			$s(), $i.value += 1;
 		}
 		function tc(e) {
-			let t = ec(e);
-			t !== null && Ji.value.has(t.id) && $s({ id: t.id });
+			return xo.value.length ? xo.value.find((t) => t.name === e) || (V.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (V.value.debug && console.warn("VueUiXy - There are no series to show."), null);
 		}
 		function nc(e) {
-			let t = ec(e);
-			t !== null && (Ji.value.has(t.id) || $s({ id: t.id }));
+			let t = tc(e);
+			t !== null && Ji.value.has(t.id) && ec({ id: t.id });
 		}
-		let rc = v(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), ic = v(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), ac = v(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), oc = v(() => {
+		function rc(e) {
+			let t = tc(e);
+			t !== null && (Ji.value.has(t.id) || ec({ id: t.id }));
+		}
+		let ic = v(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), ac = v(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), oc = v(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), sc = v(() => {
 			if (Array.isArray(V.value.chart.highlightArea)) return V.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, Ja.value - 1);
 				return {
@@ -1573,12 +1576,12 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), sc = v(() => Ri.value ? Va.value.map((e, t) => ({
+		}), cc = v(() => Ri.value ? Va.value.map((e, t) => ({
 			...e,
 			series: Wa(e.series),
 			id: `uniqueId_${t}`,
 			color: Oe(e.color ? e.color : ao.value[t] ? ao.value[t] : re[t])
-		})) : Va.value), cc = v(() => K.value.map((e) => {
+		})) : Va.value), lc = v(() => K.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? null : e);
 			return {
 				id: e.id,
@@ -1586,7 +1589,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				color: e.color,
 				values: St(X.value, t)
 			};
-		})), lc = v(() => ({
+		})), uc = v(() => ({
 			responsiveBreakpoint: V.value.table.responsiveBreakpoint,
 			roundingValues: V.value.table.rounding,
 			showAverage: !1,
@@ -1595,7 +1598,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			fontFamily: V.value.chart.fontFamily,
 			prefix: V.value.chart.labels.prefix,
 			suffix: V.value.chart.labels.suffix,
-			colNames: Y.value.map((e, t) => V.value.table.useDefaultTimeFormat ? e.text : bl.value(t + U.value.start, V.value.table.timeFormat)),
+			colNames: Y.value.map((e, t) => V.value.table.useDefaultTimeFormat ? e.text : xl.value(t + U.value.start, V.value.table.timeFormat)),
 			thead: {
 				backgroundColor: V.value.table.th.backgroundColor,
 				color: V.value.table.th.color,
@@ -1611,46 +1614,46 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				animation: { show: !1 },
 				cutNullValues: V.value.line.cutNullValues
 			}
-		})), uc = v(() => {
+		})), dc = v(() => {
 			let e = Math.max(0, J.value?.width || 0);
 			return V.value.chart.grid.position === "middle" ? Ot(e, Math.max(1, X.value), 1) : Ot(e, Math.max(1, X.value - 1), 0);
-		}), dc = v(() => V.value.chart.grid.position === "middle" ? uc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : uc.value);
-		function fc(e) {
-			let t = J.value?.left || 0;
-			return V.value.chart.grid.position === "middle" ? t + uc.value / 2 + uc.value * e : t + uc.value * e;
-		}
+		}), fc = v(() => V.value.chart.grid.position === "middle" ? dc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : dc.value);
 		function pc(e) {
 			let t = J.value?.left || 0;
-			return V.value.chart.grid.position === "middle" ? t + uc.value * e : X.value <= 1 ? t : t + uc.value * e - uc.value / 2;
+			return V.value.chart.grid.position === "middle" ? t + dc.value / 2 + dc.value * e : t + dc.value * e;
 		}
 		function mc(e) {
-			return Math.max(J.value?.left || 0, pc(e));
+			let t = J.value?.left || 0;
+			return V.value.chart.grid.position === "middle" ? t + dc.value * e : X.value <= 1 ? t : t + dc.value * e - dc.value / 2;
 		}
 		function hc(e) {
-			let t = J.value?.left || 0, n = J.value?.right || 0, r = pc(e), i = r + dc.value;
-			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
+			return Math.max(J.value?.left || 0, mc(e));
 		}
 		function gc(e) {
+			let t = J.value?.left || 0, n = J.value?.right || 0, r = mc(e), i = r + fc.value;
+			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
+		}
+		function _c(e) {
 			let t = J.value?.left || 0, n = J.value?.right || 0, r = X.value;
 			if (r <= 0 || e < t || e > n) return null;
-			let i = uc.value;
+			let i = dc.value;
 			if (i <= 0) return 0;
 			let a;
 			return a = V.value.chart.grid.position === "middle" ? Math.ceil((e - t) / i) - 1 : r <= 1 ? 0 : Math.ceil((e - t) / i - .5), a < 0 ? 0 : a >= r ? r - 1 : a;
 		}
-		function _c(e) {
-			let t = J.value?.left || 0, n = J.value?.right || 0, r = pc(e), i = r + dc.value;
+		function vc(e) {
+			let t = J.value?.left || 0, n = J.value?.right || 0, r = mc(e), i = r + fc.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
-		function vc(e) {
-			return Math.max(1e-5, dc.value * e);
+		function yc(e) {
+			return Math.max(1e-5, fc.value * e);
 		}
-		let yc = v(() => he(xo.value.filter((e) => !Ji.value.has(e.id)))), bc = [
+		let bc = v(() => he(xo.value.filter((e) => !Ji.value.has(e.id)))), xc = [
 			"bar",
 			"line",
 			"plot"
-		], xc = v(() => yc.value.filter((e) => bc.includes(e.type))), Sc = v(() => xc.value.length), Cc = v(() => xc.value.filter((e) => e.type === "bar")), wc = v(() => xc.value.filter((e) => e.type === "line")), Tc = v(() => xc.value.filter((e) => e.type === "plot")), Ec = v(() => bo.value.filter((e) => e.type === "bar" && !Ji.value.has(e.id))), Dc = v(() => Ec.value.length), Oc = v(() => Math.max(1, Dc.value)), kc = v(() => {
-			let e = Ct(yc.value, (e) => e.scaleLabel), t = {};
+		], Sc = v(() => bc.value.filter((e) => xc.includes(e.type))), Cc = v(() => Sc.value.length), wc = v(() => Sc.value.filter((e) => e.type === "bar")), Tc = v(() => Sc.value.filter((e) => e.type === "line")), Ec = v(() => Sc.value.filter((e) => e.type === "plot")), Dc = v(() => bo.value.filter((e) => e.type === "bar" && !Ji.value.has(e.id))), Oc = v(() => Dc.value.length), kc = v(() => Math.max(1, Oc.value)), Ac = v(() => {
+			let e = Ct(bc.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = Infinity, i = -Infinity, a = !1;
 				for (let t = 0; t < r.length; t += 1) {
@@ -1668,18 +1671,18 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				t[n] = {
 					min: a ? e : 0,
 					max: a ? i : 1,
-					groupId: Kc("scale_group", [n])
+					groupId: qc("scale_group", [n])
 				};
 			}
 			return t;
-		}), Ac = v(() => yc.value.reduce((e, t) => {
+		}), jc = v(() => bc.value.reduce((e, t) => {
 			let n = t.scaleLabel || "";
 			return e[n] = (e[n] || 0) + 1, e;
 		}, {}));
-		function jc({ datapoint: e, scaleYLabels: t, autoScaleYLabels: n, zeroPosition: r, autoScaleZeroPosition: i, individualMax: a, autoScaleMax: o, yOffset: s, individualHeight: c }) {
+		function Mc({ datapoint: e, scaleYLabels: t, autoScaleYLabels: n, zeroPosition: r, autoScaleZeroPosition: i, individualMax: a, autoScaleMax: o, yOffset: s, individualHeight: c }) {
 			let l = e.scaleLabel || "";
 			return {
-				...kc.value[l] || {},
+				...Ac.value[l] || {},
 				name: e.name,
 				groupName: l,
 				groupColor: V.value.chart.grid.labels.yAxis.groupColor || e.color,
@@ -1692,12 +1695,12 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				yOffset: s,
 				individualHeight: c,
 				autoScaleYLabels: n,
-				unique: Ac.value[l] === 1
+				unique: jc.value[l] === 1
 			};
 		}
-		let Mc = v(() => J.value.width / X.value / Dc.value - Nc.value * Dc.value), Nc = v(() => js.value.line * V.value.bar.periodGap), Pc = v(() => Math.max(1e-5, Ms() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Nc.value))), Fc = v(() => Pc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Ic = v(() => {
+		let Nc = v(() => J.value.width / X.value / Oc.value - Pc.value * Oc.value), Pc = v(() => js.value.line * V.value.bar.periodGap), Fc = v(() => Math.max(1e-5, Ms() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Pc.value))), Ic = v(() => Fc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Lc = v(() => {
 			if (!V.value.chart.zoom.minimap.show) return [];
-			let e = sc.value.filter((e) => !Ji.value.has(e.id)), t = 0;
+			let e = cc.value.filter((e) => !Ji.value.has(e.id)), t = 0;
 			for (let n = 0; n < e.length; n += 1) {
 				let r = e[n].series.length;
 				r > t && (t = r);
@@ -1708,12 +1711,12 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				for (let n = 0; n < e.length; n += 1) t += e[n].series[r] || 0;
 				n.push(t);
 			}
-			let r = Wc(n, 0, 1).min;
+			let r = Gc(n, 0, 1).min;
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), Lc = v(() => V.value.chart.zoom.minimap.show ? sc.value.map((e) => ({
+		}), Rc = v(() => V.value.chart.zoom.minimap.show ? cc.value.map((e) => ({
 			...e,
 			isVisible: !Ji.value.has(e.id)
-		})) : []), Rc = v(() => G.value ? Z.value.map((e) => ({
+		})) : []), zc = v(() => G.value ? Z.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1734,7 +1737,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			comments: e.comments || [],
 			prefix: e.prefix || V.value.chart.labels.prefix,
 			suffix: e.suffix || V.value.chart.labels.suffix
-		}))), zc = v(() => W.value.ticks.map((e) => {
+		}))), Bc = v(() => W.value.ticks.map((e) => {
 			let t = e >= 0 ? Es.value - J.value.height * ys(e) : Es.value + J.value.height * ys(Math.abs(e));
 			return {
 				y: bs.value ? J.value.top + J.value.bottom - t : t,
@@ -1742,7 +1745,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				prefix: V.value.chart.labels.prefix,
 				suffix: V.value.chart.labels.suffix
 			};
-		})), Bc = v(() => {
+		})), Vc = v(() => {
 			let e = V.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));
@@ -1763,7 +1766,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						u,
 						ae
 					].includes(NaN),
-					id: Kc("annotation_y", [
+					id: qc("annotation_y", [
 						t,
 						i,
 						a,
@@ -1794,11 +1797,11 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				};
 			});
 		});
-		function Vc(e, t) {
+		function Hc(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 xt(e[t].value) && i && V.value.line.cutNullValues;
 		}
-		function Hc(e, t = 0, n = 1) {
+		function Uc(e, t = 0, n = 1) {
 			let r = Infinity, i = -Infinity, a = !1;
 			for (let t = 0; t < e.length; t += 1) {
 				let n = e[t];
@@ -1815,7 +1818,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				max: n
 			};
 		}
-		function Uc(e, t = 0, n = 1) {
+		function Wc(e, t = 0, n = 1) {
 			let r = Infinity, i = -Infinity, a = !1;
 			for (let t = 0; t < e.length; t += 1) {
 				let n = e[t];
@@ -1834,7 +1837,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				max: n
 			};
 		}
-		function Wc(e, t = 0, n = 1) {
+		function Gc(e, t = 0, n = 1) {
 			if (!Array.isArray(e) || e.length === 0) return {
 				min: t,
 				max: n
@@ -1853,26 +1856,26 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				max: i
 			};
 		}
-		function Gc(e) {
+		function Kc(e) {
 			let t = String(e ?? ""), n = 0;
 			for (let e = 0; e < t.length; e += 1) n = (n << 5) - n + t.charCodeAt(e), n |= 0;
 			return Math.abs(n).toString(36);
 		}
-		function Kc(e, t) {
-			return `${e}_${Gc(t.join("|"))}`;
+		function qc(e, t) {
+			return `${e}_${Kc(t.join("|"))}`;
 		}
-		function qc() {
+		function Jc() {
 			return Ba.value || cs.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`;
 		}
-		let Jc = v(() => Uc(bo.value, 0, 1)), Yc = v(() => {
-			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : Jc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : Jc.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? ye(r, i, e) : pe(r, i, e);
+		let Yc = v(() => Wc(bo.value, 0, 1)), Xc = v(() => {
+			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : Yc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : Yc.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? ye(r, i, e) : pe(r, i, e);
 			if (V.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
 			};
-		}), Xc = v(() => G.value ? (ws.value ? [...Yc.value.ticks].reverse() : [...Yc.value.ticks]).map((e, t) => ({
+		}), Zc = v(() => G.value ? (ws.value ? [...Xc.value.ticks].reverse() : [...Xc.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
 			text: h(V.value.chart.grid.labels.xAxis.formatter, e, p({
 				v: e,
@@ -1884,24 +1887,24 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				seriesIndex: t
 			}),
 			value: e,
-			x: Qc({ x: e }),
+			x: $c({ x: e }),
 			index: t
 		})) : qo.value);
-		function Zc(e, t) {
-			return G.value ? e.x : fc(t);
+		function Qc(e, t) {
+			return G.value ? e.x : pc(t);
 		}
-		function Qc({ x: e }) {
-			let t = Yc.value.max - Yc.value.min || 1, n = Ts((e - Yc.value.min) / t);
+		function $c({ x: e }) {
+			let t = Xc.value.max - Xc.value.min || 1, n = Ts((e - Xc.value.min) / t);
 			return J.value.left + J.value.width * n;
 		}
-		let $c = v(() => Uc(Va.value, 0, 1)), el = v(() => G.value ? $c.value.min : 0), tl = v(() => G.value ? $c.value.max : Ja.value);
-		function nl(e, t) {
-			return G.value ? e.x == null || e.y == null ? null : Qc(e) : fc(t);
+		let el = v(() => Wc(Va.value, 0, 1)), tl = v(() => G.value ? el.value.min : 0), nl = v(() => G.value ? el.value.max : Ja.value);
+		function rl(e, t) {
+			return G.value ? e.x == null || e.y == null ? null : $c(e) : pc(t);
 		}
-		function rl(e) {
+		function il(e) {
 			return !G.value || !e ? null : e.x ?? null;
 		}
-		function il({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
+		function al({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
 			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? pe : ye, ee = o.max === o.min ? o.max * l : o.max, d = a === i ? a * l : a, te = u(o.min, ee, c), ne = u(i, d, c), re = te.min >= 0 ? 0 : Math.abs(te.min), ie = te.max + Math.abs(re), ae = ne.max + 0, oe = e.stackIndex, se = t - 1 - oe, f = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, ce = H.value.isStacked ? r * f + n * se : 0, le = H.value.isStacked ? r * e.stackRatio : J.value.height;
 			return {
 				scaleSteps: c,
@@ -1917,25 +1920,25 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				autoScaleZeroPosition: J.value?.bottom - ce - le * 0 / ae
 			};
 		}
-		function al({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
-			let n = kc.value[e.scaleLabel], r = n.min, i = n.max;
+		function ol({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
+			let n = Ac.value[e.scaleLabel], r = n.min, i = n.max;
 			return {
 				ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - r) / (i - r)),
 				valueMin: r,
 				valueMax: t && i < 0 ? 0 : i
 			};
 		}
-		function ol({ datapoint: e, filterMinimumValues: t = !1, preserveLooseMinimumExpression: n = !1 }) {
-			let r = Wc(e.absoluteValues, 0, 1), i = Wc(t ? e.absoluteValues.filter((e) => ![null, void 0].includes(e)) : e.absoluteValues, 0, 1).min;
+		function sl({ datapoint: e, filterMinimumValues: t = !1, preserveLooseMinimumExpression: n = !1 }) {
+			let r = Gc(e.absoluteValues, 0, 1), i = Gc(t ? e.absoluteValues.filter((e) => ![null, void 0].includes(e)) : e.absoluteValues, 0, 1).min;
 			return {
 				max: e.scaleMax || r.max || 1,
 				min: n ? e.scaleMin || i > 0 ? 0 : i : e.scaleMin || (i > 0 ? 0 : i)
 			};
 		}
-		function sl({ values: e, autoScaleSteps: t }) {
+		function cl({ values: e, autoScaleSteps: t }) {
 			return e.map((e) => t.min >= 0 ? (e - Math.abs(t.min)) / (t.max - Math.abs(t.min)) : (e + Math.abs(t.min)) / (t.max + Math.abs(t.min)));
 		}
-		function cl({ datapoint: e, individualScale: t, yOffset: n, individualHeight: r }) {
+		function ll({ datapoint: e, individualScale: t, yOffset: n, individualHeight: r }) {
 			return t.ticks.map((i) => ({
 				y: Cs({
 					value: i,
@@ -1950,7 +1953,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				datapoint: e
 			}));
 		}
-		function ll({ datapoint: e, autoScaleSteps: t, yOffset: n, individualHeight: r }) {
+		function ul({ datapoint: e, autoScaleSteps: t, yOffset: n, individualHeight: r }) {
 			return t.ticks.map((i) => ({
 				y: Ss({
 					ratio: (i - t.min) / (t.max - t.min || 1),
@@ -1963,16 +1966,16 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				datapoint: e
 			}));
 		}
-		function ul({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, forceExactScale: i = !1, clampNegativeAutoScaleMaximum: a = !1, filterMinimumValues: o = !1, preserveLooseMinimumExpression: s = !1 }) {
+		function dl({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, forceExactScale: i = !1, clampNegativeAutoScaleMaximum: a = !1, filterMinimumValues: o = !1, preserveLooseMinimumExpression: s = !1 }) {
 			es(e);
-			let c = al({
+			let c = ol({
 				datapoint: e,
 				clampNegativeAutoScaleMaximum: a
-			}), l = ol({
+			}), l = sl({
 				datapoint: e,
 				filterMinimumValues: o,
 				preserveLooseMinimumExpression: s
-			}), u = il({
+			}), u = al({
 				datapoint: e,
 				totalSeries: t,
 				gap: n,
@@ -1985,35 +1988,35 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			return {
 				autoScale: c,
 				individualExtremes: l,
-				scaleYLabels: cl({
+				scaleYLabels: ll({
 					datapoint: e,
 					individualScale: u.individualScale,
 					yOffset: u.yOffset,
 					individualHeight: u.individualHeight
 				}),
-				autoScaleYLabels: ll({
+				autoScaleYLabels: ul({
 					datapoint: e,
 					autoScaleSteps: u.autoScaleSteps,
 					yOffset: u.yOffset,
 					individualHeight: u.individualHeight
 				}),
-				autoScaleRatiosToNiceScale: sl({
+				autoScaleRatiosToNiceScale: cl({
 					values: e.absoluteValues,
 					autoScaleSteps: u.autoScaleSteps
 				}),
 				...u
 			};
 		}
-		function dl(e) {
+		function fl(e) {
 			return Array.isArray(e) ? e.slice(U.value.start, U.value.end) : [];
 		}
-		function fl(e, t) {
+		function pl(e, t) {
 			return Array.isArray(e) && e[t + U.value.start] || "";
 		}
-		let pl = v(() => {
-			let e = Sc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
-			return Cc.value.map((n, i) => {
-				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: ee, zeroPosition: d, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: re, autoScaleRatiosToNiceScale: ie } = ul({
+		let ml = v(() => {
+			let e = Cc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
+			return wc.value.map((n, i) => {
+				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: ee, zeroPosition: d, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: re, autoScaleRatiosToNiceScale: ie } = dl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
@@ -2021,8 +2024,8 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					clampNegativeAutoScaleMaximum: !0,
 					filterMinimumValues: !0,
 					preserveLooseMinimumExpression: !0
-				}), ae = Dc.value, oe = dl(n.comments), se = n.series.map((e, t) => {
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : ys(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + js.value.bar * i + js.value.bar * t * ae - Mc.value / 2 - i * Nc.value;
+				}), ae = Oc.value, oe = fl(n.comments), se = n.series.map((e, t) => {
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : ys(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + js.value.bar * i + js.value.bar * t * ae - Nc.value / 2 - i * Pc.value;
 					return {
 						yOffset: g(u),
 						individualHeight: g(ee),
@@ -2053,7 +2056,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						individualMax: g(c),
 						comment: oe[t] || ""
 					};
-				}), ce = jc({
+				}), ce = Mc({
 					datapoint: n,
 					scaleYLabels: ne,
 					autoScaleYLabels: re,
@@ -2079,27 +2082,27 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				};
 			});
 		}), Q = v(() => {
-			let e = Sc.value, t = V.value.chart.grid.labels.yAxis.gap, r = H.value.isStacked ? t * (e - 1) : 0, i = J.value.height - r;
-			return wc.value.map((r, a) => {
-				let { individualScale: s, autoScaleSteps: u, individualZero: ee, individualMax: d, autoScaleMax: re, yOffset: ae, individualHeight: oe, zeroPosition: se, autoScaleZeroPosition: f, scaleYLabels: ce, autoScaleYLabels: le, autoScaleRatiosToNiceScale: de } = ul({
+			let e = Cc.value, t = V.value.chart.grid.labels.yAxis.gap, r = H.value.isStacked ? t * (e - 1) : 0, i = J.value.height - r;
+			return Tc.value.map((r, a) => {
+				let { individualScale: s, autoScaleSteps: u, individualZero: ee, individualMax: d, autoScaleMax: re, yOffset: ae, individualHeight: oe, zeroPosition: se, autoScaleZeroPosition: f, scaleYLabels: ce, autoScaleYLabels: le, autoScaleRatiosToNiceScale: de } = dl({
 					datapoint: r,
 					totalSeries: e,
 					gap: t,
 					usableHeight: i
-				}), fe = dl(r.comments), p = r.series.map((e, t) => {
+				}), fe = fl(r.comments), p = r.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						y: null,
 						value: null,
-						datasetXValue: rl(e),
+						datasetXValue: il(e),
 						comment: r.comments && r.comments.slice(U.value.start, U.value.end)[t] || ""
 					};
 					let n = H.value.useIndividualScale ? (r.absoluteValues[t] + Math.abs(ee)) / d : ys(yo(e));
 					return {
 						index: t,
-						x: g(nl(e, t)),
-						datasetXValue: rl(e),
+						x: g(rl(e, t)),
+						datasetXValue: il(e),
 						y: g(Ss({
 							ratio: n,
 							yOffset: ae,
@@ -2112,19 +2115,19 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					index: t,
 					x: null,
 					y: null,
-					datasetXValue: rl(e),
+					datasetXValue: il(e),
 					value: null,
 					comment: fe[t] || ""
 				} : [void 0, null].includes(r.absoluteValues[t]) ? {
 					index: t,
-					x: g(nl(e, t)),
+					x: g(rl(e, t)),
 					y: se,
 					value: r.absoluteValues[t],
 					comment: fe[t] || ""
 				} : {
 					index: t,
-					x: g(nl(e, t)),
-					datasetXValue: rl(e),
+					x: g(rl(e, t)),
+					datasetXValue: il(e),
 					y: g(Ss({
 						ratio: de[t] || 0,
 						yOffset: ae,
@@ -2132,7 +2135,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					})),
 					value: r.absoluteValues[t],
 					comment: fe[t] || ""
-				}), me = r.dashIndices && Array.isArray(r.dashIndices) && r?.dashIndices?.length > 0, he = V.value.line.cutNullValues ? o(p) : ne(p.filter((e) => e.value !== null)), m = V.value.line.cutNullValues ? o(pe) : ne(pe.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ue(p) : n(p.filter((e) => e.value !== null)), _e = V.value.line.cutNullValues ? ue(pe) : n(pe.filter((e) => e.value !== null)), ve = Ae(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null)), ye = Ae(V.value.line.cutNullValues ? pe : pe.filter((e) => e.value !== null)), h = me ? c(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), r.dashIndices.map((e) => e - U.value.start)) : [], be = me ? l(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), r.dashIndices.map((e) => e - U.value.start)) : [], Se = jc({
+				}), me = r.dashIndices && Array.isArray(r.dashIndices) && r?.dashIndices?.length > 0, he = V.value.line.cutNullValues ? o(p) : ne(p.filter((e) => e.value !== null)), m = V.value.line.cutNullValues ? o(pe) : ne(pe.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ue(p) : n(p.filter((e) => e.value !== null)), _e = V.value.line.cutNullValues ? ue(pe) : n(pe.filter((e) => e.value !== null)), ve = Ae(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null)), ye = Ae(V.value.line.cutNullValues ? pe : pe.filter((e) => e.value !== null)), h = me ? c(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), r.dashIndices.map((e) => e - U.value.start)) : [], be = me ? l(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), r.dashIndices.map((e) => e - U.value.start)) : [], Se = Mc({
 					datapoint: r,
 					scaleYLabels: ce,
 					autoScaleYLabels: le,
@@ -2171,20 +2174,20 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				};
 			});
 		}), $ = v(() => {
-			let e = Sc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
-			return Tc.value.map((n) => {
-				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: ee, autoScaleZeroPosition: d, scaleYLabels: te, autoScaleYLabels: ne, autoScaleRatiosToNiceScale: re } = ul({
+			let e = Cc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
+			return Ec.value.map((n) => {
+				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: ee, autoScaleZeroPosition: d, scaleYLabels: te, autoScaleYLabels: ne, autoScaleRatiosToNiceScale: re } = dl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r,
 					forceExactScale: !0,
 					preserveLooseMinimumExpression: !0
-				}), ie = dl(n.comments), ae = n.series.map((e, t) => {
+				}), ie = fl(n.comments), ae = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
-						datasetXValue: rl(e),
+						datasetXValue: il(e),
 						y: null,
 						value: null,
 						comment: ie[t] || ""
@@ -2192,8 +2195,8 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(o)) / s : ys(yo(e));
 					return {
 						index: t,
-						x: g(nl(e, t)),
-						datasetXValue: rl(e),
+						x: g(rl(e, t)),
+						datasetXValue: il(e),
 						y: g(Ss({
 							ratio: r,
 							yOffset: l,
@@ -2205,14 +2208,14 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				}), oe = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
-					datasetXValue: rl(e),
+					datasetXValue: il(e),
 					y: null,
 					value: null,
 					comment: ie[t] || ""
 				} : {
 					index: t,
-					x: g(nl(e, t)),
-					datasetXValue: rl(e),
+					x: g(rl(e, t)),
+					datasetXValue: il(e),
 					y: g(Ss({
 						ratio: re[t] || 0,
 						yOffset: l,
@@ -2220,7 +2223,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					})),
 					value: n.absoluteValues[t],
 					comment: ie[t] || ""
-				}), se = jc({
+				}), se = Mc({
 					datapoint: n,
 					scaleYLabels: te,
 					autoScaleYLabels: ne,
@@ -2245,14 +2248,14 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					groupId: se.groupId
 				};
 			});
-		}), ml = v(() => {
-			let e = Object.entries(kc.value).reduce((e, [t, n]) => (e[t] = {
+		}), hl = v(() => {
+			let e = Object.entries(Ac.value).reduce((e, [t, n]) => (e[t] = {
 				...n,
 				scaleLabel: t
 			}, e), {});
 			return [
 				...Q.value,
-				...pl.value,
+				...ml.value,
 				...$.value
 			].forEach((t) => {
 				t.scaleGroup && (e[t.scaleLabel || ""] = {
@@ -2260,7 +2263,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					...t.scaleGroup
 				});
 			}), e;
-		}), hl = v(() => {
+		}), gl = v(() => {
 			let e = Q.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -2273,7 +2276,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || J.value.height,
 				autoScaleYLabels: e.autoScaleYLabels
-			})), t = pl.value.map((e) => ({
+			})), t = ml.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -2295,7 +2298,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				id: e.id,
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || J.value.height
-			})), r = H.value.useIndividualScale && !H.value.isStacked ? Object.values(ml.value) : [
+			})), r = H.value.useIndividualScale && !H.value.isStacked ? Object.values(hl.value) : [
 				...e,
 				...t,
 				...n
@@ -2327,7 +2330,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					}))
 				};
 			});
-		}), gl = v(() => {
+		}), _l = v(() => {
 			let e = V.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -2342,6 +2345,8 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					lineB: s.plots,
 					smoothA: !!o.smooth,
 					smoothB: !!s.smooth,
+					stepperA: !!o.useStepper,
+					stepperB: !!s.useStepper,
 					colorLineA: c,
 					colorLineB: l,
 					sampleStepPx: 2,
@@ -2353,64 +2358,64 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					});
 				});
 			}), r;
-		}), _l = v(() => {
+		}), vl = v(() => {
 			let e = Z.value[0]?.index ?? null, t = G.value ? e : R.value;
 			return {
 				timeLabel: G.value ? {
 					text: String(Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x),
 					absoluteIndex: e
 				} : Y.value[R.value],
-				datapoint: Rc.value,
+				datapoint: zc.value,
 				seriesIndex: R.value,
 				selectedIndex: t,
 				absoluteIndex: G.value ? e : R.value + U.value.start,
 				series: xo.value,
-				bars: pl.value,
+				bars: ml.value,
 				lines: Q.value,
 				plots: $.value,
 				config: V.value
 			};
-		}), vl = E({
+		}), yl = E({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), yl = 0;
+		}), bl = 0;
 		yt(() => {
-			let e = ++yl, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+			let e = ++bl, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
 				let n = await Ne(t.locale).catch(() => Ne("en"));
-				e === yl && (vl.value = n.data);
+				e === bl && (yl.value = n.data);
 			})();
 		});
-		let bl = v(() => {
+		let xl = v(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Me({
 				useUTC: e.useUTC,
-				locale: vl.value,
+				locale: yl.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
 				let r = V.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), xl = v(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
-			text: bl.value(t, V.value.chart.zoom.timeFormat),
+		}), Sl = v(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+			text: xl.value(t, V.value.chart.zoom.timeFormat),
 			absoluteIndex: t
-		}))), Sl = /* @__PURE__ */ new Map();
-		function Cl(e) {
+		}))), Cl = /* @__PURE__ */ new Map();
+		function wl(e) {
 			return {
 				absoluteIndex: R.value + U.value.start,
 				seriesIndex: R.value,
-				datapoint: Rc.value,
+				datapoint: zc.value,
 				series: xo.value,
-				bars: pl.value,
+				bars: ml.value,
 				lines: Q.value,
 				plots: $.value,
 				config: V.value,
 				dateLabel: e
 			};
 		}
-		function wl(e) {
+		function Tl(e) {
 			return [
 				Hi.value[e.type],
 				e.shape || "",
@@ -2421,9 +2426,9 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				e.slotAbsoluteIndex
 			].join("|");
 		}
-		function Tl(e) {
-			let t = wl(e);
-			if (Sl.has(t)) return Sl.get(t);
+		function El(e) {
+			let t = Tl(e);
+			if (Cl.has(t)) return Cl.get(t);
 			let n = V.value.chart.tooltip.backgroundColor, r = "", i = "";
 			switch (Hi.value[e.type]) {
 				case "bar":
@@ -2570,10 +2575,10 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					break;
 				default: break;
 			}
-			return Sl.set(t, r), r;
+			return Cl.set(t, r), r;
 		}
-		let El = v(() => {
-			let e = "", t = Rc.value.map((e) => e.value).filter((e) => ke(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: h(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, p({
+		let Dl = v(() => {
+			let e = "", t = zc.value.map((e) => e.value).filter((e) => ke(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: h(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, p({
 				v: Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x,
 				r: V.value.chart.tooltip.roundingValue
 			}), {
@@ -2581,18 +2586,18 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				serriesIndex: null
 			}) } : Y.value[R.value], r = V.value.chart.tooltip.customFormat;
 			if (ge(r)) try {
-				let e = r(Cl(n));
+				let e = r(wl(n));
 				if (typeof e == "string") return e;
 			} catch (e) {
 				console.warn("Vue Data UI - VueUiXy: custom tooltip formatter failed.", e);
 			}
 			if (n && n.text && V.value.chart.tooltip.showTimeLabel) {
-				let t = bl.value(R.value + U.value.start, V.value.chart.tooltip.timeFormat);
+				let t = xl.value(R.value + U.value.start, V.value.chart.tooltip.timeFormat);
 				G.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.chart.tooltip.borderColor}; width:100%">${V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
 			}
-			return Rc.value.forEach((r) => {
+			return zc.value.forEach((r) => {
 				if (ke(r.value)) {
-					let i = Tl(r), a = V.value.chart.tooltip.showValue ? h(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, p({
+					let i = El(r), a = V.value.chart.tooltip.showValue ? h(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, p({
 						p: r.prefix,
 						v: r.value,
 						s: r.suffix,
@@ -2618,11 +2623,11 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						s: "%",
 						r: V.value.chart.tooltip.roundingPercentage
 					})})` : ""}</div>`;
-					let c = fl(r.comments, R.value);
+					let c = pl(r.comments, R.value);
 					V.value.chart.comments.showInTooltip && c && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${c}</div>`);
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${V.value.chart.tooltip.color}">${e}</div>`;
-		}), Dl = v(() => {
+		}), Ol = v(() => {
 			if (!G.value) return [];
 			let e = /* @__PURE__ */ new Set(), t = [];
 			return K.value.forEach((n) => {
@@ -2634,7 +2639,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				});
 			}), t.sort((e, t) => ws.value ? t - e : e - t);
 		});
-		function Ol(e) {
+		function kl(e) {
 			let t = Number(e);
 			return Number.isFinite(t) ? h(V.value.chart.grid.labels.xAxis.formatter, t, p({
 				v: t,
@@ -2644,22 +2649,22 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				seriesIndex: null
 			}) : "-";
 		}
-		function kl(e) {
-			return G.value ? Ol(e) : V.value.table.useDefaultTimeFormat ? Y.value[e]?.text ?? "-" : bl.value(e + U.value.start, V.value.table.timeFormat);
+		function Al(e) {
+			return G.value ? kl(e) : V.value.table.useDefaultTimeFormat ? Y.value[e]?.text ?? "-" : xl.value(e + U.value.start, V.value.table.timeFormat);
 		}
-		function Al(e, t) {
+		function jl(e, t) {
 			if (G.value) {
 				let n = Number(t);
 				return Number.isFinite(n) ? e.series.find((e) => Number(e?.x) === n)?.y ?? null : null;
 			}
 			return e.absoluteValues[t];
 		}
-		function jl(e, t) {
-			let n = Al(e, t);
+		function Ml(e, t) {
+			let n = jl(e, t);
 			return xt(n) ? Number(n.toFixed(V.value.table.rounding)) : "";
 		}
-		function Ml(e, t) {
-			let n = Al(e, t);
+		function Nl(e, t) {
+			let n = jl(e, t);
 			return xt(n) ? h(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, p({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n,
@@ -2667,33 +2672,33 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				r: V.value.table.rounding
 			})) : "";
 		}
-		function Nl(e) {
-			return K.value.map((t) => Al(t, e) ?? 0).reduce((e, t) => e + t, 0);
+		function Pl(e) {
+			return K.value.map((t) => jl(t, e) ?? 0).reduce((e, t) => e + t, 0);
 		}
-		let Pl = v(() => {
-			if (G.value) return Dl.value.map((e) => {
-				let t = Nl(e);
+		let Fl = v(() => {
+			if (G.value) return Ol.value.map((e) => {
+				let t = Pl(e);
 				return {
-					period: kl(e),
-					csvValues: K.value.map((t) => jl(t, e)),
-					formattedValues: K.value.map((t) => Ml(t, e)),
+					period: Al(e),
+					csvValues: K.value.map((t) => Ml(t, e)),
+					formattedValues: K.value.map((t) => Nl(t, e)),
 					sum: t,
 					formattedSum: t.toFixed(V.value.table.rounding)
 				};
 			});
 			let e = [];
 			for (let t = 0; t < X.value; t += 1) {
-				let n = Nl(t);
+				let n = Pl(t);
 				e.push({
-					period: kl(t),
-					csvValues: K.value.map((e) => jl(e, t)),
-					formattedValues: K.value.map((e) => Ml(e, t)),
+					period: Al(t),
+					csvValues: K.value.map((e) => Ml(e, t)),
+					formattedValues: K.value.map((e) => Nl(e, t)),
 					sum: n,
 					formattedSum: n.toFixed(V.value.table.rounding)
 				});
 			}
 			return e;
-		}), Fl = v(() => bo.value.length === 0 ? {
+		}), Il = v(() => bo.value.length === 0 ? {
 			head: [],
 			body: [],
 			config: {},
@@ -2704,11 +2709,11 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				color: e.color,
 				type: e.type
 			})),
-			body: Pl.value.map((e) => [e.period].concat(e.csvValues))
-		}), Il = v(() => {
+			body: Fl.value.map((e) => [e.period].concat(e.csvValues))
+		}), Ll = v(() => {
 			let e = V.value.table.showSum, t = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : ""].concat(K.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 = Pl.value.map((t) => [t.period].concat(t.formattedValues, e ? t.formattedSum : [])), r = {
+			let n = Fl.value.map((t) => [t.period].concat(t.formattedValues, e ? t.formattedSum : [])), r = {
 				th: {
 					backgroundColor: V.value.table.th.backgroundColor,
 					color: V.value.table.th.color,
@@ -2728,18 +2733,18 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				colNames: i
 			};
 		});
-		function Ll(e = null) {
+		function Rl(e = null) {
 			let t = [
 				[V.value.chart.title.text],
 				[V.value.chart.title.subtitle.text],
 				[""]
-			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Fl.value.head.map((e) => e.label)], r = Fl.value.body, i = a(t.concat([n]).concat(r));
+			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Il.value.head.map((e) => e.label)], r = Il.value.body, i = a(t.concat([n]).concat(r));
 			e ? e(i) : ae({
 				csvContent: i,
 				title: V.value.chart.title.text || "vue-ui-xy"
 			});
 		}
-		function Rl(e, t = null) {
+		function zl(e, t = null) {
 			if (So.value) return;
 			Gi.value = e;
 			let n = K.value.map((e) => ({
@@ -2760,19 +2765,19 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				seriesIndex: t + U.value.start
 			}));
 		}
-		function zl() {
+		function Bl() {
 			H.value.showTable = !H.value.showTable;
 		}
-		function Bl() {
+		function Vl() {
 			H.value.dataLabels.show = !H.value.dataLabels.show;
 		}
-		function Vl() {
+		function Hl() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		function Hl(e) {
+		function Ul(e) {
 			Wi.value = e, Yi.value += 1;
 		}
-		function Ul() {
+		function Wl() {
 			if (!V.value.responsiveProportionalSizing) {
 				B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, Aa.value.plot = V.value.plot.radius, Aa.value.line = V.value.line.radius, Aa.value.selectedLine = V.value.line.dot.selectedRadius;
 				return;
@@ -2821,7 +2826,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				fallback: 0
 			});
 		}
-		function Wl() {
+		function Gl() {
 			if (t(M.dataset) ? (ve({
 				componentName: "VueUiXy",
 				type: "dataset",
@@ -2850,26 +2855,26 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				let l = 0;
 				Di.value && (l = Di.value.getBoundingClientRect().height);
 				let u = 0;
-				Oi.value && (u = Oi.value.getBoundingClientRect().height), zi.value = t - i - c - o - l - u - 12, P.value = n, Bi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${zi.value < 0 ? 10 : zi.value}`, Ul();
+				Oi.value && (u = Oi.value.getBoundingClientRect().height), zi.value = t - i - c - o - l - u - 12, P.value = n, Bi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${zi.value < 0 ? 10 : zi.value}`, Wl();
 				let ee = new ResizeObserver((e) => {
 					for (let t of e) i = V.value.chart.title.show && wi.value ? wi.value.getBoundingClientRect().height : 0, o = Ti.value && Ti.value.$el ? Ti.value.$el.getBoundingClientRect().height : 0, c = Ei.value ? Ei.value.getBoundingClientRect().height : 0, l = Di.value ? Di.value.getBoundingClientRect().height : 0, u = Oi.value ? Oi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
-						zi.value = t.contentRect.height - i - c - o - l - u - 12, P.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Bi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${zi.value < 0 ? 10 : zi.value}`, Ul(), Ta();
+						zi.value = t.contentRect.height - i - c - o - l - u - 12, P.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Bi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${zi.value < 0 ? 10 : zi.value}`, Wl(), Ta();
 					});
 				});
 				Fi.value = ee, Ii.value = e, ee.observe(e);
 			} else zi.value = V.value.chart.height, P.value = V.value.chart.width, B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, Aa.value.plot = V.value.plot.radius, Aa.value.line = V.value.line.radius, Aa.value.selectedLine = V.value.line.dot.selectedRadius, Bi.value = `0 0 ${P.value} ${zi.value}`;
 			Ta();
 		}
-		function Gl(e) {
+		function Kl(e) {
 			Vi.value = {
 				x: e.clientX,
 				y: e.clientY
 			};
 		}
 		ft(() => {
-			Wl(), os(), document.addEventListener("mousemove", Gl, { passive: !0 }), document.addEventListener("scroll", Io, { passive: !0 });
+			Gl(), os(), document.addEventListener("mousemove", Kl, { passive: !0 }), document.addEventListener("scroll", Io, { passive: !0 });
 		}), dt(() => {
-			document.removeEventListener("scroll", Io, { passive: !0 }), document.removeEventListener("mousemove", Gl, { passive: !0 }), Fi.value && (Ii.value && Fi.value.unobserve(Ii.value), Fi.value.disconnect(), Fi.value = null, Ii.value = null), $l(), ps();
+			document.removeEventListener("scroll", Io, { passive: !0 }), document.removeEventListener("mousemove", Kl, { passive: !0 }), Fi.value && (Ii.value && Fi.value.unobserve(Ii.value), Fi.value.disconnect(), Fi.value = null, Ii.value = null), eu(), ps();
 		}), We({
 			timeLabelsEls: Mi,
 			timeLabels: Y,
@@ -2895,68 +2900,68 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			width: P,
 			rotation: V.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let Kl = E(!1), ql = E(null), Jl = E(200), Yl = v(() => R.value ?? I.value ?? 0), Xl = v(() => {
+		let ql = E(!1), Jl = E(null), Yl = E(200), Xl = v(() => R.value ?? I.value ?? 0), Zl = v(() => {
 			if (!G.value) return null;
 			if (f(la.value)) return Number(la.value);
 			let e = Z.value[0];
 			return f(e?.point?.x) ? Number(e.point.x) : null;
 		});
-		function Zl() {
-			let e = Math.ceil(Jl.value || 200);
+		function Ql() {
+			let e = Math.ceil(Yl.value || 200);
 			return Math.min(Math.max(e, 1), 200);
 		}
-		function Ql() {
-			let e = Zl(), t = (G.value && f(Xl.value) ? Qc({ x: Xl.value }) : fc(Yl.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
+		function $l() {
+			let e = Ql(), t = (G.value && f(Zl.value) ? $c({ x: Zl.value }) : pc(Xl.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
 			return g(Math.max(n, Math.min(t, r)));
 		}
-		function $l() {
+		function eu() {
 			ma.value !== null && (cancelAnimationFrame(ma.value), ma.value = null), pa.value && z.value && pa.value.unobserve(z.value), pa.value &&= (pa.value.disconnect(), null), ha.value &&= (ha.value(), null), z.value = null;
 		}
-		function eu(e) {
+		function tu(e) {
 			ma.value !== null && cancelAnimationFrame(ma.value), ma.value = requestAnimationFrame(() => {
-				Jl.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200), ma.value = null;
+				Yl.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200), ma.value = null;
 			});
 		}
-		function tu(e) {
+		function nu(e) {
 			!pa.value || !e || (z.value && z.value !== e && (pa.value.unobserve(z.value), z.value = null), e !== z.value && (ut(() => {
-				e.offsetParent !== null && eu(e.offsetWidth || e.getBoundingClientRect().width || 200);
+				e.offsetParent !== null && tu(e.offsetWidth || e.getBoundingClientRect().width || 200);
 			}), pa.value.observe(e), z.value = e));
 		}
 		ft(() => {
 			pa.value = new ResizeObserver((e) => {
 				let t = e.find((e) => e.target === z.value) || e[0];
-				t && eu(t.contentRect.width || 200);
+				t && tu(t.contentRect.width || 200);
 			}), ha.value = yt((e) => {
-				let t = ql.value;
+				let t = Jl.value;
 				if (!t) {
 					pa.value && z.value && (pa.value.unobserve(z.value), z.value = null);
 					return;
 				}
-				tu(t), e(() => {
-					pa.value && z.value && z.value !== ql.value && (pa.value.unobserve(z.value), z.value = null);
+				nu(t), e(() => {
+					pa.value && z.value && z.value !== Jl.value && (pa.value.unobserve(z.value), z.value = null);
 				});
 			});
 		});
-		let nu = v(() => {
+		let ru = v(() => {
 			if (G.value) {
-				if (!Number.isFinite(Number(Xl.value))) return "";
+				if (!Number.isFinite(Number(Zl.value))) return "";
 			} else if ([null, void 0].includes(R.value) && [null, void 0].includes(I.value)) return "";
 			let e = (R.value == null ? 0 : R.value) || (I.value == null ? 0 : I.value), t = V.value.chart.timeTag.customFormat;
-			if (Kl.value = !1, G.value) {
-				let e = Xl.value;
+			if (ql.value = !1, G.value) {
+				let e = Zl.value;
 				if (ge(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
-						datapoint: Rc.value,
-						bars: pl.value,
+						datapoint: zc.value,
+						bars: ml.value,
 						lines: Q.value,
 						plots: $.value,
 						config: V.value
 					});
-					if (typeof n == "string") return Kl.value = !0, n;
+					if (typeof n == "string") return ql.value = !0, n;
 				} catch {
-					console.warn("Custom format cannot be applied on timeTag."), Kl.value = !1;
+					console.warn("Custom format cannot be applied on timeTag."), ql.value = !1;
 				}
 				return p({
 					v: e,
@@ -2967,19 +2972,19 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				let n = t({
 					absoluteIndex: e + U.value.start,
 					seriesIndex: e,
-					datapoint: Rc.value,
-					bars: pl.value,
+					datapoint: zc.value,
+					bars: ml.value,
 					lines: Q.value,
 					plots: $.value,
 					config: V.value
 				});
-				if (typeof n == "string") return Kl.value = !0, n;
+				if (typeof n == "string") return ql.value = !0, n;
 			} catch {
-				console.warn("Custom format cannot be applied on timeTag."), Kl.value = !1;
+				console.warn("Custom format cannot be applied on timeTag."), ql.value = !1;
 			}
-			if (!Kl.value) return [null, void 0].includes(Y.value[e]) ? "" : V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.timeTag.useDefaultFormat ? bl.value(e + U.value.start, V.value.chart.timeTag.timeFormat) : Y.value[e].text;
+			if (!ql.value) return [null, void 0].includes(Y.value[e]) ? "" : V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.timeTag.useDefaultFormat ? xl.value(e + U.value.start, V.value.chart.timeTag.timeFormat) : Y.value[e].text;
 		});
-		function ru({ serie: e, plot: t, type: n }) {
+		function iu({ serie: e, plot: t, type: n }) {
 			if (!xt(t.value)) return "";
 			let r = p({
 				p: e.prefix || V.value.chart.labels.prefix,
@@ -3001,40 +3006,44 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				y: 0
 			});
 		}
-		function iu({ plot: e }) {
+		function au({ plot: e }) {
 			let t = V.value.bar.labels.offsetY, n = Math.abs(As(e)), r = e.value < 0, i = {
-				x: (H.value.useIndividualScale && H.value.isStacked ? e.x + js.value.line / 2 : Ns(e) + Ms() / 2 - Nc.value / 2) + V.value.bar.labels.offsetX,
+				x: Ps(e) + V.value.bar.labels.offsetX,
 				y: g(e.y) + (V.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
 			};
 			return `translate(${i.x}, ${i.y}) rotate(${V.value.bar.labels.rotation})`;
 		}
-		function au({ plot: e, type: t }) {
+		function ou({ plot: e, type: t }) {
 			let n = V.value[t].labels.offsetY, r = {
 				x: e.x + V.value[t].labels.offsetX,
 				y: g(e.y) + (V.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
 			};
 			return `translate(${r.x}, ${r.y}) rotate(${V.value[t].labels.rotation})`;
 		}
-		function ou({ plot: e, type: t }) {
+		function su({ plot: e, type: t }) {
 			if (V.value[t].labels.textAnchor != null) return V.value[t].labels.textAnchor;
 			let n = e.value >= 0;
 			return V.value[t].labels.rotation === 0 ? "middle" : V.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let su = v(() => G.value ? f(la.value) ? Qc({ x: Number(la.value) }) : f(Ls.value) ? Ls.value : null : fc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), cu = v(() => V.value.chart.highlighter.crosshairs.show && Qo.value), lu = v(() => [
+		let cu = v(() => G.value ? f(la.value) ? $c({ x: Number(la.value) }) : f(Rs.value) ? Rs.value : null : pc(R.value ?? I.value ?? 0)), lu = v(() => V.value.chart.highlighter.crosshairs.show && Qo.value), uu = v(() => [
 			...Q.value,
 			...$.value,
-			...pl.value
-		].flatMap((e) => (e.plots || []).filter((t, n) => fu(e, t, n)).filter((e) => xt(e.value)).map((t) => ({
+			...ml.value
+		].flatMap((e) => (e.plots || []).map((e, t) => ({
+			plot: e,
+			index: t
+		})).filter(({ plot: t, index: n }) => pu(e, t, n)).filter(({ plot: e }) => xt(e.value)).map(({ plot: t, index: n }) => ({
 			...t,
+			index: t.index ?? n,
 			serie: e,
-			x: g(t.x),
+			x: g(e.type === "bar" ? Ps(t) : t.x),
 			y: g(t.y)
-		})))), uu = v(() => {
-			if (!cu.value) return null;
+		})))), du = v(() => {
+			if (!lu.value) return null;
 			if (G.value) {
 				let e = Z.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
 				return f(t) ? {
-					x: su.value,
+					x: cu.value,
 					text: h(V.value.chart.grid.labels.xAxis.formatter, t, p({
 						v: t,
 						r: V.value.chart.tooltip.roundingValue
@@ -3043,24 +3052,24 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			}
 			let e = R.value === null ? I.value : R.value;
 			return e == null ? null : {
-				x: fc(e),
+				x: pc(e),
 				text: Y.value[e]?.text ?? ""
 			};
 		});
-		function du(e) {
+		function fu(e) {
 			return V.value.chart.grid.labels.yAxis.position === "right" ? J.value.right : J.value.left;
 		}
-		function fu(e, t, n) {
+		function pu(e, t, n) {
 			return G.value ? Z.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
 		}
-		function pu({ serie: e, plot: t, index: n, type: r }) {
-			return !t || !xt(t.value) || !V.value[r].labels.show || !H.value.dataLabels.show ? !1 : !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || fu(e, t, n);
+		function mu({ serie: e, plot: t, index: n, type: r }) {
+			return !t || !xt(t.value) || !V.value[r].labels.show || !H.value.dataLabels.show ? !1 : !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || pu(e, t, n);
 		}
-		function mu(e, t) {
+		function hu(e, t) {
 			let n = [];
 			return e.forEach((e, r) => {
 				(Array.isArray(e.plots) ? e.plots : []).forEach((i, a) => {
-					pu({
+					mu({
 						serie: e,
 						plot: i,
 						index: a,
@@ -3075,7 +3084,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				});
 			}), n;
 		}
-		let hu = v(() => mu(pl.value, "bar")), gu = v(() => mu($.value, "plot")), _u = v(() => mu(Q.value, "line"));
+		let gu = v(() => hu(ml.value, "bar")), _u = v(() => hu($.value, "plot")), vu = v(() => hu(Q.value, "line"));
 		vt(() => M.dataset, (e) => {
 			if (Array.isArray(e) && e.length > 0 && (Ha.value = !1), V.value.chart.zoom.keepState) {
 				let e = Ja.value;
@@ -3099,29 +3108,29 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			};
 			Li.value += 1, $i.value += 1, Ta(), Qa();
 		}, { deep: !0 }), vt(() => M.config, (e) => {
-			Ba.value || (V.value = Ma()), Wl(), Zi.value += 1, Xi.value += 1, Ia(), V.value.chart.zoom.keepState && Ja.value > 0 && (!rs.value || U.value.start === 0 && U.value.end === 0) && os(), Qa();
+			Ba.value || (V.value = Ma()), Gl(), Zi.value += 1, Xi.value += 1, Ia(), V.value.chart.zoom.keepState && Ja.value > 0 && (!rs.value || U.value.start === 0 && U.value.end === 0) && os(), Qa();
 		}, { deep: !0 });
-		let vu = E(!1), yu = E(!1);
-		function bu() {
+		let yu = E(!1), bu = E(!1);
+		function xu() {
 			let e = Ci.value?.parentNode;
 			if (!e) {
-				yu.value = vu.value, vu.value = !1;
+				bu.value = yu.value, yu.value = !1;
 				return;
 			}
 			let t = e.getBoundingClientRect();
-			yu.value = vu.value, vu.value = t.width > 0 && t.height > 0;
+			bu.value = yu.value, yu.value = t.width > 0 && t.height > 0;
 		}
-		function xu() {
-			return !vu.value || yu.value || rs.value ? !1 : U.value.start === 0 && U.value.end === 0;
+		function Su() {
+			return !yu.value || bu.value || rs.value ? !1 : U.value.start === 0 && U.value.end === 0;
 		}
 		ft(() => {
-			bu(), fa.value = new ResizeObserver(() => {
-				bu(), vu.value && (Wl(), Qa(), xu() && os());
+			xu(), fa.value = new ResizeObserver(() => {
+				xu(), yu.value && (Gl(), Qa(), Su() && os());
 			}), Ci.value?.parentNode && fa.value.observe(Ci.value.parentNode);
 		}), vt(V, () => {
 			Ia();
 		}, { immediate: !0 });
-		let Su = v(() => {
+		let Cu = v(() => {
 			let e = V.value.table.useDialog && !V.value.showTable, t = H.value.showTable;
 			return {
 				component: e ? hi : Qe,
@@ -3154,37 +3163,37 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 		vt(() => H.value.showTable, (e) => {
 			V.value.showTable || (e && V.value.table.useDialog && oa.value ? oa.value.open() : oa.value && oa.value.close && oa.value.close());
 		});
-		function Cu() {
+		function wu() {
 			H.value.showTable = !1, Pi.value && Pi.value.setTableIconState(!1);
 		}
-		let wu = v(() => xo.value.map((e) => ({
+		let Tu = v(() => xo.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), Tu = v(() => V.value.chart.backgroundColor), Eu = v(() => V.value.chart.legend), { exportSvg: Du, getSvg: Ou } = ze({
+		}))), Eu = v(() => V.value.chart.backgroundColor), Du = v(() => V.value.chart.legend), { exportSvg: Ou, getSvg: ku } = ze({
 			svg: L,
 			title: v(() => V.value.chart.title),
-			legend: Eu,
-			legendItems: wu,
-			backgroundColor: Tu
+			legend: Du,
+			legendItems: Tu,
+			backgroundColor: Eu
 		});
-		async function ku({ isCb: e }) {
+		async function Au({ isCb: e }) {
 			ca.value = !0, await ut();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Ou();
+					let { blob: e, url: t, text: n, dataUrl: r } = await ku();
 					await Promise.resolve(V.value.chart.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Du());
+				} else await Promise.resolve(Ou());
 			} finally {
 				ca.value = !1;
 			}
 		}
-		function Au(e) {
+		function ju(e) {
 			if (e?.stage === "start") {
 				sa.value = !0;
 				return;
@@ -3195,7 +3204,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			}
 			ro();
 		}
-		async function ju() {
+		async function Mu() {
 			if (gi("copyAlt", {
 				config: {
 					...V.value,
@@ -3203,7 +3212,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				},
 				dataset: {
 					lines: Q.value,
-					bars: pl.value,
+					bars: ml.value,
 					plots: $.value
 				}
 			}), !V.value.chart.userOptions.callbacks.altCopy) {
@@ -3217,64 +3226,64 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				},
 				dataset: {
 					lines: Q.value,
-					bars: pl.value,
+					bars: ml.value,
 					plots: $.value
 				}
 			}));
 		}
-		let Mu = E(!1);
-		function Nu() {
-			U.value.end > U.value.start && (ua.value = null), Ro.value = !0, Mu.value = !0;
-		}
+		let Nu = E(!1);
 		function Pu() {
-			ua.value = null, Gs(), Mu.value = !1, Ro.value = !1;
+			U.value.end > U.value.start && (ua.value = null), Ro.value = !0, Nu.value = !0;
+		}
+		function Fu() {
+			ua.value = null, Ks(), Nu.value = !1, Ro.value = !1;
 		}
-		function Fu(e) {
+		function Iu(e) {
 			if (!L.value || Ui.value || document.activeElement !== L.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n || !U.value.end && U.value.end !== 0) return;
 			let r = U.value.end - U.value.start;
 			if (r <= 0) return;
 			if (e.preventDefault(), e.stopPropagation(), G.value) {
-				let e = Bs.value.length;
+				let e = Vs.value.length;
 				if (!e) return;
 				let r = ua.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, Vs(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, Hs(r);
 				return;
 			}
-			let i = ua.value, a = Is.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, ua.value = i, Iu(i), Rl(!0, i);
+			let i = ua.value, a = Ls.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, ua.value = i, Lu(i), zl(!0, i);
 		}
-		function Iu(e) {
+		function Lu(e) {
 			let t = U.value.end - U.value.start;
 			if (t <= 0) return;
 			let n = J.value.width / t, r = fe(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
 			r && (da.value = r);
 		}
-		let Lu = v(() => {
-			if (!Il.value) return null;
+		let Ru = v(() => {
+			if (!Ll.value) return null;
 			let e = V.value.table.showSum, t = [V.value.table.columnNames.period].concat(K.value.map((e) => e.name));
 			return e && (t = t.concat(V.value.table.columnNames.total)), {
 				headers: t,
-				rows: Il.value.body
+				rows: Ll.value.body
 			};
 		});
 		return Ye({
-			getData: Js,
-			getImage: Ys,
+			getData: Ys,
+			getImage: Xs,
 			generatePdf: no,
 			generateImage: ro,
-			generateSvg: ku,
-			generateCsv: Ll,
-			hideSeries: nc,
-			showSeries: tc,
+			generateSvg: Au,
+			generateCsv: Rl,
+			hideSeries: rc,
+			showSeries: nc,
 			toggleStack: $o,
-			toggleTable: zl,
-			toggleLabels: Bl,
-			toggleTooltip: Vl,
+			toggleTable: Bl,
+			toggleLabels: Vl,
+			toggleTooltip: Hl,
 			toggleAnnotator: Ho,
-			toggleFullscreen: Hl,
-			copyAlt: ju,
+			toggleFullscreen: Ul,
+			copyAlt: Mu,
 			resetZoom: _s
 		}), (t, n) => (T(), b("div", {
 			id: `vue-ui-xy_${F.value}`,
@@ -3284,17 +3293,17 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 			style: w(`background:${V.value.chart.backgroundColor}; color:${V.value.chart.color};width:100%;font-family:${V.value.chart.fontFamily};${V.value.responsive ? "height: 100%" : ""}`),
 			onMouseenter: Bo,
 			onMouseleave: Vo,
-			onClick: Ks
+			onClick: qs
 		}, [
 			x("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
 			}, [x("p", null, k(V.value.a11y.translations.keyboardNavigation), 1)], 8, Mt),
-			Lu.value?.rows?.length ? (T(), nt(et, {
+			Ru.value?.rows?.length ? (T(), nt(et, {
 				key: 0,
 				uid: F.value,
-				head: Lu.value.headers,
-				body: Lu.value.rows,
+				head: Ru.value.headers,
+				body: Ru.value.rows,
 				notice: V.value.a11y.translations.tableAvailable,
 				caption: V.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -3327,7 +3336,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				"active",
 				"isCursorPointer"
 			])) : y("", !0),
-			ac.value ? (T(), b("div", {
+			oc.value ? (T(), b("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Oi,
@@ -3385,17 +3394,17 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				tableDialog: V.value.table.useDialog,
 				printScale: V.value.chart.userOptions.print.scale,
 				isCursorPointer: Fa.value,
-				onToggleFullscreen: Hl,
+				onToggleFullscreen: Ul,
 				onGeneratePdf: A(no),
-				onGenerateCsv: Ll,
-				onGenerateImage: Au,
-				onGenerateSvg: ku,
-				onToggleTable: zl,
-				onToggleLabels: Bl,
+				onGenerateCsv: Rl,
+				onGenerateImage: ju,
+				onGenerateSvg: Au,
+				onToggleTable: Bl,
+				onToggleLabels: Vl,
 				onToggleStack: $o,
-				onToggleTooltip: Vl,
+				onToggleTooltip: Hl,
 				onToggleAnnotator: Ho,
-				onCopyAlt: ju,
+				onCopyAlt: Mu,
 				style: w({ visibility: ta.value ? na.value ? "visible" : "hidden" : "visible" })
 			}, rt({ _: 2 }, [
 				t.$slots.menuIcon ? {
@@ -3493,18 +3502,18 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					color: V.value.chart.color,
 					fontFamily: V.value.chart.fontFamily
 				}),
-				"aria-label": rc.value,
+				"aria-label": ic.value,
 				"aria-describedby": `chart-instructions-${F.value}`,
 				"aria-live": "polite",
 				role: "img",
 				tabindex: "0",
 				preserveAspectRatio: "xMidYMid",
-				onMousemove: Ws,
-				onMouseleave: Gs,
-				onClick: Ks,
-				onFocus: Nu,
-				onBlur: Pu,
-				onKeydown: Fu
+				onMousemove: Gs,
+				onMouseleave: Ks,
+				onClick: qs,
+				onFocus: Pu,
+				onBlur: Fu,
+				onKeydown: Iu
 			}, [x("g", {
 				ref_key: "G",
 				ref: ki,
@@ -3532,7 +3541,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, zt)) : y("", !0),
-						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (T(!0), b(_, { key: 2 }, D(hl.value, (e) => (T(), b("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (T(!0), b(_, { key: 0 }, D(e.yLabels, (t) => (T(), b("line", {
+						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (T(!0), b(_, { key: 2 }, D(gl.value, (e) => (T(), b("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (T(!0), b(_, { key: 0 }, D(e.yLabels, (t) => (T(), b("line", {
 							key: `selected_individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
@@ -3563,7 +3572,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							y2: A(m)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Bt)) : y("", !0), V.value.chart.grid.showHorizontalLines ? (T(), b("g", Vt, [(T(!0), b(_, null, D(zc.value, (e) => (T(), b("line", {
+						}, null, 8, Bt)) : y("", !0), V.value.chart.grid.showHorizontalLines ? (T(), b("g", Vt, [(T(!0), b(_, null, D(Bc.value, (e) => (T(), b("line", {
 							key: `horizontal_grid_line_${e.value}_${e.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
@@ -3589,7 +3598,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							style: { animation: "none !important" }
 						}, null, 8, Jt)])) : y("", !0)
 					]),
-					(T(!0), b(_, null, D(pl.value, (e, n) => (T(), b("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? O(t.$slots, "bar-gradient", lt({ ref_for: !0 }, {
+					(T(!0), b(_, null, D(ml.value, (e, n) => (T(), b("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? O(t.$slots, "bar-gradient", lt({ ref_for: !0 }, {
 						series: e,
 						positiveId: `rectGradient_pos_${n}_${F.value}`,
 						negativeId: `rectGradient_neg_${n}_${F.value}`
@@ -3701,32 +3710,32 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						"stop-color": t,
 						offset: A(se)(r, e.temperatureColors.length)
 					}, null, 8, Zt))), 128))], 8, Xt)])) : y("", !0)], 64))), 128)),
-					(T(!0), b(_, null, D(oc.value, (e) => (T(), b("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(e.span, (t, n) => (T(), b("g", { key: `highlight_area_rect_${e.from}_${n}` }, [x("rect", {
+					(T(!0), b(_, null, D(sc.value, (e) => (T(), b("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(e.span, (t, n) => (T(), b("g", { key: `highlight_area_rect_${e.from}_${n}` }, [x("rect", {
 						style: w({
 							transition: "none",
 							opacity: +(e.from + n >= U.value.start && e.from + n <= U.value.end - 1)
 						}),
-						x: mc(e.from + n - U.value.start),
+						x: hc(e.from + n - U.value.start),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
-						width: hc(e.from + n - U.value.start),
+						width: gc(e.from + n - U.value.start),
 						fill: A(je)(e.color, e.opacity)
 					}, null, 12, Qt)]))), 128)), (T(!0), b(_, null, D(e.span, (t, n) => (T(), b("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (T(), b("foreignObject", {
 						key: 0,
-						x: mc(e.from + n - U.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - vc(e.span) / 2),
+						x: hc(e.from + n - U.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - yc(e.span) / 2),
 						y: J.value?.top + e.caption.offsetY,
 						style: w({
 							overflow: "visible",
 							opacity: +(e.to >= U.value.start && e.from < U.value.end)
 						}),
 						height: "1",
-						width: e.caption.width === "auto" ? vc(e.span) : e.caption.width
+						width: e.caption.width === "auto" ? yc(e.span) : e.caption.width
 					}, [x("div", { style: w(`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"}`) }, k(e.caption.text), 5)], 12, $t)) : y("", !0)]))), 128))], 64)) : y("", !0)]))), 128)),
 					Ro.value && !G.value ? (T(), b("g", en, [(T(!0), b(_, null, D(X.value, (e, t) => (T(), b("g", { key: `tooltip_trap_highlighter_${t}` }, [x("rect", {
-						x: mc(t),
+						x: hc(t),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
-						width: _c(t),
+						width: vc(t),
 						fill: [
 							I.value,
 							R.value,
@@ -3737,17 +3746,17 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							animation: "none !important"
 						}
 					}, null, 8, tn)]))), 128))])) : y("", !0),
-					pl.value.length ? (T(!0), b(_, { key: 1 }, D(pl.value, (e, n) => (T(), b("g", {
+					ml.value.length ? (T(!0), b(_, { key: 1 }, D(ml.value, (e, n) => (T(), b("g", {
 						key: `serie_bar_${e.id}`,
 						class: S(`serie_bar_${n}`),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b("g", { key: `bar_plot_${n}_${i}` }, [
 						A(xt)(r.value) ? (T(), b("rect", {
 							key: 0,
-							x: Ns(r) + Fc.value / 2,
-							y: H.value.useIndividualScale ? Fs(r) : Ps(r),
+							x: Ns(r) + Ic.value / 2,
+							y: H.value.useIndividualScale ? Is(r) : Fs(r),
 							height: H.value.useIndividualScale ? Math.abs(As(r)) : Math.abs(ks(r)),
-							width: Pc.value - Fc.value,
+							width: Fc.value - Ic.value,
 							rx: V.value.bar.borderRadius,
 							fill: V.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${n}_${F.value})` : `url(#rectGradient_neg_${n}_${F.value})` : e.color,
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
@@ -3756,10 +3765,10 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						}, null, 12, nn)) : y("", !0),
 						A(xt)(r.value) && t.$slots.pattern ? (T(), b("rect", {
 							key: 1,
-							x: Ns(r) - Fc.value / 2,
-							y: H.value.useIndividualScale ? Fs(r) : Ps(r),
+							x: Ns(r) - Ic.value / 2,
+							y: H.value.useIndividualScale ? Is(r) : Fs(r),
 							height: H.value.useIndividualScale ? Math.abs(As(r)) : Math.abs(ks(r)),
-							width: Pc.value - Fc.value,
+							width: Fc.value - Ic.value,
 							rx: V.value.bar.borderRadius,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
@@ -3770,7 +3779,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
-							width: Pc.value + V.value.chart.comments.width,
+							width: Fc.value + V.value.chart.comments.width,
 							x: Ns(r) - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
 							y: A(g)(r.y) + V.value.chart.comments.offsetY + 6
 						}, [O(t.$slots, "plot-comment", { plot: {
@@ -3792,8 +3801,8 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						style: { animation: "none !important" }
 					}, null, 8, on)) : y("", !0),
 					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && Qo.value ? (T(), b("g", sn, [x("line", {
-						x1: su.value,
-						x2: su.value,
+						x1: cu.value,
+						x2: cu.value,
 						y1: A(m)(J.value?.top),
 						y2: A(m)(J.value?.bottom),
 						stroke: V.value.chart.highlighter.color,
@@ -3806,10 +3815,10 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							"pointer-events": "none"
 						}
 					}, null, 8, cn)])) : y("", !0),
-					cu.value ? (T(), b("g", ln, [(T(!0), b(_, null, D(lu.value, (e) => (T(), b("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
+					lu.value ? (T(), b("g", ln, [(T(!0), b(_, null, D(uu.value, (e) => (T(), b("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
 						x("line", {
 							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(m)(e.x) : J.value.left,
-							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(m)(du(e.x)) : J.value.right,
+							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(m)(fu(e.x)) : J.value.right,
 							y1: A(m)(e.y),
 							y2: A(m)(e.y),
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
@@ -3830,7 +3839,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							style: { "pointer-events": "none" }
 						}, null, 8, dn),
 						x("circle", {
-							cx: A(m)(du(e.x)),
+							cx: A(m)(fu(e.x)),
 							cy: A(m)(e.y),
 							r: V.value.chart.highlighter.crosshairs.dot.radius,
 							fill: V.value.chart.highlighter.crosshairs.dot.fill,
@@ -3861,9 +3870,9 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: Ni,
-						opacity: cu.value ? .2 : 1,
+						opacity: lu.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [H.value.useIndividualScale ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(hl.value, (e) => (T(), b("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [x("line", {
+					}, [H.value.useIndividualScale ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(gl.value, (e) => (T(), b("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [x("line", {
 						x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
 						x2: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
 						y1: H.value.isStacked ? A(m)(J.value?.bottom - e.yOffset - e.individualHeight) : A(m)(J.value?.top),
@@ -3872,7 +3881,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						"stroke-width": V.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, hn)]))), 128)), (T(!0), b(_, null, D(hl.value, (e) => (T(), b("g", {
+					}, null, 12, hn)]))), 128)), (T(!0), b(_, null, D(gl.value, (e) => (T(), b("g", {
 						key: `individual_scale_label_${e.groupId || e.id}`,
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
@@ -3910,7 +3919,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 11, vn))), 128))
-					], 4))), 128))], 64)) : (T(!0), b(_, { key: 1 }, D(zc.value, (e, t) => (T(), b("g", { key: `yLabel_${t}` }, [A(xt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), b("line", {
+					], 4))), 128))], 64)) : (T(!0), b(_, { key: 1 }, D(Bc.value, (e, t) => (T(), b("g", { key: `yLabel_${t}` }, [A(xt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), b("line", {
 						key: 0,
 						x1: q.value ? J.value?.right : J.value?.left,
 						x2: q.value ? J.value?.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value?.left - V.value.chart.grid.labels.yAxis.crosshairSize,
@@ -3933,7 +3942,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						s: e.suffix,
 						r: V.value.chart.grid.labels.yAxis.rounding
 					})) : ""), 11, bn)) : y("", !0)]))), 128))], 8, mn)) : y("", !0),
-					cu.value ? (T(), b("g", xn, [(T(!0), b(_, null, D(lu.value, (e) => (T(), b("text", {
+					lu.value ? (T(), b("g", xn, [(T(!0), b(_, null, D(uu.value, (e) => (T(), b("text", {
 						class: S({ "vue-data-ui-datalabel": A(Si) }),
 						key: `crosshair_y_label_${e.serie.id}_${e.index}`,
 						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(m)(e.y) + B.value.dataLabels / 3})`,
@@ -3954,8 +3963,8 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						datapoint: e.serie,
 						seriesIndex: e.index
 					})), 11, Sn))), 128))])) : y("", !0),
-					uu.value ? (T(), b("g", Cn, [x("circle", {
-						cx: su.value,
+					du.value ? (T(), b("g", Cn, [x("circle", {
+						cx: cu.value,
 						cy: A(m)(J.value?.bottom),
 						r: V.value.chart.highlighter.crosshairs.dot.radius,
 						fill: V.value.chart.highlighter.crosshairs.dot.fill,
@@ -3986,7 +3995,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							x: A(g)(r.x),
 							y: A(g)(r.y)
 						},
-						radius: fu(e, r, i) ? (Aa.value.plot || 6) * 1.5 : (Vc(e.plots, i), Aa.value.plot || 6),
+						radius: pu(e, r, i) ? (Aa.value.plot || 6) * 1.5 : (Hc(e.plots, i), Aa.value.plot || 6),
 						stroke: V.value.plot.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
 						strokeWidth: V.value.plot.dot.strokeWidth,
 						transition: A(Ba) || cs.value || !V.value.plot.showTransition ? void 0 : `all ${V.value.plot.transitionDurationMs}ms ease-in-out`,
@@ -4026,7 +4035,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						stroke: V.value.chart.backgroundColor,
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-						style: w({ transition: qc() })
+						style: w({ transition: Jc() })
 					}, null, 12, Dn))), 128)) : (T(!0), b(_, { key: 1 }, D(e.dashedStraight, (t, n) => (T(), b("path", {
 						key: `line_coating_straight_segment_${e.id}_${n}`,
 						fill: "none",
@@ -4036,7 +4045,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						stroke: V.value.chart.backgroundColor,
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-						style: w({ transition: qc() })
+						style: w({ transition: Jc() })
 					}, null, 12, On))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (T(), b("path", {
 						key: 1,
 						d: `M${e.curve}`,
@@ -4046,7 +4055,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: w({ transition: qc() })
+						style: w({ transition: Jc() })
 					}, null, 12, kn)) : e.plots.length > 1 && e.straight ? (T(), b("path", {
 						key: 2,
 						d: `M${e.straight}`,
@@ -4056,21 +4065,21 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: w({ transition: qc() })
+						style: w({ transition: Jc() })
 					}, null, 12, An)) : y("", !0)], 6))), 128)),
 					t.$slots.pattern ? (T(), b("defs", jn, [(T(!0), b(_, null, D(bo.value, (e, n) => O(t.$slots, "pattern", lt({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${F.value}_${n}`
 					}), void 0, !0)), 128))])) : y("", !0),
-					gl.value.length && !H.value.isStacked ? (T(), b("g", Mn, [(T(!0), b(_, null, D(gl.value, (e) => (T(), b("path", {
+					_l.value.length && !H.value.isStacked ? (T(), b("g", Mn, [(T(!0), b(_, null, D(_l.value, (e) => (T(), b("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
 						"fill-opacity": V.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: w({ transition: qc() })
+						style: w({ transition: Jc() })
 					}, null, 12, Nn))), 128))])) : y("", !0),
 					(T(!0), b(_, null, D(Q.value, (e, n) => (T(), b("g", {
 						key: `serie_line_above_${e.id}`,
@@ -4081,22 +4090,22 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							key: 0,
 							d: r,
 							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(je)(e.color, V.value.line.area.opacity),
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Fn)) : y("", !0), t.$slots.pattern && r ? (T(), b("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, In)) : y("", !0)], 64))), 128)) : (T(!0), b(_, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), b(_, { key: i }, [r ? (T(), b("path", {
 							key: 0,
 							d: `M${r}Z`,
 							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(je)(e.color, V.value.line.area.opacity),
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Ln)) : y("", !0), t.$slots.pattern && r ? (T(), b("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Rn)) : y("", !0)], 64))), 128))])) : y("", !0),
 						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), b("path", {
 							key: 1,
@@ -4106,7 +4115,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							"stroke-dasharray": e.dashed ? V.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, zn)) : e.hasDashedSegments ? (T(), b(_, { key: 2 }, [e.smooth ? (T(!0), b(_, { key: 0 }, D(e.dashedSmooth, (t, r) => (T(), b("path", {
 							key: `line_smooth_segment_${e.id}_${r}`,
 							fill: "none",
@@ -4116,7 +4125,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Bn))), 128)) : (T(!0), b(_, { key: 1 }, D(e.dashedStraight, (t, r) => (T(), b("path", {
 							key: `line_straight_segment_${e.id}_${r}`,
 							fill: "none",
@@ -4126,7 +4135,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Vn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), b("path", {
 							key: 3,
 							d: `M${e.straight}`,
@@ -4136,9 +4145,9 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: w({ transition: qc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Hn)) : y("", !0),
-						(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b(_, { key: `circle_line_${e.id}_${i}` }, [!ic.value.linePlot && r && A(xt)(r.value) || ic.value.linePlot && r && A(xt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || Vc(e.plots, i) ? (T(), nt(Je, {
+						(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b(_, { key: `circle_line_${e.id}_${i}` }, [!ac.value.linePlot && r && A(xt)(r.value) || ac.value.linePlot && r && A(xt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || Hc(e.plots, i) ? (T(), nt(Je, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -4153,7 +4162,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 								x: A(g)(r.x),
 								y: A(g)(r.y)
 							},
-							radius: fu(e, r, i) ? ja.value || 0 : (Vc(e.plots, i), Aa.value.line || 0),
+							radius: pu(e, r, i) ? ja.value || 0 : (Hc(e.plots, i), Aa.value.line || 0),
 							stroke: V.value.line.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
 							strokeWidth: V.value.line.dot.strokeWidth,
 							transition: A(Ba) || cs.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`,
@@ -4181,25 +4190,25 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							datapointIndex: i
 						} }, void 0, !0)])], 8, Un)) : y("", !0)], 64))), 128))
 					], 6))), 128)),
-					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (T(), b("g", Gn, [(T(!0), b(_, null, D(hu.value, (e) => (T(), b("text", {
+					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (T(), b("g", Gn, [(T(!0), b(_, null, D(gu.value, (e) => (T(), b("text", {
 						key: e.key,
 						class: S({ "vue-data-ui-datalabel": A(Si) }),
-						"text-anchor": ou({
+						"text-anchor": su({
 							plot: e.plot,
 							type: "bar"
 						}),
 						"font-size": B.value.plotLabels,
-						transform: iu({ plot: e.plot }),
+						transform: au({ plot: e.plot }),
 						fill: V.value.bar.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};`),
-						innerHTML: ru({
+						innerHTML: iu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "bar"
 						})
-					}, null, 14, Kn))), 128)), (T(!0), b(_, null, D(pl.value, (e, t) => (T(), b(_, { key: `xLabel_bar_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (T(), b("text", {
+					}, null, 14, Kn))), 128)), (T(!0), b(_, null, D(ml.value, (e, t) => (T(), b(_, { key: `xLabel_bar_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (T(), b("text", {
 						key: 0,
 						class: S({ "vue-data-ui-datalabel": A(Si) }),
 						transform: `translate(${H.value.useIndividualScale && H.value.isStacked ? n.x + js.value.line / 2 : n.x + Ms() * 1.1}, ${n.y + (n.value > 0 ? V.value.bar.serieName.offsetY : -V.value.bar.serieName.offsetY * 3)})`,
@@ -4212,14 +4221,14 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						source: e.name,
 						length: V.value.bar.serieName.abbreviationSize
 					}) : e.name), 15, qn)) : y("", !0)], 64))), 128))], 64))), 128))])) : y("", !0),
-					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), b("g", Jn, [(T(!0), b(_, null, D(gu.value, (e) => (T(), b("text", {
+					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), b("g", Jn, [(T(!0), b(_, null, D(_u.value, (e) => (T(), b("text", {
 						key: e.key,
 						class: S({ "vue-data-ui-datalabel": A(Si) }),
-						transform: au({
+						transform: ou({
 							plot: e.plot,
 							type: "plot"
 						}),
-						"text-anchor": ou({
+						"text-anchor": su({
 							plot: e.plot,
 							type: "plot"
 						}),
@@ -4228,7 +4237,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1}`),
-						innerHTML: ru({
+						innerHTML: iu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "plot"
@@ -4277,14 +4286,14 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							serieName: e.name
 						})
 					}, null, 12, er)], 12, $n)) : y("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					V.value.line.labels.show && H.value.dataLabels.show ? (T(), b("g", nr, [(T(!0), b(_, null, D(_u.value, (e) => (T(), b("text", {
+					V.value.line.labels.show && H.value.dataLabels.show ? (T(), b("g", nr, [(T(!0), b(_, null, D(vu.value, (e) => (T(), b("text", {
 						key: e.key,
 						class: S({ "vue-data-ui-datalabel": A(Si) }),
-						transform: au({
+						transform: ou({
 							plot: e.plot,
 							type: "line"
 						}),
-						"text-anchor": ou({
+						"text-anchor": su({
 							plot: e.plot,
 							type: "line"
 						}),
@@ -4293,7 +4302,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};`),
-						innerHTML: ru({
+						innerHTML: iu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "line"
@@ -4411,7 +4420,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					(T(!0), b(_, null, D([
 						...$.value,
 						...Q.value,
-						...pl.value
+						...ml.value
 					], (e, t) => (T(), b(_, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(Ee)(e.plots).trend) ? (T(), b("g", mr, [
 						x("defs", null, [x("marker", {
 							id: `progression_arrow_${t}`,
@@ -4474,7 +4483,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							r: 2
 						})), 11, yr)) : y("", !0)
 					])) : y("", !0)], 64))), 128)),
-					H.value.useIndividualScale && !H.value.isStacked ? (T(), b(_, { key: 16 }, [x("defs", null, [(T(!0), b(_, null, D(hl.value, (e, t) => (T(), nt(Xe, {
+					H.value.useIndividualScale && !H.value.isStacked ? (T(), b(_, { key: 16 }, [x("defs", null, [(T(!0), b(_, null, D(gl.value, (e, t) => (T(), nt(Xe, {
 						t: "linear",
 						key: `individual_scale_gradient_${e.groupId || e.id || t}`,
 						id: `individual_scale_gradient_${F.value}_${t}`,
@@ -4496,7 +4505,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						"x1",
 						"x2",
 						"stops"
-					]))), 128))]), (T(!0), b(_, null, D(hl.value, (e, t) => (T(), b("rect", {
+					]))), 128))]), (T(!0), b(_, null, D(gl.value, (e, t) => (T(), b("rect", {
 						key: `individual_scale_background_${e.groupId || e.id || t}`,
 						x: q.value ? e.x : e.x - V.value.chart.grid.labels.yAxis.labelWidth - J.value.individualOffsetX,
 						y: J.value?.top,
@@ -4529,25 +4538,25 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						key: 17,
 						ref_key: "timeLabelsEls",
 						ref: Mi,
-						opacity: cu.value ? .1 : 1,
+						opacity: lu.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [t.$slots["time-label"] ? (T(!0), b(_, { key: 0 }, D(Xc.value, (e, n) => O(t.$slots, "time-label", lt({ ref_for: !0 }, {
-						x: Zc(e, n),
+					}, [t.$slots["time-label"] ? (T(!0), b(_, { key: 0 }, D(Zc.value, (e, n) => O(t.$slots, "time-label", lt({ ref_for: !0 }, {
+						x: Qc(e, n),
 						y: J.value?.bottom,
 						fontSize: B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Zc(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.3 + V.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Qc(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.3 + V.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
 						textAnchor: V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
-					}), void 0, !0, `time_label_${e.id}`)), 128)) : (T(!0), b(_, { key: 1 }, D(Xc.value, (e, t) => (T(), b("g", { key: `time_label_${t}` }, [e && e.text ? (T(), b(_, { key: 0 }, [String(e.text).includes("\n") ? (T(), b("text", {
+					}), void 0, !0, `time_label_${e.id}`)), 128)) : (T(!0), b(_, { key: 1 }, D(Zc.value, (e, t) => (T(), b("g", { key: `time_label_${t}` }, [e && e.text ? (T(), b(_, { key: 0 }, [String(e.text).includes("\n") ? (T(), b("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Zc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Qc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: w({ cursor: Po() && Fa.value ? "pointer" : "default" }),
 						innerHTML: A(de)({
 							content: String(e.text),
@@ -4563,16 +4572,16 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Zc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Qc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: w({ cursor: Po() && Fa.value ? "pointer" : "default" }),
 						onClick: (n) => Yo(e, t)
 					}, k(e.text || ""), 13, wr))], 64)) : y("", !0)]))), 128))], 8, Cr)) : y("", !0),
-					uu.value ? (T(), b("g", Er, [x("text", {
+					du.value ? (T(), b("g", Er, [x("text", {
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${uu.value.x}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${du.value.x}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						"font-weight": "bold",
 						style: {
 							transition: "none !important",
@@ -4580,14 +4589,14 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							"pointer-events": "none"
 						},
 						innerHTML: A(de)({
-							content: String(uu.value.text),
+							content: String(du.value.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						})
 					}, null, 8, Dr)])) : y("", !0),
-					Bc.value.length && !H.value.isStacked ? (T(), b("g", Or, [(T(!0), b(_, null, D(Bc.value, (e) => (T(), b("g", { key: e.id }, [
+					Vc.value.length && !H.value.isStacked ? (T(), b("g", Or, [(T(!0), b(_, null, D(Vc.value, (e) => (T(), b("g", { key: e.id }, [
 						e.yTop && e.show && isFinite(e.yTop) ? (T(), b("line", {
 							key: 0,
 							x1: e.x1,
@@ -4638,20 +4647,20 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 							"text-anchor": e.config.label.textAnchor
 						}, k(e.config.label.text), 11, Mr)) : y("", !0)
 					]))), 128))])) : y("", !0),
-					!cu.value && V.value.chart.timeTag.show && (G.value ? A(f)(Xl.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), b("g", Nr, [(T(), b("foreignObject", {
-						x: Ql(),
+					!lu.value && V.value.chart.timeTag.show && (G.value ? A(f)(Zl.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), b("g", Nr, [(T(), b("foreignObject", {
+						x: $l(),
 						y: J.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
 					}, [x("div", {
 						ref_key: "timeTagEl",
-						ref: ql,
+						ref: Jl,
 						class: "vue-ui-xy-time-tag",
 						style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${V.value.chart.timeTag.backgroundColor};color:${V.value.chart.timeTag.color};font-size:${V.value.chart.timeTag.fontSize}px`),
-						innerHTML: nu.value
+						innerHTML: ru.value
 					}, null, 12, Fr)], 8, Pr)), x("circle", {
-						cx: G.value && A(f)(Xl.value) ? Qc({ x: Xl.value }) : fc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+						cx: G.value && A(f)(Zl.value) ? $c({ x: Zl.value }) : pc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
 						cy: J.value?.bottom,
 						r: V.value.chart.timeTag.circleMarker.radius,
 						fill: V.value.chart.timeTag.circleMarker.color
@@ -4668,14 +4677,14 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					isPrintingSvg: ca.value,
 					data: [
 						...Q.value,
-						...pl.value,
+						...ml.value,
 						...$.value
 					],
 					drawingArea: J.value
 				} }, void 0, !0)
 			], 512)], 46, Ft)), t.$slots.hint ? (T(), b("div", Rr, [O(t.$slots, "hint", C(ct({
 				hint: V.value.a11y.translations.keyboardNavigation,
-				isVisible: Mu.value
+				isVisible: Nu.value
 			})), void 0, !0)])) : y("", !0)]),
 			t.$slots.watermark ? (T(), b("div", zr, [O(t.$slots, "watermark", C(ct({ isPrinting: A(eo) || A(to) || sa.value || ca.value })), void 0, !0)])) : y("", !0),
 			(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `tag_line_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `tag_line_${t}_${r}` }, [[
@@ -4865,7 +4874,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				ref_key: "chartSlicer",
 				ref: Ti,
 				uuid: F.value,
-				allMinimaps: Lc.value,
+				allMinimaps: Rc.value,
 				background: V.value.chart.zoom.color,
 				borderColor: V.value.chart.backgroundColor,
 				customFormat: V.value.chart.zoom.customFormat,
@@ -4882,11 +4891,11 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				isPreview: Xa.value,
 				labelLeft: Y.value[0] ? Y.value[0].text : "",
 				labelRight: Y.value.at(-1) ? Y.value.at(-1).text : "",
-				max: tl.value,
-				min: el.value,
+				max: nl.value,
+				min: tl.value,
 				precision: G.value ? V.value.chart.grid.labels.xAxis.rounding : 0,
 				useValueRange: G.value,
-				minimap: Ic.value,
+				minimap: Lc.value,
 				minimapCompact: V.value.chart.zoom.minimap.compact,
 				minimapFrameColor: V.value.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: V.value.chart.zoom.minimap.indicatorColor,
@@ -4896,11 +4905,11 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				minimapSelectedColorOpacity: V.value.chart.zoom.minimap.selectedColorOpacity,
 				minimapSelectedIndex: G.value ? la.value : R.value ?? I.value,
 				minimapSelectionRadius: V.value.chart.zoom.minimap.selectionRadius,
-				preciseLabels: xl.value.length ? xl.value : Uo.value,
-				refreshStartPoint: G.value ? el.value : V.value.chart.zoom.startIndex === null ? 0 : V.value.chart.zoom.startIndex,
-				refreshEndPoint: G.value ? tl.value : V.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Wa(e.series).length)) : V.value.chart.zoom.endIndex + 1,
+				preciseLabels: Sl.value.length ? Sl.value : Uo.value,
+				refreshStartPoint: G.value ? tl.value : V.value.chart.zoom.startIndex === null ? 0 : V.value.chart.zoom.startIndex,
+				refreshEndPoint: G.value ? nl.value : V.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Wa(e.series).length)) : V.value.chart.zoom.endIndex + 1,
 				selectColor: V.value.chart.zoom.highlightColor,
-				selectedSeries: Rc.value,
+				selectedSeries: zc.value,
 				smoothMinimap: V.value.chart.zoom.minimap.smooth,
 				start: U.value.start,
 				textColor: V.value.chart.color,
@@ -4948,7 +4957,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				color: V.value.chart.legend.selectAllToggle.color,
 				fontSize: V.value.chart.legend.fontSize,
 				checked: qi.value.length > 0,
-				onToggle: Xs
+				onToggle: Zs
 			}, null, 8, [
 				"backgroundColor",
 				"color",
@@ -4956,8 +4965,8 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				"checked"
 			])) : y("", !0), (T(!0), b(_, null, D(xo.value, (e, n) => (T(), b("div", {
 				key: `div_legend_item_${n}`,
-				onClick: (t) => $s(e),
-				onKeydown: (t) => Zs(t, e),
+				onClick: (t) => ec(e),
+				onKeydown: (t) => Qs(t, e),
 				role: "button",
 				tabindex: "0",
 				class: S({
@@ -5050,7 +5059,7 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				offsetX: V.value.chart.tooltip.offsetX,
 				offsetY: V.value.chart.tooltip.offsetY,
 				parent: t.$refs.chart,
-				content: El.value,
+				content: Dl.value,
 				isFullscreen: Wi.value,
 				isCustom: V.value.chart.tooltip.customFormat && typeof V.value.chart.tooltip.customFormat == "function",
 				smooth: V.value.chart.tooltip.smooth,
@@ -5060,9 +5069,9 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				isA11yMode: ua.value != null,
 				a11yPosition: da.value
 			}, {
-				"tooltip-before": j(() => [O(t.$slots, "tooltip-before", C(ct({ ..._l.value })), void 0, !0)]),
-				tooltip: j(() => [O(t.$slots, "tooltip", C(ct({ ..._l.value })), void 0, !0)]),
-				"tooltip-after": j(() => [O(t.$slots, "tooltip-after", C(ct({ ..._l.value })), void 0, !0)]),
+				"tooltip-before": j(() => [O(t.$slots, "tooltip-before", C(ct({ ...vl.value })), void 0, !0)]),
+				tooltip: j(() => [O(t.$slots, "tooltip", C(ct({ ...vl.value })), void 0, !0)]),
+				"tooltip-after": j(() => [O(t.$slots, "tooltip-after", C(ct({ ...vl.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -5088,10 +5097,10 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Pa.value && V.value.chart.userOptions.buttons.table ? (T(), nt(pt(Su.value.component), lt({ key: 9 }, Su.value.props, {
+			Pa.value && V.value.chart.userOptions.buttons.table ? (T(), nt(pt(Cu.value.component), lt({ key: 9 }, Cu.value.props, {
 				ref_key: "tableUnit",
 				ref: oa,
-				onClose: Cu
+				onClose: wu
 			}), rt({
 				content: j(() => [x("div", { style: w(`${A(eo) || V.value.table.useDialog ? "" : "max-height:400px"};${V.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${V.value.table.useDialog ? "" : "margin-top:48px"}`) }, [x("div", oi, [bt(x("input", {
 					type: "checkbox",
@@ -5105,17 +5114,17 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 					stroke: V.value.chart.color
 				}, null, 8, ["stroke"])], 4)]), Qi.value ? (T(), nt(A(fi), {
 					key: `sparkline_${$i.value}`,
-					dataset: cc.value,
-					config: lc.value
+					dataset: lc.value,
+					config: uc.value
 				}, null, 8, ["dataset", "config"])) : (T(), nt(A(ci), {
 					key: `table_${Xi.value}`,
-					colNames: Il.value.colNames,
-					head: Il.value.head,
-					body: Il.value.body,
-					config: Il.value.config,
-					title: V.value.table.useDialog ? "" : Su.value.title,
+					colNames: Ll.value.colNames,
+					head: Ll.value.head,
+					body: Ll.value.body,
+					config: Ll.value.config,
+					title: V.value.table.useDialog ? "" : Cu.value.title,
 					withCloseButton: !V.value.table.useDialog,
-					onClose: Cu
+					onClose: wu
 				}, {
 					th: j(({ th: e }) => [x("div", { innerHTML: e }, null, 8, si)]),
 					td: j(({ td: e }) => [it(k(isNaN(Number(e)) ? e : A(p)({
@@ -5136,23 +5145,23 @@ var At = /* @__PURE__ */ e({ default: () => M }), jt = ["id"], Mt = ["id"], Nt =
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [it(k(Su.value.title), 1)]),
+				fn: j(() => [it(k(Cu.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
 				fn: j(() => [x("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[3] ||= (e) => Ll(V.value.chart.userOptions.callbacks.csv)
+					onClick: n[3] ||= (e) => Rl(V.value.chart.userOptions.callbacks.csv)
 				}, [at(A(di), {
 					name: "fileCsv",
-					stroke: Su.value.props.color
+					stroke: Cu.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : y("", !0),
 			O(t.$slots, "skeleton", {}, () => [A(Ba) ? (T(), nt(Re, { key: 0 })) : y("", !0)], !0)
 		], 46, jt));
 	}
-}, [["__scopeId", "data-v-fd599348"]]);
+}, [["__scopeId", "data-v-7600152b"]]);
 //#endregion
 export { At as n, M as t };