vue-data-ui 3.22.7 → 3.22.9

package/dist/{vue-ui-xy-canvas-DLKDdH35.js → vue-ui-xy-canvas-Dcm2ftwm.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, Ft as n, Gt as r, Lt as i, Ot as a, Q as o, S as s, Tt as c, Ut as l, W as u, X as ee, a as te, at as ne, b as re, ct as ie, h as ae, ht as oe, i as se, jt as ce, q as le, vt as ue, w as de } from "./lib-EAmk-PgA.js";
+import { $ as t, Et as n, G as r, It as i, J as a, Kt as o, Mt as s, Rt as c, S as l, T as u, Wt as ee, Z as te, a as ne, b as re, gt as ie, h as ae, i as oe, kt as se, lt as ce, ot as le, wt as ue, yt as de } from "./lib-JqW18y5I.js";
 import { n as fe, r as pe, t as me } from "./useTimeLabels-BmBRv27Y.js";
 import { t as he } from "./useConfig-DYM3f6EI.js";
-import { t as ge } from "./usePrinter-DnGzpp6Q.js";
+import { t as ge } from "./usePrinter-CqqHmnBI.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useNestedProp-D8XqxgOU.js";
+import { t as ye } from "./useNestedProp-DIuuzG1r.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
-import { t as xe } from "./img-B_abIg0o.js";
-import { n as Se } from "./Title-PiTKr6sp.js";
+import { t as xe } from "./img-DnP3eXuv.js";
+import { n as Se } from "./Title-CcNiYzEo.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as we, c as Te, i as d, n as Ee, o as De, r as Oe, s as f, t as ke } from "./canvas-lib-BOP_HS11.js";
 import { t as Ae } from "./useResponsive-BfnK0KxU.js";
-import { t as je } from "./BaseIcon-_-BX7be3.js";
-import { t as Me } from "./SlicerPreview-DUywypFu.js";
-import { t as Ne } from "./vue-ui-accordion-Dzz8XhX3.js";
-import { t as Pe } from "./BaseLegendToggle-CHnlKalt.js";
+import { t as je } from "./BaseIcon-UdRAvP2h.js";
+import { t as Me } from "./SlicerPreview-CTz41lOu.js";
+import { t as Ne } from "./vue-ui-accordion-CjAGqEJg.js";
+import { t as Pe } from "./BaseLegendToggle-DWtet-Hh.js";
 import { t as Fe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ie } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Le } from "./Legend-kAr7Vqqu.js";
+import { t as Le } from "./Legend-ROt6ugzW.js";
 import { t as Re } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as ze, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as Be, createElementVNode as g, createSlots as Ve, createTextVNode as He, createVNode as Ue, defineAsyncComponent as We, guardReactiveProps as _, mergeProps as Ge, nextTick as Ke, normalizeClass as qe, normalizeProps as v, normalizeStyle as Je, onBeforeUnmount as Ye, onMounted as Xe, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as Ze, shallowRef as Qe, toDisplayString as $e, toRefs as et, unref as S, useSlots as tt, watch as C, watchEffect as nt, withCtx as w } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,7 +64,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 		"copyAlt"
 	],
 	setup(e, { expose: Ce, emit: rt }) {
-		let mt = We(() => import("./Tooltip-B8yYfISA.js")), ht = We(() => import("./DataTable-CVF7DoZn.js")), gt = We(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), _t = We(() => import("./NonSvgPenAndPaper-CEiv7_gM.js")), vt = We(() => import("./BaseDraggableDialog-1wwwdwV2.js").then((e) => e.n)), { vue_ui_xy_canvas: yt } = he(), { isThemeValid: bt, warnInvalidTheme: xt } = be(), T = e, E = b(u()), D = b(null), St = b(null), O = b(null), k = b(1), A = b(1), Ct = b(!1), j = b(null), wt = b(""), Tt = b(null), M = b([]), Et = b(1), N = b(!0), P = b(!0), Dt = b(null), Ot = b(0), kt = b(!1), At = b(null), jt = b(null), F = b(null), Mt = b(null), Nt = b(0), Pt = b(0), Ft = b(0), I = b(null), It = b(!1), Lt = b(null), Rt = b(null), zt = b(!1), Bt = b(!1), Vt = b(!1), L = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), R = b(null), Gt = b({
+		let mt = We(() => import("./Tooltip-CxOrWlFy.js")), ht = We(() => import("./DataTable-BxpTMgfK.js")), gt = We(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), _t = We(() => import("./NonSvgPenAndPaper-B6EG_Sga.js")), vt = We(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_xy_canvas: yt } = he(), { isThemeValid: bt, warnInvalidTheme: xt } = be(), T = e, E = b(r()), D = b(null), St = b(null), O = b(null), k = b(1), A = b(1), Ct = b(!1), j = b(null), wt = b(""), Tt = b(null), M = b([]), Et = b(1), N = b(!0), P = b(!0), Dt = b(null), Ot = b(0), kt = b(!1), At = b(null), jt = b(null), F = b(null), Mt = b(null), Nt = b(0), Pt = b(0), Ft = b(0), I = b(null), It = b(!1), Lt = b(null), Rt = b(null), zt = b(!1), Bt = b(!1), Vt = b(!1), L = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), R = b(null), Gt = b({
 			x: 0,
 			y: 0
 		}), z = p(() => Array.isArray(en.value) && en.value.length > 0), Kt = rt, qt = tt();
@@ -81,7 +81,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 				let t = e.series[R.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), Xt = p(() => B.value.userOptions.useCursorPointer), Zt = p(() => !!B.value.debug), Qt = p(() => r({
+		}), Xt = p(() => B.value.userOptions.useCursorPointer), Zt = p(() => !!B.value.debug), Qt = p(() => o({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -157,7 +157,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 				type: "bar",
 				color: "#AAAAAA"
 			}],
-			skeletonConfig: r({
+			skeletonConfig: o({
 				defaultConfig: B.value,
 				userConfig: Qt.value
 			})
@@ -188,11 +188,11 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 						userConfig: T.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : l[n] || ce
+					customPalette: e.customPalette.length ? e.customPalette : ee[n] || s
 				};
 			}
 			else t = e;
-			return T.config && oe(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 = ye({
+			return T.config && ie(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 = ye({
 				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: T.config.style.chart.grid.y.timeLabels
 			})), t;
@@ -215,7 +215,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 		function pn(e) {
 			kt.value = e, Ot.value += 1;
 		}
-		let mn = p(() => s(B.value.customPalette)), hn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => hn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		let mn = p(() => l(B.value.customPalette)), hn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => hn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
 		function gn(e) {
 			L.value = e, Q();
 		}
@@ -297,7 +297,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
                 </svg>
                 <span>${e.name ? e.name + ": " : ""}</span>
-                <span>${se(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", le({
+                <span>${oe(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", a({
 			p: e.prefix || "",
 			v: e.series[j.value] ?? "-",
 			s: e.suffix || "",
@@ -307,14 +307,14 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 			seriesIndex: j.value
 		})}</span>
             </div>
-        `)), Tn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => en.value.map((e, r) => ({
+        `)), Tn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => en.value.map((e, t) => ({
 			...e,
-			series: t({
-				data: n(e.series, [], Tn.value),
+			series: ue({
+				data: i(e.series, [], Tn.value),
 				threshold: B.value.downsample.threshold
 			}),
-			absoluteIndex: r,
-			color: re(e.color || mn.value[r] || ce[r] || ce[r % ce.length])
+			absoluteIndex: t,
+			color: re(e.color || mn.value[t] || s[t] || s[t % s.length])
 		}))), En = 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 = [];
@@ -328,7 +328,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 		C(U, (e) => {
 			e && An();
 		});
-		let q = p(() => te(K.value.filter((e, t) => !M.value.includes(e.absoluteIndex))).map((e, t) => ({
+		let q = p(() => ne(K.value.filter((e, t) => !M.value.includes(e.absoluteIndex))).map((e, t) => ({
 			...e,
 			series: e.series.slice(J.value.start, J.value.end)
 		})).map((e, t) => {
@@ -477,7 +477,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 								y: e.localYLabels[n + 1].y
 							}
 						], {
-							fillColor: n % 2 == 0 ? "transparent" : i(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"
 						});
 					});
@@ -558,7 +558,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 								y: G.value.yLabels[t + 1].y
 							}
 						], {
-							fillColor: t % 2 == 0 ? "transparent" : i(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) => {
@@ -625,7 +625,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 		}
 		function Hn() {
 			q.value.forEach((e) => {
-				e.showYMarker && cr(e) && f(O.value, se(B.value.style.chart.dataLabels.formatter, cr(e).value, le({
+				e.showYMarker && cr(e) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, cr(e).value, a({
 					p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: cr(e).value,
 					s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -643,7 +643,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 		function Un() {
 			B.value.style.chart.grid.y.axisLabels.show && (H.value.stacked ? q.value.forEach((e) => {
 				e.localYLabels.forEach((t, n) => {
-					f(O.value, se(B.value.style.chart.dataLabels.formatter, t.value, le({
+					f(O.value, oe(B.value.style.chart.dataLabels.formatter, t.value, a({
 						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 || "",
@@ -659,7 +659,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 					});
 				});
 			}) : G.value.yLabels.forEach((e, t) => {
-				f(O.value, se(B.value.style.chart.dataLabels.formatter, e.value, le({
+				f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.value, a({
 					p: B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: e.value,
 					s: B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -676,7 +676,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 			}));
 		}
 		function Wn(e) {
-			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, se(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, le({
+			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, a({
 				p: e.prefix || "",
 				v: e.coordinatesLine[t].value,
 				s: e.suffix || "",
@@ -742,7 +742,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 			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 ? i(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
 			});
 		}
@@ -776,33 +776,33 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 		}
 		function er() {
 			X.value.forEach((e, t) => {
-				for (let n = 0; n < e.coordinatesLine.length; n += 1) De(O.value, [
+				for (let r = 0; r < e.coordinatesLine.length; r += 1) De(O.value, [
 					{
-						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)),
+						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: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						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),
+						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: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						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)) + 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)),
-						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
 					}
 				], {
 					strokeColor: B.value.style.chart.backgroundColor,
 					gradient: {
 						type: "linear",
 						start: {
-							x: e.coordinatesLine[n].x,
-							y: e.coordinatesLine[n].y
+							x: e.coordinatesLine[r].x,
+							y: e.coordinatesLine[r].y
 						},
 						end: {
-							x: e.coordinatesLine[n].x,
+							x: e.coordinatesLine[r].x,
 							y: H.value.stacked ? e.localZero : G.value.zero
 						},
 						stops: [{
@@ -810,18 +810,18 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 							color: e.color
 						}, {
 							offset: 1,
-							color: B.value.style.chart.bar.gradient.show ? c(e.color, .5) : e.color
+							color: B.value.style.chart.bar.gradient.show ? n(e.color, .5) : e.color
 						}]
 					}
-				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, se(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[n].value, le({
+				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[r].value, a({
 					p: e.prefix || "",
-					v: e.coordinatesLine[n].value,
+					v: e.coordinatesLine[r].value,
 					s: e.suffix || "",
 					r: e.rounding || 0
 				}), {
-					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, {
+					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, {
 					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,
@@ -899,14 +899,14 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 				if (t) {
 					let { polygons: t, singles: r } = tr(e, n);
 					for (let n of t) we(O.value, n, {
-						fillColor: i(e.color, B.value.style.chart.area.opacity),
+						fillColor: c(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
-					let a = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
+					let i = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
 					for (let t of r) ke(O.value, {
 						x: t.x,
 						y: t.y
-					}, a, {
+					}, i, {
 						color: B.value.style.chart.backgroundColor,
 						fillStyle: e.color,
 						strokeColor: "transparent"
@@ -924,7 +924,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 						...e.coordinatesLine,
 						r
 					], {
-						fillColor: i(e.color, B.value.style.chart.area.opacity),
+						fillColor: c(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
@@ -1029,7 +1029,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 			}, vr({
 				seriesIndex: j.value,
 				datapoint: c
-			}), ue(s) && ne(() => s({
+			}), de(s) && le(() => s({
 				seriesIndex: j.value,
 				datapoint: c,
 				series: q.value,
@@ -1055,7 +1055,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 			return vr({
 				seriesIndex: e,
 				datapoint: r
-			}), ue(n) && ne(() => n({
+			}), de(n) && le(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: q.value,
@@ -1132,7 +1132,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 			It.value = !0, Sr();
 		});
 		function Sr() {
-			if (a(T.dataset) && Zt.value && o({
+			if (se(T.dataset) && Zt.value && t({
 				componentName: "VueUiXyCanvas",
 				type: "dataset"
 			}), Ke(() => {
@@ -1181,7 +1181,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 		let Or = p(() => K.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: re(e.color) || mn.value[t] || ce[t] || ce[t % ce.length],
+			color: re(e.color) || mn.value[t] || s[t] || s[t % s.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1251,8 +1251,8 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 				[B.value.style.chart.title.text],
 				[B.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...jr.value.head.map((e) => e.label)], r = jr.value.body, i = de(t.concat([n]).concat(r));
-			e ? e(i) : ee({
+			], n = ["", ...jr.value.head.map((e) => e.label)], r = jr.value.body, i = u(t.concat([n]).concat(r));
+			e ? e(i) : te({
 				csvContent: i,
 				title: B.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
@@ -1287,7 +1287,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await ie(t, e) ?? i;
+			}, a = await ce(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1566,7 +1566,7 @@ var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot
 					content: wt.value,
 					isFullscreen: kt.value,
 					backgroundOpacity: B.value.style.chart.tooltip.backgroundOpacity,
-					isCustom: S(ue)(B.value.style.chart.tooltip.customFormat),
+					isCustom: S(de)(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,

package/package.json

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