vue-data-ui 3.22.0 → 3.22.1

package/dist/{vue-ui-xy-canvas-CYQF5hVa.js → vue-ui-xy-canvas-CrzY1ni9.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, G as n, H as r, Ht as i, J as a, Mt as o, Ot as s, Pt as c, S as l, St as u, Tt as ee, X as te, a as ne, bt as re, h as ie, ht as ae, i as oe, it as se, pt as ce, x as le, y as ue } from "./lib-AJRHFE5U.js";
+import { Ct as t, Et as n, Ft as r, G as i, H as a, J as o, Nt as s, S as c, Ut as l, Vt as u, X as ee, a as te, gt as ne, h as re, i as ie, it as ae, kt as oe, pt as se, x as ce, xt as le, y as ue } from "./lib-CXicicWN.js";
 import { n as de, r as fe, t as pe } from "./useTimeLabels-BmBRv27Y.js";
-import { t as me } from "./useConfig-Br1uzq_L.js";
-import { t as he } from "./usePrinter-6n2MzVyV.js";
+import { t as me } from "./useConfig-C10cdg45.js";
+import { t as he } from "./usePrinter-Dng0UK-G.js";
 import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
-import { t as ve } from "./useNestedProp-DtcXIg7n.js";
+import { t as ve } from "./useNestedProp-APyFoLCQ.js";
 import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
-import { t as be } from "./img-C_RNNswI.js";
-import { n as xe } from "./Title-DH6G8_cZ.js";
+import { t as be } from "./img-BCAOkqfM.js";
+import { n as xe } from "./Title-CVYf1f8m.js";
 import { t as Se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as Ce, c as we, i as d, n as Te, o as Ee, r as De, s as f, t as Oe } from "./canvas-lib-BOP_HS11.js";
 import { t as ke } from "./useResponsive-BfnK0KxU.js";
-import { t as Ae } from "./BaseIcon-CWXbczu_.js";
-import { t as je } from "./SlicerPreview-BA_RDgVn.js";
-import { t as Me } from "./vue-ui-accordion-HvsT8_RM.js";
-import { t as Ne } from "./BaseLegendToggle-CUYal8mC.js";
+import { t as Ae } from "./BaseIcon-DEtwcvEH.js";
+import { t as je } from "./SlicerPreview-CAhqG_ZQ.js";
+import { t as Me } from "./vue-ui-accordion-Ck_u5Nro.js";
+import { t as Ne } from "./BaseLegendToggle-B-lM0iV1.js";
 import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./Legend-CAStwHdx.js";
+import { t as Ie } from "./Legend-BVDhEEsC.js";
 import { t as Le } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Re, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as ze, createElementVNode as g, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as Ue, guardReactiveProps as _, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as v, normalizeStyle as qe, onBeforeUnmount as Je, onMounted as Ye, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as Xe, shallowRef as Ze, toDisplayString as Qe, toRefs as $e, unref as S, useSlots as et, watch as C, watchEffect as tt, withCtx as w } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,7 +64,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		"copyAlt"
 	],
 	setup(e, { expose: Se, emit: nt }) {
-		let pt = Ue(() => import("./Tooltip-979Ytd8R.js")), mt = Ue(() => import("./DataTable-G9aclxhk.js")), ht = Ue(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), gt = Ue(() => import("./NonSvgPenAndPaper-BLy8zMox.js")), _t = Ue(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_xy_canvas: vt } = me(), { isThemeValid: yt, warnInvalidTheme: bt } = ye(), T = e, E = b(r()), D = b(null), xt = b(null), O = b(null), k = b(1), A = b(1), St = b(!1), j = b(null), Ct = b(""), wt = b(null), M = b([]), Tt = b(1), N = b(!0), P = b(!0), Et = b(null), Dt = b(0), Ot = b(!1), kt = b(null), At = b(null), F = b(null), jt = b(null), Mt = b(0), Nt = b(0), Pt = b(0), I = b(null), Ft = b(!1), It = b(null), Lt = b(null), Rt = b(!1), zt = b(!1), Bt = b(!1), L = b(null), Vt = b(!1), Ht = b(!1), Ut = b(!1), R = b(null), Wt = b({
+		let pt = Ue(() => import("./Tooltip-BmGCBJuU.js")), mt = Ue(() => import("./DataTable-DJZgdnIn.js")), ht = Ue(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), gt = Ue(() => import("./NonSvgPenAndPaper-Dwq_M6Bz.js")), _t = Ue(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_xy_canvas: vt } = me(), { isThemeValid: yt, warnInvalidTheme: bt } = ye(), T = e, E = b(a()), D = b(null), xt = b(null), O = b(null), k = b(1), A = b(1), St = b(!1), j = b(null), Ct = b(""), wt = b(null), M = b([]), Tt = b(1), N = b(!0), P = b(!0), Et = b(null), Dt = b(0), Ot = b(!1), kt = b(null), At = b(null), F = b(null), jt = b(null), Mt = b(0), Nt = b(0), Pt = b(0), I = b(null), Ft = b(!1), It = b(null), Lt = b(null), Rt = b(!1), zt = b(!1), Bt = b(!1), L = b(null), Vt = b(!1), Ht = b(!1), Ut = b(!1), R = b(null), Wt = b({
 			x: 0,
 			y: 0
 		}), z = p(() => Array.isArray($t.value) && $t.value.length > 0), Gt = nt, Kt = et();
@@ -81,7 +81,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				let t = e.series[R.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), Yt = p(() => B.value.userOptions.useCursorPointer), Xt = p(() => !!B.value.debug), Zt = p(() => i({
+		}), Yt = p(() => B.value.userOptions.useCursorPointer), Xt = p(() => !!B.value.debug), Zt = p(() => l({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -157,7 +157,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				type: "bar",
 				color: "#AAAAAA"
 			}],
-			skeletonConfig: i({
+			skeletonConfig: l({
 				defaultConfig: B.value,
 				userConfig: Zt.value
 			})
@@ -176,26 +176,26 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			let e = ve({
 				userConfig: T.config,
 				defaultConfig: vt
-			}), n = {}, r = e.theme;
-			if (r) if (!yt.value(e)) bt(e), n = e;
+			}), t = {}, n = e.theme;
+			if (n) if (!yt.value(e)) bt(e), t = e;
 			else {
-				let i = ve({
-					userConfig: Le[r] || T.config,
+				let r = ve({
+					userConfig: Le[n] || T.config,
 					defaultConfig: e
 				});
-				n = {
+				t = {
 					...ve({
 						userConfig: T.config,
-						defaultConfig: i
+						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : t[r] || s
+					customPalette: e.customPalette.length ? e.customPalette : u[n] || oe
 				};
 			}
-			else n = e;
-			return T.config && ce(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."), n.style.chart.grid.x.timeLabels = ve({
-				defaultConfig: n.style.chart.grid.x.timeLabels,
+			else t = e;
+			return T.config && se(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 = ve({
+				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: T.config.style.chart.grid.y.timeLabels
-			})), n;
+			})), t;
 		}
 		C(() => T.config, (e) => {
 			Qt.value || (B.value = on()), en.value = !B.value.userOptions.showOnChartHover, xr(), Mt.value += 1, Nt.value += 1, Pt.value += 1, H.value.showTable = B.value.table.show, H.value.showDataLabels = B.value.style.chart.dataLabels.show, H.value.stacked = B.value.style.chart.stacked, H.value.showTooltip = B.value.style.chart.tooltip.show;
@@ -215,7 +215,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		function fn(e) {
 			Ot.value = e, Dt.value += 1;
 		}
-		let pn = p(() => le(B.value.customPalette)), mn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => mn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		let pn = p(() => ce(B.value.customPalette)), mn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => mn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
 		function hn(e) {
 			L.value = e, Q();
 		}
@@ -278,7 +278,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			});
 		}
 		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 = ie(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 = 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));
 			return {
 				absoluteMin: r,
 				max: t,
@@ -297,7 +297,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
                 </svg>
                 <span>${e.name ? e.name + ": " : ""}</span>
-                <span>${oe(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", n({
+                <span>${ie(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", i({
 			p: e.prefix || "",
 			v: e.series[j.value] ?? "-",
 			s: e.suffix || "",
@@ -309,12 +309,12 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
             </div>
         `)), wn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => $t.value.map((e, t) => ({
 			...e,
-			series: re({
-				data: o(e.series, [], wn.value),
+			series: le({
+				data: s(e.series, [], wn.value),
 				threshold: B.value.downsample.threshold
 			}),
 			absoluteIndex: t,
-			color: ue(e.color || pn.value[t] || s[t] || s[t % s.length])
+			color: ue(e.color || pn.value[t] || oe[t] || oe[t % oe.length])
 		}))), Tn = 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 nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		C(U, (e) => {
 			e && kn();
 		});
-		let q = p(() => ne(K.value.filter((e, t) => !M.value.includes(e.absoluteIndex))).map((e, t) => ({
+		let q = p(() => te(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) => {
@@ -339,7 +339,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				valueMin: n,
 				valueMax: r
 			}, a = e.scaleSteps || B.value.style.chart.scale.ticks, o;
-			o = e.autoScaling ? ie(i.valueMin, i.valueMax, a) : ie(i.valueMin < 0 ? i.valueMin : 0, i.valueMax <= 0 ? 0 : i.valueMax, a);
+			o = e.autoScaling ? re(i.valueMin, i.valueMax, a) : re(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) => ({
@@ -477,7 +477,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 								y: e.localYLabels[n + 1].y
 							}
 						], {
-							fillColor: n % 2 == 0 ? "transparent" : c(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: n % 2 == 0 ? "transparent" : r(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					});
@@ -558,7 +558,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 								y: G.value.yLabels[t + 1].y
 							}
 						], {
-							fillColor: t % 2 == 0 ? "transparent" : c(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: t % 2 == 0 ? "transparent" : r(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 nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		}
 		function Vn() {
 			q.value.forEach((e) => {
-				e.showYMarker && sr(e) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, sr(e).value, n({
+				e.showYMarker && sr(e) && f(O.value, ie(B.value.style.chart.dataLabels.formatter, sr(e).value, i({
 					p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: sr(e).value,
 					s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -642,15 +642,15 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		}
 		function Hn() {
 			B.value.style.chart.grid.y.axisLabels.show && (H.value.stacked ? q.value.forEach((e) => {
-				e.localYLabels.forEach((t, r) => {
-					f(O.value, oe(B.value.style.chart.dataLabels.formatter, t.value, n({
+				e.localYLabels.forEach((t, n) => {
+					f(O.value, ie(B.value.style.chart.dataLabels.formatter, t.value, i({
 						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 || "",
 						r: e.rounding || B.value.style.chart.grid.y.axisLabels.rounding || 0
 					}), {
 						datapoint: t,
-						seriesIndex: r
+						seriesIndex: n
 					}), t.x + B.value.style.chart.grid.y.axisLabels.offsetX, t.y, {
 						align: "right",
 						font: `${B.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(k.value / 40 * B.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
@@ -659,7 +659,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					});
 				});
 			}) : G.value.yLabels.forEach((e, t) => {
-				f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.value, n({
+				f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.value, i({
 					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 nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			}));
 		}
 		function Un(e) {
-			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, n({
+			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, i({
 				p: e.prefix || "",
 				v: e.coordinatesLine[t].value,
 				s: e.suffix || "",
@@ -742,7 +742,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			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 ? 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,
+				color: B.value.style.chart.grid.x.timeLabels.showMarker ? r(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
 			});
 		}
@@ -775,22 +775,22 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			});
 		}
 		function $n() {
-			X.value.forEach((e, t) => {
+			X.value.forEach((e, n) => {
 				for (let r = 0; r < e.coordinatesLine.length; r += 1) Ee(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 * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)),
 						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 * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)) + 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),
+						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
 						y: e.coordinatesLine[r].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)),
+						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)),
 						y: e.coordinatesLine[r].y
 					}
 				], {
@@ -810,10 +810,10 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 							color: e.color
 						}, {
 							offset: 1,
-							color: B.value.style.chart.bar.gradient.show ? u(e.color, .5) : e.color
+							color: B.value.style.chart.bar.gradient.show ? t(e.color, .5) : e.color
 						}]
 					}
-				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[r].value, n({
+				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, ie(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[r].value, i({
 					p: e.prefix || "",
 					v: e.coordinatesLine[r].value,
 					s: e.suffix || "",
@@ -821,7 +821,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				}), {
 					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, {
+				}), W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)) + 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,
@@ -897,16 +897,16 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			if (e.useArea) {
 				let n = H.value.stacked ? e.localZero : G.value.zero;
 				if (t) {
-					let { polygons: t, singles: r } = er(e, n);
+					let { polygons: t, singles: i } = er(e, n);
 					for (let n of t) Ce(O.value, n, {
-						fillColor: c(e.color, B.value.style.chart.area.opacity),
+						fillColor: r(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
-					let i = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
-					for (let t of r) Oe(O.value, {
+					let a = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
+					for (let t of i) Oe(O.value, {
 						x: t.x,
 						y: t.y
-					}, i, {
+					}, a, {
 						color: B.value.style.chart.backgroundColor,
 						fillStyle: e.color,
 						strokeColor: "transparent"
@@ -915,16 +915,16 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					let t = {
 						x: e.coordinatesLine[0].x,
 						y: n
-					}, r = {
+					}, i = {
 						x: e.coordinatesLine.at(-1).x,
 						y: n
 					};
 					Ce(O.value, [
 						t,
 						...e.coordinatesLine,
-						r
+						i
 					], {
-						fillColor: c(e.color, B.value.style.chart.area.opacity),
+						fillColor: r(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
@@ -1029,7 +1029,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			}, _r({
 				seriesIndex: j.value,
 				datapoint: c
-			}), ae(s) && se(() => s({
+			}), ne(s) && ae(() => s({
 				seriesIndex: j.value,
 				datapoint: c,
 				series: q.value,
@@ -1055,7 +1055,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			return _r({
 				seriesIndex: e,
 				datapoint: r
-			}), ae(n) && se(() => n({
+			}), ne(n) && ae(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: q.value,
@@ -1132,7 +1132,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			Ft.value = !0, xr();
 		});
 		function xr() {
-			if (ee(T.dataset) && Xt.value && te({
+			if (n(T.dataset) && Xt.value && ee({
 				componentName: "VueUiXyCanvas",
 				type: "dataset"
 			}), Ge(() => {
@@ -1181,7 +1181,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		let Dr = p(() => K.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: ue(e.color) || pn.value[t] || s[t] || s[t % s.length],
+			color: ue(e.color) || pn.value[t] || oe[t] || oe[t % oe.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1251,8 +1251,8 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				[B.value.style.chart.title.text],
 				[B.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...Ar.value.head.map((e) => e.label)], r = Ar.value.body, i = l(t.concat([n]).concat(r));
-			e ? e(i) : a({
+			], n = ["", ...Ar.value.head.map((e) => e.label)], r = Ar.value.body, i = c(t.concat([n]).concat(r));
+			e ? e(i) : o({
 				csvContent: i,
 				title: B.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
@@ -1564,7 +1564,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					content: Ct.value,
 					isFullscreen: Ot.value,
 					backgroundOpacity: B.value.style.chart.tooltip.backgroundOpacity,
-					isCustom: S(ae)(B.value.style.chart.tooltip.customFormat),
+					isCustom: S(ne)(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.0",
+    "version": "3.22.1",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [
@@ -129,6 +129,6 @@
         "typescript": "^6.0.2",
         "vite": "^8.0.16",
         "vitest": "^4.1.8",
-        "vue": "^3.5.38"
+        "vue": "^3.5.39"
     }
 }

package/dist/exposedLib-BJbE_A8E.js

@@ -1,19 +0,0 @@
-import { Ft as e, Ht as t, St as n, W as r, y as i } from "./lib-AJRHFE5U.js";
-//#region src/exposedLib.js
-function a(e, t) {
-	return n(i(e), t);
-}
-function o(e, t) {
-	return r(i(e), t);
-}
-function s(t, n) {
-	return e(i(t), n);
-}
-function c({ defaultConfig: e, userConfig: n }) {
-	return t({
-		defaultConfig: e,
-		userConfig: n
-	});
-}
-//#endregion
-export { s as i, a as n, c as r, o as t };