vue-data-ui 3.23.0 → 3.23.2

package/dist/{vue-ui-xy-DZj5DT-q.js → vue-ui-xy-CJcdttNL.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, B as r, Bt as i, Ct as a, D as o, Et as s, G as c, Gt as l, H as u, I as ee, Jt as te, Kt as ne, L as re, Lt as d, M as f, N as ie, P as ae, Pt as oe, S as se, St as ce, U as le, V as ue, Vt as de, W as fe, X as pe, _ as me, b as p, c as m, d as h, dt as he, i as g, jt as ge, k as _e, l as ve, n as ye, o as be, ot as _, q as xe, qt as Se, r as Ce, tt as we, v as Te, vt as Ee, w as De, xt as Oe, z as ke, zt as Ae } from "./lib-BuMGJ_a0.js";
+import { $ as t, A as n, B as r, Bt as i, Ct as a, D as o, Et as s, G as c, Gt as l, H as u, I as ee, Jt as te, Kt as ne, L as re, Lt as d, M as f, N as ie, P as ae, Pt as oe, S as se, St as ce, U as le, V as ue, Vt as de, W as fe, X as pe, _ as me, b as p, c as m, d as h, dt as he, i as g, jt as ge, k as _e, l as ve, n as ye, o as be, ot as _, q as xe, qt as Se, r as Ce, tt as we, v as Te, vt as Ee, w as De, xt as Oe, z as ke, zt as Ae } from "./lib-Bttd6u5E.js";
 import { n as je, t as Me } from "./useHints-Dq_w2E8B.js";
-import { n as Ne, r as Pe, t as Fe } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as Ie } from "./useConfig-BilxnBNr.js";
-import { t as Le } from "./usePrinter-BFvi4jVy.js";
+import { n as Ne, r as Pe, t as Fe } from "./useTimeLabels-d2f-W1L4.js";
+import { t as Ie } from "./useConfig-DlNpz6P8.js";
+import { t as Le } from "./usePrinter-DN5bYhTG.js";
 import { n as Re, t as ze } from "./BaseScanner-DZvpgOjM.js";
-import { t as Be } from "./useSvgExport-Ba9qBr9M.js";
-import { t as Ve } from "./useNestedProp--NSEmhOH.js";
-import { t as He } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Be } from "./useNestedProp-vPNvh7rV.js";
+import { t as Ve } from "./useThemeCheck-C43Tcqmk.js";
+import { t as He } from "./useChartExport-DNiwdPmb.js";
 import { t as Ue } from "./useTransitions-g_zBREk2.js";
 import { t as We } from "./useStableElementSize-C7KADDKj.js";
 import { t as Ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ke } from "./img-DIQG5q8T.js";
-import { n as qe } from "./Title-BODtwViI.js";
+import { t as Ke } from "./img-Bnokohej.js";
+import { n as qe } from "./Title-BE3qg9xl.js";
 import { t as Je } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Ye } from "./Shape-BPMV94Ij.js";
+import { t as Ye } from "./Shape-C21CMlWS.js";
 import { t as Xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Ze } from "./DefGrad-DVBqDjhO.js";
-import { t as Qe } from "./SlicerPreview-DvjLV2TW.js";
-import { t as $e } from "./vue-ui-accordion-61MlW-Ge.js";
-import { t as et } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Qe } from "./SlicerPreview-wUw1hFwe.js";
+import { t as $e } from "./vue-ui-accordion-DegI2lzR.js";
+import { t as et } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as tt } from "./A11yDataTable-DdRsVULz.js";
 import { Fragment as v, Teleport as nt, computed as y, createBlock as rt, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as it, createTextVNode as at, createVNode as ot, defineAsyncComponent as st, getCurrentInstance as ct, guardReactiveProps as lt, mergeProps as ut, nextTick as dt, normalizeClass as C, normalizeProps as ft, normalizeStyle as w, onBeforeUnmount as pt, onMounted as mt, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as ht, shallowRef as gt, toDisplayString as k, toRefs as _t, unref as A, useSlots as vt, vModelCheckbox as yt, watch as bt, watchEffect as xt, withCtx as j, withDirectives as St } from "vue";
 //#region src/utils/xy.js
@@ -568,93 +568,92 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 		"copyAlt"
 	],
 	setup(e, { expose: Xe, emit: Mt }) {
-		let M = e, ui = st(() => import("./DataTable-D4tM9s5Y.js")), di = st(() => import("./Tooltip-CMTGxeYO.js")), fi = st(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), pi = st(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), mi = st(() => import("./vue-ui-table-sparkline-CABJzK8p.js").then((e) => e.n)), hi = st(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), gi = st(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), _i = st(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), vi = Mt, yi = vt(), bi = ct(), { vue_ui_xy: xi } = Ie(), { isThemeValid: Si, warnInvalidTheme: Ci } = He(), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(null), Ni = E(null), Pi = E(null), Fi = E(null), Ii = E(null), Li = E(null), Ri = E(0), N = E(null), zi = E(!0), Bi = E(600), P = E(1e3), Vi = E("0 0 1000 600"), Hi = E({
+		let M = e, ui = st(() => import("./DataTable-BbKgJ5UI.js")), di = st(() => import("./Tooltip-DhjyfHwz.js")), fi = st(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), pi = st(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), mi = st(() => import("./vue-ui-table-sparkline-l1cUX3ny.js").then((e) => e.n)), hi = st(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), gi = st(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), _i = st(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), vi = Mt, yi = vt(), bi = ct(), { vue_ui_xy: xi } = Ie(), { isThemeValid: Si, warnInvalidTheme: Ci } = Ve(), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(null), Ni = E(null), Pi = E(null), Fi = E(null), Ii = E(null), Li = E(null), Ri = E(0), N = E(null), zi = E(!0), Bi = E(600), P = E(1e3), Vi = E("0 0 1000 600"), Hi = E({
 			x: 0,
 			y: 0
 		}), Ui = E({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), Wi = E(!1), Gi = E(!1), Ki = E(!1), qi = E(null), Ji = E([]), Yi = y(() => new Set(Ji.value)), F = E(xe()), Xi = E(0), Zi = E(0), Qi = E(0), $i = E(!0), ea = E(0), I = E(null), ta = E(!1), na = E(!0), ra = E(!0), L = E(null), ia = E({}), aa = E(null), oa = E(!1), sa = E(null), ca = E(!1), la = E(!1), ua = E(null), R = E(null), da = E(null), fa = E({
+		}), Wi = E(!1), Gi = E(!1), Ki = E(!1), qi = E(null), Ji = E([]), Yi = y(() => new Set(Ji.value)), F = E(xe()), Xi = E(0), Zi = E(0), Qi = E(0), $i = E(!0), ea = E(0), I = E(null), ta = E(!1), na = E(!0), ra = E(!0), L = E(null), ia = E({}), aa = E(null), oa = E(!1), sa = E(null), ca = E(null), R = E(null), la = E(null), ua = E({
 			x: 0,
 			y: 0
-		}), pa = E(null), ma = E(null), z = E(null), ha = E(null), ga = E(null), _a = gt(null), va = E(!1), ya = E(0), ba = E(0), xa = We({
-			elementRef: _a,
+		}), da = E(null), fa = E(null), z = E(null), pa = E(null), ma = E(null), ha = gt(null), ga = E(!1), _a = E(0), va = E(0), ya = We({
+			elementRef: ha,
 			minimumWidth: 2,
 			minimumHeight: 2,
 			stableFramesRequired: 2,
 			once: !1,
 			onSizeAccepted: () => {
-				wa();
+				Sa();
 			}
 		});
-		function Sa() {
-			_a.value = wi.value?.parentNode ?? null;
+		function ba() {
+			ha.value = wi.value?.parentNode ?? null;
 		}
-		function Ca() {
+		function xa() {
 			return new Promise((e) => {
 				requestAnimationFrame(() => {
 					requestAnimationFrame(e);
 				});
 			});
 		}
-		async function wa() {
-			let e = ++ba.value;
-			va.value = !1, await dt(), await Ca(), await Ca(), e === ba.value && (ya.value += 1, va.value = !0);
+		async function Sa() {
+			let e = ++va.value;
+			ga.value = !1, await dt(), await xa(), await xa(), e === va.value && (_a.value += 1, ga.value = !0);
 		}
-		let Ta = E(!1);
-		function Ea() {
-			Ta.value || (Ta.value = !0, dt(() => {
-				Ta.value = !1, Sa(), wa();
+		let Ca = E(!1);
+		function wa() {
+			Ca.value || (Ca.value = !0, dt(() => {
+				Ca.value = !1, ba(), Sa();
 			}));
 		}
-		let Da = y(() => ({
+		let Ta = y(() => ({
 			height: Bi.value,
 			width: P.value
-		})), Oa = E(!1), ka = E(null), Aa = E(null), B = E({
+		})), Ea = E(!1), Da = E(null), Oa = E(null), B = E({
 			xAxis: 18,
 			yAxis: 12,
 			dataLabels: 20,
 			plotLabels: 10
-		}), ja = E({
+		}), ka = E({
 			plot: 3,
 			line: 3,
 			selectedLine: 3
-		}), Ma = y(() => Math.max(ja.value.line * 1.5, ja.value.selectedLine));
+		}), Aa = y(() => Math.max(ka.value.line * 1.5, ka.value.selectedLine));
 		mt(() => {
-			oa.value = !0, M.dataset.length && M.dataset.forEach((e, t) => {
+			oa.value = !0, M.dataset.length && La.value && M.dataset.forEach((e, t) => {
 				[null, void 0].includes(e.series) && we({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
-					index: t,
-					debug: za.value
+					index: t
 				});
-			}), Sa(), xa.start(), wa();
+			}), ba(), ya.start(), Sa();
 		});
-		function Na() {
+		function ja() {
 			if (!Object.keys(M.config || {}).length) return xi;
-			let e = Ve({
+			let e = Be({
 				userConfig: M.config,
 				defaultConfig: xi
 			});
-			M.config && Ee(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea : e.chart.highlightArea = [M.config.chart.highlightArea]), M.config && Ee(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => Ve({
+			M.config && Ee(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea : e.chart.highlightArea = [M.config.chart.highlightArea]), M.config && Ee(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => Be({
 				defaultConfig: xi.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], M.config && Ee(M.config, "chart.grid.position") && M.config.chart.grid.position === "start" && M.dataset.length && M.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", Ee(M.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), M.config && Ee(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea.map((e) => Pa({
+			})) : e.chart.annotations = [], M.config && Ee(M.config, "chart.grid.position") && M.config.chart.grid.position === "start" && M.dataset.length && M.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", Ee(M.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), M.config && Ee(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea.map((e) => Ma({
 				defaultConfig: xi.chart.highlightArea,
 				userConfig: e
-			})) : e.chart.highlightArea = Pa({
+			})) : e.chart.highlightArea = Ma({
 				defaultConfig: xi.chart.highlightArea,
 				userConfig: M.config.chart.highlightArea
 			}));
 			let t = e.theme;
 			if (!t) return e;
 			if (!Si.value(e)) return Ci(e), e;
-			let n = Ve({
+			let n = Be({
 				userConfig: Je[t] || M.config,
 				defaultConfig: e
-			}), r = Ve({
+			}), r = Be({
 				userConfig: M.config,
 				defaultConfig: n
 			});
@@ -663,20 +662,20 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				customPalette: r.customPalette.length ? r.customPalette : ne[t] || oe
 			};
 		}
-		function Pa({ defaultConfig: e, userConfig: t }) {
-			return Ve({
+		function Ma({ defaultConfig: e, userConfig: t }) {
+			return Be({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let Fa = y({
+		let Na = y({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), V = E(Na());
+		}), V = E(ja());
 		je({
 			config: () => V.value,
 			dataset: () => M.dataset,
@@ -715,31 +714,31 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				}
 			]
 		});
-		let { transitionEnabled: Ia } = Ue({
+		let { transitionEnabled: Pa } = Ue({
 			config: () => V.value.transitions,
 			dataset: () => M.dataset
-		}), La = y(() => V.value.chart.userOptions.useCursorPointer), H = E({
+		}), Fa = y(() => V.value.chart.userOptions.useCursorPointer), H = E({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
 			isStacked: !1,
 			useIndividualScale: !1
 		});
-		function Ra() {
+		function Ia() {
 			let e = V.value.chart.grid.labels.yAxis.stacked, t = V.value.chart.grid.labels.yAxis.useIndividualScale;
-			if (!Oa.value) {
+			if (!Ea.value) {
 				H.value = {
 					dataLabels: { show: !0 },
 					showTooltip: V.value.chart.tooltip.show === !0,
 					showTable: V.value.showTable === !0,
 					isStacked: e,
 					useIndividualScale: t
-				}, ka.value = e, Aa.value = t, Oa.value = !0;
+				}, Da.value = e, Oa.value = t, Ea.value = !0;
 				return;
 			}
-			H.value.showTooltip = V.value.chart.tooltip.show === !0, e !== ka.value && (H.value.isStacked = e, ka.value = e), t !== Aa.value && (H.value.useIndividualScale = t, Aa.value = t), H.value.isStacked && (H.value.useIndividualScale = !0);
+			H.value.showTooltip = V.value.chart.tooltip.show === !0, e !== Da.value && (H.value.isStacked = e, Da.value = e), t !== Oa.value && (H.value.useIndividualScale = t, Oa.value = t), H.value.isStacked && (H.value.useIndividualScale = !0);
 		}
-		let za = y(() => !!V.value.debug), Ba = y(() => te({
+		let La = y(() => V.value.debug), Ra = y(() => te({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -795,7 +794,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				}
 			},
 			userConfig: V.value.skeletonConfig ?? {}
-		})), Va = y(() => M.config?.skeletonDataset ?? [{
+		})), za = y(() => M.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -832,67 +831,67 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: Ha, FINAL_DATASET: Ua, manualLoading: Wa } = Re({
+		}]), { loading: Ba, FINAL_DATASET: Va, manualLoading: Ha } = Re({
 			..._t(M),
 			FINAL_CONFIG: V,
-			prepareConfig: Na,
+			prepareConfig: ja,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					(!V.value.chart.zoom.keepState || !as.value || U.value.start === 0 && U.value.end === 0) && await cs(), H.value.showTable = V.value.showTable;
+					(!V.value.chart.zoom.keepState || !rs.value || U.value.start === 0 && U.value.end === 0) && await os(), H.value.showTable = V.value.showTable;
 				});
 			},
-			skeletonDataset: Va.value,
+			skeletonDataset: za.value,
 			skeletonConfig: te({
 				defaultConfig: V.value,
-				userConfig: Ba.value
+				userConfig: Ra.value
 			})
-		}), Ga = Ot((e, t) => s({
+		}), Ua = Ot((e, t) => s({
 			data: e,
 			threshold: t
-		})), Ka = (e) => Ga(e, V.value.downsample.threshold), qa = y(() => {
+		})), Wa = (e) => Ua(e, V.value.downsample.threshold), Ga = y(() => {
 			let e = V.value.downsample.threshold;
-			return Ua.value.map((t) => Ga(t.series, e).length);
-		}), Ja = y(() => {
+			return Va.value.map((t) => Ua(t.series, e).length);
+		}), Ka = y(() => {
 			let e = -Infinity;
-			for (let t = 0; t < qa.value.length; t += 1) {
-				let n = qa.value[t];
+			for (let t = 0; t < Ga.value.length; t += 1) {
+				let n = Ga.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), Ya = y(() => {
+		}), qa = y(() => {
 			let e = 0;
-			for (let t = 0; t < qa.value.length; t += 1) {
-				let n = qa.value[t];
+			for (let t = 0; t < Ga.value.length; t += 1) {
+				let n = Ga.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), Xa = y(() => Ja.value), U = E({
+		}), Ja = y(() => Ka.value), U = E({
 			start: 0,
-			end: Xa.value
-		}), Za = E({
+			end: Ja.value
+		}), Ya = E({
 			start: 0,
-			end: Xa.value
-		}), Qa = y(() => V.value.chart.zoom.preview.enable && (Za.value.start !== U.value.start || Za.value.end !== U.value.end));
-		function $a(e, t) {
-			Za.value[e] = t;
+			end: Ja.value
+		}), Xa = y(() => V.value.chart.zoom.preview.enable && (Ya.value.start !== U.value.start || Ya.value.end !== U.value.end));
+		function Za(e, t) {
+			Ya.value[e] = t;
 		}
-		function eo() {
+		function Qa() {
 			if (G.value) {
-				let e = nl.value.min, t = nl.value.max, n = Number(U.value.start), r = Number(U.value.end);
+				let e = el.value.min, t = el.value.max, n = Number(U.value.start), r = Number(U.value.end);
 				Number.isFinite(n) || (n = e), Number.isFinite(r) || (r = t), n = Math.max(e, Math.min(n, t)), r = Math.max(n, Math.min(r, t)), r <= n && (n = e, r = t), U.value = {
 					start: n,
 					end: r
-				}, Za.value.start = n, Za.value.end = r, Ei.value && (Ei.value.setStartValue(n), Ei.value.setEndValue(r));
+				}, Ya.value.start = n, Ya.value.end = r, Ei.value && (Ei.value.setStartValue(n), Ei.value.setEndValue(r));
 				return;
 			}
-			let e = Math.max(1, ...Ua.value.map((e) => Ka(e.series).length)), t = Math.max(0, Math.min(U.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(U.value.end ?? e, e));
+			let e = Math.max(1, ...Va.value.map((e) => Wa(e.series).length)), t = Math.max(0, Math.min(U.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(U.value.end ?? e, e));
 			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), U.value = {
 				start: t,
 				end: n
-			}, Za.value.start = t, Za.value.end = n, Ei.value && (Ei.value.setStartValue(t), Ei.value.setEndValue(n));
+			}, Ya.value.start = t, Ya.value.end = n, Ei.value && (Ei.value.setStartValue(t), Ei.value.setEndValue(n));
 		}
-		let to = y(() => {
-			let { left: e, top: t, width: n, height: r } = J.value, i = U.value.start, a = U.value.end - i, o = n / a, s = Za.value.start - i, c = Za.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
+		let $a = y(() => {
+			let { left: e, top: t, width: n, height: r } = J.value, i = U.value.start, a = U.value.end - i, o = n / a, s = Ya.value.start - i, c = Ya.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,
@@ -919,51 +918,51 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			let t = e - U.value.start;
 			t < 0 || e >= U.value.end ? R.value = null : R.value = t ?? null;
 		}, { immediate: !0 });
-		let { isPrinting: no, isImaging: ro, generatePdf: io, generateImage: ao } = Le({
+		let { isPrinting: eo, isImaging: to, generatePdf: no, generateImage: ro } = Le({
 			elementId: `vue-ui-xy_${F.value}`,
 			fileName: V.value.chart.title.text || "vue-ui-xy",
 			options: V.value.chart.userOptions.print
-		}), oo = E(!1), so = y(() => De(V.value.customPalette)), co = y(() => {
+		}), io = E(!1), ao = y(() => De(V.value.customPalette)), oo = y(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMin;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), lo = y(() => co.value === null ? Os.value : J.value.bottom), uo = y(() => {
+		}), so = y(() => oo.value === null ? Es.value : J.value.bottom), co = y(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), fo = y(() => co.value !== null || uo.value !== null), po = y(() => Gc(So.value.filter((e) => !Yi.value.has(e.id)), 0, 1)), mo = y(() => {
-			let { min: e, max: t } = po.value;
-			if (!fo.value) {
+		}), lo = y(() => oo.value !== null || co.value !== null), uo = y(() => Uc(bo.value.filter((e) => !Yi.value.has(e.id)), 0, 1)), fo = y(() => {
+			let { min: e, max: t } = uo.value;
+			if (!lo.value) {
 				let t = e;
 				return t > 0 ? 0 : t;
 			}
-			let n = co.value === null ? e > 0 ? 0 : e : co.value, r = uo.value === null ? t : uo.value;
+			let n = oo.value === null ? e > 0 ? 0 : e : oo.value, r = co.value === null ? t : co.value;
 			return kt(e < n ? e : n, t > r ? t : r).min;
-		}), ho = y(() => {
-			let { min: e, max: t } = po.value;
-			if (!fo.value) {
+		}), po = y(() => {
+			let { min: e, max: t } = uo.value;
+			if (!lo.value) {
 				let e = t;
-				return mo.value === e ? e + 1 : e;
+				return fo.value === e ? e + 1 : e;
 			}
-			let n = co.value === null ? e > 0 ? 0 : e : co.value, r = uo.value === null ? t : uo.value;
+			let n = oo.value === null ? e > 0 ? 0 : e : oo.value, r = co.value === null ? t : co.value;
 			return kt(e < n ? e : n, t > r ? t : r).max;
-		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? me(mo.value, ho.value < 0 ? 0 : ho.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : Te(mo.value, ho.value < 0 ? 0 : ho.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), go = y(() => [null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) ? W.value.min >= 0 ? 0 : Math.abs(W.value.min) : -W.value.min), G = y(() => Ua.value.some((e) => Array.isArray(e.series) && e.series.some(Et)));
+		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? me(fo.value, po.value < 0 ? 0 : po.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : Te(fo.value, po.value < 0 ? 0 : po.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), mo = y(() => [null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) ? W.value.min >= 0 ? 0 : Math.abs(W.value.min) : -W.value.min), G = y(() => Va.value.some((e) => Array.isArray(e.series) && e.series.some(Et)));
 		xt(() => {
-			G.value && Ua.value.some((e) => !yo(e)) && console.warn("Vue Data UI - VueUiXy: mixed continuous and non-continuous series are not supported in the same chart.\n\nContinuous mode requires all visible 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nSeries of type 'bar' and standard numeric series are ignored in continuous mode to prevent runtime errors.\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard [number, number, number...] format.");
+			G.value && Va.value.some((e) => !_o(e)) && console.warn("Vue Data UI - VueUiXy: mixed continuous and non-continuous series are not supported in the same chart.\n\nContinuous mode requires all visible 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nSeries of type 'bar' and standard numeric series are ignored in continuous mode to prevent runtime errors.\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard [number, number, number...] format.");
 		});
-		function _o(e) {
+		function ho(e) {
 			return e && typeof e == "object" && e.x === null && e.y === null;
 		}
-		function vo(e) {
-			return Array.isArray(e) && e.some((e) => Et(e) || _o(e));
+		function go(e) {
+			return Array.isArray(e) && e.some((e) => Et(e) || ho(e));
 		}
-		function yo(e) {
-			return !G.value || ["line", "plot"].includes(e.type) && vo(e.series);
+		function _o(e) {
+			return !G.value || ["line", "plot"].includes(e.type) && go(e.series);
 		}
-		function bo(e, t) {
-			return _o(e) ? {
+		function vo(e, t) {
+			return ho(e) ? {
 				x: null,
 				y: null,
 				index: t,
@@ -985,38 +984,38 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				isInvalid: !1
 			};
 		}
-		function xo(e) {
+		function yo(e) {
 			return G.value ? e && typeof e == "object" ? e.y : null : e;
 		}
-		let So = y(() => !zi.value && !G.value ? Ua.value : Ua.value.map((e, t) => {
-			let n = `uniqueId_${t}`, r = yo(e), i = G.value ? r ? e.series : [] : Ka(e.series);
+		let bo = y(() => !zi.value && !G.value ? Va.value : Va.value.map((e, t) => {
+			let n = `uniqueId_${t}`, r = _o(e), i = G.value ? r ? e.series : [] : Wa(e.series);
 			return {
 				...e,
 				slotAbsoluteIndex: t,
-				series: G.value ? i.map((e, t) => bo(e, t)).filter((e) => e.isInvalid ? !1 : e.x === null && e.y === null ? U.value.start <= 0 && U.value.end >= 0 : e.x >= U.value.start && e.x <= U.value.end) : i.map((e) => ce(e) ? e : null).slice(U.value.start, U.value.end),
-				color: se(e.color ? e.color : so.value[t] ? so.value[t] : oe[t]),
+				series: G.value ? i.map((e, t) => vo(e, t)).filter((e) => e.isInvalid ? !1 : e.x === null && e.y === null ? U.value.start <= 0 && U.value.end >= 0 : e.x >= U.value.start && e.x <= U.value.end) : i.map((e) => ce(e) ? e : null).slice(U.value.start, U.value.end),
+				color: se(e.color ? e.color : ao.value[t] ? ao.value[t] : oe[t]),
 				id: n,
 				scaleLabel: e.scaleLabel || n
 			};
-		})), Co = y(() => So.value.map((e, t) => ({
+		})), xo = y(() => bo.value.map((e, t) => ({
 			absoluteIndex: t,
 			...e,
 			series: G.value ? e.series.map((e) => ({
 				...e,
-				y: e.y === null ? null : e.y + go.value
-			})) : e.series.map((e) => e + go.value),
+				y: e.y === null ? null : e.y + mo.value
+			})) : e.series.map((e) => e + mo.value),
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series,
-			segregate: () => nc(e),
+			segregate: () => ec(e),
 			isSegregated: Yi.value.has(e.id)
-		}))), K = y(() => So.value.map((e) => ({
+		}))), K = y(() => bo.value.map((e) => ({
 			...e,
 			series: G.value ? e.series.map((e) => ({
 				...e,
-				y: e.y === null ? null : e.y + go.value
-			})) : e.series.map((e) => e + go.value),
+				y: e.y === null ? null : e.y + mo.value
+			})) : e.series.map((e) => e + mo.value),
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series
-		})).filter((e) => !Yi.value.has(e.id))), wo = y(() => Ji.value.length === Co.value.length), q = y(() => V.value.chart.grid.labels.yAxis.position === "right");
-		function To() {
+		})).filter((e) => !Yi.value.has(e.id))), So = y(() => Ji.value.length === xo.value.length), q = y(() => V.value.chart.grid.labels.yAxis.position === "right");
+		function Co() {
 			let e = 0;
 			Pi.value && (e = Array.from(Pi.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
@@ -1030,72 +1029,72 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				yAxisLabelWidth: t
 			};
 		}
-		function Eo(e) {
-			let t = Hs(e);
+		function wo(e) {
+			let t = Bs(e);
 			if (!t) {
-				Z.value = [], Bs.value = null, ua.value = null;
+				Z.value = [], Rs.value = null, ca.value = null;
 				return;
 			}
-			let n = Number(t.point.x), r = Vs.value.matchingPointsByXValue.get(n) || [];
+			let n = Number(t.point.x), r = zs.value.matchingPointsByXValue.get(n) || [];
 			Z.value = r.map((e) => ({
 				...e,
 				distance: 0
-			})), Bs.value = tl({ x: n }), ua.value = n;
+			})), Rs.value = $c({ x: n }), ca.value = n;
 		}
-		function Do(e) {
+		function To(e) {
 			if (!Number.isFinite(Number(e))) {
-				Z.value = [], Bs.value = null;
+				Z.value = [], Rs.value = null;
 				return;
 			}
-			let t = tl({ x: Number(e) });
-			Eo(t), Bs.value = t;
+			let t = $c({ x: Number(e) });
+			wo(t), Rs.value = t;
 		}
-		let Oo = E(0), ko = E(0);
-		function Ao() {
+		let Eo = E(0), Do = E(0);
+		function Oo() {
 			let e = Ni.value;
 			if (!e) {
-				Oo.value = 0, ko.value = 0;
+				Eo.value = 0, Do.value = 0;
 				return;
 			}
 			try {
 				let t = e.getBBox();
-				Oo.value = t?.height ?? 0, ko.value = t?.x ?? 0;
+				Eo.value = t?.height ?? 0, Do.value = t?.x ?? 0;
 			} catch {
-				Oo.value = 0, ko.value = 0;
+				Eo.value = 0, Do.value = 0;
 			}
 		}
-		let jo = y(() => {
+		let ko = y(() => {
 			let e = 0;
 			if (ji.value) try {
 				e = ji.value.getBBox().height || 0;
 			} catch {
 				e = 0;
 			}
-			return e + Oo.value + B.value.xAxis;
-		}), Mo = y(() => Ua.value.some((e) => e.useProgression));
-		function No() {
+			return e + Eo.value + B.value.xAxis;
+		}), Ao = y(() => Va.value.some((e) => e.useProgression));
+		function jo() {
 			return V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + V.value.chart.grid.labels.yAxis.labelWidth + V.value.chart.grid.labels.axis.yLabelOffsetX + B.value.dataLabels * .8;
 		}
 		let J = y(() => {
-			ya.value;
+			_a.value;
 			let e = 0, t = 0, n = 0, r = 0;
-			if (V.value.chart.grid.labels.show) if (H.value.useIndividualScale && !H.value.isStacked) q.value ? t = (Ua.value.length - Ji.value.length) * No() : e = (Ua.value.length - Ji.value.length) * (V.value.chart.grid.labels.yAxis.labelWidth + 36);
+			if (V.value.chart.grid.labels.show) if (H.value.useIndividualScale && !H.value.isStacked) q.value ? t = (Va.value.length - Ji.value.length) * jo() : e = (Va.value.length - Ji.value.length) * (V.value.chart.grid.labels.yAxis.labelWidth + 36);
 			else if (H.value.useIndividualScale && H.value.isStacked) {
 				let n = V.value.chart.grid.labels.yAxis.labelWidth + 36;
 				q.value ? t = n : e = n;
 			} else {
-				let i = To();
+				let i = Co();
 				e = i.left, t = i.right, n = i.scaleLabelsOffset, r = i.yAxisLabelWidth;
 			}
-			let i = V.value.chart.labels.fontSize * 1.1, a = Mo.value ? 24 : 6;
-			Ni.value && ko.value < 0 && (e += Math.abs(ko.value));
+			let i = V.value.chart.labels.fontSize * 1.1, a = Ao.value ? 24 : 6;
+			Ni.value && Do.value < 0 && (e += Math.abs(Do.value));
 			let o = P.value - e - t - a - V.value.chart.padding?.left - V.value.chart.padding?.right;
 			return {
 				top: V.value.chart.padding?.top + i,
 				right: e + (q.value ? 0 : V.value.chart.grid.labels.yAxis.crosshairSize) + V.value.chart.padding?.left + o,
-				bottom: Bi.value - jo.value - V.value.chart.padding?.bottom - V.value.chart.grid.labels.axis.xLabelOffsetY,
+				bottom: Bi.value - ko.value - V.value.chart.padding?.bottom - V.value.chart.grid.labels.axis.xLabelOffsetY,
 				left: e + (q.value ? 0 : V.value.chart.grid.labels.yAxis.crosshairSize) + V.value.chart.padding?.left,
-				height: Bi.value - jo.value - V.value.chart.padding?.top - V.value.chart.padding?.bottom - i - V.value.chart.grid.labels.axis.xLabelOffsetY,
+				height: Bi.value - ko.value - V.value.chart.padding?.top - V.value.chart.padding?.bottom - i - V.value.chart.grid.labels.axis.xLabelOffsetY,
 				width: o,
 				scaleLabelX: e,
 				rightScaleLabelX: t,
@@ -1103,108 +1102,108 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				yAxisLabelWidth: r,
 				individualOffsetX: 36
 			};
-		}), Po = y(() => {
+		}), Mo = y(() => {
 			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = _(J.value?.top), r = _(J.value?.bottom);
-			return G.value ? V.value.chart.grid.position === "middle" ? $c.value.map((e, t, i) => {
+			return G.value ? V.value.chart.grid.position === "middle" ? Zc.value.map((e, t, i) => {
 				if (t === 0) return null;
 				let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
 				return `M${o},${n} L${o},${r}`;
-			}).filter(Boolean).join(" ") : $c.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
-				let i = V.value.chart.grid.position === "middle" ? gc(t) : hc(t);
+			}).filter(Boolean).join(" ") : Zc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
+				let i = V.value.chart.grid.position === "middle" ? mc(t) : pc(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
-		}), Fo = y(() => {
+		}), No = y(() => {
 			if (!V.value.chart.grid.labels.xAxis.showCrosshairs) return "";
 			let e = V.value.chart.grid.labels.xAxis.crosshairSize, t = V.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-			return (G.value ? $c.value : Yo.value).map((n, r) => {
+			return (G.value ? Zc.value : qo.value).map((n, r) => {
 				if (!n || !n.text) return null;
-				let i = G.value ? n.x : hc(r);
-				return `M${i},${t ? Os.value - (Os.value === J.value?.bottom ? 0 : e / 2) : J.value?.bottom} L${i},${t ? Os.value + e / (Os.value === J.value?.bottom ? 1 : 2) : J.value?.bottom + e}`;
+				let i = G.value ? n.x : pc(r);
+				return `M${i},${t ? Es.value - (Es.value === J.value?.bottom ? 0 : e / 2) : J.value?.bottom} L${i},${t ? Es.value + e / (Es.value === J.value?.bottom ? 1 : 2) : J.value?.bottom + e}`;
 			}).filter(Boolean).join(" ");
 		});
-		function Io() {
+		function Po() {
 			return !!bi?.vnode.props?.onSelectTimeLabel;
 		}
-		function Lo(e, t, n) {
+		function Fo(e, t, n) {
 			if (!aa.value) {
 				let e = document.createElement("canvas");
 				aa.value = e.getContext("2d");
 			}
 			return aa.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, aa.value;
 		}
-		function Ro() {
+		function Io() {
 			let e = wi.value.querySelectorAll(".vue-ui-xy-tag");
 			e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
 		}
-		function zo(e, t, n, r, i) {
+		function Lo(e, t, n, r, i) {
 			n && (ia.value[`${e}_${t}_${r}_${i}`] = n);
 		}
-		let Bo = E(!1);
-		async function Vo(e = !1) {
-			await dt(), Bo.value = e, ta.value && (ra.value = e);
+		let Ro = E(!1);
+		async function zo(e = !1) {
+			await dt(), Ro.value = e, ta.value && (ra.value = e);
 		}
-		function Ho() {
-			Vo(!0);
+		function Bo() {
+			zo(!0);
 		}
-		function Uo() {
-			Vo(!1);
+		function Vo() {
+			zo(!1);
 		}
-		function Wo() {
+		function Ho() {
 			Wi.value = !Wi.value;
 		}
-		let Y = E([]), Go = E([]), Ko = 0;
+		let Y = E([]), Uo = E([]), Wo = 0;
 		xt(() => {
-			let e = ++Ko;
+			let e = ++Wo;
 			(async () => {
-				let t = Ja.value, n = await Fe({
+				let t = Ka.value, n = await Fe({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
 					start: U.value.start,
 					end: U.value.end
 				});
-				e === Ko && (Y.value = n);
+				e === Wo && (Y.value = n);
 			})();
 		});
-		let qo = 0;
+		let Go = 0;
 		xt(() => {
-			let e = ++qo;
+			let e = ++Go;
 			(async () => {
-				let t = Ja.value, n = await Fe({
+				let t = Ka.value, n = await Fe({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
 					start: 0,
-					end: Xa.value
+					end: Ja.value
 				});
-				e === qo && (Go.value = n);
+				e === Go && (Uo.value = n);
 			})();
 		});
-		let Jo = y(() => {
+		let Ko = y(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels.modulo;
 			return Y.value.length ? Math.min(e, [...new Set(Y.value.map((e) => e.text))].length) : e;
-		}), Yo = y(() => {
-			let e = V.value.chart.grid.labels.xAxisLabels, t = Y.value || [], n = Go.value || [], r = U.value.start ?? 0, i = R.value, a = X.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return m(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Jo.value || 1), o, s, r, i, a);
-		}), Xo = y(() => (Yo.value || []).map((e) => e?.text ?? "").join("|"));
+		}), qo = y(() => {
+			let e = V.value.chart.grid.labels.xAxisLabels, t = Y.value || [], n = Uo.value || [], r = U.value.start ?? 0, i = R.value, a = X.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
+			return m(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Ko.value || 1), o, s, r, i, a);
+		}), Jo = y(() => (qo.value || []).map((e) => e?.text ?? "").join("|"));
 		mt(() => {
 			requestAnimationFrame(() => {
-				Ao();
+				Oo();
 			}), bt([
-				() => Xo.value,
+				() => Jo.value,
 				() => V.value.chart.grid.labels.xAxisLabels.rotation,
 				() => B.value.xAxis,
 				() => P.value,
 				() => Bi.value
 			], async () => {
 				await dt(), requestAnimationFrame(() => {
-					Ao();
+					Oo();
 				});
 			}, { flush: "post" });
 		}), pt(() => {
-			Oo.value = 0, ko.value = 0, xa.stop(), pa.value &&= (pa.value.disconnect(), null);
+			Eo.value = 0, Do.value = 0, ya.stop(), da.value &&= (da.value.disconnect(), null);
 		});
-		function Zo(e, t) {
+		function Yo(e, t) {
 			let n = K.value.map((e) => ({
 				shape: e.shape ?? e.type === "bar" ? "square" : "circle",
 				name: e.name,
@@ -1225,166 +1224,166 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			let e = jt((U.value.end ?? 0) - (U.value.start ?? 0));
 			return Math.max(1, e);
 		});
-		function Qo(e) {
+		function Xo(e) {
 			G.value || (I.value = e);
 		}
-		function $o(e) {
+		function Zo(e) {
 			if (!G.value || !a(e)) {
-				ua.value = null, Z.value = [], Bs.value = null;
+				ca.value = null, Z.value = [], Rs.value = null;
 				return;
 			}
-			ua.value = Number(e), Do(Number(e));
+			ca.value = Number(e), To(Number(e));
 		}
-		let es = y(() => G.value ? a(ua.value) || a(Bs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
-		function ts() {
+		let Qo = y(() => G.value ? a(ca.value) || a(Rs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		function $o() {
 			H.value.isStacked = !H.value.isStacked, H.value.isStacked ? H.value.useIndividualScale = !0 : H.value.useIndividualScale = V.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
-		function ns(e) {
-			za.value && e.autoScaling && (V.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`), V.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 es(e) {
+			La.value && e.autoScaling && (V.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`), V.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 rs(e) {
-			let t = Ja.value;
+		function ts(e) {
+			let t = Ka.value;
 			return e > t ? t : e < 0 || V.value.chart.zoom.startIndex !== null && e < V.value.chart.zoom.startIndex ? V.value.chart.zoom.startIndex === null ? 1 : V.value.chart.zoom.startIndex + 1 : e;
 		}
-		let is = E(!1), as = E(!1), os = E(0), ss = E(0);
-		function cs() {
-			if (!is.value) {
-				is.value = !0;
+		let ns = E(!1), rs = E(!1), is = E(0), as = E(0);
+		function os() {
+			if (!ns.value) {
+				ns.value = !0;
 				try {
 					if (G.value) {
-						let e = nl.value.min, t = nl.value.max;
-						os.value = e, ss.value = t, U.value.start = e, U.value.end = t, Za.value.start = e, Za.value.end = t, as.value = !0, Ei.value && (Ei.value.setStartValue(e), Ei.value.setEndValue(t));
+						let e = el.value.min, t = el.value.max;
+						is.value = e, as.value = t, U.value.start = e, U.value.end = t, Ya.value.start = e, Ya.value.end = t, rs.value = !0, Ei.value && (Ei.value.setStartValue(e), Ei.value.setEndValue(t));
 						return;
 					}
-					let { startIndex: e, endIndex: t } = V.value.chart.zoom, n = V.value.chart.zoom.keepState ? Ya.value : Ja.value;
+					let { startIndex: e, endIndex: t } = V.value.chart.zoom, n = V.value.chart.zoom.keepState ? qa.value : Ka.value;
 					if (V.value.chart.zoom.keepState && n <= 0) return;
-					os.value = 0, ss.value = n;
-					let r = e ?? 0, i = t == null ? n : Math.min(rs(t + 1), n);
-					ls.value = !0, U.value.start = r, U.value.end = i, Za.value.start = r, Za.value.end = i, eo(), as.value = !0;
+					is.value = 0, as.value = n;
+					let r = e ?? 0, i = t == null ? n : Math.min(ts(t + 1), n);
+					ss.value = !0, U.value.start = r, U.value.end = i, Ya.value.start = r, Ya.value.end = i, Qa(), rs.value = !0;
 				} finally {
 					queueMicrotask(() => {
-						ls.value = !1;
-					}), is.value = !1;
+						ss.value = !1;
+					}), ns.value = !1;
 				}
 			}
 		}
-		let ls = E(!1), us = E(!1), ds = null, fs = null, ps = {};
-		function ms(e = U.value) {
+		let ss = E(!1), cs = E(!1), ls = null, us = null, ds = {};
+		function fs(e = U.value) {
 			return Number(e.end) - Number(e.start);
 		}
-		function hs() {
-			ds &&= (cancelAnimationFrame(ds), null), fs &&= (cancelAnimationFrame(fs), null);
+		function ps() {
+			ls &&= (cancelAnimationFrame(ls), null), us &&= (cancelAnimationFrame(us), null);
 		}
-		function gs(e) {
-			ps = {
-				...ps,
+		function ms(e) {
+			ds = {
+				...ds,
 				...e
-			}, ds && cancelAnimationFrame(ds), ds = requestAnimationFrame(() => {
-				let e = ms(), t = {
+			}, ls && cancelAnimationFrame(ls), ls = requestAnimationFrame(() => {
+				let e = fs(), t = {
 					...U.value,
-					...ps
-				}, n = ms(t);
-				us.value = n !== e, U.value = t, Za.value = { ...t }, ps = {}, ds = null, eo(), fs && cancelAnimationFrame(fs), fs = requestAnimationFrame(() => {
-					us.value = !1, fs = null;
+					...ds
+				}, n = fs(t);
+				cs.value = n !== e, U.value = t, Ya.value = { ...t }, ds = {}, ls = null, Qa(), us && cancelAnimationFrame(us), us = requestAnimationFrame(() => {
+					cs.value = !1, us = null;
 				});
 			});
 		}
-		function _s(e) {
-			if (is.value || ls.value) return;
+		function hs(e) {
+			if (ns.value || ss.value) return;
 			let t = Number(e);
 			vi("zoomStart", {
 				index: t,
-				isZoom: Dt(t, os.value)
-			}), Number.isFinite(t) && t !== U.value.start && gs({ start: t });
+				isZoom: Dt(t, is.value)
+			}), Number.isFinite(t) && t !== U.value.start && ms({ start: t });
 		}
-		function vs(e) {
-			if (is.value || ls.value) return;
+		function gs(e) {
+			if (ns.value || ss.value) return;
 			if (G.value) {
 				let t = Number(e);
 				if (!Number.isFinite(t)) return;
-				let n = Math.max(Number(U.value.start) + 1 / 10 ** V.value.chart.grid.labels.xAxis.rounding, Math.min(t, nl.value.max));
+				let n = Math.max(Number(U.value.start) + 1 / 10 ** V.value.chart.grid.labels.xAxis.rounding, Math.min(t, el.value.max));
 				if (vi("zoomEnd", {
 					index: n,
-					isZoom: Dt(n, ss.value)
+					isZoom: Dt(n, as.value)
 				}), n === U.value.end) return;
-				gs({ end: n });
+				ms({ end: n });
 				return;
 			}
-			let t = rs(e);
+			let t = ts(e);
 			vi("zoomEnd", {
 				index: t,
-				isZoom: Dt(t, ss.value)
-			}), t !== U.value.end && gs({ end: t });
+				isZoom: Dt(t, as.value)
+			}), t !== U.value.end && ms({ end: t });
 		}
-		async function ys() {
-			let e = ms();
-			us.value = !0, await cs(), ms() === e ? us.value = !1 : (await dt(), fs && cancelAnimationFrame(fs), fs = requestAnimationFrame(() => {
-				us.value = !1, fs = null;
+		async function _s() {
+			let e = fs();
+			cs.value = !0, await os(), fs() === e ? cs.value = !1 : (await dt(), us && cancelAnimationFrame(us), us = requestAnimationFrame(() => {
+				cs.value = !1, us = null;
 			})), vi("zoomReset");
 		}
-		let bs = y(() => W.value.max + go.value);
-		function xs(e) {
-			return e / (Ct(bs.value) ? bs.value : 1);
+		let vs = y(() => W.value.max + mo.value);
+		function ys(e) {
+			return e / (Ct(vs.value) ? vs.value : 1);
 		}
-		let Ss = y(() => V.value.chart.grid.labels.yAxis.reverse);
-		function Cs(e) {
-			return Ss.value ? 1 - e : e;
+		let bs = y(() => V.value.chart.grid.labels.yAxis.reverse);
+		function xs(e) {
+			return bs.value ? 1 - e : e;
 		}
-		function ws({ ratio: e, yOffset: t = 0, individualHeight: n }) {
-			let r = Cs(e);
+		function Ss({ ratio: e, yOffset: t = 0, individualHeight: n }) {
+			let r = xs(e);
 			return J.value?.bottom - t - n * r;
 		}
-		function Ts({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
-			return ws({
+		function Cs({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
+			return Ss({
 				ratio: (e - t) / (n - t || 1),
 				yOffset: r,
 				individualHeight: i
 			});
 		}
-		let Es = y(() => V.value.chart.grid.labels.xAxis.reverse);
-		function Ds(e) {
-			return Es.value ? 1 - e : e;
+		let ws = y(() => V.value.chart.grid.labels.xAxis.reverse);
+		function Ts(e) {
+			return ws.value ? 1 - e : e;
 		}
-		let Os = y(() => isNaN(xs(go.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * xs(go.value));
-		function ks(e) {
+		let Es = y(() => isNaN(ys(mo.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * ys(mo.value));
+		function Ds(e) {
 			let t = W.value.min, n = W.value.max - t;
 			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? J.value?.bottom : J.value?.bottom - J.value.height * ((e - t) / n);
 		}
-		let As = y(() => W.value.min <= 0 && W.value.max >= 0 ? ks(0) : W.value.min > 0 ? ks(W.value.min) : ks(W.value.max));
-		function js(e) {
-			let t = ![null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) && V.value.chart.grid.labels.yAxis.scaleMin > 0 && mo.value >= 0 ? J.value?.bottom : Os.value;
-			return e.value >= 0 ? p(t - e.y <= 0 ? 1e-5 : t - e.y) : p(e.y - Os.value <= 0 ? 1e-5 : e.y - Os.value);
+		let Os = y(() => W.value.min <= 0 && W.value.max >= 0 ? Ds(0) : W.value.min > 0 ? Ds(W.value.min) : Ds(W.value.max));
+		function ks(e) {
+			let t = ![null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) && V.value.chart.grid.labels.yAxis.scaleMin > 0 && fo.value >= 0 ? J.value?.bottom : Es.value;
+			return e.value >= 0 ? p(t - e.y <= 0 ? 1e-5 : t - e.y) : p(e.y - Es.value <= 0 ? 1e-5 : e.y - Es.value);
 		}
-		function Ms(e) {
+		function As(e) {
 			return e.value >= 0 ? p(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : p(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
 		}
-		let Ns = y(() => {
+		let js = y(() => {
 			let e = Math.max(1, X.value);
 			return {
-				bar: At(Math.max(1, J.value.width), e * jc.value, 1),
-				plot: pc.value,
-				line: pc.value
+				bar: At(Math.max(1, J.value.width), e * kc.value, 1),
+				plot: dc.value,
+				line: dc.value
 			};
 		});
-		function Ps() {
-			return H.value.useIndividualScale && H.value.isStacked ? Ns.value.line - J.value.width / X.value * .1 : Ns.value.bar;
+		function Ms() {
+			return H.value.useIndividualScale && H.value.isStacked ? js.value.line - J.value.width / X.value * .1 : js.value.bar;
 		}
-		function Fs(e) {
-			return H.value.useIndividualScale && H.value.isStacked ? e.x + J.value.width / X.value * .05 : e.x + Ns.value.bar / 2;
+		function Ns(e) {
+			return H.value.useIndividualScale && H.value.isStacked ? e.x + J.value.width / X.value * .05 : e.x + js.value.bar / 2;
 		}
-		function Is(e) {
-			return H.value.useIndividualScale && H.value.isStacked ? e.x + Ns.value.line / 2 : Fs(e) + Ps() / 2 - Ic.value / 2;
+		function Ps(e) {
+			return H.value.useIndividualScale && H.value.isStacked ? e.x + js.value.line / 2 : Ns(e) + Ms() / 2 - Pc.value / 2;
 		}
-		function Ls(e) {
+		function Fs(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(Os.value) ? J?.bottom.value : Os.value;
+			].includes(Es.value) ? J?.bottom.value : Es.value;
 		}
-		function Rs(e) {
+		function Is(e) {
 			return e.value >= 0 ? e.y : [
 				null,
 				void 0,
@@ -1393,7 +1392,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let zs = E(null), Z = E([]), Bs = E(null), Vs = y(() => {
+		let Ls = E(null), Z = E([]), Rs = E(null), zs = y(() => {
 			if (!G.value) return {
 				sortedPoints: [],
 				matchingPointsByXValue: /* @__PURE__ */ new Map()
@@ -1404,7 +1403,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				if (["line", "plot"].includes(i.type) && Array.isArray(i.series)) for (let r = 0; r < i.series.length; r += 1) {
 					let o = i.series[r];
 					if (!a(o?.x) || !a(o?.y)) continue;
-					let s = Number(o.x), c = tl(o), l = {
+					let s = Number(o.x), c = $c(o), l = {
 						datapoint: i,
 						point: o,
 						index: r,
@@ -1424,8 +1423,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				matchingPointsByXValue: t
 			};
 		});
-		function Hs(e) {
-			let t = Vs.value.sortedPoints;
+		function Bs(e) {
+			let t = zs.value.sortedPoints;
 			if (!t.length) return null;
 			let n = 0, r = t.length - 1;
 			for (; n <= r;) {
@@ -1443,18 +1442,18 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				});
 			}), a;
 		}
-		let Us = y(() => G.value ? Array.from(Vs.value.matchingPointsByXValue.keys()).sort((e, t) => tl({ x: e }) - tl({ x: t })) : []);
-		function Ws(e) {
-			let t = Us.value[e];
+		let Vs = y(() => G.value ? Array.from(zs.value.matchingPointsByXValue.keys()).sort((e, t) => $c({ x: e }) - $c({ x: t })) : []);
+		function Hs(e) {
+			let t = Vs.value[e];
 			if (!a(t)) {
-				Z.value = [], Bs.value = null, ua.value = null, Ki.value = !1;
+				Z.value = [], Rs.value = null, ca.value = null, Ki.value = !1;
 				return;
 			}
-			Do(Number(t));
-			let n = l(tl({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
-			n && (fa.value = n), R.value = e, da.value = e, Ki.value = !0;
+			To(Number(t));
+			let n = $c({ x: Number(t) }), r = J.value.top + J.value.height / 2, i = l(n, r, L.value);
+			i && (ua.value = i), R.value = e, la.value = e, Ki.value = !0;
 		}
-		function Gs(e) {
+		function Us(e) {
 			let t = L.value;
 			if (!t) return null;
 			if (t.createSVGPoint && t.getScreenCTM) {
@@ -1482,46 +1481,46 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				ok: !0
 			};
 		}
-		let Ks = 0;
-		function qs(e) {
-			da.value = null, !Wi.value && (Ks && cancelAnimationFrame(Ks), Ks = requestAnimationFrame(() => {
-				Ks = 0;
-				let t = Gs(e);
+		let Ws = 0;
+		function Gs(e) {
+			la.value = null, !Wi.value && (Ws && cancelAnimationFrame(Ws), Ws = requestAnimationFrame(() => {
+				Ws = 0;
+				let t = Us(e);
 				if (!t || !L.value) {
-					Js();
+					Ks();
 					return;
 				}
 				let { left: n, right: r, top: i, bottom: a } = J.value;
 				if (t.x < n || t.x > r || t.y < i || t.y > a) {
-					Js();
+					Ks();
 					return;
 				}
 				if (G.value) {
-					Eo(t.x), Vl(!0, R.value ?? 0);
+					wo(t.x), zl(!0, R.value ?? 0);
 					return;
 				}
-				let o = yc(t.x);
-				o == null ? Js() : zs.value !== o && (zs.value = o, Vl(!0, o));
+				let o = _c(t.x);
+				o == null ? Ks() : Ls.value !== o && (Ls.value = o, zl(!0, o));
 			}));
 		}
-		function Js() {
-			Ks &&= (cancelAnimationFrame(Ks), 0), zs.value = null, I.value = null, ua.value = null, Vl(!1, null), Z.value = [], Bs.value = null;
+		function Ks() {
+			Ws &&= (cancelAnimationFrame(Ws), 0), Ls.value = null, I.value = null, ca.value = null, zl(!1, null), Z.value = [], Rs.value = null;
 		}
-		function Ys(e) {
-			let t = Gs(e);
+		function qs(e) {
+			let t = Us(e);
 			if (t && L.value) {
 				let { left: e, right: n, top: r, bottom: i } = J.value;
 				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
-					let e = yc(t.x);
+					let e = _c(t.x);
 					if (e != null) {
-						Xs(e);
+						Js(e);
 						return;
 					}
 				}
 			}
-			zs.value != null && Xs(zs.value);
+			Ls.value != null && Js(Ls.value);
 		}
-		function Xs(e) {
+		function Js(e) {
 			let t = K.value.map((t) => ({
 				name: t.name,
 				value: [
@@ -1541,15 +1540,15 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				seriesIndex: e + U.value.start
 			});
 		}
-		function Zs() {
-			return Co.value.map((e) => ({
+		function Ys() {
+			return xo.value.map((e) => ({
 				values: e.absoluteValues,
 				color: e.color,
 				name: e.name,
 				type: e.type
 			}));
 		}
-		async function Qs({ scale: e = 2 } = {}) {
+		async function Xs({ scale: e = 2 } = {}) {
 			if (!wi.value) return;
 			let { imageUri: t, base64: n } = await Ke({
 				domElement: wi.value,
@@ -1568,15 +1567,15 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				...a
 			};
 		}
-		function $s() {
-			Ji.value.length ? Ji.value = [] : Co.value.forEach((e) => {
+		function Zs() {
+			Ji.value.length ? Ji.value = [] : xo.value.forEach((e) => {
 				Ji.value.push(e.id);
-			}), tc();
+			}), $s();
 		}
-		function ec(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), nc(t));
+		function Qs(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ec(t));
 		}
-		function tc() {
+		function $s() {
 			vi("selectLegend", K.value.map((e) => ({
 				name: e.name,
 				values: e.absoluteValues,
@@ -1584,28 +1583,28 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				type: e.type
 			})));
 		}
-		function nc(e) {
-			if (us.value = !1, fs &&= (cancelAnimationFrame(fs), null), Yi.value.has(e.id)) Ji.value = Ji.value.filter((t) => t !== e.id);
+		function ec(e) {
+			if (cs.value = !1, us &&= (cancelAnimationFrame(us), null), Yi.value.has(e.id)) Ji.value = Ji.value.filter((t) => t !== e.id);
 			else {
-				if (Ji.value.length + 1 === So.value.length) return;
+				if (Ji.value.length + 1 === bo.value.length) return;
 				Ji.value.push(e.id);
 			}
-			tc(), ea.value += 1;
+			$s(), ea.value += 1;
 		}
-		function rc(e) {
-			return Co.value.length ? Co.value.find((t) => t.name === e) || (V.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (V.value.debug && console.warn("VueUiXy - There are no series to show."), null);
+		function tc(e) {
+			return xo.value.length ? xo.value.find((t) => t.name === e) || (La.value && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (La.value && console.warn("VueUiXy - There are no series to show."), null);
 		}
-		function ic(e) {
-			let t = rc(e);
-			t !== null && Yi.value.has(t.id) && nc({ id: t.id });
+		function nc(e) {
+			let t = tc(e);
+			t !== null && Yi.value.has(t.id) && ec({ id: t.id });
 		}
-		function ac(e) {
-			let t = rc(e);
-			t !== null && (Yi.value.has(t.id) || nc({ id: t.id }));
+		function rc(e) {
+			let t = tc(e);
+			t !== null && (Yi.value.has(t.id) || ec({ id: t.id }));
 		}
-		let oc = y(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), sc = y(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), cc = y(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), lc = y(() => {
+		let ic = y(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), ac = y(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), oc = y(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), sc = y(() => {
 			if (Array.isArray(V.value.chart.highlightArea)) return V.value.chart.highlightArea.map((e) => {
-				let t = Math.min(e.to, Xa.value - 1);
+				let t = Math.min(e.to, Ja.value - 1);
 				return {
 					...e,
 					span: e.from === t ? 1 : t < e.from ? 0 : t - e.from + 1
@@ -1613,18 +1612,18 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			});
 			let e = {
 				...V.value.chart.highlightArea,
-				to: Math.min(V.value.chart.highlightArea.to, Xa.value - 1)
+				to: Math.min(V.value.chart.highlightArea.to, Ja.value - 1)
 			};
 			return [{
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), uc = y(() => zi.value ? Ua.value.map((e, t) => ({
+		}), cc = y(() => zi.value ? Va.value.map((e, t) => ({
 			...e,
-			series: Ka(e.series),
+			series: Wa(e.series),
 			id: `uniqueId_${t}`,
-			color: se(e.color ? e.color : so.value[t] ? so.value[t] : oe[t])
-		})) : Ua.value), dc = y(() => K.value.map((e) => {
+			color: se(e.color ? e.color : ao.value[t] ? ao.value[t] : oe[t])
+		})) : Va.value), lc = y(() => K.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? null : e);
 			return {
 				id: e.id,
@@ -1632,7 +1631,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				color: e.color,
 				values: wt(X.value, t)
 			};
-		})), fc = y(() => ({
+		})), uc = y(() => ({
 			responsiveBreakpoint: V.value.table.responsiveBreakpoint,
 			roundingValues: V.value.table.rounding,
 			showAverage: !1,
@@ -1641,7 +1640,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			fontFamily: V.value.chart.fontFamily,
 			prefix: V.value.chart.labels.prefix,
 			suffix: V.value.chart.labels.suffix,
-			colNames: Y.value.map((e, t) => V.value.table.useDefaultTimeFormat ? e.text : Cl.value(t + U.value.start, V.value.table.timeFormat)),
+			colNames: Y.value.map((e, t) => V.value.table.useDefaultTimeFormat ? e.text : xl.value(t + U.value.start, V.value.table.timeFormat)),
 			thead: {
 				backgroundColor: V.value.table.th.backgroundColor,
 				color: V.value.table.th.color,
@@ -1657,46 +1656,46 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				animation: { show: !1 },
 				cutNullValues: V.value.line.cutNullValues
 			}
-		})), pc = y(() => {
+		})), dc = y(() => {
 			let e = Math.max(0, J.value?.width || 0);
 			return V.value.chart.grid.position === "middle" ? At(e, Math.max(1, X.value), 1) : At(e, Math.max(1, X.value - 1), 0);
-		}), mc = y(() => V.value.chart.grid.position === "middle" ? pc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : pc.value);
-		function hc(e) {
+		}), fc = y(() => V.value.chart.grid.position === "middle" ? dc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : dc.value);
+		function pc(e) {
 			let t = J.value?.left || 0;
-			return V.value.chart.grid.position === "middle" ? t + pc.value / 2 + pc.value * e : t + pc.value * e;
+			return V.value.chart.grid.position === "middle" ? t + dc.value / 2 + dc.value * e : t + dc.value * e;
 		}
-		function gc(e) {
+		function mc(e) {
 			let t = J.value?.left || 0;
-			return V.value.chart.grid.position === "middle" ? t + pc.value * e : X.value <= 1 ? t : t + pc.value * e - pc.value / 2;
+			return V.value.chart.grid.position === "middle" ? t + dc.value * e : X.value <= 1 ? t : t + dc.value * e - dc.value / 2;
 		}
-		function _c(e) {
-			return Math.max(J.value?.left || 0, gc(e));
+		function hc(e) {
+			return Math.max(J.value?.left || 0, mc(e));
 		}
-		function vc(e) {
-			let t = J.value?.left || 0, n = J.value?.right || 0, r = gc(e), i = r + mc.value;
+		function gc(e) {
+			let t = J.value?.left || 0, n = J.value?.right || 0, r = mc(e), i = r + fc.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
-		function yc(e) {
+		function _c(e) {
 			let t = J.value?.left || 0, n = J.value?.right || 0, r = X.value;
 			if (r <= 0 || e < t || e > n) return null;
-			let i = pc.value;
+			let i = dc.value;
 			if (i <= 0) return 0;
 			let a;
 			return a = V.value.chart.grid.position === "middle" ? Math.ceil((e - t) / i) - 1 : r <= 1 ? 0 : Math.ceil((e - t) / i - .5), a < 0 ? 0 : a >= r ? r - 1 : a;
 		}
-		function bc(e) {
-			let t = J.value?.left || 0, n = J.value?.right || 0, r = gc(e), i = r + mc.value;
+		function vc(e) {
+			let t = J.value?.left || 0, n = J.value?.right || 0, r = mc(e), i = r + fc.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
-		function xc(e) {
-			return Math.max(1e-5, mc.value * e);
+		function yc(e) {
+			return Math.max(1e-5, fc.value * e);
 		}
-		let Sc = y(() => be(Co.value.filter((e) => !Yi.value.has(e.id)))), Cc = [
+		let bc = y(() => be(xo.value.filter((e) => !Yi.value.has(e.id)))), xc = [
 			"bar",
 			"line",
 			"plot"
-		], wc = y(() => Sc.value.filter((e) => Cc.includes(e.type))), Tc = y(() => wc.value.length), Ec = y(() => wc.value.filter((e) => e.type === "bar")), Dc = y(() => wc.value.filter((e) => e.type === "line")), Oc = y(() => wc.value.filter((e) => e.type === "plot")), kc = y(() => So.value.filter((e) => e.type === "bar" && !Yi.value.has(e.id))), Ac = y(() => kc.value.length), jc = y(() => Math.max(1, Ac.value)), Mc = y(() => {
-			let e = Tt(Sc.value, (e) => e.scaleLabel), t = {};
+		], Sc = y(() => bc.value.filter((e) => xc.includes(e.type))), Cc = y(() => Sc.value.length), wc = y(() => Sc.value.filter((e) => e.type === "bar")), Tc = y(() => Sc.value.filter((e) => e.type === "line")), Ec = y(() => Sc.value.filter((e) => e.type === "plot")), Dc = y(() => bo.value.filter((e) => e.type === "bar" && !Yi.value.has(e.id))), Oc = y(() => Dc.value.length), kc = y(() => Math.max(1, Oc.value)), Ac = y(() => {
+			let e = Tt(bc.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = Infinity, i = -Infinity, a = !1;
 				for (let t = 0; t < r.length; t += 1) {
@@ -1714,18 +1713,18 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				t[n] = {
 					min: a ? e : 0,
 					max: a ? i : 1,
-					groupId: Yc("scale_group", [n])
+					groupId: qc("scale_group", [n])
 				};
 			}
 			return t;
-		}), Nc = y(() => Sc.value.reduce((e, t) => {
+		}), jc = y(() => bc.value.reduce((e, t) => {
 			let n = t.scaleLabel || "";
 			return e[n] = (e[n] || 0) + 1, e;
 		}, {}));
-		function Pc({ datapoint: e, scaleYLabels: t, autoScaleYLabels: n, zeroPosition: r, autoScaleZeroPosition: i, individualMax: a, autoScaleMax: o, yOffset: s, individualHeight: c }) {
+		function Mc({ datapoint: e, scaleYLabels: t, autoScaleYLabels: n, zeroPosition: r, autoScaleZeroPosition: i, individualMax: a, autoScaleMax: o, yOffset: s, individualHeight: c }) {
 			let l = e.scaleLabel || "";
 			return {
-				...Mc.value[l] || {},
+				...Ac.value[l] || {},
 				name: e.name,
 				groupName: l,
 				groupColor: V.value.chart.grid.labels.yAxis.groupColor || e.color,
@@ -1738,12 +1737,12 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				yOffset: s,
 				individualHeight: c,
 				autoScaleYLabels: n,
-				unique: Nc.value[l] === 1
+				unique: jc.value[l] === 1
 			};
 		}
-		let Fc = y(() => J.value.width / X.value / Ac.value - Ic.value * Ac.value), Ic = y(() => Ns.value.line * V.value.bar.periodGap), Lc = y(() => Math.max(1e-5, Ps() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Ic.value))), Rc = y(() => Lc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), zc = y(() => {
+		let Nc = y(() => J.value.width / X.value / Oc.value - Pc.value * Oc.value), Pc = y(() => js.value.line * V.value.bar.periodGap), Fc = y(() => Math.max(1e-5, Ms() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Pc.value))), Ic = y(() => Fc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Lc = y(() => {
 			if (!V.value.chart.zoom.minimap.show) return [];
-			let e = uc.value.filter((e) => !Yi.value.has(e.id)), t = 0;
+			let e = cc.value.filter((e) => !Yi.value.has(e.id)), t = 0;
 			for (let n = 0; n < e.length; n += 1) {
 				let r = e[n].series.length;
 				r > t && (t = r);
@@ -1754,12 +1753,12 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				for (let n = 0; n < e.length; n += 1) t += e[n].series[r] || 0;
 				n.push(t);
 			}
-			let r = qc(n, 0, 1).min;
+			let r = Gc(n, 0, 1).min;
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), Bc = y(() => V.value.chart.zoom.minimap.show ? uc.value.map((e) => ({
+		}), Rc = y(() => V.value.chart.zoom.minimap.show ? cc.value.map((e) => ({
 			...e,
 			isVisible: !Yi.value.has(e.id)
-		})) : []), Vc = y(() => G.value ? Z.value.map((e) => ({
+		})) : []), zc = y(() => G.value ? Z.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1780,25 +1779,25 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			comments: e.comments || [],
 			prefix: e.prefix || V.value.chart.labels.prefix,
 			suffix: e.suffix || V.value.chart.labels.suffix
-		}))), Hc = y(() => W.value.ticks.map((e) => {
-			let t = e >= 0 ? Os.value - J.value.height * xs(e) : Os.value + J.value.height * xs(Math.abs(e));
+		}))), Bc = y(() => W.value.ticks.map((e) => {
+			let t = e >= 0 ? Es.value - J.value.height * ys(e) : Es.value + J.value.height * ys(Math.abs(e));
 			return {
-				y: Ss.value ? J.value.top + J.value.bottom - t : t,
+				y: bs.value ? J.value.top + J.value.bottom - t : t,
 				value: e,
 				prefix: V.value.chart.labels.prefix,
 				suffix: V.value.chart.labels.suffix
 			};
-		})), Uc = y(() => {
+		})), Vc = y(() => {
 			let e = V.value.chart.annotations;
 			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
 			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
 			if (!t.length) return [];
-			let { left: n, right: r } = J.value, i = Os.value, a = J.value.height, o = W.value.min, s = W.value.max - o, c = (e) => {
+			let { left: n, right: r } = J.value, i = Es.value, a = J.value.height, o = W.value.min, s = W.value.max - o, c = (e) => {
 				let t = (e - 0) / s;
 				return i - t * a;
 			};
 			return t.map((e, t) => {
-				let { yAxis: { yTop: i, yBottom: a, label: o } } = e, s = i != null && a != null && i !== a, l = i == null ? null : c(i), u = a == null ? null : c(a), ee = Lo(o.fontSize);
+				let { yAxis: { yTop: i, yBottom: a, label: o } } = e, s = i != null && a != null && i !== a, l = i == null ? null : c(i), u = a == null ? null : c(a), ee = Fo(o.fontSize);
 				ee.font = `${o.fontSize}px sans-serif`;
 				let te = ee.measureText(o.text).width, ne = o.fontSize, re = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, d = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, f;
 				f = o.textAnchor === "middle" ? re - te / 2 - o.padding?.left : o.textAnchor === "end" ? re - te - o.padding?.right : re - o.padding?.left;
@@ -1809,7 +1808,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						u,
 						ie
 					].includes(NaN),
-					id: Yc("annotation_y", [
+					id: qc("annotation_y", [
 						t,
 						i,
 						a,
@@ -1840,16 +1839,16 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				};
 			});
 		});
-		function Wc(e, t) {
+		function Hc(e, t) {
 			let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
 			return Ct(e[t].value) && i && V.value.line.cutNullValues;
 		}
-		function Gc(e, t = 0, n = 1) {
+		function Uc(e, t = 0, n = 1) {
 			let r = Infinity, i = -Infinity, a = !1;
 			for (let t = 0; t < e.length; t += 1) {
 				let n = e[t];
 				if (Array.isArray(n.series)) for (let e = 0; e < n.series.length; e += 1) {
-					let t = xo(n.series[e]);
+					let t = yo(n.series[e]);
 					Number.isFinite(t) && (a = !0, t < r && (r = t), t > i && (i = t));
 				}
 			}
@@ -1861,7 +1860,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				max: n
 			};
 		}
-		function Kc(e, t = 0, n = 1) {
+		function Wc(e, t = 0, n = 1) {
 			let r = Infinity, i = -Infinity, a = !1;
 			for (let t = 0; t < e.length; t += 1) {
 				let n = e[t];
@@ -1880,7 +1879,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				max: n
 			};
 		}
-		function qc(e, t = 0, n = 1) {
+		function Gc(e, t = 0, n = 1) {
 			if (!Array.isArray(e) || e.length === 0) return {
 				min: t,
 				max: n
@@ -1899,26 +1898,26 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				max: i
 			};
 		}
-		function Jc(e) {
+		function Kc(e) {
 			let t = String(e ?? ""), n = 0;
 			for (let e = 0; e < t.length; e += 1) n = (n << 5) - n + t.charCodeAt(e), n |= 0;
 			return Math.abs(n).toString(36);
 		}
-		function Yc(e, t) {
-			return `${e}_${Jc(t.join("|"))}`;
+		function qc(e, t) {
+			return `${e}_${Kc(t.join("|"))}`;
 		}
-		function Xc() {
-			return Ha.value || us.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`;
+		function Jc() {
+			return Ba.value || cs.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`;
 		}
-		let Zc = y(() => Kc(So.value, 0, 1)), Qc = y(() => {
-			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : Zc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : Zc.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? me(r, i, e) : Te(r, i, e);
+		let Yc = y(() => Wc(bo.value, 0, 1)), Xc = y(() => {
+			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : Yc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : Yc.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? me(r, i, e) : Te(r, i, e);
 			if (V.value.chart.grid.position !== "start") return a;
 			let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
 			return {
 				...a,
 				max: a.max + o
 			};
-		}), $c = y(() => G.value ? (Es.value ? [...Qc.value.ticks].reverse() : [...Qc.value.ticks]).map((e, t) => ({
+		}), Zc = y(() => G.value ? (ws.value ? [...Xc.value.ticks].reverse() : [...Xc.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
 			text: g(V.value.chart.grid.labels.xAxis.formatter, e, pe({
 				v: e,
@@ -1930,24 +1929,24 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				seriesIndex: t
 			}),
 			value: e,
-			x: tl({ x: e }),
+			x: $c({ x: e }),
 			index: t
-		})) : Yo.value);
-		function el(e, t) {
-			return G.value ? e.x : hc(t);
+		})) : qo.value);
+		function Qc(e, t) {
+			return G.value ? e.x : pc(t);
 		}
-		function tl({ x: e }) {
-			let t = Qc.value.max - Qc.value.min || 1, n = Ds((e - Qc.value.min) / t);
+		function $c({ x: e }) {
+			let t = Xc.value.max - Xc.value.min || 1, n = Ts((e - Xc.value.min) / t);
 			return J.value.left + J.value.width * n;
 		}
-		let nl = y(() => Kc(Ua.value, 0, 1)), rl = y(() => G.value ? nl.value.min : 0), il = y(() => G.value ? nl.value.max : Xa.value);
-		function al(e, t) {
-			return G.value ? e.x == null || e.y == null ? null : tl(e) : hc(t);
+		let el = y(() => Wc(Va.value, 0, 1)), tl = y(() => G.value ? el.value.min : 0), nl = y(() => G.value ? el.value.max : Ja.value);
+		function rl(e, t) {
+			return G.value ? e.x == null || e.y == null ? null : $c(e) : pc(t);
 		}
-		function ol(e) {
+		function il(e) {
 			return !G.value || !e ? null : e.x ?? null;
 		}
-		function sl({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
+		function al({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
 			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? Te : me, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, ne = u(o.min, ee, c), re = u(i, te, c), d = ne.min >= 0 ? 0 : Math.abs(ne.min), f = ne.max + Math.abs(d), ie = re.max + 0, ae = e.stackIndex, oe = t - 1 - ae, se = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, ce = H.value.isStacked ? r * se + n * oe : 0, le = H.value.isStacked ? r * e.stackRatio : J.value.height;
 			return {
 				scaleSteps: c,
@@ -1963,27 +1962,27 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				autoScaleZeroPosition: J.value?.bottom - ce - le * 0 / ie
 			};
 		}
-		function cl({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
-			let n = Mc.value[e.scaleLabel], r = n.min, i = n.max;
+		function ol({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
+			let n = Ac.value[e.scaleLabel], r = n.min, i = n.max;
 			return {
 				ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - r) / (i - r)),
 				valueMin: r,
 				valueMax: t && i < 0 ? 0 : i
 			};
 		}
-		function ll({ datapoint: e, filterMinimumValues: t = !1, preserveLooseMinimumExpression: n = !1 }) {
-			let r = qc(e.absoluteValues, 0, 1), i = qc(t ? e.absoluteValues.filter((e) => ![null, void 0].includes(e)) : e.absoluteValues, 0, 1).min;
+		function sl({ datapoint: e, filterMinimumValues: t = !1, preserveLooseMinimumExpression: n = !1 }) {
+			let r = Gc(e.absoluteValues, 0, 1), i = Gc(t ? e.absoluteValues.filter((e) => ![null, void 0].includes(e)) : e.absoluteValues, 0, 1).min;
 			return {
 				max: e.scaleMax || r.max || 1,
 				min: n ? e.scaleMin || i > 0 ? 0 : i : e.scaleMin || (i > 0 ? 0 : i)
 			};
 		}
-		function ul({ values: e, autoScaleSteps: t }) {
+		function cl({ values: e, autoScaleSteps: t }) {
 			return e.map((e) => t.min >= 0 ? (e - Math.abs(t.min)) / (t.max - Math.abs(t.min)) : (e + Math.abs(t.min)) / (t.max + Math.abs(t.min)));
 		}
-		function dl({ datapoint: e, individualScale: t, yOffset: n, individualHeight: r }) {
+		function ll({ datapoint: e, individualScale: t, yOffset: n, individualHeight: r }) {
 			return t.ticks.map((i) => ({
-				y: Ts({
+				y: Cs({
 					value: i,
 					scaleMin: t.min,
 					scaleMax: t.max,
@@ -1996,9 +1995,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				datapoint: e
 			}));
 		}
-		function fl({ datapoint: e, autoScaleSteps: t, yOffset: n, individualHeight: r }) {
+		function ul({ datapoint: e, autoScaleSteps: t, yOffset: n, individualHeight: r }) {
 			return t.ticks.map((i) => ({
-				y: ws({
+				y: Ss({
 					ratio: (i - t.min) / (t.max - t.min || 1),
 					yOffset: n,
 					individualHeight: r
@@ -2009,16 +2008,16 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				datapoint: e
 			}));
 		}
-		function pl({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, forceExactScale: i = !1, clampNegativeAutoScaleMaximum: a = !1, filterMinimumValues: o = !1, preserveLooseMinimumExpression: s = !1 }) {
-			ns(e);
-			let c = cl({
+		function dl({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, forceExactScale: i = !1, clampNegativeAutoScaleMaximum: a = !1, filterMinimumValues: o = !1, preserveLooseMinimumExpression: s = !1 }) {
+			es(e);
+			let c = ol({
 				datapoint: e,
 				clampNegativeAutoScaleMaximum: a
-			}), l = ll({
+			}), l = sl({
 				datapoint: e,
 				filterMinimumValues: o,
 				preserveLooseMinimumExpression: s
-			}), u = sl({
+			}), u = al({
 				datapoint: e,
 				totalSeries: t,
 				gap: n,
@@ -2031,35 +2030,35 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			return {
 				autoScale: c,
 				individualExtremes: l,
-				scaleYLabels: dl({
+				scaleYLabels: ll({
 					datapoint: e,
 					individualScale: u.individualScale,
 					yOffset: u.yOffset,
 					individualHeight: u.individualHeight
 				}),
-				autoScaleYLabels: fl({
+				autoScaleYLabels: ul({
 					datapoint: e,
 					autoScaleSteps: u.autoScaleSteps,
 					yOffset: u.yOffset,
 					individualHeight: u.individualHeight
 				}),
-				autoScaleRatiosToNiceScale: ul({
+				autoScaleRatiosToNiceScale: cl({
 					values: e.absoluteValues,
 					autoScaleSteps: u.autoScaleSteps
 				}),
 				...u
 			};
 		}
-		function ml(e) {
+		function fl(e) {
 			return Array.isArray(e) ? e.slice(U.value.start, U.value.end) : [];
 		}
-		function hl(e, t) {
+		function pl(e, t) {
 			return Array.isArray(e) && e[t + U.value.start] || "";
 		}
-		let gl = y(() => {
-			let e = Tc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
-			return Ec.value.map((n, i) => {
-				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: ee, zeroPosition: te, autoScaleZeroPosition: ne, scaleYLabels: re, autoScaleYLabels: d, autoScaleRatiosToNiceScale: f } = pl({
+		let ml = y(() => {
+			let e = Cc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
+			return wc.value.map((n, i) => {
+				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: ee, zeroPosition: te, autoScaleZeroPosition: ne, scaleYLabels: re, autoScaleYLabels: d, autoScaleRatiosToNiceScale: f } = dl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
@@ -2067,13 +2066,13 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					clampNegativeAutoScaleMaximum: !0,
 					filterMinimumValues: !0,
 					preserveLooseMinimumExpression: !0
-				}), ie = Ac.value, ae = ml(n.comments), oe = n.series.map((e, t) => {
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : xs(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + Ns.value.bar * i + Ns.value.bar * t * ie - Fc.value / 2 - i * Ic.value;
+				}), ie = Oc.value, ae = fl(n.comments), oe = n.series.map((e, t) => {
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : ys(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + js.value.bar * i + js.value.bar * t * ie - Nc.value / 2 - i * Pc.value;
 					return {
 						yOffset: p(u),
 						individualHeight: p(ee),
 						x: p(a),
-						y: ws({
+						y: Ss({
 							ratio: r,
 							yOffset: u,
 							individualHeight: ee
@@ -2084,12 +2083,12 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						comment: ae[t] || ""
 					};
 				}), se = n.series.map((e, t) => {
-					let r = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left - Ns.value.bar / 2 + Ns.value.bar * i + Ns.value.bar * t * Co.value.filter((e) => e.type === "bar").filter((e) => !Yi.value.has(e.id)).length;
+					let r = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left - js.value.bar / 2 + js.value.bar * i + js.value.bar * t * xo.value.filter((e) => e.type === "bar").filter((e) => !Yi.value.has(e.id)).length;
 					return {
 						yOffset: p(u),
 						individualHeight: p(ee),
 						x: p(r),
-						y: p(ws({
+						y: p(Ss({
 							ratio: f[t] || 0,
 							yOffset: p(u),
 							individualHeight: p(ee)
@@ -2099,7 +2098,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						individualMax: p(c),
 						comment: ae[t] || ""
 					};
-				}), ce = Pc({
+				}), ce = Mc({
 					datapoint: n,
 					scaleYLabels: re,
 					autoScaleYLabels: d,
@@ -2125,28 +2124,28 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				};
 			});
 		}), Q = y(() => {
-			let e = Tc.value, t = V.value.chart.grid.labels.yAxis.gap, i = H.value.isStacked ? t * (e - 1) : 0, a = J.value.height - i;
-			return Dc.value.map((i, o) => {
-				let { individualScale: s, autoScaleSteps: c, individualZero: l, individualMax: te, autoScaleMax: ne, yOffset: d, individualHeight: f, zeroPosition: oe, autoScaleZeroPosition: ce, scaleYLabels: de, autoScaleYLabels: fe, autoScaleRatiosToNiceScale: pe } = pl({
+			let e = Cc.value, t = V.value.chart.grid.labels.yAxis.gap, i = H.value.isStacked ? t * (e - 1) : 0, a = J.value.height - i;
+			return Tc.value.map((i, o) => {
+				let { individualScale: s, autoScaleSteps: c, individualZero: l, individualMax: te, autoScaleMax: ne, yOffset: d, individualHeight: f, zeroPosition: oe, autoScaleZeroPosition: ce, scaleYLabels: de, autoScaleYLabels: fe, autoScaleRatiosToNiceScale: pe } = dl({
 					datapoint: i,
 					totalSeries: e,
 					gap: t,
 					usableHeight: a
-				}), me = ml(i.comments), m = i.series.map((e, t) => {
+				}), me = fl(i.comments), m = i.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						y: null,
 						value: null,
-						datasetXValue: ol(e),
+						datasetXValue: il(e),
 						comment: i.comments && i.comments.slice(U.value.start, U.value.end)[t] || ""
 					};
-					let n = H.value.useIndividualScale ? (i.absoluteValues[t] + Math.abs(l)) / te : xs(xo(e));
+					let n = H.value.useIndividualScale ? (i.absoluteValues[t] + Math.abs(l)) / te : ys(yo(e));
 					return {
 						index: t,
-						x: p(al(e, t)),
-						datasetXValue: ol(e),
-						y: p(ws({
+						x: p(rl(e, t)),
+						datasetXValue: il(e),
+						y: p(Ss({
 							ratio: n,
 							yOffset: d,
 							individualHeight: f
@@ -2158,27 +2157,27 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					index: t,
 					x: null,
 					y: null,
-					datasetXValue: ol(e),
+					datasetXValue: il(e),
 					value: null,
 					comment: me[t] || ""
 				} : [void 0, null].includes(i.absoluteValues[t]) ? {
 					index: t,
-					x: p(al(e, t)),
+					x: p(rl(e, t)),
 					y: oe,
 					value: i.absoluteValues[t],
 					comment: me[t] || ""
 				} : {
 					index: t,
-					x: p(al(e, t)),
-					datasetXValue: ol(e),
-					y: p(ws({
+					x: p(rl(e, t)),
+					datasetXValue: il(e),
+					y: p(Ss({
 						ratio: pe[t] || 0,
 						yOffset: d,
 						individualHeight: f
 					})),
 					value: i.absoluteValues[t],
 					comment: me[t] || ""
-				}), he = i.dashIndices && Array.isArray(i.dashIndices) && i?.dashIndices?.length > 0, g = V.value.line.cutNullValues ? ee(m) : ae(m.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ee(h) : ae(h.filter((e) => e.value !== null)), ve = V.value.line.cutNullValues ? u(m) : ue(m.filter((e) => e.value !== null)), ye = V.value.line.cutNullValues ? u(h) : ue(h.filter((e) => e.value !== null)), be = r(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), _ = r(V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null)), xe = he ? le(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), i.dashIndices.map((e) => e - U.value.start)) : [], Se = he ? re(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), i.dashIndices.map((e) => e - U.value.start)) : [], Ce = Pc({
+				}), he = i.dashIndices && Array.isArray(i.dashIndices) && i?.dashIndices?.length > 0, g = V.value.line.cutNullValues ? ee(m) : ae(m.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ee(h) : ae(h.filter((e) => e.value !== null)), ve = V.value.line.cutNullValues ? u(m) : ue(m.filter((e) => e.value !== null)), ye = V.value.line.cutNullValues ? u(h) : ue(h.filter((e) => e.value !== null)), be = r(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), _ = r(V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null)), xe = he ? le(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), i.dashIndices.map((e) => e - U.value.start)) : [], Se = he ? re(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), i.dashIndices.map((e) => e - U.value.start)) : [], Ce = Mc({
 					datapoint: i,
 					scaleYLabels: de,
 					autoScaleYLabels: fe,
@@ -2188,7 +2187,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					autoScaleMax: ne,
 					yOffset: d,
 					individualHeight: f
-				}), we = H.value.useIndividualScale ? i.autoScaling ? ce : oe : lo.value, Te = Math.max(Math.max(i.autoScaling ? ce : de.at(-1) ? de.at(-1).y : 0, J.value?.top), we), Ee = i.autoScaling ? h : m, De = V.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null), Oe = i.absoluteValues.filter((e) => ![
+				}), we = H.value.useIndividualScale ? i.autoScaling ? ce : oe : so.value, Te = Math.max(Math.max(i.autoScaling ? ce : de.at(-1) ? de.at(-1).y : 0, J.value?.top), we), Ee = i.autoScaling ? h : m, De = V.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null), Oe = i.absoluteValues.filter((e) => ![
 					null,
 					void 0,
 					NaN
@@ -2217,30 +2216,30 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				};
 			});
 		}), $ = y(() => {
-			let e = Tc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
-			return Oc.value.map((n) => {
-				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: ee, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: re, autoScaleRatiosToNiceScale: d } = pl({
+			let e = Cc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
+			return Ec.value.map((n) => {
+				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: ee, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: re, autoScaleRatiosToNiceScale: d } = dl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r,
 					forceExactScale: !0,
 					preserveLooseMinimumExpression: !0
-				}), f = ml(n.comments), ie = n.series.map((e, t) => {
+				}), f = fl(n.comments), ie = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
-						datasetXValue: ol(e),
+						datasetXValue: il(e),
 						y: null,
 						value: null,
 						comment: f[t] || ""
 					};
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(o)) / s : xs(xo(e));
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(o)) / s : ys(yo(e));
 					return {
 						index: t,
-						x: p(al(e, t)),
-						datasetXValue: ol(e),
-						y: p(ws({
+						x: p(rl(e, t)),
+						datasetXValue: il(e),
+						y: p(Ss({
 							ratio: r,
 							yOffset: l,
 							individualHeight: u
@@ -2251,22 +2250,22 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				}), ae = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
-					datasetXValue: ol(e),
+					datasetXValue: il(e),
 					y: null,
 					value: null,
 					comment: f[t] || ""
 				} : {
 					index: t,
-					x: p(al(e, t)),
-					datasetXValue: ol(e),
-					y: p(ws({
+					x: p(rl(e, t)),
+					datasetXValue: il(e),
+					y: p(Ss({
 						ratio: d[t] || 0,
 						yOffset: l,
 						individualHeight: u
 					})),
 					value: n.absoluteValues[t],
 					comment: f[t] || ""
-				}), oe = Pc({
+				}), oe = Mc({
 					datapoint: n,
 					scaleYLabels: ne,
 					autoScaleYLabels: re,
@@ -2291,14 +2290,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					groupId: oe.groupId
 				};
 			});
-		}), _l = y(() => {
-			let e = Object.entries(Mc.value).reduce((e, [t, n]) => (e[t] = {
+		}), hl = y(() => {
+			let e = Object.entries(Ac.value).reduce((e, [t, n]) => (e[t] = {
 				...n,
 				scaleLabel: t
 			}, e), {});
 			return [
 				...Q.value,
-				...gl.value,
+				...ml.value,
 				...$.value
 			].forEach((t) => {
 				t.scaleGroup && (e[t.scaleLabel || ""] = {
@@ -2306,7 +2305,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					...t.scaleGroup
 				});
 			}), e;
-		}), vl = y(() => {
+		}), gl = y(() => {
 			let e = Q.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -2319,7 +2318,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || J.value.height,
 				autoScaleYLabels: e.autoScaleYLabels
-			})), t = gl.value.map((e) => ({
+			})), t = ml.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -2341,14 +2340,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				id: e.id,
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || J.value.height
-			})), r = H.value.useIndividualScale && !H.value.isStacked ? Object.values(_l.value) : [
+			})), r = H.value.useIndividualScale && !H.value.isStacked ? Object.values(hl.value) : [
 				...e,
 				...t,
 				...n
 			], i = r.flatMap((e) => e).length;
 			return r.flatMap((e, t) => {
 				let n = 0;
-				n = H.value.isStacked ? q.value ? J.value?.right : J.value?.left : q.value ? J.value?.right + No() * t : J.value?.left / i * (t + 1);
+				n = H.value.isStacked ? q.value ? J.value?.right : J.value?.left : q.value ? J.value?.right + jo() * t : J.value?.left / i * (t + 1);
 				let r = H.value.useIndividualScale && !H.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
 				return {
 					unique: e.unique,
@@ -2362,7 +2361,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					individualHeight: e.individualHeight,
 					x: n,
 					yLabels: e.scaleYLabels || e.scale.ticks.map((t) => ({
-						y: Ts({
+						y: Cs({
 							value: t,
 							scaleMin: e.scale.min,
 							scaleMax: e.scale.max,
@@ -2373,7 +2372,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					}))
 				};
 			});
-		}), yl = y(() => {
+		}), _l = y(() => {
 			let e = V.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -2401,64 +2400,64 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					});
 				});
 			}), r;
-		}), bl = y(() => {
+		}), vl = y(() => {
 			let e = Z.value[0]?.index ?? null, t = G.value ? e : R.value;
 			return {
 				timeLabel: G.value ? {
 					text: String(Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x),
 					absoluteIndex: e
 				} : Y.value[R.value],
-				datapoint: Vc.value,
+				datapoint: zc.value,
 				seriesIndex: R.value,
 				selectedIndex: t,
 				absoluteIndex: G.value ? e : R.value + U.value.start,
-				series: Co.value,
-				bars: gl.value,
+				series: xo.value,
+				bars: ml.value,
 				lines: Q.value,
 				plots: $.value,
 				config: V.value
 			};
-		}), xl = E({
+		}), yl = E({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), Sl = 0;
+		}), bl = 0;
 		xt(() => {
-			let e = ++Sl, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+			let e = ++bl, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
 				let n = await Pe(t.locale).catch(() => Pe("en"));
-				e === Sl && (xl.value = n.data);
+				e === bl && (yl.value = n.data);
 			})();
 		});
-		let Cl = y(() => {
+		let xl = y(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Ne({
 				useUTC: e.useUTC,
-				locale: xl.value,
+				locale: yl.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
 				let r = V.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), wl = y(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
-			text: Cl.value(t, V.value.chart.zoom.timeFormat),
+		}), Sl = y(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+			text: xl.value(t, V.value.chart.zoom.timeFormat),
 			absoluteIndex: t
-		}))), Tl = /* @__PURE__ */ new Map();
-		function El(e) {
+		}))), Cl = /* @__PURE__ */ new Map();
+		function wl(e) {
 			return {
 				absoluteIndex: R.value + U.value.start,
 				seriesIndex: R.value,
-				datapoint: Vc.value,
-				series: Co.value,
-				bars: gl.value,
+				datapoint: zc.value,
+				series: xo.value,
+				bars: ml.value,
 				lines: Q.value,
 				plots: $.value,
 				config: V.value,
 				dateLabel: e
 			};
 		}
-		function Dl(e) {
+		function Tl(e) {
 			return [
 				Ui.value[e.type],
 				e.shape || "",
@@ -2469,9 +2468,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				e.slotAbsoluteIndex
 			].join("|");
 		}
-		function Ol(e) {
-			let t = Dl(e);
-			if (Tl.has(t)) return Tl.get(t);
+		function El(e) {
+			let t = Tl(e);
+			if (Cl.has(t)) return Cl.get(t);
 			let n = V.value.chart.tooltip.backgroundColor, r = "", i = "";
 			switch (Ui.value[e.type]) {
 				case "bar":
@@ -2615,13 +2614,11 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
 						break;
 					}
-					break;
-				default: break;
 			}
-			return Tl.set(t, r), r;
+			return Cl.set(t, r), r;
 		}
-		let kl = y(() => {
-			let e = "", t = Vc.value.map((e) => e.value).filter((e) => ce(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: g(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, pe({
+		let Dl = y(() => {
+			let e = "", t = zc.value.map((e) => e.value).filter((e) => ce(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: g(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, pe({
 				v: Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x,
 				r: V.value.chart.tooltip.roundingValue
 			}), {
@@ -2629,18 +2626,18 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				serriesIndex: null
 			}) } : Y.value[R.value], r = V.value.chart.tooltip.customFormat;
 			if (Oe(r)) try {
-				let e = r(El(n));
+				let e = r(wl(n));
 				if (typeof e == "string") return e;
 			} catch (e) {
 				console.warn("Vue Data UI - VueUiXy: custom tooltip formatter failed.", e);
 			}
 			if (n && n.text && V.value.chart.tooltip.showTimeLabel) {
-				let t = Cl.value(R.value + U.value.start, V.value.chart.tooltip.timeFormat);
+				let t = xl.value(R.value + U.value.start, V.value.chart.tooltip.timeFormat);
 				G.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.chart.tooltip.borderColor}; width:100%">${V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
 			}
-			return Vc.value.forEach((r) => {
+			return zc.value.forEach((r) => {
 				if (ce(r.value)) {
-					let i = Ol(r), a = V.value.chart.tooltip.showValue ? g(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, pe({
+					let i = El(r), a = V.value.chart.tooltip.showValue ? g(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, pe({
 						p: r.prefix,
 						v: r.value,
 						s: r.suffix,
@@ -2666,11 +2663,11 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						s: "%",
 						r: V.value.chart.tooltip.roundingPercentage
 					})})` : ""}</div>`;
-					let c = hl(r.comments, R.value);
+					let c = pl(r.comments, R.value);
 					V.value.chart.comments.showInTooltip && c && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${c}</div>`);
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${V.value.chart.tooltip.color}">${e}</div>`;
-		}), Al = y(() => {
+		}), Ol = y(() => {
 			if (!G.value) return [];
 			let e = /* @__PURE__ */ new Set(), t = [];
 			return K.value.forEach((n) => {
@@ -2680,9 +2677,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					let i = String(r);
 					e.has(i) || (e.add(i), t.push(r));
 				});
-			}), t.sort((e, t) => Es.value ? t - e : e - t);
+			}), t.sort((e, t) => ws.value ? t - e : e - t);
 		});
-		function jl(e) {
+		function kl(e) {
 			let t = Number(e);
 			return Number.isFinite(t) ? g(V.value.chart.grid.labels.xAxis.formatter, t, pe({
 				v: t,
@@ -2692,22 +2689,22 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				seriesIndex: null
 			}) : "-";
 		}
-		function Ml(e) {
-			return G.value ? jl(e) : V.value.table.useDefaultTimeFormat ? Y.value[e]?.text ?? "-" : Cl.value(e + U.value.start, V.value.table.timeFormat);
+		function Al(e) {
+			return G.value ? kl(e) : V.value.table.useDefaultTimeFormat ? Y.value[e]?.text ?? "-" : xl.value(e + U.value.start, V.value.table.timeFormat);
 		}
-		function Nl(e, t) {
+		function jl(e, t) {
 			if (G.value) {
 				let n = Number(t);
 				return Number.isFinite(n) ? e.series.find((e) => Number(e?.x) === n)?.y ?? null : null;
 			}
 			return e.absoluteValues[t];
 		}
-		function Pl(e, t) {
-			let n = Nl(e, t);
+		function Ml(e, t) {
+			let n = jl(e, t);
 			return Ct(n) ? Number(n.toFixed(V.value.table.rounding)) : "";
 		}
-		function Fl(e, t) {
-			let n = Nl(e, t);
+		function Nl(e, t) {
+			let n = jl(e, t);
 			return Ct(n) ? g(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, pe({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n,
@@ -2715,33 +2712,33 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				r: V.value.table.rounding
 			})) : "";
 		}
-		function Il(e) {
-			return K.value.map((t) => Nl(t, e) ?? 0).reduce((e, t) => e + t, 0);
+		function Pl(e) {
+			return K.value.map((t) => jl(t, e) ?? 0).reduce((e, t) => e + t, 0);
 		}
-		let Ll = y(() => {
-			if (G.value) return Al.value.map((e) => {
-				let t = Il(e);
+		let Fl = y(() => {
+			if (G.value) return Ol.value.map((e) => {
+				let t = Pl(e);
 				return {
-					period: Ml(e),
-					csvValues: K.value.map((t) => Pl(t, e)),
-					formattedValues: K.value.map((t) => Fl(t, e)),
+					period: Al(e),
+					csvValues: K.value.map((t) => Ml(t, e)),
+					formattedValues: K.value.map((t) => Nl(t, e)),
 					sum: t,
 					formattedSum: t.toFixed(V.value.table.rounding)
 				};
 			});
 			let e = [];
 			for (let t = 0; t < X.value; t += 1) {
-				let n = Il(t);
+				let n = Pl(t);
 				e.push({
-					period: Ml(t),
-					csvValues: K.value.map((e) => Pl(e, t)),
-					formattedValues: K.value.map((e) => Fl(e, t)),
+					period: Al(t),
+					csvValues: K.value.map((e) => Ml(e, t)),
+					formattedValues: K.value.map((e) => Nl(e, t)),
 					sum: n,
 					formattedSum: n.toFixed(V.value.table.rounding)
 				});
 			}
 			return e;
-		}), Rl = y(() => So.value.length === 0 ? {
+		}), Il = y(() => bo.value.length === 0 ? {
 			head: [],
 			body: [],
 			config: {},
@@ -2752,11 +2749,11 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				color: e.color,
 				type: e.type
 			})),
-			body: Ll.value.map((e) => [e.period].concat(e.csvValues))
-		}), zl = y(() => {
+			body: Fl.value.map((e) => [e.period].concat(e.csvValues))
+		}), Ll = y(() => {
 			let e = V.value.table.showSum, t = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : ""].concat(K.value.map((e) => e.name));
 			e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
-			let n = Ll.value.map((t) => [t.period].concat(t.formattedValues, e ? t.formattedSum : [])), r = {
+			let n = Fl.value.map((t) => [t.period].concat(t.formattedValues, e ? t.formattedSum : [])), r = {
 				th: {
 					backgroundColor: V.value.table.th.backgroundColor,
 					color: V.value.table.th.color,
@@ -2776,19 +2773,19 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				colNames: i
 			};
 		});
-		function Bl(e = null) {
+		function Rl(e = null) {
 			let n = [
 				[V.value.chart.title.text],
 				[V.value.chart.title.subtitle.text],
 				[""]
-			], r = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Rl.value.head.map((e) => e.label)], i = Rl.value.body, a = o(n.concat([r]).concat(i));
-			e ? e(a) : t({
-				csvContent: a,
+			], r = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Il.value.head.map((e) => e.label)], i = Il.value.body, a = n.concat([r]).concat(i), s = o(a);
+			e ? e(s) : t({
+				csvContent: s,
 				title: V.value.chart.title.text || "vue-ui-xy"
 			});
 		}
-		function Vl(e, t = null) {
-			if (wo.value) return;
+		function zl(e, t = null) {
+			if (So.value) return;
 			Ki.value = e;
 			let n = K.value.map((e) => ({
 				name: e.name,
@@ -2808,21 +2805,21 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				seriesIndex: t + U.value.start
 			}));
 		}
-		function Hl() {
+		function Bl() {
 			H.value.showTable = !H.value.showTable;
 		}
-		function Ul() {
+		function Vl() {
 			H.value.dataLabels.show = !H.value.dataLabels.show;
 		}
-		function Wl() {
+		function Hl() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		function Gl(e) {
+		function Ul(e) {
 			Gi.value = e, Xi.value += 1;
 		}
-		function Kl() {
+		function Wl() {
 			if (!V.value.responsiveProportionalSizing) {
-				B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, ja.value.plot = V.value.plot.radius, ja.value.line = V.value.line.radius, ja.value.selectedLine = V.value.line.dot.selectedRadius;
+				B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, ka.value.plot = V.value.plot.radius, ka.value.line = V.value.line.radius, ka.value.selectedLine = V.value.line.dot.selectedRadius;
 				return;
 			}
 			B.value.dataLabels = Se({
@@ -2849,19 +2846,19 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				source: V.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), ja.value.plot = Se({
+			}), ka.value.plot = Se({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), ja.value.line = Se({
+			}), ka.value.line = Se({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.radius,
 				threshold: 1,
 				fallback: 0
-			}), ja.value.selectedLine = Se({
+			}), ka.value.selectedLine = Se({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.dot.selectedRadius,
@@ -2869,55 +2866,55 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				fallback: 0
 			});
 		}
-		function ql() {
+		function Gl() {
 			if (ge(M.dataset) ? (we({
 				componentName: "VueUiXy",
 				type: "dataset",
-				debug: za.value
-			}), Wa.value = !0) : M.dataset.forEach((e, t) => {
+				debug: La.value
+			}), Ha.value = !0) : M.dataset.forEach((e, t) => {
 				[null, void 0].includes(e.name) && (we({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
 					index: t,
-					debug: za.value
-				}), Wa.value = !0);
-			}), za.value && M.dataset.forEach((e) => {
+					debug: La.value
+				}), Ha.value = !0);
+			}), La.value && M.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
 					ce(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.`);
 				});
-			}), ge(M.dataset) || (Wa.value = V.value.loading), ta.value = V.value.chart.userOptions.showOnChartHover, na.value = V.value.chart.userOptions.keepStateOnChartLeave, ra.value = !V.value.chart.userOptions.showOnChartHover, Ra(), V.value.responsive) {
+			}), ge(M.dataset) || (Ha.value = V.value.loading), ta.value = V.value.chart.userOptions.showOnChartHover, na.value = V.value.chart.userOptions.keepStateOnChartLeave, ra.value = !V.value.chart.userOptions.showOnChartHover, Ia(), V.value.responsive) {
 				let e = wi.value.parentNode;
 				Ii.value && (Li.value && Ii.value.unobserve(Li.value), Ii.value.disconnect(), Ii.value = null, Li.value = null);
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
 				V.value.chart.title.show && Ti.value && (r = Ti.value, i = r.getBoundingClientRect().height);
 				let a = null, o = 0;
-				V.value.chart.zoom.show && Xa.value > 6 && Fa.value && Ei.value && Ei.value.$el && (a = Ei.value.$el, o = a.getBoundingClientRect().height);
+				V.value.chart.zoom.show && Ja.value > 6 && Na.value && Ei.value && Ei.value.$el && (a = Ei.value.$el, o = a.getBoundingClientRect().height);
 				let s = null, c = 0;
 				V.value.chart.legend.show && Di.value && (s = Di.value, c = s.getBoundingClientRect().height);
 				let l = 0;
 				Oi.value && (l = Oi.value.getBoundingClientRect().height);
 				let u = 0;
-				ki.value && (u = ki.value.getBoundingClientRect().height), Bi.value = t - i - c - o - l - u - 12, P.value = n, Vi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${Bi.value < 0 ? 10 : Bi.value}`, Kl();
+				ki.value && (u = ki.value.getBoundingClientRect().height), Bi.value = t - i - c - o - l - u - 12, P.value = n, Vi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${Bi.value < 0 ? 10 : Bi.value}`, Wl();
 				let ee = new ResizeObserver((e) => {
 					for (let t of e) i = V.value.chart.title.show && Ti.value ? Ti.value.getBoundingClientRect().height : 0, o = Ei.value && Ei.value.$el ? Ei.value.$el.getBoundingClientRect().height : 0, c = Di.value ? Di.value.getBoundingClientRect().height : 0, l = Oi.value ? Oi.value.getBoundingClientRect().height : 0, u = ki.value ? ki.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
-						Bi.value = t.contentRect.height - i - c - o - l - u - 12, P.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Vi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${Bi.value < 0 ? 10 : Bi.value}`, Kl(), Ea();
+						Bi.value = t.contentRect.height - i - c - o - l - u - 12, P.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Vi.value = `0 0 ${P.value < 0 ? 10 : P.value} ${Bi.value < 0 ? 10 : Bi.value}`, Wl(), wa();
 					});
 				});
 				Ii.value = ee, Li.value = e, ee.observe(e);
-			} else Bi.value = V.value.chart.height, P.value = V.value.chart.width, B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, ja.value.plot = V.value.plot.radius, ja.value.line = V.value.line.radius, ja.value.selectedLine = V.value.line.dot.selectedRadius, Vi.value = `0 0 ${P.value} ${Bi.value}`;
-			Ea();
+			} else Bi.value = V.value.chart.height, P.value = V.value.chart.width, B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, ka.value.plot = V.value.plot.radius, ka.value.line = V.value.line.radius, ka.value.selectedLine = V.value.line.dot.selectedRadius, Vi.value = `0 0 ${P.value} ${Bi.value}`;
+			wa();
 		}
-		function Jl(e) {
+		function Kl(e) {
 			Hi.value = {
 				x: e.clientX,
 				y: e.clientY
 			};
 		}
 		mt(() => {
-			ql(), cs(), document.addEventListener("mousemove", Jl, { passive: !0 }), document.addEventListener("scroll", Ro, { passive: !0 });
+			Gl(), os(), document.addEventListener("mousemove", Kl, { passive: !0 }), document.addEventListener("scroll", Io, { passive: !0 });
 		}), pt(() => {
-			document.removeEventListener("scroll", Ro, { passive: !0 }), document.removeEventListener("mousemove", Jl, { passive: !0 }), Ii.value && (Li.value && Ii.value.unobserve(Li.value), Ii.value.disconnect(), Ii.value = null, Li.value = null), nu(), hs();
+			document.removeEventListener("scroll", Io, { passive: !0 }), document.removeEventListener("mousemove", Kl, { passive: !0 }), Ii.value && (Li.value && Ii.value.unobserve(Li.value), Ii.value.disconnect(), Ii.value = null, Li.value = null), eu(), ps();
 		}), Ge({
 			timeLabelsEls: Ni,
 			timeLabels: Y,
@@ -2938,73 +2935,73 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				"autoRotate",
 				"enable"
 			],
-			isAutoSize: oo,
+			isAutoSize: io,
 			height: Bi,
 			width: P,
 			rotation: V.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let Yl = E(!1), Xl = E(null), Zl = E(200), Ql = y(() => R.value ?? I.value ?? 0), $l = y(() => {
+		let ql = E(!1), Jl = E(null), Yl = E(200), Xl = y(() => R.value ?? I.value ?? 0), Zl = y(() => {
 			if (!G.value) return null;
-			if (a(ua.value)) return Number(ua.value);
+			if (a(ca.value)) return Number(ca.value);
 			let e = Z.value[0];
 			return a(e?.point?.x) ? Number(e.point.x) : null;
 		});
-		function eu() {
-			let e = Math.ceil(Zl.value || 200);
+		function Ql() {
+			let e = Math.ceil(Yl.value || 200);
 			return Math.min(Math.max(e, 1), 200);
 		}
-		function tu() {
-			let e = eu(), t = (G.value && a($l.value) ? tl({ x: $l.value }) : hc(Ql.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
+		function $l() {
+			let e = Ql(), t = (G.value && a(Zl.value) ? $c({ x: Zl.value }) : pc(Xl.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
 			return p(Math.max(n, Math.min(t, r)));
 		}
-		function nu() {
-			ha.value !== null && (cancelAnimationFrame(ha.value), ha.value = null), ma.value && z.value && ma.value.unobserve(z.value), ma.value &&= (ma.value.disconnect(), null), ga.value &&= (ga.value(), null), z.value = null;
+		function eu() {
+			pa.value !== null && (cancelAnimationFrame(pa.value), pa.value = null), fa.value && z.value && fa.value.unobserve(z.value), fa.value &&= (fa.value.disconnect(), null), ma.value &&= (ma.value(), null), z.value = null;
 		}
-		function ru(e) {
-			ha.value !== null && cancelAnimationFrame(ha.value), ha.value = requestAnimationFrame(() => {
-				Zl.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200), ha.value = null;
+		function tu(e) {
+			pa.value !== null && cancelAnimationFrame(pa.value), pa.value = requestAnimationFrame(() => {
+				Yl.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200), pa.value = null;
 			});
 		}
-		function iu(e) {
-			!ma.value || !e || (z.value && z.value !== e && (ma.value.unobserve(z.value), z.value = null), e !== z.value && (dt(() => {
-				e.offsetParent !== null && ru(e.offsetWidth || e.getBoundingClientRect().width || 200);
-			}), ma.value.observe(e), z.value = e));
+		function nu(e) {
+			!fa.value || !e || (z.value && z.value !== e && (fa.value.unobserve(z.value), z.value = null), e !== z.value && (dt(() => {
+				e.offsetParent !== null && tu(e.offsetWidth || e.getBoundingClientRect().width || 200);
+			}), fa.value.observe(e), z.value = e));
 		}
 		mt(() => {
-			ma.value = new ResizeObserver((e) => {
+			fa.value = new ResizeObserver((e) => {
 				let t = e.find((e) => e.target === z.value) || e[0];
-				t && ru(t.contentRect.width || 200);
-			}), ga.value = xt((e) => {
-				let t = Xl.value;
+				t && tu(t.contentRect.width || 200);
+			}), ma.value = xt((e) => {
+				let t = Jl.value;
 				if (!t) {
-					ma.value && z.value && (ma.value.unobserve(z.value), z.value = null);
+					fa.value && z.value && (fa.value.unobserve(z.value), z.value = null);
 					return;
 				}
-				iu(t), e(() => {
-					ma.value && z.value && z.value !== Xl.value && (ma.value.unobserve(z.value), z.value = null);
+				nu(t), e(() => {
+					fa.value && z.value && z.value !== Jl.value && (fa.value.unobserve(z.value), z.value = null);
 				});
 			});
 		});
-		let au = y(() => {
+		let ru = y(() => {
 			if (G.value) {
-				if (!Number.isFinite(Number($l.value))) return "";
+				if (!Number.isFinite(Number(Zl.value))) return "";
 			} else if ([null, void 0].includes(R.value) && [null, void 0].includes(I.value)) return "";
 			let e = (R.value == null ? 0 : R.value) || (I.value == null ? 0 : I.value), t = V.value.chart.timeTag.customFormat;
-			if (Yl.value = !1, G.value) {
-				let e = $l.value;
+			if (ql.value = !1, G.value) {
+				let e = Zl.value;
 				if (Oe(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
-						datapoint: Vc.value,
-						bars: gl.value,
+						datapoint: zc.value,
+						bars: ml.value,
 						lines: Q.value,
 						plots: $.value,
 						config: V.value
 					});
-					if (typeof n == "string") return Yl.value = !0, n;
+					if (typeof n == "string") return ql.value = !0, n;
 				} catch {
-					console.warn("Custom format cannot be applied on timeTag."), Yl.value = !1;
+					console.warn("Custom format cannot be applied on timeTag."), ql.value = !1;
 				}
 				return pe({
 					v: e,
@@ -3015,78 +3012,78 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				let n = t({
 					absoluteIndex: e + U.value.start,
 					seriesIndex: e,
-					datapoint: Vc.value,
-					bars: gl.value,
+					datapoint: zc.value,
+					bars: ml.value,
 					lines: Q.value,
 					plots: $.value,
 					config: V.value
 				});
-				if (typeof n == "string") return Yl.value = !0, n;
+				if (typeof n == "string") return ql.value = !0, n;
 			} catch {
-				console.warn("Custom format cannot be applied on timeTag."), Yl.value = !1;
+				console.warn("Custom format cannot be applied on timeTag."), ql.value = !1;
 			}
-			if (!Yl.value) return [null, void 0].includes(Y.value[e]) ? "" : V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.timeTag.useDefaultFormat ? Cl.value(e + U.value.start, V.value.chart.timeTag.timeFormat) : Y.value[e].text;
+			if (!ql.value) return [null, void 0].includes(Y.value[e]) ? "" : V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.timeTag.useDefaultFormat ? xl.value(e + U.value.start, V.value.chart.timeTag.timeFormat) : Y.value[e].text;
 		});
-		function ou({ serie: e, plot: t, type: n }) {
+		function iu({ serie: e, plot: t, type: n }) {
 			if (!Ct(t.value)) return "";
 			let r = pe({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: t.value,
 				s: e.suffix || V.value.chart.labels.suffix,
 				r: V.value[n].labels.rounding
-			}), i = t.datasetXValue;
+			}), i = t.datasetXValue, o = G.value && a(i) ? `x: ${pe({
+				v: i,
+				r: V.value.chart.grid.labels.xAxis.rounding
+			})}\ny: ${r}` : g(V.value[n].labels.formatter, t.value, r, {
+				datapoint: t,
+				serie: e
+			});
 			return c({
-				content: G.value && a(i) ? `x: ${pe({
-					v: i,
-					r: V.value.chart.grid.labels.xAxis.rounding
-				})}\ny: ${r}` : g(V.value[n].labels.formatter, t.value, r, {
-					datapoint: t,
-					serie: e
-				}),
+				content: o,
 				fontSize: B.value.plotLabels,
 				fill: V.value[n].labels.color,
 				x: 0,
 				y: 0
 			});
 		}
-		function su({ plot: e }) {
-			let t = V.value.bar.labels.offsetY, n = Math.abs(Ms(e)), r = e.value < 0, i = {
-				x: Is(e) + V.value.bar.labels.offsetX,
+		function au({ plot: e }) {
+			let t = V.value.bar.labels.offsetY, n = Math.abs(As(e)), r = e.value < 0, i = {
+				x: Ps(e) + V.value.bar.labels.offsetX,
 				y: p(e.y) + (V.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
 			};
 			return `translate(${i.x}, ${i.y}) rotate(${V.value.bar.labels.rotation})`;
 		}
-		function cu({ plot: e, type: t }) {
+		function ou({ plot: e, type: t }) {
 			let n = V.value[t].labels.offsetY, r = {
 				x: e.x + V.value[t].labels.offsetX,
 				y: p(e.y) + (V.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
 			};
 			return `translate(${r.x}, ${r.y}) rotate(${V.value[t].labels.rotation})`;
 		}
-		function lu({ plot: e, type: t }) {
+		function su({ plot: e, type: t }) {
 			if (V.value[t].labels.textAnchor != null) return V.value[t].labels.textAnchor;
 			let n = e.value >= 0;
 			return V.value[t].labels.rotation === 0 ? "middle" : V.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let uu = y(() => G.value ? a(ua.value) ? tl({ x: Number(ua.value) }) : a(Bs.value) ? Bs.value : null : hc(R.value ?? I.value ?? 0)), du = y(() => V.value.chart.highlighter.crosshairs.show && es.value), fu = y(() => [
+		let cu = y(() => G.value ? a(ca.value) ? $c({ x: Number(ca.value) }) : a(Rs.value) ? Rs.value : null : pc(R.value ?? I.value ?? 0)), lu = y(() => V.value.chart.highlighter.crosshairs.show && Qo.value), uu = y(() => [
 			...Q.value,
 			...$.value,
-			...gl.value
+			...ml.value
 		].flatMap((e) => (e.plots || []).map((e, t) => ({
 			plot: e,
 			index: t
-		})).filter(({ plot: t, index: n }) => hu(e, t, n)).filter(({ plot: e }) => Ct(e.value)).map(({ plot: t, index: n }) => ({
+		})).filter(({ plot: t, index: n }) => pu(e, t, n)).filter(({ plot: e }) => Ct(e.value)).map(({ plot: t, index: n }) => ({
 			...t,
 			index: t.index ?? n,
 			serie: e,
-			x: p(e.type === "bar" ? Is(t) : t.x),
+			x: p(e.type === "bar" ? Ps(t) : t.x),
 			y: p(t.y)
-		})))), pu = y(() => {
-			if (!du.value) return null;
+		})))), du = y(() => {
+			if (!lu.value) return null;
 			if (G.value) {
 				let e = Z.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
 				return a(t) ? {
-					x: uu.value,
+					x: cu.value,
 					text: g(V.value.chart.grid.labels.xAxis.formatter, t, pe({
 						v: t,
 						r: V.value.chart.tooltip.roundingValue
@@ -3095,24 +3092,24 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			}
 			let e = R.value === null ? I.value : R.value;
 			return e == null ? null : {
-				x: hc(e),
+				x: pc(e),
 				text: Y.value[e]?.text ?? ""
 			};
 		});
-		function mu(e) {
+		function fu(e) {
 			return V.value.chart.grid.labels.yAxis.position === "right" ? J.value.right : J.value.left;
 		}
-		function hu(e, t, n) {
+		function pu(e, t, n) {
 			return G.value ? Z.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
 		}
-		function gu({ serie: e, plot: t, index: n, type: r }) {
-			return !t || !Ct(t.value) || !V.value[r].labels.show || !H.value.dataLabels.show ? !1 : !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || hu(e, t, n);
+		function mu({ serie: e, plot: t, index: n, type: r }) {
+			return !t || !Ct(t.value) || !V.value[r].labels.show || !H.value.dataLabels.show ? !1 : !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || pu(e, t, n);
 		}
-		function _u(e, t) {
+		function hu(e, t) {
 			let n = [];
 			return e.forEach((e, r) => {
 				(Array.isArray(e.plots) ? e.plots : []).forEach((i, a) => {
-					gu({
+					mu({
 						serie: e,
 						plot: i,
 						index: a,
@@ -3127,53 +3124,53 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				});
 			}), n;
 		}
-		let vu = y(() => _u(gl.value, "bar")), yu = y(() => _u($.value, "plot")), bu = y(() => _u(Q.value, "line"));
+		let gu = y(() => hu(ml.value, "bar")), _u = y(() => hu($.value, "plot")), vu = y(() => hu(Q.value, "line"));
 		bt(() => M.dataset, (e) => {
-			if (Array.isArray(e) && e.length > 0 && (Wa.value = !1), V.value.chart.zoom.keepState) {
-				let e = Xa.value;
+			if (Array.isArray(e) && e.length > 0 && (Ha.value = !1), V.value.chart.zoom.keepState) {
+				let e = Ja.value;
 				if (e > 0) {
 					let t = U.value.start, n = U.value.end;
-					if (!as.value || t === 0 && n === 0) cs();
+					if (!rs.value || t === 0 && n === 0) os();
 					else {
 						let r = Math.max(0, Math.min(t, e - 1)), i = Math.max(r + 1, Math.min(n, e));
 						U.value = {
 							start: r,
 							end: i
-						}, Za.value = {
+						}, Ya.value = {
 							start: r,
 							end: i
-						}, os.value = 0, ss.value = e;
+						}, is.value = 0, as.value = e;
 					}
 				}
 			} else U.value = {
 				start: 0,
-				end: Xa.value
+				end: Ja.value
 			};
-			Ri.value += 1, ea.value += 1, Ea(), eo();
+			Ri.value += 1, ea.value += 1, wa(), Qa();
 		}, { deep: !0 }), bt(() => M.config, (e) => {
-			Ha.value || (V.value = Na()), ql(), Qi.value += 1, Zi.value += 1, Ra(), V.value.chart.zoom.keepState && Xa.value > 0 && (!as.value || U.value.start === 0 && U.value.end === 0) && cs(), eo();
+			Ba.value || (V.value = ja()), Gl(), Qi.value += 1, Zi.value += 1, Ia(), V.value.chart.zoom.keepState && Ja.value > 0 && (!rs.value || U.value.start === 0 && U.value.end === 0) && os(), Qa();
 		}, { deep: !0 });
-		let xu = E(!1), Su = E(!1);
-		function Cu() {
+		let yu = E(!1), bu = E(!1);
+		function xu() {
 			let e = wi.value?.parentNode;
 			if (!e) {
-				Su.value = xu.value, xu.value = !1;
+				bu.value = yu.value, yu.value = !1;
 				return;
 			}
 			let t = e.getBoundingClientRect();
-			Su.value = xu.value, xu.value = t.width > 0 && t.height > 0;
+			bu.value = yu.value, yu.value = t.width > 0 && t.height > 0;
 		}
-		function wu() {
-			return !xu.value || Su.value || as.value ? !1 : U.value.start === 0 && U.value.end === 0;
+		function Su() {
+			return !yu.value || bu.value || rs.value ? !1 : U.value.start === 0 && U.value.end === 0;
 		}
 		mt(() => {
-			Cu(), pa.value = new ResizeObserver(() => {
-				Cu(), xu.value && (ql(), eo(), wu() && cs());
-			}), wi.value?.parentNode && pa.value.observe(wi.value.parentNode);
+			xu(), da.value = new ResizeObserver(() => {
+				xu(), yu.value && (Gl(), Qa(), Su() && os());
+			}), wi.value?.parentNode && da.value.observe(wi.value.parentNode);
 		}), bt(V, () => {
-			Ra();
+			Ia();
 		}, { immediate: !0 });
-		let Tu = y(() => {
+		let Cu = y(() => {
 			let e = V.value.table.useDialog && !V.value.showTable, t = H.value.showTable;
 			return {
 				component: e ? _i : $e,
@@ -3206,48 +3203,23 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 		bt(() => H.value.showTable, (e) => {
 			V.value.showTable || (e && V.value.table.useDialog && sa.value ? sa.value.open() : sa.value && sa.value.close && sa.value.close());
 		});
-		function Eu() {
+		function wu() {
 			H.value.showTable = !1, Fi.value && Fi.value.setTableIconState(!1);
 		}
-		let Du = y(() => Co.value.map((e) => ({
+		let Tu = y(() => xo.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), Ou = y(() => V.value.chart.backgroundColor), ku = y(() => V.value.chart.legend), { exportSvg: Au, getSvg: ju } = Be({
+		}))), Eu = y(() => V.value.chart.backgroundColor), Du = y(() => V.value.chart.legend), Ou = y(() => V.value.chart.title), { isCallbackImaging: ku, isCallbackSvg: Au, generateSvg: ju, onGenerateImage: Mu } = He({
 			svg: L,
-			title: y(() => V.value.chart.title),
-			legend: ku,
-			legendItems: Du,
-			backgroundColor: Ou
+			title: Ou,
+			legend: Du,
+			legendItems: Tu,
+			backgroundColor: Eu,
+			getSvgCallback: () => V.value.chart.userOptions.callbacks.svg,
+			generateImage: ro
 		});
-		async function Mu({ isCb: e }) {
-			la.value = !0, await dt();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await ju();
-					await Promise.resolve(V.value.chart.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(Au());
-			} finally {
-				la.value = !1;
-			}
-		}
-		function Nu(e) {
-			if (e?.stage === "start") {
-				ca.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				ca.value = !1;
-				return;
-			}
-			ao();
-		}
-		async function Pu() {
+		async function Nu() {
 			if (vi("copyAlt", {
 				config: {
 					...V.value,
@@ -3255,7 +3227,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				},
 				dataset: {
 					lines: Q.value,
-					bars: gl.value,
+					bars: ml.value,
 					plots: $.value
 				}
 			}), !V.value.chart.userOptions.callbacks.altCopy) {
@@ -3269,84 +3241,84 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				},
 				dataset: {
 					lines: Q.value,
-					bars: gl.value,
+					bars: ml.value,
 					plots: $.value
 				}
 			}));
 		}
-		let Fu = E(!1);
-		function Iu() {
-			U.value.end > U.value.start && (da.value = null), Bo.value = !0, Fu.value = !0;
+		let Pu = E(!1);
+		function Fu() {
+			U.value.end > U.value.start && (la.value = null), Ro.value = !0, Pu.value = !0;
 		}
-		function Lu() {
-			da.value = null, Js(), Fu.value = !1, Bo.value = !1;
+		function Iu() {
+			la.value = null, Ks(), Pu.value = !1, Ro.value = !1;
 		}
-		function Ru(e) {
+		function Lu(e) {
 			if (!L.value || Wi.value || document.activeElement !== L.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n || !U.value.end && U.value.end !== 0) return;
 			let r = U.value.end - U.value.start;
 			if (r <= 0) return;
 			if (e.preventDefault(), e.stopPropagation(), G.value) {
-				let e = Us.value.length;
+				let e = Vs.value.length;
 				if (!e) return;
-				let r = da.value;
-				r !== null && r >= 0 && r < e ? n ? (r += 1, r >= e && (r = 0)) : t && (--r, r < 0 && (r = e - 1)) : r = n ? 0 : e - 1, Ws(r);
+				let r = la.value;
+				r !== null && r >= 0 && r < e ? n ? (r += 1, r >= e && (r = 0)) : t && (--r, r < 0 && (r = e - 1)) : r = n ? 0 : e - 1, Hs(r);
 				return;
 			}
-			let i = da.value, a = zs.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, da.value = i, zu(i), Vl(!0, i);
+			let i = la.value, a = Ls.value;
+			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, la.value = i, Ru(i), zl(!0, i);
 		}
-		function zu(e) {
+		function Ru(e) {
 			let t = U.value.end - U.value.start;
 			if (t <= 0) return;
-			let n = J.value.width / t, r = l(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
-			r && (fa.value = r);
+			let n = J.value.width / t, r = J.value.left + n * e + n / 2, i = J.value.top + J.value.height / 2, a = l(r, i, L.value);
+			a && (ua.value = a);
 		}
-		let Bu = y(() => {
-			if (!zl.value) return null;
+		let zu = y(() => {
+			if (!Ll.value) return null;
 			let e = V.value.table.showSum, t = [V.value.table.columnNames.period].concat(K.value.map((e) => e.name));
 			return e && (t = t.concat(V.value.table.columnNames.total)), {
 				headers: t,
-				rows: zl.value.body
+				rows: Ll.value.body
 			};
 		});
 		return Xe({
-			getData: Zs,
-			getImage: Qs,
-			generatePdf: io,
-			generateImage: ao,
-			generateSvg: Mu,
-			generateCsv: Bl,
-			hideSeries: ac,
-			showSeries: ic,
-			toggleStack: ts,
-			toggleTable: Hl,
-			toggleLabels: Ul,
-			toggleTooltip: Wl,
-			toggleAnnotator: Wo,
-			toggleFullscreen: Gl,
-			copyAlt: Pu,
-			resetZoom: ys
+			getData: Ys,
+			getImage: Xs,
+			generatePdf: no,
+			generateImage: ro,
+			generateSvg: ju,
+			generateCsv: Rl,
+			hideSeries: rc,
+			showSeries: nc,
+			toggleStack: $o,
+			toggleTable: Bl,
+			toggleLabels: Vl,
+			toggleTooltip: Hl,
+			toggleAnnotator: Ho,
+			toggleFullscreen: Ul,
+			copyAlt: Nu,
+			resetZoom: _s
 		}), (t, n) => (T(), x("div", {
 			id: `vue-ui-xy_${F.value}`,
 			class: C(`vue-data-ui-component vue-ui-xy ${Gi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
 			ref: wi,
 			style: w(`background:${V.value.chart.backgroundColor}; color:${V.value.chart.color};width:100%;font-family:${V.value.chart.fontFamily};${V.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: Ho,
-			onMouseleave: Uo,
-			onClick: Ys
+			onMouseenter: Bo,
+			onMouseleave: Vo,
+			onClick: qs
 		}, [
 			S("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
 			}, [S("p", null, k(V.value.a11y.translations.keyboardNavigation), 1)], 8, Pt),
-			Bu.value?.rows?.length ? (T(), rt(tt, {
+			zu.value?.rows?.length ? (T(), rt(tt, {
 				key: 0,
 				uid: F.value,
-				head: Bu.value.headers,
-				body: Bu.value.rows,
+				head: zu.value.headers,
+				body: zu.value.rows,
 				notice: V.value.a11y.translations.tableAvailable,
 				caption: V.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -3362,8 +3334,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				backgroundColor: V.value.chart.backgroundColor,
 				color: V.value.chart.color,
 				active: Wi.value,
-				isCursorPointer: La.value,
-				onClose: Wo
+				isCursorPointer: Fa.value,
+				onClose: Ho
 			}, {
 				"annotator-action-close": j(() => [O(t.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": j(({ color: e }) => [O(t.$slots, "annotator-action-color", ft(lt({ color: e })), void 0, !0)]),
@@ -3379,7 +3351,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				"active",
 				"isCursorPointer"
 			])) : b("", !0),
-			cc.value ? (T(), x("div", {
+			oc.value ? (T(), x("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: ki,
@@ -3412,8 +3384,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				key: `user_options_${Xi.value}`,
 				backgroundColor: V.value.chart.backgroundColor,
 				color: V.value.chart.color,
-				isPrinting: A(no),
-				isImaging: A(ro),
+				isPrinting: A(eo),
+				isImaging: A(to),
 				uid: F.value,
 				hasTooltip: V.value.chart.userOptions.buttons.tooltip && V.value.chart.tooltip.show,
 				hasPdf: V.value.chart.userOptions.buttons.pdf,
@@ -3436,18 +3408,18 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				callbacks: V.value.chart.userOptions.callbacks,
 				tableDialog: V.value.table.useDialog,
 				printScale: V.value.chart.userOptions.print.scale,
-				isCursorPointer: La.value,
-				onToggleFullscreen: Gl,
-				onGeneratePdf: A(io),
-				onGenerateCsv: Bl,
-				onGenerateImage: Nu,
-				onGenerateSvg: Mu,
-				onToggleTable: Hl,
-				onToggleLabels: Ul,
-				onToggleStack: ts,
-				onToggleTooltip: Wl,
-				onToggleAnnotator: Wo,
-				onCopyAlt: Pu,
+				isCursorPointer: Fa.value,
+				onToggleFullscreen: Ul,
+				onGeneratePdf: A(no),
+				onGenerateCsv: Rl,
+				onGenerateImage: A(Mu),
+				onGenerateSvg: A(ju),
+				onToggleTable: Bl,
+				onToggleLabels: Vl,
+				onToggleStack: $o,
+				onToggleTooltip: Hl,
+				onToggleAnnotator: Ho,
+				onCopyAlt: Nu,
 				style: w({ visibility: na.value ? ra.value ? "visible" : "hidden" : "visible" })
 			}, it({ _: 2 }, [
 				t.$slots.menuIcon ? {
@@ -3529,7 +3501,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					fn: j(() => [O(t.$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("."))) : b("", !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.onGenerateImage.onGenerateSvg.style".split("."))) : b("", !0),
 			S("div", It, [(T(), x("svg", {
 				ref_key: "svgRef",
 				ref: L,
@@ -3537,7 +3509,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				class: C([{
 					"vue-data-ui-fullscreen--on": Gi.value,
 					"vue-data-ui-fulscreen--off": !Gi.value,
-					"vue-data-ui-no-transition": !A(Ia)
+					"vue-data-ui-no-transition": !A(Pa)
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
 				width: "100%",
 				viewBox: Vi.value,
@@ -3546,18 +3518,18 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					color: V.value.chart.color,
 					fontFamily: V.value.chart.fontFamily
 				}),
-				"aria-label": oc.value,
+				"aria-label": ic.value,
 				"aria-describedby": `chart-instructions-${F.value}`,
 				"aria-live": "polite",
 				role: "img",
 				tabindex: "0",
 				preserveAspectRatio: "xMidYMid",
-				onMousemove: qs,
-				onMouseleave: Js,
-				onClick: Ys,
-				onFocus: Iu,
-				onBlur: Lu,
-				onKeydown: Ru
+				onMousemove: Gs,
+				onMouseleave: Ks,
+				onClick: qs,
+				onFocus: Fu,
+				onBlur: Iu,
+				onKeydown: Lu
 			}, [S("g", {
 				ref_key: "G",
 				ref: Ai,
@@ -3585,7 +3557,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, Vt)) : b("", !0),
-						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (T(!0), x(v, { key: 2 }, D(vl.value, (e) => (T(), x("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (T(!0), x(v, { key: 0 }, D(e.yLabels, (t) => (T(), x("line", {
+						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (T(!0), x(v, { key: 2 }, D(gl.value, (e) => (T(), x("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (T(!0), x(v, { key: 0 }, D(e.yLabels, (t) => (T(), x("line", {
 							key: `selected_individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
@@ -3616,7 +3588,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							y2: A(_)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ht)) : b("", !0), V.value.chart.grid.showHorizontalLines ? (T(), x("g", Ut, [(T(!0), x(v, null, D(Hc.value, (e) => (T(), x("line", {
+						}, null, 8, Ht)) : b("", !0), V.value.chart.grid.showHorizontalLines ? (T(), x("g", Ut, [(T(!0), x(v, null, D(Bc.value, (e) => (T(), x("line", {
 							key: `horizontal_grid_line_${e.value}_${e.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
@@ -3628,21 +3600,21 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							style: { animation: "none !important" }
 						}, null, 8, Wt))), 128))])) : b("", !0)], 64)),
 						V.value.chart.grid.showVerticalLines ? (T(), x("g", qt, [S("path", {
-							d: Po.value,
+							d: Mo.value,
 							"stroke-width": .5,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, Jt)])) : b("", !0),
 						V.value.chart.grid.labels.xAxisLabels.show ? (T(), x("g", Yt, [S("path", {
-							d: Fo.value,
+							d: No.value,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, Xt)])) : b("", !0)
 					]),
-					(T(!0), x(v, null, D(gl.value, (e, n) => (T(), x("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? O(t.$slots, "bar-gradient", ut({ ref_for: !0 }, {
+					(T(!0), x(v, null, D(ml.value, (e, n) => (T(), x("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? O(t.$slots, "bar-gradient", ut({ ref_for: !0 }, {
 						series: e,
 						positiveId: `rectGradient_pos_${n}_${F.value}`,
 						negativeId: `rectGradient_neg_${n}_${F.value}`
@@ -3754,32 +3726,32 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						"stop-color": t,
 						offset: A(Ae)(r, e.temperatureColors.length)
 					}, null, 8, $t))), 128))], 8, Qt)])) : b("", !0)], 64))), 128)),
-					(T(!0), x(v, null, D(lc.value, (e) => (T(), x("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (T(), x(v, { key: 0 }, [(T(!0), x(v, null, D(e.span, (t, n) => (T(), x("g", { key: `highlight_area_rect_${e.from}_${n}` }, [S("rect", {
+					(T(!0), x(v, null, D(sc.value, (e) => (T(), x("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (T(), x(v, { key: 0 }, [(T(!0), x(v, null, D(e.span, (t, n) => (T(), x("g", { key: `highlight_area_rect_${e.from}_${n}` }, [S("rect", {
 						style: w({
 							transition: "none",
 							opacity: +(e.from + n >= U.value.start && e.from + n <= U.value.end - 1)
 						}),
-						x: _c(e.from + n - U.value.start),
+						x: hc(e.from + n - U.value.start),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
-						width: vc(e.from + n - U.value.start),
+						width: gc(e.from + n - U.value.start),
 						fill: A(i)(e.color, e.opacity)
 					}, null, 12, en)]))), 128)), (T(!0), x(v, null, D(e.span, (t, n) => (T(), x("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (T(), x("foreignObject", {
 						key: 0,
-						x: _c(e.from + n - U.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - xc(e.span) / 2),
+						x: hc(e.from + n - U.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - yc(e.span) / 2),
 						y: J.value?.top + e.caption.offsetY,
 						style: w({
 							overflow: "visible",
 							opacity: +(e.to >= U.value.start && e.from < U.value.end)
 						}),
 						height: "1",
-						width: e.caption.width === "auto" ? xc(e.span) : e.caption.width
+						width: e.caption.width === "auto" ? yc(e.span) : e.caption.width
 					}, [S("div", { style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, k(e.caption.text), 5)], 12, tn)) : b("", !0)]))), 128))], 64)) : b("", !0)]))), 128)),
-					Bo.value && !G.value ? (T(), x("g", nn, [(T(!0), x(v, null, D(X.value, (e, t) => (T(), x("g", { key: `tooltip_trap_highlighter_${t}` }, [S("rect", {
-						x: _c(t),
+					Ro.value && !G.value ? (T(), x("g", nn, [(T(!0), x(v, null, D(X.value, (e, t) => (T(), x("g", { key: `tooltip_trap_highlighter_${t}` }, [S("rect", {
+						x: hc(t),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
-						width: bc(t),
+						width: vc(t),
 						fill: [
 							I.value,
 							R.value,
@@ -3790,41 +3762,41 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							animation: "none !important"
 						}
 					}, null, 8, rn)]))), 128))])) : b("", !0),
-					gl.value.length ? (T(!0), x(v, { key: 1 }, D(gl.value, (e, n) => (T(), x("g", {
+					ml.value.length ? (T(!0), x(v, { key: 1 }, D(ml.value, (e, n) => (T(), x("g", {
 						key: `serie_bar_${e.id}`,
 						class: C(`serie_bar_${n}`),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [(T(!0), x(v, null, D(e.plots, (r, i) => (T(), x("g", { key: `bar_plot_${n}_${i}` }, [
 						A(Ct)(r.value) ? (T(), x("rect", {
 							key: 0,
-							x: Fs(r) + Rc.value / 2,
-							y: H.value.useIndividualScale ? Rs(r) : Ls(r),
-							height: H.value.useIndividualScale ? Math.abs(Ms(r)) : Math.abs(js(r)),
-							width: Lc.value - Rc.value,
+							x: Ns(r) + Ic.value / 2,
+							y: H.value.useIndividualScale ? Is(r) : Fs(r),
+							height: H.value.useIndividualScale ? Math.abs(As(r)) : Math.abs(ks(r)),
+							width: Fc.value - Ic.value,
 							rx: V.value.bar.borderRadius,
 							fill: V.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${n}_${F.value})` : `url(#rectGradient_neg_${n}_${F.value})` : e.color,
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
-							style: w({ transition: A(Ha) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
+							style: w({ transition: A(Ba) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, an)) : b("", !0),
 						A(Ct)(r.value) && t.$slots.pattern ? (T(), x("rect", {
 							key: 1,
-							x: Fs(r) - Rc.value / 2,
-							y: H.value.useIndividualScale ? Rs(r) : Ls(r),
-							height: H.value.useIndividualScale ? Math.abs(Ms(r)) : Math.abs(js(r)),
-							width: Lc.value - Rc.value,
+							x: Ns(r) - Ic.value / 2,
+							y: H.value.useIndividualScale ? Is(r) : Fs(r),
+							height: H.value.useIndividualScale ? Math.abs(As(r)) : Math.abs(ks(r)),
+							width: Fc.value - Ic.value,
 							rx: V.value.bar.borderRadius,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
-							style: w({ transition: A(Ha) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
+							style: w({ transition: A(Ba) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, on)) : b("", !0),
 						r.comment && V.value.chart.comments.show ? (T(), x("foreignObject", {
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
-							width: Lc.value + V.value.chart.comments.width,
-							x: Fs(r) - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
+							width: Fc.value + V.value.chart.comments.width,
+							x: Ns(r) - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
 							y: A(p)(r.y) + V.value.chart.comments.offsetY + 6
 						}, [O(t.$slots, "plot-comment", { plot: {
 							...r,
@@ -3839,14 +3811,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						"stroke-width": "1",
 						x1: J.value?.left,
 						x2: J.value?.right,
-						y1: A(_)(As.value),
-						y2: A(_)(As.value),
+						y1: A(_)(Os.value),
+						y2: A(_)(Os.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
 					}, null, 8, cn)) : b("", !0),
-					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && es.value ? (T(), x("g", ln, [S("line", {
-						x1: uu.value,
-						x2: uu.value,
+					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && Qo.value ? (T(), x("g", ln, [S("line", {
+						x1: cu.value,
+						x2: cu.value,
 						y1: A(_)(J.value?.top),
 						y2: A(_)(J.value?.bottom),
 						stroke: V.value.chart.highlighter.color,
@@ -3859,10 +3831,10 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							"pointer-events": "none"
 						}
 					}, null, 8, un)])) : b("", !0),
-					du.value ? (T(), x("g", dn, [(T(!0), x(v, null, D(fu.value, (e) => (T(), x("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
+					lu.value ? (T(), x("g", dn, [(T(!0), x(v, null, D(uu.value, (e) => (T(), x("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
 						S("line", {
 							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(_)(e.x) : J.value.left,
-							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(_)(mu(e.x)) : J.value.right,
+							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(_)(fu(e.x)) : J.value.right,
 							y1: A(_)(e.y),
 							y2: A(_)(e.y),
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
@@ -3883,7 +3855,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							style: { "pointer-events": "none" }
 						}, null, 8, pn),
 						S("circle", {
-							cx: A(_)(mu(e.x)),
+							cx: A(_)(fu(e.x)),
 							cy: A(_)(e.y),
 							r: V.value.chart.highlighter.crosshairs.dot.radius,
 							fill: V.value.chart.highlighter.crosshairs.dot.fill,
@@ -3914,9 +3886,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: Pi,
-						opacity: du.value ? .2 : 1,
+						opacity: lu.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [H.value.useIndividualScale ? (T(), x(v, { key: 0 }, [(T(!0), x(v, null, D(vl.value, (e) => (T(), x("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [S("line", {
+					}, [H.value.useIndividualScale ? (T(), x(v, { key: 0 }, [(T(!0), x(v, null, D(gl.value, (e) => (T(), x("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [S("line", {
 						x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
 						x2: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
 						y1: H.value.isStacked ? A(_)(J.value?.bottom - e.yOffset - e.individualHeight) : A(_)(J.value?.top),
@@ -3925,12 +3897,12 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						"stroke-width": V.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, _n)]))), 128)), (T(!0), x(v, null, D(vl.value, (e) => (T(), x("g", {
+					}, null, 12, _n)]))), 128)), (T(!0), x(v, null, D(gl.value, (e) => (T(), x("g", {
 						key: `individual_scale_label_${e.groupId || e.id}`,
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
 						S("text", {
-							class: C({ "vue-data-ui-transition": A(Ia) }),
+							class: C({ "vue-data-ui-transition": A(Pa) }),
 							fill: e.color,
 							"font-size": B.value.dataLabels * .8,
 							"text-anchor": "middle",
@@ -3948,7 +3920,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							style: { animation: "none !important" }
 						}, null, 8, yn)) : b("", !0)], 64))), 128)),
 						(T(!0), x(v, null, D(e.yLabels, (t, n) => (T(), x("text", {
-							class: C({ "vue-data-ui-transition": A(Ia) }),
+							class: C({ "vue-data-ui-transition": A(Pa) }),
 							key: `individual_scale_y_label_${e.groupId || e.id}_${t.value}_${n}`,
 							transform: `translate(${H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize - V.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - J.value.individualOffsetX}, ${A(_)(t.y) + B.value.dataLabels / 3})`,
 							"text-anchor": q.value ? "start" : "end",
@@ -3963,7 +3935,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 11, bn))), 128))
-					], 4))), 128))], 64)) : (T(!0), x(v, { key: 1 }, D(Hc.value, (e, t) => (T(), x("g", { key: `yLabel_${t}` }, [A(Ct)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), x("line", {
+					], 4))), 128))], 64)) : (T(!0), x(v, { key: 1 }, D(Bc.value, (e, t) => (T(), x("g", { key: `yLabel_${t}` }, [A(Ct)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), x("line", {
 						key: 0,
 						x1: q.value ? J.value?.right : J.value?.left,
 						x2: q.value ? J.value?.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value?.left - V.value.chart.grid.labels.yAxis.crosshairSize,
@@ -3975,7 +3947,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						style: { animation: "none !important" }
 					}, null, 8, xn)) : b("", !0), e.value >= W.value.min && e.value <= W.value.max ? (T(), x("text", {
 						key: 1,
-						class: C({ "vue-data-ui-transition": A(Ia) }),
+						class: C({ "vue-data-ui-transition": A(Pa) }),
 						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(p)(e.y + B.value.dataLabels / 3)})`,
 						"font-size": B.value.dataLabels,
 						"text-anchor": q.value ? "start" : "end",
@@ -3986,8 +3958,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						s: e.suffix,
 						r: V.value.chart.grid.labels.yAxis.rounding
 					})) : ""), 11, Sn)) : b("", !0)]))), 128))], 8, gn)) : b("", !0),
-					du.value ? (T(), x("g", Cn, [(T(!0), x(v, null, D(fu.value, (e) => (T(), x("text", {
-						class: C({ "vue-data-ui-transition": A(Ia) }),
+					lu.value ? (T(), x("g", Cn, [(T(!0), x(v, null, D(uu.value, (e) => (T(), x("text", {
+						class: C({ "vue-data-ui-transition": A(Pa) }),
 						key: `crosshair_y_label_${e.serie.id}_${e.index}`,
 						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(_)(e.y) + B.value.dataLabels / 3})`,
 						"font-size": B.value.dataLabels,
@@ -4007,8 +3979,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						datapoint: e.serie,
 						seriesIndex: e.index
 					})), 11, wn))), 128))])) : b("", !0),
-					pu.value ? (T(), x("g", Tn, [S("circle", {
-						cx: uu.value,
+					du.value ? (T(), x("g", Tn, [S("circle", {
+						cx: cu.value,
 						cy: A(_)(J.value?.bottom),
 						r: V.value.chart.highlighter.crosshairs.dot.radius,
 						fill: V.value.chart.highlighter.crosshairs.dot.fill,
@@ -4039,11 +4011,11 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							x: A(p)(r.x),
 							y: A(p)(r.y)
 						},
-						radius: hu(e, r, i) ? (ja.value.plot || 6) * 1.5 : (Wc(e.plots, i), ja.value.plot || 6),
+						radius: pu(e, r, i) ? (ka.value.plot || 6) * 1.5 : (Hc(e.plots, i), ka.value.plot || 6),
 						stroke: V.value.plot.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
 						strokeWidth: V.value.plot.dot.strokeWidth,
-						transition: A(Ha) || us.value || !V.value.plot.showTransition ? void 0 : `all ${V.value.plot.transitionDurationMs}ms ease-in-out`,
-						still: us.value
+						transition: A(Ba) || cs.value || !V.value.plot.showTransition ? void 0 : `all ${V.value.plot.transitionDurationMs}ms ease-in-out`,
+						still: cs.value
 					}, null, 8, [
 						"shape",
 						"color",
@@ -4079,7 +4051,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						stroke: V.value.chart.backgroundColor,
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-						style: w({ transition: Xc() })
+						style: w({ transition: Jc() })
 					}, null, 12, kn))), 128)) : (T(!0), x(v, { key: 1 }, D(e.dashedStraight, (t, n) => (T(), x("path", {
 						key: `line_coating_straight_segment_${e.id}_${n}`,
 						fill: "none",
@@ -4089,7 +4061,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						stroke: V.value.chart.backgroundColor,
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-						style: w({ transition: Xc() })
+						style: w({ transition: Jc() })
 					}, null, 12, An))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (T(), x("path", {
 						key: 1,
 						d: `M${e.curve}`,
@@ -4099,7 +4071,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: w({ transition: Xc() })
+						style: w({ transition: Jc() })
 					}, null, 12, jn)) : e.plots.length > 1 && e.straight ? (T(), x("path", {
 						key: 2,
 						d: `M${e.straight}`,
@@ -4109,21 +4081,21 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: w({ transition: Xc() })
+						style: w({ transition: Jc() })
 					}, null, 12, Mn)) : b("", !0)], 6))), 128)),
-					t.$slots.pattern ? (T(), x("defs", Nn, [(T(!0), x(v, null, D(So.value, (e, n) => O(t.$slots, "pattern", ut({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+					t.$slots.pattern ? (T(), x("defs", Nn, [(T(!0), x(v, null, D(bo.value, (e, n) => O(t.$slots, "pattern", ut({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${F.value}_${n}`
 					}), void 0, !0)), 128))])) : b("", !0),
-					yl.value.length && !H.value.isStacked ? (T(), x("g", Pn, [(T(!0), x(v, null, D(yl.value, (e) => (T(), x("path", {
+					_l.value.length && !H.value.isStacked ? (T(), x("g", Pn, [(T(!0), x(v, null, D(_l.value, (e) => (T(), x("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
 						"fill-opacity": V.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: w({ transition: Xc() })
+						style: w({ transition: Jc() })
 					}, null, 12, Fn))), 128))])) : b("", !0),
 					(T(!0), x(v, null, D(Q.value, (e, n) => (T(), x("g", {
 						key: `serie_line_above_${e.id}`,
@@ -4134,22 +4106,22 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							key: 0,
 							d: r,
 							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(i)(e.color, V.value.line.area.opacity),
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Ln)) : b("", !0), t.$slots.pattern && r ? (T(), x("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Rn)) : b("", !0)], 64))), 128)) : (T(!0), x(v, { key: 1 }, D(e.area.split(";"), (r, a) => (T(), x(v, { key: a }, [r ? (T(), x("path", {
 							key: 0,
 							d: `M${r}Z`,
 							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(i)(e.color, V.value.line.area.opacity),
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, zn)) : b("", !0), t.$slots.pattern && r ? (T(), x("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Bn)) : b("", !0)], 64))), 128))])) : b("", !0),
 						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), x("path", {
 							key: 1,
@@ -4159,7 +4131,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							"stroke-dasharray": e.dashed ? V.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Vn)) : e.hasDashedSegments ? (T(), x(v, { key: 2 }, [e.smooth ? (T(!0), x(v, { key: 0 }, D(e.dashedSmooth, (t, r) => (T(), x("path", {
 							key: `line_smooth_segment_${e.id}_${r}`,
 							fill: "none",
@@ -4169,7 +4141,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Hn))), 128)) : (T(!0), x(v, { key: 1 }, D(e.dashedStraight, (t, r) => (T(), x("path", {
 							key: `line_straight_segment_${e.id}_${r}`,
 							fill: "none",
@@ -4179,7 +4151,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Un))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), x("path", {
 							key: 3,
 							d: `M${e.straight}`,
@@ -4189,9 +4161,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: w({ transition: Xc() })
+							style: w({ transition: Jc() })
 						}, null, 12, Wn)) : b("", !0),
-						(T(!0), x(v, null, D(e.plots, (r, i) => (T(), x(v, { key: `circle_line_${e.id}_${i}` }, [!sc.value.linePlot && r && A(Ct)(r.value) || sc.value.linePlot && r && A(Ct)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || Wc(e.plots, i) ? (T(), rt(Ye, {
+						(T(!0), x(v, null, D(e.plots, (r, i) => (T(), x(v, { key: `circle_line_${e.id}_${i}` }, [!ac.value.linePlot && r && A(Ct)(r.value) || ac.value.linePlot && r && A(Ct)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || Hc(e.plots, i) ? (T(), rt(Ye, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -4206,11 +4178,11 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 								x: A(p)(r.x),
 								y: A(p)(r.y)
 							},
-							radius: hu(e, r, i) ? Ma.value || 0 : (Wc(e.plots, i), ja.value.line || 0),
+							radius: pu(e, r, i) ? Aa.value || 0 : (Hc(e.plots, i), ka.value.line || 0),
 							stroke: V.value.line.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
 							strokeWidth: V.value.line.dot.strokeWidth,
-							transition: A(Ha) || us.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`,
-							still: us.value
+							transition: A(Ba) || cs.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`,
+							still: cs.value
 						}, null, 8, [
 							"shape",
 							"color",
@@ -4234,28 +4206,28 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							datapointIndex: i
 						} }, void 0, !0)])], 8, Gn)) : b("", !0)], 64))), 128))
 					], 6))), 128)),
-					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (T(), x("g", qn, [(T(!0), x(v, null, D(vu.value, (e) => (T(), x("text", {
+					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (T(), x("g", qn, [(T(!0), x(v, null, D(gu.value, (e) => (T(), x("text", {
 						key: e.key,
-						class: C({ "vue-data-ui-transition": A(Ia) }),
-						"text-anchor": lu({
+						class: C({ "vue-data-ui-transition": A(Pa) }),
+						"text-anchor": su({
 							plot: e.plot,
 							type: "bar"
 						}),
 						"font-size": B.value.plotLabels,
-						transform: su({ plot: e.plot }),
+						transform: au({ plot: e.plot }),
 						fill: V.value.bar.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};`),
-						innerHTML: ou({
+						innerHTML: iu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "bar"
 						})
-					}, null, 14, Jn))), 128)), (T(!0), x(v, null, D(gl.value, (e, t) => (T(), x(v, { key: `xLabel_bar_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (T(), x("text", {
+					}, null, 14, Jn))), 128)), (T(!0), x(v, null, D(ml.value, (e, t) => (T(), x(v, { key: `xLabel_bar_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (T(), x("text", {
 						key: 0,
-						class: C({ "vue-data-ui-transition": A(Ia) }),
-						transform: `translate(${H.value.useIndividualScale && H.value.isStacked ? n.x + Ns.value.line / 2 : n.x + Ps() * 1.1}, ${n.y + (n.value > 0 ? V.value.bar.serieName.offsetY : -V.value.bar.serieName.offsetY * 3)})`,
+						class: C({ "vue-data-ui-transition": A(Pa) }),
+						transform: `translate(${H.value.useIndividualScale && H.value.isStacked ? n.x + js.value.line / 2 : n.x + Ms() * 1.1}, ${n.y + (n.value > 0 ? V.value.bar.serieName.offsetY : -V.value.bar.serieName.offsetY * 3)})`,
 						"text-anchor": "middle",
 						"font-size": B.value.plotLabels,
 						fill: V.value.bar.serieName.useSerieColor ? e.color : V.value.bar.serieName.color,
@@ -4265,14 +4237,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						source: e.name,
 						length: V.value.bar.serieName.abbreviationSize
 					}) : e.name), 15, Yn)) : b("", !0)], 64))), 128))], 64))), 128))])) : b("", !0),
-					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), x("g", Xn, [(T(!0), x(v, null, D(yu.value, (e) => (T(), x("text", {
+					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), x("g", Xn, [(T(!0), x(v, null, D(_u.value, (e) => (T(), x("text", {
 						key: e.key,
-						class: C({ "vue-data-ui-transition": A(Ia) }),
-						transform: cu({
+						class: C({ "vue-data-ui-transition": A(Pa) }),
+						transform: ou({
 							plot: e.plot,
 							type: "plot"
 						}),
-						"text-anchor": lu({
+						"text-anchor": su({
 							plot: e.plot,
 							type: "plot"
 						}),
@@ -4281,7 +4253,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1}`),
-						innerHTML: ou({
+						innerHTML: iu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "plot"
@@ -4330,14 +4302,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							serieName: e.name
 						})
 					}, null, 12, nr)], 12, tr)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					V.value.line.labels.show && H.value.dataLabels.show ? (T(), x("g", ir, [(T(!0), x(v, null, D(bu.value, (e) => (T(), x("text", {
+					V.value.line.labels.show && H.value.dataLabels.show ? (T(), x("g", ir, [(T(!0), x(v, null, D(vu.value, (e) => (T(), x("text", {
 						key: e.key,
-						class: C({ "vue-data-ui-transition": A(Ia) }),
-						transform: cu({
+						class: C({ "vue-data-ui-transition": A(Pa) }),
+						transform: ou({
 							plot: e.plot,
 							type: "line"
 						}),
-						"text-anchor": lu({
+						"text-anchor": su({
 							plot: e.plot,
 							type: "line"
 						}),
@@ -4346,7 +4318,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
 						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};`),
-						innerHTML: ou({
+						innerHTML: iu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "line"
@@ -4464,7 +4436,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					(T(!0), x(v, null, D([
 						...$.value,
 						...Q.value,
-						...gl.value
+						...ml.value
 					], (e, t) => (T(), x(v, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(h)(e.plots).trend) ? (T(), x("g", gr, [
 						S("defs", null, [S("marker", {
 							id: `progression_arrow_${t}`,
@@ -4485,8 +4457,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						}, null, 8, vr)], 8, _r)]),
 						e.plots.length > 1 ? (T(), x("line", {
 							key: 0,
-							x1: A(h)(e.plots).x1 + (e.type === "bar" ? Ps() : 0),
-							x2: A(h)(e.plots).x2 + (e.type === "bar" ? Ps() : 0),
+							x1: A(h)(e.plots).x1 + (e.type === "bar" ? Ms() : 0),
+							x2: A(h)(e.plots).x2 + (e.type === "bar" ? Ms() : 0),
 							y1: A(_)(A(h)(e.plots).y1),
 							y2: A(_)(A(h)(e.plots).y2),
 							"stroke-width": 1,
@@ -4498,8 +4470,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						}, null, 8, yr)) : b("", !0),
 						e.plots.length > 1 ? (T(), x("line", {
 							key: 1,
-							x1: A(h)(e.plots).x1 + (e.type === "bar" ? Ps() : 0),
-							x2: A(h)(e.plots).x2 + (e.type === "bar" ? Ps() : 0),
+							x1: A(h)(e.plots).x1 + (e.type === "bar" ? Ms() : 0),
+							x2: A(h)(e.plots).x2 + (e.type === "bar" ? Ms() : 0),
 							y1: A(_)(A(h)(e.plots).y1),
 							y2: A(_)(A(h)(e.plots).y2),
 							"stroke-width": 1,
@@ -4511,9 +4483,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						}, null, 8, br)) : b("", !0),
 						e.plots.length > 1 ? (T(), x("text", {
 							key: 2,
-							class: C({ "vue-data-ui-transition": A(Ia) }),
+							class: C({ "vue-data-ui-transition": A(Pa) }),
 							"text-anchor": "middle",
-							transform: `translate(${A(h)(e.plots).x2 + (e.type === "bar" ? Ps() : 0)}, ${A(h)(e.plots).y2 - 12})`,
+							transform: `translate(${A(h)(e.plots).x2 + (e.type === "bar" ? Ms() : 0)}, ${A(h)(e.plots).y2 - 12})`,
 							"font-size": B.value.plotLabels,
 							fill: e.color,
 							stroke: V.value.chart.backgroundColor,
@@ -4527,7 +4499,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							r: 2
 						})), 11, xr)) : b("", !0)
 					])) : b("", !0)], 64))), 128)),
-					H.value.useIndividualScale && !H.value.isStacked ? (T(), x(v, { key: 16 }, [S("defs", null, [(T(!0), x(v, null, D(vl.value, (e, t) => (T(), rt(Ze, {
+					H.value.useIndividualScale && !H.value.isStacked ? (T(), x(v, { key: 16 }, [S("defs", null, [(T(!0), x(v, null, D(gl.value, (e, t) => (T(), rt(Ze, {
 						t: "linear",
 						key: `individual_scale_gradient_${e.groupId || e.id || t}`,
 						id: `individual_scale_gradient_${F.value}_${t}`,
@@ -4549,7 +4521,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						"x1",
 						"x2",
 						"stops"
-					]))), 128))]), (T(!0), x(v, null, D(vl.value, (e, t) => (T(), x("rect", {
+					]))), 128))]), (T(!0), x(v, null, D(gl.value, (e, t) => (T(), x("rect", {
 						key: `individual_scale_background_${e.groupId || e.id || t}`,
 						x: q.value ? e.x : e.x - V.value.chart.grid.labels.yAxis.labelWidth - J.value.individualOffsetX,
 						y: J.value?.top,
@@ -4582,26 +4554,26 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						key: 17,
 						ref_key: "timeLabelsEls",
 						ref: Ni,
-						opacity: du.value ? .1 : 1,
+						opacity: lu.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [t.$slots["time-label"] ? (T(!0), x(v, { key: 0 }, D($c.value, (e, n) => O(t.$slots, "time-label", ut({ ref_for: !0 }, {
-						x: el(e, n),
+					}, [t.$slots["time-label"] ? (T(!0), x(v, { key: 0 }, D(Zc.value, (e, n) => O(t.$slots, "time-label", ut({ ref_for: !0 }, {
+						x: Qc(e, n),
 						y: J.value?.bottom,
 						fontSize: B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${el(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.3 + V.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Qc(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.3 + V.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
 						textAnchor: V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
-					}), void 0, !0, `time_label_${e.id}`)), 128)) : (T(!0), x(v, { key: 1 }, D($c.value, (e, t) => (T(), x("g", { key: `time_label_${t}` }, [e && e.text ? (T(), x(v, { key: 0 }, [String(e.text).includes("\n") ? (T(), x("text", {
+					}), void 0, !0, `time_label_${e.id}`)), 128)) : (T(!0), x(v, { key: 1 }, D(Zc.value, (e, t) => (T(), x("g", { key: `time_label_${t}` }, [e && e.text ? (T(), x(v, { key: 0 }, [String(e.text).includes("\n") ? (T(), x("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${el(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: Io() && La.value ? "pointer" : "default" }),
+						transform: `translate(${Qc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: w({ cursor: Po() && Fa.value ? "pointer" : "default" }),
 						innerHTML: A(c)({
 							content: String(e.text),
 							fontSize: B.value.xAxis,
@@ -4609,23 +4581,23 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							x: 0,
 							y: 0
 						}),
-						onClick: (n) => Zo(e, t)
+						onClick: (n) => Yo(e, t)
 					}, null, 12, Dr)) : (T(), x("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${el(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: Io() && La.value ? "pointer" : "default" }),
-						onClick: (n) => Zo(e, t)
+						transform: `translate(${Qc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: w({ cursor: Po() && Fa.value ? "pointer" : "default" }),
+						onClick: (n) => Yo(e, t)
 					}, k(e.text || ""), 13, Er))], 64)) : b("", !0)]))), 128))], 8, Tr)) : b("", !0),
-					pu.value ? (T(), x("g", Or, [S("text", {
+					du.value ? (T(), x("g", Or, [S("text", {
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${pu.value.x}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${du.value.x}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						"font-weight": "bold",
 						style: {
 							transition: "none !important",
@@ -4633,14 +4605,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 							"pointer-events": "none"
 						},
 						innerHTML: A(c)({
-							content: String(pu.value.text),
+							content: String(du.value.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						})
 					}, null, 8, kr)])) : b("", !0),
-					Uc.value.length && !H.value.isStacked ? (T(), x("g", Ar, [(T(!0), x(v, null, D(Uc.value, (e) => (T(), x("g", { key: e.id }, [
+					Vc.value.length && !H.value.isStacked ? (T(), x("g", Ar, [(T(!0), x(v, null, D(Vc.value, (e) => (T(), x("g", { key: e.id }, [
 						e.yTop && e.show && isFinite(e.yTop) ? (T(), x("line", {
 							key: 0,
 							x1: e.x1,
@@ -4684,53 +4656,53 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						e.config.label.text && e.show && isFinite(e._text.y) ? (T(), x("text", {
 							key: 4,
 							id: e.id,
-							class: C(["vue-ui-xy-annotation-label", { "vue-data-ui-transition": A(Ia) }]),
+							class: C(["vue-ui-xy-annotation-label", { "vue-data-ui-transition": A(Pa) }]),
 							transform: `translate(${e._text.x}, ${e._text.y})`,
 							"font-size": e.config.label.fontSize,
 							fill: e.config.label.color,
 							"text-anchor": e.config.label.textAnchor
 						}, k(e.config.label.text), 11, Pr)) : b("", !0)
 					]))), 128))])) : b("", !0),
-					!du.value && V.value.chart.timeTag.show && (G.value ? A(a)($l.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), x("g", Fr, [(T(), x("foreignObject", {
-						x: tu(),
+					!lu.value && V.value.chart.timeTag.show && (G.value ? A(a)(Zl.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), x("g", Fr, [(T(), x("foreignObject", {
+						x: $l(),
 						y: J.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
 					}, [S("div", {
 						ref_key: "timeTagEl",
-						ref: Xl,
+						ref: Jl,
 						class: "vue-ui-xy-time-tag",
 						style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${V.value.chart.timeTag.backgroundColor};color:${V.value.chart.timeTag.color};font-size:${V.value.chart.timeTag.fontSize}px`),
-						innerHTML: au.value
+						innerHTML: ru.value
 					}, null, 12, Lr)], 8, Ir)), S("circle", {
-						cx: G.value && A(a)($l.value) ? tl({ x: $l.value }) : hc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+						cx: G.value && A(a)(Zl.value) ? $c({ x: Zl.value }) : pc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
 						cy: J.value?.bottom,
 						r: V.value.chart.timeTag.circleMarker.radius,
 						fill: V.value.chart.timeTag.circleMarker.color
 					}, null, 8, Rr)])) : b("", !0)
 				])) : b("", !0),
-				Qa.value ? (T(), x("rect", ut({ key: 2 }, to.value, {
+				Xa.value ? (T(), x("rect", ut({ key: 2 }, $a.value, {
 					"data-start": U.value.start,
 					"data-end": U.value.end
 				}), null, 16, zr)) : b("", !0),
 				O(t.$slots, "svg", { svg: {
-					...Da.value,
+					...Ta.value,
 					slicer: U.value,
-					isPrintingImg: A(no) || A(ro) || ca.value,
-					isPrintingSvg: la.value,
+					isPrintingImg: A(eo) || A(to) || A(ku),
+					isPrintingSvg: A(Au),
 					data: [
 						...Q.value,
-						...gl.value,
+						...ml.value,
 						...$.value
 					],
 					drawingArea: J.value
 				} }, void 0, !0)
 			], 512)], 46, Lt)), t.$slots.hint ? (T(), x("div", Br, [O(t.$slots, "hint", ft(lt({
 				hint: V.value.a11y.translations.keyboardNavigation,
-				isVisible: Fu.value
+				isVisible: Pu.value
 			})), void 0, !0)])) : b("", !0)]),
-			t.$slots.watermark ? (T(), x("div", Vr, [O(t.$slots, "watermark", ft(lt({ isPrinting: A(no) || A(ro) || ca.value || la.value })), void 0, !0)])) : b("", !0),
+			t.$slots.watermark ? (T(), x("div", Vr, [O(t.$slots, "watermark", ft(lt({ isPrinting: A(eo) || A(to) || A(ku) || A(Au) })), void 0, !0)])) : b("", !0),
 			(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x(v, { key: `tag_line_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `tag_line_${t}_${r}` }, [[
 				I.value,
 				R.value,
@@ -4738,7 +4710,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (T(), x("div", {
 				key: 0,
 				ref_for: !0,
-				ref: (e) => zo(t, r, e, "right", "line"),
+				ref: (e) => Lo(t, r, e, "right", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
 				style: w({
@@ -4783,7 +4755,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (T(), x("div", {
 				key: 1,
 				ref_for: !0,
-				ref: (e) => zo(t, r, e, "left", "line"),
+				ref: (e) => Lo(t, r, e, "left", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
 				style: w({
@@ -4829,7 +4801,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (T(), x("div", {
 				key: 0,
 				ref_for: !0,
-				ref: (e) => zo(t, r, e, "right", "plot"),
+				ref: (e) => Lo(t, r, e, "right", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
 				style: w({
@@ -4874,7 +4846,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (T(), x("div", {
 				key: 1,
 				ref_for: !0,
-				ref: (e) => zo(t, r, e, "left", "plot"),
+				ref: (e) => Lo(t, r, e, "left", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
 				style: w({
@@ -4913,12 +4885,12 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 					serieName: e.name
 				})
 			}, null, 8, $r)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
-			V.value.chart.zoom.show && Xa.value > 6 && Fa.value && as.value ? (T(), rt(Qe, {
+			V.value.chart.zoom.show && Ja.value > 6 && Na.value && rs.value ? (T(), rt(Qe, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: Ei,
 				uuid: F.value,
-				allMinimaps: Bc.value,
+				allMinimaps: Rc.value,
 				background: V.value.chart.zoom.color,
 				borderColor: V.value.chart.backgroundColor,
 				customFormat: V.value.chart.zoom.customFormat,
@@ -4932,14 +4904,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				useResetSlot: V.value.chart.zoom.useResetSlot,
 				immediate: !V.value.chart.zoom.preview.enable,
 				inputColor: V.value.chart.zoom.color,
-				isPreview: Qa.value,
+				isPreview: Xa.value,
 				labelLeft: Y.value[0] ? Y.value[0].text : "",
 				labelRight: Y.value.at(-1) ? Y.value.at(-1).text : "",
-				max: il.value,
-				min: rl.value,
+				max: nl.value,
+				min: tl.value,
 				precision: G.value ? V.value.chart.grid.labels.xAxis.rounding : 0,
 				useValueRange: G.value,
-				minimap: zc.value,
+				minimap: Lc.value,
 				minimapCompact: V.value.chart.zoom.minimap.compact,
 				minimapFrameColor: V.value.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: V.value.chart.zoom.minimap.indicatorColor,
@@ -4947,17 +4919,17 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				minimapMerged: V.value.chart.zoom.minimap.merged,
 				minimapSelectedColor: V.value.chart.zoom.minimap.selectedColor,
 				minimapSelectedColorOpacity: V.value.chart.zoom.minimap.selectedColorOpacity,
-				minimapSelectedIndex: G.value ? ua.value : R.value ?? I.value,
+				minimapSelectedIndex: G.value ? ca.value : R.value ?? I.value,
 				minimapSelectionRadius: V.value.chart.zoom.minimap.selectionRadius,
-				preciseLabels: wl.value.length ? wl.value : Go.value,
-				refreshStartPoint: G.value ? rl.value : V.value.chart.zoom.startIndex === null ? 0 : V.value.chart.zoom.startIndex,
-				refreshEndPoint: G.value ? il.value : V.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ka(e.series).length)) : V.value.chart.zoom.endIndex + 1,
+				preciseLabels: Sl.value.length ? Sl.value : Uo.value,
+				refreshStartPoint: G.value ? tl.value : V.value.chart.zoom.startIndex === null ? 0 : V.value.chart.zoom.startIndex,
+				refreshEndPoint: G.value ? nl.value : V.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Wa(e.series).length)) : V.value.chart.zoom.endIndex + 1,
 				selectColor: V.value.chart.zoom.highlightColor,
-				selectedSeries: Vc.value,
+				selectedSeries: zc.value,
 				smoothMinimap: V.value.chart.zoom.minimap.smooth,
 				start: U.value.start,
 				textColor: V.value.chart.color,
-				timeLabels: Go.value,
+				timeLabels: Uo.value,
 				usePreciseLabels: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.zoom.useDefaultFormat,
 				valueEnd: U.value.end,
 				valueStart: U.value.start,
@@ -4965,6 +4937,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				minScale: V.value.chart.grid.labels.yAxis.scaleMin,
 				maxScale: V.value.chart.grid.labels.yAxis.scaleMax,
 				maxWidth: V.value.chart.zoom.maxWidth,
+				minimapLeftInsetRatio: P.value > 0 && V.value.chart.zoom.autoFit ? J.value.left / P.value : null,
+				minimapRightInsetRatio: P.value > 0 && V.value.chart.zoom.autoFit ? (P.value - J.value.right) / P.value : null,
 				additionalMinimapHeight: V.value.chart.zoom.minimap.additionalHeight,
 				handleType: V.value.chart.zoom.minimap.handleType,
 				handleIconColor: V.value.chart.zoom.minimap.handleIconColor,
@@ -4972,18 +4946,18 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				handleBorderColor: V.value.chart.zoom.minimap.handleBorderColor,
 				handleFill: V.value.chart.zoom.minimap.handleFill,
 				handleWidth: V.value.chart.zoom.minimap.handleWidth,
-				isCursorPointer: La.value,
-				onFutureEnd: n[1] ||= (e) => $a("end", e),
-				onFutureStart: n[2] ||= (e) => $a("start", e),
-				onReset: ys,
-				onTrapMouse: Qo,
-				onTrapMouseValue: $o,
-				"onUpdate:end": vs,
-				"onUpdate:start": _s
+				isCursorPointer: Fa.value,
+				onFutureEnd: n[1] ||= (e) => Za("end", e),
+				onFutureStart: n[2] ||= (e) => Za("start", e),
+				onReset: _s,
+				onTrapMouse: Xo,
+				onTrapMouseValue: Zo,
+				"onUpdate:end": gs,
+				"onUpdate:start": hs
 			}, {
 				"reset-action": j(({ reset: e }) => [O(t.$slots, "reset-action", ft(lt({ 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.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : b("", !0),
+			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : b("", !0),
 			S("div", { id: `legend-bottom-${F.value}` }, null, 8, ei),
 			oa.value && (V.value.chart.legend.show || t.$slots.legend) ? (T(), rt(nt, {
 				key: 7,
@@ -4991,34 +4965,34 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			}, [S("div", {
 				ref_key: "chartLegend",
 				ref: Di
-			}, [O(t.$slots, "legend", { legend: Co.value }, () => [V.value.chart.legend.show ? (T(), x("div", {
+			}, [O(t.$slots, "legend", { legend: xo.value }, () => [V.value.chart.legend.show ? (T(), x("div", {
 				key: 0,
 				class: "vue-ui-xy-legend",
 				style: w({ fontSize: `var(--legend-font-size, ${V.value.chart.legend.fontSize ?? 14}px)` })
-			}, [V.value.chart.legend.selectAllToggle.show && Co.value.length > 2 && !A(Ha) ? (T(), rt(et, {
+			}, [V.value.chart.legend.selectAllToggle.show && xo.value.length > 2 && !A(Ba) ? (T(), rt(et, {
 				key: 0,
 				backgroundColor: V.value.chart.legend.selectAllToggle.backgroundColor,
 				color: V.value.chart.legend.selectAllToggle.color,
 				fontSize: V.value.chart.legend.fontSize,
 				checked: Ji.value.length > 0,
-				onToggle: $s
+				onToggle: Zs
 			}, null, 8, [
 				"backgroundColor",
 				"color",
 				"fontSize",
 				"checked"
-			])) : b("", !0), (T(!0), x(v, null, D(Co.value, (e, n) => (T(), x("div", {
+			])) : b("", !0), (T(!0), x(v, null, D(xo.value, (e, n) => (T(), x("div", {
 				key: `div_legend_item_${n}`,
-				onClick: (t) => nc(e),
-				onKeydown: (t) => ec(t, e),
+				onClick: (t) => ec(e),
+				onKeydown: (t) => Qs(t, e),
 				role: "button",
 				tabindex: "0",
 				class: C({
-					"vue-ui-xy-legend-item-alone": Co.value.length === 1,
+					"vue-ui-xy-legend-item-alone": xo.value.length === 1,
 					"vue-ui-xy-legend-item": !0,
 					"vue-ui-xy-legend-item-segregated": Yi.value.has(e.id)
 				}),
-				style: w({ cursor: La.value ? "pointer" : "default" })
+				style: w({ cursor: Fa.value ? "pointer" : "default" })
 			}, [Ui.value[e.type] === "line" ? (T(), x("svg", ni, [S("rect", {
 				x: "0",
 				y: "7.5",
@@ -5103,19 +5077,19 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				offsetX: V.value.chart.tooltip.offsetX,
 				offsetY: V.value.chart.tooltip.offsetY,
 				parent: t.$refs.chart,
-				content: kl.value,
+				content: Dl.value,
 				isFullscreen: Gi.value,
 				isCustom: V.value.chart.tooltip.customFormat && typeof V.value.chart.tooltip.customFormat == "function",
 				smooth: V.value.chart.tooltip.smooth,
 				backdropFilter: V.value.chart.tooltip.backdropFilter,
 				smoothForce: V.value.chart.tooltip.smoothForce,
 				smoothSnapThreshold: V.value.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: da.value != null,
-				a11yPosition: fa.value
+				isA11yMode: la.value != null,
+				a11yPosition: ua.value
 			}, {
-				"tooltip-before": j(() => [O(t.$slots, "tooltip-before", ft(lt({ ...bl.value })), void 0, !0)]),
-				tooltip: j(() => [O(t.$slots, "tooltip", ft(lt({ ...bl.value })), void 0, !0)]),
-				"tooltip-after": j(() => [O(t.$slots, "tooltip-after", ft(lt({ ...bl.value })), void 0, !0)]),
+				"tooltip-before": j(() => [O(t.$slots, "tooltip-before", ft(lt({ ...vl.value })), void 0, !0)]),
+				tooltip: j(() => [O(t.$slots, "tooltip", ft(lt({ ...vl.value })), void 0, !0)]),
+				"tooltip-after": j(() => [O(t.$slots, "tooltip-after", ft(lt({ ...vl.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -5141,34 +5115,34 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Fa.value && V.value.chart.userOptions.buttons.table ? (T(), rt(ht(Tu.value.component), ut({ key: 9 }, Tu.value.props, {
+			Na.value && V.value.chart.userOptions.buttons.table ? (T(), rt(ht(Cu.value.component), ut({ key: 9 }, Cu.value.props, {
 				ref_key: "tableUnit",
 				ref: sa,
-				onClose: Eu
+				onClose: wu
 			}), it({
-				content: j(() => [S("div", { style: w(`${A(no) || V.value.table.useDialog ? "" : "max-height:400px"};${V.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${V.value.table.useDialog ? "" : "margin-top:48px"}`) }, [S("div", ci, [St(S("input", {
+				content: j(() => [S("div", { style: w(`${A(eo) || V.value.table.useDialog ? "" : "max-height:400px"};${V.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${V.value.table.useDialog ? "" : "margin-top:48px"}`) }, [S("div", ci, [St(S("input", {
 					type: "checkbox",
 					"onUpdate:modelValue": n[4] ||= (e) => $i.value = e
 				}, null, 512), [[yt, $i.value]]), S("div", {
 					onClick: n[5] ||= (e) => $i.value = !$i.value,
-					style: w({ cursor: La.value ? "pointer" : "default" })
+					style: w({ cursor: Fa.value ? "pointer" : "default" })
 				}, [ot(A(pi), {
 					name: "chartLine",
 					size: 20,
 					stroke: V.value.chart.color
 				}, null, 8, ["stroke"])], 4)]), $i.value ? (T(), rt(A(mi), {
 					key: `sparkline_${ea.value}`,
-					dataset: dc.value,
-					config: fc.value
+					dataset: lc.value,
+					config: uc.value
 				}, null, 8, ["dataset", "config"])) : (T(), rt(A(ui), {
 					key: `table_${Zi.value}`,
-					colNames: zl.value.colNames,
-					head: zl.value.head,
-					body: zl.value.body,
-					config: zl.value.config,
-					title: V.value.table.useDialog ? "" : Tu.value.title,
+					colNames: Ll.value.colNames,
+					head: Ll.value.head,
+					body: Ll.value.body,
+					config: Ll.value.config,
+					title: V.value.table.useDialog ? "" : Cu.value.title,
 					withCloseButton: !V.value.table.useDialog,
-					onClose: Eu
+					onClose: wu
 				}, {
 					th: j(({ th: e }) => [S("div", { innerHTML: e }, null, 8, li)]),
 					td: j(({ td: e }) => [at(k(isNaN(Number(e)) ? e : A(pe)({
@@ -5189,23 +5163,23 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [at(k(Tu.value.title), 1)]),
+				fn: j(() => [at(k(Cu.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
 				fn: j(() => [S("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[3] ||= (e) => Bl(V.value.chart.userOptions.callbacks.csv)
+					onClick: n[3] ||= (e) => Rl(V.value.chart.userOptions.callbacks.csv)
 				}, [ot(A(pi), {
 					name: "fileCsv",
-					stroke: Tu.value.props.color
+					stroke: Cu.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : b("", !0),
-			O(t.$slots, "skeleton", {}, () => [A(Ha) ? (T(), rt(ze, { key: 0 })) : b("", !0)], !0)
+			O(t.$slots, "skeleton", {}, () => [A(Ba) ? (T(), rt(ze, { key: 0 })) : b("", !0)], !0)
 		], 46, Nt));
 	}
-}, [["__scopeId", "data-v-744e7068"]]);
+}, [["__scopeId", "data-v-603bfdc1"]]);
 //#endregion
 export { Mt as n, M as t };