vue-data-ui 3.19.6 → 3.19.8

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

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { At as t, B as n, D as r, F as i, G as a, H as o, I as s, It as c, J as l, L as u, Lt as ee, M as te, Mt as d, O as f, Ot as p, P as m, R as ne, Rt as re, S as ie, St as ae, T as oe, Tt as se, X as ce, _t as le, a as h, c as ue, dt as g, et as _, g as de, h as fe, i as pe, j as me, jt as he, k as ge, l as _e, mt as ve, n as ye, nt as be, pt as xe, r as Se, s as Ce, v, w as we, x as Te, y as Ee, z as De, zt as Oe } from "./lib-BkiwukKO.js";
-import { n as ke, r as Ae, t as je } from "./useTimeLabels-C0x7zUXP.js";
-import { t as Me } from "./useConfig-lKgU652n.js";
-import { t as Ne } from "./usePrinter-X0yWOynH.js";
-import { n as Pe, t as Fe } from "./BaseScanner-C7dmAref.js";
-import { t as Ie } from "./useSvgExport-Dtu973wa.js";
-import { t as Le } from "./useNestedProp-Ck4hsrpu.js";
-import { t as Re } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as ze } from "./useStableElementSize-0I1IpHPl.js";
-import { t as Be } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as Ve } from "./img-BjOr008R.js";
-import { n as He } from "./Title-__gWq2g6.js";
-import { t as Ue } from "./vue_ui_xy-BYPqfYyx.js";
-import { t as We } from "./Shape-DEGOZ6GG.js";
-import { t as Ge } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as Ke } from "./SlicerPreview-CG1jpZqZ.js";
-import { t as qe } from "./vue-ui-accordion-CNtzLReQ.js";
-import { t as Je } from "./BaseLegendToggle-DUIqQmwM.js";
-import { t as Ye } from "./A11yDataTable-q2-8fSlJ.js";
-import { Fragment as y, Teleport as Xe, computed as b, createBlock as Ze, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as Qe, createTextVNode as $e, createVNode as et, defineAsyncComponent as tt, getCurrentInstance as nt, guardReactiveProps as w, mergeProps as rt, nextTick as it, normalizeClass as at, normalizeProps as T, normalizeStyle as E, onBeforeUnmount as ot, onMounted as st, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as ct, shallowRef as lt, toDisplayString as ut, toRefs as dt, unref as j, useSlots as ft, vModelCheckbox as pt, watch as mt, watchEffect as ht, withCtx as M, withDirectives as gt } from "vue";
+import { At as t, B as n, D as r, F as i, G as a, H as o, I as s, It as c, J as l, L as u, Lt as ee, M as te, Mt as d, O as f, Ot as p, P as m, R as ne, Rt as re, S as ie, St as ae, T as oe, Tt as h, X as se, _t as ce, a as g, c as le, dt as _, et as v, g as ue, h as de, i as fe, j as pe, jt as me, k as he, l as ge, mt as _e, n as ve, nt as ye, pt as be, r as xe, s as Se, v as y, w as Ce, x as we, y as Te, z as Ee, zt as De } from "./lib-BkiwukKO.js";
+import { n as Oe, r as ke, t as Ae } from "./useTimeLabels-C0x7zUXP.js";
+import { t as je } from "./useConfig-ByaaSKhz.js";
+import { t as Me } from "./usePrinter-X0yWOynH.js";
+import { n as Ne, t as Pe } from "./BaseScanner-C7dmAref.js";
+import { t as Fe } from "./useSvgExport-Dtu973wa.js";
+import { t as Ie } from "./useNestedProp-Ck4hsrpu.js";
+import { t as Le } from "./useThemeCheck-rFK9Zlb_.js";
+import { t as Re } from "./useStableElementSize-0I1IpHPl.js";
+import { t as ze } from "./useTimeLabelCollider-Dm55Emzg.js";
+import { t as Be } from "./img-BjOr008R.js";
+import { n as Ve } from "./Title-__gWq2g6.js";
+import { t as He } from "./vue_ui_xy-BYPqfYyx.js";
+import { t as Ue } from "./Shape-DEGOZ6GG.js";
+import { t as We } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as Ge } from "./SlicerPreview-BU3ZeHjR.js";
+import { t as Ke } from "./vue-ui-accordion-BX9WL-QF.js";
+import { t as qe } from "./BaseLegendToggle-CJTwLGXL.js";
+import { t as Je } from "./A11yDataTable-q2-8fSlJ.js";
+import { Fragment as b, Teleport as Ye, computed as x, createBlock as Xe, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as Ze, createTextVNode as Qe, createVNode as $e, defineAsyncComponent as et, getCurrentInstance as tt, guardReactiveProps as T, mergeProps as nt, nextTick as rt, normalizeClass as it, normalizeProps as at, normalizeStyle as E, onBeforeUnmount as ot, onMounted as st, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as ct, shallowRef as lt, toDisplayString as ut, toRefs as dt, unref as j, useSlots as ft, vModelCheckbox as pt, watch as mt, watchEffect as ht, withCtx as M, withDirectives as gt } from "vue";
 //#region src/components/vue-ui-xy.vue
 var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt = ["id"], xt = { style: { position: "relative" } }, St = [
 	"viewBox",
@@ -140,6 +140,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 	"stroke"
 ], _n = [
 	"transform",
+	"text-anchor",
 	"font-size",
 	"fill"
 ], vn = [
@@ -151,6 +152,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 ], yn = [
 	"transform",
 	"font-size",
+	"text-anchor",
 	"fill"
 ], bn = [
 	"width",
@@ -277,7 +279,11 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 	"font-size",
 	"fill",
 	"stroke"
-], pr = ["id"], mr = ["stop-color"], hr = ["stop-color"], gr = [
+], pr = [
+	"id",
+	"x1",
+	"x2"
+], mr = ["stop-color"], hr = ["stop-color"], gr = [
 	"x",
 	"y",
 	"width",
@@ -423,7 +429,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		"padding-left": "6px"
 	},
 	"data-dom-to-png-ignore": ""
-}, ei = ["innerHTML"], N = /* @__PURE__ */ Ge({
+}, ei = ["innerHTML"], N = /* @__PURE__ */ We({
 	__name: "vue-ui-xy",
 	props: {
 		config: {
@@ -452,8 +458,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		"zoomReset",
 		"copyAlt"
 	],
-	setup(e, { expose: Ge, emit: _t }) {
-		let N = e, ti = tt(() => import("./DataTable-BvDJEAma.js")), ni = tt(() => import("./Tooltip-CuWEYGr3.js")), ri = tt(() => import("./UserOptions-B57xo6D2.js").then((e) => e.n)), ii = tt(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), ai = tt(() => import("./vue-ui-table-sparkline-BShpt1UR.js").then((e) => e.n)), oi = tt(() => import("./PackageVersion-C7CvErYQ.js").then((e) => e.t)), si = tt(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), ci = tt(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), li = _t, ui = ft(), di = nt(), { vue_ui_xy: fi } = Me(), { isThemeValid: pi, warnInvalidTheme: mi } = Re(), 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({
+	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({
 			x: 0,
 			y: 0
 		}), Pi = O({
@@ -463,7 +469,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		}), Fi = O(!1), Ii = O(!1), Li = O(!1), Ri = O(null), I = O([]), L = O(o()), zi = O(0), Bi = O(0), Vi = O(0), Hi = O(!0), Ui = O(0), R = O(null), Wi = O(!1), Gi = O(!0), Ki = O(!0), z = O(null), qi = O({}), Ji = O(null), Yi = O(!1), Xi = O(null), Zi = O(!1), Qi = O(!1), B = O(null), $i = O(null), ea = O({
 			x: 0,
 			y: 0
-		}), ta = lt(null), na = O(!1), ra = O(0), ia = O(0), aa = ze({
+		}), ta = lt(null), na = O(!1), ra = O(0), ia = O(0), aa = Re({
 			elementRef: ta,
 			minimumWidth: 2,
 			minimumHeight: 2,
@@ -485,9 +491,9 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		}
 		async function ca() {
 			let e = ++ia.value;
-			na.value = !1, await it(), await sa(), await sa(), e === ia.value && (ra.value += 1, na.value = !0);
+			na.value = !1, await rt(), await sa(), await sa(), e === ia.value && (ra.value += 1, na.value = !0);
 		}
-		let la = b(() => ({
+		let la = x(() => ({
 			height: ji.value,
 			width: F.value
 		}));
@@ -497,87 +503,92 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 		function da(e, t, n = 0) {
 			return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
 		}
-		let fa = O(!1), V = O({
+		let fa = O(!1), pa = O(null), ma = O(null), V = O({
 			xAxis: 18,
 			yAxis: 12,
 			dataLabels: 20,
 			plotLabels: 10
-		}), pa = O({
+		}), ha = O({
 			plot: 3,
 			line: 3
 		});
 		st(() => {
 			Yi.value = !0, N.dataset.length && N.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.series) && ce({
+				[null, void 0].includes(e.series) && se({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
 					index: t,
-					debug: ya.value
+					debug: xa.value
 				});
 			}), oa(), aa.start(), ca();
 		});
-		function ma() {
+		function ga() {
 			if (!Object.keys(N.config || {}).length) return fi;
-			let e = Le({
+			let e = Ie({
 				userConfig: N.config,
 				defaultConfig: fi
 			});
-			N.config && g(N.config, "chart.highlightArea") && (Array.isArray(N.config.chart.highlightArea) ? e.chart.highlightArea = N.config.chart.highlightArea : e.chart.highlightArea = [N.config.chart.highlightArea]), N.config && g(N.config, "chart.annotations") && Array.isArray(N.config.chart.annotations) && N.config.chart.annotations.length ? e.chart.annotations = N.config.chart.annotations.map((e) => Le({
+			N.config && _(N.config, "chart.highlightArea") && (Array.isArray(N.config.chart.highlightArea) ? e.chart.highlightArea = N.config.chart.highlightArea : e.chart.highlightArea = [N.config.chart.highlightArea]), N.config && _(N.config, "chart.annotations") && Array.isArray(N.config.chart.annotations) && N.config.chart.annotations.length ? e.chart.annotations = N.config.chart.annotations.map((e) => Ie({
 				defaultConfig: fi.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], N.config && g(N.config, "chart.grid.position") && N.config.chart.grid.position === "start" && N.dataset.length && N.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", g(N.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), N.config && g(N.config, "chart.highlightArea") && (Array.isArray(N.config.chart.highlightArea) ? e.chart.highlightArea = N.config.chart.highlightArea.map((e) => ha({
+			})) : e.chart.annotations = [], N.config && _(N.config, "chart.grid.position") && N.config.chart.grid.position === "start" && N.dataset.length && N.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", _(N.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), N.config && _(N.config, "chart.highlightArea") && (Array.isArray(N.config.chart.highlightArea) ? e.chart.highlightArea = N.config.chart.highlightArea.map((e) => _a({
 				defaultConfig: fi.chart.highlightArea,
 				userConfig: e
-			})) : e.chart.highlightArea = ha({
+			})) : e.chart.highlightArea = _a({
 				defaultConfig: fi.chart.highlightArea,
 				userConfig: N.config.chart.highlightArea
 			}));
 			let t = e.theme;
 			if (!t) return e;
 			if (!pi.value(e)) return mi(e), e;
-			let n = Le({
-				userConfig: Ue[t] || N.config,
+			let n = Ie({
+				userConfig: He[t] || N.config,
 				defaultConfig: e
-			}), r = Le({
+			}), r = Ie({
 				userConfig: N.config,
 				defaultConfig: n
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ee[t] || se
+				customPalette: r.customPalette.length ? r.customPalette : ee[t] || h
 			};
 		}
-		function ha({ defaultConfig: e, userConfig: t }) {
-			return Le({
+		function _a({ defaultConfig: e, userConfig: t }) {
+			return Ie({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let ga = b({
+		let va = x({
 			get() {
 				return !!N.dataset && N.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), H = O(ma()), _a = b(() => H.value.chart.userOptions.useCursorPointer), U = O({
+		}), H = O(ga()), ya = x(() => H.value.chart.userOptions.useCursorPointer), U = O({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
 			isStacked: !1,
 			useIndividualScale: !1
 		});
-		function va() {
-			fa.value ? (U.value.showTooltip = H.value.chart.tooltip.show === !0, U.value.isStacked = H.value.chart.grid.labels.yAxis.stacked, U.value.useIndividualScale ?? (U.value.useIndividualScale = H.value.chart.grid.labels.yAxis.useIndividualScale)) : (U.value = {
-				dataLabels: { show: !0 },
-				showTooltip: H.value.chart.tooltip.show === !0,
-				showTable: H.value.showTable === !0,
-				isStacked: H.value.chart.grid.labels.yAxis.stacked,
-				useIndividualScale: H.value.chart.grid.labels.yAxis.useIndividualScale
-			}, fa.value = !0);
+		function ba() {
+			let e = H.value.chart.grid.labels.yAxis.stacked, t = H.value.chart.grid.labels.yAxis.useIndividualScale;
+			if (!fa.value) {
+				U.value = {
+					dataLabels: { show: !0 },
+					showTooltip: H.value.chart.tooltip.show === !0,
+					showTable: H.value.showTable === !0,
+					isStacked: e,
+					useIndividualScale: t
+				}, pa.value = e, ma.value = t, fa.value = !0;
+				return;
+			}
+			U.value.showTooltip = H.value.chart.tooltip.show === !0, e !== pa.value && (U.value.isStacked = e, pa.value = e), t !== ma.value && (U.value.useIndividualScale = t, ma.value = t), U.value.isStacked && (U.value.useIndividualScale = !0);
 		}
-		let ya = b(() => !!H.value.debug), ba = b(() => Oe({
+		let xa = x(() => !!H.value.debug), Sa = x(() => De({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -633,7 +644,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				}
 			},
 			userConfig: H.value.skeletonConfig ?? {}
-		})), xa = b(() => N.config?.skeletonDataset ?? [{
+		})), Ca = x(() => N.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -670,22 +681,22 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: Sa, FINAL_DATASET: Ca, manualLoading: wa } = Pe({
+		}]), { loading: wa, FINAL_DATASET: W, manualLoading: Ta } = Ne({
 			...dt(N),
 			FINAL_CONFIG: H,
-			prepareConfig: ma,
+			prepareConfig: ga,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					(!H.value.chart.zoom.keepState || !Do.value || G.value.start === 0 && G.value.end === 0) && await jo(), U.value.showTable = H.value.showTable;
+					(!H.value.chart.zoom.keepState || !ko.value || K.value.start === 0 && K.value.end === 0) && await No(), U.value.showTable = H.value.showTable;
 				});
 			},
-			skeletonDataset: xa.value,
-			skeletonConfig: Oe({
+			skeletonDataset: Ca.value,
+			skeletonConfig: De({
 				defaultConfig: H.value,
-				userConfig: ba.value
+				userConfig: Sa.value
 			})
 		});
-		function Ta(e) {
+		function Ea(e) {
 			let t = /* @__PURE__ */ new WeakMap();
 			return (n, ...r) => {
 				let i = t.get(n), a = JSON.stringify(r);
@@ -694,31 +705,31 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
 			};
 		}
-		let Ea = Ta((e, t) => le({
+		let Da = Ea((e, t) => ce({
 			data: e,
 			threshold: t
-		})), Da = (e) => Ea(e, H.value.downsample.threshold), W = b({
-			get: () => Math.max(...Ca.value.map((e) => Da(e.series).length)),
+		})), Oa = (e) => Da(e, H.value.downsample.threshold), G = x({
+			get: () => Math.max(...W.value.map((e) => Oa(e.series).length)),
 			set: (e) => e
-		}), G = O({
+		}), K = O({
 			start: 0,
-			end: W.value
-		}), Oa = O({
+			end: G.value
+		}), ka = O({
 			start: 0,
-			end: W.value
-		}), ka = b(() => H.value.chart.zoom.preview.enable && (Oa.value.start !== G.value.start || Oa.value.end !== G.value.end));
-		function Aa(e, t) {
-			Oa.value[e] = t;
+			end: G.value
+		}), Aa = x(() => H.value.chart.zoom.preview.enable && (ka.value.start !== K.value.start || ka.value.end !== K.value.end));
+		function ja(e, t) {
+			ka.value[e] = t;
 		}
-		function ja() {
-			let e = Math.max(1, ...Ca.value.map((e) => Da(e.series).length)), t = Math.max(0, Math.min(G.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(G.value.end ?? e, e));
-			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), G.value = {
+		function Ma() {
+			let e = Math.max(1, ...W.value.map((e) => Oa(e.series).length)), t = Math.max(0, Math.min(K.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(K.value.end ?? e, e));
+			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), K.value = {
 				start: t,
 				end: n
-			}, Oa.value.start = t, Oa.value.end = n, _i.value && (_i.value.setStartValue(t), _i.value.setEndValue(n));
+			}, ka.value.start = t, ka.value.end = n, _i.value && (_i.value.setStartValue(t), _i.value.setEndValue(n));
 		}
-		let Ma = b(() => {
-			let { left: e, top: t, width: n, height: r } = q.value, i = G.value.start, a = G.value.end - i, o = n / a, s = Oa.value.start - i, c = Oa.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
+		let Na = x(() => {
+			let { left: e, top: t, width: n, height: r } = Y.value, i = K.value.start, a = K.value.end - i, o = n / a, s = ka.value.start - i, c = ka.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
 			return {
 				x: e + l * o,
 				y: t,
@@ -742,25 +753,25 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				B.value = null;
 				return;
 			}
-			let t = e - G.value.start;
-			t < 0 || e >= G.value.end ? B.value = null : B.value = t ?? null;
+			let t = e - K.value.start;
+			t < 0 || e >= K.value.end ? B.value = null : B.value = t ?? null;
 		}, { immediate: !0 });
-		let { isPrinting: Na, isImaging: Pa, generatePdf: Fa, generateImage: Ia } = Ne({
+		let { isPrinting: Pa, isImaging: Fa, generatePdf: Ia, generateImage: La } = Me({
 			elementId: `vue-ui-xy_${L.value}`,
 			fileName: H.value.chart.title.text || "vue-ui-xy",
 			options: H.value.chart.userOptions.print
-		}), La = O(!1), Ra = b(() => Te(H.value.customPalette)), za = b(() => {
+		}), Ra = O(!1), za = x(() => we(H.value.customPalette)), Ba = x(() => {
 			let e = H.value.chart.grid.labels.yAxis.scaleMin;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), Ba = b(() => za.value === null ? zo.value : q.value.bottom), Va = b(() => {
+		}), Va = x(() => Ba.value === null ? Vo.value : Y.value.bottom), Ha = x(() => {
 			let e = H.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), Ha = b(() => za.value !== null || Va.value !== null), Ua = b(() => {
-			let e = Ja.value.filter((e) => !I.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).filter(Number.isFinite);
+		}), Ua = x(() => Ba.value !== null || Ha.value !== null), Wa = x(() => {
+			let e = Ya.value.filter((e) => !I.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).filter(Number.isFinite);
 			return e.length ? {
 				min: Math.min(...e),
 				max: Math.max(...e)
@@ -769,195 +780,215 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				max: 1
 			};
 		});
-		function Wa(e, t) {
+		function Ga(e, t) {
 			let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 1;
 			return n === r ? r = n + 1 : n > r && ([n, r] = [r, n]), {
 				min: n,
 				max: r
 			};
 		}
-		let Ga = b(() => {
-			let { min: e, max: t } = Ua.value;
-			if (!Ha.value) {
+		let Ka = x(() => {
+			let { min: e, max: t } = Wa.value;
+			if (!Ua.value) {
 				let t = e;
 				return t > 0 ? 0 : t;
 			}
-			let n = za.value === null ? e > 0 ? 0 : e : za.value, r = Va.value === null ? t : Va.value;
-			return Wa(e < n ? e : n, t > r ? t : r).min;
-		}), Ka = b(() => {
-			let { min: e, max: t } = Ua.value;
-			if (!Ha.value) {
+			let n = Ba.value === null ? e > 0 ? 0 : e : Ba.value, r = Ha.value === null ? t : Ha.value;
+			return Ga(e < n ? e : n, t > r ? t : r).min;
+		}), qa = x(() => {
+			let { min: e, max: t } = Wa.value;
+			if (!Ua.value) {
 				let e = t;
-				return Ga.value === e ? e + 1 : e;
+				return Ka.value === e ? e + 1 : e;
 			}
-			let n = za.value === null ? e > 0 ? 0 : e : za.value, r = Va.value === null ? t : Va.value;
-			return Wa(e < n ? e : n, t > r ? t : r).max;
-		}), K = b(() => H.value.chart.grid.labels.yAxis.useNiceScale ? fe(Ga.value, Ka.value < 0 ? 0 : Ka.value, H.value.chart.grid.labels.yAxis.commonScaleSteps) : de(Ga.value, Ka.value < 0 ? 0 : Ka.value, H.value.chart.grid.labels.yAxis.commonScaleSteps)), qa = b(() => [null, void 0].includes(H.value.chart.grid.labels.yAxis.scaleMin) ? K.value.min >= 0 ? 0 : Math.abs(K.value.min) : -K.value.min), Ja = b(() => Ai.value ? Ca.value.map((e, t) => {
-			let n = Da(e.series), r = `uniqueId_${t}`;
+			let n = Ba.value === null ? e > 0 ? 0 : e : Ba.value, r = Ha.value === null ? t : Ha.value;
+			return Ga(e < n ? e : n, t > r ? t : r).max;
+		}), q = x(() => H.value.chart.grid.labels.yAxis.useNiceScale ? de(Ka.value, qa.value < 0 ? 0 : qa.value, H.value.chart.grid.labels.yAxis.commonScaleSteps) : ue(Ka.value, qa.value < 0 ? 0 : qa.value, H.value.chart.grid.labels.yAxis.commonScaleSteps)), Ja = x(() => [null, void 0].includes(H.value.chart.grid.labels.yAxis.scaleMin) ? q.value.min >= 0 ? 0 : Math.abs(q.value.min) : -q.value.min), Ya = x(() => Ai.value ? W.value.map((e, t) => {
+			let n = Oa(e.series), r = `uniqueId_${t}`;
 			return {
 				...e,
 				slotAbsoluteIndex: t,
-				series: n.map((e) => ve(e) ? e : null).slice(G.value.start, G.value.end),
-				color: Ee(e.color ? e.color : Ra.value[t] ? Ra.value[t] : se[t]),
+				series: n.map((e) => _e(e) ? e : null).slice(K.value.start, K.value.end),
+				color: Te(e.color ? e.color : za.value[t] ? za.value[t] : h[t]),
 				id: r,
 				scaleLabel: e.scaleLabel || r
 			};
-		}) : Ca.value), Ya = b(() => Ja.value.map((e, t) => ({
+		}) : W.value), Xa = x(() => Ya.value.map((e, t) => ({
 			absoluteIndex: t,
 			...e,
-			series: e.series.map((e) => e + qa.value),
+			series: e.series.map((e) => e + Ja.value),
 			absoluteValues: e.series,
-			segregate: () => as(e),
+			segregate: () => cs(e),
 			isSegregated: I.value.includes(e.id)
-		}))), Xa = b(() => Ja.value.map((e, t) => ({
+		}))), Za = x(() => Ya.value.map((e, t) => ({
 			...e,
-			series: e.series.map((e) => e + qa.value),
+			series: e.series.map((e) => e + Ja.value),
 			absoluteValues: e.series
-		})).filter((e) => !I.value.includes(e.id))), Za = b(() => I.value.length === Ya.value.length);
-		function Qa() {
+		})).filter((e) => !I.value.includes(e.id))), Qa = x(() => I.value.length === Xa.value.length), J = x(() => H.value.chart.grid.labels.yAxis.position === "right");
+		function $a() {
 			let e = 0;
 			Ti.value && (e = Array.from(Ti.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
-				return (n > e ? n : e) + H.value.chart.grid.labels.yAxis.scaleValueOffsetX;
+				return n > e ? n : e;
 			}, 0));
-			let t = Ci.value ? Ci.value.getBoundingClientRect().width + H.value.chart.grid.labels.axis.yLabelOffsetX + V.value.yAxis : 0, n = H.value.chart.grid.labels.yAxis.crosshairSize;
-			return e + t + n;
+			let t = Ci.value ? Ci.value.getBoundingClientRect().width + H.value.chart.grid.labels.axis.yLabelOffsetX + V.value.yAxis : 0, n = e + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + H.value.chart.grid.labels.yAxis.crosshairSize;
+			return {
+				left: J.value ? 0 : n + t,
+				right: J.value ? n + t : 0,
+				scaleLabelsOffset: n,
+				yAxisLabelWidth: t
+			};
 		}
-		let $a = O(0), eo = O(0);
-		function to() {
+		let eo = O(0), to = O(0);
+		function no() {
 			let e = wi.value;
 			if (!e) {
-				$a.value = 0, eo.value = 0;
+				eo.value = 0, to.value = 0;
 				return;
 			}
 			try {
 				let t = e.getBBox();
-				$a.value = t?.height ?? 0, eo.value = t?.x ?? 0;
+				eo.value = t?.height ?? 0, to.value = t?.x ?? 0;
 			} catch {
-				$a.value = 0, eo.value = 0;
+				eo.value = 0, to.value = 0;
 			}
 		}
-		let no = b(() => {
+		let ro = x(() => {
 			let e = 0;
 			if (Si.value) try {
 				e = Si.value.getBBox().height || 0;
 			} catch {
 				e = 0;
 			}
-			return e + $a.value + V.value.xAxis;
-		}), ro = b(() => Ca.value.some((e) => e.useProgression)), q = b(() => {
+			return e + eo.value + V.value.xAxis;
+		}), io = x(() => W.value.some((e) => e.useProgression));
+		function ao() {
+			return H.value.chart.grid.labels.yAxis.crosshairSize + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + H.value.chart.grid.labels.yAxis.labelWidth + H.value.chart.grid.labels.axis.yLabelOffsetX + V.value.dataLabels * .8;
+		}
+		let Y = x(() => {
 			ra.value;
-			let e = 0;
-			H.value.chart.grid.labels.show && (e = U.value.useIndividualScale && !U.value.isStacked ? (Ca.value.length - I.value.length) * (H.value.chart.grid.labels.yAxis.labelWidth + 36) : U.value.useIndividualScale && U.value.isStacked ? H.value.chart.grid.labels.yAxis.labelWidth + 36 : Qa());
-			let t = H.value.chart.labels.fontSize * 1.1, n = ro.value ? 24 : 6;
-			wi.value && eo.value < 0 && (e += Math.abs(eo.value));
-			let r = F.value - e - H.value.chart.grid.labels.yAxis.crosshairSize - n - H.value.chart.padding?.left - H.value.chart.padding?.right, i = H.value.chart.grid.position === "middle" ? 0 : r / Y.value / 2;
+			let e = 0, t = 0, n = 0, r = 0;
+			if (H.value.chart.grid.labels.show) if (U.value.useIndividualScale && !U.value.isStacked) J.value ? t = (W.value.length - I.value.length) * ao() : e = (W.value.length - I.value.length) * (H.value.chart.grid.labels.yAxis.labelWidth + 36);
+			else if (U.value.useIndividualScale && U.value.isStacked) {
+				let n = H.value.chart.grid.labels.yAxis.labelWidth + 36;
+				J.value ? t = n : e = n;
+			} else {
+				let i = $a();
+				e = i.left, t = i.right, n = i.scaleLabelsOffset, r = i.yAxisLabelWidth;
+			}
+			let i = H.value.chart.labels.fontSize * 1.1, a = io.value ? 24 : 6;
+			wi.value && to.value < 0 && (e += Math.abs(to.value));
+			let o = F.value - e - t - a - H.value.chart.padding?.left - H.value.chart.padding?.right;
 			return {
-				top: H.value.chart.padding?.top + t,
-				right: F.value - n - H.value.chart.padding?.right,
-				bottom: ji.value - no.value - H.value.chart.padding?.bottom - H.value.chart.grid.labels.axis.xLabelOffsetY,
-				left: e + H.value.chart.grid.labels.yAxis.crosshairSize - i + H.value.chart.padding?.left,
-				height: ji.value - no.value - H.value.chart.padding?.top - H.value.chart.padding?.bottom - t - H.value.chart.grid.labels.axis.xLabelOffsetY,
-				width: r,
+				top: H.value.chart.padding?.top + i,
+				right: e + (J.value ? 0 : H.value.chart.grid.labels.yAxis.crosshairSize) + H.value.chart.padding?.left + o,
+				bottom: ji.value - ro.value - H.value.chart.padding?.bottom - H.value.chart.grid.labels.axis.xLabelOffsetY,
+				left: e + (J.value ? 0 : H.value.chart.grid.labels.yAxis.crosshairSize) + H.value.chart.padding?.left,
+				height: ji.value - ro.value - H.value.chart.padding?.top - H.value.chart.padding?.bottom - i - H.value.chart.grid.labels.axis.xLabelOffsetY,
+				width: o,
 				scaleLabelX: e,
+				rightScaleLabelX: t,
+				scaleLabelsOffset: n,
+				yAxisLabelWidth: r,
 				individualOffsetX: 36
 			};
-		}), io = b(() => {
-			let e = +(H.value.chart.grid.position === "middle"), t = Y.value + e, n = _(q.value?.top), r = _(q.value?.bottom);
+		}), 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 = q.value.width / Y.value * t + q.value?.left + Z.value;
+				let i = H.value.chart.grid.position === "middle" ? Ss(t) : xs(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
-		}), ao = b(() => {
+		}), so = x(() => {
 			if (!H.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-			let e = q.value.width / Y.value, t = H.value.chart.grid.labels.xAxis.crosshairSize, n = H.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-			return vo.value.map((r, i) => {
-				if (!r || !r.text) return null;
-				let a = q.value?.left + e * i + e / 2;
-				return `M${a},${n ? zo.value - (zo.value === q.value?.bottom ? 0 : t / 2) : q.value?.bottom} L${a},${n ? zo.value + t / (zo.value === q.value?.bottom ? 1 : 2) : q.value?.bottom + t}`;
+			bs.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);
+				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(" ");
 		});
-		function oo() {
+		function co() {
 			return !!di?.vnode.props?.onSelectTimeLabel;
 		}
-		function so(e, t, n) {
+		function lo(e, t, n) {
 			return Ji.value ||= document.createElement("canvas").getContext("2d"), Ji.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, Ji.value;
 		}
-		function co() {
+		function uo() {
 			let e = hi.value.querySelectorAll(".vue-ui-xy-tag");
 			e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
 		}
-		function lo(e, t, n, r, i) {
+		function fo(e, t, n, r, i) {
 			n && (qi.value[`${e}_${t}_${r}_${i}`] = n);
 		}
-		let uo = O(!1);
-		async function fo(e = !1) {
-			await it(), uo.value = e, Wi.value && (Ki.value = e);
+		let po = O(!1);
+		async function mo(e = !1) {
+			await rt(), po.value = e, Wi.value && (Ki.value = e);
 		}
-		function po() {
+		function ho() {
 			Fi.value = !Fi.value;
 		}
-		let J = O([]), mo = O([]), ho = 0;
+		let X = O([]), go = O([]), _o = 0;
 		ht(() => {
-			let e = ++ho;
+			let e = ++_o;
 			(async () => {
-				let t = Math.max(...Ca.value.map((e) => le({
+				let t = Math.max(...W.value.map((e) => ce({
 					data: e.series,
 					threshold: H.value.downsample.threshold
-				}).length)), n = await je({
+				}).length)), n = await Ae({
 					values: H.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: H.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-					start: G.value.start,
-					end: G.value.end
+					start: K.value.start,
+					end: K.value.end
 				});
-				e === ho && (J.value = n);
+				e === _o && (X.value = n);
 			})();
 		});
-		let go = 0;
+		let vo = 0;
 		ht(() => {
-			let e = ++go;
+			let e = ++vo;
 			(async () => {
-				let t = Math.max(...Ca.value.map((e) => le({
+				let t = Math.max(...W.value.map((e) => ce({
 					data: e.series,
 					threshold: H.value.downsample.threshold
-				}).length)), n = await je({
+				}).length)), n = await Ae({
 					values: H.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: H.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
 					start: 0,
-					end: W.value
+					end: G.value
 				});
-				e === go && (mo.value = n);
+				e === vo && (go.value = n);
 			})();
 		});
-		let _o = b(() => {
+		let yo = x(() => {
 			let e = H.value.chart.grid.labels.xAxisLabels.modulo;
-			return J.value.length ? Math.min(e, [...new Set(J.value.map((e) => e.text))].length) : e;
-		}), vo = b(() => {
-			let e = H.value.chart.grid.labels.xAxisLabels, t = J.value || [], n = mo.value || [], r = G.value.start ?? 0, i = B.value, a = Y.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return Ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, _o.value || 1), o, s, r, i, a);
-		}), yo = b(() => (vo.value || []).map((e) => e?.text ?? "").join("|"));
+			return X.value.length ? Math.min(e, [...new Set(X.value.map((e) => e.text))].length) : e;
+		}), bo = x(() => {
+			let e = H.value.chart.grid.labels.xAxisLabels, t = X.value || [], n = go.value || [], r = K.value.start ?? 0, i = B.value, a = Z.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
+			return Se(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, yo.value || 1), o, s, r, i, a);
+		}), xo = x(() => (bo.value || []).map((e) => e?.text ?? "").join("|"));
 		st(() => {
 			requestAnimationFrame(() => {
-				to();
+				no();
 			}), mt([
-				() => yo.value,
+				() => xo.value,
 				() => H.value.chart.grid.labels.xAxisLabels.rotation,
 				() => V.value.xAxis,
 				() => F.value,
 				() => ji.value
 			], async () => {
-				await it(), requestAnimationFrame(() => {
-					to();
+				await rt(), requestAnimationFrame(() => {
+					no();
 				});
 			}, { flush: "post" });
 		}), ot(() => {
-			$a.value = 0, eo.value = 0, aa.stop();
+			eo.value = 0, to.value = 0, aa.stop();
 		});
-		function bo(e, t) {
+		function So(e, t) {
 			li("selectTimeLabel", {
-				datapoint: Xa.value.map((e) => ({
+				datapoint: Za.value.map((e) => ({
 					shape: e.shape ?? e.type === "bar" ? "square" : "circle",
 					name: e.name,
 					color: e.color,
@@ -971,70 +1002,70 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				label: e.text
 			});
 		}
-		let Y = b(() => {
-			let e = ua((G.value.end ?? 0) - (G.value.start ?? 0));
+		let Z = x(() => {
+			let e = ua((K.value.end ?? 0) - (K.value.start ?? 0));
 			return Math.max(1, e);
 		});
-		function xo(e) {
+		function Co(e) {
 			R.value = e;
 		}
-		function So() {
+		function wo() {
 			U.value.isStacked = !U.value.isStacked, U.value.isStacked ? U.value.useIndividualScale = !0 : U.value.useIndividualScale = H.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
-		function Co(e) {
-			ya.value && e.autoScaling && (H.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), H.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+		function To(e) {
+			xa.value && e.autoScaling && (H.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), H.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
 		}
-		function wo(e, t) {
+		function Eo(e, t) {
 			let n = ua(e), r = Array(n).fill(0);
 			for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
 			return r;
 		}
-		function To(e) {
-			let t = Math.max(...Ca.value.map((e) => Da(e.series).length));
+		function Do(e) {
+			let t = Math.max(...W.value.map((e) => Oa(e.series).length));
 			return e > t ? t : e < 0 || H.value.chart.zoom.startIndex !== null && e < H.value.chart.zoom.startIndex ? H.value.chart.zoom.startIndex === null ? 1 : H.value.chart.zoom.startIndex + 1 : e;
 		}
-		let Eo = O(!1), Do = O(!1), Oo = O(0), ko = O(0);
-		function Ao(e, t) {
+		let Oo = O(!1), ko = O(!1), Ao = O(0), jo = O(0);
+		function Mo(e, t) {
 			let n = Number(e), r = Number(t);
 			return !Number.isFinite(n) || !Number.isFinite(r) ? !1 : !Object.is(n, r);
 		}
-		function jo() {
-			if (!Eo.value) {
-				Eo.value = !0;
+		function No() {
+			if (!Oo.value) {
+				Oo.value = !0;
 				try {
-					let { startIndex: e, endIndex: t } = H.value.chart.zoom, n = H.value.chart.zoom.keepState ? Math.max(0, ...Ca.value.map((e) => Da(e.series).length)) : Math.max(...Ca.value.map((e) => Da(e.series).length));
+					let { startIndex: e, endIndex: t } = H.value.chart.zoom, n = H.value.chart.zoom.keepState ? Math.max(0, ...W.value.map((e) => Oa(e.series).length)) : Math.max(...W.value.map((e) => Oa(e.series).length));
 					if (H.value.chart.zoom.keepState && n <= 0) return;
-					Oo.value = 0, ko.value = n;
-					let r = e ?? 0, i = t == null ? n : Math.min(To(t + 1), n);
-					Mo.value = !0, G.value.start = r, G.value.end = i, Oa.value.start = r, Oa.value.end = i, ja(), Do.value = !0;
+					Ao.value = 0, jo.value = n;
+					let r = e ?? 0, i = t == null ? n : Math.min(Do(t + 1), n);
+					Po.value = !0, K.value.start = r, K.value.end = i, ka.value.start = r, ka.value.end = i, Ma(), ko.value = !0;
 				} finally {
 					queueMicrotask(() => {
-						Mo.value = !1;
-					}), Eo.value = !1;
+						Po.value = !1;
+					}), Oo.value = !1;
 				}
 			}
 		}
-		let Mo = O(!1);
-		function No(e) {
-			if (Eo.value || Mo.value) return;
+		let Po = O(!1);
+		function Fo(e) {
+			if (Oo.value || Po.value) return;
 			let t = Number(e);
 			li("zoomStart", {
 				index: t,
-				isZoom: Ao(t, Oo.value)
-			}), Number.isFinite(t) && t !== G.value.start && (G.value.start = t, Oa.value.start = t, ja());
+				isZoom: Mo(t, Ao.value)
+			}), Number.isFinite(t) && t !== K.value.start && (K.value.start = t, ka.value.start = t, Ma());
 		}
-		function Po(e) {
-			if (Eo.value || Mo.value) return;
-			let t = To(e);
+		function Io(e) {
+			if (Oo.value || Po.value) return;
+			let t = Do(e);
 			li("zoomEnd", {
 				index: t,
-				isZoom: Ao(t, ko.value)
-			}), t !== G.value.end && (G.value.end = t, Oa.value.end = t, ja());
+				isZoom: Mo(t, jo.value)
+			}), t !== K.value.end && (K.value.end = t, ka.value.end = t, Ma());
 		}
-		async function Fo() {
-			await jo(), li("zoomReset");
+		async function Lo() {
+			await No(), li("zoomReset");
 		}
-		function Io(e) {
+		function Ro(e) {
 			return ![
 				null,
 				void 0,
@@ -1043,47 +1074,47 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				-Infinity
 			].includes(e);
 		}
-		let Lo = b(() => K.value.max + qa.value);
-		function Ro(e) {
-			return e / (Io(Lo.value) ? Lo.value : 1);
-		}
-		let zo = b(() => isNaN(Ro(qa.value)) ? q.value?.bottom : q.value?.bottom - q.value.height * Ro(qa.value));
+		let zo = x(() => q.value.max + Ja.value);
 		function Bo(e) {
-			let t = K.value.min, n = K.value.max - t;
-			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? q.value?.bottom : q.value?.bottom - q.value.height * ((e - t) / n);
+			return e / (Ro(zo.value) ? zo.value : 1);
 		}
-		let Vo = b(() => K.value.min <= 0 && K.value.max >= 0 ? Bo(0) : K.value.min > 0 ? Bo(K.value.min) : Bo(K.value.max));
+		let Vo = x(() => isNaN(Bo(Ja.value)) ? Y.value?.bottom : Y.value?.bottom - Y.value.height * Bo(Ja.value));
 		function Ho(e) {
-			let t = ![null, void 0].includes(H.value.chart.grid.labels.yAxis.scaleMin) && H.value.chart.grid.labels.yAxis.scaleMin > 0 && Ga.value >= 0 ? q.value?.bottom : zo.value;
-			return e.value >= 0 ? v(t - e.y <= 0 ? 1e-5 : t - e.y) : v(e.y - zo.value <= 0 ? 1e-5 : e.y - zo.value);
+			let t = q.value.min, n = q.value.max - t;
+			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? Y.value?.bottom : Y.value?.bottom - Y.value.height * ((e - t) / n);
 		}
-		function Uo(e) {
-			return e.value >= 0 ? v(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : v(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
+		let Uo = x(() => q.value.min <= 0 && q.value.max >= 0 ? Ho(0) : q.value.min > 0 ? Ho(q.value.min) : Ho(q.value.max));
+		function Wo(e) {
+			let t = ![null, void 0].includes(H.value.chart.grid.labels.yAxis.scaleMin) && H.value.chart.grid.labels.yAxis.scaleMin > 0 && Ka.value >= 0 ? Y.value?.bottom : Vo.value;
+			return e.value >= 0 ? y(t - e.y <= 0 ? 1e-5 : t - e.y) : y(e.y - Vo.value <= 0 ? 1e-5 : e.y - Vo.value);
 		}
-		let X = b(() => {
-			let e = Math.max(1, Y.value), t = Math.max(1, q.value.width);
+		function Go(e) {
+			return e.value >= 0 ? y(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : y(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
+		}
+		let Ko = x(() => {
+			let e = Math.max(1, Z.value);
 			return {
-				bar: da(t, e * Math.max(1, Ja.value.filter((e) => e.type === "bar" && !I.value.includes(e.id)).length), 1),
-				plot: da(t, e, 1),
-				line: da(t, e, 1)
+				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
 			};
 		});
-		function Wo() {
-			return U.value.useIndividualScale && U.value.isStacked ? X.value.line - q.value.width / Y.value * .1 : X.value.bar;
+		function qo() {
+			return U.value.useIndividualScale && U.value.isStacked ? Ko.value.line - Y.value.width / Z.value * .1 : Ko.value.bar;
 		}
-		function Go(e) {
-			return U.value.useIndividualScale && U.value.isStacked ? e.x + q.value.width / Y.value * .05 : e.x + X.value.bar / 2;
+		function Jo(e) {
+			return U.value.useIndividualScale && U.value.isStacked ? e.x + Y.value.width / Z.value * .05 : e.x + Ko.value.bar / 2;
 		}
-		function Ko(e) {
+		function Yo(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(zo.value) ? q?.bottom.value : zo.value;
+			].includes(Vo.value) ? Y?.bottom.value : Vo.value;
 		}
-		function qo(e) {
+		function Xo(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
@@ -1092,8 +1123,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let Jo = O(null);
-		function Yo(e) {
+		let Zo = O(null);
+		function Qo(e) {
 			let t = z.value;
 			if (!t) return null;
 			if (t.createSVGPoint && t.getScreenCTM) {
@@ -1121,43 +1152,43 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				ok: !0
 			};
 		}
-		let Xo = 0;
-		function Zo(e) {
-			$i.value = null, !Fi.value && (Xo && cancelAnimationFrame(Xo), Xo = requestAnimationFrame(() => {
-				Xo = 0;
-				let t = Yo(e);
+		let $o = 0;
+		function es(e) {
+			$i.value = null, !Fi.value && ($o && cancelAnimationFrame($o), $o = requestAnimationFrame(() => {
+				$o = 0;
+				let t = Qo(e);
 				if (!t || !z.value) {
-					Qo();
+					ts();
 					return;
 				}
-				let { left: n, right: r, top: i, bottom: a, width: o } = q.value;
+				let { left: n, right: r, top: i, bottom: a, width: o } = Y.value;
 				if (t.x < n || t.x > r || t.y < i || t.y > a) {
-					Qo();
+					ts();
 					return;
 				}
-				let s = t.x - n, c = o / Y.value, l = Math.floor(s / c);
-				l >= 0 && l < Y.value ? Jo.value !== l && (Jo.value = l, Hs(!0, l)) : Qo();
+				let s = Ts(t.x);
+				s == null ? ts() : Zo.value !== s && (Zo.value = s, ec(!0, s));
 			}));
 		}
-		function Qo() {
-			Xo &&= (cancelAnimationFrame(Xo), 0), Jo.value = null, Hs(!1, null);
+		function ts() {
+			$o &&= (cancelAnimationFrame($o), 0), Zo.value = null, ec(!1, null);
 		}
-		function $o(e) {
-			let t = Yo(e);
+		function ns(e) {
+			let t = Qo(e);
 			if (t && z.value) {
-				let { left: e, right: n, top: r, bottom: i, width: a } = q.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 n = a / Math.max(1, Y.value), r = Math.floor((t.x - e) / n);
-					if (r >= 0 && r < Y.value) {
-						es(r);
+					let e = Ts(t.x);
+					if (e != null) {
+						rs(e);
 						return;
 					}
 				}
 			}
-			Jo.value != null && es(Jo.value);
+			Zo.value != null && rs(Zo.value);
 		}
-		function es(e) {
-			let t = Xa.value.map((t) => ({
+		function rs(e) {
+			let t = Za.value.map((t) => ({
 				name: t.name,
 				value: [
 					null,
@@ -1173,20 +1204,20 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				indexLabel: H.value.chart.grid.labels.xAxisLabels.values[e]
 			}), H.value.events.datapointClick && H.value.events.datapointClick({
 				datapoint: t,
-				seriesIndex: e + G.value.start
+				seriesIndex: e + K.value.start
 			});
 		}
-		function ts() {
-			return Ya.value.map((e) => ({
+		function is() {
+			return Xa.value.map((e) => ({
 				values: e.absoluteValues,
 				color: e.color,
 				name: e.name,
 				type: e.type
 			}));
 		}
-		async function ns({ scale: e = 2 } = {}) {
+		async function as({ scale: e = 2 } = {}) {
 			if (!hi.value) return;
-			let { width: t, height: n } = hi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ve({
+			let { width: t, height: n } = hi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Be({
 				domElement: hi.value,
 				base64: !0,
 				img: !0,
@@ -1201,41 +1232,41 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				aspectRatio: r
 			};
 		}
-		function rs() {
-			I.value.length ? I.value = [] : Ya.value.forEach((e) => {
+		function os() {
+			I.value.length ? I.value = [] : Xa.value.forEach((e) => {
 				I.value.push(e.id);
 			});
 		}
-		function is(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), as(t));
+		function ss(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), cs(t));
 		}
-		function as(e) {
+		function cs(e) {
 			if (I.value.includes(e.id)) I.value = I.value.filter((t) => t !== e.id);
 			else {
-				if (I.value.length + 1 === Ja.value.length) return;
+				if (I.value.length + 1 === Ya.value.length) return;
 				I.value.push(e.id);
 			}
-			li("selectLegend", Xa.value.map((e) => ({
+			li("selectLegend", Za.value.map((e) => ({
 				name: e.name,
 				values: e.absoluteValues,
 				color: e.color,
 				type: e.type
 			}))), Ui.value += 1;
 		}
-		function os(e) {
-			return Ya.value.length ? Ya.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 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);
 		}
-		function ss(e) {
-			let t = os(e);
-			t !== null && I.value.includes(t.id) && as({ id: t.id });
+		function us(e) {
+			let t = ls(e);
+			t !== null && I.value.includes(t.id) && cs({ id: t.id });
 		}
-		function cs(e) {
-			let t = os(e);
-			t !== null && (I.value.includes(t.id) || as({ id: t.id }));
+		function ds(e) {
+			let t = ls(e);
+			t !== null && (I.value.includes(t.id) || cs({ id: t.id }));
 		}
-		let ls = b(() => `${H.value.chart.title.text || "Chart visualization"}. ${H.value.chart.title.subtitle.text || ""}`), us = b(() => ({ linePlot: Y.value > H.value.line.dot.hideAboveMaxSerieLength })), ds = b(() => H.value.chart.userOptions.show && (!H.value.chart.title.show || !H.value.chart.title.text)), fs = b(() => {
+		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(() => {
 			if (Array.isArray(H.value.chart.highlightArea)) return H.value.chart.highlightArea.map((e) => {
-				let t = Math.min(e.to, W.value - 1);
+				let t = Math.min(e.to, G.value - 1);
 				return {
 					...e,
 					span: e.from === t ? 1 : t < e.from ? 0 : t - e.from + 1
@@ -1243,26 +1274,26 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			});
 			let e = {
 				...H.value.chart.highlightArea,
-				to: Math.min(H.value.chart.highlightArea.to, W.value - 1)
+				to: Math.min(H.value.chart.highlightArea.to, G.value - 1)
 			};
 			return [{
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), ps = b(() => Ai.value ? Ca.value.map((e, t) => ({
+		}), gs = x(() => Ai.value ? W.value.map((e, t) => ({
 			...e,
-			series: Da(e.series),
+			series: Oa(e.series),
 			id: `uniqueId_${t}`,
-			color: Ee(e.color ? e.color : Ra.value[t] ? Ra.value[t] : se[t])
-		})) : Ca.value), ms = b(() => Xa.value.map((e) => {
+			color: Te(e.color ? e.color : za.value[t] ? za.value[t] : h[t])
+		})) : W.value), _s = x(() => Za.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
 			return {
 				id: e.id,
 				name: e.name,
 				color: e.color,
-				values: wo(Y.value, t)
+				values: Eo(Z.value, t)
 			};
-		})), hs = b(() => ({
+		})), vs = x(() => ({
 			responsiveBreakpoint: H.value.table.responsiveBreakpoint,
 			roundingValues: H.value.table.rounding,
 			showAverage: !1,
@@ -1271,7 +1302,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: J.value.map((e, t) => H.value.table.useDefaultTimeFormat ? e.text : Is.value(t + G.value.start, H.value.table.timeFormat)),
+			colNames: X.value.map((e, t) => H.value.table.useDefaultTimeFormat ? e.text : Js.value(t + K.value.start, H.value.table.timeFormat)),
 			thead: {
 				backgroundColor: H.value.table.th.backgroundColor,
 				color: H.value.table.th.color,
@@ -1284,8 +1315,42 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			},
 			userOptions: { show: !1 },
 			sparkline: { animation: { show: !1 } }
-		})), Z = b(() => H.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value / 2), gs = b(() => h(Ya.value.filter((e) => !I.value.includes(e.id))));
-		function _s(e, t) {
+		})), ys = 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;
+		}
+		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;
+		}
+		function Cs(e) {
+			return Math.max(Y.value?.left || 0, Ss(e));
+		}
+		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));
+		}
+		function Ts(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);
+				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;
+			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
+		}
+		function Ds(e) {
+			return Math.max(1e-5, bs.value * e);
+		}
+		let Os = x(() => g(Xa.value.filter((e) => !I.value.includes(e.id))));
+		function ks(e, t) {
 			let n = Object.create(null);
 			for (let r = 0; r < e.length; r += 1) {
 				let i = e[r], a = String(t(i));
@@ -1293,8 +1358,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			}
 			return n;
 		}
-		let Q = b(() => {
-			let e = _s(gs.value, (e) => e.scaleLabel), t = {};
+		let Q = x(() => {
+			let e = ks(Os.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = r.flatMap((e) => e.absoluteValues);
 				t[n] = {
@@ -1304,19 +1369,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				};
 			}
 			return t;
-		}), vs = b(() => {
-			let e = Ja.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length;
-			return q.value.width / Y.value / e - ys.value * e;
-		}), ys = b(() => X.value.line * H.value.bar.periodGap), bs = b(() => Math.max(1e-5, Wo() - (U.value.useIndividualScale && U.value.isStacked ? 0 : ys.value))), xs = b(() => bs.value * Math.min(Math.abs(H.value.bar.innerGap), .95)), Ss = b(() => {
+		}), As = 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(() => {
 			if (!H.value.chart.zoom.minimap.show) return [];
-			let e = ps.value.filter((e) => !I.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
+			let e = gs.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));
-		}), Cs = b(() => H.value.chart.zoom.minimap.show ? ps.value.map((e) => ({
+		}), Fs = x(() => H.value.chart.zoom.minimap.show ? gs.value.map((e) => ({
 			...e,
 			isVisible: !I.value.includes(e.id)
-		})) : []), ws = b(() => Xa.value.map((e) => ({
+		})) : []), Is = x(() => Za.value.map((e) => ({
 			slotAbsoluteIndex: e.slotAbsoluteIndex,
 			shape: e.shape || e.type === "bar" ? "square" : "circle",
 			name: e.name,
@@ -1326,19 +1391,19 @@ 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
-		}))), Ts = b(() => K.value.ticks.map((e) => ({
-			y: e >= 0 ? zo.value - q.value.height * Ro(e) : zo.value + q.value.height * Ro(Math.abs(e)),
+		}))), Ls = 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
-		}))), Es = b(() => {
+		}))), Rs = 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));
 			if (!t.length) return [];
-			let { left: n, right: r } = q.value, i = zo.value, a = q.value.height, s = K.value.min, c = K.value.max - s, l = (e) => i - (e - 0) / c * a;
+			let { left: n, right: r } = Y.value, i = Vo.value, a = Y.value.height, s = q.value.min, c = q.value.max - s, l = (e) => i - (e - 0) / c * a;
 			return t.map((e) => {
-				let { yAxis: { yTop: t, yBottom: i, label: a } } = e, s = t != null && i != null && t !== i, c = t == null ? null : l(t), u = i == null ? null : l(i), ee = so(a.fontSize);
+				let { yAxis: { yTop: t, yBottom: i, label: a } } = e, s = t != null && i != null && t !== i, c = t == null ? null : l(t), u = i == null ? null : l(i), ee = lo(a.fontSize);
 				ee.font = `${a.fontSize}px sans-serif`;
 				let te = ee.measureText(a.text).width, d = a.fontSize, f = (a.position === "start" ? n + a.padding?.left : r - a.padding?.right) + a.offsetX, p = (c != null && u != null ? Math.min(c, u) : c ?? u) - a.fontSize / 3 + a.offsetY - a.padding?.top, m;
 				m = a.textAnchor === "middle" ? f - te / 2 - a.padding?.left : a.textAnchor === "end" ? f - te - a.padding?.right : f - a.padding?.left;
@@ -1375,12 +1440,12 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				};
 			});
 		});
-		function Ds(e, t) {
+		function zs(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 Io(e[t].value) && i && H.value.line.cutNullValues;
+			return Ro(e[t].value) && i && H.value.line.cutNullValues;
 		}
-		function Os({ 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 ? de : fe, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, d = u(o.min, ee, c), f = u(i, te, c), p = d.min >= 0 ? 0 : Math.abs(d.min), 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, se = U.value.isStacked ? r * e.stackRatio : q.value.height;
+		function Bs({ 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,
 				individualScale: d,
@@ -1390,19 +1455,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				individualMax: m,
 				autoScaleMax: ne,
 				yOffset: oe,
-				individualHeight: se,
-				zeroPosition: q.value?.bottom - oe - se * p / m,
-				autoScaleZeroPosition: q.value?.bottom - oe - se * 0 / ne
+				individualHeight: h,
+				zeroPosition: Y.value?.bottom - oe - h * p / m,
+				autoScaleZeroPosition: Y.value?.bottom - oe - h * 0 / ne
 			};
 		}
-		let ks = b(() => {
-			let e = gs.value.filter((e) => [
+		let Vs = x(() => {
+			let e = Os.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = H.value.chart.grid.labels.yAxis.gap, r = U.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
+			].includes(e.type)), t = e.length, n = H.value.chart.grid.labels.yAxis.gap, r = U.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
 			return e.filter((e) => e.type === "bar").map((e, r) => {
-				Co(e);
+				To(e);
 				let a = Q.value[e.scaleLabel].min, o = Q.value[e.scaleLabel].max, s = {
 					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (o - a)),
 					valueMin: a,
@@ -1410,7 +1475,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 } = Os({
+				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: te, autoScaleMax: d, yOffset: f, individualHeight: p, zeroPosition: m, autoScaleZeroPosition: ne } = Bs({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1418,37 +1483,37 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					autoScaleValueMin: s.valueMin,
 					autoScaleValueMax: s.valueMax,
 					individualExtremes: c
-				}), re = Ya.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 : Ro(t), a = U.value.useIndividualScale && U.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left + X.value.bar * r + X.value.bar * n * re - vs.value / 2 - r * ys.value;
+				}), 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;
 					return {
-						yOffset: v(f),
-						individualHeight: v(p),
-						x: v(a),
-						y: q.value?.bottom - f - p * i,
+						yOffset: y(f),
+						individualHeight: y(p),
+						x: y(a),
+						y: Y.value?.bottom - f - p * i,
 						value: e.absoluteValues[n],
-						zeroPosition: v(m),
-						individualMax: v(te),
-						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
+						zeroPosition: y(m),
+						individualMax: y(te),
+						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
 				}), ae = e.absoluteValues.map((e) => u.min >= 0 ? (e - Math.abs(u.min)) / (u.max - Math.abs(u.min)) : (e + Math.abs(u.min)) / (u.max + Math.abs(u.min))), oe = e.series.map((t, n) => {
-					let i = U.value.useIndividualScale && U.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left - X.value.bar / 2 + X.value.bar * r + X.value.bar * n * Ya.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length;
+					let i = U.value.useIndividualScale && U.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left - Ko.value.bar / 2 + Ko.value.bar * r + Ko.value.bar * n * Xa.value.filter((e) => e.type === "bar").filter((e) => !I.value.includes(e.id)).length;
 					return {
-						yOffset: v(f),
-						individualHeight: v(p),
-						x: v(i),
-						y: v(q.value?.bottom - v(f) - (v(p) * ae[n] || 0)),
+						yOffset: y(f),
+						individualHeight: y(p),
+						x: y(i),
+						y: y(Y.value?.bottom - y(f) - (y(p) * ae[n] || 0)),
 						value: e.absoluteValues[n],
-						zeroPosition: v(m),
-						individualMax: v(te),
-						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
+						zeroPosition: y(m),
+						individualMax: y(te),
+						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
-				}), se = l.ticks.map((t) => ({
+				}), h = l.ticks.map((t) => ({
 					y: t >= 0 ? m - t / te * p : m + p * Math.abs(t) / te,
 					value: t,
 					prefix: e.prefix || H.value.chart.labels.prefix,
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
-				})), ce = u.ticks.map((t) => {
+				})), se = u.ticks.map((t) => {
 					let n = (t - u.min) / (u.max - u.min);
 					return {
 						y: t >= 0 ? ne - p * n : ne + p * n,
@@ -1458,12 +1523,12 @@ 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 ? ce : se, 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 = ce, Q.value[e.scaleLabel].unique = gs.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 = Os.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: f,
-					autoScaleYLabels: ce,
+					autoScaleYLabels: se,
 					individualHeight: p,
-					scaleYLabels: e.autoScaling ? ce : se,
+					scaleYLabels: e.autoScaling ? se : h,
 					individualScale: e.autoScaling ? u : l,
 					individualMax: e.autoScaling ? d : te,
 					zeroPosition: e.autoScaling ? ne : m,
@@ -1471,14 +1536,14 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), $ = b(() => {
-			let e = gs.value.filter((e) => [
+		}), $ = x(() => {
+			let e = Os.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = H.value.chart.grid.labels.yAxis.gap, r = U.value.isStacked ? n * (t - 1) : 0, a = q.value.height - r;
+			].includes(e.type)), t = e.length, n = H.value.chart.grid.labels.yAxis.gap, r = U.value.isStacked ? n * (t - 1) : 0, a = Y.value.height - r;
 			return e.filter((e) => e.type === "line").map((e, r) => {
-				Co(e);
+				To(e);
 				let o = Q.value[e.scaleLabel].min, c = Q.value[e.scaleLabel].max, l = {
 					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - o) / (c - o)),
 					valueMin: o,
@@ -1486,7 +1551,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: se, zeroPosition: ce, autoScaleZeroPosition: le } = Os({
+				}, { individualScale: d, autoScaleSteps: p, individualZero: m, individualMax: re, autoScaleMax: ie, yOffset: ae, individualHeight: h, zeroPosition: se, autoScaleZeroPosition: ce } = Bs({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1494,76 +1559,76 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					autoScaleValueMin: l.valueMin,
 					autoScaleValueMax: l.valueMax,
 					individualExtremes: ee
-				}), h = e.series.map((t, n) => {
-					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(m)) / re : Ro(t);
+				}), g = e.series.map((t, n) => {
+					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(m)) / re : Bo(t);
 					return {
-						x: v(q.value?.left + X.value.line / 2 + X.value.line * n),
-						y: v(q.value?.bottom - ae - se * r),
+						x: y(xs(n)),
+						y: y(Y.value?.bottom - ae - h * r),
 						value: e.absoluteValues[n],
-						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
+						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
-				}), ue = 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))), g = e.series.map((t, n) => [void 0, null].includes(e.absoluteValues[n]) ? {
-					x: v(q.value?.left + X.value.line / 2 + X.value.line * n),
-					y: ce,
+				}), 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)),
+					y: se,
 					value: e.absoluteValues[n],
-					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
+					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 				} : {
-					x: v(q.value?.left + X.value.line / 2 + X.value.line * n),
-					y: v(q.value?.bottom - ae - (se * ue[n] || 0)),
+					x: y(xs(n)),
+					y: y(Y.value?.bottom - ae - (h * le[n] || 0)),
 					value: e.absoluteValues[n],
-					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
-				}), _ = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, de = H.value.line.cutNullValues ? me(h) : ge(h.filter((e) => e.value !== null)), fe = H.value.line.cutNullValues ? me(g) : ge(g.filter((e) => e.value !== null)), pe = H.value.line.cutNullValues ? u(h) : s(h.filter((e) => e.value !== null)), he = H.value.line.cutNullValues ? u(g) : s(g.filter((e) => e.value !== null)), _e = i(H.value.line.cutNullValues ? h : h.filter((e) => e.value !== null)), ve = i(H.value.line.cutNullValues ? g : g.filter((e) => e.value !== null)), ye = _ ? ne(H.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), e.dashIndices.map((e) => e - G.value.start)) : [], be = _ ? te(H.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), e.dashIndices.map((e) => e - G.value.start)) : [], xe = d.ticks.map((t) => ({
-					y: t >= 0 ? ce - t / re * se : ce + se * Math.abs(t) / re,
+					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
+				}), v = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, ue = H.value.line.cutNullValues ? pe(g) : he(g.filter((e) => e.value !== null)), de = H.value.line.cutNullValues ? pe(_) : he(_.filter((e) => e.value !== null)), fe = H.value.line.cutNullValues ? u(g) : s(g.filter((e) => e.value !== null)), me = H.value.line.cutNullValues ? u(_) : s(_.filter((e) => e.value !== null)), ge = i(H.value.line.cutNullValues ? g : g.filter((e) => e.value !== null)), _e = i(H.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null)), ve = v ? ne(H.value.line.cutNullValues ? g : g.filter((e) => e.value !== null), e.dashIndices.map((e) => e - K.value.start)) : [], ye = v ? te(H.value.line.cutNullValues ? g : g.filter((e) => e.value !== null), e.dashIndices.map((e) => e - K.value.start)) : [], be = d.ticks.map((t) => ({
+					y: t >= 0 ? se - t / re * h : se + h * Math.abs(t) / re,
 					value: t,
 					prefix: e.prefix || H.value.chart.labels.prefix,
 					suffix: e.suffix || H.value.chart.labels.suffix,
 					datapoint: e
-				})), Se = p.ticks.map((t) => {
+				})), xe = p.ticks.map((t) => {
 					let n = (t - p.min) / (p.max - p.min);
 					return {
-						y: t >= 0 ? le - se * n : le + se * n,
+						y: t >= 0 ? ce - h * n : ce + h * n,
 						value: t,
 						prefix: e.prefix || H.value.chart.labels.prefix,
 						suffix: e.suffix || H.value.chart.labels.suffix,
 						datapoint: e
 					};
 				});
-				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = H.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? Se : xe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? le : ce, 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 = se, Q.value[e.scaleLabel].autoScaleYLabels = Se, Q.value[e.scaleLabel].unique = gs.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
-				let Ce = U.value.useIndividualScale ? e.autoScaling ? le : ce : Ba.value, Te = Math.max(Math.max(e.autoScaling ? le : xe.at(-1) ? xe.at(-1).y : 0, q.value?.top), Ce), De = e.autoScaling ? g : h, Oe = H.value.line.cutNullValues ? De : De.filter((e) => e.value !== null), ke = e.absoluteValues.filter((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;
+				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,
 					NaN
-				].includes(e)), Ae = !!e.temperatureColors && new Set(ke).size <= 1;
+				].includes(e)), ke = !!e.temperatureColors && new Set(Oe).size <= 1;
 				return {
 					...e,
-					isFlatTemperatureLine: Ae,
-					temperatureColors: e.temperatureColors ? e.temperatureColors.map((e) => Ee(e)) : null,
+					isFlatTemperatureLine: ke,
+					temperatureColors: e.temperatureColors ? e.temperatureColors.map((e) => Te(e)) : null,
 					yOffset: ae,
-					autoScaleYLabels: Se,
-					individualHeight: se,
-					scaleYLabels: e.autoScaling ? Se : xe,
+					autoScaleYLabels: xe,
+					individualHeight: h,
+					scaleYLabels: e.autoScaling ? xe : be,
 					individualScale: e.autoScaling ? p : d,
 					individualMax: e.autoScaling ? ie : re,
-					zeroPosition: e.autoScaling ? le : ce,
-					curve: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? fe : de,
-					plots: e.autoScaling ? g : h,
-					dashedStraight: ye,
-					dashedSmooth: be,
-					hasDashedSegments: _,
-					area: e.useArea ? e.useStepper ? i(Oe, Te) : U.value.useIndividualScale ? H.value.line.cutNullValues ? oe(e.autoScaling ? g : h, Te) : we(e.autoScaling ? g.filter((e) => e.value !== null) : h.filter((e) => e.value !== null), Te) : H.value.line.cutNullValues ? oe(h, Te) : we(h.filter((e) => e.value !== null), Te) : "",
-					curveAreas: e.useArea ? e.useStepper ? i(Oe, Te).split(";").filter(Boolean).map((e) => `M${e}Z`) : f(e.autoScaling ? H.value.line.cutNullValues ? g : g.filter((e) => e.value !== null) : H.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), Te, H.value.line.cutNullValues) : [],
-					straight: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? he : pe,
+					zeroPosition: e.autoScaling ? ce : se,
+					curve: e.useStepper ? e.autoScaling ? _e : ge : e.autoScaling ? de : ue,
+					plots: e.autoScaling ? _ : g,
+					dashedStraight: ve,
+					dashedSmooth: ye,
+					hasDashedSegments: v,
+					area: e.useArea ? e.useStepper ? i(De, we) : U.value.useIndividualScale ? H.value.line.cutNullValues ? oe(e.autoScaling ? _ : g, we) : Ce(e.autoScaling ? _.filter((e) => e.value !== null) : g.filter((e) => e.value !== null), we) : H.value.line.cutNullValues ? oe(g, we) : Ce(g.filter((e) => e.value !== null), we) : "",
+					curveAreas: e.useArea ? e.useStepper ? i(De, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : f(e.autoScaling ? H.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null) : H.value.line.cutNullValues ? g : g.filter((e) => e.value !== null), we, H.value.line.cutNullValues) : [],
+					straight: e.useStepper ? e.autoScaling ? _e : ge : e.autoScaling ? me : fe,
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), As = b(() => {
-			let e = gs.value.filter((e) => [
+		}), Hs = x(() => {
+			let e = Os.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = H.value.chart.grid.labels.yAxis.gap, r = U.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
+			].includes(e.type)), t = e.length, n = H.value.chart.grid.labels.yAxis.gap, r = U.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
 			return e.filter((e) => e.type === "plot").map((e) => {
-				Co(e);
+				To(e);
 				let r = Q.value[e.scaleLabel].min, a = Q.value[e.scaleLabel].max, o = {
 					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - r) / (a - r)),
 					valueMin: r,
@@ -1571,7 +1636,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 } = Os({
+				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: te, yOffset: d, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: m } = Bs({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1581,18 +1646,18 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					individualExtremes: s,
 					forceExactScale: !0
 				}), ne = e.series.map((t, n) => {
-					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Ro(t);
+					let r = U.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Bo(t);
 					return {
-						x: v(q.value?.left + X.value.plot / 2 + X.value.plot * n),
-						y: v(q.value?.bottom - d - f * r),
+						x: y(xs(n)),
+						y: y(Y.value?.bottom - d - f * r),
 						value: e.absoluteValues[n],
-						comment: e.comments && e.comments.slice(G.value.start, G.value.end)[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: v(q.value?.left + X.value.plot / 2 + X.value.plot * n),
-					y: v(q.value?.bottom - d - (f * re[n] || 0)),
+					x: y(xs(n)),
+					y: y(Y.value?.bottom - d - (f * re[n] || 0)),
 					value: e.absoluteValues[n],
-					comment: e.comments && e.comments.slice(G.value.start, G.value.end)[n] || ""
+					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 				})), ae = c.ticks.map((t) => ({
 					y: t >= 0 ? p - t / ee * f : p + f * Math.abs(t) / ee,
 					value: t,
@@ -1609,7 +1674,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 = gs.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 = Os.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: d,
 					autoScaleYLabels: oe,
@@ -1622,7 +1687,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), js = b(() => {
+		}), Us = x(() => {
 			let e = $.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -1633,9 +1698,9 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				scaleLabel: e.scaleLabel || "",
 				id: e.id,
 				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || q.value.height,
+				individualHeight: e.individualHeight || Y.value.height,
 				autoScaleYLabels: e.autoScaleYLabels
-			})), t = ks.value.map((e) => ({
+			})), t = Vs.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -1645,8 +1710,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				scaleLabel: e.scaleLabel || "",
 				id: e.id,
 				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || q.value.height
-			})), n = As.value.map((e) => ({
+				individualHeight: e.individualHeight || Y.value.height
+			})), n = Hs.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -1656,7 +1721,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				scaleLabel: e.scaleLabel || "",
 				id: e.id,
 				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || q.value.height
+				individualHeight: e.individualHeight || Y.value.height
 			})), r = U.value.useIndividualScale && !U.value.isStacked ? Object.values(Q.value) : [
 				...e,
 				...t,
@@ -1664,14 +1729,14 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			], i = r.flatMap((e) => e).length;
 			return r.flatMap((e, t) => {
 				let n = 0;
-				n = U.value.isStacked ? q.value?.left : q.value?.left / i * (t + 1);
+				n = U.value.isStacked ? J.value ? Y.value?.right : Y.value?.left : J.value ? Y.value?.right + ao() * t : Y.value?.left / i * (t + 1);
 				let r = U.value.useIndividualScale && !U.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
 				return {
 					unique: e.unique,
 					id: e.id,
 					groupId: e.groupId,
 					scaleLabel: e.scaleLabel,
-					name: pe(H.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
+					name: fe(H.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
 					color: U.value.useIndividualScale && !U.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
 					scale: e.scale,
 					yOffset: e.yOffset,
@@ -1683,7 +1748,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					}))
 				};
 			});
-		}), Ms = b(() => {
+		}), Ws = x(() => {
 			let e = H.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -1693,7 +1758,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				let o = $.value.find((e) => e.name === i), s = $.value.find((e) => e.name === a);
 				if (!o || !s || o.type !== "line" || s.type !== "line") return;
 				let c = n?.[t]?.[0] ?? o.color, l = n?.[t]?.[1] ?? s.color;
-				ue({
+				le({
 					lineA: o.plots,
 					lineB: s.plots,
 					smoothA: !!o.smooth,
@@ -1709,70 +1774,70 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					});
 				});
 			}), r;
-		}), Ns = b(() => ({
-			timeLabel: J.value[B.value],
-			datapoint: ws.value,
+		}), Gs = x(() => ({
+			timeLabel: X.value[B.value],
+			datapoint: Is.value,
 			seriesIndex: B.value,
-			series: Ya.value,
-			bars: ks.value,
+			series: Xa.value,
+			bars: Vs.value,
 			lines: $.value,
-			plots: As.value,
+			plots: Hs.value,
 			config: H.value
-		})), Ps = O({
+		})), Ks = O({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), Fs = 0;
+		}), qs = 0;
 		ht(() => {
-			let e = ++Fs, t = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+			let e = ++qs, t = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
-				let n = await Ae(t.locale).catch(() => Ae("en"));
-				e === Fs && (Ps.value = n.data);
+				let n = await ke(t.locale).catch(() => ke("en"));
+				e === qs && (Ks.value = n.data);
 			})();
 		});
-		let Is = b(() => {
-			let e = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = ke({
+		let Js = x(() => {
+			let e = H.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Oe({
 				useUTC: e.useUTC,
-				locale: Ps.value,
+				locale: Ks.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);
 			};
-		}), Ls = b(() => (H.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
-			text: Is.value(t, H.value.chart.zoom.timeFormat),
+		}), Ys = x(() => (H.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+			text: Js.value(t, H.value.chart.zoom.timeFormat),
 			absoluteIndex: t
-		}))), Rs = b(() => {
-			let e = "", t = ws.value.map((e) => e.value).filter((e) => ve(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = J.value[B.value], i = H.value.chart.tooltip.customFormat;
-			if (xe(i) && be(() => i({
-				absoluteIndex: B.value + G.value.start,
+		}))), 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;
+			if (be(i) && ye(() => i({
+				absoluteIndex: B.value + K.value.start,
 				seriesIndex: B.value,
-				datapoint: ws.value,
-				series: Ya.value,
-				bars: ks.value,
+				datapoint: Is.value,
+				series: Xa.value,
+				bars: Vs.value,
 				lines: $.value,
-				plots: As.value,
+				plots: Hs.value,
 				config: H.value,
 				dateLabel: n
 			}))) return i({
-				absoluteIndex: B.value + G.value.start,
+				absoluteIndex: B.value + K.value.start,
 				seriesIndex: B.value,
-				datapoint: ws.value,
-				series: Ya.value,
-				bars: ks.value,
+				datapoint: Is.value,
+				series: Xa.value,
+				bars: Vs.value,
 				lines: $.value,
-				plots: As.value,
+				plots: Hs.value,
 				config: H.value,
 				dateLabel: n
 			});
 			if (n && n.text && H.value.chart.tooltip.showTimeLabel) {
-				let t = Is.value(B.value + G.value.start, H.value.chart.tooltip.timeFormat);
+				let t = Js.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 ws.value.forEach((n) => {
-				if (ve(n.value)) {
+			return Is.value.forEach((n) => {
+				if (_e(n.value)) {
 					let i = "", o = "";
 					switch (Pi.value[n.type]) {
 						case "bar":
@@ -1918,46 +1983,46 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							}
 						default: break;
 					}
-					e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${n.name}: <b>${H.value.chart.tooltip.showValue ? pe(n.type === "line" ? H.value.line.labels.formatter : n.type === "bar" ? H.value.bar.labels.formatter : H.value.plot.labels.formatter, n.value, a({
+					e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${n.name}: <b>${H.value.chart.tooltip.showValue ? fe(n.type === "line" ? H.value.line.labels.formatter : n.type === "bar" ? H.value.bar.labels.formatter : H.value.plot.labels.formatter, n.value, a({
 						p: n.prefix,
 						v: n.value,
 						s: n.suffix,
 						r: H.value.chart.tooltip.roundingValue
 					}), { datapoint: n }) : ""}</b> ${H.value.chart.tooltip.showPercentage ? `(${a({
-						v: v(Math.abs(n.value) / t * 100),
+						v: y(Math.abs(n.value) / t * 100),
 						s: "%",
 						r: H.value.chart.tooltip.roundingPercentage
-					})})` : ""}</div>`, H.value.chart.comments.showInTooltip && n.comments.length && n.comments.slice(G.value.start, G.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(G.value.start, G.value.end)[B.value]}</div>`);
+					})})` : ""}</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 = b(() => {
-			if (Ja.value.length === 0) return {
+		}), Zs = x(() => {
+			if (Ya.value.length === 0) return {
 				head: [],
 				body: [],
 				config: {},
 				columnNames: []
 			};
-			let e = Xa.value.map((e) => ({
+			let e = Za.value.map((e) => ({
 				label: e.name,
 				color: e.color,
 				type: e.type
 			})), t = [];
-			return J.value.forEach((e, n) => {
-				let r = H.value.table.useDefaultTimeFormat ? [e.text] : [Is.value(n + G.value.start, H.value.table.timeFormat)];
-				Xa.value.forEach((e) => {
-					r.push(Io(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(H.value.table.rounding)) : "");
+			return X.value.forEach((e, n) => {
+				let r = H.value.table.useDefaultTimeFormat ? [e.text] : [Js.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);
 			}), {
 				head: e,
 				body: t
 			};
-		}), Bs = b(() => {
-			let e = H.value.table.showSum, t = [""].concat(Xa.value.map((e) => e.name));
+		}), Qs = 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 < Y.value; t += 1) {
-				let r = Xa.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
-				n.push([H.value.table.useDefaultTimeFormat ? J.value[t]?.text ?? "-" : Is.value(t + G.value.start, H.value.table.timeFormat)].concat(Xa.value.map((e) => pe(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({
+			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({
 					p: e.prefix || H.value.chart.labels.prefix,
 					v: e.absoluteValues[t] ?? 0,
 					s: e.suffix || H.value.chart.labels.suffix,
@@ -1976,7 +2041,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					outline: H.value.table.td.outline
 				},
 				breakpoint: H.value.table.responsiveBreakpoint
-			}, i = [H.value.table.columnNames.period].concat(Xa.value.map((e) => e.name), H.value.table.columnNames.total);
+			}, i = [H.value.table.columnNames.period].concat(Za.value.map((e) => e.name), H.value.table.columnNames.total);
 			return {
 				head: t,
 				body: n,
@@ -1984,21 +2049,21 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				colNames: i
 			};
 		});
-		function Vs(e = null) {
+		function $s(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 = ["", ...Zs.value.head.map((e) => e.label)], r = Zs.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 Hs(e, t = null) {
-			if (Za.value) return;
+		function ec(e, t = null) {
+			if (Qa.value) return;
 			Li.value = e;
-			let n = Xa.value.map((e) => ({
+			let n = Za.value.map((e) => ({
 				name: e.name,
 				value: [
 					null,
@@ -2010,27 +2075,27 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			}));
 			e ? (B.value = t, H.value.events.datapointEnter && H.value.events.datapointEnter({
 				datapoint: n,
-				seriesIndex: t + G.value.start
+				seriesIndex: t + K.value.start
 			})) : (B.value = null, H.value.events.datapointLeave && H.value.events.datapointLeave({
 				datapoint: n,
-				seriesIndex: t + G.value.start
+				seriesIndex: t + K.value.start
 			}));
 		}
-		function Us() {
+		function tc() {
 			U.value.showTable = !U.value.showTable;
 		}
-		function Ws() {
+		function nc() {
 			U.value.dataLabels.show = !U.value.dataLabels.show;
 		}
-		function Gs() {
+		function rc() {
 			U.value.showTooltip = !U.value.showTooltip;
 		}
-		function Ks(e) {
+		function ic(e) {
 			Ii.value = e, zi.value += 1;
 		}
-		function qs() {
+		function ac() {
 			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, pa.value.plot = H.value.plot.radius, pa.value.line = H.value.line.radius;
+				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;
 			}
 			V.value.dataLabels = re({
@@ -2057,13 +2122,13 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				source: H.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), pa.value.plot = re({
+			}), ha.value.plot = re({
 				relator: F.value,
 				adjuster: 800,
 				source: H.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), pa.value.line = re({
+			}), ha.value.line = re({
 				relator: F.value,
 				adjuster: 800,
 				source: H.value.line.radius,
@@ -2071,59 +2136,59 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				fallback: 1
 			});
 		}
-		function Js() {
-			if (ae(N.dataset) ? (ce({
+		function oc() {
+			if (ae(N.dataset) ? (se({
 				componentName: "VueUiXy",
 				type: "dataset",
-				debug: ya.value
-			}), wa.value = !0) : N.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && (ce({
+				debug: xa.value
+			}), Ta.value = !0) : N.dataset.forEach((e, t) => {
+				[null, void 0].includes(e.name) && (se({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
 					index: t,
-					debug: ya.value
-				}), wa.value = !0);
-			}), ya.value && N.dataset.forEach((e) => {
+					debug: xa.value
+				}), Ta.value = !0);
+			}), xa.value && N.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
-					ve(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
+					_e(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
 				});
-			}), ae(N.dataset) || (wa.value = H.value.loading), Wi.value = H.value.chart.userOptions.showOnChartHover, Gi.value = H.value.chart.userOptions.keepStateOnChartLeave, Ki.value = !H.value.chart.userOptions.showOnChartHover, va(), H.value.responsive) {
+			}), ae(N.dataset) || (Ta.value = H.value.loading), Wi.value = H.value.chart.userOptions.showOnChartHover, Gi.value = H.value.chart.userOptions.keepStateOnChartLeave, Ki.value = !H.value.chart.userOptions.showOnChartHover, ba(), H.value.responsive) {
 				let e = hi.value.parentNode;
 				Di.value && (Di.value.unobserve(Oi.value), Di.value.disconnect());
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
 				H.value.chart.title.show && gi.value && (r = gi.value, i = r.getBoundingClientRect().height);
 				let a = null, o = 0;
-				H.value.chart.zoom.show && W.value > 6 && ga.value && _i.value && _i.value.$el && (a = _i.value.$el, o = a.getBoundingClientRect().height);
+				H.value.chart.zoom.show && G.value > 6 && va.value && _i.value && _i.value.$el && (a = _i.value.$el, o = a.getBoundingClientRect().height);
 				let s = null, c = 0;
 				H.value.chart.legend.show && vi.value && (s = vi.value, c = s.getBoundingClientRect().height);
 				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}`, qs();
+				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();
 				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}`, qs(), 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}`, ac(), 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, pa.value.plot = H.value.plot.radius, pa.value.line = H.value.line.radius, Mi.value = `0 0 ${F.value} ${ji.value}`;
+			} 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 Ys(e) {
+		function sc(e) {
 			Ni.value = {
 				x: e.clientX,
 				y: e.clientY
 			};
 		}
 		st(() => {
-			Js(), jo(), document.addEventListener("mousemove", Ys, { passive: !0 }), document.addEventListener("scroll", co, { passive: !0 });
+			oc(), No(), document.addEventListener("mousemove", sc, { passive: !0 }), document.addEventListener("scroll", uo, { passive: !0 });
 		}), ot(() => {
-			document.removeEventListener("scroll", co, { passive: !0 }), document.removeEventListener("mousemove", Ys, { passive: !0 }), Di.value &&= (Di.value.unobserve(Oi.value), Di.value.disconnect(), null);
-		}), Be({
+			document.removeEventListener("scroll", uo, { passive: !0 }), document.removeEventListener("mousemove", sc, { passive: !0 }), Di.value &&= (Di.value.unobserve(Oi.value), Di.value.disconnect(), null);
+		}), ze({
 			timeLabelsEls: wi,
-			timeLabels: J,
-			slicer: G,
+			timeLabels: X,
+			slicer: K,
 			configRef: H,
 			rotationPath: [
 				"chart",
@@ -2140,31 +2205,31 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"autoRotate",
 				"enable"
 			],
-			isAutoSize: La,
+			isAutoSize: Ra,
 			height: ji,
 			width: F,
 			rotation: H.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let Xs = O(!1), Zs = O(null), Qs = O(200), $s = b(() => B.value ?? R.value ?? 0);
-		function ec() {
-			let e = Math.ceil(Qs.value || 200);
+		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);
 			return Math.min(Math.max(e, 1), 200);
 		}
-		function tc() {
-			let e = ec(), t = Math.max(1, Y.value), n = q.value.width / t, r = q.value?.left + $s.value * n + n / 2 - e / 2 - (200 - e) / 2, i = q.value?.left - (200 - e) / 2, a = q.value?.right - (200 + e) / 2;
-			return v(Math.max(i, Math.min(r, a)));
+		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;
+			return y(Math.max(n, Math.min(t, r)));
 		}
 		st(() => {
 			let e = null, t = null, n = (e) => {
 				cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-					Qs.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
+					uc.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 = Zs.value;
-				e && e !== i && (r.unobserve(e), e = null), i && i !== e && (it(() => {
+				let i = lc.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(() => {
 					e &&= (r.unobserve(e), null);
@@ -2176,28 +2241,28 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				} catch {}
 			});
 		});
-		let nc = b(() => {
+		let mc = 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 (Xs.value = !1, xe(t)) try {
+			if (cc.value = !1, be(t)) try {
 				let n = t({
-					absoluteIndex: e + G.value.start,
+					absoluteIndex: e + K.value.start,
 					seriesIndex: e,
-					datapoint: ws.value,
-					bars: ks.value,
+					datapoint: Is.value,
+					bars: Vs.value,
 					lines: $.value,
-					plots: As.value,
+					plots: Hs.value,
 					config: H.value
 				});
-				if (typeof n == "string") return Xs.value = !0, n;
+				if (typeof n == "string") return cc.value = !0, n;
 			} catch {
-				console.warn("Custom format cannot be applied on timeTag."), Xs.value = !1;
+				console.warn("Custom format cannot be applied on timeTag."), cc.value = !1;
 			}
-			if (!Xs.value) return [null, void 0].includes(J.value[e]) ? "" : H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.timeTag.useDefaultFormat ? Is.value(e + G.value.start, H.value.chart.timeTag.timeFormat) : J.value[e].text;
+			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;
 		});
-		function rc({ serie: e, plot: t, type: r }) {
-			return Io(t.value) ? n({
-				content: pe(H.value[r].labels.formatter, t.value, a({
+		function hc({ 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,
 					v: t.value,
 					x: e.suffix || H.value.chart.labels.suffix,
@@ -2212,72 +2277,72 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				y: 0
 			}) : "";
 		}
-		function ic({ plot: e }) {
-			let t = H.value.bar.labels.offsetY, n = Math.abs(Uo(e)), r = e.value < 0, i = {
-				x: (U.value.useIndividualScale && U.value.isStacked ? e.x + X.value.line / 2 : Go(e) + Wo() / 2 - ys.value / 2) + H.value.bar.labels.offsetX,
-				y: v(e.y) + (H.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
+		function gc({ 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,
+				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 ac({ plot: e, type: t }) {
+		function _c({ plot: e, type: t }) {
 			let n = H.value[t].labels.offsetY, r = {
 				x: e.x + H.value[t].labels.offsetX,
-				y: v(e.y) + (H.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
+				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 oc({ plot: e, type: t }) {
+		function vc({ 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";
 		}
 		mt(() => N.dataset, (e) => {
-			if (Array.isArray(e) && e.length > 0 && (wa.value = !1), H.value.chart.zoom.keepState) {
-				if (W.value = Math.max(0, ...Ca.value.map((e) => Da(e.series).length)), W.value > 0) {
-					let e = G.value.start, t = G.value.end;
-					if (!Do.value || e === 0 && t === 0) jo();
+			if (Array.isArray(e) && e.length > 0 && (Ta.value = !1), H.value.chart.zoom.keepState) {
+				if (G.value = Math.max(0, ...W.value.map((e) => Oa(e.series).length)), G.value > 0) {
+					let e = K.value.start, t = K.value.end;
+					if (!ko.value || e === 0 && t === 0) No();
 					else {
-						let n = Math.max(0, Math.min(e, W.value - 1)), r = Math.max(n + 1, Math.min(t, W.value));
-						G.value = {
+						let n = Math.max(0, Math.min(e, G.value - 1)), r = Math.max(n + 1, Math.min(t, G.value));
+						K.value = {
 							start: n,
 							end: r
-						}, Oa.value = {
+						}, ka.value = {
 							start: n,
 							end: r
-						}, Oo.value = 0, ko.value = W.value;
+						}, Ao.value = 0, jo.value = G.value;
 					}
 				}
-			} else W.value = Math.max(...Ca.value.map((e) => Da(e.series).length)), G.value = {
+			} else G.value = Math.max(...W.value.map((e) => Oa(e.series).length)), K.value = {
 				start: 0,
-				end: W.value
+				end: G.value
 			};
-			ki.value += 1, Ui.value += 1, oa(), ca(), ja();
+			ki.value += 1, Ui.value += 1, oa(), ca(), Ma();
 		}, { deep: !0 }), mt(() => N.config, (e) => {
-			Sa.value || (H.value = ma()), Js(), Vi.value += 1, Bi.value += 1, va(), oa(), ca(), H.value.chart.zoom.keepState && (W.value = Math.max(0, ...Ca.value.map((e) => Da(e.series).length)), W.value > 0 && (!Do.value || G.value.start === 0 && G.value.end === 0) && jo()), ja();
+			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();
 		}, { deep: !0 });
-		let sc = O(!1);
-		function cc() {
+		let yc = O(!1);
+		function bc() {
 			let e = hi.value?.parentNode;
 			if (!e) {
-				sc.value = !1;
+				yc.value = !1;
 				return;
 			}
 			let t = e.getBoundingClientRect();
-			sc.value = t.width > 2 && t.height > 2;
+			yc.value = t.width > 2 && t.height > 2;
 		}
 		st(() => {
-			cc();
+			bc();
 			let e = new ResizeObserver(() => {
-				cc(), sc.value && (Js(), ja(), H.value.chart.zoom.keepState || jo());
+				bc(), yc.value && (oc(), Ma(), H.value.chart.zoom.keepState || No());
 			});
 			hi.value?.parentNode && e.observe(hi.value.parentNode);
 		}), mt(H, () => {
-			va();
+			ba();
 		}, { immediate: !0 });
-		let lc = b(() => {
+		let xc = x(() => {
 			let e = H.value.table.useDialog && !H.value.showTable, t = U.value.showTable;
 			return {
-				component: e ? ci : qe,
+				component: e ? ci : Ke,
 				title: `${H.value.chart.title.text}${H.value.chart.title.subtitle.text ? `: ${H.value.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: H.value.table.th.backgroundColor,
@@ -2307,37 +2372,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 uc() {
+		function Sc() {
 			U.value.showTable = !1, Ei.value && Ei.value.setTableIconState(!1);
 		}
-		let dc = b(() => Ya.value.map((e) => ({
+		let Cc = x(() => Xa.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), fc = b(() => H.value.chart.backgroundColor), pc = b(() => H.value.chart.legend), { exportSvg: mc, getSvg: hc } = Ie({
+		}))), wc = x(() => H.value.chart.backgroundColor), Tc = x(() => H.value.chart.legend), { exportSvg: Ec, getSvg: Dc } = Fe({
 			svg: z,
-			title: b(() => H.value.chart.title),
-			legend: pc,
-			legendItems: dc,
-			backgroundColor: fc
+			title: x(() => H.value.chart.title),
+			legend: Tc,
+			legendItems: Cc,
+			backgroundColor: wc
 		});
-		async function gc({ isCb: e }) {
-			Qi.value = !0, await it();
+		async function Oc({ isCb: e }) {
+			Qi.value = !0, await rt();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await hc();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Dc();
 					await Promise.resolve(H.value.chart.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(mc());
+				} else await Promise.resolve(Ec());
 			} finally {
 				Qi.value = !1;
 			}
 		}
-		function _c(e) {
+		function kc(e) {
 			if (e?.stage === "start") {
 				Zi.value = !0;
 				return;
@@ -2346,18 +2411,18 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				Zi.value = !1;
 				return;
 			}
-			Ia();
+			La();
 		}
-		async function vc() {
+		async function Ac() {
 			if (li("copyAlt", {
 				config: {
 					...H.value,
-					formattedDates: J.value
+					formattedDates: X.value
 				},
 				dataset: {
 					lines: $.value,
-					bars: ks.value,
-					plots: As.value
+					bars: Vs.value,
+					plots: Hs.value
 				}
 			}), !H.value.chart.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
@@ -2366,84 +2431,84 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 			await Promise.resolve(H.value.chart.userOptions.callbacks.altCopy({
 				config: {
 					...H.value,
-					formattedDates: J.value
+					formattedDates: X.value
 				},
 				dataset: {
 					lines: $.value,
-					bars: ks.value,
-					plots: As.value
+					bars: Vs.value,
+					plots: Hs.value
 				}
 			}));
 		}
-		let yc = O(!1);
-		function bc() {
-			G.value.end > G.value.start && ($i.value = null), uo.value = !0, yc.value = !0;
+		let jc = O(!1);
+		function Mc() {
+			K.value.end > K.value.start && ($i.value = null), po.value = !0, jc.value = !0;
 		}
-		function xc() {
-			$i.value = null, Qo(), yc.value = !1, uo.value = !1;
+		function Nc() {
+			$i.value = null, ts(), jc.value = !1, po.value = !1;
 		}
-		function Sc(e) {
+		function Pc(e) {
 			if (!z.value || Fi.value || document.activeElement !== z.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
-			if (!t && !n || !G.value.end && G.value.end !== 0) return;
-			let r = G.value.end - G.value.start;
+			if (!t && !n || !K.value.end && K.value.end !== 0) return;
+			let r = K.value.end - K.value.start;
 			if (r <= 0) return;
 			e.preventDefault(), e.stopPropagation();
-			let i = $i.value, a = Jo.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, Cc(i), Hs(!0, i);
+			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);
 		}
-		function Cc(e) {
-			let t = G.value.end - G.value.start;
+		function Fc(e) {
+			let t = K.value.end - K.value.start;
 			if (t <= 0) return;
-			let n = q.value.width / t, r = c(q.value.left + n * e + n / 2, q.value.top + q.value.height / 2, z.value);
+			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 wc = b(() => {
-			if (!Bs.value) return null;
-			let e = H.value.table.showSum, t = [H.value.table.columnNames.period].concat(Xa.value.map((e) => e.name));
+		let Ic = x(() => {
+			if (!Qs.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 = Bs.value.body.slice(G.value.start, G.value.end);
+			let n = Qs.value.body.slice(K.value.start, K.value.end);
 			return {
 				headers: t,
 				rows: n
 			};
 		});
-		return Ge({
-			getData: ts,
-			getImage: ns,
-			generatePdf: Fa,
-			generateImage: Ia,
-			generateSvg: gc,
-			generateCsv: Vs,
-			hideSeries: cs,
-			showSeries: ss,
-			toggleStack: So,
-			toggleTable: Us,
-			toggleLabels: Ws,
-			toggleTooltip: Gs,
-			toggleAnnotator: po,
-			toggleFullscreen: Ks,
-			copyAlt: vc,
-			resetZoom: Fo
-		}), (r, i) => (D(), S("div", {
+		return We({
+			getData: is,
+			getImage: as,
+			generatePdf: Ia,
+			generateImage: La,
+			generateSvg: Oc,
+			generateCsv: $s,
+			hideSeries: ds,
+			showSeries: us,
+			toggleStack: wo,
+			toggleTable: tc,
+			toggleLabels: nc,
+			toggleTooltip: rc,
+			toggleAnnotator: ho,
+			toggleFullscreen: ic,
+			copyAlt: Ac,
+			resetZoom: Lo
+		}), (r, i) => (D(), C("div", {
 			id: `vue-ui-xy_${L.value}`,
-			class: at(`vue-data-ui-component vue-ui-xy ${Ii.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${H.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: it(`vue-data-ui-component vue-ui-xy ${Ii.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${H.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
 			ref: hi,
 			style: E(`background:${H.value.chart.backgroundColor}; color:${H.value.chart.color};width:100%;font-family:${H.value.chart.fontFamily};${H.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: i[6] ||= () => fo(!0),
-			onMouseleave: i[7] ||= () => fo(!1),
-			onClick: $o
+			onMouseenter: i[6] ||= () => mo(!0),
+			onMouseleave: i[7] ||= () => mo(!1),
+			onClick: ns
 		}, [
-			C("div", {
+			w("div", {
 				id: `chart-instructions-${L.value}`,
 				class: "sr-only"
-			}, [C("p", null, ut(H.value.a11y.translations.keyboardNavigation), 1)], 8, yt),
-			wc.value?.rows?.length ? (D(), Ze(Ye, {
+			}, [w("p", null, ut(H.value.a11y.translations.keyboardNavigation), 1)], 8, yt),
+			Ic.value?.rows?.length ? (D(), Xe(Je, {
 				key: 0,
 				uid: L.value,
-				head: wc.value.headers,
-				body: wc.value.rows,
+				head: Ic.value.headers,
+				body: Ic.value.rows,
 				notice: H.value.a11y.translations.tableAvailable,
 				caption: H.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -2452,22 +2517,22 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"body",
 				"notice",
 				"caption"
-			])) : x("", !0),
-			H.value.chart.userOptions.buttons.annotator && z.value ? (D(), Ze(j(si), {
+			])) : S("", !0),
+			H.value.chart.userOptions.buttons.annotator && z.value ? (D(), Xe(j(si), {
 				key: 1,
 				svgRef: z.value,
 				backgroundColor: H.value.chart.backgroundColor,
 				color: H.value.chart.color,
 				active: Fi.value,
-				isCursorPointer: _a.value,
-				onClose: po
+				isCursorPointer: ya.value,
+				onClose: ho
 			}, {
 				"annotator-action-close": M(() => [A(r.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": M(({ color: e }) => [A(r.$slots, "annotator-action-color", T(w({ color: e })), void 0, !0)]),
-				"annotator-action-draw": M(({ mode: e }) => [A(r.$slots, "annotator-action-draw", T(w({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": M(({ disabled: e }) => [A(r.$slots, "annotator-action-undo", T(w({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": M(({ disabled: e }) => [A(r.$slots, "annotator-action-redo", T(w({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": M(({ disabled: e }) => [A(r.$slots, "annotator-action-delete", T(w({ disabled: e })), void 0, !0)]),
+				"annotator-action-color": M(({ color: e }) => [A(r.$slots, "annotator-action-color", at(T({ color: e })), void 0, !0)]),
+				"annotator-action-draw": M(({ mode: e }) => [A(r.$slots, "annotator-action-draw", at(T({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": M(({ disabled: e }) => [A(r.$slots, "annotator-action-undo", at(T({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": M(({ disabled: e }) => [A(r.$slots, "annotator-action-redo", at(T({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": M(({ disabled: e }) => [A(r.$slots, "annotator-action-delete", at(T({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -2475,21 +2540,21 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : x("", !0),
-			ds.value ? (D(), S("div", {
+			])) : S("", !0),
+			ms.value ? (D(), C("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: bi,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%; background:transparent"
-			}, null, 512)) : x("", !0),
-			H.value.chart.title.show ? (D(), S("div", {
+			}, null, 512)) : S("", !0),
+			H.value.chart.title.show ? (D(), C("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: gi,
 				class: "vue-ui-xy-title",
 				style: E(`font-family:${H.value.chart.fontFamily}`)
-			}, [(D(), Ze(He, {
+			}, [(D(), Xe(Ve, {
 				key: `title_${Vi.value}`,
 				config: {
 					title: {
@@ -2501,16 +2566,16 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						...H.value.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 4)) : x("", !0),
-			C("div", { id: `legend-top-${L.value}` }, null, 8, bt),
-			H.value.chart.userOptions.show && (Gi.value || Ki.value) ? (D(), Ze(j(ri), {
+			}, null, 8, ["config"]))], 4)) : S("", !0),
+			w("div", { id: `legend-top-${L.value}` }, null, 8, bt),
+			H.value.chart.userOptions.show && (Gi.value || Ki.value) ? (D(), Xe(j(ri), {
 				ref_key: "userOptionsRef",
 				ref: Ei,
 				key: `user_options_${zi.value}`,
 				backgroundColor: H.value.chart.backgroundColor,
 				color: H.value.chart.color,
-				isPrinting: j(Na),
-				isImaging: j(Pa),
+				isPrinting: j(Pa),
+				isImaging: j(Fa),
 				uid: L.value,
 				hasTooltip: H.value.chart.userOptions.buttons.tooltip && H.value.chart.tooltip.show,
 				hasPdf: H.value.chart.userOptions.buttons.pdf,
@@ -2533,23 +2598,23 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				callbacks: H.value.chart.userOptions.callbacks,
 				tableDialog: H.value.table.useDialog,
 				printScale: H.value.chart.userOptions.print.scale,
-				isCursorPointer: _a.value,
-				onToggleFullscreen: Ks,
-				onGeneratePdf: j(Fa),
-				onGenerateCsv: Vs,
-				onGenerateImage: _c,
-				onGenerateSvg: gc,
-				onToggleTable: Us,
-				onToggleLabels: Ws,
-				onToggleStack: So,
-				onToggleTooltip: Gs,
-				onToggleAnnotator: po,
-				onCopyAlt: vc,
+				isCursorPointer: ya.value,
+				onToggleFullscreen: ic,
+				onGeneratePdf: j(Ia),
+				onGenerateCsv: $s,
+				onGenerateImage: kc,
+				onGenerateSvg: Oc,
+				onToggleTable: tc,
+				onToggleLabels: nc,
+				onToggleStack: wo,
+				onToggleTooltip: rc,
+				onToggleAnnotator: ho,
+				onCopyAlt: Ac,
 				style: E({ visibility: Gi.value ? Ki.value ? "visible" : "hidden" : "visible" })
-			}, Qe({ _: 2 }, [
+			}, Ze({ _: 2 }, [
 				r.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: M(({ isOpen: e, color: t }) => [A(r.$slots, "menuIcon", T(w({
+					fn: M(({ isOpen: e, color: t }) => [A(r.$slots, "menuIcon", at(T({
 						isOpen: e,
 						color: t
 					})), void 0, !0)]),
@@ -2592,12 +2657,12 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				} : void 0,
 				r.$slots.optionStack ? {
 					name: "optionStack",
-					fn: M(({ isStack: e }) => [A(r.$slots, "optionStack", T(w({ isStack: e })), void 0, !0)]),
+					fn: M(({ isStack: e }) => [A(r.$slots, "optionStack", at(T({ isStack: e })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				r.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: M(({ toggleFullscreen: e, isFullscreen: t }) => [A(r.$slots, "optionFullscreen", T(w({
+					fn: M(({ toggleFullscreen: e, isFullscreen: t }) => [A(r.$slots, "optionFullscreen", at(T({
 						toggleFullscreen: e,
 						isFullscreen: t
 					})), void 0, !0)]),
@@ -2605,7 +2670,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				} : void 0,
 				r.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: M(({ toggleAnnotator: e, isAnnotator: t }) => [A(r.$slots, "optionAnnotator", T(w({
+					fn: M(({ toggleAnnotator: e, isAnnotator: t }) => [A(r.$slots, "optionAnnotator", at(T({
 						toggleAnnotator: e,
 						isAnnotator: t
 					})), void 0, !0)]),
@@ -2613,7 +2678,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				} : void 0,
 				r.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: M(({ altCopy: e }) => [A(r.$slots, "optionAltCopy", T(w({ altCopy: e })), void 0, !0)]),
+					fn: M(({ altCopy: e }) => [A(r.$slots, "optionAltCopy", at(T({ altCopy: e })), void 0, !0)]),
 					key: "11"
 				} : void 0,
 				r.$slots["custom-menu-before"] ? {
@@ -2626,12 +2691,12 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					fn: M(() => [A(r.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "13"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : x("", !0),
-			C("div", xt, [(D(), S("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : S("", !0),
+			w("div", xt, [(D(), C("svg", {
 				ref_key: "svgRef",
 				ref: z,
 				xmlns: "http://www.w3.org/2000/svg",
-				class: at([{
+				class: it([{
 					"vue-data-ui-fullscreen--on": Ii.value,
 					"vue-data-ui-fulscreen--off": !Ii.value
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
@@ -2642,289 +2707,290 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					color: H.value.chart.color,
 					fontFamily: H.value.chart.fontFamily
 				}),
-				"aria-label": ls.value,
+				"aria-label": fs.value,
 				"aria-describedby": `chart-instructions-${L.value}`,
 				"aria-live": "polite",
 				role: "img",
 				tabindex: "0",
 				preserveAspectRatio: "xMidYMid",
-				onMousemove: Zo,
-				onMouseleave: Qo,
-				onClick: $o,
-				onFocus: bc,
-				onBlur: xc,
-				onKeydown: Sc
-			}, [C("g", {
+				onMousemove: es,
+				onMouseleave: ts,
+				onClick: ns,
+				onFocus: Mc,
+				onBlur: Nc,
+				onKeydown: Pc
+			}, [w("g", {
 				ref_key: "G",
 				ref: xi,
 				class: "vue-data-ui-g"
 			}, [
-				et(j(oi)),
-				r.$slots["chart-background"] ? (D(), S("foreignObject", {
+				$e(j(oi)),
+				r.$slots["chart-background"] ? (D(), C("foreignObject", {
 					key: 0,
-					x: q.value?.left + Z.value < 0 ? 0 : q.value?.left + Z.value,
-					y: q.value?.top,
-					width: q.value.width - (H.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (H.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
-					height: q.value.height < 0 ? 0 : q.value.height,
+					x: Math.max(0, Y.value?.left),
+					y: Y.value?.top,
+					width: Math.max(0, Y.value?.width),
+					height: Math.max(0, Y.value?.height),
 					style: { pointerEvents: "none" }
-				}, [A(r.$slots, "chart-background", {}, void 0, !0)], 8, Ct)) : x("", !0),
-				Y.value > 0 ? (D(), S("g", wt, [
-					C("g", Tt, [
-						H.value.chart.grid.labels.xAxis.showBaseline ? (D(), S("line", {
+				}, [A(r.$slots, "chart-background", {}, void 0, !0)], 8, Ct)) : S("", !0),
+				Z.value > 0 ? (D(), C("g", wt, [
+					w("g", Tt, [
+						H.value.chart.grid.labels.xAxis.showBaseline ? (D(), C("line", {
 							key: 0,
 							stroke: H.value.chart.grid.stroke,
 							"stroke-width": "1",
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right - Z.value,
-							y1: j(_)(q.value?.bottom),
-							y2: j(_)(q.value?.bottom),
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: j(v)(Y.value?.bottom),
+							y2: j(v)(Y.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Et)) : x("", !0),
-						U.value.useIndividualScale ? H.value.chart.grid.showHorizontalLines ? (D(!0), S(y, { key: 2 }, k(js.value, (e) => (D(), S("g", null, [e.id === P.value && e.yLabels.length ? (D(!0), S(y, { key: 0 }, k(e.yLabels, (t) => (D(), S("line", {
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right - Z.value,
-							y1: j(_)(t.y),
-							y2: j(_)(t.y),
+						}, 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", {
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: j(v)(t.y),
+							y2: j(v)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, At))), 256)) : e.yLabels.length ? (D(!0), S(y, { key: 1 }, k(e.yLabels, (e) => (D(), S("line", {
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right - Z.value,
-							y1: j(_)(e.y),
-							y2: j(_)(e.y),
+						}, null, 8, At))), 256)) : e.yLabels.length ? (D(!0), C(b, { key: 1 }, k(e.yLabels, (e) => (D(), C("line", {
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: j(v)(e.y),
+							y2: j(v)(e.y),
 							stroke: H.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, jt))), 256)) : x("", !0)]))), 256)) : x("", !0) : (D(), S(y, { key: 1 }, [H.value.chart.grid.labels.yAxis.showBaseline ? (D(), S("line", {
+						}, null, 8, jt))), 256)) : S("", !0)]))), 256)) : S("", !0) : (D(), C(b, { key: 1 }, [H.value.chart.grid.labels.yAxis.showBaseline ? (D(), C("line", {
 							key: 0,
+							class: "vue-ui-xy-y-axis",
 							stroke: H.value.chart.grid.stroke,
 							"stroke-width": "1",
-							x1: q.value?.left + Z.value,
-							x2: q.value?.left + Z.value,
-							y1: j(_)(q.value?.top),
-							y2: j(_)(q.value?.bottom),
+							x1: J.value ? Y.value?.right : Y.value?.left,
+							x2: J.value ? Y.value?.right : Y.value?.left,
+							y1: j(v)(Y.value?.top),
+							y2: j(v)(Y.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Dt)) : x("", !0), H.value.chart.grid.showHorizontalLines ? (D(), S("g", Ot, [(D(!0), S(y, null, k(Ts.value, (e) => (D(), S("line", {
-							x1: q.value?.left + Z.value,
-							x2: q.value?.right,
-							y1: j(_)(e.y),
-							y2: j(_)(e.y),
+						}, 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", {
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: j(v)(e.y),
+							y2: j(v)(e.y),
 							stroke: H.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, kt))), 256))])) : x("", !0)], 64)),
-						H.value.chart.grid.showVerticalLines ? (D(), S("g", Mt, [C("path", {
-							d: io.value,
+						}, null, 8, kt))), 256))])) : S("", !0)], 64)),
+						H.value.chart.grid.showVerticalLines ? (D(), C("g", Mt, [w("path", {
+							d: oo.value,
 							"stroke-width": .5,
 							stroke: H.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Nt)])) : x("", !0),
-						H.value.chart.grid.labels.xAxisLabels.show ? (D(), S("g", Pt, [C("path", {
-							d: ao.value,
+						}, null, 8, Nt)])) : S("", !0),
+						H.value.chart.grid.labels.xAxisLabels.show ? (D(), C("g", Pt, [w("path", {
+							d: so.value,
 							stroke: H.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ft)])) : x("", !0)
+						}, null, 8, Ft)])) : S("", !0)
 					]),
-					(D(!0), S(y, null, k(ks.value, (e, t) => (D(), S("defs", { key: `def_rect_${t}` }, [r.$slots["bar-gradient"] ? A(r.$slots, "bar-gradient", rt({
+					(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({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						positiveId: `rectGradient_pos_${t}_${L.value}`,
 						negativeId: `rectGradient_neg_${t}_${L.value}`
-					}), void 0, !0) : (D(), S(y, { key: 1 }, [C("linearGradient", {
+					}), void 0, !0) : (D(), C(b, { key: 1 }, [w("linearGradient", {
 						id: `rectGradient_pos_${t}_${L.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						C("stop", {
+						w("stop", {
 							offset: "0%",
 							"stop-color": e.color
 						}, null, 8, Lt),
-						C("stop", {
+						w("stop", {
 							offset: "62%",
 							"stop-color": `${j(d)(e.color, .02)}`
 						}, null, 8, Rt),
-						C("stop", {
+						w("stop", {
 							offset: "100%",
 							"stop-color": `${j(d)(e.color, .05)}`
 						}, null, 8, zt)
-					], 8, It), C("linearGradient", {
+					], 8, It), w("linearGradient", {
 						id: `rectGradient_neg_${t}_${L.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						C("stop", {
+						w("stop", {
 							offset: "0%",
 							"stop-color": `${j(d)(e.color, .05)}`
 						}, null, 8, Vt),
-						C("stop", {
+						w("stop", {
 							offset: "38%",
 							"stop-color": `${j(d)(e.color, .02)}`
 						}, null, 8, Ht),
-						C("stop", {
+						w("stop", {
 							offset: "100%",
 							"stop-color": e.color
 						}, null, 8, Ut)
 					], 8, Bt)], 64))]))), 128)),
-					(D(!0), S(y, null, k(As.value, (e, t) => (D(), S("defs", { key: `def_plot_${t}` }, [C("radialGradient", {
+					(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C("defs", { key: `def_plot_${t}` }, [w("radialGradient", {
 						id: `plotGradient_${t}_${L.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [C("stop", {
+					}, [w("stop", {
 						offset: "0%",
 						"stop-color": `${j(d)(e.color, .05)}`
-					}, null, 8, Gt), C("stop", {
+					}, null, 8, Gt), w("stop", {
 						offset: "100%",
 						"stop-color": e.color
 					}, null, 8, Kt)], 8, Wt)]))), 128)),
-					(D(!0), S(y, null, k($.value, (e, n) => (D(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
+					(D(!0), C(b, null, k($.value, (e, n) => (D(), C(b, { key: `def_line_${e.id}` }, [w("defs", null, [w("radialGradient", {
 						id: `lineGradient_${n}_${L.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [C("stop", {
+					}, [w("stop", {
 						offset: "0%",
 						"stop-color": `${j(d)(e.color, .05)}`
-					}, null, 8, Jt), C("stop", {
+					}, null, 8, Jt), w("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, Yt)], 8, qt), r.$slots["area-gradient"] ? A(r.$slots, "area-gradient", rt({
+					}, null, 8, Yt)], 8, qt), r.$slots["area-gradient"] ? A(r.$slots, "area-gradient", nt({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						id: `areaGradient_${n}_${L.value}`
-					}), void 0, !0) : (D(), S("linearGradient", {
+					}), void 0, !0) : (D(), C("linearGradient", {
 						key: 1,
 						id: `areaGradient_${n}_${L.value}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
 						y2: "0%"
-					}, [C("stop", {
+					}, [w("stop", {
 						offset: "0%",
-						"stop-color": `${j(he)(j(d)(e.color, .03), H.value.line.area.opacity)}`
-					}, null, 8, Zt), C("stop", {
+						"stop-color": `${j(me)(j(d)(e.color, .03), H.value.line.area.opacity)}`
+					}, null, 8, Zt), w("stop", {
 						offset: "100%",
-						"stop-color": `${j(he)(e.color, H.value.line.area.opacity)}`
-					}, null, 8, Qt)], 8, Xt))]), e.temperatureColors && !e.isFlatTemperatureLine ? (D(), S("defs", $t, [C("linearGradient", {
+						"stop-color": `${j(me)(e.color, H.value.line.area.opacity)}`
+					}, null, 8, Qt)], 8, Xt))]), e.temperatureColors && !e.isFlatTemperatureLine ? (D(), C("defs", $t, [w("linearGradient", {
 						id: `temperature_grad_line_${n}_${L.value}`,
 						gradientTransform: "rotate(90)"
-					}, [(D(!0), S(y, null, k(e.temperatureColors, (r, i) => (D(), S("stop", {
+					}, [(D(!0), C(b, null, k(e.temperatureColors, (r, i) => (D(), C("stop", {
 						key: `temperature_grad_stop_${n}_${i}_${L.value}`,
 						"stop-color": r,
 						offset: j(t)(i, e.temperatureColors.length)
-					}, null, 8, tn))), 128))], 8, en)])) : x("", !0)], 64))), 128)),
-					(D(!0), S(y, null, k(fs.value, (e) => (D(), S("g", null, [e.show ? (D(), S(y, { key: 0 }, [(D(!0), S(y, null, k(e.span, (t, n) => (D(), S("g", null, [C("rect", {
+					}, 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", {
 						style: E({
 							transition: "none",
-							opacity: +(e.from + n >= G.value.start && e.from + n <= G.value.end - 1)
+							opacity: +(e.from + n >= K.value.start && e.from + n <= K.value.end - 1)
 						}),
-						x: q.value?.left + q.value.width / Y.value * (e.from + n - G.value.start),
-						y: q.value?.top,
-						height: q.value.height < 0 ? 10 : q.value.height,
-						width: q.value.width / Y.value < 0 ? 1e-5 : q.value.width / Y.value,
-						fill: j(he)(e.color, e.opacity)
-					}, null, 12, nn)]))), 256)), (D(!0), S(y, null, k(e.span, (t, n) => (D(), S("g", null, [e.caption.text && n === 0 ? (D(), S("foreignObject", {
+						x: Cs(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),
+						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: q.value?.left + q.value.width / Y.value * (e.from + n - G.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - q.value.width / Y.value * e.span / 2),
-						y: q.value?.top + e.caption.offsetY,
+						x: Cs(e.from + n - K.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Ds(e.span) / 2),
+						y: Y.value?.top + e.caption.offsetY,
 						style: E({
 							overflow: "visible",
-							opacity: +(e.to >= G.value.start && e.from < G.value.end)
+							opacity: +(e.to >= K.value.start && e.from < K.value.end)
 						}),
 						height: "1",
-						width: e.caption.width === "auto" ? q.value.width / Y.value * e.span : e.caption.width
-					}, [C("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)) : x("", !0)]))), 256))], 64)) : x("", !0)]))), 256)),
-					uo.value ? (D(), S("g", an, [(D(!0), S(y, null, k(Y.value, (e, t) => (D(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
-						x: q.value?.left + q.value.width / Y.value * t,
-						y: q.value?.top,
-						height: q.value.height < 0 ? 10 : q.value.height,
-						width: q.value.width / Y.value < 0 ? 1e-5 : q.value.width / Y.value,
+						width: e.caption.width === "auto" ? Ds(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),
+						y: Y.value?.top,
+						height: Y.value.height < 0 ? 10 : Y.value.height,
+						width: Es(t),
 						fill: [
 							R.value,
 							B.value,
 							Ri.value
-						].includes(t) ? j(he)(H.value.chart.highlighter.color, H.value.chart.highlighter.opacity) : "transparent",
+						].includes(t) ? j(me)(H.value.chart.highlighter.color, H.value.chart.highlighter.opacity) : "transparent",
 						style: {
 							transition: "none !important",
 							animation: "none !important"
 						}
-					}, null, 8, on)]))), 128))])) : x("", !0),
-					ks.value.length ? (D(!0), S(y, { key: 1 }, k(ks.value, (e, t) => (D(), S("g", {
+					}, null, 8, on)]))), 128))])) : S("", !0),
+					Vs.value.length ? (D(!0), C(b, { key: 1 }, k(Vs.value, (e, t) => (D(), C("g", {
 						key: `serie_bar_${e.id}`,
-						class: at(`serie_bar_${t}`),
+						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), S(y, null, k(e.plots, (n, i) => (D(), S("g", { key: `bar_plot_${t}_${i}` }, [
-						Io(n.value) ? (D(), S("rect", {
+					}, [(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: Go(n) + xs.value / 2,
-							y: U.value.useIndividualScale ? qo(n) : Ko(n),
-							height: U.value.useIndividualScale ? Math.abs(Uo(n)) : Math.abs(Ho(n)),
-							width: bs.value - xs.value,
+							x: Jo(n) + Ns.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,
 							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,
 							"stroke-width": H.value.bar.border.strokeWidth,
-							style: E({ transition: j(Sa) || !H.value.bar.showTransition ? void 0 : `all ${H.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, sn)) : x("", !0),
-						Io(n.value) && r.$slots.pattern ? (D(), S("rect", {
+							style: E({ transition: j(wa) || !H.value.bar.showTransition ? void 0 : `all ${H.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, sn)) : S("", !0),
+						Ro(n.value) && r.$slots.pattern ? (D(), C("rect", {
 							key: 1,
-							x: Go(n) - xs.value / 2,
-							y: U.value.useIndividualScale ? qo(n) : Ko(n),
-							height: U.value.useIndividualScale ? Math.abs(Uo(n)) : Math.abs(Ho(n)),
-							width: bs.value - xs.value,
+							x: Jo(n) - Ns.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,
 							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,
 							"stroke-width": H.value.bar.border.strokeWidth,
-							style: E({ transition: j(Sa) || !H.value.bar.showTransition ? void 0 : `all ${H.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, cn)) : x("", !0),
-						n.comment && H.value.chart.comments.show ? (D(), S("foreignObject", {
+							style: E({ transition: j(wa) || !H.value.bar.showTransition ? void 0 : `all ${H.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, cn)) : S("", !0),
+						n.comment && H.value.chart.comments.show ? (D(), C("foreignObject", {
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
-							width: bs.value + H.value.chart.comments.width,
-							x: Go(n) - H.value.chart.comments.width / 2 + H.value.chart.comments.offsetX,
-							y: j(v)(n.y) + H.value.chart.comments.offsetY + 6
+							width: Ms.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: {
 							...n,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)], 8, ln)) : x("", !0)
-					]))), 128))], 6))), 128)) : x("", !0),
-					!U.value.useIndividualScale && H.value.chart.grid.labels.zeroLine.show ? (D(), S("line", {
+						} }, void 0, !0)], 8, ln)) : S("", !0)
+					]))), 128))], 6))), 128)) : S("", !0),
+					!U.value.useIndividualScale && H.value.chart.grid.labels.zeroLine.show ? (D(), C("line", {
 						key: 2,
 						stroke: H.value.chart.grid.stroke,
 						"stroke-width": "1",
-						x1: q.value?.left + Z.value,
-						x2: q.value?.right,
-						y1: j(_)(Vo.value),
-						y2: j(_)(Vo.value),
+						x1: Y.value?.left,
+						x2: Y.value?.right,
+						y1: j(v)(Uo.value),
+						y2: j(v)(Uo.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, un)) : x("", !0),
-					H.value.chart.highlighter.useLine && (![null, void 0].includes(B.value) || ![null, void 0].includes(R.value)) ? (D(), S("g", dn, [C("line", {
-						x1: q.value?.left + q.value.width / Y.value * ((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)) + q.value.width / Y.value / 2,
-						x2: q.value?.left + q.value.width / Y.value * ((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)) + q.value.width / Y.value / 2,
-						y1: j(_)(q.value?.top),
-						y2: j(_)(q.value?.bottom),
+					}, 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)),
+						y1: j(v)(Y.value?.top),
+						y2: j(v)(Y.value?.bottom),
 						stroke: H.value.chart.highlighter.color,
 						"stroke-width": H.value.chart.highlighter.lineWidth,
 						"stroke-dasharray": H.value.chart.highlighter.lineDasharray,
@@ -2934,63 +3000,62 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, fn)])) : x("", !0),
-					H.value.chart.grid.frame.show ? (D(), S("rect", {
+					}, null, 8, fn)])) : S("", !0),
+					H.value.chart.grid.frame.show ? (D(), C("rect", {
 						key: 4,
 						style: {
 							pointerEvents: "none",
 							transition: "none",
 							animation: "none !important"
 						},
-						x: q.value?.left + Z.value < 0 ? 0 : q.value?.left + Z.value,
-						y: q.value?.top,
-						width: q.value.width - (H.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (H.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
-						height: q.value.height < 0 ? 0 : q.value.height,
+						x: Math.max(0, Y.value?.left),
+						y: Y.value?.top,
+						width: Math.max(0, Y.value?.width),
+						height: Y.value.height < 0 ? 0 : Y.value.height,
 						fill: "transparent",
 						stroke: H.value.chart.grid.frame.stroke,
 						"stroke-width": H.value.chart.grid.frame.strokeWidth,
 						"stroke-linecap": H.value.chart.grid.frame.strokeLinecap,
 						"stroke-linejoin": H.value.chart.grid.frame.strokeLinejoin,
 						"stroke-dasharray": H.value.chart.grid.frame.strokeDasharray
-					}, null, 8, pn)) : x("", !0),
-					H.value.chart.grid.labels.show ? (D(), S("g", {
+					}, null, 8, pn)) : S("", !0),
+					H.value.chart.grid.labels.show ? (D(), C("g", {
 						key: 5,
 						ref_key: "scaleLabels",
 						ref: Ti
-					}, [U.value.useIndividualScale ? (D(), S(y, { key: 0 }, [(D(!0), S(y, null, k(js.value, (e) => (D(), S("g", null, [C("line", {
-						x1: e.x + Z.value - q.value.individualOffsetX,
-						x2: e.x + Z.value - q.value.individualOffsetX,
-						y1: U.value.isStacked ? j(_)(q.value?.bottom - e.yOffset - e.individualHeight) : j(_)(q.value?.top),
-						y2: U.value.isStacked ? j(_)(q.value?.bottom - e.yOffset) : j(_)(q.value?.bottom),
+					}, [U.value.useIndividualScale ? (D(), C(b, { key: 0 }, [(D(!0), C(b, null, k(Us.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),
+						y2: U.value.isStacked ? j(v)(Y.value?.bottom - e.yOffset) : j(v)(Y.value?.bottom),
 						stroke: e.color,
 						"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), S(y, null, k(js.value, (e) => (D(), S("g", { style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
-						C("text", {
+					}, 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`) }, [
+						w("text", {
 							fill: e.color,
 							"font-size": V.value.dataLabels * .8,
 							"text-anchor": "middle",
-							transform: `translate(${e.x - V.value.dataLabels * .8 / 2 + Z.value}, ${U.value.isStacked ? q.value?.bottom - e.yOffset - e.individualHeight / 2 : q.value?.top + q.value.height / 2}) rotate(-90)`
-						}, ut(e.name) + " " + ut(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                        ${e.scaleLabel}` : ""), 9, hn),
-						(D(!0), S(y, null, k(e.yLabels, (t, n) => (D(), S(y, null, [H.value.chart.grid.labels.yAxis.showCrosshairs ? (D(), S("line", {
+							transform: `translate(${U.value.isStacked ? J.value ? Y.value.right + H.value.chart.grid.labels.yAxis.crosshairSize + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + H.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX + H.value.chart.grid.labels.axis.yLabelOffsetX : Y.value.left - H.value.chart.grid.labels.yAxis.crosshairSize - H.value.chart.grid.labels.yAxis.scaleValueOffsetX - H.value.chart.grid.labels.yAxis.labelWidth - H.value.chart.grid.labels.axis.yLabelOffsetX : J.value ? e.x + H.value.chart.grid.labels.yAxis.crosshairSize + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + H.value.chart.grid.labels.yAxis.labelWidth + H.value.chart.grid.labels.axis.yLabelOffsetX : e.x - V.value.dataLabels * .8 / 2}, ${U.value.isStacked ? Y.value?.bottom - e.yOffset - e.individualHeight / 2 : Y.value?.top + Y.value.height / 2}) rotate(-90)`
+						}, ut(e.name) + " " + ut(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, hn),
+						(D(!0), C(b, null, k(e.yLabels, (t, n) => (D(), C(b, null, [H.value.chart.grid.labels.yAxis.showCrosshairs ? (D(), C("line", {
 							key: 0,
-							x1: e.x + 3 + Z.value - H.value.chart.grid.labels.yAxis.crosshairSize - q.value.individualOffsetX,
-							x2: e.x + Z.value - q.value.individualOffsetX,
-							y1: j(_)(t.y),
-							y2: j(_)(t.y),
+							x1: U.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x + 3 - H.value.chart.grid.labels.yAxis.crosshairSize - Y.value.individualOffsetX,
+							x2: U.value.isStacked ? J.value ? Y.value.right + H.value.chart.grid.labels.yAxis.crosshairSize : Y.value.left - H.value.chart.grid.labels.yAxis.crosshairSize : J.value ? e.x + H.value.chart.grid.labels.yAxis.crosshairSize : e.x - Y.value.individualOffsetX,
+							y1: j(v)(t.y),
+							y2: j(v)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, gn)) : x("", !0)], 64))), 256)),
-						(D(!0), S(y, null, k(e.yLabels, (t, n) => (D(), S("text", {
-							transform: `translate(${e.x - 5 + Z.value - q.value.individualOffsetX}, ${j(_)(t.y) + V.value.dataLabels / 3})`,
+						}, null, 8, gn)) : S("", !0)], 64))), 256)),
+						(D(!0), C(b, null, k(e.yLabels, (t, n) => (D(), C("text", {
+							transform: `translate(${U.value.isStacked ? J.value ? Y.value.right + H.value.chart.grid.labels.yAxis.crosshairSize + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.left - H.value.chart.grid.labels.yAxis.crosshairSize - H.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : J.value ? e.x + H.value.chart.grid.labels.yAxis.crosshairSize + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - Y.value.individualOffsetX}, ${j(v)(t.y) + V.value.dataLabels / 3})`,
+							"text-anchor": J.value ? "start" : "end",
 							"font-size": V.value.dataLabels,
-							"text-anchor": "end",
 							fill: e.color
-						}, ut(j(pe)(H.value.chart.grid.labels.yAxis.formatter, t.value, j(a)({
+						}, ut(j(fe)(H.value.chart.grid.labels.yAxis.formatter, t.value, j(a)({
 							p: t.prefix,
 							v: t.value,
 							s: t.suffix,
@@ -2999,33 +3064,33 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, _n))), 256))
-					], 4))), 256))], 64)) : (D(!0), S(y, { key: 1 }, k(Ts.value, (e, t) => (D(), S("g", { key: `yLabel_${t}` }, [Io(e) && e.value >= K.value.min && e.value <= K.value.max && H.value.chart.grid.labels.yAxis.showCrosshairs ? (D(), S("line", {
+					], 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", {
 						key: 0,
-						x1: q.value?.left + Z.value,
-						x2: q.value?.left + Z.value - H.value.chart.grid.labels.yAxis.crosshairSize,
-						y1: j(_)(e.y),
-						y2: j(_)(e.y),
+						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,
+						y1: j(v)(e.y),
+						y2: j(v)(e.y),
 						stroke: H.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, vn)) : x("", !0), e.value >= K.value.min && e.value <= K.value.max ? (D(), S("text", {
+					}, null, 8, vn)) : S("", !0), e.value >= q.value.min && e.value <= q.value.max ? (D(), C("text", {
 						key: 1,
-						transform: `translate(${q.value.scaleLabelX - H.value.chart.grid.labels.yAxis.crosshairSize}, ${j(v)(e.y + V.value.dataLabels / 3)})`,
+						transform: `translate(${J.value ? Y.value.right + H.value.chart.grid.labels.yAxis.crosshairSize + H.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.scaleLabelX - H.value.chart.grid.labels.yAxis.crosshairSize}, ${j(y)(e.y + V.value.dataLabels / 3)})`,
 						"font-size": V.value.dataLabels,
-						"text-anchor": "end",
+						"text-anchor": J.value ? "start" : "end",
 						fill: H.value.chart.grid.labels.color
-					}, ut(Io(e.value) ? j(pe)(H.value.chart.grid.labels.yAxis.formatter, e.value, j(a)({
+					}, ut(Ro(e.value) ? j(fe)(H.value.chart.grid.labels.yAxis.formatter, e.value, j(a)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
 						r: H.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, yn)) : x("", !0)]))), 128))], 512)) : x("", !0),
-					(D(!0), S(y, null, k(As.value, (e, t) => (D(), S("g", {
+					})) : ""), 9, yn)) : S("", !0)]))), 128))], 512)) : S("", !0),
+					(D(!0), C(b, null, k(Hs.value, (e, t) => (D(), C("g", {
 						key: `serie_plot_${e.id}`,
-						class: at(`serie_plot_${t}`),
+						class: it(`serie_plot_${t}`),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(D(!0), S(y, null, k(e.plots, (n, i) => (D(), S("g", { key: `circle_plot_${t}_${i}` }, [n && Io(n.value) ? (D(), Ze(We, {
+					}, [(D(!0), C(b, null, k(e.plots, (n, i) => (D(), C("g", { key: `circle_plot_${t}_${i}` }, [n && Ro(n.value) ? (D(), Xe(Ue, {
 						key: 0,
 						shape: [
 							"triangle",
@@ -3037,13 +3102,13 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						].includes(e.shape) ? e.shape : "circle",
 						color: H.value.plot.useGradient ? `url(#plotGradient_${t}_${L.value})` : H.value.plot.dot.useSerieColor ? e.color : H.value.plot.dot.fill,
 						plot: {
-							x: j(v)(n.x),
-							y: j(v)(n.y)
+							x: j(y)(n.x),
+							y: j(y)(n.y)
 						},
-						radius: B.value !== null && B.value === i || R.value !== null && R.value === i ? (pa.value.plot || 6) * 1.5 : pa.value.plot || 6,
+						radius: B.value !== null && B.value === i || R.value !== null && R.value === i ? (ha.value.plot || 6) * 1.5 : ha.value.plot || 6,
 						stroke: H.value.plot.dot.useSerieColor ? H.value.chart.backgroundColor : e.color,
 						strokeWidth: H.value.plot.dot.strokeWidth,
-						transition: j(Sa) || !H.value.plot.showTransition || B.value !== null && B.value === i || R.value !== null && R.value === i ? void 0 : `all ${H.value.plot.transitionDurationMs}ms ease-in-out`
+						transition: j(wa) || !H.value.plot.showTransition || B.value !== null && B.value === i || R.value !== null && R.value === i ? void 0 : `all ${H.value.plot.transitionDurationMs}ms ease-in-out`
 					}, null, 8, [
 						"shape",
 						"color",
@@ -3052,32 +3117,32 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						"stroke",
 						"strokeWidth",
 						"transition"
-					])) : x("", !0), n.comment && H.value.chart.comments.show ? (D(), S("foreignObject", {
+					])) : S("", !0), n.comment && H.value.chart.comments.show ? (D(), C("foreignObject", {
 						key: 1,
 						style: { overflow: "visible" },
 						height: "12",
 						width: H.value.chart.comments.width,
 						x: n.x - H.value.chart.comments.width / 2 + H.value.chart.comments.offsetX,
 						y: n.y + H.value.chart.comments.offsetY + 6
-					}, [C("div", xn, [A(r.$slots, "plot-comment", { plot: {
+					}, [w("div", xn, [A(r.$slots, "plot-comment", { plot: {
 						...n,
 						color: e.color,
 						seriesIndex: t,
 						datapointIndex: i
-					} }, void 0, !0)])], 8, bn)) : x("", !0)]))), 128))], 6))), 128)),
-					(D(!0), S(y, null, k($.value, (e, t) => (D(), S("g", {
+					} }, void 0, !0)])], 8, bn)) : S("", !0)]))), 128))], 6))), 128)),
+					(D(!0), C(b, null, k($.value, (e, t) => (D(), C("g", {
 						key: `serie_line_${e.id}`,
-						class: at(`serie_line_${t}`),
+						class: it(`serie_line_${t}`),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [e.smooth && e.plots.length > 1 && e.curve ? (D(), S("path", {
+					}, [e.smooth && e.plots.length > 1 && e.curve ? (D(), C("path", {
 						key: 0,
 						d: `M${e.curve}`,
 						stroke: H.value.chart.backgroundColor,
 						"stroke-width": H.value.line.strokeWidth + 1,
 						"stroke-dasharray": e.dashed ? H.value.line.strokeWidth * 2 : 0,
 						fill: "none",
-						style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, Sn)) : e.plots.length > 1 && e.straight ? (D(), S("path", {
+						style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, Sn)) : e.plots.length > 1 && e.straight ? (D(), C("path", {
 						key: 1,
 						d: `M${e.straight}`,
 						stroke: H.value.chart.backgroundColor,
@@ -3086,49 +3151,49 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, Cn)) : x("", !0)], 6))), 128)),
-					r.$slots.pattern ? (D(), S("defs", wn, [(D(!0), S(y, null, k(Ja.value, (e, t) => A(r.$slots, "pattern", rt({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+						style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, Cn)) : S("", !0)], 6))), 128)),
+					r.$slots.pattern ? (D(), C("defs", wn, [(D(!0), C(b, null, k(Ya.value, (e, t) => A(r.$slots, "pattern", nt({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${L.value}_${t}`
-					}), void 0, !0)), 128))])) : x("", !0),
-					Ms.value.length && !U.value.isStacked ? (D(), S("g", Tn, [(D(!0), S(y, null, k(Ms.value, (e) => (D(), S("path", {
+					}), 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", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
 						"fill-opacity": H.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, En))), 128))])) : x("", !0),
-					(D(!0), S(y, null, k($.value, (e, t) => (D(), S("g", {
+						style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, En))), 128))])) : S("", !0),
+					(D(!0), C(b, null, k($.value, (e, t) => (D(), C("g", {
 						key: `serie_line_above_${e.id}`,
-						class: at(`serie_line_${t}`),
+						class: it(`serie_line_${t}`),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (D(), S("g", Dn, [e.smooth ? (D(!0), S(y, { key: 0 }, k(e.curveAreas, (n, i) => (D(), S(y, { key: i }, [n ? (D(), S("path", {
+						e.useArea && e.plots.length > 1 ? (D(), C("g", Dn, [e.smooth ? (D(!0), C(b, { key: 0 }, k(e.curveAreas, (n, i) => (D(), C(b, { key: i }, [n ? (D(), C("path", {
 							key: 0,
 							d: n,
-							fill: H.value.line.area.useGradient ? `url(#areaGradient_${t}_${L.value})` : j(he)(e.color, H.value.line.area.opacity),
-							style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, On)) : x("", !0), r.$slots.pattern && n ? (D(), S("path", {
+							fill: H.value.line.area.useGradient ? `url(#areaGradient_${t}_${L.value})` : j(me)(e.color, H.value.line.area.opacity),
+							style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, On)) : S("", !0), r.$slots.pattern && n ? (D(), C("path", {
 							key: 1,
 							d: n,
 							fill: `url(#pattern_${L.value}_${e.slotAbsoluteIndex})`,
-							style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, kn)) : x("", !0)], 64))), 128)) : (D(!0), S(y, { key: 1 }, k(e.area.split(";"), (n, i) => (D(), S(y, { key: i }, [n ? (D(), S("path", {
+							style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, kn)) : S("", !0)], 64))), 128)) : (D(!0), C(b, { key: 1 }, k(e.area.split(";"), (n, i) => (D(), C(b, { key: i }, [n ? (D(), C("path", {
 							key: 0,
 							d: `M${n}Z`,
-							fill: H.value.line.area.useGradient ? `url(#areaGradient_${t}_${L.value})` : j(he)(e.color, H.value.line.area.opacity),
-							style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, An)) : x("", !0), r.$slots.pattern && n ? (D(), S("path", {
+							fill: H.value.line.area.useGradient ? `url(#areaGradient_${t}_${L.value})` : j(me)(e.color, H.value.line.area.opacity),
+							style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, An)) : S("", !0), r.$slots.pattern && n ? (D(), C("path", {
 							key: 1,
 							d: `M${n}Z`,
 							fill: `url(#pattern_${L.value}_${e.slotAbsoluteIndex})`,
-							style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, jn)) : x("", !0)], 64))), 128))])) : x("", !0),
-						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (D(), S("path", {
+							style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, jn)) : S("", !0)], 64))), 128))])) : S("", !0),
+						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (D(), C("path", {
 							key: 1,
 							d: `M${e.curve}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${L.value})` : e.color,
@@ -3136,8 +3201,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stroke-dasharray": e.dashed ? H.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Mn)) : e.hasDashedSegments ? (D(), S(y, { key: 2 }, [e.smooth ? (D(!0), S(y, { key: 0 }, k(e.dashedSmooth, (n) => (D(), S("path", {
+							style: E({ transition: j(wa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Mn)) : e.hasDashedSegments ? (D(), C(b, { key: 2 }, [e.smooth ? (D(!0), C(b, { key: 0 }, k(e.dashedSmooth, (n) => (D(), C("path", {
 							key: n.path,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -3146,7 +3211,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${L.value})` : e.color,
 							"stroke-width": H.value.line.strokeWidth,
 							"stroke-dasharray": n.dashed ? H.value.line.strokeWidth * 2 : 0
-						}, null, 8, Nn))), 128)) : (D(!0), S(y, { key: 1 }, k(e.dashedStraight, (n) => (D(), S("path", {
+						}, null, 8, Nn))), 128)) : (D(!0), C(b, { key: 1 }, k(e.dashedStraight, (n) => (D(), C("path", {
 							key: n.path,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -3155,7 +3220,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${L.value})` : e.color,
 							"stroke-width": H.value.line.strokeWidth,
 							"stroke-dasharray": n.dashed ? H.value.line.strokeWidth * 2 : 0
-						}, null, 8, Pn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (D(), S("path", {
+						}, null, 8, Pn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (D(), C("path", {
 							key: 3,
 							d: `M${e.straight}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${L.value})` : e.color,
@@ -3164,9 +3229,9 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: E({ transition: j(Sa) || !H.value.line.showTransition ? void 0 : `all ${H.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Fn)) : x("", !0),
-						(D(!0), S(y, null, k(e.plots, (n, i) => (D(), S(y, { key: `circle_line_${t}_${i}` }, [!us.value.linePlot && n && Io(n.value) || us.value.linePlot && n && Io(n.value) && (B.value !== null && B.value === i || R.value !== null && R.value === i) || Ds(e.plots, i) ? (D(), Ze(We, {
+							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, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -3178,13 +3243,13 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							].includes(e.shape) ? e.shape : "circle",
 							color: H.value.line.useGradient ? `url(#lineGradient_${t}_${L.value})` : H.value.line.dot.useSerieColor ? e.color : H.value.line.dot.fill,
 							plot: {
-								x: j(v)(n.x),
-								y: j(v)(n.y)
+								x: j(y)(n.x),
+								y: j(y)(n.y)
 							},
-							radius: B.value !== null && B.value === i || R.value !== null && R.value === i ? (pa.value.line || 6) * 1.5 : (Ds(e.plots, i), pa.value.line || 6),
+							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),
 							stroke: H.value.line.dot.useSerieColor ? H.value.chart.backgroundColor : e.color,
 							strokeWidth: H.value.line.dot.strokeWidth,
-							transition: j(Sa) || !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`
+							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`
 						}, null, 8, [
 							"shape",
 							"color",
@@ -3193,57 +3258,57 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stroke",
 							"strokeWidth",
 							"transition"
-						])) : x("", !0), n.comment && H.value.chart.comments.show ? (D(), S("foreignObject", {
+						])) : S("", !0), n.comment && H.value.chart.comments.show ? (D(), C("foreignObject", {
 							key: 1,
 							style: { overflow: "visible" },
 							height: "12",
 							width: H.value.chart.comments.width,
 							x: n.x - H.value.chart.comments.width / 2 + H.value.chart.comments.offsetX,
 							y: n.y + H.value.chart.comments.offsetY + 6
-						}, [C("div", Ln, [A(r.$slots, "plot-comment", { plot: {
+						}, [w("div", Ln, [A(r.$slots, "plot-comment", { plot: {
 							...n,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)])], 8, In)) : x("", !0)], 64))), 128))
+						} }, 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(), S("g", Rn, [(D(!0), S(y, null, k(ks.value, (e, t) => (D(), S(y, { key: `xLabel_bar_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { 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(), S("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(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", {
 						key: 0,
-						"text-anchor": oc({
+						"text-anchor": vc({
 							plot: n,
 							type: "bar"
 						}),
 						"font-size": V.value.plotLabels,
-						transform: ic({ plot: n }),
+						transform: gc({ 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: rc({
+						innerHTML: hc({
 							serie: e,
 							plot: n,
 							type: "bar"
 						})
-					}, null, 12, zn)) : x("", !0), n && H.value.bar.serieName.show ? (D(), S("text", {
+					}, null, 12, zn)) : S("", !0), n && H.value.bar.serieName.show ? (D(), C("text", {
 						key: 1,
-						x: U.value.useIndividualScale && U.value.isStacked ? n.x + X.value.line / 2 : n.x + Wo() * 1.1,
+						x: U.value.useIndividualScale && U.value.isStacked ? n.x + Ko.value.line / 2 : n.x + qo() * 1.1,
 						y: n.y + (n.value > 0 ? H.value.bar.serieName.offsetY : -H.value.bar.serieName.offsetY * 3),
 						"text-anchor": "middle",
 						"font-size": V.value.plotLabels,
 						fill: H.value.bar.serieName.useSerieColor ? e.color : H.value.bar.serieName.color,
 						"font-weight": H.value.bar.serieName.bold ? "bold" : "normal",
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, ut(H.value.bar.serieName.useAbbreviation ? j(ye)({
+					}, ut(H.value.bar.serieName.useAbbreviation ? j(ve)({
 						source: e.name,
 						length: H.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, Bn)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
-					H.value.plot.labels.show && U.value.dataLabels.show ? (D(), S("g", Vn, [(D(!0), S(y, null, k(As.value, (e, t) => (D(), S(y, { key: `xLabel_plot_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { 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(), S("text", {
+					}) : 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", {
 						key: 0,
-						transform: ac({
+						transform: _c({
 							plot: n,
 							type: "plot"
 						}),
-						"text-anchor": oc({
+						"text-anchor": vc({
 							plot: n,
 							type: "plot"
 						}),
@@ -3252,62 +3317,62 @@ 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: rc({
+						innerHTML: hc({
 							serie: e,
 							plot: n,
 							type: "plot"
 						})
-					}, null, 12, Hn)) : x("", !0)], 64))), 128))], 64))), 128))])) : (D(), S("g", Un, [(D(!0), S(y, null, k(As.value, (e, t) => (D(), S(y, { key: `xLabel_plot_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { key: `xLabel_plot_${t}_${r}` }, [H.value.plot.tag.followValue ? (D(), S(y, { key: 1 }, [[
+					}, 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 }, [[
 						R.value,
 						B.value,
 						Ri.value
-					].includes(r) && e.useTag ? (D(), S("line", {
+					].includes(r) && e.useTag ? (D(), C("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
-						x1: q.value?.left,
-						x2: q.value?.right,
+						x1: Y.value?.left,
+						x2: Y.value?.right,
 						y1: n.y,
 						y2: n.y,
 						"stroke-width": 1,
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, Jn)) : x("", !0)], 64)) : (D(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (D(), S("foreignObject", {
+					}, null, 8, Jn)) : S("", !0)], 64)) : (D(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (D(), C("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: E(`overflow: visible; opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: E(`padding: 3px; background:${j(he)(e.color, 80)};color:${j(Se)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: j(pe)(H.value.plot.tag.formatter, n.value, e.name, {
+					}, [w("div", {
+						style: E(`padding: 3px; background:${j(me)(e.color, 80)};color:${j(xe)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: j(fe)(H.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Gn)], 12, Wn)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (D(), S("foreignObject", {
+					}, null, 12, Gn)], 12, Wn)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (D(), C("foreignObject", {
 						key: 1,
 						x: n.x - e.name.length * (V.value.plotLabels / 2),
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: E(`overflow: visible; opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: E(`padding: 3px; background:${j(he)(e.color, 80)};color:${j(Se)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: j(pe)(H.value.plot.tag.formatter, n.value, e.name, {
+					}, [w("div", {
+						style: E(`padding: 3px; background:${j(me)(e.color, 80)};color:${j(xe)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: j(fe)(H.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, qn)], 12, Kn)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					H.value.line.labels.show && U.value.dataLabels.show ? (D(), S("g", Yn, [(D(!0), S(y, null, k($.value, (e, t) => (D(), S(y, { key: `xLabel_line_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { 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(), S("text", {
+					}, 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: ac({
+						transform: _c({
 							plot: n,
 							type: "line"
 						}),
-						"text-anchor": oc({
+						"text-anchor": vc({
 							plot: n,
 							type: "line"
 						}),
@@ -3316,63 +3381,63 @@ 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: rc({
+						innerHTML: hc({
 							serie: e,
 							plot: n,
 							type: "line"
 						})
-					}, null, 12, Xn)) : x("", !0)], 64))), 128))], 64))), 128))])) : (D(), S("g", Zn, [(D(!0), S(y, null, k($.value, (e, t) => (D(), S(y, { key: `xLabel_line_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { key: `xLabel_line_${t}_${r}` }, [H.value.line.tag.followValue ? (D(), S(y, { key: 1 }, [[
+					}, null, 12, Xn)) : S("", !0)], 64))), 128))], 64))), 128))])) : (D(), C("g", Zn, [(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}` }, [H.value.line.tag.followValue ? (D(), C(b, { key: 1 }, [[
 						R.value,
 						B.value,
 						Ri.value
-					].includes(r) && e.useTag ? (D(), S("line", {
+					].includes(r) && e.useTag ? (D(), C("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
-						x1: q.value?.left,
-						x2: q.value?.right,
+						x1: Y.value?.left,
+						x2: Y.value?.right,
 						y1: n.y,
 						y2: n.y,
 						"stroke-width": 1,
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, nr)) : x("", !0)], 64)) : (D(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (D(), S("foreignObject", {
+					}, null, 8, nr)) : S("", !0)], 64)) : (D(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (D(), C("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: E(`overflow: visible; opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: E(`padding: 3px; background:${j(he)(e.color, 80)};color:${j(Se)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: j(pe)(H.value.line.tag.formatter, n.value, e.name, {
+					}, [w("div", {
+						style: E(`padding: 3px; background:${j(me)(e.color, 80)};color:${j(xe)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: j(fe)(H.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, $n)], 12, Qn)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (D(), S("foreignObject", {
+					}, null, 12, $n)], 12, Qn)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (D(), C("foreignObject", {
 						key: 1,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: E(`overflow: visible; opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [C("div", {
-						style: E(`padding: 3px; background:${j(he)(e.color, 80)};color:${j(Se)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: j(pe)(H.value.line.tag.formatter, n.value, e.name, {
+					}, [w("div", {
+						style: E(`padding: 3px; background:${j(me)(e.color, 80)};color:${j(xe)(e.color)};width:fit-content;font-size:${V.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: j(fe)(H.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, tr)], 12, er)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					(D(!0), S(y, null, k($.value, (e, t) => (D(), S(y, { key: `xLabel_line_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (D(), S("text", {
+					}, null, 12, tr)], 12, er)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					(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 && r === 0 && e.showSerieName && e.showSerieName === "start" ? (D(), C("text", {
 						key: 0,
 						x: n.x - V.value.plotLabels,
 						y: n.y,
 						"font-size": V.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: j(De)({
+						innerHTML: j(Ee)({
 							content: e.name,
 							fontSize: V.value.plotLabels,
 							fill: e.color,
@@ -3381,14 +3446,14 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							maxWords: 2
 						}),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, rr)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (D(), S("text", {
+					}, null, 12, rr)) : S("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (D(), C("text", {
 						key: 1,
 						x: n.x + V.value.plotLabels,
 						y: n.y,
 						"font-size": V.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: j(De)({
+						innerHTML: j(Ee)({
 							content: e.name,
 							fontSize: V.value.plotLabels,
 							fill: e.color,
@@ -3397,15 +3462,15 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							maxWords: 2
 						}),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, ir)) : x("", !0)], 64))), 128))], 64))), 128)),
-					(D(!0), S(y, null, k(As.value, (e, t) => (D(), S(y, { key: `xLabel_plot_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (D(), S("text", {
+					}, 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", {
 						key: 0,
 						x: n.x - V.value.plotLabels,
 						y: n.y,
 						"font-size": V.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: j(De)({
+						innerHTML: j(Ee)({
 							content: e.name,
 							fontSize: V.value.plotLabels,
 							fill: e.color,
@@ -3414,14 +3479,14 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							maxWords: 2
 						}),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, ar)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (D(), S("text", {
+					}, null, 12, ar)) : S("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (D(), C("text", {
 						key: 1,
 						x: n.x + V.value.plotLabels,
 						y: n.y,
 						"font-size": V.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: j(De)({
+						innerHTML: j(Ee)({
 							content: e.name,
 							fontSize: V.value.plotLabels,
 							fill: e.color,
@@ -3430,13 +3495,13 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							maxWords: 2
 						}),
 						style: E(`opacity:${P.value ? P.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, or)) : x("", !0)], 64))), 128))], 64))), 128)),
-					(D(!0), S(y, null, k([
-						...As.value,
+					}, null, 12, or)) : S("", !0)], 64))), 128))], 64))), 128)),
+					(D(!0), C(b, null, k([
+						...Hs.value,
 						...$.value,
-						...ks.value
-					], (e, t) => (D(), S(y, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(j(_e)(e.plots).trend) ? (D(), S("g", sr, [
-						C("defs", null, [C("marker", {
+						...Vs.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}`,
 							markerWidth: "9",
 							markerHeight: "9",
@@ -3446,44 +3511,44 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							refY: 7 / 2,
 							orient: "auto",
 							overflow: "visible"
-						}, [C("polygon", {
+						}, [w("polygon", {
 							points: "0,0 7,3.5 0,7",
 							fill: e.color,
 							stroke: H.value.chart.backgroundColor,
 							"stroke-width": "1",
 							"stroke-linejoin": "round"
 						}, null, 8, lr)], 8, cr)]),
-						e.plots.length > 1 ? (D(), S("line", {
+						e.plots.length > 1 ? (D(), C("line", {
 							key: 0,
-							x1: j(_e)(e.plots).x1 + (e.type === "bar" ? Wo() : 0),
-							x2: j(_e)(e.plots).x2 + (e.type === "bar" ? Wo() : 0),
-							y1: j(_)(j(_e)(e.plots).y1),
-							y2: j(_)(j(_e)(e.plots).y2),
+							x1: j(ge)(e.plots).x1 + (e.type === "bar" ? qo() : 0),
+							x2: j(ge)(e.plots).x2 + (e.type === "bar" ? qo() : 0),
+							y1: j(v)(j(ge)(e.plots).y1),
+							y2: j(v)(j(ge)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: H.value.chart.backgroundColor,
 							"stroke-dasharray": 2,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, ur)) : x("", !0),
-						e.plots.length > 1 ? (D(), S("line", {
+						}, null, 8, ur)) : S("", !0),
+						e.plots.length > 1 ? (D(), C("line", {
 							key: 1,
-							x1: j(_e)(e.plots).x1 + (e.type === "bar" ? Wo() : 0),
-							x2: j(_e)(e.plots).x2 + (e.type === "bar" ? Wo() : 0),
-							y1: j(_)(j(_e)(e.plots).y1),
-							y2: j(_)(j(_e)(e.plots).y2),
+							x1: j(ge)(e.plots).x1 + (e.type === "bar" ? qo() : 0),
+							x2: j(ge)(e.plots).x2 + (e.type === "bar" ? qo() : 0),
+							y1: j(v)(j(ge)(e.plots).y1),
+							y2: j(v)(j(ge)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: e.color,
 							"stroke-dasharray": 2,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, dr)) : x("", !0),
-						e.plots.length > 1 ? (D(), S("text", {
+						}, null, 8, dr)) : S("", !0),
+						e.plots.length > 1 ? (D(), C("text", {
 							key: 2,
 							"text-anchor": "middle",
-							x: j(_e)(e.plots).x2 + (e.type === "bar" ? Wo() : 0),
-							y: j(_e)(e.plots).y2 - 12,
+							x: j(ge)(e.plots).x2 + (e.type === "bar" ? qo() : 0),
+							y: j(ge)(e.plots).y2 - 12,
 							"font-size": V.value.plotLabels,
 							fill: e.color,
 							stroke: H.value.chart.backgroundColor,
@@ -3492,44 +3557,44 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stroke-linejoin": "round",
 							"paint-order": "stroke fill"
 						}, ut(j(a)({
-							v: j(_e)(e.plots).trend * 100,
+							v: j(ge)(e.plots).trend * 100,
 							s: "%",
 							r: 2
-						})), 9, fr)) : x("", !0)
-					])) : x("", !0)], 64))), 128)),
-					U.value.useIndividualScale && !U.value.isStacked ? (D(), S(y, { key: 13 }, [C("defs", null, [(D(!0), S(y, null, k(js.value, (e, t) => (D(), S("linearGradient", {
+						})), 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", {
 						id: `individual_scale_gradient_${L.value}_${t}`,
-						x1: "0%",
-						x2: "100%",
+						x1: J.value ? "100%" : "0%",
+						x2: J.value ? "0%" : "100%",
 						y1: "0%",
 						y2: "0%"
-					}, [C("stop", {
+					}, [w("stop", {
 						offset: "0%",
 						"stop-color": H.value.chart.backgroundColor,
 						"stop-opacity": "0"
-					}, null, 8, mr), C("stop", {
+					}, null, 8, mr), w("stop", {
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, hr)], 8, pr))), 256))]), (D(!0), S(y, null, k(js.value, (e, t) => (D(), S("rect", {
-						x: e.x - H.value.chart.grid.labels.yAxis.labelWidth + Z.value - q.value.individualOffsetX,
-						y: q.value?.top,
-						width: H.value.chart.grid.labels.yAxis.labelWidth + q.value.individualOffsetX,
-						height: q.value.height < 0 ? 10 : q.value.height,
+					}, null, 8, hr)], 8, pr))), 256))]), (D(!0), C(b, null, k(Us.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),
+						height: Y.value.height < 0 ? 10 : Y.value.height,
 						fill: P.value === e.groupId ? `url(#individual_scale_gradient_${L.value}_${t})` : "transparent",
 						onMouseenter: (t) => P.value = e.groupId,
 						onMouseleave: i[0] ||= (e) => P.value = null
-					}, null, 40, gr))), 256))], 64)) : x("", !0),
-					C("g", null, [H.value.chart.grid.labels.axis.yLabel && !U.value.useIndividualScale ? (D(), S("text", {
+					}, null, 40, gr))), 256))], 64)) : S("", !0),
+					w("g", null, [H.value.chart.grid.labels.axis.yLabel && !U.value.useIndividualScale ? (D(), C("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
 						ref: Ci,
 						"font-size": V.value.yAxis,
 						fill: H.value.chart.grid.labels.color,
-						transform: `translate(${H.value.chart.grid.labels.axis.fontSize}, ${q.value?.top + q.value.height / 2}) rotate(-90)`,
+						transform: `translate(${J.value ? Y.value.right + Y.value.scaleLabelsOffset + H.value.chart.grid.labels.axis.yLabelOffsetX + V.value.yAxis : H.value.chart.grid.labels.axis.fontSize + H.value.chart.grid.labels.axis.yLabelOffsetX}, ${Y.value?.top + Y.value.height / 2}) rotate(-90)`,
 						"text-anchor": "middle",
 						style: { transition: "none" }
-					}, ut(H.value.chart.grid.labels.axis.yLabel), 9, _r)) : x("", !0), H.value.chart.grid.labels.axis.xLabel ? (D(), S("text", {
+					}, ut(H.value.chart.grid.labels.axis.yLabel), 9, _r)) : S("", !0), H.value.chart.grid.labels.axis.xLabel ? (D(), C("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
 						ref: Si,
@@ -3538,32 +3603,32 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 						y: ji.value - 3,
 						"font-size": V.value.yAxis,
 						fill: H.value.chart.grid.labels.color
-					}, ut(H.value.chart.grid.labels.axis.xLabel), 9, vr)) : x("", !0)]),
-					H.value.chart.grid.labels.xAxisLabels.show ? (D(), S("g", {
+					}, ut(H.value.chart.grid.labels.axis.xLabel), 9, vr)) : S("", !0)]),
+					H.value.chart.grid.labels.xAxisLabels.show ? (D(), C("g", {
 						key: 14,
 						ref_key: "timeLabelsEls",
 						ref: wi
-					}, [r.$slots["time-label"] ? (D(!0), S(y, { key: 0 }, k(vo.value, (e, t) => A(r.$slots, "time-label", rt({
+					}, [r.$slots["time-label"] ? (D(!0), C(b, { key: 0 }, k(bo.value, (e, t) => A(r.$slots, "time-label", nt({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
-						x: q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2,
-						y: q.value?.bottom,
+						x: xs(t),
+						y: Y.value?.bottom,
 						fontSize: V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + V.value.xAxis * 1.3 + H.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
+						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})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
 						textAnchor: H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
-					}), void 0, !0)), 128)) : (D(!0), S(y, { key: 1 }, k(vo.value, (e, t) => (D(), S("g", { key: `time_label_${t}` }, [e && e.text ? (D(), S(y, { key: 0 }, [String(e.text).includes("\n") ? (D(), S("text", {
+					}), void 0, !0)), 128)) : (D(!0), C(b, { key: 1 }, k(bo.value, (e, t) => (D(), C("g", { key: `time_label_${t}` }, [e && e.text ? (D(), C(b, { key: 0 }, [String(e.text).includes("\n") ? (D(), C("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: E({ cursor: oo() && _a.value ? "pointer" : "default" }),
+						transform: `translate(${xs(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),
 							fontSize: V.value.xAxis,
@@ -3571,19 +3636,19 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							x: 0,
 							y: 0
 						}),
-						onClick: () => bo(e, t)
-					}, null, 12, br)) : (D(), S("text", {
+						onClick: () => So(e, t)
+					}, null, 12, br)) : (D(), C("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: E({ cursor: oo() && _a.value ? "pointer" : "default" }),
-						onClick: () => bo(e, t)
-					}, ut(e.text || ""), 13, yr))], 64)) : x("", !0)]))), 128))], 512)) : x("", !0),
-					Es.value.length && !U.value.isStacked ? (D(), S("g", xr, [(D(!0), S(y, null, k(Es.value, (e) => (D(), S("g", { key: e.uid }, [
-						e.yTop && e.show && isFinite(e.yTop) ? (D(), S("line", {
+						transform: `translate(${xs(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 }, [
+						e.yTop && e.show && isFinite(e.yTop) ? (D(), C("line", {
 							key: 0,
 							x1: e.x1,
 							y1: e.yTop,
@@ -3594,8 +3659,8 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Sr)) : x("", !0),
-						e.yBottom && e.show && isFinite(e.yBottom) ? (D(), S("line", {
+						}, null, 8, Sr)) : S("", !0),
+						e.yBottom && e.show && isFinite(e.yBottom) ? (D(), C("line", {
 							key: 1,
 							x1: e.x1,
 							y1: e.yBottom,
@@ -3606,24 +3671,24 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Cr)) : x("", !0),
-						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (D(), S("rect", {
+						}, null, 8, Cr)) : S("", !0),
+						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (D(), C("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
-							width: q.value.width,
-							height: j(v)(e.areaHeight, 0),
-							fill: j(he)(e.config.area.fill, e.config.area.opacity),
+							width: Y.value.width,
+							height: j(y)(e.areaHeight, 0),
+							fill: j(me)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
-						}, null, 8, wr)) : x("", !0),
-						e.config.label.text && e.show && isFinite(e._box.y) ? (D(), S("rect", rt({
+						}, null, 8, wr)) : S("", !0),
+						e.config.label.text && e.show && isFinite(e._box.y) ? (D(), C("rect", nt({
 							key: 3,
 							class: "vue-ui-xy-annotation-label-box"
 						}, { ref_for: !0 }, e._box, { style: {
 							animation: "none !important",
 							transition: "none !important"
-						} }), null, 16)) : x("", !0),
-						e.config.label.text && e.show && isFinite(e._text.y) ? (D(), S("text", {
+						} }), null, 16)) : S("", !0),
+						e.config.label.text && e.show && isFinite(e._text.y) ? (D(), C("text", {
 							key: 4,
 							id: e.id,
 							class: "vue-ui-xy-annotation-label",
@@ -3632,70 +3697,70 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 							"font-size": e.config.label.fontSize,
 							fill: e.config.label.color,
 							"text-anchor": e.config.label.textAnchor
-						}, ut(e.config.label.text), 9, Tr)) : x("", !0)
-					]))), 128))])) : x("", !0),
-					H.value.chart.timeTag.show && (![null, void 0].includes(B.value) || ![null, void 0].includes(R.value)) ? (D(), S("g", Er, [(D(), S("foreignObject", {
-						x: tc(),
-						y: q.value?.bottom,
+						}, 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(),
+						y: Y.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
-					}, [C("div", {
+					}, [w("div", {
 						ref_key: "timeTagEl",
-						ref: Zs,
+						ref: lc,
 						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: nc.value
-					}, null, 12, Or)], 8, Dr)), C("circle", {
-						cx: q.value?.left + q.value.width / Y.value * ((B.value === null ? 0 : B.value) || (R.value === null ? 0 : R.value)) + q.value.width / Y.value / 2,
-						cy: q.value?.bottom,
+						innerHTML: mc.value
+					}, null, 12, Or)], 8, Dr)), w("circle", {
+						cx: xs((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
-					}, null, 8, kr)])) : x("", !0)
-				])) : x("", !0),
-				ka.value ? (D(), S("rect", rt({ key: 2 }, Ma.value, {
-					"data-start": G.value.start,
-					"data-end": G.value.end
-				}), null, 16, Ar)) : x("", !0),
+					}, null, 8, kr)])) : S("", !0)
+				])) : S("", !0),
+				Aa.value ? (D(), C("rect", nt({ key: 2 }, Na.value, {
+					"data-start": K.value.start,
+					"data-end": K.value.end
+				}), null, 16, Ar)) : S("", !0),
 				A(r.$slots, "svg", { svg: {
 					...la.value,
-					slicer: G.value,
-					isPrintingImg: j(Na) || j(Pa) || Zi.value,
+					slicer: K.value,
+					isPrintingImg: j(Pa) || j(Fa) || Zi.value,
 					isPrintingSvg: Qi.value,
 					data: [
 						...$.value,
-						...ks.value,
-						...As.value
+						...Vs.value,
+						...Hs.value
 					],
-					drawingArea: q.value
+					drawingArea: Y.value
 				} }, void 0, !0)
-			], 512)], 46, St)), r.$slots.hint ? (D(), S("div", jr, [A(r.$slots, "hint", T(w({
+			], 512)], 46, St)), r.$slots.hint ? (D(), C("div", jr, [A(r.$slots, "hint", at(T({
 				hint: H.value.a11y.translations.keyboardNavigation,
-				isVisible: yc.value
-			})), void 0, !0)])) : x("", !0)]),
-			r.$slots.watermark ? (D(), S("div", Mr, [A(r.$slots, "watermark", T(w({ isPrinting: j(Na) || j(Pa) || Zi.value || Qi.value })), void 0, !0)])) : x("", !0),
-			(D(!0), S(y, null, k($.value, (e, t) => (D(), S(y, { key: `tag_line_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { key: `tag_line_${t}_${r}` }, [[
+				isVisible: jc.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}` }, [[
 				R.value,
 				B.value,
 				Ri.value
-			].includes(r) && e.useTag && e.useTag === "end" && H.value.line.tag.followValue ? (D(), S("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && H.value.line.tag.followValue ? (D(), C("div", {
 				key: 0,
 				ref_for: !0,
-				ref: (e) => lo(t, r, e, "right", "line"),
+				ref: (e) => fo(t, r, e, "right", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
 				style: E({
 					position: "fixed",
 					top: j(p)({
 						svgElement: z.value,
-						x: q.value?.right + H.value.line.tag.fontSize / 1.5,
+						x: Y.value?.right + H.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.top + "px",
 					left: j(p)({
 						svgElement: z.value,
-						x: q.value?.right + H.value.line.tag.fontSize / 1.5,
+						x: Y.value?.right + H.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_right_line`],
 						position: "right"
@@ -3703,44 +3768,44 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: j(Se)(e.color),
+					color: j(xe)(e.color),
 					padding: "0 6px",
 					fontSize: H.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(D(), S("svg", Nr, [C("path", {
+			}, [(D(), C("svg", Nr, [w("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Pr)])), C("div", {
+			}, null, 8, Pr)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: j(pe)(H.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: j(fe)(H.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Fr)], 4)) : x("", !0), [
+			}, null, 8, Fr)], 4)) : S("", !0), [
 				R.value,
 				B.value,
 				Ri.value
-			].includes(r) && e.useTag && e.useTag === "start" && H.value.line.tag.followValue ? (D(), S("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && H.value.line.tag.followValue ? (D(), C("div", {
 				key: 1,
 				ref_for: !0,
-				ref: (e) => lo(t, r, e, "left", "line"),
+				ref: (e) => fo(t, r, e, "left", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
 				style: E({
 					position: "fixed",
 					top: j(p)({
 						svgElement: z.value,
-						x: q.value?.left - H.value.line.tag.fontSize / 1.5,
+						x: Y.value?.left - H.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.top + "px",
 					left: j(p)({
 						svgElement: z.value,
-						x: q.value?.left - H.value.line.tag.fontSize / 1.5,
+						x: Y.value?.left - H.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_left_line`],
 						position: "left"
@@ -3748,45 +3813,45 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: j(Se)(e.color),
+					color: j(xe)(e.color),
 					padding: "0 6px",
 					fontSize: H.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(D(), S("svg", Ir, [C("path", {
+			}, [(D(), C("svg", Ir, [w("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Lr)])), C("div", {
+			}, null, 8, Lr)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: j(pe)(H.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: j(fe)(H.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Rr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
-			(D(!0), S(y, null, k(As.value, (e, t) => (D(), S(y, { key: `tag_plot_${e.id}` }, [(D(!0), S(y, null, k(e.plots, (n, r) => (D(), S(y, { key: `tag_plot_${t}_${r}` }, [[
+			}, 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}` }, [[
 				R.value,
 				B.value,
 				Ri.value
-			].includes(r) && e.useTag && e.useTag === "end" && H.value.plot.tag.followValue ? (D(), S("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && H.value.plot.tag.followValue ? (D(), C("div", {
 				key: 0,
 				ref_for: !0,
-				ref: (e) => lo(t, r, e, "right", "plot"),
+				ref: (e) => fo(t, r, e, "right", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
 				style: E({
 					position: "fixed",
 					top: j(p)({
 						svgElement: z.value,
-						x: q.value?.right + H.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.right + H.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.top + "px",
 					left: j(p)({
 						svgElement: z.value,
-						x: q.value?.right + H.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.right + H.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_right_plot`],
 						position: "right"
@@ -3794,44 +3859,44 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: j(Se)(e.color),
+					color: j(xe)(e.color),
 					padding: "0 6px",
 					fontSize: H.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(D(), S("svg", zr, [C("path", {
+			}, [(D(), C("svg", zr, [w("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Br)])), C("div", {
+			}, null, 8, Br)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: j(pe)(H.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: j(fe)(H.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Vr)], 4)) : x("", !0), [
+			}, null, 8, Vr)], 4)) : S("", !0), [
 				R.value,
 				B.value,
 				Ri.value
-			].includes(r) && e.useTag && e.useTag === "start" && H.value.plot.tag.followValue ? (D(), S("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && H.value.plot.tag.followValue ? (D(), C("div", {
 				key: 1,
 				ref_for: !0,
-				ref: (e) => lo(t, r, e, "left", "plot"),
+				ref: (e) => fo(t, r, e, "left", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
 				style: E({
 					position: "fixed",
 					top: j(p)({
 						svgElement: z.value,
-						x: q.value?.left - H.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.left - H.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.top + "px",
 					left: j(p)({
 						svgElement: z.value,
-						x: q.value?.left - H.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.left - H.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: qi.value[`${t}_${r}_left_plot`],
 						position: "left"
@@ -3839,48 +3904,48 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: j(Se)(e.color),
+					color: j(xe)(e.color),
 					padding: "0 6px",
 					fontSize: H.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(D(), S("svg", Hr, [C("path", {
+			}, [(D(), C("svg", Hr, [w("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Ur)])), C("div", {
+			}, null, 8, Ur)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: j(pe)(H.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: j(fe)(H.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Wr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
-			H.value.chart.zoom.show && W.value > 6 && ga.value && Do.value ? (D(), Ze(Ke, {
+			}, null, 8, Wr)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
+			H.value.chart.zoom.show && G.value > 6 && va.value && ko.value ? (D(), Xe(Ge, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: _i,
 				uuid: L.value,
-				allMinimaps: Cs.value,
+				allMinimaps: Fs.value,
 				background: H.value.chart.zoom.color,
 				borderColor: H.value.chart.backgroundColor,
 				customFormat: H.value.chart.zoom.customFormat,
 				cutNullValues: H.value.line.cutNullValues,
 				enableRangeHandles: H.value.chart.zoom.enableRangeHandles,
 				enableSelectionDrag: H.value.chart.zoom.enableSelectionDrag,
-				end: G.value.end,
+				end: K.value.end,
 				focusOnDrag: H.value.chart.zoom.focusOnDrag,
 				focusRangeRatio: H.value.chart.zoom.focusRangeRatio,
 				fontSize: H.value.chart.zoom.fontSize,
 				useResetSlot: H.value.chart.zoom.useResetSlot,
 				immediate: !H.value.chart.zoom.preview.enable,
 				inputColor: H.value.chart.zoom.color,
-				isPreview: ka.value,
-				labelLeft: J.value[0] ? J.value[0].text : "",
-				labelRight: J.value.at(-1) ? J.value.at(-1).text : "",
-				max: W.value,
+				isPreview: Aa.value,
+				labelLeft: X.value[0] ? X.value[0].text : "",
+				labelRight: X.value.at(-1) ? X.value.at(-1).text : "",
+				max: G.value,
 				min: 0,
-				minimap: Ss.value,
+				minimap: Ps.value,
 				minimapCompact: H.value.chart.zoom.minimap.compact,
 				minimapFrameColor: H.value.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: H.value.chart.zoom.minimap.indicatorColor,
@@ -3890,18 +3955,18 @@ 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: Ls.value.length ? Ls.value : mo.value,
-				refreshEndPoint: H.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Da(e.series).length)) : H.value.chart.zoom.endIndex + 1,
+				preciseLabels: Ys.value.length ? Ys.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: ws.value,
+				selectedSeries: Is.value,
 				smoothMinimap: H.value.chart.zoom.minimap.smooth,
-				start: G.value.start,
+				start: K.value.start,
 				textColor: H.value.chart.color,
-				timeLabels: mo.value,
+				timeLabels: go.value,
 				usePreciseLabels: H.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !H.value.chart.zoom.useDefaultFormat,
-				valueEnd: G.value.end,
-				valueStart: G.value.start,
+				valueEnd: K.value.end,
+				valueStart: K.value.start,
 				verticalHandles: H.value.chart.zoom.minimap.verticalHandles,
 				minScale: H.value.chart.grid.labels.yAxis.scaleMin,
 				maxScale: H.value.chart.grid.labels.yAxis.scaleMax,
@@ -3913,53 +3978,53 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				handleBorderColor: H.value.chart.zoom.minimap.handleBorderColor,
 				handleFill: H.value.chart.zoom.minimap.handleFill,
 				handleWidth: H.value.chart.zoom.minimap.handleWidth,
-				isCursorPointer: _a.value,
-				onFutureEnd: i[1] ||= (e) => Aa("end", e),
-				onFutureStart: i[2] ||= (e) => Aa("start", e),
-				onReset: Fo,
-				onTrapMouse: xo,
-				"onUpdate:end": Po,
-				"onUpdate:start": No
+				isCursorPointer: ya.value,
+				onFutureEnd: i[1] ||= (e) => ja("end", e),
+				onFutureStart: i[2] ||= (e) => ja("start", e),
+				onReset: Lo,
+				onTrapMouse: Co,
+				"onUpdate:end": Io,
+				"onUpdate:start": Fo
 			}, {
-				"reset-action": M(({ reset: e }) => [A(r.$slots, "reset-action", T(w({ reset: e })), void 0, !0)]),
+				"reset-action": M(({ reset: e }) => [A(r.$slots, "reset-action", at(T({ reset: e })), void 0, !0)]),
 				_: 3
-			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : x("", !0),
-			C("div", { id: `legend-bottom-${L.value}` }, null, 8, Gr),
-			Yi.value && (H.value.chart.legend.show || r.$slots.legend) ? (D(), Ze(Xe, {
+			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : S("", !0),
+			w("div", { id: `legend-bottom-${L.value}` }, null, 8, Gr),
+			Yi.value && (H.value.chart.legend.show || r.$slots.legend) ? (D(), Xe(Ye, {
 				key: 7,
 				to: H.value.chart.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
-			}, [C("div", {
+			}, [w("div", {
 				ref_key: "chartLegend",
 				ref: vi
-			}, [A(r.$slots, "legend", { legend: Ya.value }, () => [H.value.chart.legend.show ? (D(), S("div", {
+			}, [A(r.$slots, "legend", { legend: Xa.value }, () => [H.value.chart.legend.show ? (D(), C("div", {
 				key: 0,
 				class: "vue-ui-xy-legend",
 				style: E({ fontSize: `var(--legend-font-size, ${H.value.chart.legend.fontSize ?? 14}px)` })
-			}, [H.value.chart.legend.selectAllToggle.show && Ya.value.length > 2 && !j(Sa) ? (D(), Ze(Je, {
+			}, [H.value.chart.legend.selectAllToggle.show && Xa.value.length > 2 && !j(wa) ? (D(), Xe(qe, {
 				key: 0,
 				backgroundColor: H.value.chart.legend.selectAllToggle.backgroundColor,
 				color: H.value.chart.legend.selectAllToggle.color,
 				fontSize: H.value.chart.legend.fontSize,
 				checked: I.value.length > 0,
-				onToggle: rs
+				onToggle: os
 			}, null, 8, [
 				"backgroundColor",
 				"color",
 				"fontSize",
 				"checked"
-			])) : x("", !0), (D(!0), S(y, null, k(Ya.value, (e, t) => (D(), S("div", {
+			])) : S("", !0), (D(!0), C(b, null, k(Xa.value, (e, t) => (D(), C("div", {
 				key: `div_legend_item_${t}`,
-				onClick: (t) => as(e),
-				onKeydown: (t) => is(t, e),
+				onClick: (t) => cs(e),
+				onKeydown: (t) => ss(t, e),
 				role: "button",
 				tabindex: "0",
-				class: at({
-					"vue-ui-xy-legend-item-alone": Ya.value.length === 1,
+				class: it({
+					"vue-ui-xy-legend-item-alone": Xa.value.length === 1,
 					"vue-ui-xy-legend-item": !0,
 					"vue-ui-xy-legend-item-segregated": I.value.includes(e.id)
 				}),
-				style: E({ cursor: _a.value ? "pointer" : "default" })
-			}, [Pi.value[e.type] === "line" ? (D(), S("svg", qr, [C("rect", {
+				style: E({ cursor: ya.value ? "pointer" : "default" })
+			}, [Pi.value[e.type] === "line" ? (D(), C("svg", qr, [w("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
@@ -3968,7 +4033,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				height: "3",
 				width: "20",
 				fill: e.color
-			}, null, 8, Jr), et(We, {
+			}, null, 8, Jr), $e(Ue, {
 				plot: {
 					x: 10,
 					y: 9
@@ -3989,7 +4054,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"color",
 				"shape",
 				"stroke"
-			])])) : Pi.value[e.type] === "bar" ? (D(), S("svg", Yr, [Pi.value[e.type] === "bar" && r.$slots.pattern ? (D(), S("rect", {
+			])])) : Pi.value[e.type] === "bar" ? (D(), C("svg", Yr, [Pi.value[e.type] === "bar" && r.$slots.pattern ? (D(), C("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -3998,7 +4063,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, Xr)) : x("", !0), Pi.value[e.type] === "bar" ? (D(), S("rect", {
+			}, null, 8, Xr)) : S("", !0), Pi.value[e.type] === "bar" ? (D(), C("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -4007,7 +4072,7 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				width: "32",
 				stroke: "none",
 				fill: r.$slots.pattern ? `url(#pattern_${L.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, Zr)) : x("", !0)])) : (D(), S("svg", Qr, [et(We, {
+			}, null, 8, Zr)) : S("", !0)])) : (D(), C("svg", Qr, [$e(Ue, {
 				plot: {
 					x: 6,
 					y: 6
@@ -4022,14 +4087,14 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), C("span", { style: E(`color:${H.value.chart.legend.color}`) }, ut(e.name), 5)], 46, Kr))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
-			r.$slots.source ? (D(), S("div", {
+			}, null, 8, ["color", "shape"])])), w("span", { style: E(`color:${H.value.chart.legend.color}`) }, ut(e.name), 5)], 46, Kr))), 128))], 4)) : S("", !0)], !0)], 512)], 8, ["to"])) : S("", !0),
+			r.$slots.source ? (D(), C("div", {
 				key: 8,
 				ref_key: "source",
 				ref: yi,
 				dir: "auto"
-			}, [A(r.$slots, "source", {}, void 0, !0)], 512)) : x("", !0),
-			et(j(ni), {
+			}, [A(r.$slots, "source", {}, void 0, !0)], 512)) : S("", !0),
+			$e(j(ni), {
 				teleportTo: H.value.chart.tooltip.teleportTo,
 				show: U.value.showTooltip && Li.value,
 				backgroundColor: H.value.chart.tooltip.backgroundColor,
@@ -4043,7 +4108,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: Rs.value,
+				content: Xs.value,
 				isFullscreen: Ii.value,
 				isCustom: H.value.chart.tooltip.customFormat && typeof H.value.chart.tooltip.customFormat == "function",
 				smooth: H.value.chart.tooltip.smooth,
@@ -4053,9 +4118,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", T(w({ ...Ns.value })), void 0, !0)]),
-				tooltip: M(() => [A(r.$slots, "tooltip", T(w({ ...Ns.value })), void 0, !0)]),
-				"tooltip-after": M(() => [A(r.$slots, "tooltip-after", T(w({ ...Ns.value })), void 0, !0)]),
+				"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)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -4081,37 +4146,37 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			ga.value && H.value.chart.userOptions.buttons.table ? (D(), Ze(ct(lc.value.component), rt({ key: 9 }, lc.value.props, {
+			va.value && H.value.chart.userOptions.buttons.table ? (D(), Xe(ct(xc.value.component), nt({ key: 9 }, xc.value.props, {
 				ref_key: "tableUnit",
 				ref: Xi,
-				onClose: uc
-			}), Qe({
-				content: M(() => [C("div", { style: E(`${j(Na) || 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"}`) }, [C("div", $r, [gt(C("input", {
+				onClose: Sc
+			}), 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",
 					"onUpdate:modelValue": i[4] ||= (e) => Hi.value = e
-				}, null, 512), [[pt, Hi.value]]), C("div", {
+				}, null, 512), [[pt, Hi.value]]), w("div", {
 					onClick: i[5] ||= (e) => Hi.value = !Hi.value,
-					style: E({ cursor: _a.value ? "pointer" : "default" })
-				}, [et(j(ii), {
+					style: E({ cursor: ya.value ? "pointer" : "default" })
+				}, [$e(j(ii), {
 					name: "chartLine",
 					size: 20,
 					stroke: H.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), Hi.value ? (D(), Ze(j(ai), {
+				}, null, 8, ["stroke"])], 4)]), Hi.value ? (D(), Xe(j(ai), {
 					key: `sparkline_${Ui.value}`,
-					dataset: ms.value,
-					config: hs.value
-				}, null, 8, ["dataset", "config"])) : (D(), Ze(j(ti), {
+					dataset: _s.value,
+					config: vs.value
+				}, null, 8, ["dataset", "config"])) : (D(), Xe(j(ti), {
 					key: `table_${Bi.value}`,
-					colNames: Bs.value.colNames,
-					head: Bs.value.head,
-					body: Bs.value.body,
-					config: Bs.value.config,
-					title: H.value.table.useDialog ? "" : lc.value.title,
+					colNames: Qs.value.colNames,
+					head: Qs.value.head,
+					body: Qs.value.body,
+					config: Qs.value.config,
+					title: H.value.table.useDialog ? "" : xc.value.title,
 					withCloseButton: !H.value.table.useDialog,
-					onClose: uc
+					onClose: Sc
 				}, {
-					th: M(({ th: e }) => [C("div", { innerHTML: e }, null, 8, ei)]),
-					td: M(({ td: e }) => [$e(ut(isNaN(Number(e)) ? e : j(a)({
+					th: M(({ th: e }) => [w("div", { innerHTML: e }, null, 8, ei)]),
+					td: M(({ td: e }) => [Qe(ut(isNaN(Number(e)) ? e : j(a)({
 						p: H.value.chart.labels.prefix,
 						v: e,
 						s: H.value.chart.labels.suffix,
@@ -4129,23 +4194,23 @@ var _t = /* @__PURE__ */ e({ default: () => N }), vt = ["id"], yt = ["id"], bt =
 				_: 2
 			}, [H.value.table.useDialog ? {
 				name: "title",
-				fn: M(() => [$e(ut(lc.value.title), 1)]),
+				fn: M(() => [Qe(ut(xc.value.title), 1)]),
 				key: "0"
 			} : void 0, H.value.table.useDialog ? {
 				name: "actions",
-				fn: M(() => [C("button", {
+				fn: M(() => [w("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: i[3] ||= (e) => Vs(H.value.chart.userOptions.callbacks.csv)
-				}, [et(j(ii), {
+					onClick: i[3] ||= (e) => $s(H.value.chart.userOptions.callbacks.csv)
+				}, [$e(j(ii), {
 					name: "fileCsv",
-					stroke: lc.value.props.color
+					stroke: xc.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
-			} : void 0]), 1040)) : x("", !0),
-			A(r.$slots, "skeleton", {}, () => [j(Sa) ? (D(), Ze(Fe, { key: 0 })) : x("", !0)], !0)
+			} : void 0]), 1040)) : S("", !0),
+			A(r.$slots, "skeleton", {}, () => [j(wa) ? (D(), Xe(Pe, { key: 0 })) : S("", !0)], !0)
 		], 46, vt));
 	}
-}, [["__scopeId", "data-v-d82ef283"]]);
+}, [["__scopeId", "data-v-25ca945c"]]);
 //#endregion
 export { _t as n, N as t };