vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-quick-chart-CkPu6GMh.js → vue-ui-quick-chart-D-VuAoll.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, G as n, Lt as r, Mt as i, P as a, Pt as o, S as ee, Vt as s, X as c, Yt as l, Z as te, Zt as u, _ as ne, b as d, f, h as re, i as p, lt as ie, nt as ae, p as oe, q as se, t as ce, w as le } from "./lib-Dql7cqyA.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-DOpaUOQx.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-D32D002m.js";
-import { t as me } from "./usePrinter-hohanNCX.js";
+import { t as pe } from "./useConfig-C2uy4ltq.js";
+import { t as me } from "./usePrinter-BBBooAGP.js";
 import { n as he, t as ge } from "./BaseScanner-Dzc8VT3j.js";
-import { t as _e } from "./useNestedProp-Chvyfpl-.js";
+import { t as _e } from "./useNestedProp-Bux0f4iY.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-BkMKbWsI.js";
+import { t as Ce } from "./img-W50sC9SC.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-Ccss7Vsq.js";
-import { t as Oe } from "./BaseLegendToggle-CXQrLjd-.js";
+import { t as De } from "./SlicerPreview-BJ4usfYd.js";
+import { t as Oe } from "./BaseLegendToggle-DGG65LAR.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-mZBdml3Z.js";
@@ -37,9 +37,9 @@ function Ke({ dataset: e, barLineSwitch: t = 6, debug: n = !0 }) {
 	let r = null, i = null, a = 0;
 	if ((typeof e == "number" || typeof e == "string") && n && console.warn(`The provided dataset (${e}) is not sufficient to build a chart`), Je(e) && (j(e) && (r = e.length < t ? A.BAR : A.LINE, i = e, a = e.length), Ye(e))) {
 		if (!Ze(e)) return n && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-		let o = Object.keys(e[0]), ee = Object.values(e[0]);
+		let o = Object.keys(e[0]), s = Object.values(e[0]);
 		if (!o.some((e) => Qe(e))) return n && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-		$e(ee, (e) => typeof e == "number") && (r = A.DONUT, i = e), $e(ee, (e) => Array.isArray(e) && j(e)) && (r = et(e) > t ? A.LINE : A.BAR, a = et(e), i = e.map((e) => ({
+		$e(s, (e) => typeof e == "number") && (r = A.DONUT, i = e), $e(s, (e) => Array.isArray(e) && j(e)) && (r = et(e) > t ? A.LINE : A.BAR, a = et(e), i = e.map((e) => ({
 			...e,
 			data: tt(e, (e) => j(e))
 		}))), e = e.map((e) => M(e)), i = i.map((e) => M(e));
@@ -432,7 +432,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: Ge }) {
-		let qe = Ie(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), Je = Ie(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), Xe = Ie(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Ze = Ie(() => import("./Tooltip-hhrkQ3Lk.js")), Qe = Ie(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), { vue_ui_quick_chart: $e } = pe(), { isThemeValid: et, warnInvalidTheme: tt } = ve(), M = e, N = w(null), On = w(null), kn = w(null), An = w(null), P = w(se()), F = w(!1), jn = w(null), Mn = w(""), I = w(null), Nn = w(null), Pn = w(null), L = w([]), Fn = w(0), In = w(0), Ln = w(!1), Rn = w(null), zn = w(null), R = w(null), Bn = w(null), Vn = w(null), Hn = w(null), Un = Ve(null), Wn = w(!1), Gn = w(0), Kn = w(0), qn = w(!1);
+		let qe = Ie(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), Je = Ie(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), Xe = Ie(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), Ze = Ie(() => import("./Tooltip-DZ4a3XJQ.js")), Qe = Ie(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), { vue_ui_quick_chart: $e } = pe(), { isThemeValid: et, warnInvalidTheme: tt } = ve(), M = e, N = w(null), On = w(null), kn = w(null), An = w(null), P = w(te()), F = w(!1), jn = w(null), Mn = w(""), I = w(null), Nn = w(null), Pn = w(null), L = w([]), Fn = w(0), In = w(0), Ln = w(!1), Rn = w(null), zn = w(null), R = w(null), Bn = w(null), Vn = w(null), Hn = w(null), Un = Ve(null), Wn = w(!1), Gn = w(0), Kn = w(0), qn = w(!1);
 		function Jn() {
 			Un.value = N.value?.parentNode ?? null;
 		}
@@ -485,7 +485,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 		}), $n = h(() => z.value.debug), er = h(() => z.value.useCursorPointer), V = w(null), tr = w({
 			x: 0,
 			y: 0
-		}), H = w("pointer"), nr = w(!1), rr = h(() => u({
+		}), H = w("pointer"), nr = w(!1), rr = h(() => ce({
 			dafaultConfig: {
 				backgroundColor: "#99999930",
 				customPalette: ["#BABABA"],
@@ -522,7 +522,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				55,
 				89
 			],
-			skeletonConfig: u({
+			skeletonConfig: ce({
 				defaultConfig: z.value,
 				userConfig: rr.value
 			})
@@ -534,12 +534,12 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			let e = _e({
 				userConfig: M.config,
 				defaultConfig: $e
-			}), t = {}, n = e.theme;
-			if (n) {
+			}), t = {}, r = e.theme;
+			if (r) {
 				if (!et.value(e)) tt(e), t = e;
 				else {
 					let i = _e({
-						userConfig: je[n] || M.config,
+						userConfig: je[r] || M.config,
 						defaultConfig: e
 					});
 					t = {
@@ -547,14 +547,14 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 							userConfig: M.config,
 							defaultConfig: i
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : l[n] || r
+						customPalette: e.customPalette.length ? e.customPalette : n[r] || l
 					};
 				}
 			} else t = e;
 			return t;
 		}
 		function mr(e) {
-			let t = te(e);
+			let t = re(e);
 			return t?.tooltipPosition && delete t.tooltipPosition, JSON.stringify(t);
 		}
 		let hr = mr(M.config);
@@ -575,7 +575,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 		let gr = h(() => le(z.value.customPalette)), U = Ge, _r = h(() => {
 			let e = Ke({
 				debug: $n.value,
-				dataset: s(ar.value, [
+				dataset: a(ar.value, [
 					"serie",
 					"series",
 					"data",
@@ -588,7 +588,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			return !e && $n.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
 		}), W = w(_r.value), vr = h(() => !!W.value), G = h(() => W.value ? W.value.type : null);
 		Ue(() => G.value, (e) => {
-			e || ae({
+			e || u({
 				componentName: "VueUiQuickChart",
 				type: "dataset",
 				debug: $n.value
@@ -610,7 +610,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			Ln.value = !0, Jn(), Qn.start(), Er(), Xn();
 		});
 		function Er() {
-			if (o(M.dataset) || (or.value = z.value.loading), z.value.responsive) {
+			if (c(M.dataset) || (or.value = z.value.loading), z.value.responsive) {
 				let e = Te(() => {
 					let { width: e, height: t } = Ee({
 						chart: N.value,
@@ -715,12 +715,12 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				id: `donut_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
+				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || l[t + z.value.paletteStartIndex] || l[(t + z.value.paletteStartIndex) % l.length],
 				immutableValue: e.value
 			}));
-			function n(e, t) {
-				return c({
-					v: isNaN(e.value / Or(t)) ? 0 : e.value / Or(t) * 100,
+			function n(e, n) {
+				return t({
+					v: isNaN(e.value / Or(n)) ? 0 : e.value / Or(n) * 100,
 					s: "%",
 					r: z.value.dataLabelRoundingPercentage
 				});
@@ -732,39 +732,39 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				let n = _r.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: r, triggerMode: i = "pointer" }) {
+			function s({ datapoint: n, seriesIndex: i, triggerMode: a = "pointer" }) {
 				jn.value = {
 					datapoint: n,
-					seriesIndex: r,
+					seriesIndex: i,
 					config: z.value,
 					dataset: e
-				}, I.value = n.id, V.value = r, H.value = i;
-				let a = z.value.tooltipCustomFormat;
+				}, I.value = n.id, V.value = i, H.value = a;
+				let o = z.value.tooltipCustomFormat;
 				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
 					datapoint: n,
-					seriesIndex: r
-				}), t(a) && ie(() => a({
+					seriesIndex: i
+				}), r(o) && ie(() => o({
 					datapoint: n,
-					seriesIndex: r,
+					seriesIndex: i,
 					series: e,
 					config: z.value
-				}))) Mn.value = a({
+				}))) Mn.value = o({
 					datapoint: n,
-					seriesIndex: r,
+					seriesIndex: i,
 					series: e,
 					config: z.value
 				});
 				else {
 					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.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(z.value.formatter, n.value, c({
+					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.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(z.value.formatter, n.value, t({
 						p: z.value.valuePrefix,
 						v: n.value,
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
 						datapoint: n,
-						seriesIndex: r
-					})}</b>`, e += `<span>(${c({
+						seriesIndex: i
+					})}</b>`, e += `<span>(${t({
 						v: n.proportion * 100,
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
@@ -772,7 +772,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				}
 				F.value = !0;
 			}
-			function l({ datapoint: e, seriesIndex: t }) {
+			function c({ datapoint: e, seriesIndex: t }) {
 				z.value.events.datapointLeave && z.value.events.datapointLeave({
 					datapoint: e,
 					seriesIndex: t
@@ -784,31 +784,31 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 					seriesIndex: t
 				}), U("selectDatapoint", e);
 			}
-			let u = {
+			let ne = {
 				centerX: K.value.width / 2,
 				centerY: K.value.height / 2
-			}, ne = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), d = e.map((e, t) => ({
+			}, 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) => ({
 				...e,
-				proportion: (e.value || 0) / ne,
+				proportion: (e.value || 0) / u,
 				value: e.value || 0,
 				absoluteValue: _r.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
 				shape: "circle"
-			})), f = K.value.width / 2, re = K.value.height / 2, ae = K.value.height * z.value.donutRadiusRatio;
+			})), re = K.value.width / 2, f = K.value.height / 2, ae = K.value.height * z.value.donutRadiusRatio;
 			return {
 				dataset: d.filter((e) => !L.value.includes(e.id)),
 				legend: d,
-				drawingArea: u,
+				drawingArea: ne,
 				displayArcPercentage: n,
 				isArcBigEnough: a,
 				useTooltip: s,
-				killTooltip: l,
+				killTooltip: c,
 				selectDatapoint: te,
 				getSpaces: o,
-				total: ne,
-				cx: f,
-				cy: re,
+				total: u,
+				cx: re,
+				cy: f,
 				radius: ae,
-				chart: i({ series: e.filter((e) => !L.value.includes(e.id)) }, f, re, ae, ae, 1.99999, 2, 1, 360, 105.25, K.value.height * Lr.value)
+				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 * Lr.value)
 			};
 		}), X = w({
 			start: 0,
@@ -890,7 +890,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				absoluteValues: W.value.dataset,
 				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: z.value.title,
-				color: gr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
+				color: gr.value[z.value.paletteStartIndex] || l[z.value.paletteStartIndex],
 				id: "line_0"
 			}]), Ye(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
 				...e,
@@ -899,7 +899,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				id: `line_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
+				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || l[t + z.value.paletteStartIndex] || l[(t + z.value.paletteStartIndex) % l.length],
 				values: e.values.slice(X.value.start, X.value.end),
 				absoluteValues: e.values,
 				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
@@ -908,16 +908,16 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				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), z.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max < 0 ? 0 : o.max, z.value.xyScaleSegments), l = o.min < 0 ? Math.abs(o.min) : 0, te = o.max < 0 ? i.top : i.bottom - l / (s.max + l) * i.height, u = i.width / o.maxSeries, d = s.ticks.map((e) => ({
-				y: i.bottom - i.height * ((e + l) / (s.max + l)),
+			}, s = o.max === o.min ? ne(Math.min(o.min, 0), o.min === 0 ? 1 : Math.max(o.min, 0), z.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max < 0 ? 0 : o.max, z.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,
 				value: e
-			})), f = a.map((e, t) => ({
+			})), re = a.map((e, t) => ({
 				...e,
 				shape: "circle",
 				coordinates: e.values.map((e, t) => ({
 					x: i.left + u * (t + 1) - u / 2,
-					y: i.bottom - (e + l) / (s.max + l) * i.height,
+					y: i.bottom - (e + c) / (s.max + c) * i.height,
 					value: e
 				}))
 			})).map((e) => {
@@ -929,7 +929,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 					linePath: t.join(" ")
 				};
 			});
-			function re(e) {
+			function f(e) {
 				return a.map((t) => ({
 					...t,
 					value: t.values[e],
@@ -938,43 +938,43 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			}
 			function ae(e, n = "pointer") {
 				I.value = e, J.value = e, V.value = e, H.value = n;
-				let r = re(e);
+				let i = f(e);
 				jn.value = {
-					datapoint: r,
+					datapoint: i,
 					seriesIndex: e,
 					config: z.value,
 					dataset: a
 				};
-				let i = z.value.tooltipCustomFormat;
+				let o = z.value.tooltipCustomFormat;
 				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: r,
+					datapoint: i,
 					seriesIndex: e + X.value.start
-				}), t(i) && ie(() => i({
-					datapoint: r,
+				}), r(o) && ie(() => o({
+					datapoint: i,
 					seriesIndex: e,
 					series: a,
 					config: z.value
-				}))) Mn.value = i({
-					datapoint: r,
+				}))) Mn.value = o({
+					datapoint: i,
 					seriesIndex: e,
 					series: a,
 					config: z.value
 				});
 				else {
 					let e = "";
-					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, n) => {
+					$.value[i[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[i[0].absoluteIndex].text}</div>`), i.forEach((n, r) => {
 						e += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>
-                        <span>${t.name}:</span>
-                        <b>${p(z.value.formatter, t.value, c({
+                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${n.color}"/></svg>
+                        <span>${n.name}:</span>
+                        <b>${p(z.value.formatter, n.value, t({
 							p: z.value.valuePrefix,
-							v: t.value,
+							v: n.value,
 							s: z.value.valueSuffix,
 							r: z.value.dataLabelRoundingValue
 						}), {
-							datapoint: t,
-							seriesIndex: n
+							datapoint: n,
+							seriesIndex: r
 						})}
                         </b>
                     </div>
@@ -984,14 +984,14 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				F.value = !0;
 			}
 			function oe(e) {
-				let t = re(e);
+				let t = f(e);
 				z.value.events.datapointLeave && z.value.events.datapointLeave({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), I.value = null, J.value = null, F.value = !1, V.value = null, H.value = "pointer";
 			}
 			function se(e) {
-				let t = re(e);
+				let t = f(e);
 				z.value.events.datapointClick && z.value.events.datapointClick({
 					datapoint: t,
 					seriesIndex: e + X.value.start
@@ -999,8 +999,8 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			}
 			return {
 				absoluteZero: te,
-				dataset: f.filter((e) => !L.value.includes(e.id)),
-				legend: f,
+				dataset: re.filter((e) => !L.value.includes(e.id)),
+				legend: re,
 				drawingArea: i,
 				extremes: o,
 				slotSize: u,
@@ -1033,7 +1033,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				absoluteValues: W.value.dataset,
 				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: z.value.title,
-				color: gr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
+				color: gr.value[z.value.paletteStartIndex] || l[z.value.paletteStartIndex],
 				id: "bar_0"
 			}]), Ye(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
 				...e,
@@ -1042,7 +1042,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				id: `bar_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
+				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || l[t + z.value.paletteStartIndex] || l[(t + z.value.paletteStartIndex) % l.length],
 				values: e.values.slice(X.value.start, X.value.end),
 				absoluteValues: e.values,
 				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
@@ -1051,33 +1051,33 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				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), z.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max, z.value.xyScaleSegments), l = s.min < 0 ? Math.abs(s.min) : 0, te = i.bottom - l / (s.max + l) * i.height, u = i.width / o.maxSeries, d = s.ticks.map((e) => ({
-				y: i.bottom - i.height * ((e + l) / (s.max + l)),
+			}, s = o.min === o.max ? ne(Math.min(o.min, 0), o.min === 0 ? 1 : Math.max(o.min, 0), z.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max, z.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,
 				value: e
-			})), f = a.map((e, t) => ({
+			})), re = a.map((e, t) => ({
 				...e,
 				shape: "square",
 				coordinates: e.values.map((e, n) => {
-					let r = (e + l) / (o.max + l) * i.height, ee = Math.abs(e) / Math.abs(o.min) * (i.height - te), s = l / (o.max + l) * i.height, c = u / a.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
+					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 - z.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
 					return {
-						x: i.left + u * n + c * t + z.value.barGap / 2,
+						x: i.left + u * n + l * t + z.value.barGap / 2,
 						y: e > 0 ? i.bottom - r : te,
-						height: e > 0 ? r - s : ee,
+						height: e > 0 ? r - ee : s,
 						value: e,
-						width: c
+						width: l
 					};
 				})
-			})), re = a.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
+			})), f = a.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
 				...e,
 				coordinates: e.values.map((e, n) => {
-					let r = (e + l) / (o.max + l) * i.height, ee = Math.abs(e) / (o.max + l) * i.height, s = l / (o.max + l) * i.height, c = u / a.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
+					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 - z.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
 					return {
-						x: i.left + u * n + c * t + z.value.barGap / 2,
+						x: i.left + u * n + l * t + z.value.barGap / 2,
 						y: e > 0 ? i.bottom - r : te,
-						height: e > 0 ? r - s : ee,
+						height: e > 0 ? r - ee : s,
 						value: e,
-						width: c
+						width: l
 					};
 				})
 			}));
@@ -1090,43 +1090,43 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			}
 			function oe(e, n = "pointer") {
 				I.value = e, J.value = e, V.value = e, H.value = n;
-				let r = ae(e);
+				let i = ae(e);
 				jn.value = {
-					datapoint: r,
+					datapoint: i,
 					seriesIndex: e,
 					config: z.value,
 					dataset: a
 				};
-				let i = z.value.tooltipCustomFormat;
+				let o = z.value.tooltipCustomFormat;
 				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: r,
+					datapoint: i,
 					seriesIndex: e + X.value.start
-				}), t(i) && ie(() => i({
-					datapoint: r,
+				}), r(o) && ie(() => o({
+					datapoint: i,
 					seriesIndex: e,
 					series: a,
 					config: z.value
-				}))) Mn.value = i({
-					point: r,
+				}))) Mn.value = o({
+					point: i,
 					seriesIndex: e,
 					series: a,
 					config: z.value
 				});
 				else {
 					let e = "";
-					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, n) => {
+					$.value[i[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[i[0].absoluteIndex].text}</div>`), i.forEach((n, r) => {
 						e += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${t.color}"/></svg>
-                        <span>${t.name}:</span>
-                        <b>${p(z.value.formatter, t.value, c({
+                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${n.color}"/></svg>
+                        <span>${n.name}:</span>
+                        <b>${p(z.value.formatter, n.value, t({
 							p: z.value.valuePrefix,
-							v: t.value,
+							v: n.value,
 							s: z.value.valueSuffix,
 							r: z.value.dataLabelRoundingValue
 						}), {
-							datapoint: t,
-							seriesIndex: n
+							datapoint: n,
+							seriesIndex: r
 						})}
                         </b>
                     </div>
@@ -1151,9 +1151,9 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			}
 			return {
 				absoluteZero: te,
-				dataset: re.filter((e) => !L.value.includes(e.id)),
-				absoluteDataset: re,
-				legend: f,
+				dataset: f.filter((e) => !L.value.includes(e.id)),
+				absoluteDataset: f,
+				legend: re,
 				drawingArea: i,
 				extremes: o,
 				slotSize: u,
@@ -1322,8 +1322,8 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				}
 				return;
 			}
-			let a = V.value, o = J.value, ee = a !== null && a >= 0 && a < hi.value, s = o !== null && o >= 0 && o < hi.value;
-			if (ee ? n ? (a += 1, a >= hi.value && (a = 0)) : t && (--a, a < 0 && (a = hi.value - 1)) : s ? (a = n ? o + 1 : o - 1, a >= hi.value && (a = 0), a < 0 && (a = hi.value - 1)) : a = n ? 0 : hi.value - 1, G.value === A.DONUT) {
+			let a = V.value, o = J.value, s = a !== null && a >= 0 && a < hi.value, c = o !== null && o >= 0 && o < hi.value;
+			if (s ? n ? (a += 1, a >= hi.value && (a = 0)) : t && (--a, a < 0 && (a = hi.value - 1)) : c ? (a = n ? o + 1 : o - 1, a >= hi.value && (a = 0), a < 0 && (a = hi.value - 1)) : a = n ? 0 : hi.value - 1, G.value === A.DONUT) {
 				let e = Y.value?.chart?.[a];
 				if (!e) return;
 				yi(a), Y.value.useTooltip({
@@ -1371,32 +1371,32 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 					"Percentage"
 				],
 				rows: (Y.value?.dataset ?? []).map((e) => {
-					let t = Y.value?.total ? c({
+					let n = Y.value?.total ? t({
 						v: e.value / Y.value.total * 100,
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
 					}) : "0%";
 					return [
 						e.name,
-						p(z.value.formatter, e.value, c({
+						p(z.value.formatter, e.value, t({
 							p: z.value.valuePrefix,
 							v: e.value,
 							s: z.value.valueSuffix,
 							r: z.value.dataLabelRoundingValue
 						})),
-						t
+						n
 					];
 				})
 			};
 			if (G.value === A.LINE || G.value === A.BAR) {
-				let e = G.value === A.LINE ? Z.value?.dataset ?? [] : Q.value?.dataset ?? [], t = G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : Q.value?.extremes?.maxSeries ?? 0;
+				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: t }, (t, n) => [$.value?.[n + X.value.start]?.text ?? String(n + X.value.start), ...e.map((e) => {
-						let t = e.values?.[n];
-						return p(z.value.formatter, t, c({
+					rows: Array.from({ length: n }, (n, r) => [$.value?.[r + X.value.start]?.text ?? String(r + X.value.start), ...e.map((e) => {
+						let n = e.values?.[r];
+						return p(z.value.formatter, n, t({
 							p: z.value.valuePrefix,
-							v: t,
+							v: n,
 							s: z.value.valueSuffix,
 							r: z.value.dataLabelRoundingValue
 						}));
@@ -1417,7 +1417,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 			toggleAnnotator: ri,
 			toggleFullscreen: ei,
 			copyAlt: pi
-		}), (e, r) => vr.value ? (C(), _("div", {
+		}), (e, n) => vr.value ? (C(), _("div", {
 			key: 0,
 			id: `${G.value}_${P.value}`,
 			ref_key: "quickChart",
@@ -1428,8 +1428,8 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				"vue-data-ui-wrapper-fullscreen": $r.value
 			}),
 			style: S(`background:${z.value.backgroundColor};color:${z.value.color};font-family:${z.value.fontFamily}; position: relative; ${z.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: r[2] ||= () => fr(!0),
-			onMouseleave: r[3] ||= () => fr(!1)
+			onMouseenter: n[2] ||= () => fr(!0),
+			onMouseleave: n[3] ||= () => fr(!1)
 		}, [
 			v("div", {
 				id: `chart-instructions-${P.value}`,
@@ -1613,7 +1613,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				key: 0,
 				ref_key: "svgRef",
 				ref: sr,
-				xmlns: O(ce),
+				xmlns: O(se),
 				"aria-describedby": `chart-instructions-${P.value}`,
 				viewBox: Dr.value,
 				style: S(`max-width:100%;overflow:visible;background:transparent;color:${z.value.color}`),
@@ -1658,7 +1658,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${P.value}`
-				}, null, 8, dt), r[4] ||= v("feColorMatrix", {
+				}, null, 8, dt), n[4] ||= v("feColorMatrix", {
 					type: "saturate",
 					values: "0"
 				}, null, -1)], 8, ut), v("filter", {
@@ -1674,7 +1674,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				G.value === A.DONUT ? (C(), _(m, { key: 3 }, [
 					z.value.showDataLabels ? (C(), _("g", mt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [Y.value.isArcBigEnough(e) ? (C(), _("path", {
 						key: 0,
-						d: O(re)(e, {
+						d: O(ae)(e, {
 							x: K.value.width / 2,
 							y: K.value.height / 2
 						}, 16, 16, !1, !1, K.value.height * Lr.value, 12, z.value.donutCurvedMarkers),
@@ -1715,7 +1715,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 							seriesIndex: t
 						})
 					}, null, 40, yt))), 256))]),
-					z.value.showDataLabels ? (C(), _("g", bt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [
+					z.value.showDataLabels ? (C(), _("g", bt, [(C(!0), _(m, null, T(Y.value.chart, (e, n) => (C(), _(m, null, [
 						Y.value.isArcBigEnough(e) ? (C(), _("circle", {
 							key: 0,
 							cx: O(f)(e).x,
@@ -1734,14 +1734,14 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 							fill: z.value.color,
 							"font-size": z.value.dataLabelFontSize,
 							filter: kr(e.id)
-						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(p)(z.value.formatter, e.value, O(c)({
+						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(p)(z.value.formatter, e.value, O(t)({
 							p: z.value.valuePrefix,
 							v: e.value,
 							s: z.value.valueSuffix,
 							r: z.value.dataLabelRoundingValue
 						}), {
 							datapoint: e,
-							seriesIndex: t
+							seriesIndex: n
 						})) + ") ", 9, St)) : g("", !0),
 						Y.value.isArcBigEnough(e, !0, 20) ? (C(), _("text", {
 							key: 2,
@@ -1765,7 +1765,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						y: Y.value.drawingArea.centerY + z.value.donutTotalLabelFontSize,
 						"font-size": z.value.donutTotalLabelFontSize,
 						fill: z.value.color
-					}, D(O(c)({
+					}, D(O(t)({
 						p: z.value.valuePrefix,
 						v: Y.value.total,
 						s: z.value.valueSuffix,
@@ -1813,7 +1813,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						class: "yLabels",
 						ref_key: "scaleLabels",
 						ref: Bn
-					}, [(C(!0), _(m, null, T(Z.value.yLabels, (e, t) => (C(), _(m, { key: `sl_${t}` }, [e.y <= Z.value.drawingArea.bottom ? (C(), _("path", {
+					}, [(C(!0), _(m, null, T(Z.value.yLabels, (e, n) => (C(), _(m, { key: `sl_${n}` }, [e.y <= Z.value.drawingArea.bottom ? (C(), _("path", {
 						key: 0,
 						class: b({ "vue-data-ui-transition": O(B) }),
 						d: `M${e.x + 4},${e.y} ${Z.value.drawingArea.left},${e.y}`,
@@ -1827,14 +1827,14 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						"text-anchor": "end",
 						"font-size": z.value.xyLabelsYFontSize,
 						fill: z.value.color
-					}, D(O(p)(z.value.formatter, e.value, O(c)({
+					}, D(O(p)(z.value.formatter, e.value, O(t)({
 						p: z.value.valuePrefix,
 						v: e.value,
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					})), 11, Pt)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
 					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), _("g", Ft, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Qr.value) === 0 || X.value.end - X.value.start <= Qr.value ? (C(), _("line", {
 						key: 0,
@@ -1855,7 +1855,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: z.value.color,
 						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(n)({
+						innerHTML: O(o)({
 							content: String(e),
 							fontSize: z.value.xyLabelsXFontSize,
 							fill: z.value.color,
@@ -1877,7 +1877,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						ref_for: !0,
 						ref_key: "pathWrapper",
 						ref: Rn,
-						d: `M ${O(a)(e.coordinates)}`,
+						d: `M ${O(s)(e.coordinates)}`,
 						stroke: z.value.backgroundColor,
 						"stroke-width": z.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
@@ -1887,7 +1887,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						ref_for: !0,
 						ref_key: "pathTop",
 						ref: zn,
-						d: `M ${O(a)(e.coordinates)}`,
+						d: `M ${O(s)(e.coordinates)}`,
 						stroke: e.color,
 						"stroke-width": z.value.lineStrokeWidth,
 						"stroke-linecap": "round",
@@ -1927,21 +1927,21 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 							"vue-data-ui-transition": O(B)
 						})
 					}, null, 10, Gt))), 128))]))), 128))]),
-					z.value.showDataLabels ? (C(), _("g", Kt, [(C(!0), _(m, null, T(Z.value.dataset, (e, t) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("text", {
+					z.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(B) }]),
-						key: `plot_${e.id}_${n + X.value.start}`,
+						key: `plot_${e.id}_${r + X.value.start}`,
 						"text-anchor": "middle",
 						"font-size": z.value.dataLabelFontSize,
 						fill: e.color,
-						transform: `translate(${t.x}, ${O(d)(t.y) - z.value.dataLabelFontSize / 2})`
-					}, D(O(p)(z.value.formatter, O(d)(t.value), O(c)({
+						transform: `translate(${n.x}, ${O(d)(n.y) - z.value.dataLabelFontSize / 2})`
+					}, D(O(p)(z.value.formatter, O(d)(n.value), O(t)({
 						p: z.value.valuePrefix,
-						v: O(d)(t.value),
+						v: O(d)(n.value),
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
-						datapoint: t,
-						seriesIndex: n
+						datapoint: n,
+						seriesIndex: r
 					})), 11, qt))), 128))], 64))), 128))])) : g("", !0),
 					dr.value ? (C(), _("g", Jt, [(C(!0), _(m, null, T(Z.value.extremes.maxSeries, (e, t) => (C(), _("rect", {
 						x: Z.value.drawingArea.left + t * Z.value.slotSize,
@@ -1996,7 +1996,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						class: "yLabels",
 						ref_key: "scaleLabels",
 						ref: Bn
-					}, [(C(!0), _(m, null, T(Q.value.yLabels, (e, t) => (C(), _(m, { key: `sl_${t}` }, [e.y <= Q.value.drawingArea.bottom ? (C(), _("path", {
+					}, [(C(!0), _(m, null, T(Q.value.yLabels, (e, n) => (C(), _(m, { key: `sl_${n}` }, [e.y <= Q.value.drawingArea.bottom ? (C(), _("path", {
 						key: 0,
 						class: b({ "vue-data-ui-transition": O(B) }),
 						d: `M${e.x + 4},${e.y} ${Q.value.drawingArea.left},${e.y}`,
@@ -2010,14 +2010,14 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						"text-anchor": "end",
 						"font-size": z.value.xyLabelsYFontSize,
 						fill: z.value.color
-					}, D(O(p)(z.value.formatter, e.value, O(c)({
+					}, D(O(p)(z.value.formatter, e.value, O(t)({
 						p: z.value.valuePrefix,
 						v: e.value,
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					})), 11, rn)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
 					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), _("g", an, [(C(!0), _(m, null, T(z.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (C(), _("line", {
 						x1: Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2,
@@ -2037,7 +2037,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: z.value.color,
 						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`,
-						innerHTML: O(n)({
+						innerHTML: O(o)({
 							content: String(e),
 							fontSize: z.value.xyLabelsXFontSize,
 							fill: z.value.color,
@@ -2063,21 +2063,21 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 						"stroke-linecap": "round",
 						class: b({ "vue-data-ui-transition": O(B) })
 					}, null, 10, dn))), 256))], 64))), 256))]),
-					z.value.showDataLabels ? (C(), _("g", fn, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("text", {
+					z.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(B) }),
-						key: `plot_${n + X.value.start}`,
-						transform: `translate(${t.x + t.width / 2}, ${O(d)(t.y) - z.value.dataLabelFontSize / 2})`,
+						key: `plot_${r + X.value.start}`,
+						transform: `translate(${n.x + n.width / 2}, ${O(d)(n.y) - z.value.dataLabelFontSize / 2})`,
 						"text-anchor": "middle",
 						"font-size": z.value.dataLabelFontSize,
 						fill: e.color
-					}, D(O(p)(z.value.formatter, O(d)(t.value), O(c)({
+					}, D(O(p)(z.value.formatter, O(d)(n.value), O(t)({
 						p: z.value.valuePrefix,
-						v: O(d)(t.value),
+						v: O(d)(n.value),
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
-						datapoint: t,
-						seriesIndex: n
+						datapoint: n,
+						seriesIndex: r
 					})), 11, pn))), 128))], 64))), 128))])) : g("", !0),
 					dr.value && L.value.length < Q.value.legend.length ? (C(), _("g", mn, [(C(!0), _(m, null, T(Q.value.extremes.maxSeries, (e, t) => (C(), _("rect", {
 						x: Q.value.drawingArea.left + t * Q.value.slotSize,
@@ -2170,9 +2170,9 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				verticalHandles: z.value.zoomMinimap.verticalHandles,
 				minimapSelectedIndex: J.value,
 				start: X.value.start,
-				"onUpdate:start": r[0] ||= (e) => X.value.start = e,
+				"onUpdate:start": n[0] ||= (e) => X.value.start = e,
 				end: X.value.end,
-				"onUpdate:end": r[1] ||= (e) => X.value.end = e,
+				"onUpdate:end": n[1] ||= (e) => X.value.end = e,
 				refreshStartPoint: z.value.zoomStartIndex === null ? 0 : z.value.zoomStartIndex,
 				refreshEndPoint: z.value.zoomEndIndex === null ? W.value.maxSeriesLength : z.value.zoomEndIndex + 1,
 				enableRangeHandles: z.value.zoomEnableRangeHandles,
@@ -2225,44 +2225,44 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 					"checked",
 					"isCursorPointer"
 				])) : g("", !0),
-				G.value === A.DONUT ? (C(!0), _(m, { key: 1 }, T(Y.value.legend, (t, n) => (C(), _("div", {
+				G.value === A.DONUT ? (C(!0), _(m, { key: 1 }, T(Y.value.legend, (n, r) => (C(), _("div", {
 					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => Fr(t, Y.value.dataset),
-					style: S(`cursor: ${Y.value.legend.length > 1 && er.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
+					onClick: (e) => Fr(n, Y.value.dataset),
+					style: S(`cursor: ${Y.value.legend.length > 1 && er.value ? "pointer" : "default"}; opacity:${L.value.includes(n.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
 						mi(e, () => {
-							Fr(t, Y.value.dataset);
+							Fr(n, Y.value.dataset);
 						});
 					}
 				}, [z.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
-					...t,
-					isSegregated: L.value.includes(t.id),
+					...n,
+					isSegregated: L.value.includes(n.id),
 					segregate: () => {
-						Fr(t, Y.value.dataset);
+						Fr(n, Y.value.dataset);
 					}
 				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [
 					Fe(O(qe), {
 						name: z.value.legendIcon,
-						stroke: t.color,
+						stroke: n.color,
 						size: z.value.legendIconSize
 					}, null, 8, [
 						"name",
 						"stroke",
 						"size"
 					]),
-					v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5),
-					v("span", { style: S(`font-size:${z.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(t.id) ? "-" : O(p)(z.value.formatter, t.absoluteValue, O(c)({
+					v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(n.name), 5),
+					v("span", { style: S(`font-size:${z.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(n.id) ? "-" : O(p)(z.value.formatter, n.absoluteValue, O(t)({
 						p: z.value.valuePrefix,
-						v: t.absoluteValue,
+						v: n.absoluteValue,
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
-						datapoint: t,
-						seriesIndex: n
+						datapoint: n,
+						seriesIndex: r
 					})), 5),
-					L.value.includes(t.id) ? (C(), _("span", {
+					L.value.includes(n.id) ? (C(), _("span", {
 						key: 0,
 						style: S(`font-size:${z.value.legendFontSize}px`)
 					}, " ( - % ) ", 4)) : Pr.value ? (C(), _("span", {
@@ -2271,8 +2271,8 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 					}, " ( - % ) ", 4)) : (C(), _("span", {
 						key: 2,
 						style: S(`font-size:${z.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " (" + D(O(c)({
-						v: t.value / Y.value.total * 100,
+					}, " (" + D(O(t)({
+						v: n.value / Y.value.total * 100,
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
 					})) + ") ", 5))
@@ -2356,7 +2356,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 				parent: N.value,
 				content: Mn.value,
 				isFullscreen: $r.value,
-				isCustom: O(t)(z.value.tooltipCustomFormat),
+				isCustom: O(r)(z.value.tooltipCustomFormat),
 				smooth: z.value.tooltipSmooth,
 				smoothForce: z.value.tooltipSmoothForce,
 				smoothSnapThreshold: z.value.tooltipSmoothSnapThreshold,
@@ -2396,7 +2396,7 @@ var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it =
 		], 46, nt)) : (C(), _("div", Dn, [Fe(O(qe), {
 			name: "circleCancel",
 			stroke: "red"
-		}), r[5] ||= v("span", null, "Dataset is not processable", -1)]));
+		}), n[5] ||= v("span", null, "Dataset is not processable", -1)]));
 	}
 }, [["__scopeId", "data-v-0c7f3834"]]);
 //#endregion