vue-data-ui 3.26.4 → 3.27.0

package/dist/{vue-ui-quick-chart-D5ZFV0Aj.js → vue-ui-quick-chart-Dom257hl.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, $t as n, Et as r, Ft as i, Gt as a, J as o, P as s, Rt as c, S as ee, Vt as l, X as te, _ as ne, at as u, b as d, et as re, f, ft as ie, h as ae, i as p, p as oe, t as se, tn as ce, w as le } from "./lib-DTiqmM1G.js";
+import { $ as t, Dt as n, Ht as r, It as i, J as a, Kt as o, P as s, S as ee, X as c, _ as te, at as l, b as u, en as d, et as ne, f, h as re, i as p, nn as ie, p as ae, pt as oe, t as se, w as ce, zt as le } from "./lib-D4wK6ljP.js";
 import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
 import { t as fe } from "./useTimeLabels-d2f-W1L4.js";
-import { t as pe } from "./useConfig-DObkR9Aa.js";
-import { t as me } from "./usePrinter-R2nu9g4B.js";
+import { t as pe } from "./useConfig-D_6ZrPMD.js";
+import { t as me } from "./usePrinter-DdW2GSm0.js";
 import { n as he, t as ge } from "./BaseScanner-Dzc8VT3j.js";
-import { t as _e } from "./useNestedProp-D8cRQaVo.js";
+import { t as _e } from "./useNestedProp-DR_8JPol.js";
 import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ye } from "./useChartExport-iwOqiIWX.js";
 import { t as be } from "./useTransitions-g_zBREk2.js";
 import { t as xe } from "./useStableElementSize-C7KADDKj.js";
 import { t as Se } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ce } from "./img--C0otIB0.js";
+import { t as Ce } from "./img-Bb5rHcpO.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
-import { t as De } from "./SlicerPreview-8atniw0P.js";
-import { t as Oe } from "./BaseLegendToggle-CWtURpCj.js";
+import { t as De } from "./SlicerPreview-k5YerMA9.js";
+import { t as Oe } from "./BaseLegendToggle-CP3sddwv.js";
 import { t as ke } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ae } from "./useChartAccessibility-DYqac8yF.js";
 import { t as je } from "./vue_ui_quick_chart-DByCqSYE.js";
@@ -451,7 +451,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: Ge }) {
-		let qe = Ie(() => import("./BaseIcon-CPBlYfWq.js").then((e) => e.n)), Je = Ie(() => import("./PackageVersion-DEAYvEjl.js").then((e) => e.t)), Xe = Ie(() => import("./PenAndPaper-Dv8WPVwA.js").then((e) => e.t)), Ze = Ie(() => import("./Tooltip-BmfGHn1L.js")), Qe = Ie(() => import("./UserOptions-C92R4ACT.js").then((e) => e.n)), { vue_ui_quick_chart: $e } = pe(), { isThemeValid: et, warnInvalidTheme: tt } = ve(), M = e, N = w(null), kn = w(null), An = w(null), jn = w(null), P = w(te()), F = w(!1), Mn = w(null), Nn = w(""), I = w(null), Pn = w(null), Fn = w(null), L = w([]), In = w(0), Ln = w(0), Rn = w(!1), zn = w(null), Bn = w(null), Vn = w(null), Hn = w(null), Un = w(null), Wn = w(null), Gn = Ve(null), Kn = w(!1), qn = w(0), Jn = w(0), Yn = w(!1);
+		let qe = Ie(() => import("./BaseIcon-Cx9FD751.js").then((e) => e.n)), Je = Ie(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), Xe = Ie(() => import("./PenAndPaper-CNiuGw6k.js").then((e) => e.t)), Ze = Ie(() => import("./Tooltip-C4ZTwkLF.js")), Qe = Ie(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), { vue_ui_quick_chart: $e } = pe(), { isThemeValid: et, warnInvalidTheme: tt } = ve(), M = e, N = w(null), kn = w(null), An = w(null), jn = w(null), P = w(c()), F = w(!1), Mn = w(null), Nn = w(""), I = w(null), Pn = w(null), Fn = w(null), L = w([]), In = w(0), Ln = w(0), Rn = w(!1), zn = w(null), Bn = w(null), Vn = w(null), Hn = w(null), Un = w(null), Wn = w(null), Gn = Ve(null), Kn = w(!1), qn = w(0), Jn = w(0), Yn = w(!1);
 		function Xn() {
 			Gn.value = N.value?.parentNode ?? null;
 		}
@@ -504,7 +504,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 		}), tr = h(() => R.value.debug), nr = h(() => R.value.useCursorPointer), B = w(null), rr = w({
 			x: 0,
 			y: 0
-		}), V = w("pointer"), ir = w(!1), ar = h(() => ce({
+		}), V = w("pointer"), ir = w(!1), ar = h(() => ie({
 			dafaultConfig: {
 				backgroundColor: "#99999930",
 				customPalette: ["#BABABA"],
@@ -541,7 +541,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				55,
 				89
 			],
-			skeletonConfig: ce({
+			skeletonConfig: ie({
 				defaultConfig: R.value,
 				userConfig: ar.value
 			})
@@ -553,12 +553,12 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			let e = _e({
 				userConfig: M.config,
 				defaultConfig: $e
-			}), t = {}, r = e.theme;
-			if (r) {
+			}), t = {}, n = e.theme;
+			if (n) {
 				if (!et.value(e)) tt(e), t = e;
 				else {
 					let i = _e({
-						userConfig: je[r] || M.config,
+						userConfig: je[n] || M.config,
 						defaultConfig: e
 					});
 					t = {
@@ -566,14 +566,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 							userConfig: M.config,
 							defaultConfig: i
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : n[r] || l
+						customPalette: e.customPalette.length ? e.customPalette : d[n] || r
 					};
 				}
 			} else t = e;
 			return t;
 		}
 		function hr(e) {
-			let t = re(e);
+			let t = ne(e);
 			return t?.tooltipPosition && delete t.tooltipPosition, JSON.stringify(t);
 		}
 		let gr = hr(M.config);
@@ -585,14 +585,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				R.value.tooltipPosition = i.tooltipPosition, Dr.value.showTooltip = R.value.showTooltip;
 				return;
 			}
-			or.value || (R.value = i), K.value.width = R.value.width, K.value.height = R.value.height, dr.value = !R.value.showUserOptionsOnChartHover, kr(), Dr.value.showTooltip = R.value.showTooltip;
+			or.value || (R.value = i), K.value.width = R.value.width, K.value.height = R.value.height, dr.value = !R.value.showUserOptionsOnChartHover, Ar(), Dr.value.showTooltip = R.value.showTooltip;
 		}, { deep: !0 }), Ue(() => M.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (cr.value = !1);
 		}, { immediate: !0 });
-		let _r = h(() => le(R.value.customPalette)), U = Ge, vr = h(() => {
+		let _r = h(() => ce(R.value.customPalette)), U = Ge, vr = h(() => {
 			let e = Ke({
 				debug: tr.value,
-				dataset: a(sr.value, [
+				dataset: o(sr.value, [
 					"serie",
 					"series",
 					"data",
@@ -605,7 +605,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			return !e && tr.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
 		}), W = w(vr.value), yr = h(() => !!W.value), G = h(() => W.value ? W.value.type : null), br = h(() => [A.BAR, A.LINE].includes(G.value)), xr = h(() => br.value && R.value.zoomXy && Number(W.value?.maxSeriesLength ?? 0) > 1);
 		Ue(() => G.value, (e) => {
-			e || u({
+			e || l({
 				componentName: "VueUiQuickChart",
 				type: "dataset",
 				debug: tr.value
@@ -622,12 +622,12 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 		Ue(R, () => {
 			Dr.value = { showTooltip: R.value.showTooltip };
 		}, { immediate: !0 });
-		let q = Ve(null), Or = Ve(null);
+		let Or = Ve(null), kr = Ve(null);
 		Be(() => {
-			Rn.value = !0, Xn(), er.start(), kr(), Qn();
+			Rn.value = !0, Xn(), er.start(), Ar(), Qn();
 		});
-		function kr() {
-			if (c(M.dataset) || (cr.value = R.value.loading), R.value.responsive) {
+		function Ar() {
+			if (le(M.dataset) || (cr.value = R.value.loading), R.value.responsive) {
 				let e = Te(() => {
 					let { width: e, height: t } = Ee({
 						chart: N.value,
@@ -641,14 +641,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 						K.value.width = e, K.value.height = t, $n();
 					});
 				});
-				q.value && (Or.value && q.value.unobserve(Or.value), q.value.disconnect()), q.value = new ResizeObserver(e), Or.value = N.value.parentNode, q.value.observe(Or.value);
+				Or.value && (kr.value && Or.value.unobserve(kr.value), Or.value.disconnect()), Or.value = new ResizeObserver(e), kr.value = N.value.parentNode, Or.value.observe(kr.value);
 			}
 			fi(), $n();
 		}
 		ze(() => {
-			er.stop(), oi(), Ai(), q.value && (Or.value && q.value.unobserve(Or.value), q.value.disconnect(), q.value = null, Or.value = null);
+			er.stop(), oi(), Ai(), Or.value && (kr.value && Or.value.unobserve(kr.value), Or.value.disconnect(), Or.value = null, kr.value = null);
 		});
-		let Ar = h(() => {
+		let jr = h(() => {
 			switch (G.value) {
 				case A.LINE: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
 				case A.BAR: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
@@ -656,74 +656,74 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				default: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
 			}
 		});
-		function jr(e) {
+		function Mr(e) {
 			return [...e].map((e) => e.value).reduce((e, t) => e + t, 0);
 		}
-		function Mr(e) {
+		function Nr(e) {
 			return R.value.blurOnHover && ![null, void 0].includes(I.value) && I.value !== e ? `url(#blur_${P.value})` : "";
 		}
-		function Nr() {
-			L.value.length ? L.value = [] : G.value === A.DONUT ? Y.value.legend.forEach((e) => {
+		function Pr() {
+			L.value.length ? L.value = [] : G.value === A.DONUT ? J.value.legend.forEach((e) => {
 				L.value.push(e.id);
 			}) : G.value === A.LINE ? Z.value.legend.forEach((e) => {
 				L.value.push(e.id);
 			}) : G.value === A.BAR && Q.value.legend.forEach((e) => {
 				L.value.push(e.id);
-			}), G.value === A.DONUT ? U("selectLegend", Y.value.dataset) : G.value === A.LINE ? U("selectLegend", Z.value.dataset) : G.value === A.BAR && U("selectLegend", Q.value.dataset);
+			}), G.value === A.DONUT ? U("selectLegend", J.value.dataset) : G.value === A.LINE ? U("selectLegend", Z.value.dataset) : G.value === A.BAR && U("selectLegend", Q.value.dataset);
 		}
-		function Pr(e, t) {
+		function Fr(e, t) {
 			L.value.includes(e) ? L.value = L.value.filter((t) => t !== e) : L.value.length < t && L.value.push(e);
 		}
-		let Fr = w(null), Ir = w(null), Lr = w(!1);
-		function Rr(e, t) {
-			Lr.value = !0;
+		let Ir = w(null), Lr = w(null), Rr = w(!1);
+		function zr(e, t) {
+			Rr.value = !0;
 			let n = e.value, r = vr.value.dataset.find((t, n) => e.id === `donut_${n}`).VALUE;
 			if (L.value.includes(e.id)) {
 				L.value = L.value.filter((t) => t !== e.id);
 				function t() {
-					n > r ? (Lr.value = !1, cancelAnimationFrame(Ir.value), W.value = {
+					n > r ? (Rr.value = !1, cancelAnimationFrame(Lr.value), W.value = {
 						...W.value,
 						dataset: W.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
 							...t,
 							value: r,
 							VALUE: r
 						} : t)
-					}, U("selectLegend", Y.value.dataset)) : (n += r * .025, W.value = {
+					}, U("selectLegend", J.value.dataset)) : (n += r * .025, W.value = {
 						...W.value,
 						dataset: W.value.dataset.map((t, r) => e.id === `donut_${r}` ? {
 							...t,
 							value: n,
 							VALUE: n
 						} : t)
-					}, Ir.value = requestAnimationFrame(t));
+					}, Lr.value = requestAnimationFrame(t));
 				}
 				t();
 			} else if (t.length > 1) {
 				function t() {
-					n < r / 100 ? (Lr.value = !1, cancelAnimationFrame(Fr.value), L.value.push(e.id), W.value = {
+					n < r / 100 ? (Rr.value = !1, cancelAnimationFrame(Ir.value), L.value.push(e.id), W.value = {
 						...W.value,
 						dataset: W.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
 							...t,
 							value: 0,
 							VALUE: 0
 						} : t)
-					}, U("selectLegend", Y.value.dataset)) : (n /= 1.1, W.value = {
+					}, U("selectLegend", J.value.dataset)) : (n /= 1.1, W.value = {
 						...W.value,
 						dataset: W.value.dataset.map((t, r) => e.id === `donut_${r}` ? {
 							...t,
 							value: n,
 							VALUE: n
 						} : t)
-					}, Fr.value = requestAnimationFrame(t));
+					}, Ir.value = requestAnimationFrame(t));
 				}
 				t();
-			} else U("selectLegend", Y.value.dataset);
+			} else U("selectLegend", J.value.dataset);
 		}
-		let J = w(null);
-		function zr(e) {
-			J.value = e;
+		let q = w(null);
+		function Br(e) {
+			q.value = e;
 		}
-		let Br = h(() => R.value.donutThicknessRatio < .01 ? .01 : R.value.donutThicknessRatio > .4 ? .4 : R.value.donutThicknessRatio), Y = h(() => {
+		let Vr = h(() => R.value.donutThicknessRatio < .01 ? .01 : R.value.donutThicknessRatio > .4 ? .4 : R.value.donutThicknessRatio), J = h(() => {
 			if (G.value !== A.DONUT) return null;
 			let e = W.value.dataset.map((e, t) => ({
 				...e,
@@ -732,110 +732,110 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				id: `donut_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || l[t + R.value.paletteStartIndex] || l[(t + R.value.paletteStartIndex) % l.length],
+				color: e.COLOR ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || r[t + R.value.paletteStartIndex] || r[(t + R.value.paletteStartIndex) % r.length],
 				immutableValue: e.value
 			}));
-			function n(e, n) {
+			function a(e, n) {
 				return t({
-					v: isNaN(e.value / jr(n)) ? 0 : e.value / jr(n) * 100,
+					v: isNaN(e.value / Mr(n)) ? 0 : e.value / Mr(n) * 100,
 					s: "%",
 					r: R.value.dataLabelRoundingPercentage
 				});
 			}
-			function a(e) {
+			function o(e) {
 				return e.proportion * 100 > R.value.donutHideLabelUnderPercentage;
 			}
-			function o(e, t) {
+			function s(e, t) {
 				let n = vr.value.dataset.find((t, n) => `donut_${n}` === e).VALUE;
 				return Math.abs(String(Number(n.toFixed(0))).length - String(Number(t.toFixed(0))).length);
 			}
-			function s({ datapoint: n, seriesIndex: i, triggerMode: a = "pointer" }) {
+			function c({ datapoint: r, seriesIndex: i, triggerMode: a = "pointer" }) {
 				Mn.value = {
-					datapoint: n,
+					datapoint: r,
 					seriesIndex: i,
 					config: R.value,
 					dataset: e
-				}, I.value = n.id, B.value = i, V.value = a;
+				}, I.value = r.id, B.value = i, V.value = a;
 				let o = R.value.tooltipCustomFormat;
 				if (R.value.events.datapointEnter && R.value.events.datapointEnter({
-					datapoint: n,
+					datapoint: r,
 					seriesIndex: i
-				}), r(o) && ie(() => o({
-					datapoint: n,
+				}), n(o) && oe(() => o({
+					datapoint: r,
 					seriesIndex: i,
 					series: e,
 					config: R.value
 				}))) Nn.value = o({
-					datapoint: n,
+					datapoint: r,
 					seriesIndex: i,
 					series: e,
 					config: R.value
 				});
 				else {
 					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${R.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${n.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${n.color}"/></svg>`, e += `<b>${p(R.value.formatter, n.value, t({
+					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${R.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${r.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${r.color}"/></svg>`, e += `<b>${p(R.value.formatter, r.value, t({
 						p: R.value.valuePrefix,
-						v: n.value,
+						v: r.value,
 						s: R.value.valueSuffix,
 						r: R.value.dataLabelRoundingValue
 					}), {
-						datapoint: n,
+						datapoint: r,
 						seriesIndex: i
 					})}</b>`, e += `<span>(${t({
-						v: n.proportion * 100,
+						v: r.proportion * 100,
 						s: "%",
 						r: R.value.dataLabelRoundingPercentage
 					})})</span></div>`, Nn.value = `<div>${e}</div>`;
 				}
 				F.value = !0;
 			}
-			function c({ datapoint: e, seriesIndex: t }) {
+			function te({ datapoint: e, seriesIndex: t }) {
 				R.value.events.datapointLeave && R.value.events.datapointLeave({
 					datapoint: e,
 					seriesIndex: t
-				}), F.value = !1, I.value = null, J.value = null, B.value = null, V.value = "pointer";
+				}), F.value = !1, I.value = null, q.value = null, B.value = null, V.value = "pointer";
 			}
-			function te({ datapoint: e, seriesIndex: t }) {
+			function l({ datapoint: e, seriesIndex: t }) {
 				R.value.events.datapointClick && R.value.events.datapointClick({
 					datapoint: e,
 					seriesIndex: t
 				}), U("selectDatapoint", e);
 			}
-			let ne = {
+			let u = {
 				centerX: K.value.width / 2,
 				centerY: K.value.height / 2
-			}, u = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), d = e.map((e, t) => ({
+			}, d = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), ne = e.map((e, t) => ({
 				...e,
-				proportion: (e.value || 0) / u,
+				proportion: (e.value || 0) / d,
 				value: e.value || 0,
 				absoluteValue: vr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
 				shape: "circle"
-			})), re = K.value.width / 2, f = K.value.height / 2, ae = K.value.height * R.value.donutRadiusRatio;
+			})), f = K.value.width / 2, re = K.value.height / 2, ie = K.value.height * R.value.donutRadiusRatio;
 			return {
-				dataset: d.filter((e) => !L.value.includes(e.id)),
-				legend: d,
-				drawingArea: ne,
-				displayArcPercentage: n,
-				isArcBigEnough: a,
-				useTooltip: s,
-				killTooltip: c,
-				selectDatapoint: te,
-				getSpaces: o,
-				total: u,
-				cx: re,
-				cy: f,
-				radius: ae,
-				chart: i({ series: e.filter((e) => !L.value.includes(e.id)) }, re, f, ae, ae, 1.99999, 2, 1, 360, 105.25, K.value.height * Br.value)
+				dataset: ne.filter((e) => !L.value.includes(e.id)),
+				legend: ne,
+				drawingArea: u,
+				displayArcPercentage: a,
+				isArcBigEnough: o,
+				useTooltip: c,
+				killTooltip: te,
+				selectDatapoint: l,
+				getSpaces: s,
+				total: d,
+				cx: f,
+				cy: re,
+				radius: ie,
+				chart: i({ series: e.filter((e) => !L.value.includes(e.id)) }, f, re, ie, ie, 1.99999, 2, 1, 360, 105.25, K.value.height * Vr.value)
 			};
-		}), X = w({
+		}), Y = w({
 			start: 0,
 			end: W.value.maxSeriesLength
-		}), Vr = w({ ...X.value }), Hr = w(null), Ur = w(!1), Wr = w(!1), Gr = w(!1), Kr = w(!1), qr = w(!1), Jr = w(null), Yr = w(null), Xr = w(null), Zr = w(!1), Qr = w({
+		}), Hr = w({ ...Y.value }), Ur = w(null), Wr = w(!1), Gr = w(!1), Kr = w(!1), qr = w(!1), Jr = w(!1), Yr = w(null), Xr = w(null), Zr = w(null), Qr = w(!1), $r = w({
 			time: 0,
 			x: 0,
 			y: 0,
 			pointerType: null
-		}), $r = {
+		}), ei = {
 			show: !1,
 			selection: {
 				fill: "#2D353C",
@@ -845,18 +845,18 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				strokeWidth: 1,
 				strokeDasharray: 0
 			}
-		}, ei = h(() => {
+		}, ti = h(() => {
 			let e = R.value.dragToZoom ?? {};
 			return {
-				...$r,
+				...ei,
 				...e,
 				selection: {
-					...$r.selection,
+					...ei.selection,
 					...e.selection ?? {}
 				}
 			};
-		}), ti = h(() => br.value && ei.value.show && Ur.value && si() > 1 && !or.value), ni = null, ri = {};
-		function ii(e, t = X.value) {
+		}), X = h(() => br.value && ti.value.show && Wr.value && si() > 1 && !or.value), ni = null, ri = {};
+		function ii(e, t = Y.value) {
 			if (!e || typeof e != "object") return null;
 			let n = e.start !== void 0 && e.start !== null, r = e.end !== void 0 && e.end !== null;
 			if (!n && !r) return null;
@@ -877,7 +877,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			let e = Number(W.value?.maxSeriesLength);
 			return Number.isFinite(e) ? Math.max(0, e) : 0;
 		}
-		function ci(e, t = X.value.start) {
+		function ci(e, t = Y.value.start) {
 			let n = si();
 			if (n <= 0) return 0;
 			let r = Math.max(0, Math.min(Number(t) || 0, n - 1)), i = Number(e);
@@ -886,30 +886,30 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 		function li() {
 			let e = si();
 			if (e <= 0) {
-				X.value = {
+				Y.value = {
 					start: 0,
 					end: 0
-				}, Vr.value = { ...X.value }, Hr.value && Hr.value.setRangeValues(0, 0);
+				}, Hr.value = { ...Y.value }, Ur.value && Ur.value.setRangeValues(0, 0);
 				return;
 			}
-			let t = Number(X.value.start), n = Number(X.value.end);
-			Number.isFinite(t) || (t = 0), Number.isFinite(n) || (n = e), t = Math.max(0, Math.min(t, e - 1)), n = Math.max(t + 1, Math.min(n, e)), X.value = {
+			let t = Number(Y.value.start), n = Number(Y.value.end);
+			Number.isFinite(t) || (t = 0), Number.isFinite(n) || (n = e), t = Math.max(0, Math.min(t, e - 1)), n = Math.max(t + 1, Math.min(n, e)), Y.value = {
 				start: t,
 				end: n
-			}, Vr.value = {
+			}, Hr.value = {
 				start: t,
 				end: n
-			}, Hr.value && Hr.value.setRangeValues(t, n);
+			}, Ur.value && Ur.value.setRangeValues(t, n);
 		}
 		function ui(e) {
 			if (!br.value) return null;
 			let t = ii(e);
-			return t ? ((t.start !== Number(X.value.start) || t.end !== Number(X.value.end)) && (oi(), X.value = {
+			return t ? ((t.start !== Number(Y.value.start) || t.end !== Number(Y.value.end)) && (oi(), Y.value = {
 				start: t.start,
 				end: t.end
-			}, Vr.value = { ...X.value }, li(), $n()), {
-				start: Number(X.value.start),
-				end: Number(X.value.end)
+			}, Hr.value = { ...Y.value }, li(), $n()), {
+				start: Number(Y.value.start),
+				end: Number(Y.value.end)
 			}) : null;
 		}
 		function di(e) {
@@ -917,20 +917,20 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			return t ? (ai(t), t) : null;
 		}
 		async function fi({ applyControlledZoom: e = !0 } = {}) {
-			if (!Wr.value) {
+			if (!Gr.value) {
 				if (!br.value) {
-					Ur.value = !1;
+					Wr.value = !1;
 					return;
 				}
-				Wr.value = !0;
+				Gr.value = !0;
 				try {
 					await Re(), await Re();
 					let { zoomStartIndex: t, zoomEndIndex: n } = R.value, r = si();
 					if (r <= 0) {
-						X.value = {
+						Y.value = {
 							start: 0,
 							end: 0
-						}, Vr.value = { ...X.value }, Ur.value = !1;
+						}, Hr.value = { ...Y.value }, Wr.value = !1;
 						return;
 					}
 					let i = t == null ? 0 : Number(t), a = n == null ? r : ci(Number(n) + 1, i);
@@ -938,24 +938,24 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 						let e = ii(M.zoomState);
 						i = e.start, a = e.end;
 					}
-					Gr.value = !0, X.value = {
+					Kr.value = !0, Y.value = {
 						start: i,
 						end: a
-					}, Vr.value = {
+					}, Hr.value = {
 						start: i,
 						end: a
-					}, li(), Ur.value = !0, await Re(), Hr.value && Hr.value.setRangeValues(X.value.start, X.value.end);
+					}, li(), Wr.value = !0, await Re(), Ur.value && Ur.value.setRangeValues(Y.value.start, Y.value.end);
 				} finally {
 					queueMicrotask(() => {
-						Gr.value = !1;
-					}), Wr.value = !1, $n();
+						Kr.value = !1;
+					}), Gr.value = !1, $n();
 				}
 			}
 		}
 		async function pi({ applyControlledZoom: e = !1, publish: t = !1 } = {}) {
 			oi(), await fi({ applyControlledZoom: e }), t && (ai({
-				start: Number(X.value.start),
-				end: Number(X.value.end)
+				start: Number(Y.value.start),
+				end: Number(Y.value.end)
 			}), U("zoomReset"));
 		}
 		function mi(e) {
@@ -964,30 +964,30 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				...e
 			}, ni && cancelAnimationFrame(ni), ni = requestAnimationFrame(() => {
 				let e = {
-					...X.value,
+					...Y.value,
 					...ri
 				};
-				ri = {}, ni = null, X.value = e, Vr.value = { ...e }, li(), ai({
-					start: Number(X.value.start),
-					end: Number(X.value.end)
+				ri = {}, ni = null, Y.value = e, Hr.value = { ...e }, li(), ai({
+					start: Number(Y.value.start),
+					end: Number(Y.value.end)
 				}), $n();
 			});
 		}
 		function hi(e) {
-			if (Wr.value || Gr.value) return;
+			if (Gr.value || Kr.value) return;
 			let t = Number(e);
 			Number.isFinite(t) && (U("zoomStart", {
 				index: t,
 				isZoom: t !== 0
-			}), (t !== X.value.start || ri.end !== void 0) && mi({ start: t }));
+			}), (t !== Y.value.start || ri.end !== void 0) && mi({ start: t }));
 		}
 		function gi(e) {
-			if (Wr.value || Gr.value) return;
-			let t = ri.start === void 0 ? X.value.start : ri.start, n = ci(Number(e), t);
+			if (Gr.value || Kr.value) return;
+			let t = ri.start === void 0 ? Y.value.start : ri.start, n = ci(Number(e), t);
 			U("zoomEnd", {
 				index: n,
 				isZoom: n !== si()
-			}), (n !== X.value.end || ri.start !== void 0) && mi({ end: n });
+			}), (n !== Y.value.end || ri.start !== void 0) && mi({ end: n });
 		}
 		Ue([
 			() => M.zoomState,
@@ -995,7 +995,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			() => Number(W.value?.maxSeriesLength ?? 0)
 		], async ([e, t, n]) => {
 			if (!(!t || n <= 0 || !e)) {
-				if (!Ur.value) {
+				if (!Wr.value) {
 					await fi({ applyControlledZoom: !0 });
 					return;
 				}
@@ -1006,20 +1006,20 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			immediate: !0
 		}), Ue(vr, async (e) => {
 			if (!e) {
-				Ur.value = !1;
+				Wr.value = !1;
 				return;
 			}
 			let t = W.value?.type, n = Number(W.value?.maxSeriesLength ?? 0);
 			W.value = e;
 			let r = e.type, i = Number(e.maxSeriesLength ?? 0);
 			if (![A.BAR, A.LINE].includes(r)) {
-				oi(), Ur.value = !1, $n();
+				oi(), Wr.value = !1, $n();
 				return;
 			}
-			t !== r || n !== i ? (oi(), Ur.value = !1, X.value = {
+			t !== r || n !== i ? (oi(), Wr.value = !1, Y.value = {
 				start: 0,
 				end: i
-			}, Vr.value = { ...X.value }, Ln.value += 1, await Re(), await fi({ applyControlledZoom: !0 })) : M.zoomState && ui(M.zoomState), $n();
+			}, Hr.value = { ...Y.value }, Ln.value += 1, await Re(), await fi({ applyControlledZoom: !0 })) : M.zoomState && ui(M.zoomState), $n();
 		}, { deep: !0 });
 		let _i = h(() => {
 			if (!R.value.zoomMinimap.show || G.value === A.DONUT) return [];
@@ -1063,52 +1063,52 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			let e = {
 				height: K.value.height,
 				width: K.value.width
-			}, n = vi();
+			}, i = vi();
 			if (Vn.value) {
 				let e = Vn.value.getBBox().x;
-				e < 0 && (n += Math.abs(e));
+				e < 0 && (i += Math.abs(e));
 			}
-			let i = {
-				left: n + R.value.xyPaddingLeft,
+			let a = {
+				left: i + R.value.xyPaddingLeft,
 				top: R.value.xyPaddingTop,
 				right: e.width - R.value.xyPaddingRight,
 				bottom: e.height - R.value.xyPaddingBottom - xi.value,
-				width: Math.max(10, e.width - R.value.xyPaddingLeft - R.value.xyPaddingRight - n),
+				width: Math.max(10, e.width - R.value.xyPaddingLeft - R.value.xyPaddingRight - i),
 				height: Math.max(10, e.height - R.value.xyPaddingTop - R.value.xyPaddingBottom - xi.value)
-			}, a = [];
-			j(W.value.dataset) && (a = [{
-				values: W.value.dataset.slice(X.value.start, X.value.end),
+			}, o = [];
+			j(W.value.dataset) && (o = [{
+				values: W.value.dataset.slice(Y.value.start, Y.value.end),
 				absoluteValues: W.value.dataset,
-				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
+				absoluteIndices: W.value.dataset.map((e, t) => t).slice(Y.value.start, Y.value.end),
 				name: R.value.title,
-				color: _r.value[R.value.paletteStartIndex] || l[R.value.paletteStartIndex],
+				color: _r.value[R.value.paletteStartIndex] || r[R.value.paletteStartIndex],
 				id: "line_0"
-			}]), Ye(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
+			}]), Ye(W.value.dataset) && (o = W.value.dataset.map((e, t) => ({
 				...e,
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
 				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
 				id: `line_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || l[t + R.value.paletteStartIndex] || l[(t + R.value.paletteStartIndex) % l.length],
-				values: e.values.slice(X.value.start, X.value.end),
+				color: e.COLOR ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || r[t + R.value.paletteStartIndex] || r[(t + R.value.paletteStartIndex) % r.length],
+				values: e.values.slice(Y.value.start, Y.value.end),
 				absoluteValues: e.values,
-				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
+				absoluteIndices: e.values.map((e, t) => t).slice(Y.value.start, Y.value.end)
 			})));
-			let o = {
-				max: Math.max(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				min: Math.min(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				maxSeries: Math.max(...a.map((e) => e.values.length))
-			}, s = o.max === o.min ? ne(Math.min(o.min, 0), o.min === 0 ? 1 : Math.max(o.min, 0), R.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max < 0 ? 0 : o.max, R.value.xyScaleSegments), c = o.min < 0 ? Math.abs(o.min) : 0, te = o.max < 0 ? i.top : i.bottom - c / (s.max + c) * i.height, u = i.width / o.maxSeries, d = s.ticks.map((e) => ({
-				y: i.bottom - i.height * ((e + c) / (s.max + c)),
-				x: i.left - 8,
+			let s = {
+				max: Math.max(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
+				min: Math.min(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
+				maxSeries: Math.max(...o.map((e) => e.values.length))
+			}, c = s.max === s.min ? te(Math.min(s.min, 0), s.min === 0 ? 1 : Math.max(s.min, 0), R.value.xyScaleSegments) : te(s.min < 0 ? s.min : 0, s.max < 0 ? 0 : s.max, R.value.xyScaleSegments), l = s.min < 0 ? Math.abs(s.min) : 0, u = s.max < 0 ? a.top : a.bottom - l / (c.max + l) * a.height, d = a.width / s.maxSeries, ne = c.ticks.map((e) => ({
+				y: a.bottom - a.height * ((e + l) / (c.max + l)),
+				x: a.left - 8,
 				value: e
-			})), re = a.map((e, t) => ({
+			})), f = o.map((e, t) => ({
 				...e,
 				shape: "circle",
 				coordinates: e.values.map((e, t) => ({
-					x: i.left + u * (t + 1) - u / 2,
-					y: i.bottom - (e + c) / (s.max + c) * i.height,
+					x: a.left + d * (t + 1) - d / 2,
+					y: a.bottom - (e + l) / (c.max + l) * a.height,
 					value: e
 				}))
 			})).map((e) => {
@@ -1120,36 +1120,36 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					linePath: t.join(" ")
 				};
 			});
-			function f(e) {
-				return a.map((t) => ({
+			function re(e) {
+				return o.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
 				})).filter((e) => !L.value.includes(e.id));
 			}
-			function ae(e, n = "pointer") {
-				if (Kr.value && n === "pointer") return;
-				I.value = e, J.value = e, B.value = e, V.value = n;
-				let i = f(e);
+			function ie(e, r = "pointer") {
+				if (qr.value && r === "pointer") return;
+				I.value = e, q.value = e, B.value = e, V.value = r;
+				let i = re(e);
 				Mn.value = {
 					datapoint: i,
 					seriesIndex: e,
 					config: R.value,
-					dataset: a
+					dataset: o
 				};
-				let o = R.value.tooltipCustomFormat;
+				let a = R.value.tooltipCustomFormat;
 				if (R.value.events.datapointEnter && R.value.events.datapointEnter({
 					datapoint: i,
-					seriesIndex: e + X.value.start
-				}), r(o) && ie(() => o({
+					seriesIndex: e + Y.value.start
+				}), n(a) && oe(() => a({
 					datapoint: i,
 					seriesIndex: e,
-					series: a,
+					series: o,
 					config: R.value
-				}))) Nn.value = o({
+				}))) Nn.value = a({
 					datapoint: i,
 					seriesIndex: e,
-					series: a,
+					series: o,
 					config: R.value
 				});
 				else {
@@ -1175,30 +1175,30 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				}
 				F.value = !0;
 			}
-			function oe(e) {
-				let t = f(e);
+			function ae(e) {
+				let t = re(e);
 				R.value.events.datapointLeave && R.value.events.datapointLeave({
 					datapoint: t,
-					seriesIndex: e + X.value.start
-				}), I.value = null, J.value = null, F.value = !1, B.value = null, V.value = "pointer";
+					seriesIndex: e + Y.value.start
+				}), I.value = null, q.value = null, F.value = !1, B.value = null, V.value = "pointer";
 			}
 			function se(e) {
-				let t = f(e);
+				let t = re(e);
 				R.value.events.datapointClick && R.value.events.datapointClick({
 					datapoint: t,
-					seriesIndex: e + X.value.start
+					seriesIndex: e + Y.value.start
 				}), U("selectDatapoint", t);
 			}
 			return {
-				absoluteZero: te,
-				dataset: re.filter((e) => !L.value.includes(e.id)),
-				legend: re,
-				drawingArea: i,
-				extremes: o,
-				slotSize: u,
-				yLabels: d,
-				useTooltip: ae,
-				killTooltip: oe,
+				absoluteZero: u,
+				dataset: f.filter((e) => !L.value.includes(e.id)),
+				legend: f,
+				drawingArea: a,
+				extremes: s,
+				slotSize: d,
+				yLabels: ne,
+				useTooltip: ie,
+				killTooltip: ae,
 				selectDatapoint: se
 			};
 		}), Q = h(() => {
@@ -1207,102 +1207,102 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			let e = {
 				height: K.value.height,
 				width: K.value.width
-			}, n = vi();
+			}, i = vi();
 			if (Vn.value) {
 				let e = Vn.value.getBBox().x;
-				e < 0 && (n += Math.abs(e));
+				e < 0 && (i += Math.abs(e));
 			}
-			let i = {
-				left: n + R.value.xyPaddingLeft,
+			let a = {
+				left: i + R.value.xyPaddingLeft,
 				top: R.value.xyPaddingTop,
 				right: e.width - R.value.xyPaddingRight,
 				bottom: e.height - R.value.xyPaddingBottom - xi.value,
-				width: Math.max(10, e.width - R.value.xyPaddingLeft - R.value.xyPaddingRight - n),
+				width: Math.max(10, e.width - R.value.xyPaddingLeft - R.value.xyPaddingRight - i),
 				height: Math.max(10, e.height - R.value.xyPaddingTop - R.value.xyPaddingBottom - xi.value)
-			}, a = [];
-			j(W.value.dataset) && (a = [{
-				values: W.value.dataset.slice(X.value.start, X.value.end),
+			}, o = [];
+			j(W.value.dataset) && (o = [{
+				values: W.value.dataset.slice(Y.value.start, Y.value.end),
 				absoluteValues: W.value.dataset,
-				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
+				absoluteIndices: W.value.dataset.map((e, t) => t).slice(Y.value.start, Y.value.end),
 				name: R.value.title,
-				color: _r.value[R.value.paletteStartIndex] || l[R.value.paletteStartIndex],
+				color: _r.value[R.value.paletteStartIndex] || r[R.value.paletteStartIndex],
 				id: "bar_0"
-			}]), Ye(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
+			}]), Ye(W.value.dataset) && (o = W.value.dataset.map((e, t) => ({
 				...e,
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
 				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
 				id: `bar_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || l[t + R.value.paletteStartIndex] || l[(t + R.value.paletteStartIndex) % l.length],
-				values: e.values.slice(X.value.start, X.value.end),
+				color: e.COLOR ? ee(e.COLOR) : _r.value[t + R.value.paletteStartIndex] || r[t + R.value.paletteStartIndex] || r[(t + R.value.paletteStartIndex) % r.length],
+				values: e.values.slice(Y.value.start, Y.value.end),
 				absoluteValues: e.values,
-				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
+				absoluteIndices: e.values.map((e, t) => t).slice(Y.value.start, Y.value.end)
 			})));
-			let o = {
-				max: Math.max(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
-				min: Math.min(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
-				maxSeries: Math.max(...a.filter((e) => !L.value.includes(e.id)).map((e) => e.values.length)) ?? 0
-			}, s = o.min === o.max ? ne(Math.min(o.min, 0), o.min === 0 ? 1 : Math.max(o.min, 0), R.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max, R.value.xyScaleSegments), c = s.min < 0 ? Math.abs(s.min) : 0, te = i.bottom - c / (s.max + c) * i.height, u = i.width / o.maxSeries, d = s.ticks.map((e) => ({
-				y: i.bottom - i.height * ((e + c) / (s.max + c)),
-				x: i.left - 8,
+			let s = {
+				max: Math.max(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
+				min: Math.min(...o.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
+				maxSeries: Math.max(...o.filter((e) => !L.value.includes(e.id)).map((e) => e.values.length)) ?? 0
+			}, c = s.min === s.max ? te(Math.min(s.min, 0), s.min === 0 ? 1 : Math.max(s.min, 0), R.value.xyScaleSegments) : te(s.min < 0 ? s.min : 0, s.max, R.value.xyScaleSegments), l = c.min < 0 ? Math.abs(c.min) : 0, u = a.bottom - l / (c.max + l) * a.height, d = a.width / s.maxSeries, ne = c.ticks.map((e) => ({
+				y: a.bottom - a.height * ((e + l) / (c.max + l)),
+				x: a.left - 8,
 				value: e
-			})), re = a.map((e, t) => ({
+			})), f = o.map((e, t) => ({
 				...e,
 				shape: "square",
 				coordinates: e.values.map((e, n) => {
-					let r = (e + c) / (o.max + c) * i.height, s = Math.abs(e) / Math.abs(o.min) * (i.height - te), ee = c / (o.max + c) * i.height, l = u / a.filter((e) => !L.value.includes(e.id)).length - R.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
+					let r = (e + l) / (s.max + l) * a.height, i = Math.abs(e) / Math.abs(s.min) * (a.height - u), ee = l / (s.max + l) * a.height, c = d / o.filter((e) => !L.value.includes(e.id)).length - R.value.barGap / o.filter((e) => !L.value.includes(e.id)).length;
 					return {
-						x: i.left + u * n + l * t + R.value.barGap / 2,
-						y: e > 0 ? i.bottom - r : te,
-						height: e > 0 ? r - ee : s,
+						x: a.left + d * n + c * t + R.value.barGap / 2,
+						y: e > 0 ? a.bottom - r : u,
+						height: e > 0 ? r - ee : i,
 						value: e,
-						width: l
+						width: c
 					};
 				})
-			})), f = a.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
+			})), re = o.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
 				...e,
 				coordinates: e.values.map((e, n) => {
-					let r = (e + c) / (o.max + c) * i.height, s = Math.abs(e) / (o.max + c) * i.height, ee = c / (o.max + c) * i.height, l = u / a.filter((e) => !L.value.includes(e.id)).length - R.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
+					let r = (e + l) / (s.max + l) * a.height, i = Math.abs(e) / (s.max + l) * a.height, ee = l / (s.max + l) * a.height, c = d / o.filter((e) => !L.value.includes(e.id)).length - R.value.barGap / o.filter((e) => !L.value.includes(e.id)).length;
 					return {
-						x: i.left + u * n + l * t + R.value.barGap / 2,
-						y: e > 0 ? i.bottom - r : te,
-						height: e > 0 ? r - ee : s,
+						x: a.left + d * n + c * t + R.value.barGap / 2,
+						y: e > 0 ? a.bottom - r : u,
+						height: e > 0 ? r - ee : i,
 						value: e,
-						width: l
+						width: c
 					};
 				})
 			}));
-			function ae(e) {
-				return a.map((t) => ({
+			function ie(e) {
+				return o.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
 				})).filter((e) => !L.value.includes(e.id));
 			}
-			function oe(e, n = "pointer") {
-				if (Kr.value && n === "pointer") return;
-				I.value = e, J.value = e, B.value = e, V.value = n;
-				let i = ae(e);
+			function ae(e, r = "pointer") {
+				if (qr.value && r === "pointer") return;
+				I.value = e, q.value = e, B.value = e, V.value = r;
+				let i = ie(e);
 				Mn.value = {
 					datapoint: i,
 					seriesIndex: e,
 					config: R.value,
-					dataset: a
+					dataset: o
 				};
-				let o = R.value.tooltipCustomFormat;
+				let a = R.value.tooltipCustomFormat;
 				if (R.value.events.datapointEnter && R.value.events.datapointEnter({
 					datapoint: i,
-					seriesIndex: e + X.value.start
-				}), r(o) && ie(() => o({
+					seriesIndex: e + Y.value.start
+				}), n(a) && oe(() => a({
 					datapoint: i,
 					seriesIndex: e,
-					series: a,
+					series: o,
 					config: R.value
-				}))) Nn.value = o({
+				}))) Nn.value = a({
 					point: i,
 					seriesIndex: e,
-					series: a,
+					series: o,
 					config: R.value
 				});
 				else {
@@ -1329,41 +1329,41 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				F.value = !0;
 			}
 			function se(e) {
-				let t = ae(e);
+				let t = ie(e);
 				R.value.events.datapointLeave && R.value.events.datapointLeave({
 					datapoint: t,
-					seriesIndex: e + X.value.start
-				}), F.value = !1, I.value = null, J.value = null, B.value = null, V.value = "pointer";
+					seriesIndex: e + Y.value.start
+				}), F.value = !1, I.value = null, q.value = null, B.value = null, V.value = "pointer";
 			}
 			function ce(e) {
-				let t = ae(e);
+				let t = ie(e);
 				R.value.events.datapointClick && R.value.events.datapointClick({
 					datapoint: t,
-					seriesIndex: e + X.value.start
+					seriesIndex: e + Y.value.start
 				}), U("selectDatapoint", t);
 			}
 			return {
-				absoluteZero: te,
-				dataset: f.filter((e) => !L.value.includes(e.id)),
-				absoluteDataset: f,
-				legend: re,
-				drawingArea: i,
-				extremes: o,
-				slotSize: u,
-				yLabels: d,
-				useTooltip: oe,
+				absoluteZero: u,
+				dataset: re.filter((e) => !L.value.includes(e.id)),
+				absoluteDataset: re,
+				legend: f,
+				drawingArea: a,
+				extremes: s,
+				slotSize: d,
+				yLabels: ne,
+				useTooltip: ae,
 				killTooltip: se,
 				selectDatapoint: ce
 			};
 		}), Si = h(() => G.value === A.LINE ? Z.value?.drawingArea ?? null : G.value === A.BAR ? Q.value?.drawingArea ?? null : null), Ci = h(() => G.value === A.LINE ? Number(Z.value?.slotSize ?? 0) : G.value === A.BAR ? Number(Q.value?.slotSize ?? 0) : 0), wi = h(() => G.value === A.LINE ? Number(Z.value?.extremes?.maxSeries ?? 0) : G.value === A.BAR ? Number(Q.value?.extremes?.maxSeries ?? 0) : 0), Ti = h(() => {
 			let e = Si.value;
-			return !e || !Kr.value || Jr.value == null || Yr.value == null ? null : {
-				x: Math.min(Jr.value, Yr.value),
+			return !e || !qr.value || Yr.value == null || Xr.value == null ? null : {
+				x: Math.min(Yr.value, Xr.value),
 				y: e.top,
-				width: Math.abs(Yr.value - Jr.value),
+				width: Math.abs(Xr.value - Yr.value),
 				height: e.height
 			};
-		}), Ei = h(() => !Ur.value || !br.value ? !1 : Number(X.value.start) !== 0 || Number(X.value.end) !== Number(si()));
+		}), Ei = h(() => !Wr.value || !br.value ? !1 : Number(Y.value.start) !== 0 || Number(Y.value.end) !== Number(si()));
 		function Di(e) {
 			let t = H.value;
 			if (!t) return null;
@@ -1386,10 +1386,10 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				height: n.height
 			}, i = Math.min(n.width / r.width, n.height / r.height);
 			if (!Number.isFinite(i) || i <= 0) return null;
-			let a = r.width * i, o = r.height * i, s = (n.width - a) / 2, c = (n.height - o) / 2;
+			let a = r.width * i, o = r.height * i, s = (n.width - a) / 2, ee = (n.height - o) / 2;
 			return {
 				x: (e.clientX - n.left - s) / i + r.x,
-				y: (e.clientY - n.top - c) / i + r.y
+				y: (e.clientY - n.top - ee) / i + r.y
 			};
 		}
 		function Oi(e) {
@@ -1397,24 +1397,24 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			return t ? Math.min(Math.max(e, t.left), t.right) : e;
 		}
 		function ki() {
-			B.value = null, V.value = "pointer", F.value = !1, I.value = null, J.value = null;
+			B.value = null, V.value = "pointer", F.value = !1, I.value = null, q.value = null;
 		}
 		function Ai(e) {
-			let t = e?.pointerId == null ? Xr.value : e.pointerId;
-			t != null && H.value?.hasPointerCapture?.(t) && H.value.releasePointerCapture(t), Kr.value = !1, Jr.value = null, Yr.value = null, Xr.value = null;
+			let t = e?.pointerId == null ? Zr.value : e.pointerId;
+			t != null && H.value?.hasPointerCapture?.(t) && H.value.releasePointerCapture(t), qr.value = !1, Yr.value = null, Xr.value = null, Zr.value = null;
 		}
 		function ji() {
-			Zr.value = !0, setTimeout(() => {
-				Zr.value = !1;
+			Qr.value = !0, setTimeout(() => {
+				Qr.value = !1;
 			}, 0);
 		}
 		function Mi(e) {
-			Zr.value && (Zr.value = !1, e.preventDefault(), e.stopPropagation());
+			Qr.value && (Qr.value = !1, e.preventDefault(), e.stopPropagation());
 		}
 		function Ni(e) {
-			if (!ti.value || !Ei.value || !e) return !1;
-			let t = Date.now(), n = e.pointerType || "mouse", r = Qr.value, i = n === "touch" ? 450 : 350, a = n === "touch" ? 28 : 10, o = Math.hypot(e.clientX - r.x, e.clientY - r.y);
-			return r.time > 0 && r.pointerType === n && t - r.time <= i && o <= a ? (Qr.value = {
+			if (!X.value || !Ei.value || !e) return !1;
+			let t = Date.now(), n = e.pointerType || "mouse", r = $r.value, i = n === "touch" ? 450 : 350, a = n === "touch" ? 28 : 10, o = Math.hypot(e.clientX - r.x, e.clientY - r.y);
+			return r.time > 0 && r.pointerType === n && t - r.time <= i && o <= a ? ($r.value = {
 				time: 0,
 				x: 0,
 				y: 0,
@@ -1422,7 +1422,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			}, ji(), Ai(e), ki(), pi({
 				applyControlledZoom: !1,
 				publish: !0
-			}), !0) : (Qr.value = {
+			}), !0) : ($r.value = {
 				time: t,
 				x: e.clientX,
 				y: e.clientY,
@@ -1440,8 +1440,8 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			if (n == null || r == null) return null;
 			let i = Math.min(n, r), a = Math.max(n, r);
 			return a <= i ? null : {
-				start: Number(X.value.start) + i,
-				end: Number(X.value.start) + a + 1
+				start: Number(Y.value.start) + i,
+				end: Number(Y.value.start) + a + 1
 			};
 		}
 		function Ii(e) {
@@ -1455,23 +1455,23 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			}), t) : null;
 		}
 		function Li(e) {
-			if (!ti.value || Ji.value || e.button !== void 0 && e.button !== 0 || Xr.value != null && e.pointerId !== Xr.value) return;
+			if (!X.value || Ji.value || e.button !== void 0 && e.button !== 0 || Zr.value != null && e.pointerId !== Zr.value) return;
 			let t = Si.value, n = Di(e);
 			if (!t || !n || n.x < t.left || n.x > t.right || n.y < t.top || n.y > t.bottom || wi.value <= 1) return;
-			qr.value = !0, H.value?.focus?.({ preventScroll: !0 }), ki();
+			Jr.value = !0, H.value?.focus?.({ preventScroll: !0 }), ki();
 			let r = Oi(n.x);
-			Xr.value = e.pointerId, Kr.value = !0, Jr.value = r, Yr.value = r;
+			Zr.value = e.pointerId, qr.value = !0, Yr.value = r, Xr.value = r;
 		}
 		function Ri(e) {
-			if (!ti.value || !Kr.value || Xr.value != null && e.pointerId !== Xr.value) return;
+			if (!X.value || !qr.value || Zr.value != null && e.pointerId !== Zr.value) return;
 			let t = Di(e);
-			t && (Yr.value = Oi(t.x), ki(), Jr.value != null && Math.abs(Yr.value - Jr.value) >= 2 && !H.value?.hasPointerCapture?.(e.pointerId) && H.value?.setPointerCapture?.(e.pointerId));
+			t && (Xr.value = Oi(t.x), ki(), Yr.value != null && Math.abs(Xr.value - Yr.value) >= 2 && !H.value?.hasPointerCapture?.(e.pointerId) && H.value?.setPointerCapture?.(e.pointerId));
 		}
 		function zi(e) {
-			if (!ti.value || !Kr.value || Xr.value != null && e.pointerId !== Xr.value) return;
+			if (!X.value || !qr.value || Zr.value != null && e.pointerId !== Zr.value) return;
 			let t = Di(e);
-			t && (Yr.value = Oi(t.x));
-			let n = Jr.value, r = Yr.value, i = Si.value;
+			t && (Xr.value = Oi(t.x));
+			let n = Yr.value, r = Xr.value, i = Si.value;
 			if ((n == null || r == null ? 0 : Math.abs(r - n)) < Math.max(4, Number(i?.width ?? 0) * .01)) {
 				if (Ni(e)) return;
 				Ai(e);
@@ -1482,7 +1482,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				Ai(e);
 				return;
 			}
-			Ai(e), Ii(a) && (Qr.value = {
+			Ai(e), Ii(a) && ($r.value = {
 				time: 0,
 				x: 0,
 				y: 0,
@@ -1516,8 +1516,8 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					values: R.value.xyPeriods,
 					maxDatapoints: W.value.maxSeriesLength,
 					formatter: R.value.datetimeFormatter,
-					start: X.value.start,
-					end: X.value.end
+					start: Y.value.start,
+					end: Y.value.end
 				});
 				e === Ui && ($.value = t);
 			})();
@@ -1557,7 +1557,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 		Se({
 			timeLabelsEls: Vn,
 			timeLabels: $,
-			slicer: X,
+			slicer: Y,
 			configRef: R,
 			rotationPath: ["xyPeriodLabelsRotation"],
 			autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
@@ -1566,7 +1566,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			height: Qi.value,
 			width: Zi.value
 		});
-		let $i = h(() => R.value.backgroundColor), ea = h(() => G.value === A.DONUT ? Y.value.legend : G.value === A.LINE ? Z.value.legend : Q.value.legend), ta = h(() => ({
+		let $i = h(() => R.value.backgroundColor), ea = h(() => G.value === A.DONUT ? J.value.legend : G.value === A.LINE ? Z.value.legend : Q.value.legend), ta = h(() => ({
 			show: R.value.showLegend,
 			bold: !1,
 			backgroundColor: R.value.backgroundColor,
@@ -1595,7 +1595,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				dataset: {
 					line: Z.value,
 					bar: Q.value,
-					donut: Y.value
+					donut: J.value
 				}
 			}), !R.value.userOptionsCallbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
@@ -1606,41 +1606,41 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				dataset: {
 					line: Z.value,
 					bar: Q.value,
-					donut: Y.value
+					donut: J.value
 				}
 			}));
 		}
 		function oa(e, t) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 		}
-		let sa = h(() => G.value === A.DONUT ? Y.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
+		let sa = h(() => G.value === A.DONUT ? J.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
 		function ca() {
 			B.value = null, ir.value = !0;
 		}
 		function la() {
-			qr.value = !1, B.value = null, V.value = "pointer", F.value = !1, I.value = null, J.value = null, ir.value = !1;
+			Jr.value = !1, B.value = null, V.value = "pointer", F.value = !1, I.value = null, q.value = null, ir.value = !1;
 		}
 		function ua(e) {
-			if (!H.value || Ji.value || document.activeElement !== H.value || (qr.value = !1, !sa.value)) return;
+			if (!H.value || Ji.value || document.activeElement !== H.value || (Jr.value = !1, !sa.value)) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				if (ti.value && (Ei.value || Kr.value)) {
+				if (X.value && (Ei.value || qr.value)) {
 					Ai(), ki(), pi({
 						applyControlledZoom: !1,
 						publish: !0
 					});
 					return;
 				}
-				B.value = null, V.value = "pointer", F.value = !1, I.value = null, J.value = null;
+				B.value = null, V.value = "pointer", F.value = !1, I.value = null, q.value = null;
 				return;
 			}
 			if (r) {
 				if (B.value === null) return;
 				if (G.value === A.DONUT) {
-					let e = Y.value?.chart?.[B.value];
+					let e = J.value?.chart?.[B.value];
 					if (!e) return;
-					Y.value.selectDatapoint({
+					J.value.selectDatapoint({
 						datapoint: e,
 						seriesIndex: B.value
 					});
@@ -1656,11 +1656,11 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				}
 				return;
 			}
-			let a = B.value, o = J.value, s = a !== null && a >= 0 && a < sa.value, c = o !== null && o >= 0 && o < sa.value;
-			if (s ? n ? (a += 1, a >= sa.value && (a = 0)) : t && (--a, a < 0 && (a = sa.value - 1)) : c ? (a = n ? o + 1 : o - 1, a >= sa.value && (a = 0), a < 0 && (a = sa.value - 1)) : a = n ? 0 : sa.value - 1, G.value === A.DONUT) {
-				let e = Y.value?.chart?.[a];
+			let a = B.value, o = q.value, s = a !== null && a >= 0 && a < sa.value, ee = o !== null && o >= 0 && o < sa.value;
+			if (s ? n ? (a += 1, a >= sa.value && (a = 0)) : t && (--a, a < 0 && (a = sa.value - 1)) : ee ? (a = n ? o + 1 : o - 1, a >= sa.value && (a = 0), a < 0 && (a = sa.value - 1)) : a = n ? 0 : sa.value - 1, G.value === A.DONUT) {
+				let e = J.value?.chart?.[a];
 				if (!e) return;
-				da(a), Y.value.useTooltip({
+				da(a), J.value.useTooltip({
 					datapoint: e,
 					seriesIndex: a,
 					triggerMode: "keyboard"
@@ -1677,9 +1677,9 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 			if (!Number.isFinite(e) || !H.value) return;
 			let t = 0, n = 0;
 			if (G.value === A.DONUT) {
-				let r = Y.value?.chart?.[e];
+				let r = J.value?.chart?.[e];
 				if (!r) return;
-				t = f(r, !0).x, n = oe(r);
+				t = f(r, !0).x, n = ae(r);
 			}
 			if (G.value === A.LINE) {
 				let r = Z.value?.drawingArea, i = Z.value?.slotSize;
@@ -1704,9 +1704,9 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					"Value",
 					"Percentage"
 				],
-				rows: (Y.value?.dataset ?? []).map((e) => {
-					let n = Y.value?.total ? t({
-						v: e.value / Y.value.total * 100,
+				rows: (J.value?.dataset ?? []).map((e) => {
+					let n = J.value?.total ? t({
+						v: e.value / J.value.total * 100,
 						s: "%",
 						r: R.value.dataLabelRoundingPercentage
 					}) : "0%";
@@ -1726,7 +1726,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				let e = G.value === A.LINE ? Z.value?.dataset ?? [] : Q.value?.dataset ?? [], n = G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : Q.value?.extremes?.maxSeries ?? 0;
 				return {
 					headers: ["Index", ...e.map((e) => e.name)],
-					rows: Array.from({ length: n }, (n, r) => [$.value?.[r + X.value.start]?.text ?? String(r + X.value.start), ...e.map((e) => {
+					rows: Array.from({ length: n }, (n, r) => [$.value?.[r + Y.value.start]?.text ?? String(r + Y.value.start), ...e.map((e) => {
 						let n = e.values?.[r];
 						return p(R.value.formatter, n, t({
 							p: R.value.valuePrefix,
@@ -1756,7 +1756,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				publish: !0
 			}),
 			setZoomState: di
-		}), (e, n) => yr.value ? (C(), _("div", {
+		}), (e, r) => yr.value ? (C(), _("div", {
 			key: 0,
 			id: `${G.value}_${P.value}`,
 			ref_key: "quickChart",
@@ -1767,8 +1767,8 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				"vue-data-ui-wrapper-fullscreen": Gi.value
 			}),
 			style: S(`background:${R.value.backgroundColor};color:${R.value.color};font-family:${R.value.fontFamily}; position: relative; ${R.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: n[1] ||= () => pr(!0),
-			onMouseleave: n[2] ||= () => pr(!1)
+			onMouseenter: r[1] ||= () => pr(!0),
+			onMouseleave: r[2] ||= () => pr(!1)
 		}, [
 			v("div", {
 				id: `chart-instructions-${P.value}`,
@@ -1954,19 +1954,19 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				ref: H,
 				xmlns: O(se),
 				"aria-describedby": `chart-instructions-${P.value}`,
-				viewBox: Ar.value,
+				viewBox: jr.value,
 				style: S({
 					maxWidth: "100%",
 					overflow: "visible",
 					background: "transparent",
 					color: R.value.color,
-					cursor: ti.value ? Kr.value ? "col-resize" : "crosshair" : void 0,
-					touchAction: ti.value ? "pan-y" : void 0,
-					userSelect: ti.value ? "none" : void 0
+					cursor: X.value ? qr.value ? "col-resize" : "crosshair" : void 0,
+					touchAction: X.value ? "pan-y" : void 0,
+					userSelect: X.value ? "none" : void 0
 				}),
 				class: b({
 					"vue-data-ui-no-transition": !O(z),
-					"vue-ui-quick-chart-zoom-pointer-focus": ti.value && qr.value
+					"vue-ui-quick-chart-zoom-pointer-focus": X.value && Jr.value
 				}),
 				tabindex: "0",
 				onFocus: ca,
@@ -2013,7 +2013,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${P.value}`
-				}, null, 8, dt), n[3] ||= v("feColorMatrix", {
+				}, null, 8, dt), r[3] ||= v("feColorMatrix", {
 					type: "saturate",
 					values: "0"
 				}, null, -1)], 8, ut), v("filter", {
@@ -2027,69 +2027,69 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					"flood-color": R.value.donutShadowColor
 				}, null, 8, pt)], 8, ft)]),
 				G.value === A.DONUT ? (C(), _(m, { key: 3 }, [
-					R.value.showDataLabels ? (C(), _("g", mt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [Y.value.isArcBigEnough(e) ? (C(), _("path", {
+					R.value.showDataLabels ? (C(), _("g", mt, [(C(!0), _(m, null, T(J.value.chart, (e, t) => (C(), _(m, null, [J.value.isArcBigEnough(e) ? (C(), _("path", {
 						key: 0,
-						d: O(ae)(e, {
+						d: O(re)(e, {
 							x: K.value.width / 2,
 							y: K.value.height / 2
-						}, 16, 16, !1, !1, K.value.height * Br.value, 12, R.value.donutCurvedMarkers),
+						}, 16, 16, !1, !1, K.value.height * Vr.value, 12, R.value.donutCurvedMarkers),
 						stroke: e.color,
 						"stroke-width": R.value.donutLabelMarkerStrokeWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						fill: "none",
-						filter: Mr(e.id)
+						filter: Nr(e.id)
 					}, null, 8, ht)) : g("", !0)], 64))), 256))])) : g("", !0),
 					v("circle", {
-						cx: Y.value.cx,
-						cy: Y.value.cy,
-						r: Y.value.radius,
+						cx: J.value.cx,
+						cy: J.value.cy,
+						r: J.value.radius,
 						fill: R.value.backgroundColor,
 						filter: R.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
 					}, null, 8, gt),
-					v("g", _t, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _("path", {
+					v("g", _t, [(C(!0), _(m, null, T(J.value.chart, (e, t) => (C(), _("path", {
 						d: e.arcSlice,
 						fill: e.color,
 						stroke: R.value.donutStroke || R.value.backgroundColor,
 						"stroke-width": R.value.donutStrokeWidth,
-						filter: Mr(e.id)
-					}, null, 8, vt))), 256)), (C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _("path", {
+						filter: Nr(e.id)
+					}, null, 8, vt))), 256)), (C(!0), _(m, null, T(J.value.chart, (e, t) => (C(), _("path", {
 						d: e.arcSlice,
 						fill: "transparent",
-						onMouseenter: (n) => Y.value.useTooltip({
+						onMouseenter: (n) => J.value.useTooltip({
 							datapoint: e,
 							seriesIndex: t,
 							triggerMode: "pointer"
 						}),
-						onMouseout: (n) => Y.value.killTooltip({
+						onMouseout: (n) => J.value.killTooltip({
 							datapoint: e,
 							seriesIndex: t
 						}),
-						onClick: (n) => Y.value.selectDatapoint({
+						onClick: (n) => J.value.selectDatapoint({
 							datapoint: e,
 							seriesIndex: t
 						})
 					}, null, 40, yt))), 256))]),
-					R.value.showDataLabels ? (C(), _("g", bt, [(C(!0), _(m, null, T(Y.value.chart, (e, n) => (C(), _(m, null, [
-						Y.value.isArcBigEnough(e) ? (C(), _("circle", {
+					R.value.showDataLabels ? (C(), _("g", bt, [(C(!0), _(m, null, T(J.value.chart, (e, n) => (C(), _(m, null, [
+						J.value.isArcBigEnough(e) ? (C(), _("circle", {
 							key: 0,
 							cx: O(f)(e).x,
-							cy: O(oe)(e) - 3.7,
+							cy: O(ae)(e) - 3.7,
 							fill: e.color,
 							stroke: R.value.backgroundColor,
 							"stroke-width": 1,
 							r: 3,
-							filter: Mr(e.id)
+							filter: Nr(e.id)
 						}, null, 8, xt)) : g("", !0),
-						Y.value.isArcBigEnough(e) ? (C(), _("text", {
+						J.value.isArcBigEnough(e) ? (C(), _("text", {
 							key: 1,
 							"text-anchor": O(f)(e, !0, 20).anchor,
 							x: O(f)(e, !0).x,
-							y: O(oe)(e),
+							y: O(ae)(e),
 							fill: R.value.color,
 							"font-size": R.value.dataLabelFontSize,
-							filter: Mr(e.id)
-						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(p)(R.value.formatter, e.value, O(t)({
+							filter: Nr(e.id)
+						}, D(J.value.displayArcPercentage(e, J.value.chart)) + " (" + D(O(p)(R.value.formatter, e.value, O(t)({
 							p: R.value.valuePrefix,
 							v: e.value,
 							s: R.value.valueSuffix,
@@ -2098,31 +2098,31 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 							datapoint: e,
 							seriesIndex: n
 						})) + ") ", 9, St)) : g("", !0),
-						Y.value.isArcBigEnough(e, !0, 20) ? (C(), _("text", {
+						J.value.isArcBigEnough(e, !0, 20) ? (C(), _("text", {
 							key: 2,
 							"text-anchor": O(f)(e).anchor,
 							x: O(f)(e, !0).x,
-							y: O(oe)(e) + R.value.dataLabelFontSize,
+							y: O(ae)(e) + R.value.dataLabelFontSize,
 							fill: R.value.color,
 							"font-size": R.value.dataLabelFontSize,
-							filter: Mr(e.id)
+							filter: Nr(e.id)
 						}, D(e.name), 9, Ct)) : g("", !0)
 					], 64))), 256))])) : g("", !0),
 					R.value.donutShowTotal ? (C(), _("g", wt, [v("text", {
 						"text-anchor": "middle",
-						x: Y.value.drawingArea.centerX,
-						y: Y.value.drawingArea.centerY - R.value.donutTotalLabelFontSize / 2,
+						x: J.value.drawingArea.centerX,
+						y: J.value.drawingArea.centerY - R.value.donutTotalLabelFontSize / 2,
 						"font-size": R.value.donutTotalLabelFontSize,
 						fill: R.value.color
 					}, D(R.value.donutTotalLabelText), 9, Tt), v("text", {
 						"text-anchor": "middle",
-						x: Y.value.drawingArea.centerX,
-						y: Y.value.drawingArea.centerY + R.value.donutTotalLabelFontSize,
+						x: J.value.drawingArea.centerX,
+						y: J.value.drawingArea.centerY + R.value.donutTotalLabelFontSize,
 						"font-size": R.value.donutTotalLabelFontSize,
 						fill: R.value.color
 					}, D(O(t)({
 						p: R.value.valuePrefix,
-						v: Y.value.total,
+						v: J.value.total,
 						s: R.value.valueSuffix,
 						r: R.value.dataLabelRoundingValue
 					})), 9, Et)])) : g("", !0)
@@ -2191,7 +2191,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 						datapoint: e,
 						seriesIndex: n
 					})), 11, Pt)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
-					R.value.xyShowScale && R.value.xyPeriods.length ? (C(), _("g", Ft, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Wi.value) === 0 || X.value.end - X.value.start <= Wi.value ? (C(), _("line", {
+					R.value.xyShowScale && R.value.xyPeriods.length ? (C(), _("g", Ft, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((Y.value.end - Y.value.start) / Wi.value) === 0 || Y.value.end - Y.value.start <= Wi.value ? (C(), _("line", {
 						key: 0,
 						x1: Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2,
 						x2: Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2,
@@ -2203,14 +2203,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					}, null, 8, It)) : g("", !0)], 64))), 256)), v("g", {
 						ref_key: "timeLabelsEls",
 						ref: Vn
-					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Wi.value) === 0 || X.value.end - X.value.start <= Wi.value ? (C(), _("g", Lt, [String(e).includes("\n") ? (C(), _("text", {
+					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((Y.value.end - Y.value.start) / Wi.value) === 0 || Y.value.end - Y.value.start <= Wi.value ? (C(), _("g", Lt, [String(e).includes("\n") ? (C(), _("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": R.value.xyLabelsXFontSize,
 						"text-anchor": R.value.xyPeriodLabelsRotation > 0 ? "start" : R.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: R.value.color,
 						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + R.value.xyLabelsXFontSize + 6}), rotate(${R.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(o)({
+						innerHTML: O(a)({
 							content: String(e),
 							fontSize: R.value.xyLabelsXFontSize,
 							fill: R.value.color,
@@ -2270,9 +2270,9 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 						fill: "none",
 						class: b({ "vue-data-ui-transition": O(z) })
 					}, null, 10, Wt)], 64)), (C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("circle", {
-						key: `dp_${e.id}_${n + X.value.start}`,
+						key: `dp_${e.id}_${n + Y.value.start}`,
 						cx: t.x,
-						cy: O(d)(t.y),
+						cy: O(u)(t.y),
 						r: 3,
 						fill: e.color,
 						stroke: R.value.backgroundColor,
@@ -2284,14 +2284,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					}, null, 10, Gt))), 128))]))), 128))]),
 					R.value.showDataLabels ? (C(), _("g", Kt, [(C(!0), _(m, null, T(Z.value.dataset, (e, n) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (n, r) => (C(), _("text", {
 						class: b(["vue-ui-quick-chart-label", { "vue-data-ui-transition": O(z) }]),
-						key: `plot_${e.id}_${r + X.value.start}`,
+						key: `plot_${e.id}_${r + Y.value.start}`,
 						"text-anchor": "middle",
 						"font-size": R.value.dataLabelFontSize,
 						fill: e.color,
-						transform: `translate(${n.x}, ${O(d)(n.y) - R.value.dataLabelFontSize / 2})`
-					}, D(O(p)(R.value.formatter, O(d)(n.value), O(t)({
+						transform: `translate(${n.x}, ${O(u)(n.y) - R.value.dataLabelFontSize / 2})`
+					}, D(O(p)(R.value.formatter, O(u)(n.value), O(t)({
 						p: R.value.valuePrefix,
-						v: O(d)(n.value),
+						v: O(u)(n.value),
 						s: R.value.valueSuffix,
 						r: R.value.dataLabelRoundingValue
 					}), {
@@ -2303,7 +2303,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 						y: Z.value.drawingArea.top,
 						height: Z.value.drawingArea.height <= 0 ? 1e-5 : Z.value.drawingArea.height,
 						width: Z.value.slotSize <= 0 ? 1e-5 : Z.value.slotSize,
-						fill: [I.value, J.value].includes(t) ? R.value.xyHighlighterColor : "transparent",
+						fill: [I.value, q.value].includes(t) ? R.value.xyHighlighterColor : "transparent",
 						style: S(`opacity:${R.value.xyHighlighterOpacity}`),
 						onMouseenter: (e) => Z.value.useTooltip(t, "pointer"),
 						onMouseleave: (e) => Z.value.killTooltip(t),
@@ -2374,7 +2374,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 						datapoint: e,
 						seriesIndex: n
 					})), 11, rn)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
-					R.value.xyShowScale && R.value.xyPeriods.length ? (C(), _("g", an, [(C(!0), _(m, null, T(R.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (C(), _("line", {
+					R.value.xyShowScale && R.value.xyPeriods.length ? (C(), _("g", an, [(C(!0), _(m, null, T(R.value.xyPeriods.slice(Y.value.start, Y.value.end), (e, t) => (C(), _("line", {
 						x1: Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2,
 						x2: Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2,
 						y1: Q.value.drawingArea.bottom,
@@ -2385,14 +2385,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					}, null, 8, on))), 256)), v("g", {
 						ref_key: "timeLabelsEls",
 						ref: Vn
-					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Wi.value) === 0 || X.value.end - X.value.start <= Wi.value ? (C(), _("g", sn, [String(e).includes("\n") ? (C(), _("text", {
+					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!R.value.xyPeriodsShowOnlyAtModulo || R.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((Y.value.end - Y.value.start) / Wi.value) === 0 || Y.value.end - Y.value.start <= Wi.value ? (C(), _("g", sn, [String(e).includes("\n") ? (C(), _("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": R.value.xyLabelsXFontSize,
 						"text-anchor": R.value.xyPeriodLabelsRotation > 0 ? "start" : R.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: R.value.color,
 						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + R.value.xyLabelsXFontSize + 6}), rotate(${R.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(o)({
+						innerHTML: O(a)({
 							content: String(e),
 							fontSize: R.value.xyLabelsXFontSize,
 							fill: R.value.color,
@@ -2410,8 +2410,8 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					v("g", un, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, null, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("rect", {
 						x: t.x,
 						width: t.width <= 0 ? 1e-5 : t.width,
-						height: O(d)(t.height <= 0 ? 1e-5 : t.height),
-						y: O(d)(t.y),
+						height: O(u)(t.height <= 0 ? 1e-5 : t.height),
+						y: O(u)(t.y),
 						fill: e.color,
 						stroke: R.value.backgroundColor,
 						"stroke-width": R.value.barStrokeWidth,
@@ -2420,14 +2420,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					}, null, 10, dn))), 256))], 64))), 256))]),
 					R.value.showDataLabels ? (C(), _("g", fn, [(C(!0), _(m, null, T(Q.value.dataset, (e, n) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (n, r) => (C(), _("text", {
 						class: b({ "vue-data-ui-transition": O(z) }),
-						key: `plot_${r + X.value.start}`,
-						transform: `translate(${n.x + n.width / 2}, ${O(d)(n.y) - R.value.dataLabelFontSize / 2})`,
+						key: `plot_${r + Y.value.start}`,
+						transform: `translate(${n.x + n.width / 2}, ${O(u)(n.y) - R.value.dataLabelFontSize / 2})`,
 						"text-anchor": "middle",
 						"font-size": R.value.dataLabelFontSize,
 						fill: e.color
-					}, D(O(p)(R.value.formatter, O(d)(n.value), O(t)({
+					}, D(O(p)(R.value.formatter, O(u)(n.value), O(t)({
 						p: R.value.valuePrefix,
-						v: O(d)(n.value),
+						v: O(u)(n.value),
 						s: R.value.valueSuffix,
 						r: R.value.dataLabelRoundingValue
 					}), {
@@ -2439,7 +2439,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 						y: Q.value.drawingArea.top,
 						height: Q.value.drawingArea.height <= 0 ? 1e-5 : Q.value.drawingArea.height,
 						width: Q.value.slotSize <= 0 ? 1e-5 : Q.value.slotSize,
-						fill: [I.value, J.value].includes(t) ? R.value.xyHighlighterColor : "transparent",
+						fill: [I.value, q.value].includes(t) ? R.value.xyHighlighterColor : "transparent",
 						style: S(`opacity:${R.value.xyHighlighterOpacity}`),
 						onMouseenter: (e) => Q.value.useTooltip(t, "pointer"),
 						onMouseleave: (e) => Q.value.killTooltip(t),
@@ -2496,12 +2496,12 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					y: Ti.value.y,
 					width: Ti.value.width,
 					height: Ti.value.height,
-					fill: ei.value.selection.fill,
-					"fill-opacity": ei.value.selection.fillOpacity,
-					stroke: ei.value.selection.stroke,
-					"stroke-opacity": ei.value.selection.strokeOpacity,
-					"stroke-width": ei.value.selection.strokeWidth,
-					"stroke-dasharray": ei.value.selection.strokeDasharray,
+					fill: ti.value.selection.fill,
+					"fill-opacity": ti.value.selection.fillOpacity,
+					stroke: ti.value.selection.stroke,
+					"stroke-opacity": ti.value.selection.strokeOpacity,
+					"stroke-width": ti.value.selection.strokeWidth,
+					"stroke-dasharray": ti.value.selection.strokeDasharray,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"pointer-events": "none"
@@ -2517,7 +2517,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				ref: jn
 			}, [(C(), Ne(De, {
 				ref_key: "slicerComponent",
-				ref: Hr,
+				ref: Ur,
 				key: `slicer_${Ln.value}`,
 				timeLabels: $.value,
 				background: R.value.zoomColor,
@@ -2529,8 +2529,8 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				selectColor: R.value.zoomHighlightColor,
 				max: W.value.maxSeriesLength,
 				min: 0,
-				valueStart: X.value.start,
-				valueEnd: X.value.end,
+				valueStart: Y.value.start,
+				valueEnd: Y.value.end,
 				smoothMinimap: R.value.zoomMinimap.smooth,
 				minimapSelectedColor: R.value.zoomMinimap.selectedColor,
 				minimapSelectedColorOpacity: R.value.zoomMinimap.selectedColorOpacity,
@@ -2539,7 +2539,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				minimap: _i.value,
 				minimapIndicatorColor: R.value.zoomMinimap.indicatorColor,
 				verticalHandles: R.value.zoomMinimap.verticalHandles,
-				minimapSelectedIndex: J.value,
+				minimapSelectedIndex: q.value,
 				"onUpdate:start": hi,
 				"onUpdate:end": gi,
 				refreshStartPoint: R.value.zoomStartIndex === null ? 0 : R.value.zoomStartIndex,
@@ -2562,11 +2562,11 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				maxWidth: R.value.zoomMaxWidth,
 				minimapLeftInsetRatio: Bi.value,
 				minimapRightInsetRatio: Vi.value,
-				onReset: n[0] ||= () => pi({
+				onReset: r[0] ||= () => pi({
 					applyControlledZoom: !1,
 					publish: !0
 				}),
-				onTrapMouse: zr
+				onTrapMouse: Br
 			}, {
 				"reset-action": k(({ reset: t }) => [E(e.$slots, "reset-action", x(y({ reset: t })), void 0, !0)]),
 				_: 3
@@ -2582,14 +2582,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				class: "vue-ui-quick-chart-legend",
 				style: S(`background:transparent;color:${R.value.color}`)
 			}, [
-				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && R.value.showLegendSelectAllToggle && !O(or) ? (C(), Ne(Oe, {
+				(J.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && R.value.showLegendSelectAllToggle && !O(or) ? (C(), Ne(Oe, {
 					key: 0,
 					backgroundColor: R.value.legendSelectAllToggleBackgroundColor,
 					color: R.value.legendSelectAllToggleColor,
 					fontSize: R.value.legendFontSize,
 					checked: L.value.length > 0,
 					isCursorPointer: nr.value,
-					onToggle: Nr
+					onToggle: Pr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -2597,22 +2597,22 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					"checked",
 					"isCursorPointer"
 				])) : g("", !0),
-				G.value === A.DONUT ? (C(!0), _(m, { key: 1 }, T(Y.value.legend, (n, r) => (C(), _("div", {
+				G.value === A.DONUT ? (C(!0), _(m, { key: 1 }, T(J.value.legend, (n, r) => (C(), _("div", {
 					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => Rr(n, Y.value.dataset),
-					style: S(`cursor: ${Y.value.legend.length > 1 && nr.value ? "pointer" : "default"}; opacity:${L.value.includes(n.id) ? "0.5" : "1"}`),
+					onClick: (e) => zr(n, J.value.dataset),
+					style: S(`cursor: ${J.value.legend.length > 1 && nr.value ? "pointer" : "default"}; opacity:${L.value.includes(n.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
 						oa(e, () => {
-							Rr(n, Y.value.dataset);
+							zr(n, J.value.dataset);
 						});
 					}
 				}, [R.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
 					...n,
 					isSegregated: L.value.includes(n.id),
 					segregate: () => {
-						Rr(n, Y.value.dataset);
+						zr(n, J.value.dataset);
 					}
 				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [
 					Fe(O(qe), {
@@ -2637,14 +2637,14 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 					L.value.includes(n.id) ? (C(), _("span", {
 						key: 0,
 						style: S(`font-size:${R.value.legendFontSize}px`)
-					}, " ( - % ) ", 4)) : Lr.value ? (C(), _("span", {
+					}, " ( - % ) ", 4)) : Rr.value ? (C(), _("span", {
 						key: 1,
 						style: S(`font-size:${R.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
 					}, " ( - % ) ", 4)) : (C(), _("span", {
 						key: 2,
 						style: S(`font-size:${R.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
 					}, " (" + D(O(t)({
-						v: n.value / Y.value.total * 100,
+						v: n.value / J.value.total * 100,
 						s: "%",
 						r: R.value.dataLabelRoundingPercentage
 					})) + ") ", 5))
@@ -2652,21 +2652,21 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				G.value === A.LINE ? (C(!0), _(m, { key: 2 }, T(Z.value.legend, (t, n) => (C(), _("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
-						Pr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
+						Fr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
 					},
 					style: S(`cursor: ${Z.value.legend.length > 1 && nr.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
 						oa(e, () => {
-							Pr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
+							Fr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
 						});
 					}
 				}, [R.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: L.value.includes(t.id),
 					segregate: () => {
-						Pr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
+						Fr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
 					}
 				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Fe(O(qe), {
 					name: R.value.legendIcon,
@@ -2680,21 +2680,21 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				G.value === A.BAR ? (C(!0), _(m, { key: 3 }, T(Q.value.legend, (t, n) => (C(), _("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
-						Pr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
+						Fr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
 					},
 					style: S(`cursor: ${Q.value.legend.length > 1 && nr.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
 						oa(e, () => {
-							Pr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
+							Fr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
 						});
 					}
 				}, [R.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: L.value.includes(t.id),
 					segregate: () => {
-						Pr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
+						Fr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
 					}
 				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Fe(O(qe), {
 					name: R.value.legendIcon,
@@ -2728,7 +2728,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 				parent: N.value,
 				content: Nn.value,
 				isFullscreen: Gi.value,
-				isCustom: O(r)(R.value.tooltipCustomFormat),
+				isCustom: O(n)(R.value.tooltipCustomFormat),
 				smooth: R.value.tooltipSmooth,
 				smoothForce: R.value.tooltipSmoothForce,
 				smoothSnapThreshold: R.value.tooltipSmoothSnapThreshold,
@@ -2768,7 +2768,7 @@ var N = /* @__PURE__ */ e({ default: () => kn }), nt = ["id"], rt = ["id"], it =
 		], 46, nt)) : (C(), _("div", On, [Fe(O(qe), {
 			name: "circleCancel",
 			stroke: "red"
-		}), n[4] ||= v("span", null, "Dataset is not processable", -1)]));
+		}), r[4] ||= v("span", null, "Dataset is not processable", -1)]));
 	}
 }, [["__scopeId", "data-v-6e6dae1f"]]);
 //#endregion