vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-xy-canvas-4ABYnasj.js → vue-ui-xy-canvas-BUPnRZ3C.js}

@@ -1,24 +1,24 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, J as r, Lt as i, S as a, St as o, Tt as s, X as c, _t as l, a as u, dt as ee, h as te, i as ne, jt as re, kt as ie, nt as ae, pt as oe, x as se, y as ce, yt as le, zt as ue } from "./lib-BkiwukKO.js";
-import { n as de, r as fe, t as pe } from "./useTimeLabels-C0x7zUXP.js";
-import { t as me } from "./useConfig-ByaaSKhz.js";
-import { t as he } from "./usePrinter-X0yWOynH.js";
-import { n as ge, t as _e } from "./BaseScanner-C7dmAref.js";
-import { t as ve } from "./useNestedProp-Ck4hsrpu.js";
-import { t as ye } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as be } from "./img-BjOr008R.js";
-import { n as xe } from "./Title-__gWq2g6.js";
-import { t as Se } from "./_plugin-vue_export-helper-Dq1MygBL.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-DTaADQOK.js";
-import { t as ke } from "./useResponsive-CrAInupd.js";
-import { t as Ae } from "./BaseIcon-DM1x8hQF.js";
-import { t as je } from "./SlicerPreview-BU3ZeHjR.js";
-import { t as Me } from "./vue-ui-accordion-BX9WL-QF.js";
-import { t as Ne } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as Pe } from "./useUserOptionState-CjPJPTg2.js";
-import { t as Fe } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Ie } from "./Legend-Gg5Q4Clb.js";
-import { t as Le } from "./vue_ui_xy_canvas-CMHGNrLf.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { At as t, Bt as n, Ct as r, Et as i, G as a, H as o, J as s, Mt as c, Rt as l, S as u, X as ee, a as te, bt as ne, dt as re, h as ie, i as ae, nt as oe, pt as se, vt as ce, x as le, y as ue } from "./lib-DUeYQsS0.js";
+import { n as de, r as fe, t as pe } from "./useTimeLabels-BmBRv27Y.js";
+import { t as me } from "./useConfig-DAyQk86L.js";
+import { t as he } from "./usePrinter-C1Gqt_Sp.js";
+import { n as ge, t as _e } from "./BaseScanner-Dr2a1Msy.js";
+import { t as ve } from "./useNestedProp-CNcoy38D.js";
+import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
+import { t as be } from "./img-1cKsci8e.js";
+import { n as xe } from "./Title-NWp4qB4K.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-DfLoHNUj.js";
+import { t as je } from "./SlicerPreview-DdihbUSJ.js";
+import { t as Me } from "./vue-ui-accordion-Dw4MHKVB.js";
+import { t as Ne } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ie } from "./Legend-Cz2uQ5gs.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
 var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at = {
@@ -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-CuWEYGr3.js")), mt = Ue(() => import("./DataTable-DmE8Oo4i.js")), ht = Ue(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), gt = Ue(() => import("./NonSvgPenAndPaper-tvWXeCsd.js")), _t = Ue(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_xy_canvas: vt } = me(), { isThemeValid: yt, warnInvalidTheme: bt } = ye(), T = e, E = b(n()), 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-BENq327o.js")), mt = Ue(() => import("./DataTable-B--IN22e.js")), ht = Ue(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), gt = Ue(() => import("./NonSvgPenAndPaper-gLNJ1Lmr.js")), _t = Ue(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_xy_canvas: vt } = me(), { isThemeValid: yt, warnInvalidTheme: bt } = ye(), T = e, E = b(o()), 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(() => ue({
+		}), Yt = p(() => B.value.userOptions.useCursorPointer), Xt = p(() => !!B.value.debug), Zt = p(() => n({
 			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: ue({
+			skeletonConfig: n({
 				defaultConfig: B.value,
 				userConfig: Zt.value
 			})
@@ -167,8 +167,9 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		}
 		function an() {
 			tn(!1), Gt("selectX", {
-				seriesIndex: null,
-				datapoint: null
+				dataset: null,
+				index: null,
+				indexLabel: null
 			}), j.value = null;
 		}
 		function on() {
@@ -187,11 +188,11 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 						userConfig: T.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : i[n] || s
+					customPalette: e.customPalette.length ? e.customPalette : l[n] || i
 				};
 			}
 			else t = e;
-			return T.config && ee(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({
+			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 = ve({
 				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: T.config.style.chart.grid.y.timeLabels
 			})), t;
@@ -214,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(() => se(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(() => 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);
 		function hn(e) {
 			L.value = e, Q();
 		}
@@ -277,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 = te(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 = 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));
 			return {
 				absoluteMin: r,
 				max: t,
@@ -296,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>${ne(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", t({
+                <span>${ae(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", a({
 			p: e.prefix || "",
 			v: e.series[j.value] ?? "-",
 			s: e.suffix || "",
@@ -306,14 +307,14 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			seriesIndex: j.value
 		})}</span>
             </div>
-        `)), wn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => $t.value.map((e, t) => ({
+        `)), wn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => $t.value.map((e, n) => ({
 			...e,
-			series: l({
-				data: ie(e.series, [], wn.value),
+			series: ce({
+				data: t(e.series, [], wn.value),
 				threshold: B.value.downsample.threshold
 			}),
-			absoluteIndex: t,
-			color: ce(e.color || pn.value[t] || s[t] || s[t % s.length])
+			absoluteIndex: n,
+			color: ue(e.color || pn.value[n] || i[n] || i[n % i.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 = [];
@@ -327,7 +328,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		C(U, (e) => {
 			e && kn();
 		});
-		let q = p(() => u(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) => {
@@ -338,14 +339,14 @@ 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 ? te(i.valueMin, i.valueMax, a) : te(i.valueMin < 0 ? i.valueMin : 0, i.valueMax <= 0 ? 0 : i.valueMax, a);
+			o = e.autoScaling ? ie(i.valueMin, i.valueMax, a) : ie(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 ne = o.ticks.map((e, t) => ({
+			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
-			})), re = Sn({
+			})), ne = Sn({
 				hasAutoScale: H.value.stacked && e.autoScaling,
 				series: e.series,
 				min: H.value.stacked ? n : G.value.min,
@@ -357,13 +358,13 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			});
 			return {
 				...e,
-				coordinatesLine: re,
+				coordinatesLine: ne,
 				min: n,
 				max: r,
 				localScale: o,
 				localZero: ee,
 				localMin: u,
-				localYLabels: ne,
+				localYLabels: te,
 				yOffset: s,
 				individualHeight: l
 			};
@@ -476,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" : re(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"
 						});
 					});
@@ -557,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" : re(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) => {
@@ -624,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, ne(B.value.style.chart.dataLabels.formatter, sr(e).value, t({
+				e.showYMarker && sr(e) && f(O.value, ae(B.value.style.chart.dataLabels.formatter, sr(e).value, a({
 					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 || "",
@@ -641,31 +642,31 @@ 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((n, r) => {
-					f(O.value, ne(B.value.style.chart.dataLabels.formatter, n.value, t({
+				e.localYLabels.forEach((t, n) => {
+					f(O.value, ae(B.value.style.chart.dataLabels.formatter, t.value, a({
 						p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
-						v: n.value,
+						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: n,
-						seriesIndex: r
-					}), n.x + B.value.style.chart.grid.y.axisLabels.offsetX, n.y, {
+						datapoint: t,
+						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}`,
 						color: e.color,
 						globalAlpha: e.showYMarker && ![null, void 0].includes(j.value ?? L.value) ? .2 : 1
 					});
 				});
-			}) : G.value.yLabels.forEach((e, n) => {
-				f(O.value, ne(B.value.style.chart.dataLabels.formatter, e.value, t({
+			}) : G.value.yLabels.forEach((e, t) => {
+				f(O.value, ae(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 || "",
 					r: B.value.style.chart.grid.y.axisLabels.rounding || 0
 				}), {
 					datapoint: e,
-					seriesIndex: n
+					seriesIndex: t
 				}), e.x + B.value.style.chart.grid.y.axisLabels.offsetX, e.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}`,
@@ -675,15 +676,15 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			}));
 		}
 		function Un(e) {
-			for (let n = 0; n < e.coordinatesLine.length; n += 1) f(O.value, ne(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[n].value, t({
+			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, a({
 				p: e.prefix || "",
-				v: e.coordinatesLine[n].value,
+				v: e.coordinatesLine[t].value,
 				s: e.suffix || "",
 				r: e.rounding || 0
 			}), {
-				datapoint: e.coordinatesLine[n],
-				seriesIndex: n
-			}), e.coordinatesLine[n].x, e.coordinatesLine[n].y + B.value.style.chart.dataLabels.offsetY, {
+				datapoint: e.coordinatesLine[t],
+				seriesIndex: t
+			}), e.coordinatesLine[t].x, e.coordinatesLine[t].y + B.value.style.chart.dataLabels.offsetY, {
 				align: "center",
 				font: `${B.value.style.chart.dataLabels.bold ? "bold " : ""}${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,
@@ -741,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 ? re(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
 			});
 		}
@@ -774,34 +775,34 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			});
 		}
 		function $n() {
-			X.value.forEach((e, n) => {
-				for (let r = 0; r < e.coordinatesLine.length; r += 1) Ee(O.value, [
+			X.value.forEach((e, t) => {
+				for (let n = 0; n < e.coordinatesLine.length; n += 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 * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)),
+						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 * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)) + 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 * 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 * 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 * n - (n === 0 ? 0 : W.value.slot / (5 * X.value.length) * n)),
-						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: [{
@@ -809,18 +810,18 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 							color: e.color
 						}, {
 							offset: 1,
-							color: B.value.style.chart.bar.gradient.show ? le(e.color, .5) : e.color
+							color: B.value.style.chart.bar.gradient.show ? ne(e.color, .5) : e.color
 						}]
 					}
-				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, ne(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[r].value, t({
+				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, ae(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[n].value, a({
 					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 * 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, {
+					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,
@@ -898,7 +899,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				if (t) {
 					let { polygons: t, singles: r } = er(e, n);
 					for (let n of t) Ce(O.value, n, {
-						fillColor: re(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;
@@ -923,7 +924,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 						...e.coordinatesLine,
 						r
 					], {
-						fillColor: re(e.color, B.value.style.chart.area.opacity),
+						fillColor: c(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
@@ -1028,7 +1029,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			}, _r({
 				seriesIndex: j.value,
 				datapoint: c
-			}), oe(s) && ae(() => s({
+			}), se(s) && oe(() => s({
 				seriesIndex: j.value,
 				datapoint: c,
 				series: q.value,
@@ -1054,7 +1055,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			return _r({
 				seriesIndex: e,
 				datapoint: r
-			}), oe(n) && ae(() => n({
+			}), se(n) && oe(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: q.value,
@@ -1131,7 +1132,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			Ft.value = !0, xr();
 		});
 		function xr() {
-			if (o(T.dataset) && Xt.value && c({
+			if (r(T.dataset) && Xt.value && ee({
 				componentName: "VueUiXyCanvas",
 				type: "dataset"
 			}), Ge(() => {
@@ -1180,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: ce(e.color) || pn.value[t] || s[t] || s[t % s.length],
+			color: ue(e.color) || pn.value[t] || i[t] || i[t % i.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1250,9 +1251,9 @@ 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)], i = Ar.value.body, o = a(t.concat([n]).concat(i));
-			e ? e(o) : r({
-				csvContent: o,
+			], n = ["", ...Ar.value.head.map((e) => e.label)], r = Ar.value.body, i = u(t.concat([n]).concat(r));
+			e ? e(i) : s({
+				csvContent: i,
 				title: B.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
 		}
@@ -1563,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(oe)(B.value.style.chart.tooltip.customFormat),
+					isCustom: S(se)(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,
@@ -1781,6 +1782,6 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			])) : h("", !0)
 		], 46, rt));
 	}
-}, [["__scopeId", "data-v-1abb2f2b"]]);
+}, [["__scopeId", "data-v-f934e863"]]);
 //#endregion
 export { nt as n, pt as t };