vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-xy-canvas-R2xbgDOy.js → vue-ui-xy-canvas-BlpCbXKR.js}

@@ -1,31 +1,31 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Lt as i, Ot as a, Pt as o, S as s, Ut as c, Vt as l, X as u, Yt as ee, Z as te, Zt as ne, _ as re, bt as ie, i as ae, jt as oe, lt as se, nt as ce, o as le, pt as ue, q as de, w as fe } from "./lib-Dql7cqyA.js";
-import { n as pe, t as me } from "./useHints-Dq_w2E8B.js";
-import { n as he, r as ge, t as _e } from "./useTimeLabels-d2f-W1L4.js";
-import { t as ve } from "./useConfig-D32D002m.js";
-import { t as ye } from "./usePrinter-hohanNCX.js";
-import { n as be, t as xe } from "./BaseScanner-Dzc8VT3j.js";
-import { t as Se } from "./useNestedProp-Chvyfpl-.js";
-import { t as Ce } from "./useThemeCheck-C43Tcqmk.js";
-import { t as we } from "./img-BkMKbWsI.js";
-import { n as Te } from "./Title-CPHi-evi.js";
-import { t as Ee } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as d, c as De, i as Oe, l as ke, n as Ae, o as je, r as Me, s as Ne, t as Pe } from "./useResponsive-ZtArZtUf.js";
-import { t as Fe } from "./BaseIcon-D8R6_sKH.js";
-import { t as Ie } from "./SlicerPreview-Ccss7Vsq.js";
-import { t as Le } from "./vue-ui-accordion-DmkL8A59.js";
-import { t as Re } from "./BaseLegendToggle-CXQrLjd-.js";
-import { t as ze } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Be } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ve } from "./Legend-X4kF4PvW.js";
-import { t as He } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
-import { Teleport as Ue, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as We, createElementVNode as h, createSlots as Ge, createTextVNode as Ke, createVNode as qe, defineAsyncComponent as Je, guardReactiveProps as g, mergeProps as Ye, nextTick as Xe, normalizeClass as Ze, normalizeProps as _, normalizeStyle as Qe, onBeforeUnmount as $e, onMounted as et, openBlock as v, ref as y, renderSlot as b, resolveDynamicComponent as tt, shallowRef as nt, toDisplayString as rt, toRefs as it, unref as x, useSlots as at, watch as S, watchEffect as ot, withCtx as C } from "vue";
+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-DOpaUOQx.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-C2uy4ltq.js";
+import { t as be } from "./usePrinter-BBBooAGP.js";
+import { n as xe, t as Se } from "./BaseScanner-Dzc8VT3j.js";
+import { t as Ce } from "./useNestedProp-Bux0f4iY.js";
+import { t as we } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Te } from "./img-W50sC9SC.js";
+import { n as Ee } from "./Title-DeqmC-vN.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-Dlz7gfx0.js";
+import { t as Le } from "./SlicerPreview-BJ4usfYd.js";
+import { t as Re } from "./vue-ui-accordion-yHZMJLaY.js";
+import { t as ze } from "./BaseLegendToggle-DGG65LAR.js";
+import { t as Be } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Ve } from "./useChartAccessibility-DYqac8yF.js";
+import { t as He } from "./Legend-C0Ln0VNe.js";
+import { t as Ue } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
+import { Teleport as We, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as Ge, createElementVNode as m, createSlots as Ke, createTextVNode as qe, createVNode as Je, defineAsyncComponent as Ye, guardReactiveProps as h, mergeProps as Xe, nextTick as Ze, normalizeClass as Qe, normalizeProps as g, normalizeStyle as $e, onBeforeUnmount as et, onMounted as tt, openBlock as _, ref as v, renderSlot as y, resolveDynamicComponent as nt, shallowRef as rt, toDisplayString as it, toRefs as at, unref as b, useSlots as ot, watch as x, watchEffect as st, withCtx as S } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
-var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut = {
+var ct = /* @__PURE__ */ e({ default: () => bt }), lt = ["id"], ut = ["id"], dt = {
 	class: "sr-only",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, dt = ["id"], ft = ["aria-label", "aria-describedby"], pt = {
+}, ft = ["id"], pt = ["aria-label", "aria-describedby"], mt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -35,10 +35,10 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, mt = ["id"], ht = ["onClick"], gt = {
+}, ht = ["id"], gt = ["onClick"], _t = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, _t = { key: 0 }, vt = { key: 1 }, yt = /*#__PURE__*/ Ee({
+}, vt = { key: 0 }, yt = { key: 1 }, bt = /*#__PURE__*/ De({
 	__name: "vue-ui-xy-canvas",
 	props: {
 		dataset: {
@@ -63,17 +63,17 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		"selectX",
 		"copyAlt"
 	],
-	setup(e, { expose: Ee, emit: st }) {
-		let yt = Je(() => import("./Tooltip-hhrkQ3Lk.js")), bt = Je(() => import("./DataTable-oiM9uWrQ.js")), xt = Je(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), St = Je(() => import("./NonSvgPenAndPaper-DFXjpRyl.js")), Ct = Je(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_xy_canvas: wt } = ve(), { isThemeValid: Tt, warnInvalidTheme: Et } = Ce(), w = e, Dt = y(de()), Ot = y(null), kt = y(null), T = y(null), E = y(1), At = y(1), jt = y(!1), D = y(null), Mt = y(""), Nt = y(null), O = y([]), Pt = y(1), k = y(!0), A = y(!0), Ft = y(null), It = y(0), Lt = y(!1), Rt = y(null), zt = y(null), Bt = y(null), Vt = y(null), Ht = y(0), Ut = y(0), Wt = y(0), Gt = y(null), Kt = y(!1), qt = y(null), Jt = y(null), Yt = y(!1), Xt = y(!1), Zt = y(!1), j = y(null), Qt = y(!1), $t = y(!1), en = y(!1), M = y(null), tn = y({
+	setup(e, { expose: De, emit: ct }) {
+		let bt = Ye(() => import("./Tooltip-DZ4a3XJQ.js")), xt = Ye(() => import("./DataTable-BD1eZ0zB.js")), St = Ye(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), Ct = Ye(() => import("./NonSvgPenAndPaper-BjrMLISf.js")), wt = Ye(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_xy_canvas: Tt } = ye(), { isThemeValid: Et, warnInvalidTheme: Dt } = we(), C = e, Ot = v(te()), kt = v(null), At = v(null), w = v(null), T = v(1), jt = v(1), Mt = v(!1), E = v(null), Nt = v(""), Pt = v(null), D = v([]), Ft = v(1), O = v(!0), k = v(!0), It = v(null), Lt = v(0), Rt = v(!1), zt = v(null), Bt = v(null), Vt = v(null), Ht = v(null), Ut = v(0), Wt = v(0), Gt = v(0), A = v(null), Kt = v(!1), qt = v(null), Jt = v(null), Yt = v(!1), Xt = v(!1), Zt = v(!1), j = v(null), Qt = v(!1), $t = v(!1), en = v(!1), M = v(null), tn = v({
 			x: 0,
 			y: 0
-		}), N = f(() => Array.isArray(fn.value) && fn.value.length > 0), nn = st, rn = at(), P = y(vn()), F = f(() => P.value.userOptions), I = f(() => P.value.style.chart.tooltip), L = f(() => P.value.style.chart.grid.y.verticalLines), an = f(() => P.value.style.chart.grid.x.horizontalLines), R = f(() => P.value.style.chart.grid.y.axisLabels), z = f(() => P.value.style.chart.grid.x.timeLabels), B = f(() => P.value.style.chart.grid), V = f(() => P.value.style.chart.dataLabels), H = f(() => P.value.style.chart);
-		pe({
+		}), N = d(() => Array.isArray(fn.value) && fn.value.length > 0), nn = ct, rn = ot(), P = v(vn()), F = d(() => P.value.userOptions), I = d(() => P.value.style.chart.tooltip), L = d(() => P.value.style.chart.grid.y.verticalLines), an = 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({
 			config: () => P.value,
-			dataset: () => w.dataset,
+			dataset: () => C.dataset,
 			component: "VueUiXyCanvas",
 			rules: [
-				me.emptyArray,
+				he.emptyArray,
 				{
 					test: (e) => e.every((e) => e.series.length < 300),
 					message: [
@@ -92,21 +92,21 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				}
 			]
 		});
-		let on = f(() => {
+		let on = d(() => {
 			let e = H.value.title.text || "XY chart", t = X.value.end - X.value.start;
-			return `${e}. ${Y.value.filter((e) => !O.value.includes(e.absoluteIndex)).length} series. ${t} visible data points.`;
-		}), sn = f(() => {
+			return `${e}. ${Y.value.filter((e) => !D.value.includes(e.absoluteIndex)).length} series. ${t} visible data points.`;
+		}), sn = d(() => {
 			if (M.value === null) return "";
 			let e = M.value + X.value.start;
-			return `${z.value.values.slice(X.value.start, X.value.end)[M.value] ? I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[M.value]?.text : lr.value[M.value]?.text : $.value[e]?.text ?? `Point ${e + 1}`}. ${Y.value.filter((e) => !O.value.includes(e.absoluteIndex)).map((e) => {
+			return `${z.value.values.slice(X.value.start, X.value.end)[M.value] ? I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[M.value]?.text : lr.value[M.value]?.text : $.value[e]?.text ?? `Point ${e + 1}`}. ${Y.value.filter((e) => !D.value.includes(e.absoluteIndex)).map((e) => {
 				let t = e.series[M.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), cn = f(() => F.value.useCursorPointer), ln = f(() => P.value.debug);
-		et(() => {
+		}), cn = d(() => F.value.useCursorPointer), ln = d(() => P.value.debug);
+		tt(() => {
 			rn["chart-background"] && ln.value && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
 		});
-		let un = f(() => ne({
+		let un = d(() => fe({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -140,11 +140,11 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				} }
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: dn, FINAL_DATASET: fn } = be({
-			...it(w),
+		})), { loading: dn, FINAL_DATASET: fn } = xe({
+			...at(C),
 			FINAL_CONFIG: P,
 			prepareConfig: vn,
-			skeletonDataset: w.config?.skeletonDataset ?? [{
+			skeletonDataset: C.config?.skeletonDataset ?? [{
 				name: "",
 				series: [
 					0,
@@ -182,11 +182,11 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				type: "bar",
 				color: "#AAAAAA"
 			}],
-			skeletonConfig: ne({
+			skeletonConfig: fe({
 				defaultConfig: P.value,
 				userConfig: un.value
 			})
-		}), { userOptionsVisible: pn, setUserOptionsVisibility: mn, keepUserOptionState: hn } = ze({ config: P.value }), { svgRef: U } = Be({ config: H.value.title });
+		}), { userOptionsVisible: pn, setUserOptionsVisibility: mn, keepUserOptionState: hn } = Be({ config: P.value }), { svgRef: U } = Ve({ config: H.value.title });
 		function gn() {
 			mn(!0);
 		}
@@ -195,40 +195,40 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				dataset: null,
 				index: null,
 				indexLabel: null
-			}), D.value = null;
+			}), E.value = null;
 		}
 		function vn() {
-			let e = Se({
-				userConfig: w.config,
-				defaultConfig: wt
-			}), t = {}, n = e.theme;
-			if (n) {
-				if (!Tt.value(e)) Et(e), t = e;
+			let e = Ce({
+				userConfig: C.config,
+				defaultConfig: Tt
+			}), t = {}, i = e.theme;
+			if (i) {
+				if (!Et.value(e)) Dt(e), t = e;
 				else {
-					let r = Se({
-						userConfig: He[n] || w.config,
+					let r = Ce({
+						userConfig: Ue[i] || C.config,
 						defaultConfig: e
 					});
 					t = {
-						...Se({
-							userConfig: w.config,
+						...Ce({
+							userConfig: C.config,
 							defaultConfig: r
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : ee[n] || i
+						customPalette: e.customPalette.length ? e.customPalette : n[i] || l
 					};
 				}
 			} else t = e;
-			return w.config && ie(w.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 = Se({
+			return C.config && r(C.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({
 				defaultConfig: t.style.chart.grid.x.timeLabels,
-				userConfig: w.config.style.chart.grid.y.timeLabels
+				userConfig: C.config.style.chart.grid.y.timeLabels
 			})), t;
 		}
 		function yn(e) {
-			let t = te(e);
+			let t = ie(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
-		let bn = yn(w.config);
-		S(() => w.config, (e, t) => {
+		let bn = yn(C.config);
+		x(() => C.config, (e, t) => {
 			let n = yn(e), r = n !== bn;
 			bn = n;
 			let i = vn();
@@ -236,42 +236,42 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				P.value.style.chart.tooltip = i.style.chart.tooltip, W.value.showTooltip = P.value.style.chart.tooltip.show;
 				return;
 			}
-			dn.value || (P.value = i), pn.value = !F.value.showOnChartHover, Lr(), Ht.value += 1, Ut.value += 1, Wt.value += 1, W.value.showTable = P.value.table.show, W.value.showDataLabels = V.value.show, W.value.stacked = H.value.stacked, W.value.showTooltip = I.value.show;
-		}, { deep: !0 }), S(() => w.dataset, async (e) => {
-			Array.isArray(e) && e.length !== 0 && (await Xe(), U.value && !T.value && (T.value = U.value.getContext("2d", { willReadFrequently: !0 })), k.value = !0, A.value = !0, await Un(), Qn(), Ht.value += 1, Ut.value += 1, Wt.value += 1);
+			dn.value || (P.value = i), pn.value = !F.value.showOnChartHover, Lr(), Ut.value += 1, Wt.value += 1, Gt.value += 1, W.value.showTable = P.value.table.show, W.value.showDataLabels = V.value.show, W.value.stacked = H.value.stacked, W.value.showTooltip = I.value.show;
+		}, { deep: !0 }), x(() => C.dataset, async (e) => {
+			Array.isArray(e) && e.length !== 0 && (await Ze(), U.value && !w.value && (w.value = U.value.getContext("2d", { willReadFrequently: !0 })), O.value = !0, k.value = !0, await Un(), Qn(), Ut.value += 1, Wt.value += 1, Gt.value += 1);
 		}, { deep: !0 });
-		let xn = y(H.value.aspectRatio), { isPrinting: Sn, isImaging: Cn, generatePdf: wn, generateImage: Tn } = ye({
-			elementId: `xy_canvas_${Dt.value}`,
+		let xn = v(H.value.aspectRatio), { isPrinting: Sn, isImaging: Cn, generatePdf: wn, generateImage: Tn } = be({
+			elementId: `xy_canvas_${Ot.value}`,
 			fileName: H.value.title.text || "vue-ui-xy-canvas",
 			options: F.value.print
-		}), W = y({
+		}), W = v({
 			showTable: P.value.table.show,
 			showDataLabels: V.value.show,
 			stacked: H.value.stacked,
 			showTooltip: I.value.show
 		});
 		function En(e) {
-			Lt.value = e, It.value += 1;
+			Rt.value = e, Lt.value += 1;
 		}
-		let Dn = f(() => fe(P.value.customPalette)), On = f(() => O.value.length === J.value.length), G = f(() => J.value ? Math.max(...J.value.filter((e, t) => On.value ? !0 : !O.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		let Dn = d(() => pe(P.value.customPalette)), On = d(() => D.value.length === J.value.length), G = d(() => J.value ? Math.max(...J.value.filter((e, t) => On.value ? !0 : !D.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
 		function kn(e) {
 			j.value = e, br();
 		}
-		let An = y(0), jn = y(0);
+		let An = v(0), jn = v(0);
 		function Mn() {
-			if (!T.value || !z.value.show) return 0;
+			if (!w.value || !z.value.show) return 0;
 			let e = $.value || [], t = X.value.start ?? 0, n = X.value.end ?? 0;
 			if (!Math.max(0, n - t)) return 0;
-			let r = Math.round(E.value / 40 * z.value.fontSizeRatio), i = `${z.value.bold ? "bold " : ""}${r}px ${P.value.style.fontFamily}`;
-			T.value.save(), T.value.font = i;
+			let r = Math.round(T.value / 40 * z.value.fontSizeRatio), i = `${z.value.bold ? "bold " : ""}${r}px ${P.value.style.fontFamily}`;
+			w.value.save(), w.value.font = i;
 			let a = 0;
 			for (let r = t; r < n; r += 1) {
-				let t = e[r]?.text ?? `${r + 1}`, n = T.value.measureText(String(t));
+				let t = e[r]?.text ?? `${r + 1}`, n = w.value.measureText(String(t));
 				n.width > a && (a = n.width);
 			}
-			T.value.restore();
-			let o = (z.value.rotation || 0) * Math.PI / 180, s = r, c = Math.abs(Math.sin(o)) * a + Math.abs(Math.cos(o)) * s, l = z.value.offsetY || 1, u = E.value / l;
-			return Math.max(0, u + c + 4);
+			w.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 = T.value / c;
+			return Math.max(0, l + ee + 4);
 		}
 		function Nn() {
 			An.value = Mn();
@@ -283,17 +283,17 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				});
 			});
 		}
-		$e(() => {
+		et(() => {
 			jn.value && cancelAnimationFrame(jn.value);
 		});
-		let K = f(() => {
-			let e = E.value - E.value * (H.value.paddingProportions.left + H.value.paddingProportions.right), t = At.value * H.value.paddingProportions.top, n = At.value * H.value.paddingProportions.bottom, r = An.value, i = At.value - n - r, a = At.value - (t + n) - r;
+		let K = d(() => {
+			let e = T.value - T.value * (H.value.paddingProportions.left + H.value.paddingProportions.right), t = jt.value * H.value.paddingProportions.top, n = jt.value * H.value.paddingProportions.bottom, r = An.value, i = jt.value - n - r, a = jt.value - (t + n) - r;
 			return {
-				canvasWidth: E.value,
-				canvasHeight: At.value,
-				left: E.value * H.value.paddingProportions.left,
+				canvasWidth: T.value,
+				canvasHeight: jt.value,
+				left: T.value * H.value.paddingProportions.left,
 				top: t,
-				right: E.value - E.value * H.value.paddingProportions.right,
+				right: T.value - T.value * H.value.paddingProportions.right,
 				bottom: i,
 				width: e,
 				height: a,
@@ -305,18 +305,18 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		}
 		function In({ 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, c = Fn(t + r, r + i.max), l, u;
-				e && (l = i.min, u = Fn(t - l, i.max - l));
-				let ee = 0;
-				return ee = s === null ? K.value.bottom - K.value.height * (e ? u : c) : K.value.bottom - a - o * (e ? u : c), {
+				let r = i.min < 0 ? Math.abs(i.min) : 0, ee = Fn(t + r, r + i.max), c, l;
+				e && (c = i.min, l = Fn(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), {
 					x: K.value.left + K.value.slot * n + K.value.slot / 2,
-					y: ee,
+					y: te,
 					value: t
 				};
 			});
 		}
-		let q = f(() => {
-			let e = H.value.scale.min === null ? Math.min(...J.value.filter((e, t) => !O.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) => !O.value.includes(e.absoluteIndex)).flatMap((e) => e.series.slice(X.value.start, X.value.end))) : H.value.scale.max, n = re(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));
+		let q = d(() => {
+			let e = H.value.scale.min === null ? Math.min(...J.value.filter((e, t) => !D.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) => !D.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,
 				max: t,
@@ -329,44 +329,44 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				})),
 				zero: i
 			};
-		}), Ln = f(() => Y.value.map((e) => `
+		}), Ln = d(() => 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}"/>
                 </svg>
                 <span>${e.name ? e.name + ": " : ""}</span>
-                <span>${ae(V.value.formatter, e.series[D.value] ?? "-", u({
+                <span>${se(V.value.formatter, e.series[E.value] ?? "-", t({
 			p: e.prefix || "",
-			v: e.series[D.value] ?? "-",
+			v: e.series[E.value] ?? "-",
 			s: e.suffix || "",
 			r: e.rounding || 0
 		}), {
 			datapoint: e,
-			seriesIndex: D.value
+			seriesIndex: E.value
 		})}</span>
             </div>
-        `)), Rn = f(() => H.value.line.cutNullValues), J = f(() => fn.value.map((e, t) => ({
+        `)), Rn = d(() => H.value.line.cutNullValues), J = d(() => fn.value.map((e, t) => ({
 			...e,
-			series: a({
-				data: l(e.series, [], Rn.value),
+			series: ce({
+				data: o(e.series, [], Rn.value),
 				threshold: P.value.downsample.threshold
 			}),
 			absoluteIndex: t,
-			color: s(e.color || Dn.value[t] || i[t] || i[t % i.length])
-		}))), zn = f(() => {
+			color: c(e.color || Dn.value[t] || l[t] || l[t % l.length])
+		}))), zn = d(() => {
 			if (!H.value.zoom.minimap.show) return [];
-			let e = J.value.filter((e) => !O.value.includes(e.absoluteIndex)), t = Math.max(...e.map((e) => e.series.length)), n = [];
+			let e = J.value.filter((e) => !D.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));
-		}), Bn = f(() => H.value.zoom.minimap.show ? J.value.map((e) => ({
+		}), Bn = d(() => H.value.zoom.minimap.show ? J.value.map((e) => ({
 			...e,
-			isVisible: !O.value.includes(e.absoluteIndex)
+			isVisible: !D.value.includes(e.absoluteIndex)
 		})) : []);
-		S(G, (e) => {
+		x(G, (e) => {
 			e && Un();
 		});
-		let Y = f(() => le(J.value.filter((e, t) => !O.value.includes(e.absoluteIndex))).map((e, t) => ({
+		let Y = d(() => ue(J.value.filter((e, t) => !D.value.includes(e.absoluteIndex))).map((e, t) => ({
 			...e,
 			series: e.series.slice(X.value.start, X.value.end)
 		})).map((e, t) => {
@@ -377,54 +377,54 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				valueMin: n,
 				valueMax: r
 			}, a = e.scaleSteps || H.value.scale.ticks, o;
-			o = e.autoScaling ? re(i.valueMin, i.valueMax, a) : re(i.valueMin < 0 ? i.valueMin : 0, i.valueMax <= 0 ? 0 : i.valueMax, a);
-			let s = W.value.stacked ? K.value.height * (1 - e.cumulatedStackRatio) : 0, c = W.value.stacked ? K.value.height / H.value.stackGap : 0, l = W.value.stacked ? K.value.height * e.stackRatio - c : K.value.height, u = o.min < 0 ? Math.abs(o.min) : 0, ee;
-			ee = e.autoScaling && W.value.stacked && r <= 0 ? K.value.bottom - s - l : K.value.bottom - s - l * (u / (o.max + u));
-			let te = o.ticks.map((e, t) => ({
-				y: K.value.bottom - s - l * (t / (o.ticks.length - 1)),
+			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) => ({
+				y: K.value.bottom - s - c * (t / (o.ticks.length - 1)),
 				x: K.value.left - 8,
 				value: e
-			})), ne = In({
+			})), ie = In({
 				hasAutoScale: W.value.stacked && e.autoScaling,
 				series: e.series,
 				min: W.value.stacked ? n : q.value.min,
 				max: W.value.stacked ? r : q.value.max,
 				scale: W.value.stacked ? o : q.value.scale,
 				yOffset: s,
-				individualHeight: l,
+				individualHeight: c,
 				stackIndex: W.value.stacked ? t : null
 			});
 			return {
 				...e,
-				coordinatesLine: ne,
+				coordinatesLine: ie,
 				min: n,
 				max: r,
 				localScale: o,
-				localZero: ee,
-				localMin: u,
-				localYLabels: te,
+				localZero: te,
+				localMin: l,
+				localYLabels: re,
 				yOffset: s,
-				individualHeight: l
+				individualHeight: c
 			};
-		})), X = y({
+		})), X = v({
 			start: 0,
 			end: G.value
-		}), Z = y({
+		}), Z = v({
 			start: 0,
 			end: G.value
-		}), Vn = y(null);
+		}), Vn = v(null);
 		function Hn() {
 			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 		}
-		$e(() => {
+		et(() => {
 			Vn.value && cancelAnimationFrame(Vn.value);
 		});
 		async function Un() {
-			Kn(), await Xe(), Vn.value && cancelAnimationFrame(Vn.value), Vn.value = requestAnimationFrame(async () => {
+			Kn(), await Ze(), Vn.value && cancelAnimationFrame(Vn.value), Vn.value = requestAnimationFrame(async () => {
 				await Hn(), Kn();
 			});
 		}
-		let Wn = f(() => H.value.zoom.preview.enable && (Z.value.start !== X.value.start || Z.value.end !== X.value.end));
+		let Wn = d(() => H.value.zoom.preview.enable && (Z.value.start !== X.value.start || Z.value.end !== X.value.end));
 		function Gn(e, t) {
 			Z.value[e] = t;
 		}
@@ -433,7 +433,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				Yt.value = !0;
 				try {
 					let { startIndex: e, endIndex: t } = H.value.zoom, n = Math.max(...J.value.map((e) => e.series.length)), r = e ?? 0, i = t == null ? n : Math.min(Yn(t + 1), n);
-					Zt.value = !0, X.value.start = r, X.value.end = i, Z.value.start = r, Z.value.end = i, Xn(), Xt.value = !0, await Xe(), Bt.value && (Bt.value.setStartValue(X.value.start), Bt.value.setEndValue(X.value.end));
+					Zt.value = !0, X.value.start = r, X.value.end = i, Z.value.start = r, Z.value.end = i, Xn(), Xt.value = !0, await Ze(), Vt.value && (Vt.value.setStartValue(X.value.start), Vt.value.setEndValue(X.value.end));
 				} finally {
 					queueMicrotask(() => {
 						Zt.value = !1;
@@ -458,29 +458,29 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), X.value = {
 				start: t,
 				end: n
-			}, Z.value.start = t, Z.value.end = n, Bt.value && (Bt.value.setStartValue(t), Bt.value.setEndValue(n));
+			}, Z.value.start = t, Z.value.end = n, Vt.value && (Vt.value.setStartValue(t), Vt.value.setEndValue(n));
 		}
-		let Zn = f(() => Y.value.filter((e) => [
+		let Zn = d(() => Y.value.filter((e) => [
 			"line",
 			"plot",
 			void 0
-		].includes(e.type))), Q = f(() => Y.value.filter((e) => e.type === "bar"));
+		].includes(e.type))), Q = d(() => Y.value.filter((e) => e.type === "bar"));
 		function Qn() {
-			if (!U.value || !kt.value) return;
-			let e = kt.value.offsetWidth, t = kt.value.offsetHeight;
-			U.value.width = e * Pt.value * 2, U.value.height = t * Pt.value * 2, E.value = e * Pt.value * 2, At.value = t * Pt.value * 2, T.value?.scale(Pt.value, Pt.value), br();
+			if (!U.value || !At.value) return;
+			let e = At.value.offsetWidth, t = At.value.offsetHeight;
+			U.value.width = e * Ft.value * 2, U.value.height = t * Ft.value * 2, T.value = e * Ft.value * 2, jt.value = t * Ft.value * 2, w.value?.scale(Ft.value, Ft.value), br();
 		}
-		S(N, async (e) => {
+		x(N, async (e) => {
 			if (!e) {
-				Ft.value = null, jt.value = !1, D.value = null, Gt.value = null;
+				It.value = null, Mt.value = !1, E.value = null, A.value = null;
 				return;
 			}
-			await Xe(), U.value && !T.value && (T.value = U.value.getContext("2d", { willReadFrequently: !0 })), k.value = !0, A.value = !0, await Un(), Qn(), br();
+			await Ze(), U.value && !w.value && (w.value = U.value.getContext("2d", { willReadFrequently: !0 })), O.value = !0, k.value = !0, await Un(), Qn(), br();
 		});
 		function $n() {
-			if (T.value && (T.value.clearRect(0, 0, 1e4, 1e4), T.value.fillStyle = H.value.backgroundColor, T.value.fillRect(0, 0, K.value.canvasWidth, K.value.canvasHeight), N.value)) {
+			if (w.value && (w.value.clearRect(0, 0, 1e4, 1e4), w.value.fillStyle = H.value.backgroundColor, w.value.fillRect(0, 0, K.value.canvasWidth, K.value.canvasHeight), N.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) d(T.value, [{
+					for (let t = 0; t < X.value.end - X.value.start + 1; t += 1) u(w.value, [{
 						x: K.value.left + K.value.slot * t,
 						y: K.value.bottom - e.yOffset - e.individualHeight
 					}, {
@@ -488,7 +488,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						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) / an.value.modulo) === 0 && d(T.value, [{
+					for (let t = X.value.start; t < X.value.end; t += 1) t % Math.floor((X.value.end - X.value.start) / an.value.modulo) === 0 && u(w.value, [{
 						x: K.value.left + K.value.slot * (t - X.value.start) + K.value.slot / 2,
 						y: K.value.bottom - e.yOffset - e.individualHeight
 					}, {
@@ -497,7 +497,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					}], { color: L.value.color });
 				}), an.value.show && (an.value.alternate ? Y.value.forEach((e) => {
 					e.localYLabels.forEach((t, n) => {
-						n < e.localYLabels.length - 1 && Ne(T.value, [
+						n < e.localYLabels.length - 1 && Pe(w.value, [
 							{
 								x: K.value.left,
 								y: t.y
@@ -515,13 +515,13 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 								y: e.localYLabels[n + 1].y
 							}
 						], {
-							fillColor: n % 2 == 0 ? "transparent" : c(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
+							fillColor: n % 2 == 0 ? "transparent" : de(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) => {
-						d(T.value, [{
+						u(w.value, [{
 							x: K.value.left,
 							y: e.y
 						}, {
@@ -530,7 +530,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						}], { color: an.value.color });
 					});
 				})), B.value.zeroLine.show && Y.value.forEach((e) => {
-					d(T.value, [{
+					u(w.value, [{
 						x: K.value.left,
 						y: e.localZero
 					}, {
@@ -541,13 +541,13 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						lineDash: B.value.zeroLine.dashed ? [10, 10] : [0, 0]
 					});
 				}), R.value.show && Y.value.forEach((e) => {
-					d(T.value, [{
+					u(w.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 }), d(T.value, [{
+					}], { color: e.color }), u(w.value, [{
 						x: K.value.right,
 						y: K.value.bottom - e.yOffset
 					}, {
@@ -555,22 +555,22 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						y: K.value.bottom - e.yOffset - e.individualHeight
 					}], { color: e.color });
 				}), Y.value.forEach((e) => {
-					De(T.value, e.name, E.value / 35, K.value.bottom - e.yOffset - e.individualHeight / 2, {
+					Oe(w.value, e.name, T.value / 35, K.value.bottom - e.yOffset - e.individualHeight / 2, {
 						align: "center",
 						rotation: -90,
 						color: e.color,
-						font: `${Math.round(E.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`
+						font: `${Math.round(T.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`
 					});
 				});
 				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) d(T.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) u(w.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 && d(T.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 && u(w.value, [{
 						x: K.value.left + K.value.slot * (e - X.value.start) + K.value.slot / 2,
 						y: K.value.top
 					}, {
@@ -578,7 +578,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						y: K.value.bottom
 					}], { color: L.value.color });
 					an.value.show && (an.value.alternate ? q.value.yLabels.forEach((e, t) => {
-						t < q.value.yLabels.length - 1 && Ne(T.value, [
+						t < q.value.yLabels.length - 1 && Pe(w.value, [
 							{
 								x: K.value.left,
 								y: e.y
@@ -596,18 +596,18 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 								y: q.value.yLabels[t + 1].y
 							}
 						], {
-							fillColor: t % 2 == 0 ? "transparent" : c(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
+							fillColor: t % 2 == 0 ? "transparent" : de(H.value.grid.x.horizontalLines.color, H.value.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					}) : q.value.yLabels.forEach((e) => {
-						d(T.value, [{
+						u(w.value, [{
 							x: K.value.left,
 							y: e.y
 						}, {
 							x: K.value.right,
 							y: e.y
 						}], { color: an.value.color });
-					})), B.value.y.showAxis && d(T.value, [{
+					})), B.value.y.showAxis && u(w.value, [{
 						x: K.value.left,
 						y: K.value.top
 					}, {
@@ -616,7 +616,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					}], {
 						color: B.value.y.axisColor,
 						lineWidth: B.value.y.axisThickness
-					}), B.value.x.showAxis && d(T.value, [{
+					}), B.value.x.showAxis && u(w.value, [{
 						x: K.value.left,
 						y: K.value.bottom
 					}, {
@@ -625,7 +625,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					}], {
 						color: B.value.x.axisColor,
 						lineWidth: B.value.x.axisThickness
-					}), B.value.zeroLine.show && d(T.value, [{
+					}), B.value.zeroLine.show && u(w.value, [{
 						x: K.value.left,
 						y: q.value.zero
 					}, {
@@ -636,13 +636,13 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						lineDash: B.value.zeroLine.dashed ? [10, 10] : [0, 0]
 					});
 				}
-				B.value.y.axisName && De(T.value, B.value.y.axisName, E.value - E.value / 40 * R.value.fontSizeRatio * 1.2, K.value.bottom - K.value.height / 2, {
-					font: `${R.value.bold ? "bold " : ""}${Math.round(E.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+				B.value.y.axisName && Oe(w.value, B.value.y.axisName, T.value - T.value / 40 * R.value.fontSizeRatio * 1.2, K.value.bottom - K.value.height / 2, {
+					font: `${R.value.bold ? "bold " : ""}${Math.round(T.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 					color: H.value.color,
 					align: "center",
 					rotation: 90
-				}), B.value.x.axisName && De(T.value, B.value.x.axisName, E.value / 2, At.value, {
-					font: `${R.value.bold ? "bold " : ""}${Math.round(E.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+				}), B.value.x.axisName && Oe(w.value, B.value.x.axisName, T.value / 2, jt.value, {
+					font: `${R.value.bold ? "bold " : ""}${Math.round(T.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 					color: H.value.color,
 					align: "center"
 				});
@@ -650,8 +650,8 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		}
 		function er(e) {
 			for (let t = 0; t < e.coordinatesLine.length; t += 1) {
-				let n = (D.value === t || j.value === t ? E.value / 150 : H.value.line.plots.show || e.type === "plot" ? E.value / 200 : 0) * H.value.line.plots.radiusRatio;
-				Ae(T.value, {
+				let n = (E.value === t || j.value === t ? T.value / 150 : H.value.line.plots.show || e.type === "plot" ? T.value / 200 : 0) * H.value.line.plots.radiusRatio;
+				je(w.value, {
 					x: e.coordinatesLine[t].x,
 					y: e.coordinatesLine[t].y
 				}, n, {
@@ -663,7 +663,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		}
 		function tr() {
 			Y.value.forEach((e) => {
-				e.showYMarker && Sr(e) && De(T.value, ae(V.value.formatter, Sr(e).value, u({
+				e.showYMarker && Sr(e) && Oe(w.value, se(V.value.formatter, Sr(e).value, t({
 					p: e.prefix || R.value.prefix || "",
 					v: Sr(e).value,
 					s: e.suffix || R.value.suffix || "",
@@ -673,68 +673,68 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					seriesIndex: null
 				}), K.value.left - 8 + R.value.offsetX, Sr(e).y, {
 					align: "right",
-					font: `${R.value.bold ? "bold " : ""}${Math.round(E.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+					font: `${R.value.bold ? "bold " : ""}${Math.round(T.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 					color: e.color
 				});
 			});
 		}
 		function nr() {
 			R.value.show && (W.value.stacked ? Y.value.forEach((e) => {
-				e.localYLabels.forEach((t, n) => {
-					De(T.value, ae(V.value.formatter, t.value, u({
+				e.localYLabels.forEach((n, r) => {
+					Oe(w.value, se(V.value.formatter, n.value, t({
 						p: e.prefix || B.value.y.axisLabels.prefix || "",
-						v: t.value,
+						v: n.value,
 						s: e.suffix || B.value.y.axisLabels.suffix || "",
 						r: e.rounding || B.value.y.axisLabels.rounding || 0
 					}), {
-						datapoint: t,
-						seriesIndex: n
-					}), t.x + R.value.offsetX, t.y, {
+						datapoint: n,
+						seriesIndex: r
+					}), n.x + R.value.offsetX, n.y, {
 						align: "right",
-						font: `${R.value.bold ? "bold " : ""}${Math.round(E.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+						font: `${R.value.bold ? "bold " : ""}${Math.round(T.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 						color: e.color,
-						globalAlpha: e.showYMarker && ![null, void 0].includes(D.value ?? j.value) ? .2 : 1
+						globalAlpha: e.showYMarker && ![null, void 0].includes(E.value ?? j.value) ? .2 : 1
 					});
 				});
-			}) : q.value.yLabels.forEach((e, t) => {
-				De(T.value, ae(V.value.formatter, e.value, u({
+			}) : q.value.yLabels.forEach((e, n) => {
+				Oe(w.value, se(V.value.formatter, e.value, t({
 					p: R.value.prefix || "",
 					v: e.value,
 					s: R.value.suffix || "",
 					r: R.value.rounding || 0
 				}), {
 					datapoint: e,
-					seriesIndex: t
+					seriesIndex: n
 				}), e.x + R.value.offsetX, e.y, {
 					align: "right",
-					font: `${R.value.bold ? "bold " : ""}${Math.round(E.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+					font: `${R.value.bold ? "bold " : ""}${Math.round(T.value / 40 * R.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 					color: R.value.color,
-					globalAlpha: Y.value.some((e) => e.showYMarker) && ![null, void 0].includes(D.value ?? j.value) ? .2 : 1
+					globalAlpha: Y.value.some((e) => e.showYMarker) && ![null, void 0].includes(E.value ?? j.value) ? .2 : 1
 				});
 			}));
 		}
 		function rr(e) {
-			for (let t = 0; t < e.coordinatesLine.length; t += 1) De(T.value, ae(V.value.formatter, e.coordinatesLine[t].value, u({
+			for (let n = 0; n < e.coordinatesLine.length; n += 1) Oe(w.value, se(V.value.formatter, e.coordinatesLine[n].value, t({
 				p: e.prefix || "",
-				v: e.coordinatesLine[t].value,
+				v: e.coordinatesLine[n].value,
 				s: e.suffix || "",
 				r: e.rounding || 0
 			}), {
-				datapoint: e.coordinatesLine[t],
-				seriesIndex: t
-			}), e.coordinatesLine[t].x, e.coordinatesLine[t].y + V.value.offsetY, {
+				datapoint: e.coordinatesLine[n],
+				seriesIndex: n
+			}), e.coordinatesLine[n].x, e.coordinatesLine[n].y + V.value.offsetY, {
 				align: "center",
-				font: `${V.value.bold ? "bold " : ""}${Math.round(E.value / 40 * V.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+				font: `${V.value.bold ? "bold " : ""}${Math.round(T.value / 40 * V.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 				color: V.value.useSerieColor ? e.color : V.value.color,
 				strokeColor: H.value.backgroundColor,
 				lineWidth: .5
 			});
 		}
-		let $ = y([]), ir = 0;
-		ot(() => {
+		let $ = v([]), ir = 0;
+		st(() => {
 			let e = ++ir;
 			(async () => {
-				let t = await _e({
+				let t = await ve({
 					values: z.value.values,
 					maxDatapoints: G.value,
 					formatter: z.value.datetimeFormatter,
@@ -743,24 +743,24 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				});
 				e === ir && ($.value = t);
 			})();
-		}), ot(() => {
-			z.value.show, z.value.rotation, z.value.offsetY, z.value.fontSizeRatio, z.value.bold, X.value.start, X.value.end, E.value, At.value, ($.value || []).map((e) => e?.text ?? "").join("|"), Pn();
+		}), st(() => {
+			z.value.show, z.value.rotation, z.value.offsetY, z.value.fontSizeRatio, z.value.bold, X.value.start, X.value.end, T.value, jt.value, ($.value || []).map((e) => e?.text ?? "").join("|"), Pn();
 		}, { flush: "post" });
-		let ar = y({
+		let ar = v({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
 		}), or = 0;
-		ot(() => {
+		st(() => {
 			let e = ++or, t = z.value.datetimeFormatter;
 			(async () => {
-				let n = await ge(t.locale).catch(() => ge("en"));
+				let n = await _e(t.locale).catch(() => _e("en"));
 				e === or && (ar.value = n.data);
 			})();
 		});
-		let sr = f(() => {
-			let e = z.value.datetimeFormatter, t = he({
+		let sr = d(() => {
+			let e = z.value.datetimeFormatter, t = ge({
 				useUTC: e.useUTC,
 				locale: ar.value,
 				januaryAsYear: e.januaryAsYear
@@ -769,27 +769,27 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				let r = z.value.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), cr = f(() => (z.value.values || []).map((e, t) => ({
+		}), cr = d(() => (z.value.values || []).map((e, t) => ({
 			text: sr.value(t, H.value.zoom.timeFormat),
 			absoluteIndex: t
-		}))), lr = f(() => (z.value.values || []).map((e, t) => ({
+		}))), lr = d(() => (z.value.values || []).map((e, t) => ({
 			text: sr.value(t, I.value.timeFormat),
 			absoluteIndex: t
 		})));
 		function ur() {
-			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 === D.value + X.value.start || e === j.value) && z.value.showMarker)) && De(T.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 + E.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 === E.value + X.value.start || e === j.value) && z.value.showMarker)) && Oe(w.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 + T.value / z.value.offsetY, {
 				align: z.value.rotation === 0 ? "center" : z.value.rotation > 0 ? "left" : "right",
-				font: `${z.value.bold ? "bold " : ""}${Math.round(E.value / 40 * z.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
-				color: z.value.showMarker ? c(z.value.color, D.value !== null || j.value !== null ? D.value + X.value.start === e || j.value === e ? 100 : 20 : 100) : z.value.color,
+				font: `${z.value.bold ? "bold " : ""}${Math.round(T.value / 40 * z.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+				color: z.value.showMarker ? de(z.value.color, E.value !== null || j.value !== null ? E.value + X.value.start === e || j.value === e ? 100 : 20 : 100) : z.value.color,
 				rotation: z.value.rotation
 			});
 		}
 		function dr() {
-			d(T.value, [{
-				x: K.value.left + K.value.slot * (D.value ?? j.value) + K.value.slot / 2,
+			u(w.value, [{
+				x: K.value.left + K.value.slot * (E.value ?? j.value) + K.value.slot / 2,
 				y: K.value.top
 			}, {
-				x: K.value.left + K.value.slot * (D.value ?? j.value) + K.value.slot / 2,
+				x: K.value.left + K.value.slot * (E.value ?? j.value) + K.value.slot / 2,
 				y: K.value.bottom
 			}], {
 				color: H.value.selector.color,
@@ -799,12 +799,12 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			});
 		}
 		function fr() {
-			Gt.value && d(T.value, [{
+			A.value && u(w.value, [{
 				x: K.value.left,
-				y: Gt.value
+				y: A.value
 			}, {
 				x: K.value.right,
-				y: Gt.value
+				y: A.value
 			}], {
 				color: H.value.selector.color,
 				lineDash: H.value.selector.dashed ? [8, 8] : [0, 0],
@@ -813,34 +813,34 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			});
 		}
 		function pr() {
-			Q.value.forEach((e, t) => {
-				for (let n = 0; n < e.coordinatesLine.length; n += 1) Ne(T.value, [
+			Q.value.forEach((e, n) => {
+				for (let r = 0; r < e.coordinatesLine.length; r += 1) Pe(w.value, [
 					{
-						x: K.value.left + K.value.slot * n + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * t - (t === 0 ? 0 : K.value.slot / (5 * Q.value.length) * t)),
+						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
 					},
 					{
-						x: K.value.left + K.value.slot * n + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * t - (t === 0 ? 0 : K.value.slot / (5 * Q.value.length) * t)) + K.value.slot * .8 / (W.value.stacked ? 1 : Q.value.length),
+						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)) + K.value.slot * .8 / (W.value.stacked ? 1 : Q.value.length),
 						y: W.value.stacked ? e.localZero : q.value.zero
 					},
 					{
-						x: K.value.left + K.value.slot * n + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * t - (t === 0 ? 0 : K.value.slot / (5 * Q.value.length) * t)) + K.value.slot * .8 / (W.value.stacked ? 1 : Q.value.length),
-						y: e.coordinatesLine[n].y
+						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)) + K.value.slot * .8 / (W.value.stacked ? 1 : Q.value.length),
+						y: e.coordinatesLine[r].y
 					},
 					{
-						x: K.value.left + K.value.slot * n + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * t - (t === 0 ? 0 : K.value.slot / (5 * Q.value.length) * t)),
-						y: e.coordinatesLine[n].y
+						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: e.coordinatesLine[r].y
 					}
 				], {
 					strokeColor: H.value.backgroundColor,
 					gradient: {
 						type: "linear",
 						start: {
-							x: e.coordinatesLine[n].x,
-							y: e.coordinatesLine[n].y
+							x: e.coordinatesLine[r].x,
+							y: e.coordinatesLine[r].y
 						},
 						end: {
-							x: e.coordinatesLine[n].x,
+							x: e.coordinatesLine[r].x,
 							y: W.value.stacked ? e.localZero : q.value.zero
 						},
 						stops: [{
@@ -848,20 +848,20 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 							color: e.color
 						}, {
 							offset: 1,
-							color: H.value.bar.gradient.show ? oe(e.color, .5) : e.color
+							color: H.value.bar.gradient.show ? s(e.color, .5) : e.color
 						}]
 					}
-				}), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && De(T.value, ae(V.value.formatter, e.coordinatesLine[n].value, u({
+				}), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Oe(w.value, se(V.value.formatter, e.coordinatesLine[r].value, t({
 					p: e.prefix || "",
-					v: e.coordinatesLine[n].value,
+					v: e.coordinatesLine[r].value,
 					s: e.suffix || "",
 					r: e.rounding || 0
 				}), {
-					datapoint: e.coordinatesLine[n],
-					seriesIndex: n
-				}), K.value.left + K.value.slot * n + K.value.slot / 10 + (W.value.stacked ? 0 : K.value.slot / Q.value.length * t - (t === 0 ? 0 : K.value.slot / (5 * Q.value.length) * t)) + K.value.slot * .4 / (W.value.stacked ? 1 : Q.value.length), (e.coordinatesLine[n].value < 0 ? W.value.stacked ? e.localZero : q.value.zero : e.coordinatesLine[n].y) + V.value.offsetY, {
+					datapoint: e.coordinatesLine[r],
+					seriesIndex: r
+				}), 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)) + K.value.slot * .4 / (W.value.stacked ? 1 : Q.value.length), (e.coordinatesLine[r].value < 0 ? W.value.stacked ? e.localZero : q.value.zero : e.coordinatesLine[r].y) + V.value.offsetY, {
 					align: "center",
-					font: `${Math.round(E.value / 40 * V.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
+					font: `${Math.round(T.value / 40 * V.value.fontSizeRatio)}px ${P.value.style.fontFamily}`,
 					color: V.value.useSerieColor ? e.color : V.value.color,
 					strokeColor: H.value.backgroundColor,
 					lineWidth: .8
@@ -921,11 +921,11 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		function gr(e) {
 			if (Rn.value) {
 				let t = hr(e);
-				for (let n of t) d(T.value, n, {
+				for (let n of t) u(w.value, n, {
 					color: e.color,
 					lineWidth: 3
 				});
-			} else d(T.value, e.coordinatesLine, {
+			} else u(w.value, e.coordinatesLine, {
 				color: e.color,
 				lineWidth: 3
 			});
@@ -936,12 +936,12 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				let n = W.value.stacked ? e.localZero : q.value.zero;
 				if (t) {
 					let { polygons: t, singles: r } = mr(e, n);
-					for (let n of t) je(T.value, n, {
-						fillColor: c(e.color, H.value.area.opacity),
+					for (let n of t) Me(w.value, n, {
+						fillColor: de(e.color, H.value.area.opacity),
 						strokeColor: "transparent"
 					});
-					let i = E.value / 200 * H.value.line.plots.radiusRatio;
-					for (let t of r) Ae(T.value, {
+					let i = T.value / 200 * H.value.line.plots.radiusRatio;
+					for (let t of r) je(w.value, {
 						x: t.x,
 						y: t.y
 					}, i, {
@@ -957,12 +957,12 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						x: e.coordinatesLine.at(-1).x,
 						y: n
 					};
-					je(T.value, [
+					Me(w.value, [
 						t,
 						...e.coordinatesLine,
 						r
 					], {
-						fillColor: c(e.color, H.value.area.opacity),
+						fillColor: de(e.color, H.value.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
@@ -973,7 +973,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		}
 		function vr() {
 			Y.value.forEach((e, t) => {
-				d(T.value, [{
+				u(w.value, [{
 					x: K.value.left,
 					y: K.value.bottom - e.yOffset
 				}, {
@@ -986,22 +986,22 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			});
 		}
 		function yr() {
-			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, c = Z.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
-			Ne(T.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)), l = Math.max(0, Math.min(a, ee));
+			Pe(w.value, [
 				{
-					x: e + l * o,
+					x: e + c * o,
 					y: t
 				},
 				{
-					x: e + l * o + (u - l) * o,
+					x: e + c * o + (l - c) * o,
 					y: t
 				},
 				{
-					x: e + l * o + (u - l) * o,
+					x: e + c * o + (l - c) * o,
 					y: t + r
 				},
 				{
-					x: e + l * o,
+					x: e + c * o,
 					y: t + r
 				}
 			], {
@@ -1017,26 +1017,26 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			});
 		}
 		function br() {
-			N.value && U.value && T.value && ($n(), k.value ? ((D.value !== null || j.value !== null) && H.value.selector.show && dr(), pr(), W.value.stacked && B.value.x.showAxis && vr(), Zn.value.forEach((e) => {
-				(e.type === "line" || !e.type) && _r(e), A.value && (er(e), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && rr(e));
-			}), U.value && (Ft.value = Me(U.value))) : (Ft.value && (T.value.clearRect(0, 0, 1e4, 1e4), T.value.drawImage(Ft.value, 0, 0)), (D.value !== null || j.value !== null) && H.value.selector.show && dr(), (D.value !== null || j.value !== null) && Y.value.forEach((e) => {
-				let t = D.value ?? j.value, n = e.coordinatesLine[t];
-				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && Ae(T.value, {
+			N.value && U.value && w.value && ($n(), O.value ? ((E.value !== null || j.value !== null) && H.value.selector.show && dr(), pr(), W.value.stacked && B.value.x.showAxis && vr(), Zn.value.forEach((e) => {
+				(e.type === "line" || !e.type) && _r(e), k.value && (er(e), W.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && rr(e));
+			}), U.value && (It.value = Ne(U.value))) : (It.value && (w.value.clearRect(0, 0, 1e4, 1e4), w.value.drawImage(It.value, 0, 0)), (E.value !== null || j.value !== null) && H.value.selector.show && dr(), (E.value !== null || j.value !== null) && Y.value.forEach((e) => {
+				let t = E.value ?? j.value, n = e.coordinatesLine[t];
+				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && je(w.value, {
 					x: n.x,
 					y: n.y
-				}, E.value / 150 * H.value.line.plots.radiusRatio, {
+				}, T.value / 150 * H.value.line.plots.radiusRatio, {
 					color: H.value.backgroundColor,
 					fillStyle: e.color,
 					strokeColor: "transparent"
 				});
-			})), z.value.show && ur(), H.value.selector.show && H.value.selector.showHorizontalSelector && fr(), nr(), tr(), H.value.zoom.preview.enable && (X.value.start !== Z.value.start || X.value.end !== Z.value.end) && yr(), k.value = !1);
+			})), z.value.show && ur(), H.value.selector.show && H.value.selector.showHorizontalSelector && fr(), nr(), tr(), H.value.zoom.preview.enable && (X.value.start !== Z.value.start || X.value.end !== Z.value.end) && yr(), O.value = !1);
 		}
-		let xr = Oe(() => {
-			A.value = !0, Qn();
-		}, G.value > 200 ? 10 : 1, !A.value);
+		let xr = ke(() => {
+			k.value = !0, Qn();
+		}, G.value > 200 ? 10 : 1, !k.value);
 		function Sr(e) {
-			if ([null, void 0].includes(D.value ?? j.value) || !e.coordinatesLine[D.value ?? j.value]) return !1;
-			let { y: t, value: n } = e.coordinatesLine[D.value ?? j.value];
+			if ([null, void 0].includes(E.value ?? j.value) || !e.coordinatesLine[E.value ?? j.value]) return !1;
+			let { y: t, value: n } = e.coordinatesLine[E.value ?? j.value];
 			return {
 				y: t,
 				value: n
@@ -1044,40 +1044,40 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		}
 		function Cr(e) {
 			if (!N.value || !U.value || On.value) return;
-			let { left: t, top: r } = U.value.getBoundingClientRect(), i = e.clientX - t;
-			if (Gt.value = (e.clientY - r) * 2, (Gt.value < K.value.top || Gt.value > K.value.bottom) && (Gt.value = null), i * 2 < K.value.left || i * 2 > K.value.right) {
+			let { left: t, top: n } = U.value.getBoundingClientRect(), r = e.clientX - t;
+			if (A.value = (e.clientY - n) * 2, (A.value < K.value.top || A.value > K.value.bottom) && (A.value = null), r * 2 < K.value.left || r * 2 > K.value.right) {
 				Or();
 				return;
 			}
-			let a = i * 2 - K.value.left, o = Math.floor(a / K.value.slot);
-			if (D.value = o, M.value = o, jt.value = !0, $t.value = !1, !A.value) return;
-			let s = "", c = I.value.customFormat, l = Y.value.map((e) => ({
+			let i = r * 2 - K.value.left, o = Math.floor(i / K.value.slot);
+			if (E.value = o, M.value = o, Mt.value = !0, $t.value = !1, !k.value) return;
+			let s = "", ee = I.value.customFormat, c = Y.value.map((e) => ({
 				shape: e.shape || null,
 				name: e.name,
 				color: e.color,
 				type: e.type || "line",
-				value: e.series.find((e, t) => t === D.value)
+				value: e.series.find((e, t) => t === E.value)
 			}));
-			Nt.value = {
-				timeLabel: z.value.values.slice(X.value.start, X.value.end)[D.value] ? I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[D.value]?.text : lr.value[D.value]?.text : "",
-				datapoint: l,
-				seriesIndex: D.value,
+			Pt.value = {
+				timeLabel: z.value.values.slice(X.value.start, X.value.end)[E.value] ? I.value.useDefaultTimeFormat ? $.value.slice(X.value.start, X.value.end)[E.value]?.text : lr.value[E.value]?.text : "",
+				datapoint: c,
+				seriesIndex: E.value,
 				series: Y.value,
 				config: P.value
 			}, Mr({
-				seriesIndex: D.value,
-				datapoint: l
-			}), n(c) && se(() => c({
-				seriesIndex: D.value,
-				datapoint: l,
+				seriesIndex: E.value,
+				datapoint: c
+			}), a(ee) && ae(() => ee({
+				seriesIndex: E.value,
+				datapoint: c,
 				series: Y.value,
 				config: P.value
-			})) ? Mt.value = c({
-				seriesIndex: D.value,
-				datapoint: l,
+			})) ? Nt.value = ee({
+				seriesIndex: E.value,
+				datapoint: c,
 				series: Y.value,
 				config: P.value
-			}) : (z.value.values.slice(X.value.start, X.value.end)[D.value] ? s += `<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)[D.value]?.text : lr.value[D.value]?.text}</div>` : s += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${$.value[D.value + X.value.start]?.text ?? ""}</div>`, s += Ln.value.join(""), Mt.value = s), A.value = !1;
+			}) : (z.value.values.slice(X.value.start, X.value.end)[E.value] ? s += `<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.value]?.text : lr.value[E.value]?.text}</div>` : s += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${I.value.borderColor}; width:100%">${$.value[E.value + X.value.start]?.text ?? ""}</div>`, s += Ln.value.join(""), Nt.value = s), k.value = !1;
 		}
 		function wr(e) {
 			return Y.value.map((t) => ({
@@ -1089,18 +1089,18 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			}));
 		}
 		function Tr(e) {
-			let t = "", r = I.value.customFormat, i = wr(e);
+			let t = "", n = I.value.customFormat, r = wr(e);
 			return Mr({
 				seriesIndex: e,
-				datapoint: i
-			}), n(r) && se(() => r({
+				datapoint: r
+			}), a(n) && ae(() => n({
 				seriesIndex: e,
-				datapoint: i,
+				datapoint: r,
 				series: Y.value,
 				config: P.value
-			})) ? r({
+			})) ? n({
 				seriesIndex: e,
-				datapoint: i,
+				datapoint: r,
 				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 : lr.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 += Ln.value.join(""), t);
@@ -1114,10 +1114,10 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			};
 		}
 		function Dr(e, { fromKeyboard: t = !1 } = {}) {
-			N.value && !On.value && e != null && (e < 0 || e >= X.value.end - X.value.start || (D.value = e, M.value = e, jt.value = !0, $t.value = t, Mt.value = Tr(e), t && Er(e), A.value = !1, br()));
+			N.value && !On.value && e != null && (e < 0 || e >= X.value.end - X.value.start || (E.value = e, M.value = e, Mt.value = !0, $t.value = t, Nt.value = Tr(e), t && Er(e), k.value = !1, br()));
 		}
 		function Or() {
-			jt.value = !1, D.value = null, M.value = null, Mt.value = "", Gt.value = null, $t.value = !1, br();
+			Mt.value = !1, E.value = null, M.value = null, Nt.value = "", A.value = null, $t.value = !1, br();
 		}
 		function kr() {
 			en.value = !0;
@@ -1143,102 +1143,102 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				indexLabel: ""
 			});
 		}
-		S(() => w.selectedXIndex, (e) => {
-			if ([null, void 0].includes(w.selectedXIndex)) {
+		x(() => C.selectedXIndex, (e) => {
+			if ([null, void 0].includes(C.selectedXIndex)) {
 				Or();
 				return;
 			}
 			let t = e - X.value.start;
 			t < 0 || e >= X.value.end ? Or() : Dr(t, { fromKeyboard: !1 });
-		}, { immediate: !0 }), S(() => D.value, (e) => {
+		}, { immediate: !0 }), x(() => E.value, (e) => {
 			xr();
-		}), S(() => X.value, (e) => {
-			k.value = !0, br();
-		}, { deep: !0 }), S(() => Z.value, (e) => {
+		}), x(() => X.value, (e) => {
+			O.value = !0, br();
+		}, { deep: !0 }), x(() => Z.value, (e) => {
 			br();
-		}, { deep: !0 }), S(() => W.value.showDataLabels, (e) => {
-			k.value = !0, br();
-		}), S(() => Gt.value, (e) => {
+		}, { deep: !0 }), x(() => W.value.showDataLabels, (e) => {
+			O.value = !0, br();
+		}), x(() => A.value, (e) => {
 			e && br();
-		}), S(() => W.value.stacked, (e) => {
-			k.value = !0, A.value = !0, xr();
+		}), x(() => W.value.stacked, (e) => {
+			O.value = !0, k.value = !0, xr();
 		});
 		function Nr() {
 			Or();
 		}
-		let Pr = nt(null), Fr = nt(null), Ir = nt(null);
-		et(() => {
+		let Pr = rt(null), Fr = rt(null), Ir = rt(null);
+		tt(() => {
 			Kt.value = !0, Lr();
 		});
 		function Lr() {
-			if (o(w.dataset) && ce({
+			if (ee(C.dataset) && re({
 				componentName: "VueUiXyCanvas",
 				type: "dataset",
 				debug: ln.value
-			}), Xe(() => {
-				U.value && !T.value && (T.value = U.value.getContext("2d", { willReadFrequently: !0 })), T.value && N.value && (k.value = !0, A.value = !0, Qn());
+			}), Ze(() => {
+				U.value && !w.value && (w.value = U.value.getContext("2d", { willReadFrequently: !0 })), w.value && N.value && (O.value = !0, k.value = !0, Qn());
 			}), P.value.responsive) {
-				let e = ke(() => {
-					let { width: e, height: t } = Pe({
-						chart: Ot.value,
-						title: H.value.title.text ? Rt.value : null,
-						legend: H.value.legend.show ? zt.value : null,
-						slicer: H.value.zoom.show && G.value > 6 ? Bt.value?.$el : null,
-						source: Vt.value
+				let e = Ae(() => {
+					let { width: e, height: t } = Fe({
+						chart: kt.value,
+						title: H.value.title.text ? zt.value : null,
+						legend: H.value.legend.show ? Bt.value : null,
+						slicer: H.value.zoom.show && G.value > 6 ? Vt.value?.$el : null,
+						source: Ht.value
 					});
 					requestAnimationFrame(() => {
 						xn.value = `${e} / ${t}`;
 					});
 				});
-				Pr.value && (Fr.value && Pr.value.unobserve(Fr.value), Pr.value.disconnect()), Pr.value = new ResizeObserver(e), Fr.value = Ot.value.parentNode, Pr.value.observe(Fr.value);
+				Pr.value && (Fr.value && Pr.value.unobserve(Fr.value), Pr.value.disconnect()), Pr.value = new ResizeObserver(e), Fr.value = kt.value.parentNode, Pr.value.observe(Fr.value);
 			}
 			Ir.value && Ir.value.disconnect(), Ir.value = new ResizeObserver(async (e) => {
-				for (let t of e) t.contentBoxSize && kt.value && (k.value = !0, xr());
-			}), Ir.value.observe(kt.value), Un();
+				for (let t of e) t.contentBoxSize && At.value && (O.value = !0, xr());
+			}), Ir.value.observe(At.value), Un();
 		}
-		$e(() => {
+		et(() => {
 			Ir.value && Ir.value.disconnect(), Pr.value && (Fr.value && Pr.value.unobserve(Fr.value), Pr.value.disconnect());
 		});
 		function Rr() {
-			O.value.length ? O.value = [] : Ur.value.forEach((e, t) => {
-				O.value.push(t);
-			}), k.value = !0, xr(), nn("selectLegend", Y.value);
+			D.value.length ? D.value = [] : Ur.value.forEach((e, t) => {
+				D.value.push(t);
+			}), O.value = !0, xr(), nn("selectLegend", Y.value);
 		}
 		function zr(e) {
-			O.value.includes(e) ? O.value = O.value.filter((t) => t !== e) : O.value.push(e), k.value = !0, xr(), nn("selectLegend", Y.value);
+			D.value.includes(e) ? D.value = D.value.filter((t) => t !== e) : D.value.push(e), O.value = !0, xr(), nn("selectLegend", Y.value);
 		}
 		function Br(e) {
 			return J.value.length ? J.value.find((t) => t.name === e) || (ln.value && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : (ln.value && console.warn("VueUiXyCanvas - There are no series to show."), null);
 		}
 		function Vr(e) {
 			let t = Br(e);
-			t !== null && O.value.includes(t.absoluteIndex) && zr(t.absoluteIndex);
+			t !== null && D.value.includes(t.absoluteIndex) && zr(t.absoluteIndex);
 		}
 		function Hr(e) {
 			let t = Br(e);
-			t !== null && (O.value.includes(t.absoluteIndex) || zr(t.absoluteIndex));
+			t !== null && (D.value.includes(t.absoluteIndex) || zr(t.absoluteIndex));
 		}
-		let Ur = f(() => J.value.map((e, t) => ({
+		let Ur = d(() => J.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: s(e.color) || Dn.value[t] || i[t] || i[t % i.length],
+			color: c(e.color) || Dn.value[t] || l[t] || l[t % l.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
 			rounding: e.rounding || 0
 		})).map((e) => ({
 			...e,
-			opacity: O.value.includes(e.absoluteIndex) ? .5 : 1,
+			opacity: D.value.includes(e.absoluteIndex) ? .5 : 1,
 			segregate: () => zr(e.absoluteIndex),
-			isSegregated: O.value.includes(e.absoluteIndex)
-		}))), Wr = f(() => ({
+			isSegregated: D.value.includes(e.absoluteIndex)
+		}))), Wr = d(() => ({
 			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" : ""
-		})), Gr = f(() => {
+		})), Gr = d(() => {
 			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);
@@ -1263,7 +1263,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				config: n,
 				colNames: r
 			};
-		}), Kr = f(() => {
+		}), Kr = d(() => {
 			if (Y.value.length === 0) return {
 				head: [],
 				body: [],
@@ -1287,13 +1287,13 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			};
 		});
 		function qr(e = null) {
-			let n = [
+			let t = [
 				[H.value.title.text],
 				[H.value.title.subtitle.text],
 				[""]
-			], i = ["", ...Kr.value.head.map((e) => e.label)], a = Kr.value.body, o = n.concat([i]).concat(a), s = r(o);
-			e ? e(s) : t({
-				csvContent: s,
+			], n = ["", ...Kr.value.head.map((e) => e.label)], r = Kr.value.body, a = t.concat([n]).concat(r), o = i(a);
+			e ? e(o) : le({
+				csvContent: o,
 				title: H.value.title.text || "vue-ui-xy-canvas"
 			});
 		}
@@ -1312,22 +1312,22 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 		function Qr() {
 			W.value.showTooltip = !W.value.showTooltip;
 		}
-		let $r = y(!1);
+		let $r = v(!1);
 		function ei() {
 			$r.value = !$r.value;
 		}
 		async function ti({ scale: e = 2 } = {}) {
-			if (!Ot.value) return;
-			let { imageUri: t, base64: n } = await we({
-				domElement: Ot.value,
+			if (!kt.value) return;
+			let { imageUri: t, base64: n } = await Te({
+				domElement: kt.value,
 				base64: !0,
 				img: !0,
 				scale: e
-			}), r = Ot.value.getBoundingClientRect(), i = {
+			}), r = kt.value.getBoundingClientRect(), i = {
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await ue(t, e) ?? i;
+			}, a = await oe(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1335,18 +1335,18 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				...a
 			};
 		}
-		let ni = f(() => {
+		let ni = d(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = W.value.showTable;
 			return {
-				component: e ? Ct : Le,
+				component: e ? wt : Re,
 				title: `${H.value.title.text}${H.value.title.subtitle.text ? `: ${H.value.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: P.value.table.th.backgroundColor,
 					color: P.value.table.th.color,
 					headerColor: P.value.table.th.color,
 					headerBg: P.value.table.th.backgroundColor,
-					isFullscreen: Lt.value,
-					fullscreenParent: Ot.value,
+					isFullscreen: Rt.value,
+					fullscreenParent: kt.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: cn.value
 				} : {
@@ -1366,7 +1366,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				}
 			};
 		});
-		S(() => W.value.showTable, (e) => {
+		x(() => W.value.showTable, (e) => {
 			P.value.table.show || (e && P.value.table.useDialog && qt.value ? qt.value.open() : "close" in qt.value && qt.value.close());
 		});
 		function ri() {
@@ -1396,7 +1396,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				dataset: Y.value
 			}));
 		}
-		return Ee({
+		return De({
 			getData: Jr,
 			getImage: ti,
 			generateCsv: qr,
@@ -1411,27 +1411,27 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 			toggleAnnotator: ei,
 			toggleFullscreen: En,
 			copyAlt: ai
-		}), (t, r) => (v(), We("div", {
-			style: Qe(`width:100%; position:relative; ${P.value.responsive ? "height: 100%" : ""}; background:${P.value.style.chart.backgroundColor};`),
+		}), (t, n) => (_(), Ge("div", {
+			style: $e(`width:100%; position:relative; ${P.value.responsive ? "height: 100%" : ""}; background:${P.value.style.chart.backgroundColor};`),
 			ref_key: "xy",
-			ref: Ot,
-			id: `xy_canvas_${Dt.value}`,
-			class: Ze(`vue-data-ui-component vue-ui-xy-canvas ${Lt.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			ref: kt,
+			id: `xy_canvas_${Ot.value}`,
+			class: Qe(`vue-data-ui-component vue-ui-xy-canvas ${Rt.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			onMouseenter: gn,
 			onMouseleave: _n
 		}, [
-			h("div", {
-				id: `chart-instructions-${Dt.value}`,
+			m("div", {
+				id: `chart-instructions-${Ot.value}`,
 				class: "sr-only"
-			}, [h("p", null, rt(P.value.a11y.translations.keyboardNavigation), 1)], 8, lt),
-			h("div", ut, rt(sn.value), 1),
-			P.value.style.chart.title.text ? (v(), We("div", {
+			}, [m("p", null, it(P.value.a11y.translations.keyboardNavigation), 1)], 8, ut),
+			m("div", dt, it(sn.value), 1),
+			P.value.style.chart.title.text ? (_(), Ge("div", {
 				key: 0,
 				ref_key: "chartTitle",
-				ref: Rt,
-				style: Qe(`width:100%;background:${P.value.style.chart.backgroundColor};`)
-			}, [(v(), p(Te, {
-				key: `title_${Ht.value}`,
+				ref: zt,
+				style: $e(`width:100%;background:${P.value.style.chart.backgroundColor};`)
+			}, [(_(), f(Ee, {
+				key: `title_${Ut.value}`,
 				config: {
 					title: {
 						cy: "xy-canvas-title",
@@ -1442,17 +1442,17 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						...P.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 4)) : m("", !0),
-			h("div", { id: `legend-top-${Dt.value}` }, null, 8, dt),
-			F.value.show && N.value && (x(hn) || x(pn)) ? (v(), p(x(xt), {
+			}, null, 8, ["config"]))], 4)) : p("", !0),
+			m("div", { id: `legend-top-${Ot.value}` }, null, 8, ft),
+			F.value.show && N.value && (b(hn) || b(pn)) ? (_(), f(b(St), {
 				ref_key: "userOptionsRef",
 				ref: Jt,
-				key: `user_option_${It.value}`,
+				key: `user_option_${Lt.value}`,
 				backgroundColor: P.value.style.chart.backgroundColor,
 				color: P.value.style.chart.color,
-				isPrinting: x(Sn),
-				isImaging: x(Cn),
-				uid: Dt.value,
+				isPrinting: b(Sn),
+				isImaging: b(Cn),
+				uid: Ot.value,
 				hasTooltip: F.value.buttons.tooltip && I.value.show,
 				hasPdf: F.value.buttons.pdf,
 				hasImg: F.value.buttons.img,
@@ -1462,11 +1462,11 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				hasFullscreen: F.value.buttons.fullscreen,
 				hasAltCopy: F.value.buttons.altCopy,
 				hasTable: X.value.end - X.value.start <= 730 && F.value.buttons.table,
-				isFullscreen: Lt.value,
+				isFullscreen: Rt.value,
 				isTooltip: W.value.showTooltip,
 				isStacked: W.value.stacked,
 				titles: { ...F.value.buttonTitles },
-				chartElement: Ot.value,
+				chartElement: kt.value,
 				position: F.value.position,
 				hasAnnotator: F.value.buttons.annotator,
 				isAnnotation: $r.value,
@@ -1475,7 +1475,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				tableDialog: P.value.table.useDialog,
 				isCursorPointer: cn.value,
 				onToggleFullscreen: En,
-				onGeneratePdf: x(wn),
+				onGeneratePdf: b(wn),
 				onGenerateCsv: qr,
 				onGenerateImage: ii,
 				onToggleTable: Yr,
@@ -1484,11 +1484,11 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				onToggleTooltip: Qr,
 				onToggleAnnotator: ei,
 				onCopyAlt: ai,
-				style: Qe({ visibility: x(hn) ? x(pn) ? "visible" : "hidden" : "visible" })
-			}, Ge({ _: 2 }, [
+				style: $e({ visibility: b(hn) ? b(pn) ? "visible" : "hidden" : "visible" })
+			}, Ke({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: C(({ isOpen: e, color: n }) => [b(t.$slots, "menuIcon", _(g({
+					fn: S(({ isOpen: e, color: n }) => [y(t.$slots, "menuIcon", g(h({
 						isOpen: e,
 						color: n
 					})), void 0, !0)]),
@@ -1496,42 +1496,42 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				} : void 0,
 				t.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: C(() => [b(t.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				t.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: C(() => [b(t.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				t.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: C(() => [b(t.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				t.$slots.optionImg ? {
 					name: "optionImg",
-					fn: C(() => [b(t.$slots, "optionImg", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				t.$slots.optionTable ? {
 					name: "optionTable",
-					fn: C(() => [b(t.$slots, "optionTable", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "optionTable", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				t.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: C(() => [b(t.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				t.$slots.optionStack ? {
 					name: "optionStack",
-					fn: C(() => [b(t.$slots, "optionStack", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "optionStack", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				t.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: C(({ toggleFullscreen: e, isFullscreen: n }) => [b(t.$slots, "optionFullscreen", _(g({
+					fn: S(({ toggleFullscreen: e, isFullscreen: n }) => [y(t.$slots, "optionFullscreen", g(h({
 						toggleFullscreen: e,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1539,7 +1539,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				} : void 0,
 				t.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: C(({ toggleAnnotator: e, isAnnotator: n }) => [b(t.$slots, "optionAnnotator", _(g({
+					fn: S(({ toggleAnnotator: e, isAnnotator: n }) => [y(t.$slots, "optionAnnotator", g(h({
 						toggleAnnotator: e,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1547,31 +1547,31 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				} : void 0,
 				t.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: C(({ altCopy: e }) => [b(t.$slots, "optionAltCopy", _(g({ altCopy: e })), void 0, !0)]),
+					fn: S(({ altCopy: e }) => [y(t.$slots, "optionAltCopy", g(h({ altCopy: e })), void 0, !0)]),
 					key: "10"
 				} : void 0,
 				t.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: C(() => [b(t.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "11"
 				} : void 0,
 				t.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: C(() => [b(t.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: S(() => [y(t.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "12"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasXls.hasLabel.hasStack.hasFullscreen.hasAltCopy.hasTable.isFullscreen.isTooltip.isStacked.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : m("", !0),
-			h("div", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasXls.hasLabel.hasStack.hasFullscreen.hasAltCopy.hasTable.isFullscreen.isTooltip.isStacked.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : p("", !0),
+			m("div", {
 				class: "vue-ui-xy-canvas",
-				style: Qe(`position: relative; aspect-ratio: ${xn.value}`),
+				style: $e(`position: relative; aspect-ratio: ${xn.value}`),
 				ref_key: "container",
-				ref: kt
+				ref: At
 			}, [
-				h("canvas", {
+				m("canvas", {
 					ref_key: "canvas",
 					ref: U,
 					"aria-label": on.value,
-					"aria-describedby": `chart-instructions-${Dt.value}`,
+					"aria-describedby": `chart-instructions-${Ot.value}`,
 					role: "img",
 					"aria-live": "polite",
 					tabindex: "0",
@@ -1579,20 +1579,20 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 						width: "100%",
 						height: "100%"
 					},
-					onMousemove: r[0] ||= (e) => Cr(e),
+					onMousemove: n[0] ||= (e) => Cr(e),
 					onMouseleave: Nr,
 					onFocus: kr,
 					onBlur: Ar,
 					onKeydown: jr
-				}, null, 40, ft),
-				t.$slots.hint ? (v(), We("div", pt, [b(t.$slots, "hint", _(g({
+				}, null, 40, pt),
+				t.$slots.hint ? (_(), Ge("div", mt, [y(t.$slots, "hint", g(h({
 					hint: P.value.a11y.translations.keyboardNavigation,
 					isVisible: en.value
-				})), void 0, !0)])) : m("", !0),
-				b(t.$slots, "skeleton", {}, () => [x(dn) ? (v(), p(xe, { key: 0 })) : m("", !0)], !0),
-				qe(x(yt), {
+				})), void 0, !0)])) : p("", !0),
+				y(t.$slots, "skeleton", {}, () => [b(dn) ? (_(), f(Se, { key: 0 })) : p("", !0)], !0),
+				Je(b(bt), {
 					teleportTo: I.value.teleportTo,
-					show: W.value.showTooltip && jt.value,
+					show: W.value.showTooltip && Mt.value,
 					backgroundColor: I.value.backgroundColor,
 					color: I.value.color,
 					fontSize: I.value.fontSize,
@@ -1603,10 +1603,10 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					offsetX: I.value.offsetX,
 					offsetY: I.value.offsetY,
 					parent: t.$refs.xy,
-					content: Mt.value,
-					isFullscreen: Lt.value,
+					content: Nt.value,
+					isFullscreen: Rt.value,
 					backgroundOpacity: I.value.backgroundOpacity,
-					isCustom: x(n)(I.value.customFormat),
+					isCustom: b(a)(I.value.customFormat),
 					smooth: I.value.smooth,
 					backdropFilter: I.value.backdropFilter,
 					smoothForce: I.value.smoothForce,
@@ -1614,9 +1614,9 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					isA11yMode: $t.value,
 					a11yPosition: tn.value
 				}, {
-					"tooltip-before": C(() => [b(t.$slots, "tooltip-before", _(g({ ...Nt.value })), void 0, !0)]),
-					tooltip: C(() => [b(t.$slots, "tooltip", _(g({ ...Nt.value })), void 0, !0)]),
-					"tooltip-after": C(() => [b(t.$slots, "tooltip-after", _(g({ ...Nt.value })), void 0, !0)]),
+					"tooltip-before": S(() => [y(t.$slots, "tooltip-before", g(h({ ...Pt.value })), void 0, !0)]),
+					tooltip: S(() => [y(t.$slots, "tooltip", g(h({ ...Pt.value })), void 0, !0)]),
+					"tooltip-after": S(() => [y(t.$slots, "tooltip-after", g(h({ ...Pt.value })), void 0, !0)]),
 					_: 3
 				}, 8, [
 					"teleportTo",
@@ -1643,10 +1643,10 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					"a11yPosition"
 				])
 			], 4),
-			P.value.style.chart.zoom.show && G.value > 6 && N.value && Xt.value && !x(dn) ? (v(), p(Ie, {
+			P.value.style.chart.zoom.show && G.value > 6 && N.value && Xt.value && !b(dn) ? (_(), f(Le, {
 				key: 2,
 				ref_key: "chartSlicer",
-				ref: Bt,
+				ref: Vt,
 				"data-dom-to-png-ignore-layout": "",
 				allMinimaps: Bn.value,
 				background: P.value.style.chart.zoom.color,
@@ -1674,7 +1674,7 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				minimapMerged: P.value.style.chart.zoom.minimap.merged,
 				minimapSelectedColor: P.value.style.chart.zoom.minimap.selectedColor,
 				minimapSelectedColorOpacity: P.value.style.chart.zoom.minimap.selectedColorOpacity,
-				minimapSelectedIndex: D.value,
+				minimapSelectedIndex: E.value,
 				minimapSelectionRadius: P.value.style.chart.zoom.minimap.selectionRadius,
 				preciseLabels: cr.value?.length ? cr.value : $.value,
 				refreshEndPoint: P.value.style.chart.zoom.endIndex === null ? G.value : P.value.style.chart.zoom.endIndex + 1,
@@ -1700,40 +1700,40 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				handleBorderColor: P.value.style.chart.zoom.minimap.handleBorderColor,
 				handleFill: P.value.style.chart.zoom.minimap.handleFill,
 				handleWidth: P.value.style.chart.zoom.minimap.handleWidth,
-				onFutureEnd: r[1] ||= (e) => Gn("end", e),
-				onFutureStart: r[2] ||= (e) => Gn("start", e),
+				onFutureEnd: n[1] ||= (e) => Gn("end", e),
+				onFutureStart: n[2] ||= (e) => Gn("start", e),
 				onReset: Un,
 				onTrapMouse: kn,
 				"onUpdate:end": Jn,
 				"onUpdate:start": qn
 			}, {
-				"reset-action": C(({ reset: e }) => [b(t.$slots, "reset-action", _(g({ reset: e })), void 0, !0)]),
+				"reset-action": S(({ reset: e }) => [y(t.$slots, "reset-action", g(h({ reset: e })), void 0, !0)]),
 				_: 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("."))) : m("", !0),
-			h("div", { id: `legend-bottom-${Dt.value}` }, null, 8, mt),
-			Kt.value && (P.value.style.chart.legend.show || t.$slots.legend) ? (v(), p(Ue, {
+			}, 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("."))) : p("", !0),
+			m("div", { id: `legend-bottom-${Ot.value}` }, null, 8, ht),
+			Kt.value && (P.value.style.chart.legend.show || t.$slots.legend) ? (_(), f(We, {
 				key: 3,
-				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${Dt.value}` : `#legend-bottom-${Dt.value}`
-			}, [h("div", {
+				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${Ot.value}` : `#legend-bottom-${Ot.value}`
+			}, [m("div", {
 				ref_key: "chartLegend",
-				ref: zt
-			}, [b(t.$slots, "legend", { legend: Ur.value }, () => [P.value.style.chart.legend.show && N.value ? (v(), p(Ve, {
+				ref: Bt
+			}, [y(t.$slots, "legend", { legend: Ur.value }, () => [P.value.style.chart.legend.show && N.value ? (_(), f(He, {
 				legendSet: Ur.value,
 				config: Wr.value,
-				key: `legend_${Wt.value}`,
+				key: `legend_${Gt.value}`,
 				isCursorPointer: cn.value,
-				onClickMarker: r[3] ||= ({ i: e }) => zr(e)
+				onClickMarker: n[3] ||= ({ i: e }) => zr(e)
 			}, {
-				item: C(({ legend: e, index: t }) => [h("div", {
+				item: S(({ legend: e, index: t }) => [m("div", {
 					onClick: (t) => e.segregate(),
-					style: Qe(`opacity:${O.value.includes(t) ? .5 : 1}`)
-				}, rt(e.name), 13, ht)]),
-				legendToggle: C(() => [Ur.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !x(dn) ? (v(), p(Re, {
+					style: $e(`opacity:${D.value.includes(t) ? .5 : 1}`)
+				}, it(e.name), 13, gt)]),
+				legendToggle: S(() => [Ur.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !b(dn) ? (_(), f(ze, {
 					key: 0,
 					backgroundColor: P.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: P.value.style.chart.legend.selectAllToggle.color,
 					fontSize: P.value.style.chart.legend.fontSize,
-					checked: O.value.length > 0,
+					checked: D.value.length > 0,
 					isCursorPointer: cn.value,
 					onToggle: Rr
 				}, null, 8, [
@@ -1742,27 +1742,27 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : m("", !0)]),
+				])) : p("", !0)]),
 				_: 1
 			}, 8, [
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : m("", !0)], !0)], 512)], 8, ["to"])) : m("", !0),
-			t.$slots.watermark ? (v(), We("div", gt, [b(t.$slots, "watermark", _(g({ isPrinting: x(Sn) || x(Cn) || Qt.value })), void 0, !0)])) : m("", !0),
-			t.$slots.source ? (v(), We("div", {
+			])) : p("", !0)], !0)], 512)], 8, ["to"])) : p("", !0),
+			t.$slots.watermark ? (_(), Ge("div", _t, [y(t.$slots, "watermark", g(h({ isPrinting: b(Sn) || b(Cn) || Qt.value })), void 0, !0)])) : p("", !0),
+			t.$slots.source ? (_(), Ge("div", {
 				key: 5,
 				ref_key: "source",
-				ref: Vt,
+				ref: Ht,
 				dir: "auto"
-			}, [b(t.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			N.value && F.value.buttons.table ? (v(), p(tt(ni.value.component), Ye({ key: 6 }, ni.value.props, {
+			}, [y(t.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			N.value && F.value.buttons.table ? (_(), f(nt(ni.value.component), Xe({ key: 6 }, ni.value.props, {
 				ref_key: "tableUnit",
 				ref: qt,
 				onClose: ri
-			}), Ge({
-				content: C(() => [(v(), p(x(bt), {
-					key: `table_${Ut.value}`,
+			}), Ke({
+				content: S(() => [(_(), f(b(xt), {
+					key: `table_${Wt.value}`,
 					colNames: Gr.value.colNames,
 					head: Gr.value.head,
 					body: Gr.value.body,
@@ -1772,12 +1772,12 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 					isCursorPointer: cn.value,
 					onClose: ri
 				}, {
-					th: C(({ th: e }) => [e === "__SUM__" ? (v(), We("div", _t, [qe(Fe, {
+					th: S(({ th: e }) => [e === "__SUM__" ? (_(), Ge("div", vt, [Je(Ie, {
 						name: "sigma",
 						stroke: Gr.value.config.th.color,
 						size: 16
-					}, null, 8, ["stroke"])])) : (v(), We("div", vt, rt(e), 1))]),
-					td: C(({ td: e }) => [Ke(rt(e), 1)]),
+					}, null, 8, ["stroke"])])) : (_(), Ge("div", yt, it(e), 1))]),
+					td: S(({ td: e }) => [qe(it(e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1791,36 +1791,36 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: C(() => [Ke(rt(ni.value.title), 1)]),
+				fn: S(() => [qe(it(ni.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
-				fn: C(() => [h("button", {
+				fn: S(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[4] ||= (e) => qr(F.value.callbacks.csv),
-					style: Qe({ cursor: cn.value ? "pointer" : "default" })
-				}, [qe(Fe, {
+					onClick: n[4] ||= (e) => qr(F.value.callbacks.csv),
+					style: $e({ cursor: cn.value ? "pointer" : "default" })
+				}, [Je(Ie, {
 					name: "fileCsv",
 					stroke: ni.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : m("", !0),
-			F.value.buttons.annotator && Y.value.length ? (v(), p(x(St), {
+			} : void 0]), 1040)) : p("", !0),
+			F.value.buttons.annotator && Y.value.length ? (_(), f(b(Ct), {
 				key: 7,
-				parent: Ot.value,
+				parent: kt.value,
 				backgroundColor: P.value.style.chart.backgroundColor,
 				color: P.value.style.chart.color,
 				active: $r.value,
 				isCursorPointer: cn.value,
 				onClose: ei
 			}, {
-				"annotator-action-close": C(() => [b(t.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": C(({ color: e }) => [b(t.$slots, "annotator-action-color", _(g({ color: e })), void 0, !0)]),
-				"annotator-action-draw": C(({ mode: e }) => [b(t.$slots, "annotator-action-draw", _(g({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": C(({ disabled: e }) => [b(t.$slots, "annotator-action-undo", _(g({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": C(({ disabled: e }) => [b(t.$slots, "annotator-action-redo", _(g({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": C(({ disabled: e }) => [b(t.$slots, "annotator-action-delete", _(g({ disabled: e })), void 0, !0)]),
+				"annotator-action-close": S(() => [y(t.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": S(({ color: e }) => [y(t.$slots, "annotator-action-color", g(h({ color: e })), void 0, !0)]),
+				"annotator-action-draw": S(({ mode: e }) => [y(t.$slots, "annotator-action-draw", g(h({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": S(({ disabled: e }) => [y(t.$slots, "annotator-action-undo", g(h({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": S(({ disabled: e }) => [y(t.$slots, "annotator-action-redo", g(h({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": S(({ disabled: e }) => [y(t.$slots, "annotator-action-delete", g(h({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"parent",
@@ -1828,9 +1828,9 @@ var st = /* @__PURE__ */ e({ default: () => yt }), ct = ["id"], lt = ["id"], ut
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : m("", !0)
-		], 46, ct));
+			])) : p("", !0)
+		], 46, lt));
 	}
 }, [["__scopeId", "data-v-c27832e0"]]);
 //#endregion
-export { st as n, yt as t };
+export { ct as n, bt as t };