vue-data-ui 3.19.8 → 3.19.9

package/dist/{vue-ui-xy-BCeOqJYR.js → vue-ui-xy-BQ1YONCq.js}

@@ -459,7 +459,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		"copyAlt"
 	],
 	setup(e, { expose: We, emit: _t }) {
-		let N = e, ti = et(() => import("./DataTable-DmE8Oo4i.js")), ni = et(() => import("./Tooltip-CuWEYGr3.js")), ri = et(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), ii = et(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), ai = et(() => import("./vue-ui-table-sparkline-BSV1jn7r.js").then((e) => e.n)), oi = et(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), si = et(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), ci = et(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), li = _t, ui = ft(), di = tt(), { vue_ui_xy: fi } = je(), { isThemeValid: pi, warnInvalidTheme: mi } = Le(), hi = O(null), gi = O(null), _i = O(null), vi = O(null), yi = O(null), bi = O(null), xi = O(null), Si = O(null), Ci = O(null), wi = O(null), Ti = O(null), Ei = O(null), Di = O(null), Oi = O(null), ki = O(0), P = O(null), Ai = O(!0), ji = O(600), F = O(1e3), Mi = O("0 0 1000 600"), Ni = O({
+		let N = e, ti = et(() => import("./DataTable-DmE8Oo4i.js")), ni = et(() => import("./Tooltip-CuWEYGr3.js")), ri = et(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), ii = et(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), ai = et(() => import("./vue-ui-table-sparkline-Dfei_QrJ.js").then((e) => e.n)), oi = et(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), si = et(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), ci = et(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), li = _t, ui = ft(), di = tt(), { vue_ui_xy: fi } = je(), { isThemeValid: pi, warnInvalidTheme: mi } = Le(), hi = O(null), gi = O(null), _i = O(null), vi = O(null), yi = O(null), bi = O(null), xi = O(null), Si = O(null), Ci = O(null), wi = O(null), Ti = O(null), Ei = O(null), Di = O(null), Oi = O(null), ki = O(0), P = O(null), Ai = O(!0), ji = O(600), F = O(1e3), Mi = O("0 0 1000 600"), Ni = O({
 			x: 0,
 			y: 0
 		}), Pi = O({
@@ -818,7 +818,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			...e,
 			series: e.series.map((e) => e + Ja.value),
 			absoluteValues: e.series,
-			segregate: () => cs(e),
+			segregate: () => ls(e),
 			isSegregated: I.value.includes(e.id)
 		}))), Za = x(() => Ya.value.map((e, t) => ({
 			...e,
@@ -895,16 +895,16 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		}), oo = x(() => {
 			let e = +(H.value.chart.grid.position === "middle"), t = Z.value + e, n = v(Y.value?.top), r = v(Y.value?.bottom);
 			return Array.from({ length: t }).map((e, t) => {
-				let i = H.value.chart.grid.position === "middle" ? Ss(t) : xs(t);
+				let i = H.value.chart.grid.position === "middle" ? Cs(t) : Ss(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
 		}), so = x(() => {
 			if (!H.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-			bs.value;
+			xs.value;
 			let e = H.value.chart.grid.labels.xAxis.crosshairSize, t = H.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
 			return bo.value.map((n, r) => {
 				if (!n || !n.text) return null;
-				let i = xs(r);
+				let i = Ss(r);
 				return `M${i},${t ? Vo.value - (Vo.value === Y.value?.bottom ? 0 : e / 2) : Y.value?.bottom} L${i},${t ? Vo.value + e / (Vo.value === Y.value?.bottom ? 1 : 2) : Y.value?.bottom + e}`;
 			}).filter(Boolean).join(" ");
 		});
@@ -1095,8 +1095,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			let e = Math.max(1, Z.value);
 			return {
 				bar: da(Math.max(1, Y.value.width), e * Math.max(1, Ya.value.filter((e) => e.type === "bar" && !I.value.includes(e.id)).length), 1),
-				plot: ys.value,
-				line: ys.value
+				plot: bs.value,
+				line: bs.value
 			};
 		});
 		function qo() {
@@ -1166,19 +1166,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					ts();
 					return;
 				}
-				let s = Ts(t.x);
-				s == null ? ts() : Zo.value !== s && (Zo.value = s, ec(!0, s));
+				let s = Es(t.x);
+				s == null ? ts() : Zo.value !== s && (Zo.value = s, tc(!0, s));
 			}));
 		}
 		function ts() {
-			$o &&= (cancelAnimationFrame($o), 0), Zo.value = null, ec(!1, null);
+			$o &&= (cancelAnimationFrame($o), 0), Zo.value = null, tc(!1, null);
 		}
 		function ns(e) {
 			let t = Qo(e);
 			if (t && z.value) {
 				let { left: e, right: n, top: r, bottom: i, width: a } = Y.value;
 				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
-					let e = Ts(t.x);
+					let e = Es(t.x);
 					if (e != null) {
 						rs(e);
 						return;
@@ -1235,36 +1235,39 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		function os() {
 			I.value.length ? I.value = [] : Xa.value.forEach((e) => {
 				I.value.push(e.id);
-			});
+			}), cs();
 		}
 		function ss(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), cs(t));
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ls(t));
 		}
-		function cs(e) {
-			if (I.value.includes(e.id)) I.value = I.value.filter((t) => t !== e.id);
-			else {
-				if (I.value.length + 1 === Ya.value.length) return;
-				I.value.push(e.id);
-			}
+		function cs() {
 			li("selectLegend", Za.value.map((e) => ({
 				name: e.name,
 				values: e.absoluteValues,
 				color: e.color,
 				type: e.type
-			}))), Ui.value += 1;
+			})));
 		}
 		function ls(e) {
-			return Xa.value.length ? Xa.value.find((t) => t.name === e) || (H.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (H.value.debug && console.warn("VueUiXy - There are no series to show."), null);
+			if (I.value.includes(e.id)) I.value = I.value.filter((t) => t !== e.id);
+			else {
+				if (I.value.length + 1 === Ya.value.length) return;
+				I.value.push(e.id);
+			}
+			cs(), Ui.value += 1;
 		}
 		function us(e) {
-			let t = ls(e);
-			t !== null && I.value.includes(t.id) && cs({ id: t.id });
+			return Xa.value.length ? Xa.value.find((t) => t.name === e) || (H.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (H.value.debug && console.warn("VueUiXy - There are no series to show."), null);
 		}
 		function ds(e) {
-			let t = ls(e);
-			t !== null && (I.value.includes(t.id) || cs({ id: t.id }));
+			let t = us(e);
+			t !== null && I.value.includes(t.id) && ls({ id: t.id });
+		}
+		function fs(e) {
+			let t = us(e);
+			t !== null && (I.value.includes(t.id) || ls({ id: t.id }));
 		}
-		let fs = x(() => `${H.value.chart.title.text || "Chart visualization"}. ${H.value.chart.title.subtitle.text || ""}`), ps = x(() => ({ linePlot: Z.value > H.value.line.dot.hideAboveMaxSerieLength })), ms = x(() => H.value.chart.userOptions.show && (!H.value.chart.title.show || !H.value.chart.title.text)), hs = x(() => {
+		let ps = x(() => `${H.value.chart.title.text || "Chart visualization"}. ${H.value.chart.title.subtitle.text || ""}`), ms = x(() => ({ linePlot: Z.value > H.value.line.dot.hideAboveMaxSerieLength })), hs = x(() => H.value.chart.userOptions.show && (!H.value.chart.title.show || !H.value.chart.title.text)), gs = x(() => {
 			if (Array.isArray(H.value.chart.highlightArea)) return H.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, G.value - 1);
 				return {
@@ -1280,12 +1283,12 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), gs = x(() => Ai.value ? W.value.map((e, t) => ({
+		}), _s = x(() => Ai.value ? W.value.map((e, t) => ({
 			...e,
 			series: Oa(e.series),
 			id: `uniqueId_${t}`,
 			color: Te(e.color ? e.color : za.value[t] ? za.value[t] : h[t])
-		})) : W.value), _s = x(() => Za.value.map((e) => {
+		})) : W.value), vs = x(() => Za.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
 			return {
 				id: e.id,
@@ -1293,7 +1296,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				color: e.color,
 				values: Eo(Z.value, t)
 			};
-		})), vs = x(() => ({
+		})), ys = x(() => ({
 			responsiveBreakpoint: H.value.table.responsiveBreakpoint,
 			roundingValues: H.value.table.rounding,
 			showAverage: !1,
@@ -1302,7 +1305,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			fontFamily: H.value.chart.fontFamily,
 			prefix: H.value.chart.labels.prefix,
 			suffix: H.value.chart.labels.suffix,
-			colNames: X.value.map((e, t) => H.value.table.useDefaultTimeFormat ? e.text : Js.value(t + K.value.start, H.value.table.timeFormat)),
+			colNames: X.value.map((e, t) => H.value.table.useDefaultTimeFormat ? e.text : Ys.value(t + K.value.start, H.value.table.timeFormat)),
 			thead: {
 				backgroundColor: H.value.table.th.backgroundColor,
 				color: H.value.table.th.color,
@@ -1315,42 +1318,42 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			},
 			userOptions: { show: !1 },
 			sparkline: { animation: { show: !1 } }
-		})), ys = x(() => {
+		})), bs = x(() => {
 			let e = Math.max(0, Y.value?.width || 0);
 			return H.value.chart.grid.position === "middle" ? da(e, Math.max(1, Z.value), 1) : da(e, Math.max(1, Z.value - 1), 0);
-		}), bs = x(() => H.value.chart.grid.position === "middle" ? ys.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : ys.value);
-		function xs(e) {
-			let t = Y.value?.left || 0;
-			return H.value.chart.grid.position === "middle" ? t + ys.value / 2 + ys.value * e : t + ys.value * e;
-		}
+		}), xs = x(() => H.value.chart.grid.position === "middle" ? bs.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : bs.value);
 		function Ss(e) {
 			let t = Y.value?.left || 0;
-			return H.value.chart.grid.position === "middle" ? t + ys.value * e : Z.value <= 1 ? t : t + ys.value * e - ys.value / 2;
+			return H.value.chart.grid.position === "middle" ? t + bs.value / 2 + bs.value * e : t + bs.value * e;
 		}
 		function Cs(e) {
-			return Math.max(Y.value?.left || 0, Ss(e));
+			let t = Y.value?.left || 0;
+			return H.value.chart.grid.position === "middle" ? t + bs.value * e : Z.value <= 1 ? t : t + bs.value * e - bs.value / 2;
 		}
 		function ws(e) {
-			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Ss(e), i = r + bs.value;
-			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
+			return Math.max(Y.value?.left || 0, Cs(e));
 		}
 		function Ts(e) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Cs(e), i = r + xs.value;
+			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
+		}
+		function Es(e) {
 			let t = Y.value?.left || 0, n = Y.value?.right || 0;
 			for (let r = 0; r < Z.value; r += 1) {
-				let i = Math.max(t, Ss(r)), a = Math.min(n, Ss(r) + bs.value);
+				let i = Math.max(t, Cs(r)), a = Math.min(n, Cs(r) + xs.value);
 				if (e >= i && e <= a) return r;
 			}
 			return null;
 		}
-		function Es(e) {
-			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Ss(e), i = r + bs.value;
+		function Ds(e) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Cs(e), i = r + xs.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
-		function Ds(e) {
-			return Math.max(1e-5, bs.value * e);
+		function Os(e) {
+			return Math.max(1e-5, xs.value * e);
 		}
-		let Os = x(() => g(Xa.value.filter((e) => !I.value.includes(e.id))));
-		function ks(e, t) {
+		let ks = x(() => g(Xa.value.filter((e) => !I.value.includes(e.id))));
+		function As(e, t) {
 			let n = Object.create(null);
 			for (let r = 0; r < e.length; r += 1) {
 				let i = e[r], a = String(t(i));
@@ -1359,7 +1362,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			return n;
 		}
 		let Q = x(() => {
-			let e = ks(Os.value, (e) => e.scaleLabel), t = {};
+			let e = As(ks.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = r.flatMap((e) => e.absoluteValues);
 				t[n] = {
@@ -1369,19 +1372,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				};
 			}
 			return t;
-		}), As = x(() => {
+		}), js = x(() => {
 			let e = Ya.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length;
-			return Y.value.width / Z.value / e - js.value * e;
-		}), js = x(() => Ko.value.line * H.value.bar.periodGap), Ms = x(() => Math.max(1e-5, qo() - (U.value.useIndividualScale && U.value.isStacked ? 0 : js.value))), Ns = x(() => Ms.value * Math.min(Math.abs(H.value.bar.innerGap), .95)), Ps = x(() => {
+			return Y.value.width / Z.value / e - Ms.value * e;
+		}), Ms = x(() => Ko.value.line * H.value.bar.periodGap), Ns = x(() => Math.max(1e-5, qo() - (U.value.useIndividualScale && U.value.isStacked ? 0 : Ms.value))), Ps = x(() => Ns.value * Math.min(Math.abs(H.value.bar.innerGap), .95)), Fs = x(() => {
 			if (!H.value.chart.zoom.minimap.show) return [];
-			let e = gs.value.filter((e) => !I.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
+			let e = _s.value.filter((e) => !I.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
 			for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
 			let r = Math.min(...n);
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), Fs = x(() => H.value.chart.zoom.minimap.show ? gs.value.map((e) => ({
+		}), Is = x(() => H.value.chart.zoom.minimap.show ? _s.value.map((e) => ({
 			...e,
 			isVisible: !I.value.includes(e.id)
-		})) : []), Is = x(() => Za.value.map((e) => ({
+		})) : []), Ls = x(() => Za.value.map((e) => ({
 			slotAbsoluteIndex: e.slotAbsoluteIndex,
 			shape: e.shape || e.type === "bar" ? "square" : "circle",
 			name: e.name,
@@ -1391,12 +1394,12 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			comments: e.comments || [],
 			prefix: e.prefix || H.value.chart.labels.prefix,
 			suffix: e.suffix || H.value.chart.labels.suffix
-		}))), Ls = x(() => q.value.ticks.map((e) => ({
+		}))), Rs = x(() => q.value.ticks.map((e) => ({
 			y: e >= 0 ? Vo.value - Y.value.height * Bo(e) : Vo.value + Y.value.height * Bo(Math.abs(e)),
 			value: e,
 			prefix: H.value.chart.labels.prefix,
 			suffix: H.value.chart.labels.suffix
-		}))), Rs = x(() => {
+		}))), zs = x(() => {
 			let e = H.value.chart.annotations;
 			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
 			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
@@ -1440,11 +1443,11 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				};
 			});
 		});
-		function zs(e, t) {
+		function Bs(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 Ro(e[t].value) && i && H.value.line.cutNullValues;
 		}
-		function Bs({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
+		function Vs({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
 			let c = e.scaleSteps || H.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !H.value.chart.grid.labels.yAxis.useNiceScale ? ue : de, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, d = u(o.min, ee, c), f = u(i, te, c), p = d.min >= 0 ? 0 : Math.abs(d.min), m = d.max + Math.abs(p), ne = f.max + 0, re = e.stackIndex, ie = t - 1 - re, ae = U.value.isStacked ? 1 - e.cumulatedStackRatio : 0, oe = U.value.isStacked ? r * ae + n * ie : 0, h = U.value.isStacked ? r * e.stackRatio : Y.value.height;
 			return {
 				scaleSteps: c,
@@ -1460,8 +1463,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				autoScaleZeroPosition: Y.value?.bottom - oe - h * 0 / ne
 			};
 		}
-		let Vs = x(() => {
-			let e = Os.value.filter((e) => [
+		let Hs = x(() => {
+			let e = ks.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
@@ -1475,7 +1478,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				}, c = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || Math.min(...e.absoluteValues.filter((e) => ![void 0, null].includes(e))) > 0 ? 0 : Math.min(...e.absoluteValues.filter((e) => ![null, void 0].includes(e)))
-				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: te, autoScaleMax: d, yOffset: f, individualHeight: p, zeroPosition: m, autoScaleZeroPosition: ne } = Bs({
+				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: te, autoScaleMax: d, yOffset: f, individualHeight: p, zeroPosition: m, autoScaleZeroPosition: ne } = Vs({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1484,7 +1487,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					autoScaleValueMax: s.valueMax,
 					individualExtremes: c
 				}), re = Xa.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length, ie = e.series.map((t, n) => {
-					let i = U.value.useIndividualScale ? (e.absoluteValues[n] + ee) / te : Bo(t), a = U.value.useIndividualScale && U.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + Ko.value.bar * r + Ko.value.bar * n * re - As.value / 2 - r * js.value;
+					let i = U.value.useIndividualScale ? (e.absoluteValues[n] + ee) / te : Bo(t), a = U.value.useIndividualScale && U.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + Ko.value.bar * r + Ko.value.bar * n * re - js.value / 2 - r * Ms.value;
 					return {
 						yOffset: y(f),
 						individualHeight: y(p),
@@ -1523,7 +1526,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						datapoint: e
 					};
 				});
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : h, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : m, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : te, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = Os.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : h, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : m, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : te, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = ks.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: f,
 					autoScaleYLabels: se,
@@ -1537,7 +1540,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				};
 			});
 		}), $ = x(() => {
-			let e = Os.value.filter((e) => [
+			let e = ks.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
@@ -1551,7 +1554,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				}, ee = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
-				}, { individualScale: d, autoScaleSteps: p, individualZero: m, individualMax: re, autoScaleMax: ie, yOffset: ae, individualHeight: h, zeroPosition: se, autoScaleZeroPosition: ce } = Bs({
+				}, { individualScale: d, autoScaleSteps: p, individualZero: m, individualMax: re, autoScaleMax: ie, yOffset: ae, individualHeight: h, zeroPosition: se, autoScaleZeroPosition: ce } = Vs({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1562,18 +1565,18 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				}), g = e.series.map((t, n) => {
 					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(m)) / re : Bo(t);
 					return {
-						x: y(xs(n)),
+						x: y(Ss(n)),
 						y: y(Y.value?.bottom - ae - h * r),
 						value: e.absoluteValues[n],
 						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
 				}), le = e.absoluteValues.map((e) => p.min >= 0 ? (e - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (e + Math.abs(p.min)) / (p.max + Math.abs(p.min))), _ = e.series.map((t, n) => [void 0, null].includes(e.absoluteValues[n]) ? {
-					x: y(xs(n)),
+					x: y(Ss(n)),
 					y: se,
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 				} : {
-					x: y(xs(n)),
+					x: y(Ss(n)),
 					y: y(Y.value?.bottom - ae - (h * le[n] || 0)),
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
@@ -1593,7 +1596,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						datapoint: e
 					};
 				});
-				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? xe : be, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ce : se, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ie : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = ae, Q.value[e.scaleLabel].individualHeight = h, Q.value[e.scaleLabel].autoScaleYLabels = xe, Q.value[e.scaleLabel].unique = Os.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
+				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? xe : be, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ce : se, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ie : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = ae, Q.value[e.scaleLabel].individualHeight = h, Q.value[e.scaleLabel].autoScaleYLabels = xe, Q.value[e.scaleLabel].unique = ks.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
 				let Se = U.value.useIndividualScale ? e.autoScaling ? ce : se : Va.value, we = Math.max(Math.max(e.autoScaling ? ce : be.at(-1) ? be.at(-1).y : 0, Y.value?.top), Se), Ee = e.autoScaling ? _ : g, De = H.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null), Oe = e.absoluteValues.filter((e) => ![
 					null,
 					void 0,
@@ -1621,8 +1624,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), Hs = x(() => {
-			let e = Os.value.filter((e) => [
+		}), Us = x(() => {
+			let e = ks.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
@@ -1636,7 +1639,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				}, s = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues)
-				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: te, yOffset: d, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: m } = Bs({
+				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: te, yOffset: d, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: m } = Vs({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1648,13 +1651,13 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				}), ne = e.series.map((t, n) => {
 					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Bo(t);
 					return {
-						x: y(xs(n)),
+						x: y(Ss(n)),
 						y: y(Y.value?.bottom - d - f * r),
 						value: e.absoluteValues[n],
 						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
 				}), re = e.absoluteValues.map((e) => l.min >= 0 ? (e - Math.abs(l.min)) / (l.max - Math.abs(l.min)) : (e + Math.abs(l.min)) / (l.max + Math.abs(l.min))), ie = e.series.map((t, n) => ({
-					x: y(xs(n)),
+					x: y(Ss(n)),
 					y: y(Y.value?.bottom - d - (f * re[n] || 0)),
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
@@ -1674,7 +1677,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						datapoint: e
 					};
 				});
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? oe : ae, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? m : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = d, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = oe, Q.value[e.scaleLabel].unique = Os.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? oe : ae, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? m : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = d, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = oe, Q.value[e.scaleLabel].unique = ks.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: d,
 					autoScaleYLabels: oe,
@@ -1687,7 +1690,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), Us = x(() => {
+		}), Ws = x(() => {
 			let e = $.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -1700,7 +1703,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || Y.value.height,
 				autoScaleYLabels: e.autoScaleYLabels
-			})), t = Vs.value.map((e) => ({
+			})), t = Hs.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -1711,7 +1714,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				id: e.id,
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || Y.value.height
-			})), n = Hs.value.map((e) => ({
+			})), n = Us.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -1748,7 +1751,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					}))
 				};
 			});
-		}), Ws = x(() => {
+		}), Gs = x(() => {
 			let e = H.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -1774,69 +1777,69 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					});
 				});
 			}), r;
-		}), Gs = x(() => ({
+		}), Ks = x(() => ({
 			timeLabel: X.value[B.value],
-			datapoint: Is.value,
+			datapoint: Ls.value,
 			seriesIndex: B.value,
 			series: Xa.value,
-			bars: Vs.value,
+			bars: Hs.value,
 			lines: $.value,
-			plots: Hs.value,
+			plots: Us.value,
 			config: H.value
-		})), Ks = O({
+		})), qs = O({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), qs = 0;
+		}), Js = 0;
 		ht(() => {
-			let e = ++qs, t = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+			let e = ++Js, t = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
 				let n = await ke(t.locale).catch(() => ke("en"));
-				e === qs && (Ks.value = n.data);
+				e === Js && (qs.value = n.data);
 			})();
 		});
-		let Js = x(() => {
+		let Ys = x(() => {
 			let e = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Oe({
 				useUTC: e.useUTC,
-				locale: Ks.value,
+				locale: qs.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
 				let r = H.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Ys = x(() => (H.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
-			text: Js.value(t, H.value.chart.zoom.timeFormat),
+		}), Xs = x(() => (H.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+			text: Ys.value(t, H.value.chart.zoom.timeFormat),
 			absoluteIndex: t
-		}))), Xs = x(() => {
-			let e = "", t = Is.value.map((e) => e.value).filter((e) => _e(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = X.value[B.value], i = H.value.chart.tooltip.customFormat;
+		}))), Zs = x(() => {
+			let e = "", t = Ls.value.map((e) => e.value).filter((e) => _e(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = X.value[B.value], i = H.value.chart.tooltip.customFormat;
 			if (be(i) && ye(() => i({
 				absoluteIndex: B.value + K.value.start,
 				seriesIndex: B.value,
-				datapoint: Is.value,
+				datapoint: Ls.value,
 				series: Xa.value,
-				bars: Vs.value,
+				bars: Hs.value,
 				lines: $.value,
-				plots: Hs.value,
+				plots: Us.value,
 				config: H.value,
 				dateLabel: n
 			}))) return i({
 				absoluteIndex: B.value + K.value.start,
 				seriesIndex: B.value,
-				datapoint: Is.value,
+				datapoint: Ls.value,
 				series: Xa.value,
-				bars: Vs.value,
+				bars: Hs.value,
 				lines: $.value,
-				plots: Hs.value,
+				plots: Us.value,
 				config: H.value,
 				dateLabel: n
 			});
 			if (n && n.text && H.value.chart.tooltip.showTimeLabel) {
-				let t = Js.value(B.value + K.value.start, H.value.chart.tooltip.timeFormat);
+				let t = Ys.value(B.value + K.value.start, H.value.chart.tooltip.timeFormat);
 				e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${H.value.chart.tooltip.borderColor}; width:100%">${H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`;
 			}
-			return Is.value.forEach((n) => {
+			return Ls.value.forEach((n) => {
 				if (_e(n.value)) {
 					let i = "", o = "";
 					switch (Pi.value[n.type]) {
@@ -1995,7 +1998,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					})})` : ""}</div>`, H.value.chart.comments.showInTooltip && n.comments.length && n.comments.slice(K.value.start, K.value.end)[B.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${n.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${n.color}">${n.comments.slice(K.value.start, K.value.end)[B.value]}</div>`);
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${H.value.chart.tooltip.color}">${e}</div>`;
-		}), Zs = x(() => {
+		}), Qs = x(() => {
 			if (Ya.value.length === 0) return {
 				head: [],
 				body: [],
@@ -2008,7 +2011,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				type: e.type
 			})), t = [];
 			return X.value.forEach((e, n) => {
-				let r = H.value.table.useDefaultTimeFormat ? [e.text] : [Js.value(n + K.value.start, H.value.table.timeFormat)];
+				let r = H.value.table.useDefaultTimeFormat ? [e.text] : [Ys.value(n + K.value.start, H.value.table.timeFormat)];
 				Za.value.forEach((e) => {
 					r.push(Ro(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(H.value.table.rounding)) : "");
 				}), t.push(r);
@@ -2016,13 +2019,13 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				head: e,
 				body: t
 			};
-		}), Qs = x(() => {
+		}), $s = x(() => {
 			let e = H.value.table.showSum, t = [""].concat(Za.value.map((e) => e.name));
 			e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
 			let n = [];
 			for (let t = 0; t < Z.value; t += 1) {
 				let r = Za.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
-				n.push([H.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : Js.value(t + K.value.start, H.value.table.timeFormat)].concat(Za.value.map((e) => fe(e.type === "line" ? H.value.line.labels.formatter : e.type === "bar" ? H.value.bar.labels.formatter : H.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, a({
+				n.push([H.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : Ys.value(t + K.value.start, H.value.table.timeFormat)].concat(Za.value.map((e) => fe(e.type === "line" ? H.value.line.labels.formatter : e.type === "bar" ? H.value.bar.labels.formatter : H.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, a({
 					p: e.prefix || H.value.chart.labels.prefix,
 					v: e.absoluteValues[t] ?? 0,
 					s: e.suffix || H.value.chart.labels.suffix,
@@ -2049,18 +2052,18 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				colNames: i
 			};
 		});
-		function $s(e = null) {
+		function ec(e = null) {
 			let t = [
 				[H.value.chart.title.text],
 				[H.value.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...Zs.value.head.map((e) => e.label)], r = Zs.value.body, i = ie(t.concat([n]).concat(r));
+			], n = ["", ...Qs.value.head.map((e) => e.label)], r = Qs.value.body, i = ie(t.concat([n]).concat(r));
 			e ? e(i) : l({
 				csvContent: i,
 				title: H.value.chart.title.text || "vue-ui-xy"
 			});
 		}
-		function ec(e, t = null) {
+		function tc(e, t = null) {
 			if (Qa.value) return;
 			Li.value = e;
 			let n = Za.value.map((e) => ({
@@ -2081,19 +2084,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				seriesIndex: t + K.value.start
 			}));
 		}
-		function tc() {
+		function nc() {
 			U.value.showTable = !U.value.showTable;
 		}
-		function nc() {
+		function rc() {
 			U.value.dataLabels.show = !U.value.dataLabels.show;
 		}
-		function rc() {
+		function ic() {
 			U.value.showTooltip = !U.value.showTooltip;
 		}
-		function ic(e) {
+		function ac(e) {
 			Ii.value = e, zi.value += 1;
 		}
-		function ac() {
+		function oc() {
 			if (!H.value.responsiveProportionalSizing) {
 				V.value.dataLabels = H.value.chart.grid.labels.fontSize, V.value.yAxis = H.value.chart.grid.labels.axis.fontSize, V.value.xAxis = H.value.chart.grid.labels.xAxisLabels.fontSize, V.value.plotLabels = H.value.chart.labels.fontSize, ha.value.plot = H.value.plot.radius, ha.value.line = H.value.line.radius;
 				return;
@@ -2136,7 +2139,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				fallback: 1
 			});
 		}
-		function oc() {
+		function sc() {
 			if (ae(N.dataset) ? (se({
 				componentName: "VueUiXy",
 				type: "dataset",
@@ -2165,26 +2168,26 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				let l = 0;
 				yi.value && (l = yi.value.getBoundingClientRect().height);
 				let u = 0;
-				bi.value && (u = bi.value.getBoundingClientRect().height), ji.value = t - i - c - o - l - u - 12, F.value = n, Mi.value = `0 0 ${F.value < 0 ? 10 : F.value} ${ji.value < 0 ? 10 : ji.value}`, ac();
+				bi.value && (u = bi.value.getBoundingClientRect().height), ji.value = t - i - c - o - l - u - 12, F.value = n, Mi.value = `0 0 ${F.value < 0 ? 10 : F.value} ${ji.value < 0 ? 10 : ji.value}`, oc();
 				let ee = new ResizeObserver((e) => {
 					for (let t of e) i = H.value.chart.title.show && gi.value ? gi.value.getBoundingClientRect().height : 0, o = _i.value && _i.value.$el ? _i.value.$el.getBoundingClientRect().height : 0, c = vi.value ? vi.value.getBoundingClientRect().height : 0, l = yi.value ? yi.value.getBoundingClientRect().height : 0, u = bi.value ? bi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
-						ji.value = t.contentRect.height - i - c - o - l - u - 12, F.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Mi.value = `0 0 ${F.value < 0 ? 10 : F.value} ${ji.value < 0 ? 10 : ji.value}`, ac(), oa(), ca();
+						ji.value = t.contentRect.height - i - c - o - l - u - 12, F.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Mi.value = `0 0 ${F.value < 0 ? 10 : F.value} ${ji.value < 0 ? 10 : ji.value}`, oc(), oa(), ca();
 					});
 				});
 				Di.value = ee, Oi.value = e, ee.observe(e);
 			} else ji.value = H.value.chart.height, F.value = H.value.chart.width, V.value.dataLabels = H.value.chart.grid.labels.fontSize, V.value.yAxis = H.value.chart.grid.labels.axis.fontSize, V.value.xAxis = H.value.chart.grid.labels.xAxisLabels.fontSize, V.value.plotLabels = H.value.chart.labels.fontSize, ha.value.plot = H.value.plot.radius, ha.value.line = H.value.line.radius, Mi.value = `0 0 ${F.value} ${ji.value}`;
 			oa(), ca();
 		}
-		function sc(e) {
+		function cc(e) {
 			Ni.value = {
 				x: e.clientX,
 				y: e.clientY
 			};
 		}
 		st(() => {
-			oc(), No(), document.addEventListener("mousemove", sc, { passive: !0 }), document.addEventListener("scroll", uo, { passive: !0 });
+			sc(), No(), document.addEventListener("mousemove", cc, { passive: !0 }), document.addEventListener("scroll", uo, { passive: !0 });
 		}), ot(() => {
-			document.removeEventListener("scroll", uo, { passive: !0 }), document.removeEventListener("mousemove", sc, { passive: !0 }), Di.value &&= (Di.value.unobserve(Oi.value), Di.value.disconnect(), null);
+			document.removeEventListener("scroll", uo, { passive: !0 }), document.removeEventListener("mousemove", cc, { passive: !0 }), Di.value &&= (Di.value.unobserve(Oi.value), Di.value.disconnect(), null);
 		}), ze({
 			timeLabelsEls: wi,
 			timeLabels: X,
@@ -2210,25 +2213,25 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			width: F,
 			rotation: H.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let cc = O(!1), lc = O(null), uc = O(200), dc = x(() => B.value ?? R.value ?? 0);
-		function fc() {
-			let e = Math.ceil(uc.value || 200);
+		let lc = O(!1), uc = O(null), dc = O(200), fc = x(() => B.value ?? R.value ?? 0);
+		function pc() {
+			let e = Math.ceil(dc.value || 200);
 			return Math.min(Math.max(e, 1), 200);
 		}
-		function pc() {
-			let e = fc(), t = xs(dc.value) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
+		function mc() {
+			let e = pc(), t = Ss(fc.value) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
 			return y(Math.max(n, Math.min(t, r)));
 		}
 		st(() => {
 			let e = null, t = null, n = (e) => {
 				cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-					uc.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
+					dc.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
 				});
 			}, r = new ResizeObserver((t) => {
 				let r = t.find((t) => t.target === e) || t[0];
 				r && n(r.contentRect.width || 200);
 			}), i = ht((t) => {
-				let i = lc.value;
+				let i = uc.value;
 				e && e !== i && (r.unobserve(e), e = null), i && i !== e && (rt(() => {
 					i.offsetParent !== null && n(i.offsetWidth || i.getBoundingClientRect().width || 200);
 				}), r.observe(i), e = i), t(() => {
@@ -2241,26 +2244,26 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				} catch {}
 			});
 		});
-		let mc = x(() => {
+		let hc = x(() => {
 			if ([null, void 0].includes(B.value) && [null, void 0].includes(R.value)) return "";
 			let e = (B.value == null ? 0 : B.value) || (R.value == null ? 0 : R.value), t = H.value.chart.timeTag.customFormat;
-			if (cc.value = !1, be(t)) try {
+			if (lc.value = !1, be(t)) try {
 				let n = t({
 					absoluteIndex: e + K.value.start,
 					seriesIndex: e,
-					datapoint: Is.value,
-					bars: Vs.value,
+					datapoint: Ls.value,
+					bars: Hs.value,
 					lines: $.value,
-					plots: Hs.value,
+					plots: Us.value,
 					config: H.value
 				});
-				if (typeof n == "string") return cc.value = !0, n;
+				if (typeof n == "string") return lc.value = !0, n;
 			} catch {
-				console.warn("Custom format cannot be applied on timeTag."), cc.value = !1;
+				console.warn("Custom format cannot be applied on timeTag."), lc.value = !1;
 			}
-			if (!cc.value) return [null, void 0].includes(X.value[e]) ? "" : H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.timeTag.useDefaultFormat ? Js.value(e + K.value.start, H.value.chart.timeTag.timeFormat) : X.value[e].text;
+			if (!lc.value) return [null, void 0].includes(X.value[e]) ? "" : H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.timeTag.useDefaultFormat ? Ys.value(e + K.value.start, H.value.chart.timeTag.timeFormat) : X.value[e].text;
 		});
-		function hc({ serie: e, plot: t, type: r }) {
+		function gc({ serie: e, plot: t, type: r }) {
 			return Ro(t.value) ? n({
 				content: fe(H.value[r].labels.formatter, t.value, a({
 					p: e.prefix || H.value.chart.labels.prefix,
@@ -2277,21 +2280,21 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				y: 0
 			}) : "";
 		}
-		function gc({ plot: e }) {
+		function _c({ plot: e }) {
 			let t = H.value.bar.labels.offsetY, n = Math.abs(Go(e)), r = e.value < 0, i = {
-				x: (U.value.useIndividualScale && U.value.isStacked ? e.x + Ko.value.line / 2 : Jo(e) + qo() / 2 - js.value / 2) + H.value.bar.labels.offsetX,
+				x: (U.value.useIndividualScale && U.value.isStacked ? e.x + Ko.value.line / 2 : Jo(e) + qo() / 2 - Ms.value / 2) + H.value.bar.labels.offsetX,
 				y: y(e.y) + (H.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
 			};
 			return `translate(${i.x}, ${i.y}) rotate(${H.value.bar.labels.rotation})`;
 		}
-		function _c({ plot: e, type: t }) {
+		function vc({ plot: e, type: t }) {
 			let n = H.value[t].labels.offsetY, r = {
 				x: e.x + H.value[t].labels.offsetX,
 				y: y(e.y) + (H.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
 			};
 			return `translate(${r.x}, ${r.y}) rotate(${H.value[t].labels.rotation})`;
 		}
-		function vc({ plot: e, type: t }) {
+		function yc({ plot: e, type: t }) {
 			if (H.value[t].labels.textAnchor != null) return H.value[t].labels.textAnchor;
 			let n = e.value >= 0;
 			return H.value[t].labels.rotation === 0 ? "middle" : H.value[t].labels.alwaysOnTop || n ? "start" : "end";
@@ -2318,28 +2321,28 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			};
 			ki.value += 1, Ui.value += 1, oa(), ca(), Ma();
 		}, { deep: !0 }), mt(() => N.config, (e) => {
-			wa.value || (H.value = ga()), oc(), Vi.value += 1, Bi.value += 1, ba(), oa(), ca(), H.value.chart.zoom.keepState && (G.value = Math.max(0, ...W.value.map((e) => Oa(e.series).length)), G.value > 0 && (!ko.value || K.value.start === 0 && K.value.end === 0) && No()), Ma();
+			wa.value || (H.value = ga()), sc(), Vi.value += 1, Bi.value += 1, ba(), oa(), ca(), H.value.chart.zoom.keepState && (G.value = Math.max(0, ...W.value.map((e) => Oa(e.series).length)), G.value > 0 && (!ko.value || K.value.start === 0 && K.value.end === 0) && No()), Ma();
 		}, { deep: !0 });
-		let yc = O(!1);
-		function bc() {
+		let bc = O(!1);
+		function xc() {
 			let e = hi.value?.parentNode;
 			if (!e) {
-				yc.value = !1;
+				bc.value = !1;
 				return;
 			}
 			let t = e.getBoundingClientRect();
-			yc.value = t.width > 2 && t.height > 2;
+			bc.value = t.width > 2 && t.height > 2;
 		}
 		st(() => {
-			bc();
+			xc();
 			let e = new ResizeObserver(() => {
-				bc(), yc.value && (oc(), Ma(), H.value.chart.zoom.keepState || No());
+				xc(), bc.value && (sc(), Ma(), H.value.chart.zoom.keepState || No());
 			});
 			hi.value?.parentNode && e.observe(hi.value.parentNode);
 		}), mt(H, () => {
 			ba();
 		}, { immediate: !0 });
-		let xc = x(() => {
+		let Sc = x(() => {
 			let e = H.value.table.useDialog && !H.value.showTable, t = U.value.showTable;
 			return {
 				component: e ? ci : Ke,
@@ -2372,37 +2375,37 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		mt(() => U.value.showTable, (e) => {
 			H.value.showTable || (e && H.value.table.useDialog && Xi.value ? Xi.value.open() : Xi.value && Xi.value.close && Xi.value.close());
 		});
-		function Sc() {
+		function Cc() {
 			U.value.showTable = !1, Ei.value && Ei.value.setTableIconState(!1);
 		}
-		let Cc = x(() => Xa.value.map((e) => ({
+		let wc = x(() => Xa.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), wc = x(() => H.value.chart.backgroundColor), Tc = x(() => H.value.chart.legend), { exportSvg: Ec, getSvg: Dc } = Fe({
+		}))), Tc = x(() => H.value.chart.backgroundColor), Ec = x(() => H.value.chart.legend), { exportSvg: Dc, getSvg: Oc } = Fe({
 			svg: z,
 			title: x(() => H.value.chart.title),
-			legend: Tc,
-			legendItems: Cc,
-			backgroundColor: wc
+			legend: Ec,
+			legendItems: wc,
+			backgroundColor: Tc
 		});
-		async function Oc({ isCb: e }) {
+		async function kc({ isCb: e }) {
 			Qi.value = !0, await rt();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Dc();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Oc();
 					await Promise.resolve(H.value.chart.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Ec());
+				} else await Promise.resolve(Dc());
 			} finally {
 				Qi.value = !1;
 			}
 		}
-		function kc(e) {
+		function Ac(e) {
 			if (e?.stage === "start") {
 				Zi.value = !0;
 				return;
@@ -2413,7 +2416,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			}
 			La();
 		}
-		async function Ac() {
+		async function jc() {
 			if (li("copyAlt", {
 				config: {
 					...H.value,
@@ -2421,8 +2424,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				},
 				dataset: {
 					lines: $.value,
-					bars: Vs.value,
-					plots: Hs.value
+					bars: Hs.value,
+					plots: Us.value
 				}
 			}), !H.value.chart.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
@@ -2435,19 +2438,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				},
 				dataset: {
 					lines: $.value,
-					bars: Vs.value,
-					plots: Hs.value
+					bars: Hs.value,
+					plots: Us.value
 				}
 			}));
 		}
-		let jc = O(!1);
-		function Mc() {
-			K.value.end > K.value.start && ($i.value = null), po.value = !0, jc.value = !0;
-		}
+		let Mc = O(!1);
 		function Nc() {
-			$i.value = null, ts(), jc.value = !1, po.value = !1;
+			K.value.end > K.value.start && ($i.value = null), po.value = !0, Mc.value = !0;
+		}
+		function Pc() {
+			$i.value = null, ts(), Mc.value = !1, po.value = !1;
 		}
-		function Pc(e) {
+		function Fc(e) {
 			if (!z.value || Fi.value || document.activeElement !== z.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n || !K.value.end && K.value.end !== 0) return;
@@ -2455,19 +2458,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			if (r <= 0) return;
 			e.preventDefault(), e.stopPropagation();
 			let i = $i.value, a = Zo.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, $i.value = i, Fc(i), ec(!0, i);
+			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, $i.value = i, Ic(i), tc(!0, i);
 		}
-		function Fc(e) {
+		function Ic(e) {
 			let t = K.value.end - K.value.start;
 			if (t <= 0) return;
 			let n = Y.value.width / t, r = c(Y.value.left + n * e + n / 2, Y.value.top + Y.value.height / 2, z.value);
 			r && (ea.value = r);
 		}
-		let Ic = x(() => {
-			if (!Qs.value) return null;
+		let Lc = x(() => {
+			if (!$s.value) return null;
 			let e = H.value.table.showSum, t = [H.value.table.columnNames.period].concat(Za.value.map((e) => e.name));
 			e && (t = t.concat(H.value.table.columnNames.total));
-			let n = Qs.value.body.slice(K.value.start, K.value.end);
+			let n = $s.value.body.slice(K.value.start, K.value.end);
 			return {
 				headers: t,
 				rows: n
@@ -2478,17 +2481,17 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			getImage: as,
 			generatePdf: Ia,
 			generateImage: La,
-			generateSvg: Oc,
-			generateCsv: $s,
-			hideSeries: ds,
-			showSeries: us,
+			generateSvg: kc,
+			generateCsv: ec,
+			hideSeries: fs,
+			showSeries: ds,
 			toggleStack: wo,
-			toggleTable: tc,
-			toggleLabels: nc,
-			toggleTooltip: rc,
+			toggleTable: nc,
+			toggleLabels: rc,
+			toggleTooltip: ic,
 			toggleAnnotator: ho,
-			toggleFullscreen: ic,
-			copyAlt: Ac,
+			toggleFullscreen: ac,
+			copyAlt: jc,
 			resetZoom: Lo
 		}), (r, i) => (D(), C("div", {
 			id: `vue-ui-xy_${L.value}`,
@@ -2504,11 +2507,11 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				id: `chart-instructions-${L.value}`,
 				class: "sr-only"
 			}, [w("p", null, ut(H.value.a11y.translations.keyboardNavigation), 1)], 8, yt),
-			Ic.value?.rows?.length ? (D(), Xe(Je, {
+			Lc.value?.rows?.length ? (D(), Xe(Je, {
 				key: 0,
 				uid: L.value,
-				head: Ic.value.headers,
-				body: Ic.value.rows,
+				head: Lc.value.headers,
+				body: Lc.value.rows,
 				notice: H.value.a11y.translations.tableAvailable,
 				caption: H.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -2541,7 +2544,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"active",
 				"isCursorPointer"
 			])) : S("", !0),
-			ms.value ? (D(), C("div", {
+			hs.value ? (D(), C("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: bi,
@@ -2599,17 +2602,17 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				tableDialog: H.value.table.useDialog,
 				printScale: H.value.chart.userOptions.print.scale,
 				isCursorPointer: ya.value,
-				onToggleFullscreen: ic,
+				onToggleFullscreen: ac,
 				onGeneratePdf: j(Ia),
-				onGenerateCsv: $s,
-				onGenerateImage: kc,
-				onGenerateSvg: Oc,
-				onToggleTable: tc,
-				onToggleLabels: nc,
+				onGenerateCsv: ec,
+				onGenerateImage: Ac,
+				onGenerateSvg: kc,
+				onToggleTable: nc,
+				onToggleLabels: rc,
 				onToggleStack: wo,
-				onToggleTooltip: rc,
+				onToggleTooltip: ic,
 				onToggleAnnotator: ho,
-				onCopyAlt: Ac,
+				onCopyAlt: jc,
 				style: E({ visibility: Gi.value ? Ki.value ? "visible" : "hidden" : "visible" })
 			}, Ze({ _: 2 }, [
 				r.$slots.menuIcon ? {
@@ -2707,7 +2710,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					color: H.value.chart.color,
 					fontFamily: H.value.chart.fontFamily
 				}),
-				"aria-label": fs.value,
+				"aria-label": ps.value,
 				"aria-describedby": `chart-instructions-${L.value}`,
 				"aria-live": "polite",
 				role: "img",
@@ -2716,9 +2719,9 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				onMousemove: es,
 				onMouseleave: ts,
 				onClick: ns,
-				onFocus: Mc,
-				onBlur: Nc,
-				onKeydown: Pc
+				onFocus: Nc,
+				onBlur: Pc,
+				onKeydown: Fc
 			}, [w("g", {
 				ref_key: "G",
 				ref: xi,
@@ -2746,7 +2749,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, Et)) : S("", !0),
-						U.value.useIndividualScale ? H.value.chart.grid.showHorizontalLines ? (D(!0), C(b, { key: 2 }, k(Us.value, (e) => (D(), C("g", null, [e.id === P.value && e.yLabels.length ? (D(!0), C(b, { key: 0 }, k(e.yLabels, (t) => (D(), C("line", {
+						U.value.useIndividualScale ? H.value.chart.grid.showHorizontalLines ? (D(!0), C(b, { key: 2 }, k(Ws.value, (e) => (D(), C("g", null, [e.id === P.value && e.yLabels.length ? (D(!0), C(b, { key: 0 }, k(e.yLabels, (t) => (D(), C("line", {
 							x1: Y.value?.left,
 							x2: Y.value?.right,
 							y1: j(v)(t.y),
@@ -2775,7 +2778,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							y2: j(v)(Y.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Dt)) : S("", !0), H.value.chart.grid.showHorizontalLines ? (D(), C("g", Ot, [(D(!0), C(b, null, k(Ls.value, (e) => (D(), C("line", {
+						}, null, 8, Dt)) : S("", !0), H.value.chart.grid.showHorizontalLines ? (D(), C("g", Ot, [(D(!0), C(b, null, k(Rs.value, (e) => (D(), C("line", {
 							x1: Y.value?.left,
 							x2: Y.value?.right,
 							y1: j(v)(e.y),
@@ -2800,7 +2803,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							style: { animation: "none !important" }
 						}, null, 8, Ft)])) : S("", !0)
 					]),
-					(D(!0), C(b, null, k(Vs.value, (e, t) => (D(), C("defs", { key: `def_rect_${t}` }, [r.$slots["bar-gradient"] ? A(r.$slots, "bar-gradient", nt({
+					(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C("defs", { key: `def_rect_${t}` }, [r.$slots["bar-gradient"] ? A(r.$slots, "bar-gradient", nt({
 						key: 0,
 						ref_for: !0
 					}, {
@@ -2842,7 +2845,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stop-color": e.color
 						}, null, 8, Ut)
 					], 8, Bt)], 64))]))), 128)),
-					(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C("defs", { key: `def_plot_${t}` }, [w("radialGradient", {
+					(D(!0), C(b, null, k(Us.value, (e, t) => (D(), C("defs", { key: `def_plot_${t}` }, [w("radialGradient", {
 						id: `plotGradient_${t}_${L.value}`,
 						cx: "50%",
 						cy: "50%",
@@ -2896,32 +2899,32 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						"stop-color": r,
 						offset: j(t)(i, e.temperatureColors.length)
 					}, null, 8, tn))), 128))], 8, en)])) : S("", !0)], 64))), 128)),
-					(D(!0), C(b, null, k(hs.value, (e) => (D(), C("g", null, [e.show ? (D(), C(b, { key: 0 }, [(D(!0), C(b, null, k(e.span, (t, n) => (D(), C("g", null, [w("rect", {
+					(D(!0), C(b, null, k(gs.value, (e) => (D(), C("g", null, [e.show ? (D(), C(b, { key: 0 }, [(D(!0), C(b, null, k(e.span, (t, n) => (D(), C("g", null, [w("rect", {
 						style: E({
 							transition: "none",
 							opacity: +(e.from + n >= K.value.start && e.from + n <= K.value.end - 1)
 						}),
-						x: Cs(e.from + n - K.value.start),
+						x: ws(e.from + n - K.value.start),
 						y: Y.value?.top,
 						height: Y.value.height < 0 ? 10 : Y.value.height,
-						width: ws(e.from + n - K.value.start),
+						width: Ts(e.from + n - K.value.start),
 						fill: j(me)(e.color, e.opacity)
 					}, null, 12, nn)]))), 256)), (D(!0), C(b, null, k(e.span, (t, n) => (D(), C("g", null, [e.caption.text && n === 0 ? (D(), C("foreignObject", {
 						key: 0,
-						x: Cs(e.from + n - K.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Ds(e.span) / 2),
+						x: ws(e.from + n - K.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Os(e.span) / 2),
 						y: Y.value?.top + e.caption.offsetY,
 						style: E({
 							overflow: "visible",
 							opacity: +(e.to >= K.value.start && e.from < K.value.end)
 						}),
 						height: "1",
-						width: e.caption.width === "auto" ? Ds(e.span) : e.caption.width
+						width: e.caption.width === "auto" ? Os(e.span) : e.caption.width
 					}, [w("div", { style: E(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, ut(e.caption.text), 5)], 12, rn)) : S("", !0)]))), 256))], 64)) : S("", !0)]))), 256)),
 					po.value ? (D(), C("g", an, [(D(!0), C(b, null, k(Z.value, (e, t) => (D(), C("g", { key: `tooltip_trap_highlighter_${t}` }, [w("rect", {
-						x: Cs(t),
+						x: ws(t),
 						y: Y.value?.top,
 						height: Y.value.height < 0 ? 10 : Y.value.height,
-						width: Es(t),
+						width: Ds(t),
 						fill: [
 							R.value,
 							B.value,
@@ -2932,17 +2935,17 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							animation: "none !important"
 						}
 					}, null, 8, on)]))), 128))])) : S("", !0),
-					Vs.value.length ? (D(!0), C(b, { key: 1 }, k(Vs.value, (e, t) => (D(), C("g", {
+					Hs.value.length ? (D(!0), C(b, { key: 1 }, k(Hs.value, (e, t) => (D(), C("g", {
 						key: `serie_bar_${e.id}`,
 						class: it(`serie_bar_${t}`),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [(D(!0), C(b, null, k(e.plots, (n, i) => (D(), C("g", { key: `bar_plot_${t}_${i}` }, [
 						Ro(n.value) ? (D(), C("rect", {
 							key: 0,
-							x: Jo(n) + Ns.value / 2,
+							x: Jo(n) + Ps.value / 2,
 							y: U.value.useIndividualScale ? Xo(n) : Yo(n),
 							height: U.value.useIndividualScale ? Math.abs(Go(n)) : Math.abs(Wo(n)),
-							width: Ms.value - Ns.value,
+							width: Ns.value - Ps.value,
 							rx: H.value.bar.borderRadius,
 							fill: H.value.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${t}_${L.value})` : `url(#rectGradient_neg_${t}_${L.value})` : e.color,
 							stroke: H.value.bar.border.useSerieColor ? e.color : H.value.bar.border.stroke,
@@ -2951,10 +2954,10 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						}, null, 12, sn)) : S("", !0),
 						Ro(n.value) && r.$slots.pattern ? (D(), C("rect", {
 							key: 1,
-							x: Jo(n) - Ns.value / 2,
+							x: Jo(n) - Ps.value / 2,
 							y: U.value.useIndividualScale ? Xo(n) : Yo(n),
 							height: U.value.useIndividualScale ? Math.abs(Go(n)) : Math.abs(Wo(n)),
-							width: Ms.value - Ns.value,
+							width: Ns.value - Ps.value,
 							rx: H.value.bar.borderRadius,
 							fill: `url(#pattern_${L.value}_${e.slotAbsoluteIndex})`,
 							stroke: H.value.bar.border.useSerieColor ? e.color : H.value.bar.border.stroke,
@@ -2965,7 +2968,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
-							width: Ms.value + H.value.chart.comments.width,
+							width: Ns.value + H.value.chart.comments.width,
 							x: Jo(n) - H.value.chart.comments.width / 2 + H.value.chart.comments.offsetX,
 							y: j(y)(n.y) + H.value.chart.comments.offsetY + 6
 						}, [A(r.$slots, "plot-comment", { plot: {
@@ -2987,8 +2990,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						style: { animation: "none !important" }
 					}, null, 8, un)) : S("", !0),
 					H.value.chart.highlighter.useLine && (![null, void 0].includes(B.value) || ![null, void 0].includes(R.value)) ? (D(), C("g", dn, [w("line", {
-						x1: xs((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
-						x2: xs((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
+						x1: Ss((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
+						x2: Ss((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
 						y1: j(v)(Y.value?.top),
 						y2: j(v)(Y.value?.bottom),
 						stroke: H.value.chart.highlighter.color,
@@ -3023,7 +3026,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						key: 5,
 						ref_key: "scaleLabels",
 						ref: Ti
-					}, [U.value.useIndividualScale ? (D(), C(b, { key: 0 }, [(D(!0), C(b, null, k(Us.value, (e) => (D(), C("g", null, [w("line", {
+					}, [U.value.useIndividualScale ? (D(), C(b, { key: 0 }, [(D(!0), C(b, null, k(Ws.value, (e) => (D(), C("g", null, [w("line", {
 						x1: U.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
 						x2: U.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
 						y1: U.value.isStacked ? j(v)(Y.value?.bottom - e.yOffset - e.individualHeight) : j(v)(Y.value?.top),
@@ -3032,7 +3035,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						"stroke-width": H.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, mn)]))), 256)), (D(!0), C(b, null, k(Us.value, (e) => (D(), C("g", { style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
+					}, null, 12, mn)]))), 256)), (D(!0), C(b, null, k(Ws.value, (e) => (D(), C("g", { style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
 						w("text", {
 							fill: e.color,
 							"font-size": V.value.dataLabels * .8,
@@ -3064,7 +3067,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, _n))), 256))
-					], 4))), 256))], 64)) : (D(!0), C(b, { key: 1 }, k(Ls.value, (e, t) => (D(), C("g", { key: `yLabel_${t}` }, [Ro(e) && e.value >= q.value.min && e.value <= q.value.max && H.value.chart.grid.labels.yAxis.showCrosshairs ? (D(), C("line", {
+					], 4))), 256))], 64)) : (D(!0), C(b, { key: 1 }, k(Rs.value, (e, t) => (D(), C("g", { key: `yLabel_${t}` }, [Ro(e) && e.value >= q.value.min && e.value <= q.value.max && H.value.chart.grid.labels.yAxis.showCrosshairs ? (D(), C("line", {
 						key: 0,
 						x1: J.value ? Y.value?.right : Y.value?.left,
 						x2: J.value ? Y.value?.right + H.value.chart.grid.labels.yAxis.crosshairSize : Y.value?.left - H.value.chart.grid.labels.yAxis.crosshairSize,
@@ -3086,7 +3089,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						s: e.suffix,
 						r: H.value.chart.grid.labels.yAxis.rounding
 					})) : ""), 9, yn)) : S("", !0)]))), 128))], 512)) : S("", !0),
-					(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C("g", {
+					(D(!0), C(b, null, k(Us.value, (e, t) => (D(), C("g", {
 						key: `serie_plot_${e.id}`,
 						class: it(`serie_plot_${t}`),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -3158,7 +3161,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${L.value}_${t}`
 					}), void 0, !0)), 128))])) : S("", !0),
-					Ws.value.length && !U.value.isStacked ? (D(), C("g", Tn, [(D(!0), C(b, null, k(Ws.value, (e) => (D(), C("path", {
+					Gs.value.length && !U.value.isStacked ? (D(), C("g", Tn, [(D(!0), C(b, null, k(Gs.value, (e) => (D(), C("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
@@ -3231,7 +3234,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stroke-linejoin": "round",
 							style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, Fn)) : S("", !0),
-						(D(!0), C(b, null, k(e.plots, (n, i) => (D(), C(b, { key: `circle_line_${t}_${i}` }, [!ps.value.linePlot && n && Ro(n.value) || ps.value.linePlot && n && Ro(n.value) && (B.value !== null && B.value === i || R.value !== null && R.value === i) || zs(e.plots, i) ? (D(), Xe(Ue, {
+						(D(!0), C(b, null, k(e.plots, (n, i) => (D(), C(b, { key: `circle_line_${t}_${i}` }, [!ms.value.linePlot && n && Ro(n.value) || ms.value.linePlot && n && Ro(n.value) && (B.value !== null && B.value === i || R.value !== null && R.value === i) || Bs(e.plots, i) ? (D(), Xe(Ue, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -3246,7 +3249,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 								x: j(y)(n.x),
 								y: j(y)(n.y)
 							},
-							radius: B.value !== null && B.value === i || R.value !== null && R.value === i ? (ha.value.line || 6) * 1.5 : (zs(e.plots, i), ha.value.line || 6),
+							radius: B.value !== null && B.value === i || R.value !== null && R.value === i ? (ha.value.line || 6) * 1.5 : (Bs(e.plots, i), ha.value.line || 6),
 							stroke: H.value.line.dot.useSerieColor ? H.value.chart.backgroundColor : e.color,
 							strokeWidth: H.value.line.dot.strokeWidth,
 							transition: j(wa) || !H.value.line.showTransition || B.value !== null && B.value === i || R.value !== null && R.value === i ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out`
@@ -3272,19 +3275,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							datapointIndex: i
 						} }, void 0, !0)])], 8, In)) : S("", !0)], 64))), 128))
 					], 6))), 128)),
-					(H.value.bar.labels.show || H.value.bar.serieName.show) && U.value.dataLabels.show ? (D(), C("g", Rn, [(D(!0), C(b, null, k(Vs.value, (e, t) => (D(), C(b, { key: `xLabel_bar_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || B.value !== null && B.value === r || R.value !== null && R.value === r) && H.value.bar.labels.show ? (D(), C("text", {
+					(H.value.bar.labels.show || H.value.bar.serieName.show) && U.value.dataLabels.show ? (D(), C("g", Rn, [(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C(b, { key: `xLabel_bar_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || B.value !== null && B.value === r || R.value !== null && R.value === r) && H.value.bar.labels.show ? (D(), C("text", {
 						key: 0,
-						"text-anchor": vc({
+						"text-anchor": yc({
 							plot: n,
 							type: "bar"
 						}),
 						"font-size": V.value.plotLabels,
-						transform: gc({ plot: n }),
+						transform: _c({ plot: n }),
 						fill: H.value.bar.labels.color,
 						stroke: H.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: hc({
+						innerHTML: gc({
 							serie: e,
 							plot: n,
 							type: "bar"
@@ -3302,13 +3305,13 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						source: e.name,
 						length: H.value.bar.serieName.abbreviationSize
 					}) : e.name), 13, Bn)) : S("", !0)], 64))), 128))], 64))), 128))])) : S("", !0),
-					H.value.plot.labels.show && U.value.dataLabels.show ? (D(), C("g", Vn, [(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C(b, { key: `xLabel_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || B.value !== null && B.value === r || R.value !== null && R.value === r ? (D(), C("text", {
+					H.value.plot.labels.show && U.value.dataLabels.show ? (D(), C("g", Vn, [(D(!0), C(b, null, k(Us.value, (e, t) => (D(), C(b, { key: `xLabel_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || B.value !== null && B.value === r || R.value !== null && R.value === r ? (D(), C("text", {
 						key: 0,
-						transform: _c({
+						transform: vc({
 							plot: n,
 							type: "plot"
 						}),
-						"text-anchor": vc({
+						"text-anchor": yc({
 							plot: n,
 							type: "plot"
 						}),
@@ -3317,12 +3320,12 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						stroke: H.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: hc({
+						innerHTML: gc({
 							serie: e,
 							plot: n,
 							type: "plot"
 						})
-					}, null, 12, Hn)) : S("", !0)], 64))), 128))], 64))), 128))])) : (D(), C("g", Un, [(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C(b, { key: `xLabel_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_plot_${t}_${r}` }, [H.value.plot.tag.followValue ? (D(), C(b, { key: 1 }, [[
+					}, null, 12, Hn)) : S("", !0)], 64))), 128))], 64))), 128))])) : (D(), C("g", Un, [(D(!0), C(b, null, k(Us.value, (e, t) => (D(), C(b, { key: `xLabel_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_plot_${t}_${r}` }, [H.value.plot.tag.followValue ? (D(), C(b, { key: 1 }, [[
 						R.value,
 						B.value,
 						Ri.value
@@ -3368,11 +3371,11 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					}, null, 12, qn)], 12, Kn)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
 					H.value.line.labels.show && U.value.dataLabels.show ? (D(), C("g", Yn, [(D(!0), C(b, null, k($.value, (e, t) => (D(), C(b, { key: `xLabel_line_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || B.value !== null && B.value === r || R.value !== null && R.value === r ? (D(), C("text", {
 						key: 0,
-						transform: _c({
+						transform: vc({
 							plot: n,
 							type: "line"
 						}),
-						"text-anchor": vc({
+						"text-anchor": yc({
 							plot: n,
 							type: "line"
 						}),
@@ -3381,7 +3384,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						stroke: H.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
-						innerHTML: hc({
+						innerHTML: gc({
 							serie: e,
 							plot: n,
 							type: "line"
@@ -3463,7 +3466,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						}),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, null, 12, ir)) : S("", !0)], 64))), 128))], 64))), 128)),
-					(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C(b, { key: `xLabel_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (D(), C("text", {
+					(D(!0), C(b, null, k(Us.value, (e, t) => (D(), C(b, { key: `xLabel_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (D(), C("text", {
 						key: 0,
 						x: n.x - V.value.plotLabels,
 						y: n.y,
@@ -3497,9 +3500,9 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, null, 12, or)) : S("", !0)], 64))), 128))], 64))), 128)),
 					(D(!0), C(b, null, k([
-						...Hs.value,
+						...Us.value,
 						...$.value,
-						...Vs.value
+						...Hs.value
 					], (e, t) => (D(), C(b, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(j(ge)(e.plots).trend) ? (D(), C("g", sr, [
 						w("defs", null, [w("marker", {
 							id: `progression_arrow_${t}`,
@@ -3562,7 +3565,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							r: 2
 						})), 9, fr)) : S("", !0)
 					])) : S("", !0)], 64))), 128)),
-					U.value.useIndividualScale && !U.value.isStacked ? (D(), C(b, { key: 13 }, [w("defs", null, [(D(!0), C(b, null, k(Us.value, (e, t) => (D(), C("linearGradient", {
+					U.value.useIndividualScale && !U.value.isStacked ? (D(), C(b, { key: 13 }, [w("defs", null, [(D(!0), C(b, null, k(Ws.value, (e, t) => (D(), C("linearGradient", {
 						id: `individual_scale_gradient_${L.value}_${t}`,
 						x1: J.value ? "100%" : "0%",
 						x2: J.value ? "0%" : "100%",
@@ -3576,7 +3579,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, hr)], 8, pr))), 256))]), (D(!0), C(b, null, k(Us.value, (e, t) => (D(), C("rect", {
+					}, null, 8, hr)], 8, pr))), 256))]), (D(!0), C(b, null, k(Ws.value, (e, t) => (D(), C("rect", {
 						x: J.value ? e.x : e.x - H.value.chart.grid.labels.yAxis.labelWidth - Y.value.individualOffsetX,
 						y: Y.value?.top,
 						width: (J.value, H.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX),
@@ -3612,11 +3615,11 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
-						x: xs(t),
+						x: Ss(t),
 						y: Y.value?.bottom,
 						fontSize: V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${xs(t)}, ${Y.value?.bottom + V.value.xAxis * 1.3 + H.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Ss(t)}, ${Y.value?.bottom + V.value.xAxis * 1.3 + H.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
 						textAnchor: H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
@@ -3627,7 +3630,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${xs(t)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Ss(t)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: E({ cursor: co() && ya.value ? "pointer" : "default" }),
 						innerHTML: j(n)({
 							content: String(e.text),
@@ -3643,11 +3646,11 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${xs(t)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Ss(t)}, ${Y.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: E({ cursor: co() && ya.value ? "pointer" : "default" }),
 						onClick: () => So(e, t)
 					}, ut(e.text || ""), 13, yr))], 64)) : S("", !0)]))), 128))], 512)) : S("", !0),
-					Rs.value.length && !U.value.isStacked ? (D(), C("g", xr, [(D(!0), C(b, null, k(Rs.value, (e) => (D(), C("g", { key: e.uid }, [
+					zs.value.length && !U.value.isStacked ? (D(), C("g", xr, [(D(!0), C(b, null, k(zs.value, (e) => (D(), C("g", { key: e.uid }, [
 						e.yTop && e.show && isFinite(e.yTop) ? (D(), C("line", {
 							key: 0,
 							x1: e.x1,
@@ -3700,19 +3703,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						}, ut(e.config.label.text), 9, Tr)) : S("", !0)
 					]))), 128))])) : S("", !0),
 					H.value.chart.timeTag.show && (![null, void 0].includes(B.value) || ![null, void 0].includes(R.value)) ? (D(), C("g", Er, [(D(), C("foreignObject", {
-						x: pc(),
+						x: mc(),
 						y: Y.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
 					}, [w("div", {
 						ref_key: "timeTagEl",
-						ref: lc,
+						ref: uc,
 						class: "vue-ui-xy-time-tag",
 						style: E(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${H.value.chart.timeTag.backgroundColor};color:${H.value.chart.timeTag.color};font-size:${H.value.chart.timeTag.fontSize}px`),
-						innerHTML: mc.value
+						innerHTML: hc.value
 					}, null, 12, Or)], 8, Dr)), w("circle", {
-						cx: xs((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
+						cx: Ss((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)),
 						cy: Y.value?.bottom,
 						r: H.value.chart.timeTag.circleMarker.radius,
 						fill: H.value.chart.timeTag.circleMarker.color
@@ -3729,14 +3732,14 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					isPrintingSvg: Qi.value,
 					data: [
 						...$.value,
-						...Vs.value,
-						...Hs.value
+						...Hs.value,
+						...Us.value
 					],
 					drawingArea: Y.value
 				} }, void 0, !0)
 			], 512)], 46, St)), r.$slots.hint ? (D(), C("div", jr, [A(r.$slots, "hint", at(T({
 				hint: H.value.a11y.translations.keyboardNavigation,
-				isVisible: jc.value
+				isVisible: Mc.value
 			})), void 0, !0)])) : S("", !0)]),
 			r.$slots.watermark ? (D(), C("div", Mr, [A(r.$slots, "watermark", at(T({ isPrinting: j(Pa) || j(Fa) || Zi.value || Qi.value })), void 0, !0)])) : S("", !0),
 			(D(!0), C(b, null, k($.value, (e, t) => (D(), C(b, { key: `tag_line_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `tag_line_${t}_${r}` }, [[
@@ -3830,7 +3833,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					serieName: e.name
 				})
 			}, null, 8, Rr)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
-			(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C(b, { key: `tag_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `tag_plot_${t}_${r}` }, [[
+			(D(!0), C(b, null, k(Us.value, (e, t) => (D(), C(b, { key: `tag_plot_${e.id}` }, [(D(!0), C(b, null, k(e.plots, (n, r) => (D(), C(b, { key: `tag_plot_${t}_${r}` }, [[
 				R.value,
 				B.value,
 				Ri.value
@@ -3926,7 +3929,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				ref_key: "chartSlicer",
 				ref: _i,
 				uuid: L.value,
-				allMinimaps: Fs.value,
+				allMinimaps: Is.value,
 				background: H.value.chart.zoom.color,
 				borderColor: H.value.chart.backgroundColor,
 				customFormat: H.value.chart.zoom.customFormat,
@@ -3945,7 +3948,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				labelRight: X.value.at(-1) ? X.value.at(-1).text : "",
 				max: G.value,
 				min: 0,
-				minimap: Ps.value,
+				minimap: Fs.value,
 				minimapCompact: H.value.chart.zoom.minimap.compact,
 				minimapFrameColor: H.value.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: H.value.chart.zoom.minimap.indicatorColor,
@@ -3955,11 +3958,11 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				minimapSelectedColorOpacity: H.value.chart.zoom.minimap.selectedColorOpacity,
 				minimapSelectedIndex: B.value,
 				minimapSelectionRadius: H.value.chart.zoom.minimap.selectionRadius,
-				preciseLabels: Ys.value.length ? Ys.value : go.value,
+				preciseLabels: Xs.value.length ? Xs.value : go.value,
 				refreshEndPoint: H.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Oa(e.series).length)) : H.value.chart.zoom.endIndex + 1,
 				refreshStartPoint: H.value.chart.zoom.startIndex === null ? 0 : H.value.chart.zoom.startIndex,
 				selectColor: H.value.chart.zoom.highlightColor,
-				selectedSeries: Is.value,
+				selectedSeries: Ls.value,
 				smoothMinimap: H.value.chart.zoom.minimap.smooth,
 				start: K.value.start,
 				textColor: H.value.chart.color,
@@ -4014,7 +4017,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"checked"
 			])) : S("", !0), (D(!0), C(b, null, k(Xa.value, (e, t) => (D(), C("div", {
 				key: `div_legend_item_${t}`,
-				onClick: (t) => cs(e),
+				onClick: (t) => ls(e),
 				onKeydown: (t) => ss(t, e),
 				role: "button",
 				tabindex: "0",
@@ -4108,7 +4111,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				offsetX: H.value.chart.tooltip.offsetX,
 				offsetY: H.value.chart.tooltip.offsetY,
 				parent: r.$refs.chart,
-				content: Xs.value,
+				content: Zs.value,
 				isFullscreen: Ii.value,
 				isCustom: H.value.chart.tooltip.customFormat && typeof H.value.chart.tooltip.customFormat == "function",
 				smooth: H.value.chart.tooltip.smooth,
@@ -4118,9 +4121,9 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				isA11yMode: $i.value != null,
 				a11yPosition: ea.value
 			}, {
-				"tooltip-before": M(() => [A(r.$slots, "tooltip-before", at(T({ ...Gs.value })), void 0, !0)]),
-				tooltip: M(() => [A(r.$slots, "tooltip", at(T({ ...Gs.value })), void 0, !0)]),
-				"tooltip-after": M(() => [A(r.$slots, "tooltip-after", at(T({ ...Gs.value })), void 0, !0)]),
+				"tooltip-before": M(() => [A(r.$slots, "tooltip-before", at(T({ ...Ks.value })), void 0, !0)]),
+				tooltip: M(() => [A(r.$slots, "tooltip", at(T({ ...Ks.value })), void 0, !0)]),
+				"tooltip-after": M(() => [A(r.$slots, "tooltip-after", at(T({ ...Ks.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -4146,10 +4149,10 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			va.value && H.value.chart.userOptions.buttons.table ? (D(), Xe(ct(xc.value.component), nt({ key: 9 }, xc.value.props, {
+			va.value && H.value.chart.userOptions.buttons.table ? (D(), Xe(ct(Sc.value.component), nt({ key: 9 }, Sc.value.props, {
 				ref_key: "tableUnit",
 				ref: Xi,
-				onClose: Sc
+				onClose: Cc
 			}), Ze({
 				content: M(() => [w("div", { style: E(`${j(Pa) || H.value.table.useDialog ? "" : "max-height:400px"};${H.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${H.value.table.useDialog ? "" : "margin-top:48px"}`) }, [w("div", $r, [gt(w("input", {
 					type: "checkbox",
@@ -4163,17 +4166,17 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					stroke: H.value.chart.color
 				}, null, 8, ["stroke"])], 4)]), Hi.value ? (D(), Xe(j(ai), {
 					key: `sparkline_${Ui.value}`,
-					dataset: _s.value,
-					config: vs.value
+					dataset: vs.value,
+					config: ys.value
 				}, null, 8, ["dataset", "config"])) : (D(), Xe(j(ti), {
 					key: `table_${Bi.value}`,
-					colNames: Qs.value.colNames,
-					head: Qs.value.head,
-					body: Qs.value.body,
-					config: Qs.value.config,
-					title: H.value.table.useDialog ? "" : xc.value.title,
+					colNames: $s.value.colNames,
+					head: $s.value.head,
+					body: $s.value.body,
+					config: $s.value.config,
+					title: H.value.table.useDialog ? "" : Sc.value.title,
 					withCloseButton: !H.value.table.useDialog,
-					onClose: Sc
+					onClose: Cc
 				}, {
 					th: M(({ th: e }) => [w("div", { innerHTML: e }, null, 8, ei)]),
 					td: M(({ td: e }) => [Qe(ut(isNaN(Number(e)) ? e : j(a)({
@@ -4194,23 +4197,23 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				_: 2
 			}, [H.value.table.useDialog ? {
 				name: "title",
-				fn: M(() => [Qe(ut(xc.value.title), 1)]),
+				fn: M(() => [Qe(ut(Sc.value.title), 1)]),
 				key: "0"
 			} : void 0, H.value.table.useDialog ? {
 				name: "actions",
 				fn: M(() => [w("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: i[3] ||= (e) => $s(H.value.chart.userOptions.callbacks.csv)
+					onClick: i[3] ||= (e) => ec(H.value.chart.userOptions.callbacks.csv)
 				}, [$e(j(ii), {
 					name: "fileCsv",
-					stroke: xc.value.props.color
+					stroke: Sc.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : S("", !0),
 			A(r.$slots, "skeleton", {}, () => [j(wa) ? (D(), Xe(Pe, { key: 0 })) : S("", !0)], !0)
 		], 46, vt));
 	}
-}, [["__scopeId", "data-v-25ca945c"]]);
+}, [["__scopeId", "data-v-d184aafc"]]);
 //#endregion
 export { _t as n, N as t };