vue-data-ui 3.25.2 → 3.25.4

package/dist/{vue-ui-xy-canvas-B9kzEFnY.js → vue-ui-xy-canvas-B_8Mu19r.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, At as n, Bt as r, D as i, Dt as a, Ht as o, It as s, Jt as c, Nt as l, S as u, St as ee, X as te, Xt as ne, _ as re, ft as ie, i as ae, lt as oe, nt as se, o as ce, q as le, w as ue, yt as de } from "./lib-BPg41jWd.js";
+import { $ as t, Ct as n, D as r, Lt as i, Ot as a, Pt as o, S as s, Ut as c, Vt as l, X as u, Yt as ee, Zt as te, _ as ne, bt as re, i as ie, jt as ae, lt as oe, nt as se, o as ce, pt as le, q as ue, w as de } from "./lib-Dql7cqyA.js";
 import { n as fe, t as pe } from "./useHints-Dq_w2E8B.js";
 import { n as me, r as he, t as ge } from "./useTimeLabels-d2f-W1L4.js";
 import { t as _e } from "./useConfig-CyCVHo81.js";
-import { t as ve } from "./usePrinter-CsDAx75S.js";
+import { t as ve } from "./usePrinter-DISD7q5m.js";
 import { n as ye, t as be } from "./BaseScanner-DZvpgOjM.js";
-import { t as xe } from "./useNestedProp-fNUUtYXm.js";
+import { t as xe } from "./useNestedProp-Chvyfpl-.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Ce } from "./img-EYBQVkRw.js";
-import { n as we } from "./Title-BLrnZl5j.js";
+import { t as Ce } from "./img-DhGApYG0.js";
+import { n as we } from "./Title-CPHi-evi.js";
 import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as d, c as f, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me } from "./useResponsive-ZtArZtUf.js";
-import { t as Ne } from "./BaseIcon-Oj70ytWI.js";
-import { t as Pe } from "./SlicerPreview-CPhQI1vX.js";
-import { t as Fe } from "./vue-ui-accordion-BGxpEtfk.js";
-import { t as Ie } from "./BaseLegendToggle-Cvuc-Mrr.js";
+import { t as Ne } from "./BaseIcon-t83PDe9k.js";
+import { t as Pe } from "./SlicerPreview-GvsdvE-h.js";
+import { t as Fe } from "./vue-ui-accordion-D4zsdacF.js";
+import { t as Ie } from "./BaseLegendToggle-__JnV08B.js";
 import { t as Le } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Re } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ze } from "./Legend-BQxAKh7g.js";
+import { t as ze } from "./Legend-X4kF4PvW.js";
 import { t as Be } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Ve, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as He, createElementVNode as g, createSlots as Ue, createTextVNode as We, createVNode as Ge, defineAsyncComponent as Ke, guardReactiveProps as _, mergeProps as qe, nextTick as Je, normalizeClass as Ye, normalizeProps as v, normalizeStyle as Xe, onBeforeUnmount as Ze, onMounted as Qe, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as $e, shallowRef as et, toDisplayString as tt, toRefs as nt, unref as S, useSlots as rt, watch as C, watchEffect as it, withCtx as w } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,7 +64,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		"copyAlt"
 	],
 	setup(e, { expose: Te, emit: at }) {
-		let _t = Ke(() => import("./Tooltip-CmmM0DtW.js")), vt = Ke(() => import("./DataTable-DcDMoMmQ.js")), yt = Ke(() => import("./UserOptions-pq95M7ss.js").then((e) => e.n)), bt = Ke(() => import("./NonSvgPenAndPaper-1xl1Xynb.js")), xt = Ke(() => import("./BaseDraggableDialog-Cwj9aGdF.js").then((e) => e.n)), { vue_ui_xy_canvas: St } = _e(), { isThemeValid: Ct, warnInvalidTheme: wt } = Se(), T = e, E = b(le()), D = b(null), Tt = b(null), O = b(null), k = b(1), A = b(1), Et = b(!1), j = b(null), Dt = b(""), Ot = b(null), M = b([]), kt = b(1), N = b(!0), P = b(!0), At = b(null), jt = b(0), Mt = b(!1), Nt = b(null), Pt = b(null), F = b(null), Ft = b(null), It = b(0), Lt = b(0), Rt = b(0), I = b(null), zt = b(!1), Bt = b(null), Vt = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), L = b(null), Gt = b(!1), Kt = b(!1), qt = b(!1), R = b(null), Jt = b({
+		let _t = Ke(() => import("./Tooltip-hhrkQ3Lk.js")), vt = Ke(() => import("./DataTable-COIO9gi4.js")), yt = Ke(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), bt = Ke(() => import("./NonSvgPenAndPaper-DS84BAOx.js")), xt = Ke(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), { vue_ui_xy_canvas: St } = _e(), { isThemeValid: Ct, warnInvalidTheme: wt } = Se(), T = e, E = b(ue()), D = b(null), Tt = b(null), O = b(null), k = b(1), A = b(1), Et = b(!1), j = b(null), Dt = b(""), Ot = b(null), M = b([]), kt = b(1), N = b(!0), P = b(!0), At = b(null), jt = b(0), Mt = b(!1), Nt = b(null), Pt = b(null), F = b(null), Ft = b(null), It = b(0), Lt = b(0), Rt = b(0), I = b(null), zt = b(!1), Bt = b(null), Vt = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), L = b(null), Gt = b(!1), Kt = b(!1), qt = b(!1), R = b(null), Jt = b({
 			x: 0,
 			y: 0
 		}), z = p(() => Array.isArray(rn.value) && rn.value.length > 0), Yt = at, Xt = rt(), B = b(un());
@@ -106,7 +106,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		Qe(() => {
 			Xt["chart-background"] && en.value && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
 		});
-		let tn = p(() => ne({
+		let tn = p(() => te({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -182,7 +182,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				type: "bar",
 				color: "#AAAAAA"
 			}],
-			skeletonConfig: ne({
+			skeletonConfig: te({
 				defaultConfig: B.value,
 				userConfig: tn.value
 			})
@@ -214,11 +214,11 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 							userConfig: T.config,
 							defaultConfig: r
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : c[n] || s
+						customPalette: e.customPalette.length ? e.customPalette : ee[n] || i
 					};
 				}
 			} else t = e;
-			return T.config && de(T.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = xe({
+			return T.config && re(T.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = xe({
 				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: T.config.style.chart.grid.y.timeLabels
 			})), t;
@@ -241,7 +241,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		function gn(e) {
 			Mt.value = e, jt.value += 1;
 		}
-		let _n = p(() => ue(B.value.customPalette)), vn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => vn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		let _n = p(() => de(B.value.customPalette)), vn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => vn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
 		function yn(e) {
 			L.value = e, Q();
 		}
@@ -304,7 +304,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			});
 		}
 		let G = p(() => {
-			let e = B.value.style.chart.scale.min === null ? Math.min(...K.value.filter((e, t) => !M.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(J.value.start, J.value.end))) : B.value.style.chart.scale.min, t = B.value.style.chart.scale.max === null ? Math.max(...K.value.filter((e, t) => !M.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(J.value.start, J.value.end))) : B.value.style.chart.scale.max, n = re(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, B.value.style.chart.scale.ticks), r = n.min < 0 ? Math.abs(n.min) : 0, i = W.value.bottom - W.value.height * (r / (n.max + r));
+			let e = B.value.style.chart.scale.min === null ? Math.min(...K.value.filter((e, t) => !M.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(J.value.start, J.value.end))) : B.value.style.chart.scale.min, t = B.value.style.chart.scale.max === null ? Math.max(...K.value.filter((e, t) => !M.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(J.value.start, J.value.end))) : B.value.style.chart.scale.max, n = ne(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, B.value.style.chart.scale.ticks), r = n.min < 0 ? Math.abs(n.min) : 0, i = W.value.bottom - W.value.height * (r / (n.max + r));
 			return {
 				absoluteMin: r,
 				max: t,
@@ -323,7 +323,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
                 </svg>
                 <span>${e.name ? e.name + ": " : ""}</span>
-                <span>${ae(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", te({
+                <span>${ie(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", u({
 			p: e.prefix || "",
 			v: e.series[j.value] ?? "-",
 			s: e.suffix || "",
@@ -336,11 +336,11 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
         `)), On = p(() => B.value.style.chart.line.cutNullValues), K = p(() => rn.value.map((e, t) => ({
 			...e,
 			series: a({
-				data: r(e.series, [], On.value),
+				data: l(e.series, [], On.value),
 				threshold: B.value.downsample.threshold
 			}),
 			absoluteIndex: t,
-			color: u(e.color || _n.value[t] || s[t] || s[t % s.length])
+			color: s(e.color || _n.value[t] || i[t] || i[t % i.length])
 		}))), kn = p(() => {
 			if (!B.value.style.chart.zoom.minimap.show) return [];
 			let e = K.value.filter((e) => !M.value.includes(e.absoluteIndex)), t = Math.max(...e.map((e) => e.series.length)), n = [];
@@ -365,14 +365,14 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				valueMin: n,
 				valueMax: r
 			}, a = e.scaleSteps || B.value.style.chart.scale.ticks, o;
-			o = e.autoScaling ? re(i.valueMin, i.valueMax, a) : re(i.valueMin < 0 ? i.valueMin : 0, i.valueMax <= 0 ? 0 : i.valueMax, a);
+			o = e.autoScaling ? ne(i.valueMin, i.valueMax, a) : ne(i.valueMin < 0 ? i.valueMin : 0, i.valueMax <= 0 ? 0 : i.valueMax, a);
 			let s = H.value.stacked ? W.value.height * (1 - e.cumulatedStackRatio) : 0, c = H.value.stacked ? W.value.height / B.value.style.chart.stackGap : 0, l = H.value.stacked ? W.value.height * e.stackRatio - c : W.value.height, u = o.min < 0 ? Math.abs(o.min) : 0, ee;
 			ee = e.autoScaling && H.value.stacked && r <= 0 ? W.value.bottom - s - l : W.value.bottom - s - l * (u / (o.max + u));
 			let te = o.ticks.map((e, t) => ({
 				y: W.value.bottom - s - l * (t / (o.ticks.length - 1)),
 				x: W.value.left - 8,
 				value: e
-			})), ne = En({
+			})), re = En({
 				hasAutoScale: H.value.stacked && e.autoScaling,
 				series: e.series,
 				min: H.value.stacked ? n : G.value.min,
@@ -384,7 +384,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			});
 			return {
 				...e,
-				coordinatesLine: ne,
+				coordinatesLine: re,
 				min: n,
 				max: r,
 				localScale: o,
@@ -503,7 +503,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 								y: e.localYLabels[n + 1].y
 							}
 						], {
-							fillColor: n % 2 == 0 ? "transparent" : o(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: n % 2 == 0 ? "transparent" : c(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					});
@@ -584,7 +584,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 								y: G.value.yLabels[t + 1].y
 							}
 						], {
-							fillColor: t % 2 == 0 ? "transparent" : o(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: t % 2 == 0 ? "transparent" : c(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					}) : G.value.yLabels.forEach((e) => {
@@ -651,7 +651,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		}
 		function Gn() {
 			q.value.forEach((e) => {
-				e.showYMarker && dr(e) && f(O.value, ae(B.value.style.chart.dataLabels.formatter, dr(e).value, te({
+				e.showYMarker && dr(e) && f(O.value, ie(B.value.style.chart.dataLabels.formatter, dr(e).value, u({
 					p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: dr(e).value,
 					s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -669,7 +669,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		function Kn() {
 			B.value.style.chart.grid.y.axisLabels.show && (H.value.stacked ? q.value.forEach((e) => {
 				e.localYLabels.forEach((t, n) => {
-					f(O.value, ae(B.value.style.chart.dataLabels.formatter, t.value, te({
+					f(O.value, ie(B.value.style.chart.dataLabels.formatter, t.value, u({
 						p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
 						v: t.value,
 						s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -685,7 +685,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 					});
 				});
 			}) : G.value.yLabels.forEach((e, t) => {
-				f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.value, te({
+				f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.value, u({
 					p: B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: e.value,
 					s: B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -702,7 +702,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			}));
 		}
 		function qn(e) {
-			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, te({
+			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, u({
 				p: e.prefix || "",
 				v: e.coordinatesLine[t].value,
 				s: e.suffix || "",
@@ -768,7 +768,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			for (let e = J.value.start; e < J.value.end; e += 1) (J.value.end - J.value.start < B.value.style.chart.grid.x.timeLabels.modulo || J.value.end - J.value.start >= B.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor((J.value.end - J.value.start) / B.value.style.chart.grid.x.timeLabels.modulo) === 0 || (e === j.value + J.value.start || e === L.value) && B.value.style.chart.grid.x.timeLabels.showMarker)) && f(O.value, Z.value[e] ? Z.value[e].text : e + 1, W.value.left + W.value.slot * (e - J.value.start) + W.value.slot / 2, W.value.bottom + k.value / B.value.style.chart.grid.x.timeLabels.offsetY, {
 				align: B.value.style.chart.grid.x.timeLabels.rotation === 0 ? "center" : B.value.style.chart.grid.x.timeLabels.rotation > 0 ? "left" : "right",
 				font: `${B.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${Math.round(k.value / 40 * B.value.style.chart.grid.x.timeLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
-				color: B.value.style.chart.grid.x.timeLabels.showMarker ? o(B.value.style.chart.grid.x.timeLabels.color, j.value !== null || L.value !== null ? j.value + J.value.start === e || L.value === e ? 100 : 20 : 100) : B.value.style.chart.grid.x.timeLabels.color,
+				color: B.value.style.chart.grid.x.timeLabels.showMarker ? c(B.value.style.chart.grid.x.timeLabels.color, j.value !== null || L.value !== null ? j.value + J.value.start === e || L.value === e ? 100 : 20 : 100) : B.value.style.chart.grid.x.timeLabels.color,
 				rotation: B.value.style.chart.grid.x.timeLabels.rotation
 			});
 		}
@@ -802,33 +802,33 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		}
 		function rr() {
 			X.value.forEach((e, t) => {
-				for (let r = 0; r < e.coordinatesLine.length; r += 1) je(O.value, [
+				for (let n = 0; n < e.coordinatesLine.length; n += 1) je(O.value, [
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
 						y: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
 						y: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
-						y: e.coordinatesLine[r].y
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
+						y: e.coordinatesLine[n].y
 					},
 					{
-						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
-						y: e.coordinatesLine[r].y
+						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
+						y: e.coordinatesLine[n].y
 					}
 				], {
 					strokeColor: B.value.style.chart.backgroundColor,
 					gradient: {
 						type: "linear",
 						start: {
-							x: e.coordinatesLine[r].x,
-							y: e.coordinatesLine[r].y
+							x: e.coordinatesLine[n].x,
+							y: e.coordinatesLine[n].y
 						},
 						end: {
-							x: e.coordinatesLine[r].x,
+							x: e.coordinatesLine[n].x,
 							y: H.value.stacked ? e.localZero : G.value.zero
 						},
 						stops: [{
@@ -836,18 +836,18 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 							color: e.color
 						}, {
 							offset: 1,
-							color: B.value.style.chart.bar.gradient.show ? n(e.color, .5) : e.color
+							color: B.value.style.chart.bar.gradient.show ? ae(e.color, .5) : e.color
 						}]
 					}
-				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[r].value, te({
+				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[n].value, u({
 					p: e.prefix || "",
-					v: e.coordinatesLine[r].value,
+					v: e.coordinatesLine[n].value,
 					s: e.suffix || "",
 					r: e.rounding || 0
 				}), {
-					datapoint: e.coordinatesLine[r],
-					seriesIndex: r
-				}), W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .4 / (H.value.stacked ? 1 : X.value.length), (e.coordinatesLine[r].value < 0 ? H.value.stacked ? e.localZero : G.value.zero : e.coordinatesLine[r].y) + B.value.style.chart.dataLabels.offsetY, {
+					datapoint: e.coordinatesLine[n],
+					seriesIndex: n
+				}), W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .4 / (H.value.stacked ? 1 : X.value.length), (e.coordinatesLine[n].value < 0 ? H.value.stacked ? e.localZero : G.value.zero : e.coordinatesLine[n].y) + B.value.style.chart.dataLabels.offsetY, {
 					align: "center",
 					font: `${Math.round(k.value / 40 * B.value.style.chart.dataLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
 					color: B.value.style.chart.dataLabels.useSerieColor ? e.color : B.value.style.chart.dataLabels.color,
@@ -925,7 +925,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				if (t) {
 					let { polygons: t, singles: r } = ir(e, n);
 					for (let n of t) ke(O.value, n, {
-						fillColor: o(e.color, B.value.style.chart.area.opacity),
+						fillColor: c(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 					let i = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
@@ -950,7 +950,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 						...e.coordinatesLine,
 						r
 					], {
-						fillColor: o(e.color, B.value.style.chart.area.opacity),
+						fillColor: c(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
@@ -1032,14 +1032,14 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		}
 		function fr(e) {
 			if (!z.value || !V.value || vn.value) return;
-			let { left: t, top: n } = V.value.getBoundingClientRect(), r = e.clientX - t;
-			if (I.value = (e.clientY - n) * 2, (I.value < W.value.top || I.value > W.value.bottom) && (I.value = null), r * 2 < W.value.left || r * 2 > W.value.right) {
+			let { left: t, top: r } = V.value.getBoundingClientRect(), i = e.clientX - t;
+			if (I.value = (e.clientY - r) * 2, (I.value < W.value.top || I.value > W.value.bottom) && (I.value = null), i * 2 < W.value.left || i * 2 > W.value.right) {
 				_r();
 				return;
 			}
-			let i = r * 2 - W.value.left, a = Math.floor(i / W.value.slot);
-			if (j.value = a, R.value = a, Et.value = !0, Kt.value = !1, !P.value) return;
-			let o = "", s = B.value.style.chart.tooltip.customFormat, c = q.value.map((e) => ({
+			let a = i * 2 - W.value.left, o = Math.floor(a / W.value.slot);
+			if (j.value = o, R.value = o, Et.value = !0, Kt.value = !1, !P.value) return;
+			let s = "", c = B.value.style.chart.tooltip.customFormat, l = q.value.map((e) => ({
 				shape: e.shape || null,
 				name: e.name,
 				color: e.color,
@@ -1048,24 +1048,24 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			}));
 			Ot.value = {
 				timeLabel: B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[j.value] ? B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[j.value]?.text : $n.value[j.value]?.text : "",
-				datapoint: c,
+				datapoint: l,
 				seriesIndex: j.value,
 				series: q.value,
 				config: B.value
 			}, xr({
 				seriesIndex: j.value,
-				datapoint: c
-			}), ee(s) && oe(() => s({
+				datapoint: l
+			}), n(c) && oe(() => c({
 				seriesIndex: j.value,
-				datapoint: c,
+				datapoint: l,
 				series: q.value,
 				config: B.value
-			})) ? Dt.value = s({
+			})) ? Dt.value = c({
 				seriesIndex: j.value,
-				datapoint: c,
+				datapoint: l,
 				series: q.value,
 				config: B.value
-			}) : (B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[j.value] ? o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[j.value]?.text : $n.value[j.value]?.text}</div>` : o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${Z.value[j.value + J.value.start]?.text ?? ""}</div>`, o += Dn.value.join(""), Dt.value = o), P.value = !1;
+			}) : (B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[j.value] ? s += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[j.value]?.text : $n.value[j.value]?.text}</div>` : s += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${Z.value[j.value + J.value.start]?.text ?? ""}</div>`, s += Dn.value.join(""), Dt.value = s), P.value = !1;
 		}
 		function pr(e) {
 			return q.value.map((t) => ({
@@ -1077,18 +1077,18 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			}));
 		}
 		function mr(e) {
-			let t = "", n = B.value.style.chart.tooltip.customFormat, r = pr(e);
+			let t = "", r = B.value.style.chart.tooltip.customFormat, i = pr(e);
 			return xr({
 				seriesIndex: e,
-				datapoint: r
-			}), ee(n) && oe(() => n({
+				datapoint: i
+			}), n(r) && oe(() => r({
 				seriesIndex: e,
-				datapoint: r,
+				datapoint: i,
 				series: q.value,
 				config: B.value
-			})) ? n({
+			})) ? r({
 				seriesIndex: e,
-				datapoint: r,
+				datapoint: i,
 				series: q.value,
 				config: B.value
 			}) : (B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[e]?.text : $n.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${Z.value[e + J.value.start]?.text ?? ""}</div>`, t += Dn.value.join(""), t);
@@ -1159,7 +1159,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			zt.value = !0, Tr();
 		});
 		function Tr() {
-			if (l(T.dataset) && se({
+			if (o(T.dataset) && se({
 				componentName: "VueUiXyCanvas",
 				type: "dataset",
 				debug: en.value
@@ -1209,7 +1209,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		let jr = p(() => K.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: u(e.color) || _n.value[t] || s[t] || s[t % s.length],
+			color: s(e.color) || _n.value[t] || i[t] || i[t % i.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1279,7 +1279,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				[B.value.style.chart.title.text],
 				[B.value.style.chart.title.subtitle.text],
 				[""]
-			], r = ["", ...Pr.value.head.map((e) => e.label)], a = Pr.value.body, o = n.concat([r]).concat(a), s = i(o);
+			], i = ["", ...Pr.value.head.map((e) => e.label)], a = Pr.value.body, o = n.concat([i]).concat(a), s = r(o);
 			e ? e(s) : t({
 				csvContent: s,
 				title: B.value.style.chart.title.text || "vue-ui-xy-canvas"
@@ -1315,7 +1315,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await ie(t, e) ?? i;
+			}, a = await le(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1399,7 +1399,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 			toggleAnnotator: Hr,
 			toggleFullscreen: gn,
 			copyAlt: qr
-		}), (t, n) => (y(), He("div", {
+		}), (t, r) => (y(), He("div", {
 			style: Xe(`width:100%; position:relative; ${B.value.responsive ? "height: 100%" : ""}; background:${B.value.style.chart.backgroundColor};`),
 			ref_key: "xy",
 			ref: D,
@@ -1567,7 +1567,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 						width: "100%",
 						height: "100%"
 					},
-					onMousemove: n[0] ||= (e) => fr(e),
+					onMousemove: r[0] ||= (e) => fr(e),
 					onMouseleave: Sr,
 					onFocus: vr,
 					onBlur: yr,
@@ -1594,7 +1594,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 					content: Dt.value,
 					isFullscreen: Mt.value,
 					backgroundOpacity: B.value.style.chart.tooltip.backgroundOpacity,
-					isCustom: S(ee)(B.value.style.chart.tooltip.customFormat),
+					isCustom: S(n)(B.value.style.chart.tooltip.customFormat),
 					smooth: B.value.style.chart.tooltip.smooth,
 					backdropFilter: B.value.style.chart.tooltip.backdropFilter,
 					smoothForce: B.value.style.chart.tooltip.smoothForce,
@@ -1688,8 +1688,8 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				handleBorderColor: B.value.style.chart.zoom.minimap.handleBorderColor,
 				handleFill: B.value.style.chart.zoom.minimap.handleFill,
 				handleWidth: B.value.style.chart.zoom.minimap.handleWidth,
-				onFutureEnd: n[1] ||= (e) => Fn("end", e),
-				onFutureStart: n[2] ||= (e) => Fn("start", e),
+				onFutureEnd: r[1] ||= (e) => Fn("end", e),
+				onFutureStart: r[2] ||= (e) => Fn("start", e),
 				onReset: Nn,
 				onTrapMouse: yn,
 				"onUpdate:end": Rn,
@@ -1710,7 +1710,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				config: Mr.value,
 				key: `legend_${Rt.value}`,
 				isCursorPointer: $t.value,
-				onClickMarker: n[3] ||= ({ i: e }) => Dr(e)
+				onClickMarker: r[3] ||= ({ i: e }) => Dr(e)
 			}, {
 				item: w(({ legend: e, index: t }) => [g("div", {
 					onClick: (t) => e.segregate(),
@@ -1786,7 +1786,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				fn: w(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[4] ||= (e) => Fr(B.value.userOptions.callbacks.csv),
+					onClick: r[4] ||= (e) => Fr(B.value.userOptions.callbacks.csv),
 					style: Xe({ cursor: $t.value ? "pointer" : "default" })
 				}, [Ge(Ne, {
 					name: "fileCsv",

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "vue-data-ui",
     "private": false,
-    "version": "3.25.2",
+    "version": "3.25.4",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [