vue-data-ui 3.20.10 → 3.20.11

package/dist/{vue-ui-xy-C0kcCaFA.js → vue-ui-xy-omDIF90L.js}

@@ -14,68 +14,121 @@ import { n as Ue } from "./Title-NWp4qB4K.js";
 import { t as We } from "./vue_ui_xy-BA3-_LCx.js";
 import { t as Ge } from "./Shape-BPCJfphn.js";
 import { t as Ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as qe } from "./SlicerPreview-CpvCUAIM.js";
+import { t as qe } from "./SlicerPreview-By4kBVCY.js";
 import { t as Je } from "./vue-ui-accordion-Bpbv-VHE.js";
 import { t as Ye } from "./BaseLegendToggle-C_Db-y7s.js";
 import { t as Xe } from "./A11yDataTable-BCbtxMU6.js";
 import { Fragment as y, Teleport as Ze, computed as b, createBlock as Qe, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as $e, createTextVNode as et, createVNode as tt, defineAsyncComponent as nt, getCurrentInstance as rt, guardReactiveProps as it, mergeProps as at, nextTick as ot, normalizeClass as st, normalizeProps as ct, normalizeStyle as w, onBeforeUnmount as lt, onMounted as ut, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as dt, shallowRef as ft, toDisplayString as pt, toRefs as mt, unref as k, useSlots as ht, vModelCheckbox as gt, watch as _t, watchEffect as vt, withCtx as A, withDirectives as yt } from "vue";
+//#region src/utils/xy.js
+function bt(e) {
+	return ![
+		null,
+		void 0,
+		NaN,
+		Infinity,
+		-Infinity
+	].includes(e);
+}
+function xt(e, t) {
+	let n = Ot(e), r = Array(n).fill(0);
+	for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
+	return r;
+}
+function St(e, t) {
+	let n = Object.create(null);
+	for (let r = 0; r < e.length; r += 1) {
+		let i = e[r], a = String(t(i));
+		n[a] || (n[a] = []), n[a].push(i);
+	}
+	return n;
+}
+function Ct(e) {
+	return e && typeof e == "object" && Number.isFinite(Number(e.x)) && Number.isFinite(Number(e.y));
+}
+function wt(e, t) {
+	let n = Number(e), r = Number(t);
+	return !Number.isFinite(n) || !Number.isFinite(r) ? !1 : !Object.is(n, r);
+}
+function Tt(e) {
+	let t = /* @__PURE__ */ new WeakMap();
+	return (n, ...r) => {
+		let i = t.get(n), a = JSON.stringify(r);
+		if (i && i.has(a)) return i.get(a);
+		let o = e(n, ...r);
+		return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
+	};
+}
+function Et(e, t) {
+	let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 1;
+	return n === r ? r = n + 1 : n > r && ([n, r] = [r, n]), {
+		min: n,
+		max: r
+	};
+}
+function Dt(e, t, n = 0) {
+	return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
+}
+function Ot(e) {
+	return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
+}
+//#endregion
 //#region src/components/vue-ui-xy.vue
-var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct = ["id"], wt = { style: { position: "relative" } }, Tt = [
+var kt = /* @__PURE__ */ e({ default: () => j }), At = ["id"], jt = ["id"], Mt = ["id"], Nt = { style: { position: "relative" } }, Pt = [
 	"viewBox",
 	"aria-label",
 	"aria-describedby"
-], Et = [
+], Ft = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Dt = { key: 1 }, Ot = { class: "vue-ui-xy-grid" }, kt = [
+], It = { key: 1 }, Lt = { class: "vue-ui-xy-grid" }, Rt = [
 	"stroke",
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], At = [
+], zt = [
 	"stroke",
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], jt = { key: 1 }, Mt = [
+], Bt = { key: 1 }, Vt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Nt = [
+], Ht = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Pt = [
+], Ut = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Ft = { key: 3 }, It = ["d", "stroke"], Lt = { key: 4 }, Rt = ["d", "stroke"], zt = ["id"], Bt = ["stop-color"], Vt = ["stop-color"], Ht = ["stop-color"], Ut = ["id"], Wt = ["stop-color"], Gt = ["stop-color"], Kt = ["stop-color"], qt = ["id"], Jt = ["stop-color"], Yt = ["stop-color"], Xt = ["id"], Zt = ["stop-color"], Qt = ["stop-color"], $t = ["id"], en = ["stop-color"], tn = ["stop-color"], nn = { key: 0 }, rn = ["id"], an = ["stop-color", "offset"], on = [
+], Wt = { key: 3 }, Gt = ["d", "stroke"], Kt = { key: 4 }, qt = ["d", "stroke"], Jt = ["id"], Yt = ["stop-color"], Xt = ["stop-color"], Zt = ["stop-color"], Qt = ["id"], $t = ["stop-color"], en = ["stop-color"], tn = ["stop-color"], nn = ["id"], rn = ["stop-color"], an = ["stop-color"], on = ["id"], sn = ["stop-color"], cn = ["stop-color"], ln = ["id"], un = ["stop-color"], dn = ["stop-color"], fn = { key: 0 }, pn = ["id"], mn = ["stop-color", "offset"], hn = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill"
-], sn = [
+], gn = [
 	"x",
 	"y",
 	"width"
-], cn = { key: 0 }, ln = [
+], _n = { key: 0 }, vn = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill"
-], un = [
+], yn = [
 	"x",
 	"y",
 	"height",
@@ -84,7 +137,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"fill",
 	"stroke",
 	"stroke-width"
-], dn = [
+], bn = [
 	"x",
 	"y",
 	"height",
@@ -93,17 +146,17 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"fill",
 	"stroke",
 	"stroke-width"
-], fn = [
+], xn = [
 	"width",
 	"x",
 	"y"
-], pn = [
+], Sn = [
 	"stroke",
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], mn = { key: 3 }, hn = [
+], Cn = { key: 3 }, wn = [
 	"x1",
 	"x2",
 	"y1",
@@ -111,10 +164,10 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], gn = {
+], Tn = {
 	key: 4,
 	class: "vue-ui-xy-crosshair-selection"
-}, _n = [
+}, En = [
 	"x1",
 	"x2",
 	"y1",
@@ -122,7 +175,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], vn = [
+], Dn = [
 	"x1",
 	"x2",
 	"y1",
@@ -130,14 +183,14 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], yn = [
+], On = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], bn = [
+], kn = [
 	"x",
 	"y",
 	"width",
@@ -147,222 +200,222 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"stroke-linecap",
 	"stroke-linejoin",
 	"stroke-dasharray"
-], xn = ["opacity"], Sn = [
+], An = ["opacity"], jn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Cn = [
+], Mn = [
 	"fill",
 	"font-size",
 	"transform"
-], wn = [
+], Nn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Tn = [
+], Pn = [
 	"transform",
 	"text-anchor",
 	"font-size",
 	"fill"
-], En = [
+], Fn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Dn = [
+], In = [
 	"transform",
 	"font-size",
 	"text-anchor",
 	"fill"
-], On = {
+], Ln = {
 	key: 7,
 	class: "vue-ui-xy-crosshair-selection"
-}, kn = [
+}, Rn = [
 	"transform",
 	"font-size",
 	"text-anchor",
 	"fill"
-], An = {
+], zn = {
 	key: 8,
 	class: "vue-ui-xy-crosshair-selection"
-}, jn = [
+}, Bn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Mn = [
+], Vn = [
 	"width",
 	"x",
 	"y"
-], Nn = { style: { width: "100%" } }, Pn = [
+], Hn = { style: { width: "100%" } }, Un = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Fn = [
+], Wn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], In = { key: 9 }, Ln = { key: 10 }, Rn = [
+], Gn = { key: 9 }, Kn = { key: 10 }, qn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], zn = { key: 0 }, Bn = ["d", "fill"], Vn = ["d", "fill"], Hn = ["d", "fill"], Un = ["d", "fill"], Wn = [
+], Jn = { key: 0 }, Yn = ["d", "fill"], Xn = ["d", "fill"], Zn = ["d", "fill"], Qn = ["d", "fill"], $n = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Gn = [
+], er = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Kn = [
+], tr = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], qn = [
+], nr = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Jn = [
+], rr = [
 	"width",
 	"x",
 	"y"
-], Yn = { style: { width: "100%" } }, Xn = { key: 11 }, Zn = [
+], ir = { style: { width: "100%" } }, ar = { key: 11 }, or = [
 	"text-anchor",
 	"font-size",
 	"transform",
 	"fill",
 	"stroke",
 	"innerHTML"
-], Qn = [
+], sr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], $n = { key: 12 }, er = [
+], cr = { key: 12 }, lr = [
 	"transform",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"stroke",
 	"innerHTML"
-], tr = { key: 13 }, nr = ["x", "y"], rr = ["innerHTML"], ir = ["x", "y"], ar = ["innerHTML"], or = [
+], ur = { key: 13 }, dr = ["x", "y"], fr = ["innerHTML"], pr = ["x", "y"], mr = ["innerHTML"], hr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], sr = { key: 14 }, cr = [
+], gr = { key: 14 }, _r = [
 	"transform",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"stroke",
 	"innerHTML"
-], lr = { key: 15 }, ur = ["x", "y"], dr = ["innerHTML"], fr = ["x", "y"], pr = ["innerHTML"], mr = [
+], vr = { key: 15 }, yr = ["x", "y"], br = ["innerHTML"], xr = ["x", "y"], Sr = ["innerHTML"], Cr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], hr = [
+], wr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], gr = [
+], Tr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], _r = [
+], Er = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], vr = [
+], Dr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], yr = { key: 0 }, br = ["id"], xr = ["fill", "stroke"], Sr = [
+], Or = { key: 0 }, kr = ["id"], Ar = ["fill", "stroke"], jr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"marker-end"
-], Cr = [
+], Mr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"marker-end"
-], wr = [
+], Nr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"stroke"
-], Tr = [
+], Pr = [
 	"id",
 	"x1",
 	"x2"
-], Er = ["stop-color"], Dr = ["stop-color"], Or = [
+], Fr = ["stop-color"], Ir = ["stop-color"], Lr = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"onMouseenter"
-], kr = [
+], Rr = [
 	"font-size",
 	"fill",
 	"transform"
-], Ar = [
+], zr = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], jr = ["opacity"], Mr = [
+], Br = ["opacity"], Vr = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"onClick"
-], Nr = [
+], Hr = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML",
 	"onClick"
-], Pr = { key: 18 }, Fr = [
+], Ur = { key: 18 }, Wr = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML"
-], Ir = { key: 19 }, Lr = [
+], Gr = { key: 19 }, Kr = [
 	"x1",
 	"y1",
 	"x2",
@@ -370,7 +423,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Rr = [
+], qr = [
 	"x1",
 	"y1",
 	"x2",
@@ -378,28 +431,28 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], zr = [
+], Jr = [
 	"y",
 	"x",
 	"width",
 	"height",
 	"fill"
-], Br = [
+], Yr = [
 	"id",
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"text-anchor"
-], Vr = {
+], Xr = {
 	key: 20,
 	style: { "pointer-events": "none" }
-}, Hr = ["x", "y"], Ur = ["innerHTML"], Wr = [
+}, Zr = ["x", "y"], Qr = ["innerHTML"], $r = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], Gr = ["data-start", "data-end"], Kr = {
+], ei = ["data-start", "data-end"], ti = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -409,10 +462,10 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, qr = {
+}, ni = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Jr = {
+}, ri = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "20",
 	viewBox: "0 0 10 20",
@@ -422,7 +475,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, Yr = ["fill"], Xr = ["innerHTML"], Zr = {
+}, ii = ["fill"], ai = ["innerHTML"], oi = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "100%",
 	viewBox: "0 0 10 20",
@@ -432,7 +485,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, Qr = ["fill"], $r = ["innerHTML"], ei = {
+}, si = ["fill"], ci = ["innerHTML"], li = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "20",
 	viewBox: "0 0 10 20",
@@ -442,7 +495,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, ti = ["fill"], ni = ["innerHTML"], ri = {
+}, ui = ["fill"], di = ["innerHTML"], fi = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "100%",
 	viewBox: "0 0 10 20",
@@ -452,25 +505,25 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, ii = ["fill"], ai = ["innerHTML"], oi = ["id"], si = ["onClick", "onKeydown"], ci = {
+}, pi = ["fill"], mi = ["innerHTML"], hi = ["id"], gi = ["onClick", "onKeydown"], _i = {
 	key: 0,
 	viewBox: "0 0 20 12",
 	height: "1em",
 	width: "1.43em",
 	"aria-hidden": "true"
-}, li = ["stroke", "fill"], ui = {
+}, vi = ["stroke", "fill"], yi = {
 	key: 1,
 	viewBox: "0 0 40 40",
 	height: "1em",
 	width: "1em",
 	"aria-hidden": "true"
-}, di = ["fill"], fi = ["fill"], pi = {
+}, bi = ["fill"], xi = ["fill"], Si = {
 	key: 2,
 	viewBox: "0 0 12 12",
 	height: "1em",
 	width: "1em",
 	"aria-hidden": "true"
-}, mi = {
+}, Ci = {
 	style: {
 		display: "flex",
 		"flex-direction": "row",
@@ -479,7 +532,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		"padding-left": "6px"
 	},
 	"data-dom-to-png-ignore": ""
-}, hi = ["innerHTML"], j = /* @__PURE__ */ Ke({
+}, wi = ["innerHTML"], j = /* @__PURE__ */ Ke({
 	__name: "vue-ui-xy",
 	props: {
 		config: {
@@ -508,90 +561,83 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		"zoomReset",
 		"copyAlt"
 	],
-	setup(e, { expose: Ke, emit: bt }) {
-		let j = e, gi = nt(() => import("./DataTable-B--IN22e.js")), _i = nt(() => import("./Tooltip-BENq327o.js")), vi = nt(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), yi = nt(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), bi = nt(() => import("./vue-ui-table-sparkline-DgTHhaZI.js").then((e) => e.n)), xi = nt(() => import("./PackageVersion-BbgWxFC4.js").then((e) => e.t)), Si = nt(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ci = nt(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), wi = bt, Ti = ht(), Ei = rt(), { vue_ui_xy: Di } = Ne(), { isThemeValid: Oi, warnInvalidTheme: ki } = ze(), 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(null), zi = E(null), Bi = E(null), Vi = E(null), Hi = E(null), Ui = E(null), Wi = E(0), M = E(null), Gi = E(!0), Ki = E(600), N = E(1e3), qi = E("0 0 1000 600"), Ji = E({
+	setup(e, { expose: Ke, emit: kt }) {
+		let j = e, Ti = nt(() => import("./DataTable-B--IN22e.js")), Ei = nt(() => import("./Tooltip-BENq327o.js")), Di = nt(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Oi = nt(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), ki = nt(() => import("./vue-ui-table-sparkline-BQjo2sbB.js").then((e) => e.n)), Ai = nt(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), ji = nt(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Mi = nt(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), Ni = kt, Pi = ht(), Fi = rt(), { vue_ui_xy: Ii } = Ne(), { isThemeValid: Li, warnInvalidTheme: Ri } = ze(), zi = E(null), Bi = E(null), Vi = E(null), Hi = E(null), Ui = E(null), Wi = E(null), Gi = E(null), Ki = E(null), qi = E(null), Ji = E(null), Yi = E(null), Xi = E(null), Zi = E(null), Qi = E(null), $i = E(0), M = E(null), ea = E(!0), ta = E(600), N = E(1e3), na = E("0 0 1000 600"), ra = E({
 			x: 0,
 			y: 0
-		}), Yi = E({
+		}), ia = E({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), Xi = E(!1), Zi = E(!1), Qi = E(!1), $i = E(null), P = E([]), F = E(c()), ea = E(0), ta = E(0), na = E(0), ra = E(!0), ia = E(0), I = E(null), aa = E(!1), oa = E(!0), sa = E(!0), L = E(null), ca = E({}), la = E(null), ua = E(!1), da = E(null), fa = E(!1), pa = E(!1), ma = E(null), R = E(null), ha = E(null), ga = E({
+		}), aa = E(!1), oa = E(!1), sa = E(!1), ca = E(null), P = E([]), F = E(c()), la = E(0), ua = E(0), da = E(0), fa = E(!0), pa = E(0), I = E(null), ma = E(!1), ha = E(!0), ga = E(!0), L = E(null), _a = E({}), va = E(null), ya = E(!1), ba = E(null), xa = E(!1), Sa = E(!1), Ca = E(null), R = E(null), wa = E(null), Ta = E({
 			x: 0,
 			y: 0
-		}), _a = ft(null), va = E(!1), ya = E(0), ba = E(0), xa = Be({
-			elementRef: _a,
+		}), Ea = ft(null), Da = E(!1), Oa = E(0), ka = E(0), Aa = Be({
+			elementRef: Ea,
 			minimumWidth: 2,
 			minimumHeight: 2,
 			stableFramesRequired: 2,
 			once: !1,
 			onSizeAccepted: () => {
-				wa();
+				Na();
 			}
 		});
-		function Sa() {
-			_a.value = Ai.value?.parentNode ?? null;
+		function ja() {
+			Ea.value = zi.value?.parentNode ?? null;
 		}
-		function Ca() {
+		function Ma() {
 			return new Promise((e) => {
 				requestAnimationFrame(() => {
 					requestAnimationFrame(e);
 				});
 			});
 		}
-		async function wa() {
-			let e = ++ba.value;
-			va.value = !1, await ot(), await Ca(), await Ca(), e === ba.value && (ya.value += 1, va.value = !0);
+		async function Na() {
+			let e = ++ka.value;
+			Da.value = !1, await ot(), await Ma(), await Ma(), e === ka.value && (Oa.value += 1, Da.value = !0);
 		}
-		let Ta = b(() => ({
-			height: Ki.value,
+		let Pa = b(() => ({
+			height: ta.value,
 			width: N.value
-		}));
-		function Ea(e) {
-			return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
-		}
-		function Da(e, t, n = 0) {
-			return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
-		}
-		let Oa = E(!1), ka = E(null), Aa = E(null), z = E({
+		})), Fa = E(!1), Ia = E(null), La = E(null), z = E({
 			xAxis: 18,
 			yAxis: 12,
 			dataLabels: 20,
 			plotLabels: 10
-		}), ja = E({
+		}), Ra = E({
 			plot: 3,
 			line: 3
 		});
 		ut(() => {
-			ua.value = !0, j.dataset.length && j.dataset.forEach((e, t) => {
+			ya.value = !0, j.dataset.length && j.dataset.forEach((e, t) => {
 				[null, void 0].includes(e.series) && ce({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
 					index: t,
-					debug: La.value
+					debug: Wa.value
 				});
-			}), Sa(), xa.start(), wa();
+			}), ja(), Aa.start(), Na();
 		});
-		function Ma() {
-			if (!Object.keys(j.config || {}).length) return Di;
+		function za() {
+			if (!Object.keys(j.config || {}).length) return Ii;
 			let e = Re({
 				userConfig: j.config,
-				defaultConfig: Di
+				defaultConfig: Ii
 			});
 			j.config && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea : e.chart.highlightArea = [j.config.chart.highlightArea]), j.config && m(j.config, "chart.annotations") && Array.isArray(j.config.chart.annotations) && j.config.chart.annotations.length ? e.chart.annotations = j.config.chart.annotations.map((e) => Re({
-				defaultConfig: Di.chart.annotations[0],
+				defaultConfig: Ii.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], j.config && m(j.config, "chart.grid.position") && j.config.chart.grid.position === "start" && j.dataset.length && j.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", m(j.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), j.config && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea.map((e) => Na({
-				defaultConfig: Di.chart.highlightArea,
+			})) : e.chart.annotations = [], j.config && m(j.config, "chart.grid.position") && j.config.chart.grid.position === "start" && j.dataset.length && j.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", m(j.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), j.config && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea.map((e) => Ba({
+				defaultConfig: Ii.chart.highlightArea,
 				userConfig: e
-			})) : e.chart.highlightArea = Na({
-				defaultConfig: Di.chart.highlightArea,
+			})) : e.chart.highlightArea = Ba({
+				defaultConfig: Ii.chart.highlightArea,
 				userConfig: j.config.chart.highlightArea
 			}));
 			let t = e.theme;
 			if (!t) return e;
-			if (!Oi.value(e)) return ki(e), e;
+			if (!Li.value(e)) return Ri(e), e;
 			let n = Re({
 				userConfig: We[t] || j.config,
 				defaultConfig: e
@@ -604,41 +650,41 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				customPalette: r.customPalette.length ? r.customPalette : ae[t] || a
 			};
 		}
-		function Na({ defaultConfig: e, userConfig: t }) {
+		function Ba({ defaultConfig: e, userConfig: t }) {
 			return Re({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let Pa = b({
+		let Va = b({
 			get() {
 				return !!j.dataset && j.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), B = E(Ma()), Fa = b(() => B.value.chart.userOptions.useCursorPointer), V = E({
+		}), B = E(za()), Ha = b(() => B.value.chart.userOptions.useCursorPointer), V = E({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
 			isStacked: !1,
 			useIndividualScale: !1
 		});
-		function Ia() {
+		function Ua() {
 			let e = B.value.chart.grid.labels.yAxis.stacked, t = B.value.chart.grid.labels.yAxis.useIndividualScale;
-			if (!Oa.value) {
+			if (!Fa.value) {
 				V.value = {
 					dataLabels: { show: !0 },
 					showTooltip: B.value.chart.tooltip.show === !0,
 					showTable: B.value.showTable === !0,
 					isStacked: e,
 					useIndividualScale: t
-				}, ka.value = e, Aa.value = t, Oa.value = !0;
+				}, Ia.value = e, La.value = t, Fa.value = !0;
 				return;
 			}
-			V.value.showTooltip = B.value.chart.tooltip.show === !0, e !== ka.value && (V.value.isStacked = e, ka.value = e), t !== Aa.value && (V.value.useIndividualScale = t, Aa.value = t), V.value.isStacked && (V.value.useIndividualScale = !0);
+			V.value.showTooltip = B.value.chart.tooltip.show === !0, e !== Ia.value && (V.value.isStacked = e, Ia.value = e), t !== La.value && (V.value.useIndividualScale = t, La.value = t), V.value.isStacked && (V.value.useIndividualScale = !0);
 		}
-		let La = b(() => !!B.value.debug), Ra = b(() => n({
+		let Wa = b(() => !!B.value.debug), Ga = b(() => n({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -694,7 +740,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				}
 			},
 			userConfig: B.value.skeletonConfig ?? {}
-		})), za = b(() => j.config?.skeletonDataset ?? [{
+		})), Ka = b(() => j.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -731,63 +777,53 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: Ba, FINAL_DATASET: H, manualLoading: Va } = Fe({
+		}]), { loading: qa, FINAL_DATASET: H, manualLoading: Ja } = Fe({
 			...mt(j),
 			FINAL_CONFIG: B,
-			prepareConfig: Ma,
+			prepareConfig: za,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					(!B.value.chart.zoom.keepState || !Qo.value || W.value.start === 0 && W.value.end === 0) && await ns(), V.value.showTable = B.value.showTable;
+					(!B.value.chart.zoom.keepState || !es.value || W.value.start === 0 && W.value.end === 0) && await rs(), V.value.showTable = B.value.showTable;
 				});
 			},
-			skeletonDataset: za.value,
+			skeletonDataset: Ka.value,
 			skeletonConfig: n({
 				defaultConfig: B.value,
-				userConfig: Ra.value
+				userConfig: Ga.value
 			})
-		});
-		function Ha(e) {
-			let t = /* @__PURE__ */ new WeakMap();
-			return (n, ...r) => {
-				let i = t.get(n), a = JSON.stringify(r);
-				if (i && i.has(a)) return i.get(a);
-				let o = e(n, ...r);
-				return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
-			};
-		}
-		let Ua = Ha((e, t) => we({
+		}), Ya = Tt((e, t) => we({
 			data: e,
 			threshold: t
-		})), Wa = (e) => Ua(e, B.value.downsample.threshold), U = b({
-			get: () => Math.max(...H.value.map((e) => Wa(e.series).length)),
+		})), Xa = (e) => Ya(e, B.value.downsample.threshold), U = b({
+			get: () => Math.max(...H.value.map((e) => Xa(e.series).length)),
 			set: (e) => e
 		}), W = E({
 			start: 0,
 			end: U.value
-		}), Ga = E({
+		}), G = E({
 			start: 0,
 			end: U.value
-		}), Ka = b(() => B.value.chart.zoom.preview.enable && (Ga.value.start !== W.value.start || Ga.value.end !== W.value.end));
-		function qa(e, t) {
-			Ga.value[e] = t;
+		}), Za = b(() => B.value.chart.zoom.preview.enable && (G.value.start !== W.value.start || G.value.end !== W.value.end));
+		function Qa(e, t) {
+			G.value[e] = t;
 		}
-		function Ja() {
-			if (K.value) {
-				let e = Tc.value.min, t = Tc.value.max, n = Number(W.value.start), r = Number(W.value.end);
+		function $a() {
+			if (q.value) {
+				let e = wc.value.min, t = wc.value.max, n = Number(W.value.start), r = Number(W.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), W.value = {
 					start: n,
 					end: r
-				}, Ga.value.start = n, Ga.value.end = r, Mi.value && (Mi.value.setStartValue(n), Mi.value.setEndValue(r));
+				}, G.value.start = n, G.value.end = r, Vi.value && (Vi.value.setStartValue(n), Vi.value.setEndValue(r));
 				return;
 			}
-			let e = Math.max(1, ...H.value.map((e) => Wa(e.series).length)), t = Math.max(0, Math.min(W.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(W.value.end ?? e, e));
+			let e = Math.max(1, ...H.value.map((e) => Xa(e.series).length)), t = Math.max(0, Math.min(W.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(W.value.end ?? e, e));
 			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), W.value = {
 				start: t,
 				end: n
-			}, Ga.value.start = t, Ga.value.end = n, Mi.value && (Mi.value.setStartValue(t), Mi.value.setEndValue(n));
+			}, G.value.start = t, G.value.end = n, Vi.value && (Vi.value.setStartValue(t), Vi.value.setEndValue(n));
 		}
-		let Ya = b(() => {
-			let { left: e, top: t, width: n, height: r } = J.value, i = W.value.start, a = W.value.end - i, o = n / a, s = Ga.value.start - i, c = Ga.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
+		let eo = b(() => {
+			let { left: e, top: t, width: n, height: r } = Y.value, i = W.value.start, a = W.value.end - i, o = n / a, s = G.value.start - i, c = G.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,
@@ -814,22 +850,22 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			let t = e - W.value.start;
 			t < 0 || e >= W.value.end ? R.value = null : R.value = t ?? null;
 		}, { immediate: !0 });
-		let { isPrinting: Xa, isImaging: Za, generatePdf: Qa, generateImage: $a } = Pe({
+		let { isPrinting: to, isImaging: no, generatePdf: ro, generateImage: io } = Pe({
 			elementId: `vue-ui-xy_${F.value}`,
 			fileName: B.value.chart.title.text || "vue-ui-xy",
 			options: B.value.chart.userOptions.print
-		}), eo = E(!1), to = b(() => Ee(B.value.customPalette)), no = b(() => {
+		}), ao = E(!1), oo = b(() => Ee(B.value.customPalette)), so = b(() => {
 			let e = B.value.chart.grid.labels.yAxis.scaleMin;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), ro = b(() => no.value === null ? gs.value : J.value.bottom), io = b(() => {
+		}), co = b(() => so.value === null ? gs.value : Y.value.bottom), lo = b(() => {
 			let e = B.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), ao = b(() => no.value !== null || io.value !== null), oo = b(() => {
-			let e = ho.value.filter((e) => !P.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).map(mo).filter(Number.isFinite);
+		}), uo = b(() => so.value !== null || lo.value !== null), fo = b(() => {
+			let e = vo.value.filter((e) => !P.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).map(_o).filter(Number.isFinite);
 			return e.length ? {
 				min: Math.min(...e),
 				max: Math.max(...e)
@@ -837,39 +873,27 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				min: 0,
 				max: 1
 			};
-		});
-		function so(e, t) {
-			let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 1;
-			return n === r ? r = n + 1 : n > r && ([n, r] = [r, n]), {
-				min: n,
-				max: r
-			};
-		}
-		let co = b(() => {
-			let { min: e, max: t } = oo.value;
-			if (!ao.value) {
+		}), po = b(() => {
+			let { min: e, max: t } = fo.value;
+			if (!uo.value) {
 				let t = e;
 				return t > 0 ? 0 : t;
 			}
-			let n = no.value === null ? e > 0 ? 0 : e : no.value, r = io.value === null ? t : io.value;
-			return so(e < n ? e : n, t > r ? t : r).min;
-		}), lo = b(() => {
-			let { min: e, max: t } = oo.value;
-			if (!ao.value) {
+			let n = so.value === null ? e > 0 ? 0 : e : so.value, r = lo.value === null ? t : lo.value;
+			return Et(e < n ? e : n, t > r ? t : r).min;
+		}), mo = b(() => {
+			let { min: e, max: t } = fo.value;
+			if (!uo.value) {
 				let e = t;
-				return co.value === e ? e + 1 : e;
+				return po.value === e ? e + 1 : e;
 			}
-			let n = no.value === null ? e > 0 ? 0 : e : no.value, r = io.value === null ? t : io.value;
-			return so(e < n ? e : n, t > r ? t : r).max;
-		}), G = b(() => B.value.chart.grid.labels.yAxis.useNiceScale ? fe(co.value, lo.value < 0 ? 0 : lo.value, B.value.chart.grid.labels.yAxis.commonScaleSteps) : de(co.value, lo.value < 0 ? 0 : lo.value, B.value.chart.grid.labels.yAxis.commonScaleSteps)), uo = b(() => [null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) ? G.value.min >= 0 ? 0 : Math.abs(G.value.min) : -G.value.min);
-		function fo(e) {
-			return e && typeof e == "object" && Number.isFinite(Number(e.x)) && Number.isFinite(Number(e.y));
-		}
-		let K = b(() => H.value.some((e) => Array.isArray(e.series) && e.series.some(fo)));
+			let n = so.value === null ? e > 0 ? 0 : e : so.value, r = lo.value === null ? t : lo.value;
+			return Et(e < n ? e : n, t > r ? t : r).max;
+		}), K = b(() => B.value.chart.grid.labels.yAxis.useNiceScale ? fe(po.value, mo.value < 0 ? 0 : mo.value, B.value.chart.grid.labels.yAxis.commonScaleSteps) : de(po.value, mo.value < 0 ? 0 : mo.value, B.value.chart.grid.labels.yAxis.commonScaleSteps)), ho = b(() => [null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) ? K.value.min >= 0 ? 0 : Math.abs(K.value.min) : -K.value.min), q = b(() => H.value.some((e) => Array.isArray(e.series) && e.series.some(Ct)));
 		ut(() => {
-			K.value && j.dataset.some((e) => e.type === "bar") && console.warn("Vue Data UI - VueUiXy: series of type 'bar' are not supported in continuous mode.\n\nContinuous mode requires 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard\n[number, number, number...]");
+			q.value && j.dataset.some((e) => e.type === "bar") && console.warn("Vue Data UI - VueUiXy: series of type 'bar' are not supported in continuous mode.\n\nContinuous mode requires 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard\n[number, number, number...]");
 		});
-		function po(e, t) {
+		function go(e, t) {
 			return e && typeof e == "object" && e.x === null && e.y === null ? {
 				x: null,
 				y: null,
@@ -884,54 +908,54 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				isNull: !1
 			};
 		}
-		function mo(e) {
-			return K.value ? e.y : e;
+		function _o(e) {
+			return q.value ? e.y : e;
 		}
-		let ho = b(() => !Gi.value && !K.value ? H.value : H.value.map((e, t) => {
-			let n = K.value ? e.series : Wa(e.series), r = `uniqueId_${t}`;
+		let vo = b(() => !ea.value && !q.value ? H.value : H.value.map((e, t) => {
+			let n = q.value ? e.series : Xa(e.series), r = `uniqueId_${t}`;
 			return {
 				...e,
 				slotAbsoluteIndex: t,
-				series: K.value ? n.map((e, t) => po(e, t)).filter((e) => e.x >= W.value.start && e.x <= W.value.end) : n.map((e) => ve(e) ? e : null).slice(W.value.start, W.value.end),
-				color: De(e.color ? e.color : to.value[t] ? to.value[t] : a[t]),
+				series: q.value ? n.map((e, t) => go(e, t)).filter((e) => e.x >= W.value.start && e.x <= W.value.end) : n.map((e) => ve(e) ? e : null).slice(W.value.start, W.value.end),
+				color: De(e.color ? e.color : oo.value[t] ? oo.value[t] : a[t]),
 				id: r,
 				scaleLabel: e.scaleLabel || r
 			};
-		})), go = b(() => ho.value.map((e, t) => ({
+		})), yo = b(() => vo.value.map((e, t) => ({
 			absoluteIndex: t,
 			...e,
-			series: K.value ? e.series.map((e) => ({
+			series: q.value ? e.series.map((e) => ({
 				...e,
-				y: e.y === null ? null : e.y + uo.value
-			})) : e.series.map((e) => e + uo.value),
-			absoluteValues: K.value ? e.series.map((e) => e.y) : e.series,
+				y: e.y === null ? null : e.y + ho.value
+			})) : e.series.map((e) => e + ho.value),
+			absoluteValues: q.value ? e.series.map((e) => e.y) : e.series,
 			segregate: () => Hs(e),
 			isSegregated: P.value.includes(e.id)
-		}))), _o = b(() => ho.value.map((e) => ({
+		}))), bo = b(() => vo.value.map((e) => ({
 			...e,
-			series: K.value ? e.series.map((e) => ({
+			series: q.value ? e.series.map((e) => ({
 				...e,
-				y: e.y === null ? null : e.y + uo.value
-			})) : e.series.map((e) => e + uo.value),
-			absoluteValues: K.value ? e.series.map((e) => e.y) : e.series
-		})).filter((e) => !P.value.includes(e.id))), vo = b(() => P.value.length === go.value.length), q = b(() => B.value.chart.grid.labels.yAxis.position === "right");
-		function yo() {
+				y: e.y === null ? null : e.y + ho.value
+			})) : e.series.map((e) => e + ho.value),
+			absoluteValues: q.value ? e.series.map((e) => e.y) : e.series
+		})).filter((e) => !P.value.includes(e.id))), xo = b(() => P.value.length === yo.value.length), J = b(() => B.value.chart.grid.labels.yAxis.position === "right");
+		function So() {
 			let e = 0;
-			Bi.value && (e = Array.from(Bi.value.querySelectorAll("text")).reduce((e, t) => {
+			Yi.value && (e = Array.from(Yi.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0));
-			let t = Ri.value ? Ri.value.getBoundingClientRect().width + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : 0, n = e + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + B.value.chart.grid.labels.yAxis.crosshairSize;
+			let t = qi.value ? qi.value.getBoundingClientRect().width + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : 0, n = e + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + B.value.chart.grid.labels.yAxis.crosshairSize;
 			return {
-				left: q.value ? 0 : n + t,
-				right: q.value ? n + t : 0,
+				left: J.value ? 0 : n + t,
+				right: J.value ? n + t : 0,
 				scaleLabelsOffset: n,
 				yAxisLabelWidth: t
 			};
 		}
-		function bo(e) {
-			let t = _o.value.filter((e) => ["line", "plot"].includes(e.type)).flatMap((t) => t.series.map((n, r) => {
-				let i = wc(n);
+		function Co(e) {
+			let t = bo.value.filter((e) => ["line", "plot"].includes(e.type)).flatMap((t) => t.series.map((n, r) => {
+				let i = Cc(n);
 				return {
 					datapoint: t,
 					point: n,
@@ -942,11 +966,11 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				};
 			})).filter((e) => g(e.point?.x) && g(e.point?.y)).reduce((e, t) => !e || t.distance < e.distance ? t : e, null);
 			if (!t) {
-				Ds.value = [], Os.value = null, ma.value = null;
+				Ds.value = [], Os.value = null, Ca.value = null;
 				return;
 			}
 			let n = Number(t.point.x);
-			Ds.value = _o.value.filter((e) => ["line", "plot"].includes(e.type)).map((e) => {
+			Ds.value = bo.value.filter((e) => ["line", "plot"].includes(e.type)).map((e) => {
 				let t = e.series.findIndex((e) => Number(e.x) === n && g(e.y));
 				if (t === -1) return null;
 				let r = e.series[t];
@@ -954,66 +978,66 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					datapoint: e,
 					point: r,
 					index: t,
-					x: wc(r),
+					x: Cc(r),
 					y: r.y,
 					distance: 0
 				};
-			}).filter(Boolean), Os.value = wc({ x: n }), ma.value = n;
+			}).filter(Boolean), Os.value = Cc({ x: n }), Ca.value = n;
 		}
-		function xo(e) {
+		function wo(e) {
 			if (!Number.isFinite(Number(e))) {
 				Ds.value = [], Os.value = null;
 				return;
 			}
-			let t = wc({ x: Number(e) });
-			bo(t), Os.value = t;
+			let t = Cc({ x: Number(e) });
+			Co(t), Os.value = t;
 		}
-		let So = E(0), Co = E(0);
-		function wo() {
-			let e = zi.value;
+		let To = E(0), Eo = E(0);
+		function Do() {
+			let e = Ji.value;
 			if (!e) {
-				So.value = 0, Co.value = 0;
+				To.value = 0, Eo.value = 0;
 				return;
 			}
 			try {
 				let t = e.getBBox();
-				So.value = t?.height ?? 0, Co.value = t?.x ?? 0;
+				To.value = t?.height ?? 0, Eo.value = t?.x ?? 0;
 			} catch {
-				So.value = 0, Co.value = 0;
+				To.value = 0, Eo.value = 0;
 			}
 		}
-		let To = b(() => {
+		let Oo = b(() => {
 			let e = 0;
-			if (Li.value) try {
-				e = Li.value.getBBox().height || 0;
+			if (Ki.value) try {
+				e = Ki.value.getBBox().height || 0;
 			} catch {
 				e = 0;
 			}
-			return e + So.value + z.value.xAxis;
-		}), Eo = b(() => H.value.some((e) => e.useProgression));
-		function Do() {
+			return e + To.value + z.value.xAxis;
+		}), ko = b(() => H.value.some((e) => e.useProgression));
+		function Ao() {
 			return B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.dataLabels * .8;
 		}
-		let J = b(() => {
-			ya.value;
+		let Y = b(() => {
+			Oa.value;
 			let e = 0, t = 0, n = 0, r = 0;
-			if (B.value.chart.grid.labels.show) if (V.value.useIndividualScale && !V.value.isStacked) q.value ? t = (H.value.length - P.value.length) * Do() : e = (H.value.length - P.value.length) * (B.value.chart.grid.labels.yAxis.labelWidth + 36);
+			if (B.value.chart.grid.labels.show) if (V.value.useIndividualScale && !V.value.isStacked) J.value ? t = (H.value.length - P.value.length) * Ao() : e = (H.value.length - P.value.length) * (B.value.chart.grid.labels.yAxis.labelWidth + 36);
 			else if (V.value.useIndividualScale && V.value.isStacked) {
 				let n = B.value.chart.grid.labels.yAxis.labelWidth + 36;
-				q.value ? t = n : e = n;
+				J.value ? t = n : e = n;
 			} else {
-				let i = yo();
+				let i = So();
 				e = i.left, t = i.right, n = i.scaleLabelsOffset, r = i.yAxisLabelWidth;
 			}
-			let i = B.value.chart.labels.fontSize * 1.1, a = Eo.value ? 24 : 6;
-			zi.value && Co.value < 0 && (e += Math.abs(Co.value));
+			let i = B.value.chart.labels.fontSize * 1.1, a = ko.value ? 24 : 6;
+			Ji.value && Eo.value < 0 && (e += Math.abs(Eo.value));
 			let o = N.value - e - t - a - B.value.chart.padding?.left - B.value.chart.padding?.right;
 			return {
 				top: B.value.chart.padding?.top + i,
-				right: e + (q.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left + o,
-				bottom: Ki.value - To.value - B.value.chart.padding?.bottom - B.value.chart.grid.labels.axis.xLabelOffsetY,
-				left: e + (q.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left,
-				height: Ki.value - To.value - B.value.chart.padding?.top - B.value.chart.padding?.bottom - i - B.value.chart.grid.labels.axis.xLabelOffsetY,
+				right: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left + o,
+				bottom: ta.value - Oo.value - B.value.chart.padding?.bottom - B.value.chart.grid.labels.axis.xLabelOffsetY,
+				left: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left,
+				height: ta.value - Oo.value - B.value.chart.padding?.top - B.value.chart.padding?.bottom - i - B.value.chart.grid.labels.axis.xLabelOffsetY,
 				width: o,
 				scaleLabelX: e,
 				rightScaleLabelX: t,
@@ -1021,48 +1045,48 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				yAxisLabelWidth: r,
 				individualOffsetX: 36
 			};
-		}), Oo = b(() => {
-			let e = +(B.value.chart.grid.position === "middle"), t = X.value + e, n = h(J.value?.top), r = h(J.value?.bottom);
-			return K.value ? B.value.chart.grid.position === "middle" ? Sc.value.map((e, t, i) => {
+		}), jo = b(() => {
+			let e = +(B.value.chart.grid.position === "middle"), t = Z.value + e, n = h(Y.value?.top), r = h(Y.value?.bottom);
+			return q.value ? B.value.chart.grid.position === "middle" ? xc.value.map((e, t, i) => {
 				if (t === 0) return null;
 				let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
 				return `M${o},${n} L${o},${r}`;
-			}).filter(Boolean).join(" ") : Sc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
+			}).filter(Boolean).join(" ") : xc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
 				let i = B.value.chart.grid.position === "middle" ? nc(t) : tc(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
-		}), ko = b(() => {
+		}), Mo = b(() => {
 			if (!B.value.chart.grid.labels.xAxis.showCrosshairs) return "";
 			let e = B.value.chart.grid.labels.xAxis.crosshairSize, t = B.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-			return (K.value ? Sc.value : Vo.value).map((n, r) => {
+			return (q.value ? xc.value : Wo.value).map((n, r) => {
 				if (!n || !n.text) return null;
-				let i = K.value ? n.x : tc(r);
-				return `M${i},${t ? gs.value - (gs.value === J.value?.bottom ? 0 : e / 2) : J.value?.bottom} L${i},${t ? gs.value + e / (gs.value === J.value?.bottom ? 1 : 2) : J.value?.bottom + e}`;
+				let i = q.value ? n.x : tc(r);
+				return `M${i},${t ? gs.value - (gs.value === Y.value?.bottom ? 0 : e / 2) : Y.value?.bottom} L${i},${t ? gs.value + e / (gs.value === Y.value?.bottom ? 1 : 2) : Y.value?.bottom + e}`;
 			}).filter(Boolean).join(" ");
 		});
-		function Ao() {
-			return !!Ei?.vnode.props?.onSelectTimeLabel;
+		function No() {
+			return !!Fi?.vnode.props?.onSelectTimeLabel;
 		}
-		function jo(e, t, n) {
-			return la.value ||= document.createElement("canvas").getContext("2d"), la.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, la.value;
+		function Po(e, t, n) {
+			return va.value ||= document.createElement("canvas").getContext("2d"), va.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, va.value;
 		}
-		function Mo() {
-			let e = Ai.value.querySelectorAll(".vue-ui-xy-tag");
+		function Fo() {
+			let e = zi.value.querySelectorAll(".vue-ui-xy-tag");
 			e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
 		}
-		function No(e, t, n, r, i) {
-			n && (ca.value[`${e}_${t}_${r}_${i}`] = n);
+		function Io(e, t, n, r, i) {
+			n && (_a.value[`${e}_${t}_${r}_${i}`] = n);
 		}
-		let Po = E(!1);
-		async function Fo(e = !1) {
-			await ot(), Po.value = e, aa.value && (sa.value = e);
+		let Lo = E(!1);
+		async function Ro(e = !1) {
+			await ot(), Lo.value = e, ma.value && (ga.value = e);
 		}
-		function Io() {
-			Xi.value = !Xi.value;
+		function zo() {
+			aa.value = !aa.value;
 		}
-		let Y = E([]), Lo = E([]), Ro = 0;
+		let X = E([]), Bo = E([]), Vo = 0;
 		vt(() => {
-			let e = ++Ro;
+			let e = ++Vo;
 			(async () => {
 				let t = Math.max(...H.value.map((e) => we({
 					data: e.series,
@@ -1074,12 +1098,12 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					start: W.value.start,
 					end: W.value.end
 				});
-				e === Ro && (Y.value = n);
+				e === Vo && (X.value = n);
 			})();
 		});
-		let zo = 0;
+		let Ho = 0;
 		vt(() => {
-			let e = ++zo;
+			let e = ++Ho;
 			(async () => {
 				let t = Math.max(...H.value.map((e) => we({
 					data: e.series,
@@ -1091,36 +1115,36 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					start: 0,
 					end: U.value
 				});
-				e === zo && (Lo.value = n);
+				e === Ho && (Bo.value = n);
 			})();
 		});
-		let Bo = b(() => {
+		let Uo = b(() => {
 			let e = B.value.chart.grid.labels.xAxisLabels.modulo;
-			return Y.value.length ? Math.min(e, [...new Set(Y.value.map((e) => e.text))].length) : e;
-		}), Vo = b(() => {
-			let e = B.value.chart.grid.labels.xAxisLabels, t = Y.value || [], n = Lo.value || [], r = W.value.start ?? 0, i = R.value, a = X.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return Ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Bo.value || 1), o, s, r, i, a);
-		}), Ho = b(() => (Vo.value || []).map((e) => e?.text ?? "").join("|"));
+			return X.value.length ? Math.min(e, [...new Set(X.value.map((e) => e.text))].length) : e;
+		}), Wo = b(() => {
+			let e = B.value.chart.grid.labels.xAxisLabels, t = X.value || [], n = Bo.value || [], r = W.value.start ?? 0, i = R.value, a = Z.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
+			return Ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Uo.value || 1), o, s, r, i, a);
+		}), Go = b(() => (Wo.value || []).map((e) => e?.text ?? "").join("|"));
 		ut(() => {
 			requestAnimationFrame(() => {
-				wo();
+				Do();
 			}), _t([
-				() => Ho.value,
+				() => Go.value,
 				() => B.value.chart.grid.labels.xAxisLabels.rotation,
 				() => z.value.xAxis,
 				() => N.value,
-				() => Ki.value
+				() => ta.value
 			], async () => {
 				await ot(), requestAnimationFrame(() => {
-					wo();
+					Do();
 				});
 			}, { flush: "post" });
 		}), lt(() => {
-			So.value = 0, Co.value = 0, xa.stop();
+			To.value = 0, Eo.value = 0, Aa.stop();
 		});
-		function Uo(e, t) {
-			wi("selectTimeLabel", {
-				datapoint: _o.value.map((e) => ({
+		function Ko(e, t) {
+			Ni("selectTimeLabel", {
+				datapoint: bo.value.map((e) => ({
 					shape: e.shape ?? e.type === "bar" ? "square" : "circle",
 					name: e.name,
 					color: e.color,
@@ -1134,105 +1158,87 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				label: e.text
 			});
 		}
-		let X = b(() => {
-			let e = Ea((W.value.end ?? 0) - (W.value.start ?? 0));
+		let Z = b(() => {
+			let e = Ot((W.value.end ?? 0) - (W.value.start ?? 0));
 			return Math.max(1, e);
 		});
-		function Wo(e) {
-			K.value || (I.value = e);
+		function qo(e) {
+			q.value || (I.value = e);
 		}
-		function Go(e) {
-			if (!K.value || !g(e)) {
-				ma.value = null, Ds.value = [], Os.value = null;
+		function Jo(e) {
+			if (!q.value || !g(e)) {
+				Ca.value = null, Ds.value = [], Os.value = null;
 				return;
 			}
-			ma.value = Number(e), xo(Number(e));
+			Ca.value = Number(e), wo(Number(e));
 		}
-		let Ko = b(() => K.value ? g(ma.value) || g(Os.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
-		function qo() {
+		let Yo = b(() => q.value ? g(Ca.value) || g(Os.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		function Xo() {
 			V.value.isStacked = !V.value.isStacked, V.value.isStacked ? V.value.useIndividualScale = !0 : V.value.useIndividualScale = B.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
-		function Jo(e) {
-			La.value && e.autoScaling && (B.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`), B.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 Zo(e) {
+			Wa.value && e.autoScaling && (B.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`), B.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 Yo(e, t) {
-			let n = Ea(e), r = Array(n).fill(0);
-			for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
-			return r;
-		}
-		function Xo(e) {
-			let t = Math.max(...H.value.map((e) => Wa(e.series).length));
+		function Qo(e) {
+			let t = Math.max(...H.value.map((e) => Xa(e.series).length));
 			return e > t ? t : e < 0 || B.value.chart.zoom.startIndex !== null && e < B.value.chart.zoom.startIndex ? B.value.chart.zoom.startIndex === null ? 1 : B.value.chart.zoom.startIndex + 1 : e;
 		}
-		let Zo = E(!1), Qo = E(!1), $o = E(0), es = E(0);
-		function ts(e, t) {
-			let n = Number(e), r = Number(t);
-			return !Number.isFinite(n) || !Number.isFinite(r) ? !1 : !Object.is(n, r);
-		}
-		function ns() {
-			if (!Zo.value) {
-				Zo.value = !0;
+		let $o = E(!1), es = E(!1), ts = E(0), ns = E(0);
+		function rs() {
+			if (!$o.value) {
+				$o.value = !0;
 				try {
-					if (K.value) {
-						let e = Tc.value.min, t = Tc.value.max;
-						$o.value = e, es.value = t, W.value.start = e, W.value.end = t, Ga.value.start = e, Ga.value.end = t, Qo.value = !0, Mi.value && (Mi.value.setStartValue(e), Mi.value.setEndValue(t));
+					if (q.value) {
+						let e = wc.value.min, t = wc.value.max;
+						ts.value = e, ns.value = t, W.value.start = e, W.value.end = t, G.value.start = e, G.value.end = t, es.value = !0, Vi.value && (Vi.value.setStartValue(e), Vi.value.setEndValue(t));
 						return;
 					}
-					let { startIndex: e, endIndex: t } = B.value.chart.zoom, n = B.value.chart.zoom.keepState ? Math.max(0, ...H.value.map((e) => Wa(e.series).length)) : Math.max(...H.value.map((e) => Wa(e.series).length));
+					let { startIndex: e, endIndex: t } = B.value.chart.zoom, n = B.value.chart.zoom.keepState ? Math.max(0, ...H.value.map((e) => Xa(e.series).length)) : Math.max(...H.value.map((e) => Xa(e.series).length));
 					if (B.value.chart.zoom.keepState && n <= 0) return;
-					$o.value = 0, es.value = n;
-					let r = e ?? 0, i = t == null ? n : Math.min(Xo(t + 1), n);
-					rs.value = !0, W.value.start = r, W.value.end = i, Ga.value.start = r, Ga.value.end = i, Ja(), Qo.value = !0;
+					ts.value = 0, ns.value = n;
+					let r = e ?? 0, i = t == null ? n : Math.min(Qo(t + 1), n);
+					is.value = !0, W.value.start = r, W.value.end = i, G.value.start = r, G.value.end = i, $a(), es.value = !0;
 				} finally {
 					queueMicrotask(() => {
-						rs.value = !1;
-					}), Zo.value = !1;
+						is.value = !1;
+					}), $o.value = !1;
 				}
 			}
 		}
-		let rs = E(!1);
-		function is(e) {
-			if (Zo.value || rs.value) return;
+		let is = E(!1);
+		function as(e) {
+			if ($o.value || is.value) return;
 			let t = Number(e);
-			wi("zoomStart", {
+			Ni("zoomStart", {
 				index: t,
-				isZoom: ts(t, $o.value)
-			}), Number.isFinite(t) && t !== W.value.start && (W.value.start = t, Ga.value.start = t, Ja());
+				isZoom: wt(t, ts.value)
+			}), Number.isFinite(t) && t !== W.value.start && (W.value.start = t, G.value.start = t, $a());
 		}
-		function as(e) {
-			if (Zo.value || rs.value) return;
-			if (K.value) {
+		function os(e) {
+			if ($o.value || is.value) return;
+			if (q.value) {
 				let t = Number(e);
 				if (!Number.isFinite(t)) return;
-				let n = Math.max(Number(W.value.start) + 1 / 10 ** B.value.chart.grid.labels.xAxis.rounding, Math.min(t, Tc.value.max));
-				if (wi("zoomEnd", {
+				let n = Math.max(Number(W.value.start) + 1 / 10 ** B.value.chart.grid.labels.xAxis.rounding, Math.min(t, wc.value.max));
+				if (Ni("zoomEnd", {
 					index: n,
-					isZoom: ts(n, es.value)
+					isZoom: wt(n, ns.value)
 				}), n === W.value.end) return;
-				W.value.end = n, Ga.value.end = n, Ja();
+				W.value.end = n, G.value.end = n, $a();
 				return;
 			}
-			let t = Xo(e);
-			wi("zoomEnd", {
+			let t = Qo(e);
+			Ni("zoomEnd", {
 				index: t,
-				isZoom: ts(t, es.value)
-			}), t !== W.value.end && (W.value.end = t, Ga.value.end = t, Ja());
+				isZoom: wt(t, ns.value)
+			}), t !== W.value.end && (W.value.end = t, G.value.end = t, $a());
 		}
-		async function os() {
-			await ns(), wi("zoomReset");
+		async function ss() {
+			await rs(), Ni("zoomReset");
 		}
-		function ss(e) {
-			return ![
-				null,
-				void 0,
-				NaN,
-				Infinity,
-				-Infinity
-			].includes(e);
-		}
-		let cs = b(() => G.value.max + uo.value);
+		let cs = b(() => K.value.max + ho.value);
 		function ls(e) {
-			return e / (ss(cs.value) ? cs.value : 1);
+			return e / (bt(cs.value) ? cs.value : 1);
 		}
 		let us = b(() => B.value.chart.grid.labels.yAxis.reverse);
 		function ds(e) {
@@ -1240,7 +1246,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		}
 		function fs({ ratio: e, yOffset: t = 0, individualHeight: n }) {
 			let r = ds(e);
-			return J.value?.bottom - t - n * r;
+			return Y.value?.bottom - t - n * r;
 		}
 		function ps({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
 			return fs({
@@ -1253,32 +1259,32 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		function hs(e) {
 			return ms.value ? 1 - e : e;
 		}
-		let gs = b(() => isNaN(ls(uo.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * ls(uo.value));
+		let gs = b(() => isNaN(ls(ho.value)) ? Y.value?.bottom : Y.value?.bottom - Y.value.height * ls(ho.value));
 		function _s(e) {
-			let t = G.value.min, n = G.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 t = K.value.min, n = K.value.max - t;
+			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? Y.value?.bottom : Y.value?.bottom - Y.value.height * ((e - t) / n);
 		}
-		let vs = b(() => G.value.min <= 0 && G.value.max >= 0 ? _s(0) : G.value.min > 0 ? _s(G.value.min) : _s(G.value.max));
+		let vs = b(() => K.value.min <= 0 && K.value.max >= 0 ? _s(0) : K.value.min > 0 ? _s(K.value.min) : _s(K.value.max));
 		function ys(e) {
-			let t = ![null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) && B.value.chart.grid.labels.yAxis.scaleMin > 0 && co.value >= 0 ? J.value?.bottom : gs.value;
+			let t = ![null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) && B.value.chart.grid.labels.yAxis.scaleMin > 0 && po.value >= 0 ? Y.value?.bottom : gs.value;
 			return e.value >= 0 ? v(t - e.y <= 0 ? 1e-5 : t - e.y) : v(e.y - gs.value <= 0 ? 1e-5 : e.y - gs.value);
 		}
 		function bs(e) {
 			return e.value >= 0 ? v(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : v(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
 		}
 		let xs = b(() => {
-			let e = Math.max(1, X.value);
+			let e = Math.max(1, Z.value);
 			return {
-				bar: Da(Math.max(1, J.value.width), e * Math.max(1, ho.value.filter((e) => e.type === "bar" && !P.value.includes(e.id)).length), 1),
+				bar: Dt(Math.max(1, Y.value.width), e * Math.max(1, vo.value.filter((e) => e.type === "bar" && !P.value.includes(e.id)).length), 1),
 				plot: $s.value,
 				line: $s.value
 			};
 		});
 		function Ss() {
-			return V.value.useIndividualScale && V.value.isStacked ? xs.value.line - J.value.width / X.value * .1 : xs.value.bar;
+			return V.value.useIndividualScale && V.value.isStacked ? xs.value.line - Y.value.width / Z.value * .1 : xs.value.bar;
 		}
 		function Cs(e) {
-			return V.value.useIndividualScale && V.value.isStacked ? e.x + J.value.width / X.value * .05 : e.x + xs.value.bar / 2;
+			return V.value.useIndividualScale && V.value.isStacked ? e.x + Y.value.width / Z.value * .05 : e.x + xs.value.bar / 2;
 		}
 		function ws(e) {
 			return e.value >= 0 ? e.y : [
@@ -1287,7 +1293,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(gs.value) ? J?.bottom.value : gs.value;
+			].includes(gs.value) ? Y?.bottom.value : gs.value;
 		}
 		function Ts(e) {
 			return e.value >= 0 ? e.y : [
@@ -1298,16 +1304,16 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let Es = E(null), Ds = E([]), Os = E(null), ks = b(() => K.value ? [...new Set(_o.value.flatMap((e) => e.series || []).filter((e) => g(e?.x) && g(e?.y)).map((e) => Number(e.x)))].sort((e, t) => wc({ x: e }) - wc({ x: t })) : []);
+		let Es = E(null), Ds = E([]), Os = E(null), ks = b(() => q.value ? [...new Set(bo.value.flatMap((e) => e.series || []).filter((e) => g(e?.x) && g(e?.y)).map((e) => Number(e.x)))].sort((e, t) => Cc({ x: e }) - Cc({ x: t })) : []);
 		function As(e) {
 			let t = ks.value[e];
 			if (!g(t)) {
-				Ds.value = [], Os.value = null, ma.value = null, Qi.value = !1;
+				Ds.value = [], Os.value = null, Ca.value = null, sa.value = !1;
 				return;
 			}
-			xo(Number(t));
-			let n = d(wc({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
-			n && (ga.value = n), R.value = e, ha.value = e, Qi.value = !0;
+			wo(Number(t));
+			let n = d(Cc({ x: Number(t) }), Y.value.top + Y.value.height / 2, L.value);
+			n && (Ta.value = n), R.value = e, wa.value = e, sa.value = !0;
 		}
 		function js(e) {
 			let t = L.value;
@@ -1339,20 +1345,20 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		}
 		let Ms = 0;
 		function Ns(e) {
-			ha.value = null, !Xi.value && (Ms && cancelAnimationFrame(Ms), Ms = requestAnimationFrame(() => {
+			wa.value = null, !aa.value && (Ms && cancelAnimationFrame(Ms), Ms = requestAnimationFrame(() => {
 				Ms = 0;
 				let t = js(e);
 				if (!t || !L.value) {
 					Ps();
 					return;
 				}
-				let { left: n, right: r, top: i, bottom: a, width: o } = J.value;
+				let { left: n, right: r, top: i, bottom: a, width: o } = Y.value;
 				if (t.x < n || t.x > r || t.y < i || t.y > a) {
 					Ps();
 					return;
 				}
-				if (K.value) {
-					bo(t.x), Hc(!0, R.value ?? 0);
+				if (q.value) {
+					Co(t.x), Hc(!0, R.value ?? 0);
 					return;
 				}
 				let s = ac(t.x);
@@ -1360,12 +1366,12 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			}));
 		}
 		function Ps() {
-			Ms &&= (cancelAnimationFrame(Ms), 0), Es.value = null, Hc(!1, null), Ds.value = [], Os.value = null, ma.value = null;
+			Ms &&= (cancelAnimationFrame(Ms), 0), Es.value = null, I.value = null, Ca.value = null, Hc(!1, null), Ds.value = [], Os.value = null;
 		}
 		function Fs(e) {
 			let t = js(e);
 			if (t && L.value) {
-				let { left: e, right: n, top: r, bottom: i, width: a } = J.value;
+				let { left: e, right: n, top: r, bottom: i, width: a } = Y.value;
 				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
 					let e = ac(t.x);
 					if (e != null) {
@@ -1377,7 +1383,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			Es.value != null && Is(Es.value);
 		}
 		function Is(e) {
-			let t = _o.value.map((t) => ({
+			let t = bo.value.map((t) => ({
 				name: t.name,
 				value: [
 					null,
@@ -1387,7 +1393,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				color: t.color,
 				type: t.type
 			}));
-			wi("selectX", {
+			Ni("selectX", {
 				dataset: t,
 				index: e,
 				indexLabel: B.value.chart.grid.labels.xAxisLabels.values[e]
@@ -1397,7 +1403,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			});
 		}
 		function Ls() {
-			return go.value.map((e) => ({
+			return yo.value.map((e) => ({
 				values: e.absoluteValues,
 				color: e.color,
 				name: e.name,
@@ -1405,9 +1411,9 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			}));
 		}
 		async function Rs({ scale: e = 2 } = {}) {
-			if (!Ai.value) return;
-			let { width: t, height: n } = Ai.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await He({
-				domElement: Ai.value,
+			if (!zi.value) return;
+			let { width: t, height: n } = zi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await He({
+				domElement: zi.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -1422,7 +1428,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			};
 		}
 		function zs() {
-			P.value.length ? P.value = [] : go.value.forEach((e) => {
+			P.value.length ? P.value = [] : yo.value.forEach((e) => {
 				P.value.push(e.id);
 			}), Vs();
 		}
@@ -1430,7 +1436,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Hs(t));
 		}
 		function Vs() {
-			wi("selectLegend", _o.value.map((e) => ({
+			Ni("selectLegend", bo.value.map((e) => ({
 				name: e.name,
 				values: e.absoluteValues,
 				color: e.color,
@@ -1440,13 +1446,13 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		function Hs(e) {
 			if (P.value.includes(e.id)) P.value = P.value.filter((t) => t !== e.id);
 			else {
-				if (P.value.length + 1 === ho.value.length) return;
+				if (P.value.length + 1 === vo.value.length) return;
 				P.value.push(e.id);
 			}
-			Vs(), ia.value += 1;
+			Vs(), pa.value += 1;
 		}
 		function Us(e) {
-			return go.value.length ? go.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiXy - There are no series to show."), null);
+			return yo.value.length ? yo.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiXy - There are no series to show."), null);
 		}
 		function Ws(e) {
 			let t = Us(e);
@@ -1456,7 +1462,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			let t = Us(e);
 			t !== null && (P.value.includes(t.id) || Hs({ id: t.id }));
 		}
-		let Ks = b(() => `${B.value.chart.title.text || "Chart visualization"}. ${B.value.chart.title.subtitle.text || ""}`), qs = b(() => ({ linePlot: X.value > B.value.line.dot.hideAboveMaxSerieLength })), Js = b(() => B.value.chart.userOptions.show && (!B.value.chart.title.show || !B.value.chart.title.text)), Ys = b(() => {
+		let Ks = b(() => `${B.value.chart.title.text || "Chart visualization"}. ${B.value.chart.title.subtitle.text || ""}`), qs = b(() => ({ linePlot: Z.value > B.value.line.dot.hideAboveMaxSerieLength })), Js = b(() => B.value.chart.userOptions.show && (!B.value.chart.title.show || !B.value.chart.title.text)), Ys = b(() => {
 			if (Array.isArray(B.value.chart.highlightArea)) return B.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, U.value - 1);
 				return {
@@ -1472,18 +1478,18 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), Xs = b(() => Gi.value ? H.value.map((e, t) => ({
+		}), Xs = b(() => ea.value ? H.value.map((e, t) => ({
 			...e,
-			series: Wa(e.series),
+			series: Xa(e.series),
 			id: `uniqueId_${t}`,
-			color: De(e.color ? e.color : to.value[t] ? to.value[t] : a[t])
-		})) : H.value), Zs = b(() => _o.value.map((e) => {
+			color: De(e.color ? e.color : oo.value[t] ? oo.value[t] : a[t])
+		})) : H.value), Zs = b(() => bo.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
 			return {
 				id: e.id,
 				name: e.name,
 				color: e.color,
-				values: Yo(X.value, t)
+				values: xt(Z.value, t)
 			};
 		})), Qs = b(() => ({
 			responsiveBreakpoint: B.value.table.responsiveBreakpoint,
@@ -1494,7 +1500,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			fontFamily: B.value.chart.fontFamily,
 			prefix: B.value.chart.labels.prefix,
 			suffix: B.value.chart.labels.suffix,
-			colNames: Y.value.map((e, t) => B.value.table.useDefaultTimeFormat ? e.text : Ic.value(t + W.value.start, B.value.table.timeFormat)),
+			colNames: X.value.map((e, t) => B.value.table.useDefaultTimeFormat ? e.text : Ic.value(t + W.value.start, B.value.table.timeFormat)),
 			thead: {
 				backgroundColor: B.value.table.th.backgroundColor,
 				color: B.value.table.th.color,
@@ -1508,50 +1514,41 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			userOptions: { show: !1 },
 			sparkline: { animation: { show: !1 } }
 		})), $s = b(() => {
-			let e = Math.max(0, J.value?.width || 0);
-			return B.value.chart.grid.position === "middle" ? Da(e, Math.max(1, X.value), 1) : Da(e, Math.max(1, X.value - 1), 0);
-		}), ec = b(() => B.value.chart.grid.position === "middle" ? $s.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : $s.value);
+			let e = Math.max(0, Y.value?.width || 0);
+			return B.value.chart.grid.position === "middle" ? Dt(e, Math.max(1, Z.value), 1) : Dt(e, Math.max(1, Z.value - 1), 0);
+		}), ec = b(() => B.value.chart.grid.position === "middle" ? $s.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : $s.value);
 		function tc(e) {
-			let t = J.value?.left || 0;
+			let t = Y.value?.left || 0;
 			return B.value.chart.grid.position === "middle" ? t + $s.value / 2 + $s.value * e : t + $s.value * e;
 		}
 		function nc(e) {
-			let t = J.value?.left || 0;
-			return B.value.chart.grid.position === "middle" ? t + $s.value * e : X.value <= 1 ? t : t + $s.value * e - $s.value / 2;
+			let t = Y.value?.left || 0;
+			return B.value.chart.grid.position === "middle" ? t + $s.value * e : Z.value <= 1 ? t : t + $s.value * e - $s.value / 2;
 		}
 		function rc(e) {
-			return Math.max(J.value?.left || 0, nc(e));
+			return Math.max(Y.value?.left || 0, nc(e));
 		}
 		function ic(e) {
-			let t = J.value?.left || 0, n = J.value?.right || 0, r = nc(e), i = r + ec.value;
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = nc(e), i = r + ec.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
 		function ac(e) {
-			let t = J.value?.left || 0, n = J.value?.right || 0;
-			for (let r = 0; r < X.value; r += 1) {
+			let t = Y.value?.left || 0, n = Y.value?.right || 0;
+			for (let r = 0; r < Z.value; r += 1) {
 				let i = Math.max(t, nc(r)), a = Math.min(n, nc(r) + ec.value);
 				if (e >= i && e <= a) return r;
 			}
 			return null;
 		}
 		function oc(e) {
-			let t = J.value?.left || 0, n = J.value?.right || 0, r = nc(e), i = r + ec.value;
+			let t = Y.value?.left || 0, n = Y.value?.right || 0, r = nc(e), i = r + ec.value;
 			return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
 		}
 		function sc(e) {
 			return Math.max(1e-5, ec.value * e);
 		}
-		let cc = b(() => le(go.value.filter((e) => !P.value.includes(e.id))));
-		function lc(e, t) {
-			let n = Object.create(null);
-			for (let r = 0; r < e.length; r += 1) {
-				let i = e[r], a = String(t(i));
-				n[a] || (n[a] = []), n[a].push(i);
-			}
-			return n;
-		}
-		let Z = b(() => {
-			let e = lc(cc.value, (e) => e.scaleLabel), t = {};
+		let cc = b(() => le(yo.value.filter((e) => !P.value.includes(e.id)))), Q = b(() => {
+			let e = St(cc.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = r.flatMap((e) => e.absoluteValues);
 				t[n] = {
@@ -1561,19 +1558,19 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				};
 			}
 			return t;
-		}), uc = b(() => {
-			let e = ho.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
-			return J.value.width / X.value / e - dc.value * e;
-		}), dc = b(() => xs.value.line * B.value.bar.periodGap), fc = b(() => Math.max(1e-5, Ss() - (V.value.useIndividualScale && V.value.isStacked ? 0 : dc.value))), pc = b(() => fc.value * Math.min(Math.abs(B.value.bar.innerGap), .95)), mc = b(() => {
+		}), lc = b(() => {
+			let e = vo.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
+			return Y.value.width / Z.value / e - uc.value * e;
+		}), uc = b(() => xs.value.line * B.value.bar.periodGap), dc = b(() => Math.max(1e-5, Ss() - (V.value.useIndividualScale && V.value.isStacked ? 0 : uc.value))), fc = b(() => dc.value * Math.min(Math.abs(B.value.bar.innerGap), .95)), pc = b(() => {
 			if (!B.value.chart.zoom.minimap.show) return [];
 			let e = Xs.value.filter((e) => !P.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
 			for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
 			let r = Math.min(...n);
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), hc = b(() => B.value.chart.zoom.minimap.show ? Xs.value.map((e) => ({
+		}), mc = b(() => B.value.chart.zoom.minimap.show ? Xs.value.map((e) => ({
 			...e,
 			isVisible: !P.value.includes(e.id)
-		})) : []), gc = b(() => K.value ? Ds.value.map((e) => ({
+		})) : []), hc = b(() => q.value ? Ds.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1584,7 +1581,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			comments: e.datapoint.comments || [],
 			prefix: e.datapoint.prefix || B.value.chart.labels.prefix,
 			suffix: e.datapoint.suffix || B.value.chart.labels.suffix
-		})) : _o.value.map((e) => ({
+		})) : bo.value.map((e) => ({
 			slotAbsoluteIndex: e.slotAbsoluteIndex,
 			shape: e.shape || e.type === "bar" ? "square" : "circle",
 			name: e.name,
@@ -1594,22 +1591,22 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			comments: e.comments || [],
 			prefix: e.prefix || B.value.chart.labels.prefix,
 			suffix: e.suffix || B.value.chart.labels.suffix
-		}))), _c = b(() => G.value.ticks.map((e) => {
-			let t = e >= 0 ? gs.value - J.value.height * ls(e) : gs.value + J.value.height * ls(Math.abs(e));
+		}))), gc = b(() => K.value.ticks.map((e) => {
+			let t = e >= 0 ? gs.value - Y.value.height * ls(e) : gs.value + Y.value.height * ls(Math.abs(e));
 			return {
-				y: us.value ? J.value.top + J.value.bottom - t : t,
+				y: us.value ? Y.value.top + Y.value.bottom - t : t,
 				value: e,
 				prefix: B.value.chart.labels.prefix,
 				suffix: B.value.chart.labels.suffix
 			};
-		})), vc = b(() => {
+		})), _c = b(() => {
 			let e = B.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 = gs.value, a = J.value.height, o = G.value.min, s = G.value.max - o, l = (e) => i - (e - 0) / s * a;
+			let { left: n, right: r } = Y.value, i = gs.value, a = Y.value.height, o = K.value.min, s = K.value.max - o, l = (e) => i - (e - 0) / s * a;
 			return t.map((e) => {
-				let { yAxis: { yTop: t, yBottom: i, label: a } } = e, o = t != null && i != null && t !== i, s = t == null ? null : l(t), u = i == null ? null : l(i), ee = jo(a.fontSize);
+				let { yAxis: { yTop: t, yBottom: i, label: a } } = e, o = t != null && i != null && t !== i, s = t == null ? null : l(t), u = i == null ? null : l(i), ee = Po(a.fontSize);
 				ee.font = `${a.fontSize}px sans-serif`;
 				let d = ee.measureText(a.text).width, te = a.fontSize, f = (a.position === "start" ? n + a.padding?.left : r - a.padding?.right) + a.offsetX, p = (s != null && u != null ? Math.min(s, u) : s ?? u) - a.fontSize / 3 + a.offsetY - a.padding?.top, ne;
 				ne = a.textAnchor === "middle" ? f - d / 2 - a.padding?.left : a.textAnchor === "end" ? f - d - a.padding?.right : f - a.padding?.left;
@@ -1646,12 +1643,12 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				};
 			});
 		});
-		function yc(e, t) {
+		function vc(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 ss(e[t].value) && i && B.value.line.cutNullValues;
+			return bt(e[t].value) && i && B.value.line.cutNullValues;
 		}
-		let bc = b(() => {
-			let e = ho.value.flatMap((e) => e.series.map((e) => e.x)).filter(Number.isFinite);
+		let yc = b(() => {
+			let e = vo.value.flatMap((e) => e.series.map((e) => e.x)).filter(Number.isFinite);
 			if (!e.length) return {
 				min: 0,
 				max: 1
@@ -1661,15 +1658,15 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				min: t,
 				max: t === n ? n + 1 : n
 			};
-		}), xc = b(() => {
-			let e = B.value.chart.grid.labels.xAxis.commonScaleSteps, t = B.value.chart.grid.labels.xAxis.scaleMin, n = B.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : bc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : bc.value.max, a = B.value.chart.grid.labels.xAxis.useNiceScale ? fe(r, i, e) : de(r, i, e);
+		}), bc = b(() => {
+			let e = B.value.chart.grid.labels.xAxis.commonScaleSteps, t = B.value.chart.grid.labels.xAxis.scaleMin, n = B.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 = B.value.chart.grid.labels.xAxis.useNiceScale ? fe(r, i, e) : de(r, i, e);
 			if (B.value.chart.grid.position !== "start") return a;
 			let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
 			return {
 				...a,
 				max: a.max + o
 			};
-		}), Sc = b(() => K.value ? (ms.value ? [...xc.value.ticks].reverse() : [...xc.value.ticks]).map((e, t) => ({
+		}), xc = b(() => q.value ? (ms.value ? [...bc.value.ticks].reverse() : [...bc.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
 			text: _(B.value.chart.grid.labels.xAxis.formatter, e, s({
 				v: e,
@@ -1681,18 +1678,18 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				seriesIndex: t
 			}),
 			value: e,
-			x: wc({ x: e }),
+			x: Cc({ x: e }),
 			index: t
-		})) : Vo.value);
-		function Cc(e, t) {
-			return K.value ? e.x : tc(t);
+		})) : Wo.value);
+		function Sc(e, t) {
+			return q.value ? e.x : tc(t);
 		}
-		function wc({ x: e }) {
-			let t = xc.value.max - xc.value.min || 1, n = hs((e - xc.value.min) / t);
-			return J.value.left + J.value.width * n;
+		function Cc({ x: e }) {
+			let t = bc.value.max - bc.value.min || 1, n = hs((e - bc.value.min) / t);
+			return Y.value.left + Y.value.width * n;
 		}
-		let Tc = b(() => {
-			let e = H.value.flatMap((e) => e.series || []).filter(fo).map((e) => Number(e.x)).filter(Number.isFinite);
+		let wc = b(() => {
+			let e = H.value.flatMap((e) => e.series || []).filter(Ct).map((e) => Number(e.x)).filter(Number.isFinite);
 			if (!e.length) return {
 				min: 0,
 				max: 1
@@ -1702,12 +1699,12 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				min: t,
 				max: t === n ? n + 1 : n
 			};
-		}), Ec = b(() => K.value ? Tc.value.min : 0), Dc = b(() => K.value ? Tc.value.max : U.value);
-		function Oc(e, t) {
-			return K.value ? e.x == null || e.y == null ? null : wc(e) : tc(t);
+		}), Tc = b(() => q.value ? wc.value.min : 0), Ec = b(() => q.value ? wc.value.max : U.value);
+		function Dc(e, t) {
+			return q.value ? e.x == null || e.y == null ? null : Cc(e) : tc(t);
 		}
-		function kc({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
-			let c = e.scaleSteps || B.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !B.value.chart.grid.labels.yAxis.useNiceScale ? de : fe, ee = o.max === o.min ? o.max * l : o.max, d = a === i ? a * l : a, te = u(o.min, ee, c), f = u(i, d, c), p = te.min >= 0 ? 0 : Math.abs(te.min), ne = te.max + Math.abs(p), re = f.max + 0, ie = e.stackIndex, ae = t - 1 - ie, oe = V.value.isStacked ? 1 - e.cumulatedStackRatio : 0, se = V.value.isStacked ? r * oe + n * ae : 0, ce = V.value.isStacked ? r * e.stackRatio : J.value.height;
+		function Oc({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
+			let c = e.scaleSteps || B.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !B.value.chart.grid.labels.yAxis.useNiceScale ? de : fe, ee = o.max === o.min ? o.max * l : o.max, d = a === i ? a * l : a, te = u(o.min, ee, c), f = u(i, d, c), p = te.min >= 0 ? 0 : Math.abs(te.min), ne = te.max + Math.abs(p), re = f.max + 0, ie = e.stackIndex, ae = t - 1 - ie, oe = V.value.isStacked ? 1 - e.cumulatedStackRatio : 0, se = V.value.isStacked ? r * oe + n * ae : 0, ce = V.value.isStacked ? r * e.stackRatio : Y.value.height;
 			return {
 				scaleSteps: c,
 				individualScale: te,
@@ -1718,26 +1715,26 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				autoScaleMax: re,
 				yOffset: se,
 				individualHeight: ce,
-				zeroPosition: J.value?.bottom - se - ce * p / ne,
-				autoScaleZeroPosition: J.value?.bottom - se - ce * 0 / re
+				zeroPosition: Y.value?.bottom - se - ce * p / ne,
+				autoScaleZeroPosition: Y.value?.bottom - se - ce * 0 / re
 			};
 		}
-		let Ac = b(() => {
+		let kc = b(() => {
 			let e = cc.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = J.value.height - r;
+			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
 			return e.filter((e) => e.type === "bar").map((e, r) => {
-				Jo(e);
-				let a = Z.value[e.scaleLabel].min, o = Z.value[e.scaleLabel].max, s = {
+				Zo(e);
+				let a = Q.value[e.scaleLabel].min, o = Q.value[e.scaleLabel].max, s = {
 					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (o - a)),
 					valueMin: a,
 					valueMax: o < 0 ? 0 : o
 				}, c = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || Math.min(...e.absoluteValues.filter((e) => ![void 0, null].includes(e))) > 0 ? 0 : Math.min(...e.absoluteValues.filter((e) => ![null, void 0].includes(e)))
-				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: d, autoScaleMax: te, yOffset: f, individualHeight: p, zeroPosition: ne, autoScaleZeroPosition: re } = kc({
+				}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: d, autoScaleMax: te, yOffset: f, individualHeight: p, zeroPosition: ne, autoScaleZeroPosition: re } = Oc({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1745,8 +1742,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					autoScaleValueMin: s.valueMin,
 					autoScaleValueMax: s.valueMax,
 					individualExtremes: c
-				}), ie = go.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length, ae = e.series.map((t, n) => {
-					let i = V.value.useIndividualScale ? (e.absoluteValues[n] + ee) / d : ls(t), a = V.value.useIndividualScale && V.value.isStacked ? J.value?.left + J.value.width / X.value * n : J.value?.left + xs.value.bar * r + xs.value.bar * n * ie - uc.value / 2 - r * dc.value;
+				}), ie = yo.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length, ae = e.series.map((t, n) => {
+					let i = V.value.useIndividualScale ? (e.absoluteValues[n] + ee) / d : ls(t), a = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + xs.value.bar * r + xs.value.bar * n * ie - lc.value / 2 - r * uc.value;
 					return {
 						yOffset: v(f),
 						individualHeight: v(p),
@@ -1762,7 +1759,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 					};
 				}), oe = e.absoluteValues.map((e) => u.min >= 0 ? (e - Math.abs(u.min)) / (u.max - Math.abs(u.min)) : (e + Math.abs(u.min)) / (u.max + Math.abs(u.min))), se = e.series.map((t, n) => {
-					let i = V.value.useIndividualScale && V.value.isStacked ? J.value?.left + J.value.width / X.value * n : J.value?.left - xs.value.bar / 2 + xs.value.bar * r + xs.value.bar * n * go.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
+					let i = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left - xs.value.bar / 2 + xs.value.bar * r + xs.value.bar * n * yo.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
 					return {
 						yOffset: v(f),
 						individualHeight: v(p),
@@ -1800,7 +1797,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					suffix: e.suffix || B.value.chart.labels.suffix,
 					datapoint: e
 				}));
-				return Z.value[e.scaleLabel].name = e.name, Z.value[e.scaleLabel].groupName = e.scaleLabel, Z.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Z.value[e.scaleLabel].color = e.color, Z.value[e.scaleLabel].scaleYLabels = e.autoScaling ? le : ce, Z.value[e.scaleLabel].zeroPosition = e.autoScaling ? re : ne, Z.value[e.scaleLabel].individualMax = e.autoScaling ? te : d, Z.value[e.scaleLabel].scaleLabel = e.scaleLabel, Z.value[e.scaleLabel].id = e.id, Z.value[e.scaleLabel].yOffset = f, Z.value[e.scaleLabel].individualHeight = p, Z.value[e.scaleLabel].autoScaleYLabels = le, Z.value[e.scaleLabel].unique = cc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? le : ce, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? re : ne, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : d, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = le, Q.value[e.scaleLabel].unique = cc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: f,
 					autoScaleYLabels: le,
@@ -1810,25 +1807,25 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					individualMax: e.autoScaling ? te : d,
 					zeroPosition: e.autoScaling ? re : ne,
 					plots: e.autoScaling ? se : ae,
-					groupId: Z.value[e.scaleLabel].groupId
+					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), Q = b(() => {
+		}), $ = b(() => {
 			let e = cc.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = J.value.height - r;
+			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
 			return e.filter((e) => e.type === "line").map((e, r) => {
-				Jo(e);
-				let a = Z.value[e.scaleLabel].min, s = Z.value[e.scaleLabel].max, c = {
+				Zo(e);
+				let a = Q.value[e.scaleLabel].min, s = Q.value[e.scaleLabel].max, c = {
 					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (s - a)),
 					valueMin: a,
 					valueMax: s
 				}, u = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
-				}, { individualScale: d, autoScaleSteps: f, individualZero: p, individualMax: re, autoScaleMax: ae, yOffset: oe, individualHeight: ce, zeroPosition: le, autoScaleZeroPosition: ue } = kc({
+				}, { individualScale: d, autoScaleSteps: f, individualZero: p, individualMax: re, autoScaleMax: ae, yOffset: oe, individualHeight: ce, zeroPosition: le, autoScaleZeroPosition: ue } = Oc({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1837,17 +1834,17 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					autoScaleValueMax: c.valueMax,
 					individualExtremes: u
 				}), m = e.series.map((t, n) => {
-					if (K.value && (t.x == null || t.y == null)) return {
+					if (q.value && (t.x == null || t.y == null)) return {
 						index: n,
 						x: null,
 						y: null,
 						value: null,
 						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 					};
-					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(p)) / re : ls(mo(t));
+					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(p)) / re : ls(_o(t));
 					return {
 						index: n,
-						x: v(Oc(t, n)),
+						x: v(Dc(t, n)),
 						y: v(fs({
 							ratio: r,
 							yOffset: oe,
@@ -1856,7 +1853,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						value: e.absoluteValues[n],
 						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 					};
-				}), h = e.absoluteValues.map((e) => f.min >= 0 ? (e - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (e + Math.abs(f.min)) / (f.max + Math.abs(f.min))), de = e.series.map((t, n) => K.value && (t.x === null || t.y === null) ? {
+				}), h = e.absoluteValues.map((e) => f.min >= 0 ? (e - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (e + Math.abs(f.min)) / (f.max + Math.abs(f.min))), de = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
 					index: n,
 					x: null,
 					y: null,
@@ -1864,13 +1861,13 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 				} : [void 0, null].includes(e.absoluteValues[n]) ? {
 					index: n,
-					x: v(Oc(t, n)),
+					x: v(Dc(t, n)),
 					y: le,
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 				} : {
 					index: n,
-					x: v(Oc(t, n)),
+					x: v(Dc(t, n)),
 					y: v(fs({
 						ratio: h[n] || 0,
 						yOffset: oe,
@@ -1901,8 +1898,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					suffix: e.suffix || B.value.chart.labels.suffix,
 					datapoint: e
 				}));
-				Z.value[e.scaleLabel].name = e.name, Z.value[e.scaleLabel].groupName = e.scaleLabel, Z.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Z.value[e.scaleLabel].color = e.color, Z.value[e.scaleLabel].scaleYLabels = e.autoScaling ? Se : xe, Z.value[e.scaleLabel].zeroPosition = e.autoScaling ? ue : le, Z.value[e.scaleLabel].individualMax = e.autoScaling ? ae : re, Z.value[e.scaleLabel].scaleLabel = e.scaleLabel, Z.value[e.scaleLabel].id = e.id, Z.value[e.scaleLabel].yOffset = oe, Z.value[e.scaleLabel].individualHeight = ce, Z.value[e.scaleLabel].autoScaleYLabels = Se, Z.value[e.scaleLabel].unique = cc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
-				let Ce = V.value.useIndividualScale ? e.autoScaling ? ue : le : ro.value, we = Math.max(Math.max(e.autoScaling ? ue : xe.at(-1) ? xe.at(-1).y : 0, J.value?.top), Ce), Ee = e.autoScaling ? de : m, Oe = B.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null), ke = e.absoluteValues.filter((e) => ![
+				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? Se : xe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ue : le, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ae : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = oe, Q.value[e.scaleLabel].individualHeight = ce, Q.value[e.scaleLabel].autoScaleYLabels = Se, Q.value[e.scaleLabel].unique = cc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
+				let Ce = V.value.useIndividualScale ? e.autoScaling ? ue : le : co.value, we = Math.max(Math.max(e.autoScaling ? ue : xe.at(-1) ? xe.at(-1).y : 0, Y.value?.top), Ce), Ee = e.autoScaling ? de : m, Oe = B.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null), ke = e.absoluteValues.filter((e) => ![
 					null,
 					void 0,
 					NaN
@@ -1926,25 +1923,25 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					area: e.useArea ? e.useStepper ? o(Oe, we) : V.value.useIndividualScale ? B.value.line.cutNullValues ? se(e.autoScaling ? de : m, we) : Te(e.autoScaling ? de.filter((e) => e.value !== null) : m.filter((e) => e.value !== null), we) : B.value.line.cutNullValues ? se(m, we) : Te(m.filter((e) => e.value !== null), we) : "",
 					curveAreas: e.useArea ? e.useStepper ? o(Oe, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : ne(e.autoScaling ? B.value.line.cutNullValues ? de : de.filter((e) => e.value !== null) : B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), we, B.value.line.cutNullValues) : [],
 					straight: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? ge : me,
-					groupId: Z.value[e.scaleLabel].groupId
+					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
-		}), $ = b(() => {
+		}), Ac = b(() => {
 			let e = cc.value.filter((e) => [
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = J.value.height - r;
+			].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
 			return e.filter((e) => e.type === "plot").map((e) => {
-				Jo(e);
-				let r = Z.value[e.scaleLabel].min, a = Z.value[e.scaleLabel].max, o = {
+				Zo(e);
+				let r = Q.value[e.scaleLabel].min, a = Q.value[e.scaleLabel].max, o = {
 					ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - r) / (a - r)),
 					valueMin: r,
 					valueMax: a
 				}, s = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues)
-				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: d, yOffset: te, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: ne } = kc({
+				}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: d, yOffset: te, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: ne } = Oc({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1954,17 +1951,17 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					individualExtremes: s,
 					forceExactScale: !0
 				}), re = e.series.map((t, n) => {
-					if (K.value && (t.x == null || t.y == null)) return {
+					if (q.value && (t.x == null || t.y == null)) return {
 						index: n,
 						x: null,
 						y: null,
 						value: null,
 						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 					};
-					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : ls(mo(t));
+					let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : ls(_o(t));
 					return {
 						index: n,
-						x: v(Oc(t, n)),
+						x: v(Dc(t, n)),
 						y: v(fs({
 							ratio: r,
 							yOffset: te,
@@ -1973,7 +1970,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						value: e.absoluteValues[n],
 						comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 					};
-				}), ie = e.absoluteValues.map((e) => l.min >= 0 ? (e - Math.abs(l.min)) / (l.max - Math.abs(l.min)) : (e + Math.abs(l.min)) / (l.max + Math.abs(l.min))), ae = e.series.map((t, n) => K.value && (t.x === null || t.y === null) ? {
+				}), ie = e.absoluteValues.map((e) => l.min >= 0 ? (e - Math.abs(l.min)) / (l.max - Math.abs(l.min)) : (e + Math.abs(l.min)) / (l.max + Math.abs(l.min))), ae = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
 					index: n,
 					x: null,
 					y: null,
@@ -1981,7 +1978,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
 				} : {
 					index: n,
-					x: v(Oc(t, n)),
+					x: v(Dc(t, n)),
 					y: v(fs({
 						ratio: ie[n] || 0,
 						yOffset: te,
@@ -2012,7 +2009,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					suffix: e.suffix || B.value.chart.labels.suffix,
 					datapoint: e
 				}));
-				return Z.value[e.scaleLabel].name = e.name, Z.value[e.scaleLabel].groupName = e.scaleLabel, Z.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Z.value[e.scaleLabel].color = e.color, Z.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : oe, Z.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : p, Z.value[e.scaleLabel].individualMax = e.autoScaling ? d : ee, Z.value[e.scaleLabel].scaleLabel = e.scaleLabel, Z.value[e.scaleLabel].id = e.id, Z.value[e.scaleLabel].yOffset = te, Z.value[e.scaleLabel].individualHeight = f, Z.value[e.scaleLabel].autoScaleYLabels = se, Z.value[e.scaleLabel].unique = cc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : oe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = te, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = cc.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: te,
 					autoScaleYLabels: se,
@@ -2022,11 +2019,11 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					individualMax: e.autoScaling ? d : ee,
 					zeroPosition: e.autoScaling ? ne : p,
 					plots: e.autoScaling ? ae : re,
-					groupId: Z.value[e.scaleLabel].groupId
+					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
 		}), jc = b(() => {
-			let e = Q.value.map((e) => ({
+			let e = $.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -2036,9 +2033,9 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				scaleLabel: e.scaleLabel || "",
 				id: e.id,
 				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || J.value.height,
+				individualHeight: e.individualHeight || Y.value.height,
 				autoScaleYLabels: e.autoScaleYLabels
-			})), t = Ac.value.map((e) => ({
+			})), t = kc.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -2048,8 +2045,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				scaleLabel: e.scaleLabel || "",
 				id: e.id,
 				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || J.value.height
-			})), n = $.value.map((e) => ({
+				individualHeight: e.individualHeight || Y.value.height
+			})), n = Ac.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				scale: e.individualScale,
@@ -2059,15 +2056,15 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				scaleLabel: e.scaleLabel || "",
 				id: e.id,
 				yOffset: e.yOffset || 0,
-				individualHeight: e.individualHeight || J.value.height
-			})), r = V.value.useIndividualScale && !V.value.isStacked ? Object.values(Z.value) : [
+				individualHeight: e.individualHeight || Y.value.height
+			})), r = V.value.useIndividualScale && !V.value.isStacked ? Object.values(Q.value) : [
 				...e,
 				...t,
 				...n
 			], i = r.flatMap((e) => e).length;
 			return r.flatMap((e, t) => {
 				let n = 0;
-				n = V.value.isStacked ? q.value ? J.value?.right : J.value?.left : q.value ? J.value?.right + Do() * t : J.value?.left / i * (t + 1);
+				n = V.value.isStacked ? J.value ? Y.value?.right : Y.value?.left : J.value ? Y.value?.right + Ao() * t : Y.value?.left / i * (t + 1);
 				let r = V.value.useIndividualScale && !V.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
 				return {
 					unique: e.unique,
@@ -2099,7 +2096,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			return t.forEach((e, t) => {
 				let [i, a] = Array.isArray(e) ? e : [e.a, e.b];
 				if (!i || !a) return;
-				let o = Q.value.find((e) => e.name === i), s = Q.value.find((e) => e.name === a);
+				let o = $.value.find((e) => e.name === i), s = $.value.find((e) => e.name === a);
 				if (!o || !s || o.type !== "line" || s.type !== "line") return;
 				let c = n?.[t]?.[0] ?? o.color, l = n?.[t]?.[1] ?? s.color;
 				ue({
@@ -2119,13 +2116,13 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				});
 			}), r;
 		}), Nc = b(() => ({
-			timeLabel: Y.value[R.value],
-			datapoint: gc.value,
+			timeLabel: X.value[R.value],
+			datapoint: hc.value,
 			seriesIndex: R.value,
-			series: go.value,
-			bars: Ac.value,
-			lines: Q.value,
-			plots: $.value,
+			series: yo.value,
+			bars: kc.value,
+			lines: $.value,
+			plots: Ac.value,
 			config: B.value
 		})), Pc = E({
 			months: [],
@@ -2154,44 +2151,44 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			text: Ic.value(t, B.value.chart.zoom.timeFormat),
 			absoluteIndex: t
 		}))), Rc = b(() => {
-			let e = "", t = gc.value.map((e) => e.value).filter((e) => ve(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = K.value ? { text: _(B.value.chart.grid.labels.xAxis.formatter, Ds.value[0]?.point.raw?.x ?? Ds.value[0]?.point.x, s({
+			let e = "", t = hc.value.map((e) => e.value).filter((e) => ve(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = q.value ? { text: _(B.value.chart.grid.labels.xAxis.formatter, Ds.value[0]?.point.raw?.x ?? Ds.value[0]?.point.x, s({
 				v: Ds.value[0]?.point.raw?.x ?? Ds.value[0]?.point.x,
 				r: B.value.chart.tooltip.roundingValue
 			}), {
 				datapoint: null,
 				serriesIndex: null
-			}) } : Y.value[R.value], r = B.value.chart.tooltip.customFormat;
+			}) } : X.value[R.value], r = B.value.chart.tooltip.customFormat;
 			if (xe(r) && be(() => r({
 				absoluteIndex: R.value + W.value.start,
 				seriesIndex: R.value,
-				datapoint: gc.value,
-				series: go.value,
-				bars: Ac.value,
-				lines: Q.value,
-				plots: $.value,
+				datapoint: hc.value,
+				series: yo.value,
+				bars: kc.value,
+				lines: $.value,
+				plots: Ac.value,
 				config: B.value,
 				dateLabel: n
 			}))) return r({
 				absoluteIndex: R.value + W.value.start,
 				seriesIndex: R.value,
-				datapoint: gc.value,
-				series: go.value,
-				bars: Ac.value,
-				lines: Q.value,
-				plots: $.value,
+				datapoint: hc.value,
+				series: yo.value,
+				bars: kc.value,
+				lines: $.value,
+				plots: Ac.value,
 				config: B.value,
 				dateLabel: n
 			});
 			if (n && n.text && B.value.chart.tooltip.showTimeLabel) {
 				let t = Ic.value(R.value + W.value.start, B.value.chart.tooltip.timeFormat);
-				K.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.chart.tooltip.borderColor}; width:100%">${B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
+				q.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.chart.tooltip.borderColor}; width:100%">${B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
 			}
-			return gc.value.forEach((r) => {
+			return hc.value.forEach((r) => {
 				if (ve(r.value)) {
 					let a = "", o = "";
-					switch (Yi.value[r.type]) {
+					switch (ia.value[r.type]) {
 						case "bar":
-							a = `<svg viewBox="0 0 40 40" height="14" width="14">${Ti.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${r.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Ti.pattern ? `url(#pattern_${F.value}_${r.slotAbsoluteIndex}` : r.color}" /></svg>`;
+							a = `<svg viewBox="0 0 40 40" height="14" width="14">${Pi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${r.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Pi.pattern ? `url(#pattern_${F.value}_${r.slotAbsoluteIndex}` : r.color}" /></svg>`;
 							break;
 						case "line":
 							!r.shape || ![
@@ -2338,13 +2335,13 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						v: r.value,
 						s: r.suffix,
 						r: B.value.chart.tooltip.roundingValue
-					}), { datapoint: r }) : "", l = B.value.chart.tooltip.showValue ? n.text : "", u = K.value ? `
+					}), { datapoint: r }) : "", l = B.value.chart.tooltip.showValue ? n.text : "", u = q.value ? `
                     <span>${B.value.chart.grid.labels.axis.xLabel || "X"}: </span>
                     <span>${l}</span>, 
                     <span>${B.value.chart.grid.labels.axis.yLabel || "Y"}: </span>
                     <span>${c}</span>
                 ` : c;
-					K.value ? e += `
+					q.value ? e += `
                         <div style="display:flex;flex-direction:column;">
                             <div style="display:flex; flex-direction:row; gap:3px;">
                                 <div style="width:20px">${a}</div>
@@ -2362,33 +2359,33 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${B.value.chart.tooltip.color}">${e}</div>`;
 		}), zc = b(() => {
-			if (ho.value.length === 0) return {
+			if (vo.value.length === 0) return {
 				head: [],
 				body: [],
 				config: {},
 				columnNames: []
 			};
-			let e = _o.value.map((e) => ({
+			let e = bo.value.map((e) => ({
 				label: e.name,
 				color: e.color,
 				type: e.type
 			})), t = [];
-			return Y.value.forEach((e, n) => {
+			return X.value.forEach((e, n) => {
 				let r = B.value.table.useDefaultTimeFormat ? [e.text] : [Ic.value(n + W.value.start, B.value.table.timeFormat)];
-				_o.value.forEach((e) => {
-					r.push(ss(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(B.value.table.rounding)) : "");
+				bo.value.forEach((e) => {
+					r.push(bt(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(B.value.table.rounding)) : "");
 				}), t.push(r);
 			}), {
 				head: e,
 				body: t
 			};
 		}), Bc = b(() => {
-			let e = B.value.table.showSum, t = [""].concat(_o.value.map((e) => e.name));
+			let e = B.value.table.showSum, t = [""].concat(bo.value.map((e) => e.name));
 			e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
 			let n = [];
-			for (let t = 0; t < X.value; t += 1) {
-				let r = _o.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
-				n.push([B.value.table.useDefaultTimeFormat ? Y.value[t]?.text ?? "-" : Ic.value(t + W.value.start, B.value.table.timeFormat)].concat(_o.value.map((e) => _(e.type === "line" ? B.value.line.labels.formatter : e.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, s({
+			for (let t = 0; t < Z.value; t += 1) {
+				let r = bo.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
+				n.push([B.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : Ic.value(t + W.value.start, B.value.table.timeFormat)].concat(bo.value.map((e) => _(e.type === "line" ? B.value.line.labels.formatter : e.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, s({
 					p: e.prefix || B.value.chart.labels.prefix,
 					v: e.absoluteValues[t] ?? 0,
 					s: e.suffix || B.value.chart.labels.suffix,
@@ -2407,7 +2404,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					outline: B.value.table.td.outline
 				},
 				breakpoint: B.value.table.responsiveBreakpoint
-			}, i = [B.value.table.columnNames.period].concat(_o.value.map((e) => e.name), B.value.table.columnNames.total);
+			}, i = [B.value.table.columnNames.period].concat(bo.value.map((e) => e.name), B.value.table.columnNames.total);
 			return {
 				head: t,
 				body: n,
@@ -2427,9 +2424,9 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			});
 		}
 		function Hc(e, t = null) {
-			if (vo.value) return;
-			Qi.value = e;
-			let n = _o.value.map((e) => ({
+			if (xo.value) return;
+			sa.value = e;
+			let n = bo.value.map((e) => ({
 				name: e.name,
 				value: [
 					null,
@@ -2457,15 +2454,15 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			V.value.showTooltip = !V.value.showTooltip;
 		}
 		function Kc(e) {
-			Zi.value = e, ea.value += 1;
+			oa.value = e, la.value += 1;
 		}
 		function qc() {
 			if (!B.value.responsiveProportionalSizing) {
-				z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, ja.value.plot = B.value.plot.radius, ja.value.line = B.value.line.radius;
+				z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, Ra.value.plot = B.value.plot.radius, Ra.value.line = B.value.line.radius;
 				return;
 			}
 			z.value.dataLabels = ke({
-				relator: Ki.value,
+				relator: ta.value,
 				adjuster: 400,
 				source: B.value.chart.grid.labels.fontSize,
 				threshold: 10,
@@ -2488,13 +2485,13 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				source: B.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), ja.value.plot = ke({
+			}), Ra.value.plot = ke({
 				relator: N.value,
 				adjuster: 800,
 				source: B.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), ja.value.line = ke({
+			}), Ra.value.line = ke({
 				relator: N.value,
 				adjuster: 800,
 				source: B.value.line.radius,
@@ -2506,54 +2503,54 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			if (r(j.dataset) ? (ce({
 				componentName: "VueUiXy",
 				type: "dataset",
-				debug: La.value
-			}), Va.value = !0) : j.dataset.forEach((e, t) => {
+				debug: Wa.value
+			}), Ja.value = !0) : j.dataset.forEach((e, t) => {
 				[null, void 0].includes(e.name) && (ce({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
 					index: t,
-					debug: La.value
-				}), Va.value = !0);
-			}), La.value && j.dataset.forEach((e) => {
+					debug: Wa.value
+				}), Ja.value = !0);
+			}), Wa.value && j.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
 					ve(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
 				});
-			}), r(j.dataset) || (Va.value = B.value.loading), aa.value = B.value.chart.userOptions.showOnChartHover, oa.value = B.value.chart.userOptions.keepStateOnChartLeave, sa.value = !B.value.chart.userOptions.showOnChartHover, Ia(), B.value.responsive) {
-				let e = Ai.value.parentNode;
-				Hi.value && (Hi.value.unobserve(Ui.value), Hi.value.disconnect());
+			}), r(j.dataset) || (Ja.value = B.value.loading), ma.value = B.value.chart.userOptions.showOnChartHover, ha.value = B.value.chart.userOptions.keepStateOnChartLeave, ga.value = !B.value.chart.userOptions.showOnChartHover, Ua(), B.value.responsive) {
+				let e = zi.value.parentNode;
+				Zi.value && (Zi.value.unobserve(Qi.value), Zi.value.disconnect());
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
-				B.value.chart.title.show && ji.value && (r = ji.value, i = r.getBoundingClientRect().height);
+				B.value.chart.title.show && Bi.value && (r = Bi.value, i = r.getBoundingClientRect().height);
 				let a = null, o = 0;
-				B.value.chart.zoom.show && U.value > 6 && Pa.value && Mi.value && Mi.value.$el && (a = Mi.value.$el, o = a.getBoundingClientRect().height);
+				B.value.chart.zoom.show && U.value > 6 && Va.value && Vi.value && Vi.value.$el && (a = Vi.value.$el, o = a.getBoundingClientRect().height);
 				let s = null, c = 0;
-				B.value.chart.legend.show && Ni.value && (s = Ni.value, c = s.getBoundingClientRect().height);
+				B.value.chart.legend.show && Hi.value && (s = Hi.value, c = s.getBoundingClientRect().height);
 				let l = 0;
-				Pi.value && (l = Pi.value.getBoundingClientRect().height);
+				Ui.value && (l = Ui.value.getBoundingClientRect().height);
 				let u = 0;
-				Fi.value && (u = Fi.value.getBoundingClientRect().height), Ki.value = t - i - c - o - l - u - 12, N.value = n, qi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Ki.value < 0 ? 10 : Ki.value}`, qc();
+				Wi.value && (u = Wi.value.getBoundingClientRect().height), ta.value = t - i - c - o - l - u - 12, N.value = n, na.value = `0 0 ${N.value < 0 ? 10 : N.value} ${ta.value < 0 ? 10 : ta.value}`, qc();
 				let ee = new ResizeObserver((e) => {
-					for (let t of e) i = B.value.chart.title.show && ji.value ? ji.value.getBoundingClientRect().height : 0, o = Mi.value && Mi.value.$el ? Mi.value.$el.getBoundingClientRect().height : 0, c = Ni.value ? Ni.value.getBoundingClientRect().height : 0, l = Pi.value ? Pi.value.getBoundingClientRect().height : 0, u = Fi.value ? Fi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
-						Ki.value = t.contentRect.height - i - c - o - l - u - 12, N.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, qi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Ki.value < 0 ? 10 : Ki.value}`, qc(), Sa(), wa();
+					for (let t of e) i = B.value.chart.title.show && Bi.value ? Bi.value.getBoundingClientRect().height : 0, o = Vi.value && Vi.value.$el ? Vi.value.$el.getBoundingClientRect().height : 0, c = Hi.value ? Hi.value.getBoundingClientRect().height : 0, l = Ui.value ? Ui.value.getBoundingClientRect().height : 0, u = Wi.value ? Wi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
+						ta.value = t.contentRect.height - i - c - o - l - u - 12, N.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, na.value = `0 0 ${N.value < 0 ? 10 : N.value} ${ta.value < 0 ? 10 : ta.value}`, qc(), ja(), Na();
 					});
 				});
-				Hi.value = ee, Ui.value = e, ee.observe(e);
-			} else Ki.value = B.value.chart.height, N.value = B.value.chart.width, z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, ja.value.plot = B.value.plot.radius, ja.value.line = B.value.line.radius, qi.value = `0 0 ${N.value} ${Ki.value}`;
-			Sa(), wa();
+				Zi.value = ee, Qi.value = e, ee.observe(e);
+			} else ta.value = B.value.chart.height, N.value = B.value.chart.width, z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, Ra.value.plot = B.value.plot.radius, Ra.value.line = B.value.line.radius, na.value = `0 0 ${N.value} ${ta.value}`;
+			ja(), Na();
 		}
 		function Yc(e) {
-			Ji.value = {
+			ra.value = {
 				x: e.clientX,
 				y: e.clientY
 			};
 		}
 		ut(() => {
-			Jc(), ns(), document.addEventListener("mousemove", Yc, { passive: !0 }), document.addEventListener("scroll", Mo, { passive: !0 });
+			Jc(), rs(), document.addEventListener("mousemove", Yc, { passive: !0 }), document.addEventListener("scroll", Fo, { passive: !0 });
 		}), lt(() => {
-			document.removeEventListener("scroll", Mo, { passive: !0 }), document.removeEventListener("mousemove", Yc, { passive: !0 }), Hi.value &&= (Hi.value.unobserve(Ui.value), Hi.value.disconnect(), null);
+			document.removeEventListener("scroll", Fo, { passive: !0 }), document.removeEventListener("mousemove", Yc, { passive: !0 }), Zi.value &&= (Zi.value.unobserve(Qi.value), Zi.value.disconnect(), null);
 		}), Ve({
-			timeLabelsEls: zi,
-			timeLabels: Y,
+			timeLabelsEls: Ji,
+			timeLabels: X,
 			slicer: W,
 			configRef: B,
 			rotationPath: [
@@ -2571,14 +2568,14 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				"autoRotate",
 				"enable"
 			],
-			isAutoSize: eo,
-			height: Ki,
+			isAutoSize: ao,
+			height: ta,
 			width: N,
 			rotation: B.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
 		let Xc = E(!1), Zc = E(null), Qc = E(200), $c = b(() => R.value ?? I.value ?? 0), el = b(() => {
-			if (!K.value) return null;
-			if (g(ma.value)) return Number(ma.value);
+			if (!q.value) return null;
+			if (g(Ca.value)) return Number(Ca.value);
 			let e = Ds.value[0];
 			return g(e?.point?.x) ? Number(e.point.x) : null;
 		});
@@ -2587,7 +2584,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			return Math.min(Math.max(e, 1), 200);
 		}
 		function nl() {
-			let e = tl(), t = (K.value && g(el.value) ? wc({ x: el.value }) : tc($c.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
+			let e = tl(), t = (q.value && g(el.value) ? Cc({ x: el.value }) : tc($c.value)) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
 			return v(Math.max(n, Math.min(t, r)));
 		}
 		ut(() => {
@@ -2613,20 +2610,20 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			});
 		});
 		let rl = b(() => {
-			if (K.value) {
+			if (q.value) {
 				if (!Number.isFinite(Number(el.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 = B.value.chart.timeTag.customFormat;
-			if (Xc.value = !1, K.value) {
+			if (Xc.value = !1, q.value) {
 				let e = el.value;
 				if (xe(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
-						datapoint: gc.value,
-						bars: Ac.value,
-						lines: Q.value,
-						plots: $.value,
+						datapoint: hc.value,
+						bars: kc.value,
+						lines: $.value,
+						plots: Ac.value,
 						config: B.value
 					});
 					if (typeof n == "string") return Xc.value = !0, n;
@@ -2642,20 +2639,20 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				let n = t({
 					absoluteIndex: e + W.value.start,
 					seriesIndex: e,
-					datapoint: gc.value,
-					bars: Ac.value,
-					lines: Q.value,
-					plots: $.value,
+					datapoint: hc.value,
+					bars: kc.value,
+					lines: $.value,
+					plots: Ac.value,
 					config: B.value
 				});
 				if (typeof n == "string") return Xc.value = !0, n;
 			} catch {
 				console.warn("Custom format cannot be applied on timeTag."), Xc.value = !1;
 			}
-			if (!Xc.value) return [null, void 0].includes(Y.value[e]) ? "" : B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.timeTag.useDefaultFormat ? Ic.value(e + W.value.start, B.value.chart.timeTag.timeFormat) : Y.value[e].text;
+			if (!Xc.value) return [null, void 0].includes(X.value[e]) ? "" : B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.timeTag.useDefaultFormat ? Ic.value(e + W.value.start, B.value.chart.timeTag.timeFormat) : X.value[e].text;
 		});
 		function il({ serie: e, plot: n, type: r }) {
-			if (!ss(n.value)) return "";
+			if (!bt(n.value)) return "";
 			let i = s({
 				p: e.prefix || B.value.chart.labels.prefix,
 				v: n.value,
@@ -2663,7 +2660,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				r: B.value[r].labels.rounding
 			});
 			return t({
-				content: K.value && g(n.x) ? `x: ${s({
+				content: q.value && g(n.x) ? `x: ${s({
 					v: n.x,
 					r: B.value.chart.grid.labels.xAxis.rounding
 				})}\ny: ${i}` : _(B.value[r].labels.formatter, n.value, i, {
@@ -2678,7 +2675,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		}
 		function al({ plot: e }) {
 			let t = B.value.bar.labels.offsetY, n = Math.abs(bs(e)), r = e.value < 0, i = {
-				x: (V.value.useIndividualScale && V.value.isStacked ? e.x + xs.value.line / 2 : Cs(e) + Ss() / 2 - dc.value / 2) + B.value.bar.labels.offsetX,
+				x: (V.value.useIndividualScale && V.value.isStacked ? e.x + xs.value.line / 2 : Cs(e) + Ss() / 2 - uc.value / 2) + B.value.bar.labels.offsetX,
 				y: v(e.y) + (B.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
 			};
 			return `translate(${i.x}, ${i.y}) rotate(${B.value.bar.labels.rotation})`;
@@ -2695,18 +2692,18 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			let n = e.value >= 0;
 			return B.value[t].labels.rotation === 0 ? "middle" : B.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let cl = b(() => K.value ? g(ma.value) ? wc({ x: Number(ma.value) }) : g(Os.value) ? Os.value : null : tc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), ll = b(() => B.value.chart.highlighter.crosshairs.show && Ko.value), ul = b(() => [
-			...Q.value,
+		let cl = b(() => q.value ? g(Ca.value) ? Cc({ x: Number(Ca.value) }) : g(Os.value) ? Os.value : null : tc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), ll = b(() => B.value.chart.highlighter.crosshairs.show && Yo.value), ul = b(() => [
 			...$.value,
-			...Ac.value
-		].flatMap((e) => (e.plots || []).filter((t, n) => pl(e, t, n)).filter((e) => ss(e.value)).map((t) => ({
+			...Ac.value,
+			...kc.value
+		].flatMap((e) => (e.plots || []).filter((t, n) => pl(e, t, n)).filter((e) => bt(e.value)).map((t) => ({
 			...t,
 			serie: e,
 			x: v(t.x),
 			y: v(t.y)
 		})))), dl = b(() => {
 			if (!ll.value) return null;
-			if (K.value) {
+			if (q.value) {
 				let e = Ds.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
 				return g(t) ? {
 					x: cl.value,
@@ -2719,42 +2716,42 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			let e = R.value === null ? I.value : R.value;
 			return e == null ? null : {
 				x: tc(e),
-				text: Y.value[e]?.text ?? ""
+				text: X.value[e]?.text ?? ""
 			};
 		});
 		function fl(e) {
-			return B.value.chart.grid.labels.yAxis.position === "right" ? J.value.right : J.value.left;
+			return B.value.chart.grid.labels.yAxis.position === "right" ? Y.value.right : Y.value.left;
 		}
 		function pl(e, t, n) {
-			return K.value ? Ds.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
+			return q.value ? Ds.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
 		}
 		_t(() => j.dataset, (e) => {
-			if (Array.isArray(e) && e.length > 0 && (Va.value = !1), B.value.chart.zoom.keepState) {
-				if (U.value = Math.max(0, ...H.value.map((e) => Wa(e.series).length)), U.value > 0) {
+			if (Array.isArray(e) && e.length > 0 && (Ja.value = !1), B.value.chart.zoom.keepState) {
+				if (U.value = Math.max(0, ...H.value.map((e) => Xa(e.series).length)), U.value > 0) {
 					let e = W.value.start, t = W.value.end;
-					if (!Qo.value || e === 0 && t === 0) ns();
+					if (!es.value || e === 0 && t === 0) rs();
 					else {
 						let n = Math.max(0, Math.min(e, U.value - 1)), r = Math.max(n + 1, Math.min(t, U.value));
 						W.value = {
 							start: n,
 							end: r
-						}, Ga.value = {
+						}, G.value = {
 							start: n,
 							end: r
-						}, $o.value = 0, es.value = U.value;
+						}, ts.value = 0, ns.value = U.value;
 					}
 				}
-			} else U.value = Math.max(...H.value.map((e) => Wa(e.series).length)), W.value = {
+			} else U.value = Math.max(...H.value.map((e) => Xa(e.series).length)), W.value = {
 				start: 0,
 				end: U.value
 			};
-			Wi.value += 1, ia.value += 1, Sa(), wa(), Ja();
+			$i.value += 1, pa.value += 1, ja(), Na(), $a();
 		}, { deep: !0 }), _t(() => j.config, (e) => {
-			Ba.value || (B.value = Ma()), Jc(), na.value += 1, ta.value += 1, Ia(), Sa(), wa(), B.value.chart.zoom.keepState && (U.value = Math.max(0, ...H.value.map((e) => Wa(e.series).length)), U.value > 0 && (!Qo.value || W.value.start === 0 && W.value.end === 0) && ns()), Ja();
+			qa.value || (B.value = za()), Jc(), da.value += 1, ua.value += 1, Ua(), ja(), Na(), B.value.chart.zoom.keepState && (U.value = Math.max(0, ...H.value.map((e) => Xa(e.series).length)), U.value > 0 && (!es.value || W.value.start === 0 && W.value.end === 0) && rs()), $a();
 		}, { deep: !0 });
 		let ml = E(!1);
 		function hl() {
-			let e = Ai.value?.parentNode;
+			let e = zi.value?.parentNode;
 			if (!e) {
 				ml.value = !1;
 				return;
@@ -2765,24 +2762,24 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		ut(() => {
 			hl();
 			let e = new ResizeObserver(() => {
-				hl(), ml.value && (Jc(), Ja(), B.value.chart.zoom.keepState || ns());
+				hl(), ml.value && (Jc(), $a(), B.value.chart.zoom.keepState || rs());
 			});
-			Ai.value?.parentNode && e.observe(Ai.value.parentNode);
+			zi.value?.parentNode && e.observe(zi.value.parentNode);
 		}), _t(B, () => {
-			Ia();
+			Ua();
 		}, { immediate: !0 });
 		let gl = b(() => {
 			let e = B.value.table.useDialog && !B.value.showTable, t = V.value.showTable;
 			return {
-				component: e ? Ci : Je,
+				component: e ? Mi : Je,
 				title: `${B.value.chart.title.text}${B.value.chart.title.subtitle.text ? `: ${B.value.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: B.value.table.th.backgroundColor,
 					color: B.value.table.th.color,
 					headerColor: B.value.table.th.color,
 					headerBg: B.value.table.th.backgroundColor,
-					isFullscreen: Zi.value,
-					fullscreenParent: Ai.value,
+					isFullscreen: oa.value,
+					fullscreenParent: zi.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8)
 				} : {
 					hideDetails: !0,
@@ -2802,12 +2799,12 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			};
 		});
 		_t(() => V.value.showTable, (e) => {
-			B.value.showTable || (e && B.value.table.useDialog && da.value ? da.value.open() : da.value && da.value.close && da.value.close());
+			B.value.showTable || (e && B.value.table.useDialog && ba.value ? ba.value.open() : ba.value && ba.value.close && ba.value.close());
 		});
 		function _l() {
-			V.value.showTable = !1, Vi.value && Vi.value.setTableIconState(!1);
+			V.value.showTable = !1, Xi.value && Xi.value.setTableIconState(!1);
 		}
-		let vl = b(() => go.value.map((e) => ({
+		let vl = b(() => yo.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
@@ -2819,7 +2816,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			backgroundColor: yl
 		});
 		async function Cl({ isCb: e }) {
-			pa.value = !0, await ot();
+			Sa.value = !0, await ot();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await Sl();
@@ -2831,30 +2828,30 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					}));
 				} else await Promise.resolve(xl());
 			} finally {
-				pa.value = !1;
+				Sa.value = !1;
 			}
 		}
 		function wl(e) {
 			if (e?.stage === "start") {
-				fa.value = !0;
+				xa.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				fa.value = !1;
+				xa.value = !1;
 				return;
 			}
-			$a();
+			io();
 		}
 		async function Tl() {
-			if (wi("copyAlt", {
+			if (Ni("copyAlt", {
 				config: {
 					...B.value,
-					formattedDates: Y.value
+					formattedDates: X.value
 				},
 				dataset: {
-					lines: Q.value,
-					bars: Ac.value,
-					plots: $.value
+					lines: $.value,
+					bars: kc.value,
+					plots: Ac.value
 				}
 			}), !B.value.chart.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
@@ -2863,47 +2860,47 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			await Promise.resolve(B.value.chart.userOptions.callbacks.altCopy({
 				config: {
 					...B.value,
-					formattedDates: Y.value
+					formattedDates: X.value
 				},
 				dataset: {
-					lines: Q.value,
-					bars: Ac.value,
-					plots: $.value
+					lines: $.value,
+					bars: kc.value,
+					plots: Ac.value
 				}
 			}));
 		}
 		let El = E(!1);
 		function Dl() {
-			W.value.end > W.value.start && (ha.value = null), Po.value = !0, El.value = !0;
+			W.value.end > W.value.start && (wa.value = null), Lo.value = !0, El.value = !0;
 		}
 		function Ol() {
-			ha.value = null, Ps(), El.value = !1, Po.value = !1;
+			wa.value = null, Ps(), El.value = !1, Lo.value = !1;
 		}
 		function kl(e) {
-			if (!L.value || Xi.value || document.activeElement !== L.value) return;
+			if (!L.value || aa.value || document.activeElement !== L.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n || !W.value.end && W.value.end !== 0) return;
 			let r = W.value.end - W.value.start;
 			if (r <= 0) return;
-			if (e.preventDefault(), e.stopPropagation(), K.value) {
+			if (e.preventDefault(), e.stopPropagation(), q.value) {
 				let e = ks.value.length;
 				if (!e) return;
-				let r = ha.value;
+				let r = wa.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, As(r);
 				return;
 			}
-			let i = ha.value, a = Es.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, ha.value = i, Al(i), Hc(!0, i);
+			let i = wa.value, a = Es.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, wa.value = i, Al(i), Hc(!0, i);
 		}
 		function Al(e) {
 			let t = W.value.end - W.value.start;
 			if (t <= 0) return;
-			let n = J.value.width / t, r = d(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
-			r && (ga.value = r);
+			let n = Y.value.width / t, r = d(Y.value.left + n * e + n / 2, Y.value.top + Y.value.height / 2, L.value);
+			r && (Ta.value = r);
 		}
 		let jl = b(() => {
 			if (!Bc.value) return null;
-			let e = B.value.table.showSum, t = [B.value.table.columnNames.period].concat(_o.value.map((e) => e.name));
+			let e = B.value.table.showSum, t = [B.value.table.columnNames.period].concat(bo.value.map((e) => e.name));
 			e && (t = t.concat(B.value.table.columnNames.total));
 			let n = Bc.value.body.slice(W.value.start, W.value.end);
 			return {
@@ -2914,34 +2911,34 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 		return Ke({
 			getData: Ls,
 			getImage: Rs,
-			generatePdf: Qa,
-			generateImage: $a,
+			generatePdf: ro,
+			generateImage: io,
 			generateSvg: Cl,
 			generateCsv: Vc,
 			hideSeries: Gs,
 			showSeries: Ws,
-			toggleStack: qo,
+			toggleStack: Xo,
 			toggleTable: Uc,
 			toggleLabels: Wc,
 			toggleTooltip: Gc,
-			toggleAnnotator: Io,
+			toggleAnnotator: zo,
 			toggleFullscreen: Kc,
 			copyAlt: Tl,
-			resetZoom: os
+			resetZoom: ss
 		}), (n, r) => (T(), S("div", {
 			id: `vue-ui-xy_${F.value}`,
-			class: st(`vue-data-ui-component vue-ui-xy ${Zi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${B.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: st(`vue-data-ui-component vue-ui-xy ${oa.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${B.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
-			ref: Ai,
+			ref: zi,
 			style: w(`background:${B.value.chart.backgroundColor}; color:${B.value.chart.color};width:100%;font-family:${B.value.chart.fontFamily};${B.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: r[6] ||= () => Fo(!0),
-			onMouseleave: r[7] ||= () => Fo(!1),
+			onMouseenter: r[6] ||= () => Ro(!0),
+			onMouseleave: r[7] ||= () => Ro(!1),
 			onClick: Fs
 		}, [
 			C("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [C("p", null, pt(B.value.a11y.translations.keyboardNavigation), 1)], 8, St),
+			}, [C("p", null, pt(B.value.a11y.translations.keyboardNavigation), 1)], 8, jt),
 			jl.value?.rows?.length ? (T(), Qe(Xe, {
 				key: 0,
 				uid: F.value,
@@ -2956,14 +2953,14 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				"notice",
 				"caption"
 			])) : x("", !0),
-			B.value.chart.userOptions.buttons.annotator && L.value ? (T(), Qe(k(Si), {
+			B.value.chart.userOptions.buttons.annotator && L.value ? (T(), Qe(k(ji), {
 				key: 1,
 				svgRef: L.value,
 				backgroundColor: B.value.chart.backgroundColor,
 				color: B.value.chart.color,
-				active: Xi.value,
-				isCursorPointer: Fa.value,
-				onClose: Io
+				active: aa.value,
+				isCursorPointer: Ha.value,
+				onClose: zo
 			}, {
 				"annotator-action-close": A(() => [O(n.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": A(({ color: e }) => [O(n.$slots, "annotator-action-color", ct(it({ color: e })), void 0, !0)]),
@@ -2982,18 +2979,18 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 			Js.value ? (T(), S("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Fi,
+				ref: Wi,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%; background:transparent"
 			}, null, 512)) : x("", !0),
 			B.value.chart.title.show ? (T(), S("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: ji,
+				ref: Bi,
 				class: "vue-ui-xy-title",
 				style: w(`font-family:${B.value.chart.fontFamily}`)
 			}, [(T(), Qe(Ue, {
-				key: `title_${na.value}`,
+				key: `title_${da.value}`,
 				config: {
 					title: {
 						cy: "xy-div-title",
@@ -3005,15 +3002,15 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					}
 				}
 			}, null, 8, ["config"]))], 4)) : x("", !0),
-			C("div", { id: `legend-top-${F.value}` }, null, 8, Ct),
-			B.value.chart.userOptions.show && (oa.value || sa.value) ? (T(), Qe(k(vi), {
+			C("div", { id: `legend-top-${F.value}` }, null, 8, Mt),
+			B.value.chart.userOptions.show && (ha.value || ga.value) ? (T(), Qe(k(Di), {
 				ref_key: "userOptionsRef",
-				ref: Vi,
-				key: `user_options_${ea.value}`,
+				ref: Xi,
+				key: `user_options_${la.value}`,
 				backgroundColor: B.value.chart.backgroundColor,
 				color: B.value.chart.color,
-				isPrinting: k(Xa),
-				isImaging: k(Za),
+				isPrinting: k(to),
+				isImaging: k(no),
 				uid: F.value,
 				hasTooltip: B.value.chart.userOptions.buttons.tooltip && B.value.chart.tooltip.show,
 				hasPdf: B.value.chart.userOptions.buttons.pdf,
@@ -3026,29 +3023,29 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				hasFullscreen: B.value.chart.userOptions.buttons.fullscreen,
 				hasAltCopy: B.value.chart.userOptions.buttons.altCopy,
 				isStacked: V.value.isStacked,
-				isFullscreen: Zi.value,
+				isFullscreen: oa.value,
 				chartElement: n.$refs.chart,
 				position: B.value.chart.userOptions.position,
 				isTooltip: V.value.showTooltip,
 				titles: { ...B.value.chart.userOptions.buttonTitles },
 				hasAnnotator: B.value.chart.userOptions.buttons.annotator,
-				isAnnotation: Xi.value,
+				isAnnotation: aa.value,
 				callbacks: B.value.chart.userOptions.callbacks,
 				tableDialog: B.value.table.useDialog,
 				printScale: B.value.chart.userOptions.print.scale,
-				isCursorPointer: Fa.value,
+				isCursorPointer: Ha.value,
 				onToggleFullscreen: Kc,
-				onGeneratePdf: k(Qa),
+				onGeneratePdf: k(ro),
 				onGenerateCsv: Vc,
 				onGenerateImage: wl,
 				onGenerateSvg: Cl,
 				onToggleTable: Uc,
 				onToggleLabels: Wc,
-				onToggleStack: qo,
+				onToggleStack: Xo,
 				onToggleTooltip: Gc,
-				onToggleAnnotator: Io,
+				onToggleAnnotator: zo,
 				onCopyAlt: Tl,
-				style: w({ visibility: oa.value ? sa.value ? "visible" : "hidden" : "visible" })
+				style: w({ visibility: ha.value ? ga.value ? "visible" : "hidden" : "visible" })
 			}, $e({ _: 2 }, [
 				n.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -3130,16 +3127,16 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					key: "13"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : x("", !0),
-			C("div", wt, [(T(), S("svg", {
+			C("div", Nt, [(T(), S("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: "http://www.w3.org/2000/svg",
 				class: st([{
-					"vue-data-ui-fullscreen--on": Zi.value,
-					"vue-data-ui-fulscreen--off": !Zi.value
+					"vue-data-ui-fullscreen--on": oa.value,
+					"vue-data-ui-fulscreen--off": !oa.value
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
 				width: "100%",
-				viewBox: qi.value,
+				viewBox: na.value,
 				style: w({
 					background: "transparent",
 					color: B.value.chart.color,
@@ -3159,86 +3156,86 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				onKeydown: kl
 			}, [C("g", {
 				ref_key: "G",
-				ref: Ii,
+				ref: Gi,
 				class: "vue-data-ui-g"
 			}, [
-				tt(k(xi)),
+				tt(k(Ai)),
 				n.$slots["chart-background"] ? (T(), S("foreignObject", {
 					key: 0,
-					x: Math.max(0, J.value?.left),
-					y: J.value?.top,
-					width: Math.max(0, J.value?.width),
-					height: Math.max(0, J.value?.height),
+					x: Math.max(0, Y.value?.left),
+					y: Y.value?.top,
+					width: Math.max(0, Y.value?.width),
+					height: Math.max(0, Y.value?.height),
 					style: { pointerEvents: "none" }
-				}, [O(n.$slots, "chart-background", {}, void 0, !0)], 8, Et)) : x("", !0),
-				X.value > 0 ? (T(), S("g", Dt, [
-					C("g", Ot, [
+				}, [O(n.$slots, "chart-background", {}, void 0, !0)], 8, Ft)) : x("", !0),
+				Z.value > 0 ? (T(), S("g", It, [
+					C("g", Lt, [
 						B.value.chart.grid.labels.xAxis.showBaseline ? (T(), S("line", {
 							key: 0,
 							stroke: B.value.chart.grid.stroke,
 							"stroke-width": "1",
-							x1: J.value?.left,
-							x2: J.value?.right,
-							y1: k(h)(J.value?.bottom),
-							y2: k(h)(J.value?.bottom),
+							x1: Y.value?.left,
+							x2: Y.value?.right,
+							y1: k(h)(Y.value?.bottom),
+							y2: k(h)(Y.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, kt)) : x("", !0),
+						}, null, 8, Rt)) : x("", !0),
 						V.value.useIndividualScale ? B.value.chart.grid.showHorizontalLines ? (T(!0), S(y, { key: 2 }, D(jc.value, (e) => (T(), S("g", null, [e.id === M.value && e.yLabels.length ? (T(!0), S(y, { key: 0 }, D(e.yLabels, (t) => (T(), S("line", {
-							x1: J.value?.left,
-							x2: J.value?.right,
+							x1: Y.value?.left,
+							x2: Y.value?.right,
 							y1: k(h)(t.y),
 							y2: k(h)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Nt))), 256)) : e.yLabels.length ? (T(!0), S(y, { key: 1 }, D(e.yLabels, (e) => (T(), S("line", {
-							x1: J.value?.left,
-							x2: J.value?.right,
+						}, null, 8, Ht))), 256)) : e.yLabels.length ? (T(!0), S(y, { key: 1 }, D(e.yLabels, (e) => (T(), S("line", {
+							x1: Y.value?.left,
+							x2: Y.value?.right,
 							y1: k(h)(e.y),
 							y2: k(h)(e.y),
 							stroke: B.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Pt))), 256)) : x("", !0)]))), 256)) : x("", !0) : (T(), S(y, { key: 1 }, [B.value.chart.grid.labels.yAxis.showBaseline ? (T(), S("line", {
+						}, null, 8, Ut))), 256)) : x("", !0)]))), 256)) : x("", !0) : (T(), S(y, { key: 1 }, [B.value.chart.grid.labels.yAxis.showBaseline ? (T(), S("line", {
 							key: 0,
 							class: "vue-ui-xy-y-axis",
 							stroke: B.value.chart.grid.stroke,
 							"stroke-width": "1",
-							x1: q.value ? J.value?.right : J.value?.left,
-							x2: q.value ? J.value?.right : J.value?.left,
-							y1: k(h)(J.value?.top),
-							y2: k(h)(J.value?.bottom),
+							x1: J.value ? Y.value?.right : Y.value?.left,
+							x2: J.value ? Y.value?.right : Y.value?.left,
+							y1: k(h)(Y.value?.top),
+							y2: k(h)(Y.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, At)) : x("", !0), B.value.chart.grid.showHorizontalLines ? (T(), S("g", jt, [(T(!0), S(y, null, D(_c.value, (e) => (T(), S("line", {
-							x1: J.value?.left,
-							x2: J.value?.right,
+						}, null, 8, zt)) : x("", !0), B.value.chart.grid.showHorizontalLines ? (T(), S("g", Bt, [(T(!0), S(y, null, D(gc.value, (e) => (T(), S("line", {
+							x1: Y.value?.left,
+							x2: Y.value?.right,
 							y1: k(h)(e.y),
 							y2: k(h)(e.y),
 							stroke: B.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Mt))), 256))])) : x("", !0)], 64)),
-						B.value.chart.grid.showVerticalLines ? (T(), S("g", Ft, [C("path", {
-							d: Oo.value,
+						}, null, 8, Vt))), 256))])) : x("", !0)], 64)),
+						B.value.chart.grid.showVerticalLines ? (T(), S("g", Wt, [C("path", {
+							d: jo.value,
 							"stroke-width": .5,
 							stroke: B.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, It)])) : x("", !0),
-						B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", Lt, [C("path", {
-							d: ko.value,
+						}, null, 8, Gt)])) : x("", !0),
+						B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", Kt, [C("path", {
+							d: Mo.value,
 							stroke: B.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Rt)])) : x("", !0)
+						}, null, 8, qt)])) : x("", !0)
 					]),
-					(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? O(n.$slots, "bar-gradient", at({
+					(T(!0), S(y, null, D(kc.value, (e, t) => (T(), S("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? O(n.$slots, "bar-gradient", at({
 						key: 0,
 						ref_for: !0
 					}, {
@@ -3253,16 +3250,16 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						C("stop", {
 							offset: "0%",
 							"stop-color": e.color
-						}, null, 8, Bt),
+						}, null, 8, Yt),
 						C("stop", {
 							offset: "62%",
 							"stop-color": `${k(p)(e.color, .02)}`
-						}, null, 8, Vt),
+						}, null, 8, Xt),
 						C("stop", {
 							offset: "100%",
 							"stop-color": `${k(p)(e.color, .05)}`
-						}, null, 8, Ht)
-					], 8, zt), C("linearGradient", {
+						}, null, 8, Zt)
+					], 8, Jt), C("linearGradient", {
 						id: `rectGradient_neg_${t}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
@@ -3270,17 +3267,17 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						C("stop", {
 							offset: "0%",
 							"stop-color": `${k(p)(e.color, .05)}`
-						}, null, 8, Wt),
+						}, null, 8, $t),
 						C("stop", {
 							offset: "38%",
 							"stop-color": `${k(p)(e.color, .02)}`
-						}, null, 8, Gt),
+						}, null, 8, en),
 						C("stop", {
 							offset: "100%",
 							"stop-color": e.color
-						}, null, 8, Kt)
-					], 8, Ut)], 64))]))), 128)),
-					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("defs", { key: `def_plot_${t}` }, [C("radialGradient", {
+						}, null, 8, tn)
+					], 8, Qt)], 64))]))), 128)),
+					(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S("defs", { key: `def_plot_${t}` }, [C("radialGradient", {
 						id: `plotGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
@@ -3290,11 +3287,11 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					}, [C("stop", {
 						offset: "0%",
 						"stop-color": `${k(p)(e.color, .05)}`
-					}, null, 8, Jt), C("stop", {
+					}, null, 8, rn), C("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, Yt)], 8, qt)]))), 128)),
-					(T(!0), S(y, null, D(Q.value, (e, t) => (T(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
+					}, null, 8, an)], 8, nn)]))), 128)),
+					(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
 						id: `lineGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
@@ -3304,10 +3301,10 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					}, [C("stop", {
 						offset: "0%",
 						"stop-color": `${k(p)(e.color, .05)}`
-					}, null, 8, Zt), C("stop", {
+					}, null, 8, sn), C("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, Qt)], 8, Xt), n.$slots["area-gradient"] ? O(n.$slots, "area-gradient", at({
+					}, null, 8, cn)], 8, on), n.$slots["area-gradient"] ? O(n.$slots, "area-gradient", at({
 						key: 0,
 						ref_for: !0
 					}, {
@@ -3323,87 +3320,87 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					}, [C("stop", {
 						offset: "0%",
 						"stop-color": `${k(f)(k(p)(e.color, .03), B.value.line.area.opacity)}`
-					}, null, 8, en), C("stop", {
+					}, null, 8, un), C("stop", {
 						offset: "100%",
 						"stop-color": `${k(f)(e.color, B.value.line.area.opacity)}`
-					}, null, 8, tn)], 8, $t))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), S("defs", nn, [C("linearGradient", {
+					}, null, 8, dn)], 8, ln))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), S("defs", fn, [C("linearGradient", {
 						id: `temperature_grad_line_${t}_${F.value}`,
 						gradientTransform: "rotate(90)"
 					}, [(T(!0), S(y, null, D(e.temperatureColors, (n, r) => (T(), S("stop", {
 						key: `temperature_grad_stop_${t}_${r}_${F.value}`,
 						"stop-color": n,
 						offset: k(me)(r, e.temperatureColors.length)
-					}, null, 8, an))), 128))], 8, rn)])) : x("", !0)], 64))), 128)),
+					}, null, 8, mn))), 128))], 8, pn)])) : x("", !0)], 64))), 128)),
 					(T(!0), S(y, null, D(Ys.value, (e) => (T(), S("g", null, [e.show ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [C("rect", {
 						style: w({
 							transition: "none",
 							opacity: +(e.from + n >= W.value.start && e.from + n <= W.value.end - 1)
 						}),
 						x: rc(e.from + n - W.value.start),
-						y: J.value?.top,
-						height: J.value.height < 0 ? 10 : J.value.height,
+						y: Y.value?.top,
+						height: Y.value.height < 0 ? 10 : Y.value.height,
 						width: ic(e.from + n - W.value.start),
 						fill: k(f)(e.color, e.opacity)
-					}, null, 12, on)]))), 256)), (T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [e.caption.text && n === 0 ? (T(), S("foreignObject", {
+					}, null, 12, hn)]))), 256)), (T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [e.caption.text && n === 0 ? (T(), S("foreignObject", {
 						key: 0,
 						x: rc(e.from + n - W.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - sc(e.span) / 2),
-						y: J.value?.top + e.caption.offsetY,
+						y: Y.value?.top + e.caption.offsetY,
 						style: w({
 							overflow: "visible",
 							opacity: +(e.to >= W.value.start && e.from < W.value.end)
 						}),
 						height: "1",
 						width: e.caption.width === "auto" ? sc(e.span) : e.caption.width
-					}, [C("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"}`) }, pt(e.caption.text), 5)], 12, sn)) : x("", !0)]))), 256))], 64)) : x("", !0)]))), 256)),
-					Po.value && !K.value ? (T(), S("g", cn, [(T(!0), S(y, null, D(X.value, (e, t) => (T(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
+					}, [C("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"}`) }, pt(e.caption.text), 5)], 12, gn)) : x("", !0)]))), 256))], 64)) : x("", !0)]))), 256)),
+					Lo.value && !q.value ? (T(), S("g", _n, [(T(!0), S(y, null, D(Z.value, (e, t) => (T(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
 						x: rc(t),
-						y: J.value?.top,
-						height: J.value.height < 0 ? 10 : J.value.height,
+						y: Y.value?.top,
+						height: Y.value.height < 0 ? 10 : Y.value.height,
 						width: oc(t),
 						fill: [
 							I.value,
 							R.value,
-							$i.value
+							ca.value
 						].includes(t) ? k(f)(B.value.chart.highlighter.color, B.value.chart.highlighter.crosshairs.show ? 0 : B.value.chart.highlighter.opacity) : "transparent",
 						style: {
 							transition: "none !important",
 							animation: "none !important"
 						}
-					}, null, 8, ln)]))), 128))])) : x("", !0),
-					Ac.value.length ? (T(!0), S(y, { key: 1 }, D(Ac.value, (e, t) => (T(), S("g", {
+					}, null, 8, vn)]))), 128))])) : x("", !0),
+					kc.value.length ? (T(!0), S(y, { key: 1 }, D(kc.value, (e, t) => (T(), S("g", {
 						key: `serie_bar_${e.id}`,
 						class: st(`serie_bar_${t}`),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S("g", { key: `bar_plot_${t}_${i}` }, [
-						ss(r.value) ? (T(), S("rect", {
+						k(bt)(r.value) ? (T(), S("rect", {
 							key: 0,
-							x: Cs(r) + pc.value / 2,
+							x: Cs(r) + fc.value / 2,
 							y: V.value.useIndividualScale ? Ts(r) : ws(r),
 							height: V.value.useIndividualScale ? Math.abs(bs(r)) : Math.abs(ys(r)),
-							width: fc.value - pc.value,
+							width: dc.value - fc.value,
 							rx: B.value.bar.borderRadius,
 							fill: B.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${t}_${F.value})` : `url(#rectGradient_neg_${t}_${F.value})` : e.color,
 							stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
 							"stroke-width": B.value.bar.border.strokeWidth,
-							style: w({ transition: k(Ba) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, un)) : x("", !0),
-						ss(r.value) && n.$slots.pattern ? (T(), S("rect", {
+							style: w({ transition: k(qa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, yn)) : x("", !0),
+						k(bt)(r.value) && n.$slots.pattern ? (T(), S("rect", {
 							key: 1,
-							x: Cs(r) - pc.value / 2,
+							x: Cs(r) - fc.value / 2,
 							y: V.value.useIndividualScale ? Ts(r) : ws(r),
 							height: V.value.useIndividualScale ? Math.abs(bs(r)) : Math.abs(ys(r)),
-							width: fc.value - pc.value,
+							width: dc.value - fc.value,
 							rx: B.value.bar.borderRadius,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
 							"stroke-width": B.value.bar.border.strokeWidth,
-							style: w({ transition: k(Ba) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, dn)) : x("", !0),
+							style: w({ transition: k(qa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, bn)) : x("", !0),
 						r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
-							width: fc.value + B.value.chart.comments.width,
+							width: dc.value + B.value.chart.comments.width,
 							x: Cs(r) - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
 							y: k(v)(r.y) + B.value.chart.comments.offsetY + 6
 						}, [O(n.$slots, "plot-comment", { plot: {
@@ -3411,24 +3408,24 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)], 8, fn)) : x("", !0)
+						} }, void 0, !0)], 8, xn)) : x("", !0)
 					]))), 128))], 6))), 128)) : x("", !0),
 					!V.value.useIndividualScale && B.value.chart.grid.labels.zeroLine.show ? (T(), S("line", {
 						key: 2,
 						stroke: B.value.chart.grid.stroke,
 						"stroke-width": "1",
-						x1: J.value?.left,
-						x2: J.value?.right,
+						x1: Y.value?.left,
+						x2: Y.value?.right,
 						y1: k(h)(vs.value),
 						y2: k(h)(vs.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, pn)) : x("", !0),
-					!B.value.chart.highlighter.crosshairs.show && (B.value.chart.highlighter.useLine || K.value) && Ko.value ? (T(), S("g", mn, [C("line", {
+					}, null, 8, Sn)) : x("", !0),
+					!B.value.chart.highlighter.crosshairs.show && (B.value.chart.highlighter.useLine || q.value) && Yo.value ? (T(), S("g", Cn, [C("line", {
 						x1: cl.value,
 						x2: cl.value,
-						y1: k(h)(J.value?.top),
-						y2: k(h)(J.value?.bottom),
+						y1: k(h)(Y.value?.top),
+						y2: k(h)(Y.value?.bottom),
 						stroke: B.value.chart.highlighter.color,
 						"stroke-width": B.value.chart.highlighter.lineWidth,
 						"stroke-dasharray": B.value.chart.highlighter.lineDasharray,
@@ -3438,11 +3435,11 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, hn)])) : x("", !0),
-					ll.value ? (T(), S("g", gn, [(T(!0), S(y, null, D(ul.value, (e) => (T(), S("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
+					}, null, 8, wn)])) : x("", !0),
+					ll.value ? (T(), S("g", Tn, [(T(!0), S(y, null, D(ul.value, (e) => (T(), S("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
 						C("line", {
-							x1: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(e.x) : J.value.left,
-							x2: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(fl(e.x)) : J.value.right,
+							x1: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(e.x) : Y.value.left,
+							x2: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(fl(e.x)) : Y.value.right,
 							y1: k(h)(e.y),
 							y2: k(h)(e.y),
 							stroke: B.value.chart.highlighter.crosshairs.stroke,
@@ -3450,18 +3447,18 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							"stroke-dasharray": B.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
-						}, null, 8, _n),
+						}, null, 8, En),
 						C("line", {
 							x1: k(h)(e.x),
 							x2: k(h)(e.x),
-							y1: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(e.y) : J.value.top,
-							y2: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(J.value.bottom) : J.value.bottom,
+							y1: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(e.y) : Y.value.top,
+							y2: B.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(Y.value.bottom) : Y.value.bottom,
 							stroke: B.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": B.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": B.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
-						}, null, 8, vn),
+						}, null, 8, Dn),
 						C("circle", {
 							cx: k(h)(fl(e.x)),
 							cy: k(h)(e.y),
@@ -3470,7 +3467,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							stroke: B.value.chart.highlighter.crosshairs.dot.stroke,
 							"stroke-width": B.value.chart.highlighter.crosshairs.dot.strokeWidth,
 							style: { "pointer-events": "none" }
-						}, null, 8, yn)
+						}, null, 8, On)
 					]))), 128))])) : x("", !0),
 					B.value.chart.grid.frame.show ? (T(), S("rect", {
 						key: 5,
@@ -3479,53 +3476,53 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							transition: "none",
 							animation: "none !important"
 						},
-						x: Math.max(0, J.value?.left),
-						y: J.value?.top,
-						width: Math.max(0, J.value?.width),
-						height: J.value.height < 0 ? 0 : J.value.height,
+						x: Math.max(0, Y.value?.left),
+						y: Y.value?.top,
+						width: Math.max(0, Y.value?.width),
+						height: Y.value.height < 0 ? 0 : Y.value.height,
 						fill: "transparent",
 						stroke: B.value.chart.grid.frame.stroke,
 						"stroke-width": B.value.chart.grid.frame.strokeWidth,
 						"stroke-linecap": B.value.chart.grid.frame.strokeLinecap,
 						"stroke-linejoin": B.value.chart.grid.frame.strokeLinejoin,
 						"stroke-dasharray": B.value.chart.grid.frame.strokeDasharray
-					}, null, 8, bn)) : x("", !0),
+					}, null, 8, kn)) : x("", !0),
 					B.value.chart.grid.labels.show ? (T(), S("g", {
 						key: 6,
 						ref_key: "scaleLabels",
-						ref: Bi,
+						ref: Yi,
 						opacity: ll.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
 					}, [V.value.useIndividualScale ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(jc.value, (e) => (T(), S("g", null, [C("line", {
-						x1: V.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
-						x2: V.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
-						y1: V.value.isStacked ? k(h)(J.value?.bottom - e.yOffset - e.individualHeight) : k(h)(J.value?.top),
-						y2: V.value.isStacked ? k(h)(J.value?.bottom - e.yOffset) : k(h)(J.value?.bottom),
+						x1: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
+						x2: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
+						y1: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset - e.individualHeight) : k(h)(Y.value?.top),
+						y2: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset) : k(h)(Y.value?.bottom),
 						stroke: e.color,
 						"stroke-width": B.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, Sn)]))), 256)), (T(!0), S(y, null, D(jc.value, (e) => (T(), S("g", { style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
+					}, null, 12, jn)]))), 256)), (T(!0), S(y, null, D(jc.value, (e) => (T(), S("g", { style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
 						C("text", {
 							fill: e.color,
 							"font-size": z.value.dataLabels * .8,
 							"text-anchor": "middle",
-							transform: `translate(${V.value.isStacked ? q.value ? J.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + J.value.individualOffsetX + B.value.chart.grid.labels.axis.yLabelOffsetX : J.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - B.value.chart.grid.labels.yAxis.labelWidth - B.value.chart.grid.labels.axis.yLabelOffsetX : q.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX : e.x - z.value.dataLabels * .8 / 2}, ${V.value.isStacked ? J.value?.bottom - e.yOffset - e.individualHeight / 2 : J.value?.top + J.value.height / 2}) rotate(-90)`
-						}, pt(e.name) + " " + pt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, Cn),
+							transform: `translate(${V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX + B.value.chart.grid.labels.axis.yLabelOffsetX : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - B.value.chart.grid.labels.yAxis.labelWidth - B.value.chart.grid.labels.axis.yLabelOffsetX : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX : e.x - z.value.dataLabels * .8 / 2}, ${V.value.isStacked ? Y.value?.bottom - e.yOffset - e.individualHeight / 2 : Y.value?.top + Y.value.height / 2}) rotate(-90)`
+						}, pt(e.name) + " " + pt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, Mn),
 						(T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S(y, null, [B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
 							key: 0,
-							x1: V.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x + 3 - B.value.chart.grid.labels.yAxis.crosshairSize - J.value.individualOffsetX,
-							x2: V.value.isStacked ? q.value ? J.value.right + B.value.chart.grid.labels.yAxis.crosshairSize : J.value.left - B.value.chart.grid.labels.yAxis.crosshairSize : q.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize : e.x - J.value.individualOffsetX,
+							x1: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x + 3 - B.value.chart.grid.labels.yAxis.crosshairSize - Y.value.individualOffsetX,
+							x2: V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize : e.x - Y.value.individualOffsetX,
 							y1: k(h)(t.y),
 							y2: k(h)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, wn)) : x("", !0)], 64))), 256)),
+						}, null, 8, Nn)) : x("", !0)], 64))), 256)),
 						(T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S("text", {
-							transform: `translate(${V.value.isStacked ? q.value ? J.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : q.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - J.value.individualOffsetX}, ${k(h)(t.y) + z.value.dataLabels / 3})`,
-							"text-anchor": q.value ? "start" : "end",
+							transform: `translate(${V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - Y.value.individualOffsetX}, ${k(h)(t.y) + z.value.dataLabels / 3})`,
+							"text-anchor": J.value ? "start" : "end",
 							"font-size": z.value.dataLabels,
 							fill: e.color
 						}, pt(k(_)(B.value.chart.grid.labels.yAxis.formatter, t.value, k(s)({
@@ -3536,34 +3533,34 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						}), {
 							datapoint: t.datapoint,
 							seriesIndex: n
-						})), 9, Tn))), 256))
-					], 4))), 256))], 64)) : (T(!0), S(y, { key: 1 }, D(_c.value, (e, t) => (T(), S("g", { key: `yLabel_${t}` }, [ss(e) && e.value >= G.value.min && e.value <= G.value.max && B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
+						})), 9, Pn))), 256))
+					], 4))), 256))], 64)) : (T(!0), S(y, { key: 1 }, D(gc.value, (e, t) => (T(), S("g", { key: `yLabel_${t}` }, [k(bt)(e) && e.value >= K.value.min && e.value <= K.value.max && B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
 						key: 0,
-						x1: q.value ? J.value?.right : J.value?.left,
-						x2: q.value ? J.value?.right + B.value.chart.grid.labels.yAxis.crosshairSize : J.value?.left - B.value.chart.grid.labels.yAxis.crosshairSize,
+						x1: J.value ? Y.value?.right : Y.value?.left,
+						x2: J.value ? Y.value?.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value?.left - B.value.chart.grid.labels.yAxis.crosshairSize,
 						y1: k(h)(e.y),
 						y2: k(h)(e.y),
 						stroke: B.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, En)) : x("", !0), e.value >= G.value.min && e.value <= G.value.max ? (T(), S("text", {
+					}, null, 8, Fn)) : x("", !0), e.value >= K.value.min && e.value <= K.value.max ? (T(), S("text", {
 						key: 1,
-						transform: `translate(${q.value ? J.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(v)(e.y + z.value.dataLabels / 3)})`,
+						transform: `translate(${J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(v)(e.y + z.value.dataLabels / 3)})`,
 						"font-size": z.value.dataLabels,
-						"text-anchor": q.value ? "start" : "end",
+						"text-anchor": J.value ? "start" : "end",
 						fill: B.value.chart.grid.labels.color
-					}, pt(ss(e.value) ? k(_)(B.value.chart.grid.labels.yAxis.formatter, e.value, k(s)({
+					}, pt(k(bt)(e.value) ? k(_)(B.value.chart.grid.labels.yAxis.formatter, e.value, k(s)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
 						r: B.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, Dn)) : x("", !0)]))), 128))], 8, xn)) : x("", !0),
-					ll.value ? (T(), S("g", On, [(T(!0), S(y, null, D(ul.value, (e) => (T(), S("text", {
+					})) : ""), 9, In)) : x("", !0)]))), 128))], 8, An)) : x("", !0),
+					ll.value ? (T(), S("g", Ln, [(T(!0), S(y, null, D(ul.value, (e) => (T(), S("text", {
 						key: `crosshair_y_label_${e.serie.id}_${e.index}`,
-						transform: `translate(${q.value ? J.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(h)(e.y) + z.value.dataLabels / 3})`,
+						transform: `translate(${J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(h)(e.y) + z.value.dataLabels / 3})`,
 						"font-size": z.value.dataLabels,
-						"text-anchor": q.value ? "start" : "end",
+						"text-anchor": J.value ? "start" : "end",
 						fill: B.value.chart.grid.labels.color,
 						style: {
 							transition: "none !important",
@@ -3578,10 +3575,10 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					}), {
 						datapoint: e.serie,
 						seriesIndex: e.index
-					})), 9, kn))), 128))])) : x("", !0),
-					dl.value ? (T(), S("g", An, [C("circle", {
+					})), 9, Rn))), 128))])) : x("", !0),
+					dl.value ? (T(), S("g", zn, [C("circle", {
 						cx: cl.value,
-						cy: k(h)(J.value?.bottom),
+						cy: k(h)(Y.value?.bottom),
 						r: B.value.chart.highlighter.crosshairs.dot.radius,
 						fill: B.value.chart.highlighter.crosshairs.dot.fill,
 						stroke: B.value.chart.highlighter.crosshairs.dot.stroke,
@@ -3591,12 +3588,12 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, jn)])) : x("", !0),
-					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
+					}, null, 8, Bn)])) : x("", !0),
+					(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S("g", {
 						key: `serie_plot_${e.id}`,
 						class: st(`serie_plot_${t}`),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S("g", { key: `circle_plot_${t}_${i}` }, [r && ss(r.value) ? (T(), Qe(Ge, {
+					}, [(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S("g", { key: `circle_plot_${t}_${i}` }, [r && k(bt)(r.value) ? (T(), Qe(Ge, {
 						key: 0,
 						shape: [
 							"triangle",
@@ -3611,10 +3608,10 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							x: k(v)(r.x),
 							y: k(v)(r.y)
 						},
-						radius: pl(e, r, i) ? (ja.value.plot || 6) * 1.5 : (yc(e.plots, i), ja.value.plot || 6),
+						radius: pl(e, r, i) ? (Ra.value.plot || 6) * 1.5 : (vc(e.plots, i), Ra.value.plot || 6),
 						stroke: B.value.plot.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
 						strokeWidth: B.value.plot.dot.strokeWidth,
-						transition: k(Ba) || !B.value.plot.showTransition || pl(e, r, i) ? void 0 : `all ${B.value.plot.transitionDurationMs}ms ease-in-out`
+						transition: k(qa) || !B.value.plot.showTransition || pl(e, r, i) ? void 0 : `all ${B.value.plot.transitionDurationMs}ms ease-in-out`
 					}, null, 8, [
 						"shape",
 						"color",
@@ -3630,13 +3627,13 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						width: B.value.chart.comments.width,
 						x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
 						y: r.y + B.value.chart.comments.offsetY + 6
-					}, [C("div", Nn, [O(n.$slots, "plot-comment", { plot: {
+					}, [C("div", Hn, [O(n.$slots, "plot-comment", { plot: {
 						...r,
 						color: e.color,
 						seriesIndex: t,
 						datapointIndex: i
-					} }, void 0, !0)])], 8, Mn)) : x("", !0)]))), 128))], 6))), 128)),
-					(T(!0), S(y, null, D(Q.value, (e, t) => (T(), S("g", {
+					} }, void 0, !0)])], 8, Vn)) : x("", !0)]))), 128))], 6))), 128)),
+					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
 						key: `serie_line_${e.id}`,
 						class: st(`serie_line_${t}`),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -3647,8 +3644,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						"stroke-width": B.value.line.strokeWidth + 1,
 						"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
 						fill: "none",
-						style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, Pn)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
+						style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, Un)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
 						key: 1,
 						d: `M${e.straight}`,
 						stroke: B.value.chart.backgroundColor,
@@ -3657,48 +3654,48 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, Fn)) : x("", !0)], 6))), 128)),
-					n.$slots.pattern ? (T(), S("defs", In, [(T(!0), S(y, null, D(ho.value, (e, t) => O(n.$slots, "pattern", at({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+						style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, Wn)) : x("", !0)], 6))), 128)),
+					n.$slots.pattern ? (T(), S("defs", Gn, [(T(!0), S(y, null, D(vo.value, (e, t) => O(n.$slots, "pattern", at({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${F.value}_${t}`
 					}), void 0, !0)), 128))])) : x("", !0),
-					Mc.value.length && !V.value.isStacked ? (T(), S("g", Ln, [(T(!0), S(y, null, D(Mc.value, (e) => (T(), S("path", {
+					Mc.value.length && !V.value.isStacked ? (T(), S("g", Kn, [(T(!0), S(y, null, D(Mc.value, (e) => (T(), S("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
 						"fill-opacity": B.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, Rn))), 128))])) : x("", !0),
-					(T(!0), S(y, null, D(Q.value, (e, t) => (T(), S("g", {
+						style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, qn))), 128))])) : x("", !0),
+					(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
 						key: `serie_line_above_${e.id}`,
 						class: st(`serie_line_${t}`),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (T(), S("g", zn, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.curveAreas, (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
+						e.useArea && e.plots.length > 1 ? (T(), S("g", Jn, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.curveAreas, (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
 							key: 0,
 							d: r,
 							fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
-							style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Bn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
+							style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Yn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Vn)) : x("", !0)], 64))), 128)) : (T(!0), S(y, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
+							style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Xn)) : x("", !0)], 64))), 128)) : (T(!0), S(y, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
 							key: 0,
 							d: `M${r}Z`,
 							fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
-							style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Hn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
+							style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Zn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Un)) : x("", !0)], 64))), 128))])) : x("", !0),
+							style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Qn)) : x("", !0)], 64))), 128))])) : x("", !0),
 						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), S("path", {
 							key: 1,
 							d: `M${e.curve}`,
@@ -3707,8 +3704,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Wn)) : e.hasDashedSegments ? (T(), S(y, { key: 2 }, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.dashedSmooth, (n) => (T(), S("path", {
+							style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, $n)) : e.hasDashedSegments ? (T(), S(y, { key: 2 }, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.dashedSmooth, (n) => (T(), S("path", {
 							key: n.path,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -3717,7 +3714,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
 							"stroke-width": B.value.line.strokeWidth,
 							"stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
-						}, null, 8, Gn))), 128)) : (T(!0), S(y, { key: 1 }, D(e.dashedStraight, (n) => (T(), S("path", {
+						}, null, 8, er))), 128)) : (T(!0), S(y, { key: 1 }, D(e.dashedStraight, (n) => (T(), S("path", {
 							key: n.path,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -3726,7 +3723,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
 							"stroke-width": B.value.line.strokeWidth,
 							"stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
-						}, null, 8, Kn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
+						}, null, 8, tr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
 							key: 3,
 							d: `M${e.straight}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
@@ -3735,9 +3732,9 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: w({ transition: k(Ba) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, qn)) : x("", !0),
-						(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S(y, { key: `circle_line_${t}_${i}` }, [!qs.value.linePlot && r && ss(r.value) || qs.value.linePlot && r && ss(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || yc(e.plots, i) ? (T(), Qe(Ge, {
+							style: w({ transition: k(qa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, nr)) : x("", !0),
+						(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S(y, { key: `circle_line_${t}_${i}` }, [!qs.value.linePlot && r && k(bt)(r.value) || qs.value.linePlot && r && k(bt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || vc(e.plots, i) ? (T(), Qe(Ge, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -3752,10 +3749,10 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 								x: k(v)(r.x),
 								y: k(v)(r.y)
 							},
-							radius: pl(e, r, i) ? (ja.value.line || 6) * 1.5 : (yc(e.plots, i), ja.value.line || 6),
+							radius: pl(e, r, i) ? (Ra.value.line || 6) * 1.5 : (vc(e.plots, i), Ra.value.line || 6),
 							stroke: B.value.line.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
 							strokeWidth: B.value.line.dot.strokeWidth,
-							transition: k(Ba) || !B.value.line.showTransition || pl(e, r, i) ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out`
+							transition: k(qa) || !B.value.line.showTransition || pl(e, r, i) ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out`
 						}, null, 8, [
 							"shape",
 							"color",
@@ -3771,14 +3768,14 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							width: B.value.chart.comments.width,
 							x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
 							y: r.y + B.value.chart.comments.offsetY + 6
-						}, [C("div", Yn, [O(n.$slots, "plot-comment", { plot: {
+						}, [C("div", ir, [O(n.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)])], 8, Jn)) : x("", !0)], 64))), 128))
+						} }, void 0, !0)])], 8, rr)) : x("", !0)], 64))), 128))
 					], 6))), 128)),
-					(B.value.bar.labels.show || B.value.bar.serieName.show) && V.value.dataLabels.show ? (T(), S("g", Xn, [(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S(y, { key: `xLabel_bar_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || R.value !== null && R.value === r || I.value !== null && I.value === r) && B.value.bar.labels.show ? (T(), S("text", {
+					(B.value.bar.labels.show || B.value.bar.serieName.show) && V.value.dataLabels.show ? (T(), S("g", ar, [(T(!0), S(y, null, D(kc.value, (e, t) => (T(), S(y, { key: `xLabel_bar_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || R.value !== null && R.value === r || I.value !== null && I.value === r) && B.value.bar.labels.show ? (T(), S("text", {
 						key: 0,
 						"text-anchor": sl({
 							plot: n,
@@ -3795,7 +3792,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							plot: n,
 							type: "bar"
 						})
-					}, null, 12, Zn)) : x("", !0), n && B.value.bar.serieName.show ? (T(), S("text", {
+					}, null, 12, or)) : x("", !0), n && B.value.bar.serieName.show ? (T(), S("text", {
 						key: 1,
 						x: V.value.useIndividualScale && V.value.isStacked ? n.x + xs.value.line / 2 : n.x + Ss() * 1.1,
 						y: n.y + (n.value > 0 ? B.value.bar.serieName.offsetY : -B.value.bar.serieName.offsetY * 3),
@@ -3807,8 +3804,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					}, pt(B.value.bar.serieName.useAbbreviation ? k(ye)({
 						source: e.name,
 						length: B.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, Qn)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
-					B.value.plot.labels.show && V.value.dataLabels.show ? (T(), S("g", $n, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || pl(e, n, r) ? (T(), S("text", {
+					}) : e.name), 13, sr)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
+					B.value.plot.labels.show && V.value.dataLabels.show ? (T(), S("g", cr, [(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || pl(e, n, r) ? (T(), S("text", {
 						key: 0,
 						transform: ol({
 							plot: n,
@@ -3828,22 +3825,22 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							plot: n,
 							type: "plot"
 						})
-					}, null, 12, er)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", tr, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [B.value.plot.tag.followValue ? (T(), S(y, { key: 1 }, [[
+					}, null, 12, lr)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", ur, [(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [B.value.plot.tag.followValue ? (T(), S(y, { key: 1 }, [[
 						I.value,
 						R.value,
-						$i.value
+						ca.value
 					].includes(r) && e.useTag ? (T(), S("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
-						x1: J.value?.left,
-						x2: J.value?.right,
+						x1: Y.value?.left,
+						x2: Y.value?.right,
 						y1: n.y,
 						y2: n.y,
 						"stroke-width": 1,
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, or)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
+					}, null, 8, hr)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
@@ -3857,7 +3854,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, rr)], 12, nr)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
+					}, null, 12, fr)], 12, dr)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
 						key: 1,
 						x: n.x - e.name.length * (z.value.plotLabels / 2),
 						y: n.y - 20,
@@ -3871,8 +3868,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, ar)], 12, ir)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					B.value.line.labels.show && V.value.dataLabels.show ? (T(), S("g", sr, [(T(!0), S(y, null, D(Q.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || pl(e, n, r) ? (T(), S("text", {
+					}, null, 12, mr)], 12, pr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					B.value.line.labels.show && V.value.dataLabels.show ? (T(), S("g", gr, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || pl(e, n, r) ? (T(), S("text", {
 						key: 0,
 						transform: ol({
 							plot: n,
@@ -3892,22 +3889,22 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							plot: n,
 							type: "line"
 						})
-					}, null, 12, cr)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", lr, [(T(!0), S(y, null, D(Q.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [B.value.line.tag.followValue ? (T(), S(y, { key: 1 }, [[
+					}, null, 12, _r)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", vr, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [B.value.line.tag.followValue ? (T(), S(y, { key: 1 }, [[
 						I.value,
 						R.value,
-						$i.value
+						ca.value
 					].includes(r) && e.useTag ? (T(), S("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
-						x1: J.value?.left,
-						x2: J.value?.right,
+						x1: Y.value?.left,
+						x2: Y.value?.right,
 						y1: n.y,
 						y2: n.y,
 						"stroke-width": 1,
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, mr)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
+					}, null, 8, Cr)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
@@ -3921,7 +3918,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, dr)], 12, ur)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
+					}, null, 12, br)], 12, yr)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
 						key: 1,
 						x: n.x,
 						y: n.y - 20,
@@ -3935,8 +3932,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, pr)], 12, fr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					(T(!0), S(y, null, D(Q.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
+					}, null, 12, Sr)], 12, xr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
 						key: 0,
 						x: n.x - z.value.plotLabels,
 						y: n.y,
@@ -3952,7 +3949,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							maxWords: 2
 						}),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, hr)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
+					}, null, 12, wr)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
 						key: 1,
 						x: n.x + z.value.plotLabels,
 						y: n.y,
@@ -3968,8 +3965,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							maxWords: 2
 						}),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, gr)) : x("", !0)], 64))), 128))], 64))), 128)),
-					(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
+					}, null, 12, Tr)) : x("", !0)], 64))), 128))], 64))), 128)),
+					(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
 						key: 0,
 						x: n.x - z.value.plotLabels,
 						y: n.y,
@@ -3985,7 +3982,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							maxWords: 2
 						}),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, _r)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
+					}, null, 12, Er)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
 						key: 1,
 						x: n.x + z.value.plotLabels,
 						y: n.y,
@@ -4001,12 +3998,12 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							maxWords: 2
 						}),
 						style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, vr)) : x("", !0)], 64))), 128))], 64))), 128)),
+					}, null, 12, Dr)) : x("", !0)], 64))), 128))], 64))), 128)),
 					(T(!0), S(y, null, D([
+						...Ac.value,
 						...$.value,
-						...Q.value,
-						...Ac.value
-					], (e, t) => (T(), S(y, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(k(_e)(e.plots).trend) ? (T(), S("g", yr, [
+						...kc.value
+					], (e, t) => (T(), S(y, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(k(_e)(e.plots).trend) ? (T(), S("g", Or, [
 						C("defs", null, [C("marker", {
 							id: `progression_arrow_${t}`,
 							markerWidth: "9",
@@ -4023,7 +4020,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							stroke: B.value.chart.backgroundColor,
 							"stroke-width": "1",
 							"stroke-linejoin": "round"
-						}, null, 8, xr)], 8, br)]),
+						}, null, 8, Ar)], 8, kr)]),
 						e.plots.length > 1 ? (T(), S("line", {
 							key: 0,
 							x1: k(_e)(e.plots).x1 + (e.type === "bar" ? Ss() : 0),
@@ -4036,7 +4033,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, Sr)) : x("", !0),
+						}, null, 8, jr)) : x("", !0),
 						e.plots.length > 1 ? (T(), S("line", {
 							key: 1,
 							x1: k(_e)(e.plots).x1 + (e.type === "bar" ? Ss() : 0),
@@ -4049,7 +4046,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, Cr)) : x("", !0),
+						}, null, 8, Mr)) : x("", !0),
 						e.plots.length > 1 ? (T(), S("text", {
 							key: 2,
 							"text-anchor": "middle",
@@ -4066,77 +4063,77 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							v: k(_e)(e.plots).trend * 100,
 							s: "%",
 							r: 2
-						})), 9, wr)) : x("", !0)
+						})), 9, Nr)) : x("", !0)
 					])) : x("", !0)], 64))), 128)),
 					V.value.useIndividualScale && !V.value.isStacked ? (T(), S(y, { key: 16 }, [C("defs", null, [(T(!0), S(y, null, D(jc.value, (e, t) => (T(), S("linearGradient", {
 						id: `individual_scale_gradient_${F.value}_${t}`,
-						x1: q.value ? "100%" : "0%",
-						x2: q.value ? "0%" : "100%",
+						x1: J.value ? "100%" : "0%",
+						x2: J.value ? "0%" : "100%",
 						y1: "0%",
 						y2: "0%"
 					}, [C("stop", {
 						offset: "0%",
 						"stop-color": B.value.chart.backgroundColor,
 						"stop-opacity": "0"
-					}, null, 8, Er), C("stop", {
+					}, null, 8, Fr), C("stop", {
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, Dr)], 8, Tr))), 256))]), (T(!0), S(y, null, D(jc.value, (e, t) => (T(), S("rect", {
-						x: q.value ? e.x : e.x - B.value.chart.grid.labels.yAxis.labelWidth - J.value.individualOffsetX,
-						y: J.value?.top,
-						width: (q.value, B.value.chart.grid.labels.yAxis.labelWidth + J.value.individualOffsetX),
-						height: J.value.height < 0 ? 10 : J.value.height,
+					}, null, 8, Ir)], 8, Pr))), 256))]), (T(!0), S(y, null, D(jc.value, (e, t) => (T(), S("rect", {
+						x: J.value ? e.x : e.x - B.value.chart.grid.labels.yAxis.labelWidth - Y.value.individualOffsetX,
+						y: Y.value?.top,
+						width: (J.value, B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX),
+						height: Y.value.height < 0 ? 10 : Y.value.height,
 						fill: M.value === e.groupId ? `url(#individual_scale_gradient_${F.value}_${t})` : "transparent",
 						onMouseenter: (t) => M.value = e.groupId,
 						onMouseleave: r[0] ||= (e) => M.value = null
-					}, null, 40, Or))), 256))], 64)) : x("", !0),
+					}, null, 40, Lr))), 256))], 64)) : x("", !0),
 					C("g", null, [B.value.chart.grid.labels.axis.yLabel && !V.value.useIndividualScale ? (T(), S("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
-						ref: Ri,
+						ref: qi,
 						"font-size": z.value.yAxis,
 						fill: B.value.chart.grid.labels.color,
-						transform: `translate(${q.value ? J.value.right + J.value.scaleLabelsOffset + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : B.value.chart.grid.labels.axis.fontSize + B.value.chart.grid.labels.axis.yLabelOffsetX}, ${J.value?.top + J.value.height / 2}) rotate(-90)`,
+						transform: `translate(${J.value ? Y.value.right + Y.value.scaleLabelsOffset + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : B.value.chart.grid.labels.axis.fontSize + B.value.chart.grid.labels.axis.yLabelOffsetX}, ${Y.value?.top + Y.value.height / 2}) rotate(-90)`,
 						"text-anchor": "middle",
 						style: { transition: "none" }
-					}, pt(B.value.chart.grid.labels.axis.yLabel), 9, kr)) : x("", !0), B.value.chart.grid.labels.axis.xLabel ? (T(), S("text", {
+					}, pt(B.value.chart.grid.labels.axis.yLabel), 9, Rr)) : x("", !0), B.value.chart.grid.labels.axis.xLabel ? (T(), S("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
-						ref: Li,
+						ref: Ki,
 						"text-anchor": "middle",
 						x: N.value / 2,
-						y: Ki.value - 3,
+						y: ta.value - 3,
 						"font-size": z.value.yAxis,
 						fill: B.value.chart.grid.labels.color
-					}, pt(B.value.chart.grid.labels.axis.xLabel), 9, Ar)) : x("", !0)]),
+					}, pt(B.value.chart.grid.labels.axis.xLabel), 9, zr)) : x("", !0)]),
 					B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", {
 						key: 17,
 						ref_key: "timeLabelsEls",
-						ref: zi,
+						ref: Ji,
 						opacity: ll.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [n.$slots["time-label"] ? (T(!0), S(y, { key: 0 }, D(Sc.value, (e, t) => O(n.$slots, "time-label", at({
+					}, [n.$slots["time-label"] ? (T(!0), S(y, { key: 0 }, D(xc.value, (e, t) => O(n.$slots, "time-label", at({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
-						x: Cc(e, t),
-						y: J.value?.bottom,
+						x: Sc(e, t),
+						y: Y.value?.bottom,
 						fontSize: z.value.xAxis,
 						fill: B.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Cc(e, t)}, ${J.value?.bottom + z.value.xAxis * 1.3 + B.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${Sc(e, t)}, ${Y.value?.bottom + z.value.xAxis * 1.3 + B.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
 						textAnchor: B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
-					}), void 0, !0)), 128)) : (T(!0), S(y, { key: 1 }, D(Sc.value, (e, n) => (T(), S("g", { key: `time_label_${n}` }, [e && e.text ? (T(), S(y, { key: 0 }, [String(e.text).includes("\n") ? (T(), S("text", {
+					}), void 0, !0)), 128)) : (T(!0), S(y, { key: 1 }, D(xc.value, (e, n) => (T(), S("g", { key: `time_label_${n}` }, [e && e.text ? (T(), S(y, { key: 0 }, [String(e.text).includes("\n") ? (T(), S("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": z.value.xAxis,
 						fill: B.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Cc(e, n)}, ${J.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: Ao() && Fa.value ? "pointer" : "default" }),
+						transform: `translate(${Sc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: w({ cursor: No() && Ha.value ? "pointer" : "default" }),
 						innerHTML: k(t)({
 							content: String(e.text),
 							fontSize: z.value.xAxis,
@@ -4144,23 +4141,23 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							x: 0,
 							y: 0
 						}),
-						onClick: () => Uo(e, n)
-					}, null, 12, Nr)) : (T(), S("text", {
+						onClick: () => Ko(e, n)
+					}, null, 12, Hr)) : (T(), S("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": z.value.xAxis,
 						fill: B.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${Cc(e, n)}, ${J.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: Ao() && Fa.value ? "pointer" : "default" }),
-						onClick: () => Uo(e, n)
-					}, pt(e.text || ""), 13, Mr))], 64)) : x("", !0)]))), 128))], 8, jr)) : x("", !0),
-					dl.value ? (T(), S("g", Pr, [C("text", {
+						transform: `translate(${Sc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: w({ cursor: No() && Ha.value ? "pointer" : "default" }),
+						onClick: () => Ko(e, n)
+					}, pt(e.text || ""), 13, Vr))], 64)) : x("", !0)]))), 128))], 8, Br)) : x("", !0),
+					dl.value ? (T(), S("g", Ur, [C("text", {
 						class: "vue-data-ui-time-label",
 						"text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": z.value.xAxis,
 						fill: B.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${dl.value.x}, ${J.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${dl.value.x}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
 						"font-weight": "bold",
 						style: {
 							transition: "none !important",
@@ -4174,8 +4171,8 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Fr)])) : x("", !0),
-					vc.value.length && !V.value.isStacked ? (T(), S("g", Ir, [(T(!0), S(y, null, D(vc.value, (e) => (T(), S("g", { key: e.uid }, [
+					}, null, 8, Wr)])) : x("", !0),
+					_c.value.length && !V.value.isStacked ? (T(), S("g", Gr, [(T(!0), S(y, null, D(_c.value, (e) => (T(), S("g", { key: e.uid }, [
 						e.yTop && e.show && isFinite(e.yTop) ? (T(), S("line", {
 							key: 0,
 							x1: e.x1,
@@ -4187,7 +4184,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Lr)) : x("", !0),
+						}, null, 8, Kr)) : x("", !0),
 						e.yBottom && e.show && isFinite(e.yBottom) ? (T(), S("line", {
 							key: 1,
 							x1: e.x1,
@@ -4199,16 +4196,16 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Rr)) : x("", !0),
+						}, null, 8, qr)) : x("", !0),
 						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), S("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
-							width: J.value.width,
+							width: Y.value.width,
 							height: k(v)(e.areaHeight, 0),
 							fill: k(f)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
-						}, null, 8, zr)) : x("", !0),
+						}, null, 8, Jr)) : x("", !0),
 						e.config.label.text && e.show && isFinite(e._box.y) ? (T(), S("rect", at({
 							key: 3,
 							class: "vue-ui-xy-annotation-label-box"
@@ -4225,11 +4222,11 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 							"font-size": e.config.label.fontSize,
 							fill: e.config.label.color,
 							"text-anchor": e.config.label.textAnchor
-						}, pt(e.config.label.text), 9, Br)) : x("", !0)
+						}, pt(e.config.label.text), 9, Yr)) : x("", !0)
 					]))), 128))])) : x("", !0),
-					!ll.value && B.value.chart.timeTag.show && (K.value ? k(g)(el.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), S("g", Vr, [(T(), S("foreignObject", {
+					!ll.value && B.value.chart.timeTag.show && (q.value ? k(g)(el.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), S("g", Xr, [(T(), S("foreignObject", {
 						x: nl(),
-						y: J.value?.bottom,
+						y: Y.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
@@ -4239,58 +4236,58 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 						class: "vue-ui-xy-time-tag",
 						style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${B.value.chart.timeTag.backgroundColor};color:${B.value.chart.timeTag.color};font-size:${B.value.chart.timeTag.fontSize}px`),
 						innerHTML: rl.value
-					}, null, 12, Ur)], 8, Hr)), C("circle", {
-						cx: K.value && k(g)(el.value) ? wc({ x: el.value }) : tc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
-						cy: J.value?.bottom,
+					}, null, 12, Qr)], 8, Zr)), C("circle", {
+						cx: q.value && k(g)(el.value) ? Cc({ x: el.value }) : tc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+						cy: Y.value?.bottom,
 						r: B.value.chart.timeTag.circleMarker.radius,
 						fill: B.value.chart.timeTag.circleMarker.color
-					}, null, 8, Wr)])) : x("", !0)
+					}, null, 8, $r)])) : x("", !0)
 				])) : x("", !0),
-				Ka.value ? (T(), S("rect", at({ key: 2 }, Ya.value, {
+				Za.value ? (T(), S("rect", at({ key: 2 }, eo.value, {
 					"data-start": W.value.start,
 					"data-end": W.value.end
-				}), null, 16, Gr)) : x("", !0),
+				}), null, 16, ei)) : x("", !0),
 				O(n.$slots, "svg", { svg: {
-					...Ta.value,
+					...Pa.value,
 					slicer: W.value,
-					isPrintingImg: k(Xa) || k(Za) || fa.value,
-					isPrintingSvg: pa.value,
+					isPrintingImg: k(to) || k(no) || xa.value,
+					isPrintingSvg: Sa.value,
 					data: [
-						...Q.value,
-						...Ac.value,
-						...$.value
+						...$.value,
+						...kc.value,
+						...Ac.value
 					],
-					drawingArea: J.value
+					drawingArea: Y.value
 				} }, void 0, !0)
-			], 512)], 46, Tt)), n.$slots.hint ? (T(), S("div", Kr, [O(n.$slots, "hint", ct(it({
+			], 512)], 46, Pt)), n.$slots.hint ? (T(), S("div", ti, [O(n.$slots, "hint", ct(it({
 				hint: B.value.a11y.translations.keyboardNavigation,
 				isVisible: El.value
 			})), void 0, !0)])) : x("", !0)]),
-			n.$slots.watermark ? (T(), S("div", qr, [O(n.$slots, "watermark", ct(it({ isPrinting: k(Xa) || k(Za) || fa.value || pa.value })), void 0, !0)])) : x("", !0),
-			(T(!0), S(y, null, D(Q.value, (e, t) => (T(), S(y, { key: `tag_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_line_${t}_${r}` }, [[
+			n.$slots.watermark ? (T(), S("div", ni, [O(n.$slots, "watermark", ct(it({ isPrinting: k(to) || k(no) || xa.value || Sa.value })), void 0, !0)])) : x("", !0),
+			(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `tag_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_line_${t}_${r}` }, [[
 				I.value,
 				R.value,
-				$i.value
+				ca.value
 			].includes(r) && e.useTag && e.useTag === "end" && B.value.line.tag.followValue ? (T(), S("div", {
 				key: 0,
 				ref_for: !0,
-				ref: (e) => No(t, r, e, "right", "line"),
+				ref: (e) => Io(t, r, e, "right", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
 				style: w({
 					position: "fixed",
 					top: k(ge)({
 						svgElement: L.value,
-						x: J.value?.right + B.value.line.tag.fontSize / 1.5,
+						x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_right_line`],
+						element: _a.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.top + "px",
 					left: k(ge)({
 						svgElement: L.value,
-						x: J.value?.right + B.value.line.tag.fontSize / 1.5,
+						x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_right_line`],
+						element: _a.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.left + "px",
 					height: "fit-content",
@@ -4301,41 +4298,41 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					fontSize: B.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), S("svg", Jr, [C("path", {
+			}, [(T(), S("svg", ri, [C("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Yr)])), C("div", {
+			}, null, 8, ii)])), C("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Xr)], 4)) : x("", !0), [
+			}, null, 8, ai)], 4)) : x("", !0), [
 				I.value,
 				R.value,
-				$i.value
+				ca.value
 			].includes(r) && e.useTag && e.useTag === "start" && B.value.line.tag.followValue ? (T(), S("div", {
 				key: 1,
 				ref_for: !0,
-				ref: (e) => No(t, r, e, "left", "line"),
+				ref: (e) => Io(t, r, e, "left", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
 				style: w({
 					position: "fixed",
 					top: k(ge)({
 						svgElement: L.value,
-						x: J.value?.left - B.value.line.tag.fontSize / 1.5,
+						x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_left_line`],
+						element: _a.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.top + "px",
 					left: k(ge)({
 						svgElement: L.value,
-						x: J.value?.left - B.value.line.tag.fontSize / 1.5,
+						x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_left_line`],
+						element: _a.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.left + "px",
 					height: "fit-content",
@@ -4346,42 +4343,42 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					fontSize: B.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), S("svg", Zr, [C("path", {
+			}, [(T(), S("svg", oi, [C("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Qr)])), C("div", {
+			}, null, 8, si)])), C("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, $r)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
-			(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `tag_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_plot_${t}_${r}` }, [[
+			}, null, 8, ci)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
+			(T(!0), S(y, null, D(Ac.value, (e, t) => (T(), S(y, { key: `tag_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_plot_${t}_${r}` }, [[
 				I.value,
 				R.value,
-				$i.value
+				ca.value
 			].includes(r) && e.useTag && e.useTag === "end" && B.value.plot.tag.followValue ? (T(), S("div", {
 				key: 0,
 				ref_for: !0,
-				ref: (e) => No(t, r, e, "right", "plot"),
+				ref: (e) => Io(t, r, e, "right", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
 				style: w({
 					position: "fixed",
 					top: k(ge)({
 						svgElement: L.value,
-						x: J.value?.right + B.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_right_plot`],
+						element: _a.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.top + "px",
 					left: k(ge)({
 						svgElement: L.value,
-						x: J.value?.right + B.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_right_plot`],
+						element: _a.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.left + "px",
 					height: "fit-content",
@@ -4392,41 +4389,41 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					fontSize: B.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), S("svg", ei, [C("path", {
+			}, [(T(), S("svg", li, [C("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ti)])), C("div", {
+			}, null, 8, ui)])), C("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, ni)], 4)) : x("", !0), [
+			}, null, 8, di)], 4)) : x("", !0), [
 				I.value,
 				R.value,
-				$i.value
+				ca.value
 			].includes(r) && e.useTag && e.useTag === "start" && B.value.plot.tag.followValue ? (T(), S("div", {
 				key: 1,
 				ref_for: !0,
-				ref: (e) => No(t, r, e, "left", "plot"),
+				ref: (e) => Io(t, r, e, "left", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
 				style: w({
 					position: "fixed",
 					top: k(ge)({
 						svgElement: L.value,
-						x: J.value?.left - B.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_left_plot`],
+						element: _a.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.top + "px",
 					left: k(ge)({
 						svgElement: L.value,
-						x: J.value?.left - B.value.plot.tag.fontSize / 1.5,
+						x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: ca.value[`${t}_${r}_left_plot`],
+						element: _a.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.left + "px",
 					height: "fit-content",
@@ -4437,24 +4434,24 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					fontSize: B.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), S("svg", ri, [C("path", {
+			}, [(T(), S("svg", fi, [C("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ii)])), C("div", {
+			}, null, 8, pi)])), C("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, ai)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
-			B.value.chart.zoom.show && U.value > 6 && Pa.value && Qo.value ? (T(), Qe(qe, {
+			}, null, 8, mi)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
+			B.value.chart.zoom.show && U.value > 6 && Va.value && es.value ? (T(), Qe(qe, {
 				key: 6,
 				ref_key: "chartSlicer",
-				ref: Mi,
+				ref: Vi,
 				uuid: F.value,
-				allMinimaps: hc.value,
+				allMinimaps: mc.value,
 				background: B.value.chart.zoom.color,
 				borderColor: B.value.chart.backgroundColor,
 				customFormat: B.value.chart.zoom.customFormat,
@@ -4468,14 +4465,14 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				useResetSlot: B.value.chart.zoom.useResetSlot,
 				immediate: !B.value.chart.zoom.preview.enable,
 				inputColor: B.value.chart.zoom.color,
-				isPreview: Ka.value,
-				labelLeft: Y.value[0] ? Y.value[0].text : "",
-				labelRight: Y.value.at(-1) ? Y.value.at(-1).text : "",
-				max: Dc.value,
-				min: Ec.value,
-				precision: K.value ? B.value.chart.grid.labels.xAxis.rounding : 0,
-				useValueRange: K.value,
-				minimap: mc.value,
+				isPreview: Za.value,
+				labelLeft: X.value[0] ? X.value[0].text : "",
+				labelRight: X.value.at(-1) ? X.value.at(-1).text : "",
+				max: Ec.value,
+				min: Tc.value,
+				precision: q.value ? B.value.chart.grid.labels.xAxis.rounding : 0,
+				useValueRange: q.value,
+				minimap: pc.value,
 				minimapCompact: B.value.chart.zoom.minimap.compact,
 				minimapFrameColor: B.value.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: B.value.chart.zoom.minimap.indicatorColor,
@@ -4483,17 +4480,17 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				minimapMerged: B.value.chart.zoom.minimap.merged,
 				minimapSelectedColor: B.value.chart.zoom.minimap.selectedColor,
 				minimapSelectedColorOpacity: B.value.chart.zoom.minimap.selectedColorOpacity,
-				minimapSelectedIndex: K.value ? ma.value : I.value,
+				minimapSelectedIndex: q.value ? Ca.value : R.value ?? I.value,
 				minimapSelectionRadius: B.value.chart.zoom.minimap.selectionRadius,
-				preciseLabels: Lc.value.length ? Lc.value : Lo.value,
-				refreshStartPoint: K.value ? Ec.value : B.value.chart.zoom.startIndex === null ? 0 : B.value.chart.zoom.startIndex,
-				refreshEndPoint: K.value ? Dc.value : B.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Wa(e.series).length)) : B.value.chart.zoom.endIndex + 1,
+				preciseLabels: Lc.value.length ? Lc.value : Bo.value,
+				refreshStartPoint: q.value ? Tc.value : B.value.chart.zoom.startIndex === null ? 0 : B.value.chart.zoom.startIndex,
+				refreshEndPoint: q.value ? Ec.value : B.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Xa(e.series).length)) : B.value.chart.zoom.endIndex + 1,
 				selectColor: B.value.chart.zoom.highlightColor,
-				selectedSeries: gc.value,
+				selectedSeries: hc.value,
 				smoothMinimap: B.value.chart.zoom.minimap.smooth,
 				start: W.value.start,
 				textColor: B.value.chart.color,
-				timeLabels: Lo.value,
+				timeLabels: Bo.value,
 				usePreciseLabels: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.zoom.useDefaultFormat,
 				valueEnd: W.value.end,
 				valueStart: W.value.start,
@@ -4508,30 +4505,30 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				handleBorderColor: B.value.chart.zoom.minimap.handleBorderColor,
 				handleFill: B.value.chart.zoom.minimap.handleFill,
 				handleWidth: B.value.chart.zoom.minimap.handleWidth,
-				isCursorPointer: Fa.value,
-				onFutureEnd: r[1] ||= (e) => qa("end", e),
-				onFutureStart: r[2] ||= (e) => qa("start", e),
-				onReset: os,
-				onTrapMouse: Wo,
-				onTrapMouseValue: Go,
-				"onUpdate:end": as,
-				"onUpdate:start": is
+				isCursorPointer: Ha.value,
+				onFutureEnd: r[1] ||= (e) => Qa("end", e),
+				onFutureStart: r[2] ||= (e) => Qa("start", e),
+				onReset: ss,
+				onTrapMouse: qo,
+				onTrapMouseValue: Jo,
+				"onUpdate:end": os,
+				"onUpdate:start": as
 			}, {
 				"reset-action": A(({ reset: e }) => [O(n.$slots, "reset-action", ct(it({ 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("."))) : x("", !0),
-			C("div", { id: `legend-bottom-${F.value}` }, null, 8, oi),
-			ua.value && (B.value.chart.legend.show || n.$slots.legend) ? (T(), Qe(Ze, {
+			C("div", { id: `legend-bottom-${F.value}` }, null, 8, hi),
+			ya.value && (B.value.chart.legend.show || n.$slots.legend) ? (T(), Qe(Ze, {
 				key: 7,
 				to: B.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
 			}, [C("div", {
 				ref_key: "chartLegend",
-				ref: Ni
-			}, [O(n.$slots, "legend", { legend: go.value }, () => [B.value.chart.legend.show ? (T(), S("div", {
+				ref: Hi
+			}, [O(n.$slots, "legend", { legend: yo.value }, () => [B.value.chart.legend.show ? (T(), S("div", {
 				key: 0,
 				class: "vue-ui-xy-legend",
 				style: w({ fontSize: `var(--legend-font-size, ${B.value.chart.legend.fontSize ?? 14}px)` })
-			}, [B.value.chart.legend.selectAllToggle.show && go.value.length > 2 && !k(Ba) ? (T(), Qe(Ye, {
+			}, [B.value.chart.legend.selectAllToggle.show && yo.value.length > 2 && !k(qa) ? (T(), Qe(Ye, {
 				key: 0,
 				backgroundColor: B.value.chart.legend.selectAllToggle.backgroundColor,
 				color: B.value.chart.legend.selectAllToggle.color,
@@ -4543,19 +4540,19 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				"color",
 				"fontSize",
 				"checked"
-			])) : x("", !0), (T(!0), S(y, null, D(go.value, (e, t) => (T(), S("div", {
+			])) : x("", !0), (T(!0), S(y, null, D(yo.value, (e, t) => (T(), S("div", {
 				key: `div_legend_item_${t}`,
 				onClick: (t) => Hs(e),
 				onKeydown: (t) => Bs(t, e),
 				role: "button",
 				tabindex: "0",
 				class: st({
-					"vue-ui-xy-legend-item-alone": go.value.length === 1,
+					"vue-ui-xy-legend-item-alone": yo.value.length === 1,
 					"vue-ui-xy-legend-item": !0,
 					"vue-ui-xy-legend-item-segregated": P.value.includes(e.id)
 				}),
-				style: w({ cursor: Fa.value ? "pointer" : "default" })
-			}, [Yi.value[e.type] === "line" ? (T(), S("svg", ci, [C("rect", {
+				style: w({ cursor: Ha.value ? "pointer" : "default" })
+			}, [ia.value[e.type] === "line" ? (T(), S("svg", _i, [C("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
@@ -4564,7 +4561,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				height: "3",
 				width: "20",
 				fill: e.color
-			}, null, 8, li), tt(Ge, {
+			}, null, 8, vi), tt(Ge, {
 				plot: {
 					x: 10,
 					y: 9
@@ -4585,7 +4582,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				"color",
 				"shape",
 				"stroke"
-			])])) : Yi.value[e.type] === "bar" ? (T(), S("svg", ui, [Yi.value[e.type] === "bar" && n.$slots.pattern ? (T(), S("rect", {
+			])])) : ia.value[e.type] === "bar" ? (T(), S("svg", yi, [ia.value[e.type] === "bar" && n.$slots.pattern ? (T(), S("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -4594,7 +4591,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, di)) : x("", !0), Yi.value[e.type] === "bar" ? (T(), S("rect", {
+			}, null, 8, bi)) : x("", !0), ia.value[e.type] === "bar" ? (T(), S("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -4603,7 +4600,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				width: "32",
 				stroke: "none",
 				fill: n.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, fi)) : x("", !0)])) : (T(), S("svg", pi, [tt(Ge, {
+			}, null, 8, xi)) : x("", !0)])) : (T(), S("svg", Si, [tt(Ge, {
 				plot: {
 					x: 6,
 					y: 6
@@ -4618,16 +4615,16 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), C("span", { style: w(`color:${B.value.chart.legend.color}`) }, pt(e.name), 5)], 46, si))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
+			}, null, 8, ["color", "shape"])])), C("span", { style: w(`color:${B.value.chart.legend.color}`) }, pt(e.name), 5)], 46, gi))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
 			n.$slots.source ? (T(), S("div", {
 				key: 8,
 				ref_key: "source",
-				ref: Pi,
+				ref: Ui,
 				dir: "auto"
 			}, [O(n.$slots, "source", {}, void 0, !0)], 512)) : x("", !0),
-			tt(k(_i), {
+			tt(k(Ei), {
 				teleportTo: B.value.chart.tooltip.teleportTo,
-				show: V.value.showTooltip && Qi.value,
+				show: V.value.showTooltip && sa.value,
 				backgroundColor: B.value.chart.tooltip.backgroundColor,
 				color: B.value.chart.tooltip.color,
 				fontSize: B.value.chart.tooltip.fontSize,
@@ -4640,14 +4637,14 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				offsetY: B.value.chart.tooltip.offsetY,
 				parent: n.$refs.chart,
 				content: Rc.value,
-				isFullscreen: Zi.value,
+				isFullscreen: oa.value,
 				isCustom: B.value.chart.tooltip.customFormat && typeof B.value.chart.tooltip.customFormat == "function",
 				smooth: B.value.chart.tooltip.smooth,
 				backdropFilter: B.value.chart.tooltip.backdropFilter,
 				smoothForce: B.value.chart.tooltip.smoothForce,
 				smoothSnapThreshold: B.value.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: ha.value != null,
-				a11yPosition: ga.value
+				isA11yMode: wa.value != null,
+				a11yPosition: Ta.value
 			}, {
 				"tooltip-before": A(() => [O(n.$slots, "tooltip-before", ct(it({ ...Nc.value })), void 0, !0)]),
 				tooltip: A(() => [O(n.$slots, "tooltip", ct(it({ ...Nc.value })), void 0, !0)]),
@@ -4677,27 +4674,27 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Pa.value && B.value.chart.userOptions.buttons.table ? (T(), Qe(dt(gl.value.component), at({ key: 9 }, gl.value.props, {
+			Va.value && B.value.chart.userOptions.buttons.table ? (T(), Qe(dt(gl.value.component), at({ key: 9 }, gl.value.props, {
 				ref_key: "tableUnit",
-				ref: da,
+				ref: ba,
 				onClose: _l
 			}), $e({
-				content: A(() => [C("div", { style: w(`${k(Xa) || B.value.table.useDialog ? "" : "max-height:400px"};${B.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${B.value.table.useDialog ? "" : "margin-top:48px"}`) }, [C("div", mi, [yt(C("input", {
+				content: A(() => [C("div", { style: w(`${k(to) || B.value.table.useDialog ? "" : "max-height:400px"};${B.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${B.value.table.useDialog ? "" : "margin-top:48px"}`) }, [C("div", Ci, [yt(C("input", {
 					type: "checkbox",
-					"onUpdate:modelValue": r[4] ||= (e) => ra.value = e
-				}, null, 512), [[gt, ra.value]]), C("div", {
-					onClick: r[5] ||= (e) => ra.value = !ra.value,
-					style: w({ cursor: Fa.value ? "pointer" : "default" })
-				}, [tt(k(yi), {
+					"onUpdate:modelValue": r[4] ||= (e) => fa.value = e
+				}, null, 512), [[gt, fa.value]]), C("div", {
+					onClick: r[5] ||= (e) => fa.value = !fa.value,
+					style: w({ cursor: Ha.value ? "pointer" : "default" })
+				}, [tt(k(Oi), {
 					name: "chartLine",
 					size: 20,
 					stroke: B.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), ra.value ? (T(), Qe(k(bi), {
-					key: `sparkline_${ia.value}`,
+				}, null, 8, ["stroke"])], 4)]), fa.value ? (T(), Qe(k(ki), {
+					key: `sparkline_${pa.value}`,
 					dataset: Zs.value,
 					config: Qs.value
-				}, null, 8, ["dataset", "config"])) : (T(), Qe(k(gi), {
-					key: `table_${ta.value}`,
+				}, null, 8, ["dataset", "config"])) : (T(), Qe(k(Ti), {
+					key: `table_${ua.value}`,
 					colNames: Bc.value.colNames,
 					head: Bc.value.head,
 					body: Bc.value.body,
@@ -4706,7 +4703,7 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					withCloseButton: !B.value.table.useDialog,
 					onClose: _l
 				}, {
-					th: A(({ th: e }) => [C("div", { innerHTML: e }, null, 8, hi)]),
+					th: A(({ th: e }) => [C("div", { innerHTML: e }, null, 8, wi)]),
 					td: A(({ td: e }) => [et(pt(isNaN(Number(e)) ? e : k(s)({
 						p: B.value.chart.labels.prefix,
 						v: e,
@@ -4733,15 +4730,15 @@ var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct =
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: r[3] ||= (e) => Vc(B.value.chart.userOptions.callbacks.csv)
-				}, [tt(k(yi), {
+				}, [tt(k(Oi), {
 					name: "fileCsv",
 					stroke: gl.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : x("", !0),
-			O(n.$slots, "skeleton", {}, () => [k(Ba) ? (T(), Qe(Ie, { key: 0 })) : x("", !0)], !0)
-		], 46, xt));
+			O(n.$slots, "skeleton", {}, () => [k(qa) ? (T(), Qe(Ie, { key: 0 })) : x("", !0)], !0)
+		], 46, At));
 	}
-}, [["__scopeId", "data-v-22f512b5"]]);
+}, [["__scopeId", "data-v-8d74b3ca"]]);
 //#endregion
-export { bt as n, j as t };
+export { kt as n, j as t };