vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-quick-chart-PAVz4c9z.js → vue-ui-quick-chart-BG7kK_-q.js}

@@ -1,22 +1,22 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { B as t, G as n, H as r, Lt as i, St as a, Tt as o, X as s, bt as c, d as l, h as u, i as d, k as f, kt as p, nt as ee, p as te, pt as ne, t as re, u as m, v as h, x as ie, y as ae, zt as oe } from "./lib-BkiwukKO.js";
-import { t as se } from "./useTimeLabels-C0x7zUXP.js";
-import { t as ce } from "./useConfig-ByaaSKhz.js";
-import { t as le } from "./usePrinter-X0yWOynH.js";
-import { n as ue, t as de } from "./BaseScanner-C7dmAref.js";
-import { t as fe } from "./useSvgExport-Dtu973wa.js";
-import { t as pe } from "./useNestedProp-Ck4hsrpu.js";
-import { t as me } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as he } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as ge } from "./img-BjOr008R.js";
-import { t as _e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as ve } from "./canvas-lib-DTaADQOK.js";
-import { t as ye } from "./useResponsive-CrAInupd.js";
-import { t as be } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as xe } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as Se } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Ce } from "./Slicer-CPWGgGSp.js";
-import { t as we } from "./vue_ui_quick_chart--VaYQuM4.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { At as t, B as n, Bt as r, Ct as i, Et as a, G as o, H as s, Rt as c, X as ee, d as l, h as u, i as d, k as f, nt as te, p as ne, pt as re, t as p, u as m, v as h, x as ie, xt as ae, y as oe } from "./lib-DUeYQsS0.js";
+import { t as se } from "./useTimeLabels-BmBRv27Y.js";
+import { t as ce } from "./useConfig-DAyQk86L.js";
+import { t as le } from "./usePrinter-C1Gqt_Sp.js";
+import { n as ue, t as de } from "./BaseScanner-Dr2a1Msy.js";
+import { t as fe } from "./useSvgExport-SVIsDot8.js";
+import { t as pe } from "./useNestedProp-CNcoy38D.js";
+import { t as me } from "./useThemeCheck-C43Tcqmk.js";
+import { t as he } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as ge } from "./img-1cKsci8e.js";
+import { t as _e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ve } from "./canvas-lib-BOP_HS11.js";
+import { t as ye } from "./useResponsive-BfnK0KxU.js";
+import { t as be } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as xe } from "./A11yDataTable-BCbtxMU6.js";
+import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ce } from "./Slicer-SHBj0VaV.js";
+import { t as we } from "./vue_ui_quick_chart-mZBdml3Z.js";
 import { Fragment as g, Teleport as Te, computed as _, createBlock as Ee, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as De, createVNode as Oe, defineAsyncComponent as ke, guardReactiveProps as x, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as Ne, onMounted as Pe, openBlock as w, ref as T, renderList as E, renderSlot as D, shallowRef as Fe, toDisplayString as O, toRefs as Ie, unref as k, watch as Le, watchEffect as Re, withCtx as A } from "vue";
 //#region src/chartDetector.js
 var j = {
@@ -440,12 +440,12 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		"copyAlt"
 	],
 	setup(e, { expose: _e, emit: ze }) {
-		let Ve = ke(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), He = ke(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), We = ke(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Ge = ke(() => import("./Tooltip-CuWEYGr3.js")), Ke = ke(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), { vue_ui_quick_chart: qe } = ce(), { isThemeValid: Je, warnInvalidTheme: Ye } = me(), N = e, P = T(null), Tn = T(null), En = T(null), Dn = T(null), F = T(r()), I = T(!1), On = T(null), kn = T(""), L = T(null), An = T(null), jn = T(null), R = T([]), Mn = T(0), Nn = T(0), Pn = T(!1), Fn = T(null), In = T(null), z = T(null), Ln = T(null), Rn = T(null), zn = T(null);
+		let Ve = ke(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), He = ke(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), We = ke(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ge = ke(() => import("./Tooltip-BENq327o.js")), Ke = ke(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), { vue_ui_quick_chart: qe } = ce(), { isThemeValid: Je, warnInvalidTheme: Ye } = me(), N = e, P = T(null), Tn = T(null), En = T(null), Dn = T(null), F = T(s()), I = T(!1), On = T(null), kn = T(""), L = T(null), An = T(null), jn = T(null), R = T([]), Mn = T(0), Nn = T(0), Pn = T(!1), Fn = T(null), In = T(null), z = T(null), Ln = T(null), Rn = T(null), zn = T(null);
 		T("#FFFFFF");
 		let B = T($n()), Bn = _(() => !!B.value.debug), Vn = _(() => B.value.useCursorPointer), V = T(null), Hn = T({
 			x: 0,
 			y: 0
-		}), H = T("pointer"), Un = T(!1), Wn = _(() => oe({
+		}), H = T("pointer"), Un = T(!1), Wn = _(() => r({
 			dafaultConfig: {
 				backgroundColor: "#99999930",
 				customPalette: ["#BABABA"],
@@ -491,7 +491,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				55,
 				89
 			],
-			skeletonConfig: oe({
+			skeletonConfig: r({
 				defaultConfig: B.value,
 				userConfig: Wn.value
 			})
@@ -515,7 +515,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						userConfig: N.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : i[n] || o
+					customPalette: e.customPalette.length ? e.customPalette : c[n] || a
 				};
 			}
 			else t = e;
@@ -531,7 +531,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		let er = _(() => ie(B.value.customPalette)), W = ze, tr = _(() => {
 			let e = Be({
 				debug: Bn.value,
-				dataset: p(Gn.value, [
+				dataset: t(Gn.value, [
 					"serie",
 					"series",
 					"data",
@@ -544,7 +544,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			return !e && Bn.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
 		}), G = T(tr.value), nr = _(() => !!G.value), K = _(() => G.value ? G.value.type : null);
 		Le(() => K.value, (e) => {
-			e || s({
+			e || ee({
 				componentName: "VueUiQuickChart",
 				type: "dataset",
 				debug: Bn.value
@@ -566,7 +566,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			Pn.value = !0, dr();
 		});
 		function dr() {
-			if (a(N.dataset) || (Kn.value = B.value.loading), B.value.responsive) {
+			if (i(N.dataset) || (Kn.value = B.value.loading), B.value.responsive) {
 				let e = ve(() => {
 					let { width: e, height: t } = ye({
 						chart: P.value,
@@ -671,56 +671,56 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				id: `donut_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ae(e.COLOR) : er.value[t + B.value.paletteStartIndex] || o[t + B.value.paletteStartIndex] || o[(t + B.value.paletteStartIndex) % o.length],
+				color: e.COLOR ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || a[t + B.value.paletteStartIndex] || a[(t + B.value.paletteStartIndex) % a.length],
 				immutableValue: e.value
 			}));
 			function t(e, t) {
-				return n({
+				return o({
 					v: isNaN(e.value / pr(t)) ? 0 : e.value / pr(t) * 100,
 					s: "%",
 					r: B.value.dataLabelRoundingPercentage
 				});
 			}
-			function r(e) {
+			function n(e) {
 				return e.proportion * 100 > B.value.donutHideLabelUnderPercentage;
 			}
-			function i(e, t) {
+			function r(e, t) {
 				let n = tr.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 a({ datapoint: t, seriesIndex: r, triggerMode: i = "pointer" }) {
+			function i({ datapoint: t, seriesIndex: n, triggerMode: r = "pointer" }) {
 				On.value = {
 					datapoint: t,
-					seriesIndex: r,
+					seriesIndex: n,
 					config: B.value,
 					dataset: e
-				}, L.value = t.id, V.value = r, H.value = i;
-				let a = B.value.tooltipCustomFormat;
+				}, L.value = t.id, V.value = n, H.value = r;
+				let i = B.value.tooltipCustomFormat;
 				if (B.value.events.datapointEnter && B.value.events.datapointEnter({
 					datapoint: t,
-					seriesIndex: r
-				}), ne(a) && ee(() => a({
+					seriesIndex: n
+				}), re(i) && te(() => i({
 					datapoint: t,
-					seriesIndex: r,
+					seriesIndex: n,
 					series: e,
 					config: B.value
-				}))) kn.value = a({
+				}))) kn.value = i({
 					datapoint: t,
-					seriesIndex: r,
+					seriesIndex: n,
 					series: e,
 					config: B.value
 				});
 				else {
 					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.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="${t.color}"/></svg>`, e += `<b>${d(B.value.formatter, t.value, n({
+					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.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="${t.color}"/></svg>`, e += `<b>${d(B.value.formatter, t.value, o({
 						p: B.value.valuePrefix,
 						v: t.value,
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
-						seriesIndex: r
-					})}</b>`, e += `<span>(${n({
+						seriesIndex: n
+					})}</b>`, e += `<span>(${o({
 						v: t.proportion * 100,
 						s: "%",
 						r: B.value.dataLabelRoundingPercentage
@@ -734,37 +734,37 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					seriesIndex: t
 				}), I.value = !1, L.value = null, J.value = null, V.value = null, H.value = "pointer";
 			}
-			function l({ datapoint: e, seriesIndex: t }) {
+			function c({ datapoint: e, seriesIndex: t }) {
 				B.value.events.datapointClick && B.value.events.datapointClick({
 					datapoint: e,
 					seriesIndex: t
 				}), W("selectDatapoint", e);
 			}
-			let u = {
+			let ee = {
 				centerX: q.value.width / 2,
 				centerY: q.value.height / 2
-			}, f = e.filter((e) => !R.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), p = e.map((e, t) => ({
+			}, l = e.filter((e) => !R.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), u = e.map((e, t) => ({
 				...e,
-				proportion: (e.value || 0) / f,
+				proportion: (e.value || 0) / l,
 				value: e.value || 0,
 				absoluteValue: tr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
 				shape: "circle"
-			})), te = q.value.width / 2, re = q.value.height / 2, m = q.value.height * B.value.donutRadiusRatio;
+			})), f = q.value.width / 2, ne = q.value.height / 2, p = q.value.height * B.value.donutRadiusRatio;
 			return {
-				dataset: p.filter((e) => !R.value.includes(e.id)),
-				legend: p,
-				drawingArea: u,
+				dataset: u.filter((e) => !R.value.includes(e.id)),
+				legend: u,
+				drawingArea: ee,
 				displayArcPercentage: t,
-				isArcBigEnough: r,
-				useTooltip: a,
+				isArcBigEnough: n,
+				useTooltip: i,
 				killTooltip: s,
-				selectDatapoint: l,
-				getSpaces: i,
-				total: f,
-				cx: te,
-				cy: re,
-				radius: m,
-				chart: c({ series: e.filter((e) => !R.value.includes(e.id)) }, te, re, m, m, 1.99999, 2, 1, 360, 105.25, q.value.height * Sr.value)
+				selectDatapoint: c,
+				getSpaces: r,
+				total: l,
+				cx: f,
+				cy: ne,
+				radius: p,
+				chart: ae({ series: e.filter((e) => !R.value.includes(e.id)) }, f, ne, p, p, 1.99999, 2, 1, 360, 105.25, q.value.height * Sr.value)
 			};
 		}), X = T({
 			start: 0,
@@ -832,47 +832,47 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				let e = z.value.getBBox().x;
 				e < 0 && (t += Math.abs(e));
 			}
-			let r = {
+			let n = {
 				left: t + B.value.xyPaddingLeft,
 				top: B.value.xyPaddingTop,
 				right: e.width - B.value.xyPaddingRight,
 				bottom: e.height - B.value.xyPaddingBottom - jr.value,
 				width: Math.max(10, e.width - B.value.xyPaddingLeft - B.value.xyPaddingRight - t),
 				height: Math.max(10, e.height - B.value.xyPaddingTop - B.value.xyPaddingBottom - jr.value)
-			}, i = [];
-			M(G.value.dataset) && (i = [{
+			}, r = [];
+			M(G.value.dataset) && (r = [{
 				values: G.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: G.value.dataset,
 				absoluteIndices: G.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: B.value.title,
-				color: er.value[B.value.paletteStartIndex] || o[B.value.paletteStartIndex],
+				color: er.value[B.value.paletteStartIndex] || a[B.value.paletteStartIndex],
 				id: "line_0"
-			}]), Ue(G.value.dataset) && (i = G.value.dataset.map((e, t) => ({
+			}]), Ue(G.value.dataset) && (r = G.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 ? ae(e.COLOR) : er.value[t + B.value.paletteStartIndex] || o[t + B.value.paletteStartIndex] || o[(t + B.value.paletteStartIndex) % o.length],
+				color: e.COLOR ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || a[t + B.value.paletteStartIndex] || a[(t + B.value.paletteStartIndex) % a.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)
 			})));
-			let a = {
-				max: Math.max(...i.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)),
-				min: Math.min(...i.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)),
-				maxSeries: Math.max(...i.map((e) => e.values.length))
-			}, s = a.max === a.min ? u(a.min, a.min + 1, B.value.xyScaleSegments) : u(a.min < 0 ? a.min : 0, a.max < 0 ? 0 : a.max, B.value.xyScaleSegments), c = a.min < 0 ? Math.abs(a.min) : 0, l = a.max < 0 ? r.top : r.bottom - c / (s.max + c) * r.height, f = r.width / a.maxSeries, p = s.ticks.map((e) => ({
-				y: r.bottom - r.height * ((e + c) / (s.max + c)),
-				x: r.left - 8,
+			let i = {
+				max: Math.max(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)),
+				min: Math.min(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)),
+				maxSeries: Math.max(...r.map((e) => e.values.length))
+			}, s = i.max === i.min ? u(i.min, i.min + 1, B.value.xyScaleSegments) : u(i.min < 0 ? i.min : 0, i.max < 0 ? 0 : i.max, B.value.xyScaleSegments), c = i.min < 0 ? Math.abs(i.min) : 0, ee = i.max < 0 ? n.top : n.bottom - c / (s.max + c) * n.height, l = n.width / i.maxSeries, f = s.ticks.map((e) => ({
+				y: n.bottom - n.height * ((e + c) / (s.max + c)),
+				x: n.left - 8,
 				value: e
-			})), te = i.map((e, t) => ({
+			})), ne = r.map((e, t) => ({
 				...e,
 				shape: "circle",
 				coordinates: e.values.map((e, t) => ({
-					x: r.left + f * (t + 1) - f / 2,
-					y: r.bottom - (e + c) / (s.max + c) * r.height,
+					x: n.left + l * (t + 1) - l / 2,
+					y: n.bottom - (e + c) / (s.max + c) * n.height,
 					value: e
 				}))
 			})).map((e) => {
@@ -884,8 +884,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					linePath: t.join(" ")
 				};
 			});
-			function re(e) {
-				return i.map((t) => ({
+			function p(e) {
+				return r.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
@@ -893,43 +893,43 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			}
 			function m(e, t = "pointer") {
 				L.value = e, J.value = e, V.value = e, H.value = t;
-				let r = re(e);
+				let n = p(e);
 				On.value = {
-					datapoint: r,
+					datapoint: n,
 					seriesIndex: e,
 					config: B.value,
-					dataset: i
+					dataset: r
 				};
-				let a = B.value.tooltipCustomFormat;
+				let i = B.value.tooltipCustomFormat;
 				if (B.value.events.datapointEnter && B.value.events.datapointEnter({
-					datapoint: r,
+					datapoint: n,
 					seriesIndex: e + X.value.start
-				}), ne(a) && ee(() => a({
-					datapoint: r,
+				}), re(i) && te(() => i({
+					datapoint: n,
 					seriesIndex: e,
-					series: i,
+					series: r,
 					config: B.value
-				}))) kn.value = a({
-					datapoint: r,
+				}))) kn.value = i({
+					datapoint: n,
 					seriesIndex: e,
-					series: i,
+					series: r,
 					config: B.value
 				});
 				else {
 					let e = "";
-					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, r) => {
+					$.value[n[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[n[0].absoluteIndex].text}</div>`), n.forEach((t, n) => {
 						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>${d(B.value.formatter, t.value, n({
+                        <b>${d(B.value.formatter, t.value, o({
 							p: B.value.valuePrefix,
 							v: t.value,
 							s: B.value.valueSuffix,
 							r: B.value.dataLabelRoundingValue
 						}), {
 							datapoint: t,
-							seriesIndex: r
+							seriesIndex: n
 						})}
                         </b>
                     </div>
@@ -939,27 +939,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				I.value = !0;
 			}
 			function h(e) {
-				let t = re(e);
+				let t = p(e);
 				B.value.events.datapointLeave && B.value.events.datapointLeave({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), L.value = null, J.value = null, I.value = !1, V.value = null, H.value = "pointer";
 			}
 			function ie(e) {
-				let t = re(e);
+				let t = p(e);
 				B.value.events.datapointClick && B.value.events.datapointClick({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), W("selectDatapoint", t);
 			}
 			return {
-				absoluteZero: l,
-				dataset: te.filter((e) => !R.value.includes(e.id)),
-				legend: te,
-				drawingArea: r,
-				extremes: a,
-				slotSize: f,
-				yLabels: p,
+				absoluteZero: ee,
+				dataset: ne.filter((e) => !R.value.includes(e.id)),
+				legend: ne,
+				drawingArea: n,
+				extremes: i,
+				slotSize: l,
+				yLabels: f,
 				useTooltip: m,
 				killTooltip: h,
 				selectDatapoint: ie
@@ -974,61 +974,61 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				let e = z.value.getBBox().x;
 				e < 0 && (t += Math.abs(e));
 			}
-			let r = {
+			let n = {
 				left: t + B.value.xyPaddingLeft,
 				top: B.value.xyPaddingTop,
 				right: e.width - B.value.xyPaddingRight,
 				bottom: e.height - B.value.xyPaddingBottom - jr.value,
 				width: Math.max(10, e.width - B.value.xyPaddingLeft - B.value.xyPaddingRight - t),
 				height: Math.max(10, e.height - B.value.xyPaddingTop - B.value.xyPaddingBottom - jr.value)
-			}, i = [];
-			M(G.value.dataset) && (i = [{
+			}, r = [];
+			M(G.value.dataset) && (r = [{
 				values: G.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: G.value.dataset,
 				absoluteIndices: G.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: B.value.title,
-				color: er.value[B.value.paletteStartIndex] || o[B.value.paletteStartIndex],
+				color: er.value[B.value.paletteStartIndex] || a[B.value.paletteStartIndex],
 				id: "bar_0"
-			}]), Ue(G.value.dataset) && (i = G.value.dataset.map((e, t) => ({
+			}]), Ue(G.value.dataset) && (r = G.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 ? ae(e.COLOR) : er.value[t + B.value.paletteStartIndex] || o[t + B.value.paletteStartIndex] || o[(t + B.value.paletteStartIndex) % o.length],
+				color: e.COLOR ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || a[t + B.value.paletteStartIndex] || a[(t + B.value.paletteStartIndex) % a.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)
 			})));
-			let a = {
-				max: Math.max(...i.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...i.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
-				min: Math.min(...i.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
-				maxSeries: Math.max(...i.filter((e) => !R.value.includes(e.id)).map((e) => e.values.length)) ?? 0
-			}, s = a.min === a.max ? u(a.min, a.min + 1, B.value.xyScaleSegments) : u(a.min < 0 ? a.min : 0, a.max, B.value.xyScaleSegments), c = s.min < 0 ? Math.abs(s.min) : 0, l = r.bottom - c / (s.max + c) * r.height, f = r.width / a.maxSeries, p = s.ticks.map((e) => ({
-				y: r.bottom - r.height * ((e + c) / (s.max + c)),
-				x: r.left - 8,
+			let i = {
+				max: Math.max(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
+				min: Math.min(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
+				maxSeries: Math.max(...r.filter((e) => !R.value.includes(e.id)).map((e) => e.values.length)) ?? 0
+			}, s = i.min === i.max ? u(i.min, i.min + 1, B.value.xyScaleSegments) : u(i.min < 0 ? i.min : 0, i.max, B.value.xyScaleSegments), c = s.min < 0 ? Math.abs(s.min) : 0, ee = n.bottom - c / (s.max + c) * n.height, l = n.width / i.maxSeries, f = s.ticks.map((e) => ({
+				y: n.bottom - n.height * ((e + c) / (s.max + c)),
+				x: n.left - 8,
 				value: e
-			})), te = i.map((e, t) => ({
+			})), ne = r.map((e, t) => ({
 				...e,
 				shape: "square",
-				coordinates: e.values.map((e, n) => {
-					let o = (e + c) / (a.max + c) * r.height, s = Math.abs(e) / Math.abs(a.min) * (r.height - l), u = c / (a.max + c) * r.height, d = f / i.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / i.filter((e) => !R.value.includes(e.id)).length;
+				coordinates: e.values.map((e, a) => {
+					let o = (e + c) / (i.max + c) * n.height, s = Math.abs(e) / Math.abs(i.min) * (n.height - ee), u = c / (i.max + c) * n.height, d = l / r.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / r.filter((e) => !R.value.includes(e.id)).length;
 					return {
-						x: r.left + f * n + d * t + B.value.barGap / 2,
-						y: e > 0 ? r.bottom - o : l,
+						x: n.left + l * a + d * t + B.value.barGap / 2,
+						y: e > 0 ? n.bottom - o : ee,
 						height: e > 0 ? o - u : s,
 						value: e,
 						width: d
 					};
 				})
-			})), re = i.filter((e) => !R.value.includes(e.id)).map((e, t) => ({
+			})), p = r.filter((e) => !R.value.includes(e.id)).map((e, t) => ({
 				...e,
-				coordinates: e.values.map((e, n) => {
-					let o = (e + c) / (a.max + c) * r.height, s = Math.abs(e) / (a.max + c) * r.height, u = c / (a.max + c) * r.height, d = f / i.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / i.filter((e) => !R.value.includes(e.id)).length;
+				coordinates: e.values.map((e, a) => {
+					let o = (e + c) / (i.max + c) * n.height, s = Math.abs(e) / (i.max + c) * n.height, u = c / (i.max + c) * n.height, d = l / r.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / r.filter((e) => !R.value.includes(e.id)).length;
 					return {
-						x: r.left + f * n + d * t + B.value.barGap / 2,
-						y: e > 0 ? r.bottom - o : l,
+						x: n.left + l * a + d * t + B.value.barGap / 2,
+						y: e > 0 ? n.bottom - o : ee,
 						height: e > 0 ? o - u : s,
 						value: e,
 						width: d
@@ -1036,7 +1036,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				})
 			}));
 			function m(e) {
-				return i.map((t) => ({
+				return r.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
@@ -1044,43 +1044,43 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			}
 			function h(e, t = "pointer") {
 				L.value = e, J.value = e, V.value = e, H.value = t;
-				let r = m(e);
+				let n = m(e);
 				On.value = {
-					datapoint: r,
+					datapoint: n,
 					seriesIndex: e,
 					config: B.value,
-					dataset: i
+					dataset: r
 				};
-				let a = B.value.tooltipCustomFormat;
+				let i = B.value.tooltipCustomFormat;
 				if (B.value.events.datapointEnter && B.value.events.datapointEnter({
-					datapoint: r,
+					datapoint: n,
 					seriesIndex: e + X.value.start
-				}), ne(a) && ee(() => a({
-					datapoint: r,
+				}), re(i) && te(() => i({
+					datapoint: n,
 					seriesIndex: e,
-					series: i,
+					series: r,
 					config: B.value
-				}))) kn.value = a({
-					point: r,
+				}))) kn.value = i({
+					point: n,
 					seriesIndex: e,
-					series: i,
+					series: r,
 					config: B.value
 				});
 				else {
 					let e = "";
-					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, r) => {
+					$.value[n[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[n[0].absoluteIndex].text}</div>`), n.forEach((t, n) => {
 						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>${d(B.value.formatter, t.value, n({
+                        <b>${d(B.value.formatter, t.value, o({
 							p: B.value.valuePrefix,
 							v: t.value,
 							s: B.value.valueSuffix,
 							r: B.value.dataLabelRoundingValue
 						}), {
 							datapoint: t,
-							seriesIndex: r
+							seriesIndex: n
 						})}
                         </b>
                     </div>
@@ -1096,7 +1096,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					seriesIndex: e + X.value.start
 				}), I.value = !1, L.value = null, J.value = null, V.value = null, H.value = "pointer";
 			}
-			function oe(e) {
+			function ae(e) {
 				let t = m(e);
 				B.value.events.datapointClick && B.value.events.datapointClick({
 					datapoint: t,
@@ -1104,17 +1104,17 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				}), W("selectDatapoint", t);
 			}
 			return {
-				absoluteZero: l,
-				dataset: re.filter((e) => !R.value.includes(e.id)),
-				absoluteDataset: re,
-				legend: te,
-				drawingArea: r,
-				extremes: a,
-				slotSize: f,
-				yLabels: p,
+				absoluteZero: ee,
+				dataset: p.filter((e) => !R.value.includes(e.id)),
+				absoluteDataset: p,
+				legend: ne,
+				drawingArea: n,
+				extremes: i,
+				slotSize: l,
+				yLabels: f,
 				useTooltip: h,
 				killTooltip: ie,
-				selectDatapoint: oe
+				selectDatapoint: ae
 			};
 		});
 		function Mr(e) {
@@ -1162,25 +1162,25 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			return a.push(o), a;
 		}
 		function Lr({ pathDuration: e, pathEasing: t = "ease-in-out", pointDuration: n, labelDuration: r, pointDelay: i = 0, labelDelay: a = 0, pointStep: o = 0, labelStep: s = 0, intraSeriesStep: c = 0 } = {}) {
-			let l = Array.isArray(Fn?.value) ? Fn.value : [Fn?.value].filter(Boolean), u = Array.isArray(In?.value) ? In.value : [In?.value].filter(Boolean), d = [...l, ...u].filter(Boolean), f = P?.value || null, p = f ? Array.from(f.querySelectorAll(".vue-ui-quick-chart-plot")) : [], ee = f ? Array.from(f.querySelectorAll(".vue-ui-quick-chart-label")) : [];
-			d.forEach(Mr), Nr(p, {
+			let ee = Array.isArray(Fn?.value) ? Fn.value : [Fn?.value].filter(Boolean), l = Array.isArray(In?.value) ? In.value : [In?.value].filter(Boolean), u = [...ee, ...l].filter(Boolean), d = P?.value || null, f = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-plot")) : [], te = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+			u.forEach(Mr), Nr(f, {
 				fromOpacity: "0",
 				fromScale: "0.75"
-			}), Nr(ee, {
+			}), Nr(te, {
 				fromOpacity: "0",
 				fromScale: "0.98"
-			}), p.forEach((e) => e.classList.remove("quick-animation")), ee.forEach((e) => e.classList.remove("quick-animation")), f && f.offsetWidth;
-			let te = p.length ? Ir(p, Pr) : [], ne = ee.length ? Ir(ee, Fr) : [];
+			}), f.forEach((e) => e.classList.remove("quick-animation")), te.forEach((e) => e.classList.remove("quick-animation")), d && d.offsetWidth;
+			let ne = f.length ? Ir(f, Pr) : [], re = te.length ? Ir(te, Fr) : [];
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					d.forEach((n) => {
+					u.forEach((n) => {
 						n.style.transition = `stroke-dashoffset ${e}ms ${t}`, n.style.strokeDashoffset = "0";
-					}), te.forEach((e, t) => {
+					}), ne.forEach((e, t) => {
 						e.items.forEach((e, r) => {
 							let a = i + t * o + r * c;
 							e.style.transition = `opacity ${n}ms ease-out ${a}ms, transform ${n}ms ease-out ${a}ms`, e.style.opacity = "1", e.style.transform = "scale(1)";
 						});
-					}), ne.forEach((e, t) => {
+					}), re.forEach((e, t) => {
 						e.items.forEach((e, n) => {
 							let i = a + t * s + n * c;
 							e.style.transition = `opacity ${r}ms ease-out ${i}ms, transform ${r}ms ease-out ${i}ms`, e.style.opacity = "1", e.style.transform = "scale(1)";
@@ -1401,14 +1401,14 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					"Percentage"
 				],
 				rows: (Y.value?.dataset ?? []).map((e) => {
-					let t = Y.value?.total ? n({
+					let t = Y.value?.total ? o({
 						v: e.value / Y.value.total * 100,
 						s: "%",
 						r: B.value.dataLabelRoundingPercentage
 					}) : "0%";
 					return [
 						e.name,
-						d(B.value.formatter, e.value, n({
+						d(B.value.formatter, e.value, o({
 							p: B.value.valuePrefix,
 							v: e.value,
 							s: B.value.valueSuffix,
@@ -1422,9 +1422,9 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				let e = K.value === j.LINE ? Z.value?.dataset ?? [] : Q.value?.dataset ?? [], t = K.value === j.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, r) => [$.value?.[r + X.value.start]?.text ?? String(r + X.value.start), ...e.map((e) => {
-						let t = e.values?.[r];
-						return d(B.value.formatter, t, n({
+					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 d(B.value.formatter, t, o({
 							p: B.value.valuePrefix,
 							v: t,
 							s: B.value.valueSuffix,
@@ -1447,7 +1447,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			toggleAnnotator: Gr,
 			toggleFullscreen: Hr,
 			copyAlt: ti
-		}), (e, r) => nr.value ? (w(), y("div", {
+		}), (e, t) => nr.value ? (w(), y("div", {
 			key: 0,
 			id: `${K.value}_${F.value}`,
 			ref_key: "quickChart",
@@ -1458,8 +1458,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"vue-data-ui-wrapper-fullscreen": Vr.value
 			}),
 			style: C(`background:${B.value.backgroundColor};color:${B.value.color};font-family:${B.value.fontFamily}; position: relative; ${B.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: r[2] ||= () => Qn(!0),
-			onMouseleave: r[3] ||= () => Qn(!1)
+			onMouseenter: t[2] ||= () => Qn(!0),
+			onMouseleave: t[3] ||= () => Qn(!1)
 		}, [
 			b("div", {
 				id: `chart-instructions-${F.value}`,
@@ -1640,7 +1640,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				key: 0,
 				ref_key: "svgRef",
 				ref: qn,
-				xmlns: k(re),
+				xmlns: k(p),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				viewBox: fr.value,
 				style: C(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color}`),
@@ -1684,7 +1684,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${F.value}`
-				}, null, 8, at), r[4] ||= b("feColorMatrix", {
+				}, null, 8, at), t[4] ||= b("feColorMatrix", {
 					type: "saturate",
 					values: "0"
 				}, null, -1)], 8, it), b("filter", {
@@ -1700,7 +1700,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				K.value === j.DONUT ? (w(), y(g, { key: 3 }, [
 					B.value.showDataLabels ? (w(), y("g", ct, [(w(!0), y(g, null, E(Y.value.chart, (e, t) => (w(), y(g, null, [Y.value.isArcBigEnough(e) ? (w(), y("path", {
 						key: 0,
-						d: k(te)(e, {
+						d: k(ne)(e, {
 							x: q.value.width / 2,
 							y: q.value.height / 2
 						}, 16, 16, !1, !1, q.value.height * Sr.value, 12, B.value.donutCurvedMarkers),
@@ -1760,7 +1760,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							fill: B.value.color,
 							"font-size": B.value.dataLabelFontSize,
 							filter: mr(e.id)
-						}, O(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + O(k(d)(B.value.formatter, e.value, k(n)({
+						}, O(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + O(k(d)(B.value.formatter, e.value, k(o)({
 							p: B.value.valuePrefix,
 							v: e.value,
 							s: B.value.valueSuffix,
@@ -1791,7 +1791,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						y: Y.value.drawingArea.centerY + B.value.donutTotalLabelFontSize,
 						"font-size": B.value.donutTotalLabelFontSize,
 						fill: B.value.color
-					}, O(k(n)({
+					}, O(k(o)({
 						p: B.value.valuePrefix,
 						v: Y.value.total,
 						s: B.value.valueSuffix,
@@ -1855,7 +1855,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"text-anchor": "end",
 						"font-size": B.value.xyLabelsYFontSize,
 						fill: B.value.color
-					}, O(k(d)(B.value.formatter, e.value, k(n)({
+					}, O(k(d)(B.value.formatter, e.value, k(o)({
 						p: B.value.valuePrefix,
 						v: e.value,
 						s: B.value.valueSuffix,
@@ -1876,14 +1876,14 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					}, null, 8, At)) : v("", !0)], 64))), 256)), b("g", {
 						ref_key: "timeLabelsEls",
 						ref: z
-					}, [(w(!0), y(g, null, E($.value.map((e) => e.text), (e, n) => (w(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && n % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), y("g", jt, [String(e).includes("\n") ? (w(), y("text", {
+					}, [(w(!0), y(g, null, E($.value.map((e) => e.text), (e, t) => (w(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), y("g", jt, [String(e).includes("\n") ? (w(), y("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
-						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (n + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
-						innerHTML: k(t)({
+						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
+						innerHTML: k(n)({
 							content: String(e),
 							fontSize: B.value.xyLabelsXFontSize,
 							fill: B.value.color,
@@ -1896,7 +1896,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
-						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (n + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
+						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
 					}, O(e), 9, Mt))])) : v("", !0)], 64))), 256))], 512)])) : v("", !0),
 					b("g", Pt, [(w(!0), y(g, null, E(Z.value.dataset, (e, t) => (w(), y("g", Ft, [B.value.lineSmooth ? (w(), y(g, { key: 0 }, [b("path", {
 						ref_for: !0,
@@ -1967,7 +1967,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						}),
 						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
 					}, null, 14, Bt))), 256))]))), 256))]),
-					B.value.showDataLabels ? (w(), y("g", Vt, [(w(!0), y(g, null, E(Z.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, r) => (w(), y("text", {
+					B.value.showDataLabels ? (w(), y("g", Vt, [(w(!0), y(g, null, E(Z.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, n) => (w(), y("text", {
 						"text-anchor": "middle",
 						"font-size": B.value.dataLabelFontSize,
 						fill: e.color,
@@ -1978,14 +1978,14 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							"quick-animation": !k(U)
 						}),
 						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, O(k(d)(B.value.formatter, k(h)(t.value), k(n)({
+					}, O(k(d)(B.value.formatter, k(h)(t.value), k(o)({
 						p: B.value.valuePrefix,
 						v: k(h)(t.value),
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
-						seriesIndex: r
+						seriesIndex: n
 					})), 15, Ht))), 256))], 64))), 256))])) : v("", !0),
 					Zn.value ? (w(), y("g", Ut, [(w(!0), y(g, null, E(Z.value.extremes.maxSeries, (e, t) => (w(), y("rect", {
 						x: Z.value.drawingArea.left + t * Z.value.slotSize,
@@ -2056,7 +2056,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"text-anchor": "end",
 						"font-size": B.value.xyLabelsYFontSize,
 						fill: B.value.color
-					}, O(k(d)(B.value.formatter, e.value, k(n)({
+					}, O(k(d)(B.value.formatter, e.value, k(o)({
 						p: B.value.valuePrefix,
 						v: e.value,
 						s: B.value.valueSuffix,
@@ -2076,14 +2076,14 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					}, null, 8, en))), 256)), b("g", {
 						ref_key: "timeLabelsEls",
 						ref: z
-					}, [(w(!0), y(g, null, E($.value.map((e) => e.text), (e, n) => (w(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && n % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), y("g", tn, [String(e).includes("\n") ? (w(), y("text", {
+					}, [(w(!0), y(g, null, E($.value.map((e) => e.text), (e, t) => (w(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), y("g", tn, [String(e).includes("\n") ? (w(), y("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
-						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (n + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
-						innerHTML: k(t)({
+						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
+						innerHTML: k(n)({
 							content: String(e),
 							fontSize: B.value.xyLabelsXFontSize,
 							fill: B.value.color,
@@ -2096,7 +2096,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
-						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (n + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
+						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
 					}, O(e), 9, nn))])) : v("", !0)], 64))), 256))], 512)])) : v("", !0),
 					b("g", an, [(w(!0), y(g, null, E(Q.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, n) => (w(), y("rect", {
 						x: t.x,
@@ -2121,21 +2121,21 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						to: Q.value.absoluteZero - t.height,
 						dur: "0.5s"
 					}, null, 8, cn)) : v("", !0)], 10, on))), 256))], 64))), 256))]),
-					B.value.showDataLabels ? (w(), y("g", ln, [(w(!0), y(g, null, E(Q.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, r) => (w(), y("text", {
+					B.value.showDataLabels ? (w(), y("g", ln, [(w(!0), y(g, null, E(Q.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, n) => (w(), y("text", {
 						x: t.x + t.width / 2,
 						y: k(h)(t.y) - B.value.dataLabelFontSize / 2,
 						"text-anchor": "middle",
 						"font-size": B.value.dataLabelFontSize,
 						fill: e.color,
 						class: "quick-animation"
-					}, O(k(d)(B.value.formatter, k(h)(t.value), k(n)({
+					}, O(k(d)(B.value.formatter, k(h)(t.value), k(o)({
 						p: B.value.valuePrefix,
 						v: k(h)(t.value),
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
-						seriesIndex: r
+						seriesIndex: n
 					})), 9, un))), 256))], 64))), 256))])) : v("", !0),
 					Zn.value && R.value.length < Q.value.legend.length ? (w(), y("g", dn, [(w(!0), y(g, null, E(Q.value.extremes.maxSeries, (e, t) => (w(), y("rect", {
 						x: Q.value.drawingArea.left + t * Q.value.slotSize,
@@ -2229,9 +2229,9 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				verticalHandles: B.value.zoomMinimap.verticalHandles,
 				minimapSelectedIndex: J.value,
 				start: X.value.start,
-				"onUpdate:start": r[0] ||= (e) => X.value.start = e,
+				"onUpdate:start": t[0] ||= (e) => X.value.start = e,
 				end: X.value.end,
-				"onUpdate:end": r[1] ||= (e) => X.value.end = e,
+				"onUpdate:end": t[1] ||= (e) => X.value.end = e,
 				refreshStartPoint: B.value.zoomStartIndex === null ? 0 : B.value.zoomStartIndex,
 				refreshEndPoint: B.value.zoomEndIndex === null ? G.value.maxSeriesLength : B.value.zoomEndIndex + 1,
 				enableRangeHandles: B.value.zoomEnableRangeHandles,
@@ -2282,7 +2282,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					"checked",
 					"isCursorPointer"
 				])) : v("", !0),
-				K.value === j.DONUT ? (w(!0), y(g, { key: 1 }, E(Y.value.legend, (t, r) => (w(), y("div", {
+				K.value === j.DONUT ? (w(!0), y(g, { key: 1 }, E(Y.value.legend, (t, n) => (w(), y("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => br(t, Y.value.dataset),
 					style: C(`cursor: ${Y.value.legend.length > 1 && Vn.value ? "pointer" : "default"}; opacity:${R.value.includes(t.id) ? "0.5" : "1"}`),
@@ -2313,14 +2313,14 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"size"
 					]),
 					b("span", { style: C(`font-size:${B.value.legendFontSize}px`) }, O(t.name), 5),
-					b("span", { style: C(`font-size:${B.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, O(R.value.includes(t.id) ? "-" : k(d)(B.value.formatter, t.absoluteValue, k(n)({
+					b("span", { style: C(`font-size:${B.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, O(R.value.includes(t.id) ? "-" : k(d)(B.value.formatter, t.absoluteValue, k(o)({
 						p: B.value.valuePrefix,
 						v: t.absoluteValue,
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
-						seriesIndex: r
+						seriesIndex: n
 					})), 5),
 					R.value.includes(t.id) ? (w(), y("span", {
 						key: 0,
@@ -2331,7 +2331,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					}, " ( - % ) ", 4)) : (w(), y("span", {
 						key: 2,
 						style: C(`font-size:${B.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " (" + O(k(n)({
+					}, " (" + O(k(o)({
 						v: t.value / Y.value.total * 100,
 						s: "%",
 						r: B.value.dataLabelRoundingPercentage
@@ -2422,7 +2422,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				parent: P.value,
 				content: kn.value,
 				isFullscreen: Vr.value,
-				isCustom: k(ne)(B.value.tooltipCustomFormat),
+				isCustom: k(re)(B.value.tooltipCustomFormat),
 				smooth: B.value.tooltipSmooth,
 				smoothForce: B.value.tooltipSmoothForce,
 				smoothSnapThreshold: B.value.tooltipSmoothSnapThreshold,
@@ -2462,7 +2462,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		], 46, Xe)) : (w(), y("div", wn, [Oe(k(Ve), {
 			name: "circleCancel",
 			stroke: "red"
-		}), r[5] ||= b("span", null, "Dataset is not processable", -1)]));
+		}), t[5] ||= b("span", null, "Dataset is not processable", -1)]));
 	}
 }, [["__scopeId", "data-v-a78997c2"]]);
 //#endregion