vue-data-ui 3.26.5 → 3.27.0

package/dist/{vue-ui-xy-canvas-DGuMC_Rf.js → vue-ui-xy-canvas-BwgK8drp.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, $t as n, Ct as r, D as i, Et as a, Gt as o, Pt as s, Rt as ee, S as c, Vt as l, X as te, _ as ne, at as re, et as ie, ft as ae, gt as oe, i as se, jt as ce, nt as le, o as ue, qt as de, tn as fe, w as pe } from "./lib-TWIH5fGr.js";
-import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
-import { n as ge, r as _e, t as ve } from "./useTimeLabels-d2f-W1L4.js";
-import { t as ye } from "./useConfig-DObkR9Aa.js";
-import { t as be } from "./usePrinter-8Y1Rju0Y.js";
-import { n as xe, t as Se } from "./BaseScanner-Dzc8VT3j.js";
-import { t as Ce } from "./useNestedProp-BxOdWM0c.js";
-import { t as we } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Te } from "./img-KURaWjZI.js";
-import { n as Ee } from "./Title-Bd98RysU.js";
-import { t as De } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as u, c as Oe, i as ke, l as Ae, n as je, o as Me, r as Ne, s as Pe, t as Fe } from "./useResponsive-ZtArZtUf.js";
-import { t as Ie } from "./BaseIcon-CIK6Sqo3.js";
-import { t as Le } from "./SlicerPreview-DyYv_G-_.js";
-import { t as Re } from "./vue-ui-accordion-AyyZDab3.js";
-import { t as ze } from "./BaseLegendToggle-Doa5rYP2.js";
-import { t as Be } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Ve } from "./useChartAccessibility-DYqac8yF.js";
-import { t as He } from "./Legend-D9FGXIbQ.js";
-import { t as Ue } from "./vue_ui_xy_canvas-DrNSzYWq.js";
-import { Teleport as We, computed as d, createBlock as Ge, createCommentVNode as f, createElementBlock as Ke, createElementVNode as p, createSlots as qe, createTextVNode as Je, createVNode as Ye, defineAsyncComponent as Xe, guardReactiveProps as m, mergeProps as Ze, nextTick as Qe, normalizeClass as $e, normalizeProps as h, normalizeStyle as et, onBeforeUnmount as tt, onMounted as nt, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as rt, shallowRef as it, toDisplayString as at, toRefs as ot, unref as y, useSlots as st, watch as b, watchEffect as ct, withCtx as x } from "vue";
+import { $ as t, D as n, Dt as r, Ft as i, Ht as a, Jt as o, Kt as s, Mt as ee, S as c, X as te, _ as ne, _t as re, at as ie, en as ae, et as oe, i as se, nn as ce, nt as le, o as ue, pt as de, w as fe, wt as pe, zt as me } from "./lib-D4wK6ljP.js";
+import { n as he, t as ge } from "./useHints-Dq_w2E8B.js";
+import { n as _e, r as ve, t as ye } from "./useTimeLabels-d2f-W1L4.js";
+import { t as be } from "./useConfig-D_6ZrPMD.js";
+import { t as xe } from "./usePrinter-DdW2GSm0.js";
+import { n as Se, t as Ce } from "./BaseScanner-Dzc8VT3j.js";
+import { t as we } from "./useNestedProp-DR_8JPol.js";
+import { t as Te } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Ee } from "./img-Bb5rHcpO.js";
+import { n as De } from "./Title-BMCuINbv.js";
+import { t as Oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { a as l, c as ke, i as Ae, l as je, n as Me, o as Ne, r as Pe, s as Fe, t as Ie } from "./useResponsive-ZtArZtUf.js";
+import { t as Le } from "./BaseIcon-Cx9FD751.js";
+import { t as Re } from "./SlicerPreview-k5YerMA9.js";
+import { t as ze } from "./vue-ui-accordion-CaoNWreI.js";
+import { t as Be } from "./BaseLegendToggle-CP3sddwv.js";
+import { t as Ve } from "./useUserOptionState-DK-_1ddE.js";
+import { t as He } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ue } from "./Legend-CulFgjUY.js";
+import { t as We } from "./vue_ui_xy_canvas-DrNSzYWq.js";
+import { Teleport as Ge, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as Ke, createElementVNode as p, createSlots as qe, createTextVNode as Je, createVNode as Ye, defineAsyncComponent as Xe, guardReactiveProps as m, mergeProps as Ze, nextTick as Qe, normalizeClass as $e, normalizeProps as h, normalizeStyle as et, onBeforeUnmount as tt, onMounted as nt, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as rt, shallowRef as it, toDisplayString as at, toRefs as ot, unref as y, useSlots as st, watch as b, watchEffect as ct, withCtx as x } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
 var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft = {
 	class: "sr-only",
@@ -49,7 +49,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 }, vt = ["id"], yt = ["onClick"], bt = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, xt = { key: 0 }, St = { key: 1 }, Ct = /*#__PURE__*/ De({
+}, xt = { key: 0 }, St = { key: 1 }, Ct = /*#__PURE__*/ Oe({
 	__name: "vue-ui-xy-canvas",
 	props: {
 		dataset: {
@@ -82,17 +82,17 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		"update:zoomState",
 		"copyAlt"
 	],
-	setup(e, { expose: De, emit: lt }) {
-		let Ct = Xe(() => import("./Tooltip-DmQeI5WE.js")), wt = Xe(() => import("./DataTable-B6LDCXBz.js")), Tt = Xe(() => import("./UserOptions-B_yBcZ1-.js").then((e) => e.n)), Et = Xe(() => import("./NonSvgPenAndPaper-9T4MSwXC.js")), Dt = Xe(() => import("./BaseDraggableDialog-BCFCiP_6.js").then((e) => e.n)), { vue_ui_xy_canvas: Ot } = ye(), { isThemeValid: kt, warnInvalidTheme: At } = we(), S = e, jt = _(te()), Mt = _(null), Nt = _(null), C = _(null), w = _(1), Pt = _(1), Ft = _(!1), T = _(null), It = _(""), Lt = _(null), E = _([]), Rt = _(1), D = _(!0), O = _(!0), zt = _(null), Bt = _(0), Vt = _(!1), Ht = _(null), Ut = _(null), Wt = _(null), Gt = _(null), Kt = _(0), qt = _(0), Jt = _(0), k = _(null), Yt = _(!1), Xt = _(null), Zt = _(null), Qt = _(!1), $t = _(!1), en = _(!1), A = _(null), tn = _(!1), nn = _(!1), rn = _(!1), j = _(null), an = _({
+	setup(e, { expose: Oe, emit: lt }) {
+		let Ct = Xe(() => import("./Tooltip-C4ZTwkLF.js")), wt = Xe(() => import("./DataTable-CjF_An2h.js")), Tt = Xe(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), Et = Xe(() => import("./NonSvgPenAndPaper-BK1v_MfW.js")), Dt = Xe(() => import("./BaseDraggableDialog-C50TEJFv.js").then((e) => e.n)), { vue_ui_xy_canvas: Ot } = be(), { isThemeValid: kt, warnInvalidTheme: At } = Te(), S = e, jt = _(te()), Mt = _(null), Nt = _(null), C = _(null), w = _(1), Pt = _(1), Ft = _(!1), T = _(null), It = _(""), Lt = _(null), E = _([]), Rt = _(1), D = _(!0), O = _(!0), zt = _(null), Bt = _(0), Vt = _(!1), Ht = _(null), Ut = _(null), Wt = _(null), Gt = _(null), Kt = _(0), qt = _(0), Jt = _(0), k = _(null), Yt = _(!1), Xt = _(null), Zt = _(null), Qt = _(!1), $t = _(!1), en = _(!1), A = _(null), tn = _(!1), nn = _(!1), rn = _(!1), j = _(null), an = _({
 			x: 0,
 			y: 0
-		}), M = d(() => Array.isArray(mn.value) && mn.value.length > 0), N = lt, on = st(), P = _(bn()), F = d(() => P.value.userOptions), I = d(() => P.value.style.chart.tooltip), L = d(() => P.value.style.chart.grid.y.verticalLines), sn = d(() => P.value.style.chart.grid.x.horizontalLines), R = d(() => P.value.style.chart.grid.y.axisLabels), z = d(() => P.value.style.chart.grid.x.timeLabels), B = d(() => P.value.style.chart.grid), V = d(() => P.value.style.chart.dataLabels), H = d(() => P.value.style.chart);
-		me({
+		}), M = u(() => Array.isArray(mn.value) && mn.value.length > 0), N = lt, on = st(), P = _(bn()), F = u(() => P.value.userOptions), I = u(() => P.value.style.chart.tooltip), L = u(() => P.value.style.chart.grid.y.verticalLines), sn = u(() => P.value.style.chart.grid.x.horizontalLines), R = u(() => P.value.style.chart.grid.y.axisLabels), z = u(() => P.value.style.chart.grid.x.timeLabels), B = u(() => P.value.style.chart.grid), V = u(() => P.value.style.chart.dataLabels), H = u(() => P.value.style.chart);
+		he({
 			config: () => P.value,
 			dataset: () => S.dataset,
 			component: "VueUiXyCanvas",
 			rules: [
-				he.emptyArray,
+				ge.emptyArray,
 				{
 					test: (e) => e.every((e) => e.series.length < 300),
 					message: [
@@ -111,21 +111,21 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				}
 			]
 		});
-		let cn = d(() => {
+		let cn = u(() => {
 			let e = H.value.title.text || "XY chart", t = X.value.end - X.value.start;
 			return `${e}. ${Y.value.filter((e) => !E.value.includes(e.absoluteIndex)).length} series. ${t} visible data points.`;
-		}), ln = d(() => {
+		}), ln = u(() => {
 			if (j.value === null) return "";
 			let e = j.value + X.value.start;
 			return `${z.value.values.slice(X.value.start, X.value.end)[j.value] ? I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[j.value]?.text : kr.value[j.value]?.text : $.value[e]?.text ?? `Point ${e + 1}`}. ${Y.value.filter((e) => !E.value.includes(e.absoluteIndex)).map((e) => {
 				let t = e.series[j.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), un = d(() => F.value.useCursorPointer), dn = d(() => P.value.debug);
+		}), un = u(() => F.value.useCursorPointer), dn = u(() => P.value.debug);
 		nt(() => {
 			on["chart-background"] && dn.value && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
 		});
-		let fn = d(() => fe({
+		let fn = u(() => ce({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -159,7 +159,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				} }
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: pn, FINAL_DATASET: mn } = xe({
+		})), { loading: pn, FINAL_DATASET: mn } = Se({
 			...ot(S),
 			FINAL_CONFIG: P,
 			prepareConfig: bn,
@@ -201,11 +201,11 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				type: "bar",
 				color: "#AAAAAA"
 			}],
-			skeletonConfig: fe({
+			skeletonConfig: ce({
 				defaultConfig: P.value,
 				userConfig: fn.value
 			})
-		}), { userOptionsVisible: hn, setUserOptionsVisibility: gn, keepUserOptionState: _n } = Be({ config: P.value }), { svgRef: U } = Ve({ config: H.value.title });
+		}), { userOptionsVisible: hn, setUserOptionsVisibility: gn, keepUserOptionState: _n } = Ve({ config: P.value }), { svgRef: U } = He({ config: H.value.title });
 		function vn() {
 			gn(!0);
 		}
@@ -217,33 +217,33 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			}), T.value = null;
 		}
 		function bn() {
-			let e = Ce({
+			let e = we({
 				userConfig: S.config,
 				defaultConfig: Ot
-			}), t = {}, i = e.theme;
-			if (i) {
+			}), t = {}, n = e.theme;
+			if (n) {
 				if (!kt.value(e)) At(e), t = e;
 				else {
-					let r = Ce({
-						userConfig: Ue[i] || S.config,
+					let r = we({
+						userConfig: We[n] || S.config,
 						defaultConfig: e
 					});
 					t = {
-						...Ce({
+						...we({
 							userConfig: S.config,
 							defaultConfig: r
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : n[i] || l
+						customPalette: e.customPalette.length ? e.customPalette : ae[n] || a
 					};
 				}
 			} else t = e;
-			return S.config && r(S.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 = Ce({
+			return S.config && pe(S.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 = we({
 				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: S.config.style.chart.grid.y.timeLabels
 			})), t;
 		}
 		function xn(e) {
-			let t = ie(e);
+			let t = oe(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
 		let Sn = xn(S.config);
@@ -259,7 +259,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		}, { deep: !0 }), b(() => S.dataset, async (e) => {
 			Array.isArray(e) && e.length !== 0 && (await Qe(), U.value && !C.value && (C.value = U.value.getContext("2d", { willReadFrequently: !0 })), D.value = !0, O.value = !0, await cr(), vr(), Kt.value += 1, qt.value += 1, Jt.value += 1);
 		}, { deep: !0 });
-		let Cn = _(H.value.aspectRatio), { isPrinting: wn, isImaging: Tn, generatePdf: En, generateImage: Dn } = be({
+		let Cn = _(H.value.aspectRatio), { isPrinting: wn, isImaging: Tn, generatePdf: En, generateImage: Dn } = xe({
 			elementId: `xy_canvas_${jt.value}`,
 			fileName: H.value.title.text || "vue-ui-xy-canvas",
 			options: F.value.print
@@ -272,7 +272,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		function On(e) {
 			Vt.value = e, Bt.value += 1;
 		}
-		let kn = d(() => pe(P.value.customPalette)), An = d(() => E.value.length === J.value.length), G = d(() => J.value ? Math.max(...J.value.filter((e, t) => An.value ? !0 : !E.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		let kn = u(() => fe(P.value.customPalette)), An = u(() => E.value.length === J.value.length), G = u(() => J.value ? Math.max(...J.value.filter((e, t) => An.value ? !0 : !E.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
 		function jn(e) {
 			A.value = e, Br();
 		}
@@ -289,8 +289,8 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				n.width > a && (a = n.width);
 			}
 			C.value.restore();
-			let o = (z.value.rotation || 0) * Math.PI / 180, s = r, ee = Math.abs(Math.sin(o)) * a + Math.abs(Math.cos(o)) * s, c = z.value.offsetY || 1, l = w.value / c;
-			return Math.max(0, l + ee + 4);
+			let o = (z.value.rotation || 0) * Math.PI / 180, s = r, ee = Math.abs(Math.sin(o)) * a + Math.abs(Math.cos(o)) * s, c = z.value.offsetY || 1, te = w.value / c;
+			return Math.max(0, te + ee + 4);
 		}
 		function Fn() {
 			Mn.value = Pn();
@@ -305,7 +305,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		tt(() => {
 			Nn.value && cancelAnimationFrame(Nn.value);
 		});
-		let K = d(() => {
+		let K = u(() => {
 			let e = w.value - w.value * (H.value.paddingProportions.left + H.value.paddingProportions.right), t = Pt.value * H.value.paddingProportions.top, n = Pt.value * H.value.paddingProportions.bottom, r = Mn.value, i = Pt.value - n - r, a = Pt.value - (t + n) - r;
 			return {
 				canvasWidth: w.value,
@@ -324,17 +324,17 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		}
 		function Rn({ hasAutoScale: e, series: t, min: n, max: r, scale: i, yOffset: a, individualHeight: o, stackIndex: s = null }) {
 			return t.map((t, n) => {
-				let r = i.min < 0 ? Math.abs(i.min) : 0, ee = Ln(t + r, r + i.max), c, l;
-				e && (c = i.min, l = Ln(t - c, i.max - c));
-				let te = 0;
-				return te = s === null ? K.value.bottom - K.value.height * (e ? l : ee) : K.value.bottom - a - o * (e ? l : ee), {
+				let r = i.min < 0 ? Math.abs(i.min) : 0, ee = Ln(t + r, r + i.max), c, te;
+				e && (c = i.min, te = Ln(t - c, i.max - c));
+				let ne = 0;
+				return ne = s === null ? K.value.bottom - K.value.height * (e ? te : ee) : K.value.bottom - a - o * (e ? te : ee), {
 					x: K.value.left + K.value.slot * n + K.value.slot / 2,
-					y: te,
+					y: ne,
 					value: t
 				};
 			});
 		}
-		let q = d(() => {
+		let q = u(() => {
 			let e = H.value.scale.min === null ? Math.min(...J.value.filter((e, t) => !E.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(X.value.start, X.value.end))) : H.value.scale.min, t = H.value.scale.max === null ? Math.max(...J.value.filter((e, t) => !E.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(X.value.start, X.value.end))) : H.value.scale.max, n = ne(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, H.value.scale.ticks), r = n.min < 0 ? Math.abs(n.min) : 0, i = K.value.bottom - K.value.height * (r / (n.max + r));
 			return {
 				absoluteMin: r,
@@ -348,7 +348,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				})),
 				zero: i
 			};
-		}), zn = d(() => Y.value.map((e) => `
+		}), zn = u(() => Y.value.map((e) => `
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
@@ -364,28 +364,28 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			seriesIndex: T.value
 		})}</span>
             </div>
-        `)), Bn = d(() => H.value.line.cutNullValues), J = d(() => mn.value.map((e, t) => ({
+        `)), Bn = u(() => H.value.line.cutNullValues), J = u(() => mn.value.map((e, t) => ({
 			...e,
-			series: ce({
-				data: o(e.series, [], Bn.value),
+			series: ee({
+				data: s(e.series, [], Bn.value),
 				threshold: P.value.downsample.threshold
 			}),
 			absoluteIndex: t,
-			color: c(e.color || kn.value[t] || l[t] || l[t % l.length])
-		}))), Vn = d(() => {
+			color: c(e.color || kn.value[t] || a[t] || a[t % a.length])
+		}))), Vn = u(() => {
 			if (!H.value.zoom.minimap.show) return [];
 			let e = J.value.filter((e) => !E.value.includes(e.absoluteIndex)), t = Math.max(...e.map((e) => e.series.length)), n = [];
 			for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
 			let r = Math.min(...n);
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), Hn = d(() => H.value.zoom.minimap.show ? J.value.map((e) => ({
+		}), Hn = u(() => H.value.zoom.minimap.show ? J.value.map((e) => ({
 			...e,
 			isVisible: !E.value.includes(e.absoluteIndex)
 		})) : []);
 		b(G, (e) => {
 			e && cr();
 		});
-		let Y = d(() => ue(J.value.filter((e, t) => !E.value.includes(e.absoluteIndex))).map((e, t) => ({
+		let Y = u(() => ue(J.value.filter((e, t) => !E.value.includes(e.absoluteIndex))).map((e, t) => ({
 			...e,
 			series: e.series.slice(X.value.start, X.value.end)
 		})).map((e, t) => {
@@ -397,13 +397,13 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				valueMax: r
 			}, a = e.scaleSteps || H.value.scale.ticks, o;
 			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 = W.value.stacked ? K.value.height * (1 - e.cumulatedStackRatio) : 0, ee = W.value.stacked ? K.value.height / H.value.stackGap : 0, c = W.value.stacked ? K.value.height * e.stackRatio - ee : K.value.height, l = o.min < 0 ? Math.abs(o.min) : 0, te;
-			te = e.autoScaling && W.value.stacked && r <= 0 ? K.value.bottom - s - c : K.value.bottom - s - c * (l / (o.max + l));
-			let re = o.ticks.map((e, t) => ({
+			let s = W.value.stacked ? K.value.height * (1 - e.cumulatedStackRatio) : 0, ee = W.value.stacked ? K.value.height / H.value.stackGap : 0, c = W.value.stacked ? K.value.height * e.stackRatio - ee : K.value.height, te = o.min < 0 ? Math.abs(o.min) : 0, re;
+			re = e.autoScaling && W.value.stacked && r <= 0 ? K.value.bottom - s - c : K.value.bottom - s - c * (te / (o.max + te));
+			let ie = o.ticks.map((e, t) => ({
 				y: K.value.bottom - s - c * (t / (o.ticks.length - 1)),
 				x: K.value.left - 8,
 				value: e
-			})), ie = Rn({
+			})), ae = Rn({
 				hasAutoScale: W.value.stacked && e.autoScaling,
 				series: e.series,
 				min: W.value.stacked ? n : q.value.min,
@@ -415,13 +415,13 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			});
 			return {
 				...e,
-				coordinatesLine: ie,
+				coordinatesLine: ae,
 				min: n,
 				max: r,
 				localScale: o,
-				localZero: te,
-				localMin: l,
-				localYLabels: re,
+				localZero: re,
+				localMin: te,
+				localYLabels: ie,
 				yOffset: s,
 				individualHeight: c
 			};
@@ -436,7 +436,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			x: 0,
 			y: 0,
 			pointerType: null
-		}), Zn = d(() => H.value.zoom?.dragToZoom), Qn = d(() => Zn.value.show && M.value && $t.value && G.value > 1 && !pn.value), $n = _(null), er = null, tr = {};
+		}), Zn = u(() => H.value.zoom?.dragToZoom), Qn = u(() => Zn.value.show && M.value && $t.value && G.value > 1 && !pn.value), $n = _(null), er = null, tr = {};
 		function nr() {
 			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 		}
@@ -488,7 +488,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				}), N("zoomReset"));
 			});
 		}
-		let lr = d(() => H.value.zoom.preview.enable && (Z.value.start !== X.value.start || Z.value.end !== X.value.end));
+		let lr = u(() => H.value.zoom.preview.enable && (Z.value.start !== X.value.start || Z.value.end !== X.value.end));
 		function ur(e, t) {
 			Z.value[e] = t;
 		}
@@ -562,11 +562,11 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			deep: !0,
 			immediate: !0
 		});
-		let _r = d(() => Y.value.filter((e) => [
+		let _r = u(() => Y.value.filter((e) => [
 			"line",
 			"plot",
 			void 0
-		].includes(e.type))), Q = d(() => Y.value.filter((e) => e.type === "bar"));
+		].includes(e.type))), Q = u(() => Y.value.filter((e) => e.type === "bar"));
 		function vr() {
 			if (!U.value || !Nt.value) return;
 			let e = Nt.value.offsetWidth, t = Nt.value.offsetHeight;
@@ -582,7 +582,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		function yr() {
 			if (C.value && (C.value.clearRect(0, 0, 1e4, 1e4), C.value.fillStyle = H.value.backgroundColor, C.value.fillRect(0, 0, K.value.canvasWidth, K.value.canvasHeight), M.value)) {
 				if (W.value.stacked) L.value.show && X.value.end - X.value.start < L.value.hideUnderXLength ? Y.value.forEach((e) => {
-					for (let t = 0; t < X.value.end - X.value.start + 1; t += 1) u(C.value, [{
+					for (let t = 0; t < X.value.end - X.value.start + 1; t += 1) l(C.value, [{
 						x: K.value.left + K.value.slot * t,
 						y: K.value.bottom - e.yOffset - e.individualHeight
 					}, {
@@ -590,7 +590,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 						y: K.value.bottom - e.yOffset
 					}], { color: L.value.color });
 				}) : L.value.show && X.value.end - X.value.start >= L.value.hideUnderXLength && Y.value.forEach((e) => {
-					for (let t = X.value.start; t < X.value.end; t += 1) t % Math.floor((X.value.end - X.value.start) / sn.value.modulo) === 0 && u(C.value, [{
+					for (let t = X.value.start; t < X.value.end; t += 1) t % Math.floor((X.value.end - X.value.start) / sn.value.modulo) === 0 && l(C.value, [{
 						x: K.value.left + K.value.slot * (t - X.value.start) + K.value.slot / 2,
 						y: K.value.bottom - e.yOffset - e.individualHeight
 					}, {
@@ -599,7 +599,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					}], { color: L.value.color });
 				}), sn.value.show && (sn.value.alternate ? Y.value.forEach((e) => {
 					e.localYLabels.forEach((t, n) => {
-						n < e.localYLabels.length - 1 && Pe(C.value, [
+						n < e.localYLabels.length - 1 && Fe(C.value, [
 							{
 								x: K.value.left,
 								y: t.y
@@ -617,13 +617,13 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 								y: e.localYLabels[n + 1].y
 							}
 						], {
-							fillColor: n % 2 == 0 ? "transparent" : de(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
+							fillColor: n % 2 == 0 ? "transparent" : o(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					});
 				}) : Y.value.forEach((e) => {
 					e.localYLabels.slice(X.value.start, X.value.end).forEach((e) => {
-						u(C.value, [{
+						l(C.value, [{
 							x: K.value.left,
 							y: e.y
 						}, {
@@ -632,7 +632,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 						}], { color: sn.value.color });
 					});
 				})), B.value.zeroLine.show && Y.value.forEach((e) => {
-					u(C.value, [{
+					l(C.value, [{
 						x: K.value.left,
 						y: e.localZero
 					}, {
@@ -643,13 +643,13 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 						lineDash: B.value.zeroLine.dashed ? [10, 10] : [0, 0]
 					});
 				}), R.value.show && Y.value.forEach((e) => {
-					u(C.value, [{
+					l(C.value, [{
 						x: K.value.left,
 						y: K.value.bottom - e.yOffset
 					}, {
 						x: K.value.left,
 						y: K.value.bottom - e.yOffset - e.individualHeight
-					}], { color: e.color }), u(C.value, [{
+					}], { color: e.color }), l(C.value, [{
 						x: K.value.right,
 						y: K.value.bottom - e.yOffset
 					}, {
@@ -657,7 +657,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 						y: K.value.bottom - e.yOffset - e.individualHeight
 					}], { color: e.color });
 				}), Y.value.forEach((e) => {
-					Oe(C.value, e.name, w.value / 35, K.value.bottom - e.yOffset - e.individualHeight / 2, {
+					ke(C.value, e.name, w.value / 35, K.value.bottom - e.yOffset - e.individualHeight / 2, {
 						align: "center",
 						rotation: -90,
 						color: e.color,
@@ -665,14 +665,14 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					});
 				});
 				else {
-					if (L.value.show && X.value.end - X.value.start < L.value.hideUnderXLength) for (let e = 0; e < X.value.end - X.value.start + 1; e += 1) u(C.value, [{
+					if (L.value.show && X.value.end - X.value.start < L.value.hideUnderXLength) for (let e = 0; e < X.value.end - X.value.start + 1; e += 1) l(C.value, [{
 						x: K.value.left + K.value.slot * e,
 						y: K.value.top
 					}, {
 						x: K.value.left + K.value.slot * e,
 						y: K.value.bottom
 					}], { color: L.value.color });
-					else if (L.value.show && X.value.end - X.value.start >= L.value.hideUnderXLength) for (let e = X.value.start; e < X.value.end; e += 1) e % Math.floor((X.value.end - X.value.start) / z.value.modulo) === 0 && u(C.value, [{
+					else if (L.value.show && X.value.end - X.value.start >= L.value.hideUnderXLength) for (let e = X.value.start; e < X.value.end; e += 1) e % Math.floor((X.value.end - X.value.start) / z.value.modulo) === 0 && l(C.value, [{
 						x: K.value.left + K.value.slot * (e - X.value.start) + K.value.slot / 2,
 						y: K.value.top
 					}, {
@@ -680,7 +680,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 						y: K.value.bottom
 					}], { color: L.value.color });
 					sn.value.show && (sn.value.alternate ? q.value.yLabels.forEach((e, t) => {
-						t < q.value.yLabels.length - 1 && Pe(C.value, [
+						t < q.value.yLabels.length - 1 && Fe(C.value, [
 							{
 								x: K.value.left,
 								y: e.y
@@ -698,18 +698,18 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 								y: q.value.yLabels[t + 1].y
 							}
 						], {
-							fillColor: t % 2 == 0 ? "transparent" : de(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
+							fillColor: t % 2 == 0 ? "transparent" : o(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					}) : q.value.yLabels.forEach((e) => {
-						u(C.value, [{
+						l(C.value, [{
 							x: K.value.left,
 							y: e.y
 						}, {
 							x: K.value.right,
 							y: e.y
 						}], { color: sn.value.color });
-					})), B.value.y.showAxis && u(C.value, [{
+					})), B.value.y.showAxis && l(C.value, [{
 						x: K.value.left,
 						y: K.value.top
 					}, {
@@ -718,7 +718,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					}], {
 						color: B.value.y.axisColor,
 						lineWidth: B.value.y.axisThickness
-					}), B.value.x.showAxis && u(C.value, [{
+					}), B.value.x.showAxis && l(C.value, [{
 						x: K.value.left,
 						y: K.value.bottom
 					}, {
@@ -727,7 +727,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					}], {
 						color: B.value.x.axisColor,
 						lineWidth: B.value.x.axisThickness
-					}), B.value.zeroLine.show && u(C.value, [{
+					}), B.value.zeroLine.show && l(C.value, [{
 						x: K.value.left,
 						y: q.value.zero
 					}, {
@@ -738,12 +738,12 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 						lineDash: B.value.zeroLine.dashed ? [10, 10] : [0, 0]
 					});
 				}
-				B.value.y.axisName && Oe(C.value, B.value.y.axisName, w.value - w.value / 40 * R.value.fontSizeRatio * 1.2, K.value.bottom - K.value.height / 2, {
+				B.value.y.axisName && ke(C.value, B.value.y.axisName, w.value - w.value / 40 * R.value.fontSizeRatio * 1.2, K.value.bottom - K.value.height / 2, {
 					font: `${R.value.bold ? "bold " : ""}${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 					color: H.value.color,
 					align: "center",
 					rotation: 90
-				}), B.value.x.axisName && Oe(C.value, B.value.x.axisName, w.value / 2, Pt.value, {
+				}), B.value.x.axisName && ke(C.value, B.value.x.axisName, w.value / 2, Pt.value, {
 					font: `${R.value.bold ? "bold " : ""}${Math.round(w.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 					color: H.value.color,
 					align: "center"
@@ -753,7 +753,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		function br(e) {
 			for (let t = 0; t < e.coordinatesLine.length; t += 1) {
 				let n = (T.value === t || A.value === t ? w.value / 150 : H.value.line.plots.show || e.type === "plot" ? w.value / 200 : 0) * H.value.line.plots.radiusRatio;
-				je(C.value, {
+				Me(C.value, {
 					x: e.coordinatesLine[t].x,
 					y: e.coordinatesLine[t].y
 				}, n, {
@@ -765,7 +765,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		}
 		function xr() {
 			Y.value.forEach((e) => {
-				e.showYMarker && Hr(e) && Oe(C.value, se(V.value.formatter, Hr(e).value, t({
+				e.showYMarker && Hr(e) && ke(C.value, se(V.value.formatter, Hr(e).value, t({
 					p: e.prefix || R.value.prefix || "",
 					v: Hr(e).value,
 					s: e.suffix || R.value.suffix || "",
@@ -783,7 +783,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		function Sr() {
 			R.value.show && (W.value.stacked ? Y.value.forEach((e) => {
 				e.localYLabels.forEach((n, r) => {
-					Oe(C.value, se(V.value.formatter, n.value, t({
+					ke(C.value, se(V.value.formatter, n.value, t({
 						p: e.prefix || B.value.y.axisLabels.prefix || "",
 						v: n.value,
 						s: e.suffix || B.value.y.axisLabels.suffix || "",
@@ -799,7 +799,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					});
 				});
 			}) : q.value.yLabels.forEach((e, n) => {
-				Oe(C.value, se(V.value.formatter, e.value, t({
+				ke(C.value, se(V.value.formatter, e.value, t({
 					p: R.value.prefix || "",
 					v: e.value,
 					s: R.value.suffix || "",
@@ -816,7 +816,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			}));
 		}
 		function Cr(e) {
-			for (let n = 0; n < e.coordinatesLine.length; n += 1) Oe(C.value, se(V.value.formatter, e.coordinatesLine[n].value, t({
+			for (let n = 0; n < e.coordinatesLine.length; n += 1) ke(C.value, se(V.value.formatter, e.coordinatesLine[n].value, t({
 				p: e.prefix || "",
 				v: e.coordinatesLine[n].value,
 				s: e.suffix || "",
@@ -836,7 +836,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		ct(() => {
 			let e = ++wr;
 			(async () => {
-				let t = await ve({
+				let t = await ye({
 					values: z.value.values,
 					maxDatapoints: G.value,
 					formatter: z.value.datetimeFormatter,
@@ -857,12 +857,12 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		ct(() => {
 			let e = ++Er, t = z.value.datetimeFormatter;
 			(async () => {
-				let n = await _e(t.locale).catch(() => _e("en"));
+				let n = await ve(t.locale).catch(() => ve("en"));
 				e === Er && (Tr.value = n.data);
 			})();
 		});
-		let Dr = d(() => {
-			let e = z.value.datetimeFormatter, t = ge({
+		let Dr = u(() => {
+			let e = z.value.datetimeFormatter, t = _e({
 				useUTC: e.useUTC,
 				locale: Tr.value,
 				januaryAsYear: e.januaryAsYear
@@ -871,23 +871,23 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				let r = z.value.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Or = d(() => (z.value.values || []).map((e, t) => ({
+		}), Or = u(() => (z.value.values || []).map((e, t) => ({
 			text: Dr.value(t, H.value.zoom.timeFormat),
 			absoluteIndex: t
-		}))), kr = d(() => (z.value.values || []).map((e, t) => ({
+		}))), kr = u(() => (z.value.values || []).map((e, t) => ({
 			text: Dr.value(t, I.value.timeFormat),
 			absoluteIndex: t
 		})));
 		function Ar() {
-			for (let e = X.value.start; e < X.value.end; e += 1) (X.value.end - X.value.start < z.value.modulo || X.value.end - X.value.start >= z.value.modulo && (e % Math.floor((X.value.end - X.value.start) / z.value.modulo) === 0 || (e === T.value + X.value.start || e === A.value) && z.value.showMarker)) && Oe(C.value, $.value[e] ? $.value[e].text : e + 1, K.value.left + K.value.slot * (e - X.value.start) + K.value.slot / 2, K.value.bottom + w.value / z.value.offsetY, {
+			for (let e = X.value.start; e < X.value.end; e += 1) (X.value.end - X.value.start < z.value.modulo || X.value.end - X.value.start >= z.value.modulo && (e % Math.floor((X.value.end - X.value.start) / z.value.modulo) === 0 || (e === T.value + X.value.start || e === A.value) && z.value.showMarker)) && ke(C.value, $.value[e] ? $.value[e].text : e + 1, K.value.left + K.value.slot * (e - X.value.start) + K.value.slot / 2, K.value.bottom + w.value / z.value.offsetY, {
 				align: z.value.rotation === 0 ? "center" : z.value.rotation > 0 ? "left" : "right",
 				font: `${z.value.bold ? "bold " : ""}${Math.round(w.value / 40 * z.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-				color: z.value.showMarker ? de(z.value.color, T.value !== null || A.value !== null ? T.value + X.value.start === e || A.value === e ? 100 : 20 : 100) : z.value.color,
+				color: z.value.showMarker ? o(z.value.color, T.value !== null || A.value !== null ? T.value + X.value.start === e || A.value === e ? 100 : 20 : 100) : z.value.color,
 				rotation: z.value.rotation
 			});
 		}
 		function jr() {
-			u(C.value, [{
+			l(C.value, [{
 				x: K.value.left + K.value.slot * (T.value ?? A.value) + K.value.slot / 2,
 				y: K.value.top
 			}, {
@@ -901,7 +901,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			});
 		}
 		function Mr() {
-			k.value && u(C.value, [{
+			k.value && l(C.value, [{
 				x: K.value.left,
 				y: k.value
 			}, {
@@ -916,7 +916,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		}
 		function Nr() {
 			Q.value.forEach((e, n) => {
-				for (let r = 0; r < e.coordinatesLine.length; r += 1) Pe(C.value, [
+				for (let r = 0; r < e.coordinatesLine.length; r += 1) Fe(C.value, [
 					{
 						x: K.value.left + K.value.slot * r + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * n - (n === 0 ? 0 : K.value.slot / (5 * Q.value.length) * n)),
 						y: W.value.stacked ? e.localZero : q.value.zero
@@ -950,10 +950,10 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 							color: e.color
 						}, {
 							offset: 1,
-							color: H.value.bar.gradient.show ? s(e.color, .5) : e.color
+							color: H.value.bar.gradient.show ? i(e.color, .5) : e.color
 						}]
 					}
-				}), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Oe(C.value, se(V.value.formatter, e.coordinatesLine[r].value, t({
+				}), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && ke(C.value, se(V.value.formatter, e.coordinatesLine[r].value, t({
 					p: e.prefix || "",
 					v: e.coordinatesLine[r].value,
 					s: e.suffix || "",
@@ -1023,11 +1023,11 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		function Ir(e) {
 			if (Bn.value) {
 				let t = Fr(e);
-				for (let n of t) u(C.value, n, {
+				for (let n of t) l(C.value, n, {
 					color: e.color,
 					lineWidth: 3
 				});
-			} else u(C.value, e.coordinatesLine, {
+			} else l(C.value, e.coordinatesLine, {
 				color: e.color,
 				lineWidth: 3
 			});
@@ -1038,12 +1038,12 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				let n = W.value.stacked ? e.localZero : q.value.zero;
 				if (t) {
 					let { polygons: t, singles: r } = Pr(e, n);
-					for (let n of t) Me(C.value, n, {
-						fillColor: de(e.color, H.value.area.opacity),
+					for (let n of t) Ne(C.value, n, {
+						fillColor: o(e.color, H.value.area.opacity),
 						strokeColor: "transparent"
 					});
 					let i = w.value / 200 * H.value.line.plots.radiusRatio;
-					for (let t of r) je(C.value, {
+					for (let t of r) Me(C.value, {
 						x: t.x,
 						y: t.y
 					}, i, {
@@ -1059,12 +1059,12 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 						x: e.coordinatesLine.at(-1).x,
 						y: n
 					};
-					Me(C.value, [
+					Ne(C.value, [
 						t,
 						...e.coordinatesLine,
 						r
 					], {
-						fillColor: de(e.color, H.value.area.opacity),
+						fillColor: o(e.color, H.value.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
@@ -1075,7 +1075,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		}
 		function Rr() {
 			Y.value.forEach((e, t) => {
-				u(C.value, [{
+				l(C.value, [{
 					x: K.value.left,
 					y: K.value.bottom - e.yOffset
 				}, {
@@ -1088,18 +1088,18 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			});
 		}
 		function zr() {
-			let { left: e, top: t, width: n, height: r } = K.value, i = X.value.start, a = X.value.end - i, o = n / a, s = Z.value.start - i, ee = Z.value.end - i, c = Math.max(0, Math.min(a, s)), l = Math.max(0, Math.min(a, ee));
-			Pe(C.value, [
+			let { left: e, top: t, width: n, height: r } = K.value, i = X.value.start, a = X.value.end - i, o = n / a, s = Z.value.start - i, ee = Z.value.end - i, c = Math.max(0, Math.min(a, s)), te = Math.max(0, Math.min(a, ee));
+			Fe(C.value, [
 				{
 					x: e + c * o,
 					y: t
 				},
 				{
-					x: e + c * o + (l - c) * o,
+					x: e + c * o + (te - c) * o,
 					y: t
 				},
 				{
-					x: e + c * o + (l - c) * o,
+					x: e + c * o + (te - c) * o,
 					y: t + r
 				},
 				{
@@ -1121,9 +1121,9 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		function Br() {
 			M.value && U.value && C.value && (yr(), D.value ? ((T.value !== null || A.value !== null) && H.value.selector.show && jr(), Nr(), W.value.stacked && B.value.x.showAxis && Rr(), _r.value.forEach((e) => {
 				(e.type === "line" || !e.type) && Lr(e), O.value && (br(e), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Cr(e));
-			}), U.value && (zt.value = Ne(U.value))) : (zt.value && (C.value.clearRect(0, 0, 1e4, 1e4), C.value.drawImage(zt.value, 0, 0)), (T.value !== null || A.value !== null) && H.value.selector.show && jr(), (T.value !== null || A.value !== null) && Y.value.forEach((e) => {
+			}), U.value && (zt.value = Pe(U.value))) : (zt.value && (C.value.clearRect(0, 0, 1e4, 1e4), C.value.drawImage(zt.value, 0, 0)), (T.value !== null || A.value !== null) && H.value.selector.show && jr(), (T.value !== null || A.value !== null) && Y.value.forEach((e) => {
 				let t = T.value ?? A.value, n = e.coordinatesLine[t];
-				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && je(C.value, {
+				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && Me(C.value, {
 					x: n.x,
 					y: n.y
 				}, w.value / 150 * H.value.line.plots.radiusRatio, {
@@ -1133,7 +1133,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				});
 			})), z.value.show && Ar(), H.value.selector.show && H.value.selector.showHorizontalSelector && Mr(), Sr(), xr(), H.value.zoom.preview.enable && (X.value.start !== Z.value.start || X.value.end !== Z.value.end) && zr(), D.value = !1);
 		}
-		let Vr = ke(() => {
+		let Vr = Ae(() => {
 			O.value = !0, vr();
 		}, G.value > 200 ? 10 : 1, !O.value);
 		function Hr(e) {
@@ -1144,12 +1144,12 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				value: n
 			};
 		}
-		let Ur = d(() => !Un.value || qn.value == null || Jn.value == null ? null : {
+		let Ur = u(() => !Un.value || qn.value == null || Jn.value == null ? null : {
 			x: Math.min(qn.value, Jn.value),
 			y: K.value.top,
 			width: Math.abs(Jn.value - qn.value),
 			height: K.value.height
-		}), Wr = d(() => $t.value ? Number(X.value.start) !== 0 || Number(X.value.end) !== Number(G.value) : !1);
+		}), Wr = u(() => $t.value ? Number(X.value.start) !== 0 || Number(X.value.end) !== Number(G.value) : !1);
 		function Gr(e) {
 			if (!U.value) return null;
 			let t = U.value.getBoundingClientRect();
@@ -1180,7 +1180,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		function Jr(e, t) {
 			if (t == null || t < 0 || t >= X.value.end - X.value.start) return;
 			let n = P.value.events?.[e];
-			a(n) && n({
+			r(n) && n({
 				datapoint: qr(t),
 				seriesIndex: t + X.value.start
 			});
@@ -1301,12 +1301,12 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		}
 		function li(e) {
 			if (!M.value || !U.value || An.value || Un.value) return;
-			let { left: t, top: n } = U.value.getBoundingClientRect(), r = e.clientX - t;
-			if (k.value = (e.clientY - n) * 2, (k.value < K.value.top || k.value > K.value.bottom) && (k.value = null), r * 2 < K.value.left || r * 2 > K.value.right) {
+			let { left: t, top: n } = U.value.getBoundingClientRect(), i = e.clientX - t;
+			if (k.value = (e.clientY - n) * 2, (k.value < K.value.top || k.value > K.value.bottom) && (k.value = null), i * 2 < K.value.left || i * 2 > K.value.right) {
 				Xr(), mi();
 				return;
 			}
-			let i = r * 2 - K.value.left, o = Math.floor(i / K.value.slot);
+			let a = i * 2 - K.value.left, o = Math.floor(a / K.value.slot);
 			if (Yr(o), T.value = o, j.value = o, Ft.value = !0, nn.value = !1, !O.value) return;
 			let s = "", ee = I.value.customFormat, c = Y.value.map((e) => ({
 				shape: e.shape || null,
@@ -1324,7 +1324,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			}, vi({
 				seriesIndex: T.value,
 				datapoint: c
-			}), a(ee) && ae(() => ee({
+			}), r(ee) && de(() => ee({
 				seriesIndex: T.value,
 				datapoint: c,
 				series: Y.value,
@@ -1346,18 +1346,18 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			}));
 		}
 		function di(e) {
-			let t = "", n = I.value.customFormat, r = ui(e);
+			let t = "", n = I.value.customFormat, i = ui(e);
 			return vi({
 				seriesIndex: e,
-				datapoint: r
-			}), a(n) && ae(() => n({
+				datapoint: i
+			}), r(n) && de(() => n({
 				seriesIndex: e,
-				datapoint: r,
+				datapoint: i,
 				series: Y.value,
 				config: P.value
 			})) ? n({
 				seriesIndex: e,
-				datapoint: r,
+				datapoint: i,
 				series: Y.value,
 				config: P.value
 			}) : (z.value.values.slice(X.value.start, X.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[e]?.text : kr.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${$.value[e + X.value.start]?.text ?? ""}</div>`, t += zn.value.join(""), t);
@@ -1442,15 +1442,15 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			Yt.value = !0, Ci();
 		});
 		function Ci() {
-			if (ee(S.dataset) && re({
+			if (me(S.dataset) && ie({
 				componentName: "VueUiXyCanvas",
 				type: "dataset",
 				debug: dn.value
 			}), Qe(() => {
 				U.value && !C.value && (C.value = U.value.getContext("2d", { willReadFrequently: !0 })), C.value && M.value && (D.value = !0, O.value = !0, vr());
 			}), P.value.responsive) {
-				let e = Ae(() => {
-					let { width: e, height: t } = Fe({
+				let e = je(() => {
+					let { width: e, height: t } = Ie({
 						chart: Mt.value,
 						title: H.value.title.text ? Ht.value : null,
 						legend: H.value.legend.show ? Ut.value : null,
@@ -1489,10 +1489,10 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			let t = Ei(e);
 			t !== null && (E.value.includes(t.absoluteIndex) || Ti(t.absoluteIndex));
 		}
-		let ki = d(() => J.value.map((e, t) => ({
+		let ki = u(() => J.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: c(e.color) || kn.value[t] || l[t] || l[t % l.length],
+			color: c(e.color) || kn.value[t] || a[t] || a[t % a.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1502,14 +1502,14 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 			opacity: E.value.includes(e.absoluteIndex) ? .5 : 1,
 			segregate: () => Ti(e.absoluteIndex),
 			isSegregated: E.value.includes(e.absoluteIndex)
-		}))), Ai = d(() => ({
+		}))), Ai = u(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: H.value.legend.backgroundColor,
 			color: H.value.legend.color,
 			fontSize: H.value.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: H.value.legend.bold ? "bold" : ""
-		})), ji = d(() => {
+		})), ji = u(() => {
 			let e = [""].concat(Y.value.map((e) => e.name), "__SUM__"), t = [];
 			for (let e = 0; e < G.value; e += 1) {
 				let n = Y.value.map((t) => t.series[e] ?? 0).reduce((e, t) => e + t, 0);
@@ -1534,7 +1534,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				config: n,
 				colNames: r
 			};
-		}), Mi = d(() => {
+		}), Mi = u(() => {
 			if (Y.value.length === 0) return {
 				head: [],
 				body: [],
@@ -1562,7 +1562,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				[H.value.title.text],
 				[H.value.title.subtitle.text],
 				[""]
-			], n = ["", ...Mi.value.head.map((e) => e.label)], r = Mi.value.body, a = t.concat([n]).concat(r), o = i(a);
+			], r = ["", ...Mi.value.head.map((e) => e.label)], i = Mi.value.body, a = t.concat([r]).concat(i), o = n(a);
 			e ? e(o) : le({
 				csvContent: o,
 				title: H.value.title.text || "vue-ui-xy-canvas"
@@ -1589,7 +1589,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 		}
 		async function Vi({ scale: e = 2 } = {}) {
 			if (!Mt.value) return;
-			let { imageUri: t, base64: n } = await Te({
+			let { imageUri: t, base64: n } = await Ee({
 				domElement: Mt.value,
 				base64: !0,
 				img: !0,
@@ -1598,7 +1598,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await oe(t, e) ?? i;
+			}, a = await re(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1606,10 +1606,10 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				...a
 			};
 		}
-		let Hi = d(() => {
+		let Hi = u(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = W.value.showTable;
 			return {
-				component: e ? Dt : Re,
+				component: e ? Dt : ze,
 				title: `${H.value.title.text}${H.value.title.subtitle.text ? `: ${H.value.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: P.value.table.th.backgroundColor,
@@ -1667,7 +1667,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				dataset: Y.value
 			}));
 		}
-		return De({
+		return Oe({
 			getData: Pi,
 			getImage: Vi,
 			generateCsv: Ni,
@@ -1706,7 +1706,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				ref_key: "chartTitle",
 				ref: Ht,
 				style: et(`width:100%;background:${P.value.style.chart.backgroundColor};`)
-			}, [(g(), Ge(Ee, {
+			}, [(g(), d(De, {
 				key: `title_${Kt.value}`,
 				config: {
 					title: {
@@ -1720,7 +1720,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				}
 			}, null, 8, ["config"]))], 4)) : f("", !0),
 			p("div", { id: `legend-top-${jt.value}` }, null, 8, pt),
-			F.value.show && M.value && (y(_n) || y(hn)) ? (g(), Ge(y(Tt), {
+			F.value.show && M.value && (y(_n) || y(hn)) ? (g(), d(y(Tt), {
 				ref_key: "userOptionsRef",
 				ref: Zt,
 				key: `user_option_${Bt.value}`,
@@ -1901,7 +1901,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					hint: P.value.a11y.translations.keyboardNavigation,
 					isVisible: rn.value
 				})), void 0, !0)])) : f("", !0),
-				v(t.$slots, "skeleton", {}, () => [y(pn) ? (g(), Ge(Se, { key: 0 })) : f("", !0)], !0),
+				v(t.$slots, "skeleton", {}, () => [y(pn) ? (g(), d(Ce, { key: 0 })) : f("", !0)], !0),
 				Ye(y(Ct), {
 					teleportTo: I.value.teleportTo,
 					show: W.value.showTooltip && Ft.value,
@@ -1918,7 +1918,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					content: It.value,
 					isFullscreen: Vt.value,
 					backgroundOpacity: I.value.backgroundOpacity,
-					isCustom: y(a)(I.value.customFormat),
+					isCustom: y(r)(I.value.customFormat),
 					smooth: I.value.smooth,
 					backdropFilter: I.value.backdropFilter,
 					smoothForce: I.value.smoothForce,
@@ -1955,7 +1955,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					"a11yPosition"
 				])
 			], 4),
-			P.value.style.chart.zoom.show && G.value > 6 && M.value && $t.value && !y(pn) ? (g(), Ge(Le, {
+			P.value.style.chart.zoom.show && G.value > 6 && M.value && $t.value && !y(pn) ? (g(), d(Re, {
 				key: 2,
 				ref_key: "chartSlicer",
 				ref: Wt,
@@ -2026,13 +2026,13 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				_: 3
 			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.timeLabels.usePreciseLabels.textColor.useResetSlot.valueEnd.valueStart.verticalHandles.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : f("", !0),
 			p("div", { id: `legend-bottom-${jt.value}` }, null, 8, vt),
-			Yt.value && (P.value.style.chart.legend.show || t.$slots.legend) ? (g(), Ge(We, {
+			Yt.value && (P.value.style.chart.legend.show || t.$slots.legend) ? (g(), d(Ge, {
 				key: 3,
 				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${jt.value}` : `#legend-bottom-${jt.value}`
 			}, [p("div", {
 				ref_key: "chartLegend",
 				ref: Ut
-			}, [v(t.$slots, "legend", { legend: ki.value }, () => [P.value.style.chart.legend.show && M.value ? (g(), Ge(He, {
+			}, [v(t.$slots, "legend", { legend: ki.value }, () => [P.value.style.chart.legend.show && M.value ? (g(), d(Ue, {
 				legendSet: ki.value,
 				config: Ai.value,
 				key: `legend_${Jt.value}`,
@@ -2043,7 +2043,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					onClick: (t) => e.segregate(),
 					style: et(`opacity:${E.value.includes(t) ? .5 : 1}`)
 				}, at(e.name), 13, yt)]),
-				legendToggle: x(() => [ki.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !y(pn) ? (g(), Ge(ze, {
+				legendToggle: x(() => [ki.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !y(pn) ? (g(), d(Be, {
 					key: 0,
 					backgroundColor: P.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: P.value.style.chart.legend.selectAllToggle.color,
@@ -2071,12 +2071,12 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 				ref: Gt,
 				dir: "auto"
 			}, [v(t.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
-			M.value && F.value.buttons.table ? (g(), Ge(rt(Hi.value.component), Ze({ key: 6 }, Hi.value.props, {
+			M.value && F.value.buttons.table ? (g(), d(rt(Hi.value.component), Ze({ key: 6 }, Hi.value.props, {
 				ref_key: "tableUnit",
 				ref: Xt,
 				onClose: Ui
 			}), qe({
-				content: x(() => [(g(), Ge(y(wt), {
+				content: x(() => [(g(), d(y(wt), {
 					key: `table_${qt.value}`,
 					colNames: ji.value.colNames,
 					head: ji.value.head,
@@ -2087,7 +2087,7 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					isCursorPointer: un.value,
 					onClose: Ui
 				}, {
-					th: x(({ th: e }) => [e === "__SUM__" ? (g(), Ke("div", xt, [Ye(Ie, {
+					th: x(({ th: e }) => [e === "__SUM__" ? (g(), Ke("div", xt, [Ye(Le, {
 						name: "sigma",
 						stroke: ji.value.config.th.color,
 						size: 16
@@ -2115,13 +2115,13 @@ var lt = /* @__PURE__ */ e({ default: () => Ct }), ut = ["id"], dt = ["id"], ft
 					class: "vue-ui-user-options-button",
 					onClick: n[5] ||= (e) => Ni(F.value.callbacks.csv),
 					style: et({ cursor: un.value ? "pointer" : "default" })
-				}, [Ye(Ie, {
+				}, [Ye(Le, {
 					name: "fileCsv",
 					stroke: Hi.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : f("", !0),
-			F.value.buttons.annotator && Y.value.length ? (g(), Ge(y(Et), {
+			F.value.buttons.annotator && Y.value.length ? (g(), d(y(Et), {
 				key: 7,
 				parent: Mt.value,
 				backgroundColor: P.value.style.chart.backgroundColor,