vue-data-ui 3.23.8 → 3.23.10

package/dist/{vue-ui-xy-canvas-B-KxaFGF.js → vue-ui-xy-canvas-Bx-9y53V.js}

@@ -1,27 +1,27 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Et as i, Jt as a, Kt as o, Ot as s, Pt as c, Rt as l, S as u, X as d, _ as ee, ct as te, dt as ne, i as re, jt as ie, o as ae, q as oe, tt as se, vt as ce, w as le, xt as ue } from "./lib-Bttd6u5E.js";
+import { $ as t, Bt as n, D as r, Et as i, Jt as a, Kt as o, Ot as s, Pt as c, Rt as l, S as u, X as d, _ as ee, ct as te, dt as ne, i as re, jt as ie, o as ae, q as oe, tt as se, vt as ce, w as le, xt as ue } from "./lib-AT2PUyyh.js";
 import { n as de, t as fe } from "./useHints-Dq_w2E8B.js";
 import { n as pe, r as me, t as he } from "./useTimeLabels-d2f-W1L4.js";
 import { t as ge } from "./useConfig-DwdGsXTx.js";
-import { t as _e } from "./usePrinter-DN5bYhTG.js";
+import { t as _e } from "./usePrinter-BFS7d6eb.js";
 import { n as ve, t as ye } from "./BaseScanner-DZvpgOjM.js";
-import { t as be } from "./useNestedProp-vPNvh7rV.js";
+import { t as be } from "./useNestedProp-CW0vJS1B.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Se } from "./img-Bnokohej.js";
-import { n as Ce } from "./Title-BE3qg9xl.js";
+import { t as Se } from "./img-tU9mMt9W.js";
+import { n as Ce } from "./Title-BGLPsoA9.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as f, c as p, i as Te, l as Ee, n as De, o as Oe, r as ke, s as Ae, t as je } from "./useResponsive-ZtArZtUf.js";
-import { t as Me } from "./BaseIcon-BfndwIWE.js";
-import { t as Ne } from "./SlicerPreview-wUw1hFwe.js";
-import { t as Pe } from "./vue-ui-accordion-CLU_su1P.js";
-import { t as Fe } from "./BaseLegendToggle-DZVucLnv.js";
+import { t as Me } from "./BaseIcon-B4n7br_R.js";
+import { t as Ne } from "./SlicerPreview-sXtk2ZZ2.js";
+import { t as Pe } from "./vue-ui-accordion-DJNjilyy.js";
+import { t as Fe } from "./BaseLegendToggle-wRhcG_-q.js";
 import { t as Ie } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Le } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Re } from "./Legend-CQxUgOd-.js";
+import { t as Re } from "./Legend-DWEFXq9E.js";
 import { t as ze } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Be, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as Ve, createElementVNode as _, createSlots as He, createTextVNode as Ue, createVNode as We, defineAsyncComponent as Ge, guardReactiveProps as v, mergeProps as Ke, nextTick as qe, normalizeClass as Je, normalizeProps as y, normalizeStyle as Ye, onBeforeUnmount as Xe, onMounted as Ze, openBlock as b, ref as x, renderSlot as S, resolveDynamicComponent as Qe, shallowRef as $e, toDisplayString as et, toRefs as tt, unref as C, useSlots as nt, watch as w, watchEffect as rt, withCtx as T } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
-var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st = {
+var it = /* @__PURE__ */ e({ default: () => gt }), at = ["id"], ot = ["id"], st = {
 	class: "sr-only",
 	"aria-live": "polite",
 	"aria-atomic": "true"
@@ -38,7 +38,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 }, dt = ["id"], ft = ["onClick"], pt = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, mt = ["innerHTML"], ht = /*#__PURE__*/ we({
+}, mt = { key: 0 }, ht = { key: 1 }, gt = /*#__PURE__*/ we({
 	__name: "vue-ui-xy-canvas",
 	props: {
 		dataset: {
@@ -64,10 +64,10 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: it }) {
-		let ht = Ge(() => import("./Tooltip-DhjyfHwz.js")), gt = Ge(() => import("./DataTable-BbKgJ5UI.js")), _t = Ge(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), vt = Ge(() => import("./NonSvgPenAndPaper-4ypecDg1.js")), yt = Ge(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_xy_canvas: bt } = ge(), { isThemeValid: xt, warnInvalidTheme: St } = xe(), E = e, D = x(oe()), O = x(null), Ct = x(null), k = x(null), A = x(1), j = x(1), wt = x(!1), M = x(null), Tt = x(""), Et = x(null), N = x([]), Dt = x(1), P = x(!0), F = x(!0), Ot = x(null), kt = x(0), At = x(!1), jt = x(null), Mt = x(null), I = x(null), Nt = x(null), Pt = x(0), Ft = x(0), It = x(0), L = x(null), Lt = x(!1), Rt = x(null), zt = x(null), Bt = x(!1), Vt = x(!1), Ht = x(!1), R = x(null), Ut = x(!1), Wt = x(!1), Gt = x(!1), z = x(null), Kt = x({
+		let gt = Ge(() => import("./Tooltip-DO4-MVhc.js")), _t = Ge(() => import("./DataTable-DMsScfkx.js")), vt = Ge(() => import("./UserOptions-HQyukyl2.js").then((e) => e.n)), yt = Ge(() => import("./NonSvgPenAndPaper-Crs4-xWz.js")), bt = Ge(() => import("./BaseDraggableDialog-DBVHlhQZ.js").then((e) => e.n)), { vue_ui_xy_canvas: xt } = ge(), { isThemeValid: St, warnInvalidTheme: Ct } = xe(), E = e, D = x(oe()), O = x(null), wt = x(null), k = x(null), A = x(1), j = x(1), Tt = x(!1), M = x(null), Et = x(""), Dt = x(null), N = x([]), Ot = x(1), P = x(!0), F = x(!0), kt = x(null), At = x(0), jt = x(!1), Mt = x(null), Nt = x(null), I = x(null), Pt = x(null), Ft = x(0), It = x(0), Lt = x(0), L = x(null), Rt = x(!1), zt = x(null), Bt = x(null), Vt = x(!1), Ht = x(!1), Ut = x(!1), R = x(null), Wt = x(!1), Gt = x(!1), Kt = x(!1), z = x(null), qt = x({
 			x: 0,
 			y: 0
-		}), B = m(() => Array.isArray(tn.value) && tn.value.length > 0), qt = it, Jt = nt(), V = x(cn());
+		}), B = m(() => Array.isArray(nn.value) && nn.value.length > 0), Jt = it, Yt = nt(), V = x(ln());
 		de({
 			config: () => V.value,
 			dataset: () => E.dataset,
@@ -92,21 +92,21 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				}
 			]
 		});
-		let Yt = m(() => {
+		let Xt = m(() => {
 			let e = V.value.style.chart.title.text || "XY chart", t = Y.value.end - Y.value.start;
 			return `${e}. ${J.value.filter((e) => !N.value.includes(e.absoluteIndex)).length} series. ${t} visible data points.`;
-		}), Xt = m(() => {
+		}), Zt = m(() => {
 			if (z.value === null) return "";
 			let e = z.value + Y.value.start;
-			return `${V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[z.value] ? V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[z.value]?.text : Zn.value[z.value]?.text : Q.value[e]?.text ?? `Point ${e + 1}`}. ${J.value.filter((e) => !N.value.includes(e.absoluteIndex)).map((e) => {
+			return `${V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[z.value] ? V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[z.value]?.text : Qn.value[z.value]?.text : Q.value[e]?.text ?? `Point ${e + 1}`}. ${J.value.filter((e) => !N.value.includes(e.absoluteIndex)).map((e) => {
 				let t = e.series[z.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), Zt = m(() => V.value.userOptions.useCursorPointer), Qt = m(() => V.value.debug);
+		}), Qt = m(() => V.value.userOptions.useCursorPointer), $t = m(() => V.value.debug);
 		Ze(() => {
-			Jt["chart-background"] && Qt.value && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
+			Yt["chart-background"] && $t.value && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
 		});
-		let $t = m(() => a({
+		let en = m(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -140,10 +140,10 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				} }
 			},
 			userConfig: V.value.skeletonConfig ?? {}
-		})), { loading: en, FINAL_DATASET: tn } = ve({
+		})), { loading: tn, FINAL_DATASET: nn } = ve({
 			...tt(E),
 			FINAL_CONFIG: V,
-			prepareConfig: cn,
+			prepareConfig: ln,
 			skeletonDataset: E.config?.skeletonDataset ?? [{
 				name: "",
 				series: [
@@ -184,25 +184,25 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			}],
 			skeletonConfig: a({
 				defaultConfig: V.value,
-				userConfig: $t.value
+				userConfig: en.value
 			})
-		}), { userOptionsVisible: nn, setUserOptionsVisibility: rn, keepUserOptionState: an } = Ie({ config: V.value }), { svgRef: H } = Le({ config: V.value.style.chart.title });
-		function on() {
-			rn(!0);
-		}
+		}), { userOptionsVisible: rn, setUserOptionsVisibility: an, keepUserOptionState: on } = Ie({ config: V.value }), { svgRef: H } = Le({ config: V.value.style.chart.title });
 		function sn() {
-			rn(!1), qt("selectX", {
+			an(!0);
+		}
+		function cn() {
+			an(!1), Jt("selectX", {
 				dataset: null,
 				index: null,
 				indexLabel: null
 			}), M.value = null;
 		}
-		function cn() {
+		function ln() {
 			let e = be({
 				userConfig: E.config,
-				defaultConfig: bt
+				defaultConfig: xt
 			}), t = {}, n = e.theme;
-			if (n) if (!xt.value(e)) St(e), t = e;
+			if (n) if (!St.value(e)) Ct(e), t = e;
 			else {
 				let r = be({
 					userConfig: ze[n] || E.config,
@@ -223,11 +223,11 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			})), t;
 		}
 		w(() => E.config, (e) => {
-			en.value || (V.value = cn()), nn.value = !V.value.userOptions.showOnChartHover, wr(), Pt.value += 1, Ft.value += 1, It.value += 1, U.value.showTable = V.value.table.show, U.value.showDataLabels = V.value.style.chart.dataLabels.show, U.value.stacked = V.value.style.chart.stacked, U.value.showTooltip = V.value.style.chart.tooltip.show;
+			tn.value || (V.value = ln()), rn.value = !V.value.userOptions.showOnChartHover, Tr(), Ft.value += 1, It.value += 1, Lt.value += 1, U.value.showTable = V.value.table.show, U.value.showDataLabels = V.value.style.chart.dataLabels.show, U.value.stacked = V.value.style.chart.stacked, U.value.showTooltip = V.value.style.chart.tooltip.show;
 		}, { deep: !0 }), w(() => E.dataset, async (e) => {
-			!Array.isArray(e) || e.length === 0 || (await qe(), H.value && !k.value && (k.value = H.value.getContext("2d", { willReadFrequently: !0 })), P.value = !0, F.value = !0, await jn(), Bn(), Pt.value += 1, Ft.value += 1, It.value += 1);
+			!Array.isArray(e) || e.length === 0 || (await qe(), H.value && !k.value && (k.value = H.value.getContext("2d", { willReadFrequently: !0 })), P.value = !0, F.value = !0, await Mn(), Vn(), Ft.value += 1, It.value += 1, Lt.value += 1);
 		}, { deep: !0 });
-		let ln = x(V.value.style.chart.aspectRatio), { isPrinting: un, isImaging: dn, generatePdf: fn, generateImage: pn } = _e({
+		let un = x(V.value.style.chart.aspectRatio), { isPrinting: dn, isImaging: fn, generatePdf: pn, generateImage: mn } = _e({
 			elementId: `xy_canvas_${D.value}`,
 			fileName: V.value.style.chart.title.text || "vue-ui-xy-canvas",
 			options: V.value.userOptions.print
@@ -237,15 +237,15 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			stacked: V.value.style.chart.stacked,
 			showTooltip: V.value.style.chart.tooltip.show
 		});
-		function mn(e) {
-			At.value = e, kt.value += 1;
+		function hn(e) {
+			jt.value = e, At.value += 1;
 		}
-		let hn = m(() => le(V.value.customPalette)), gn = m(() => N.value.length === q.value.length), W = m(() => q.value ? Math.max(...q.value.filter((e, t) => gn.value ? !0 : !N.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
-		function _n(e) {
+		let gn = m(() => le(V.value.customPalette)), _n = m(() => N.value.length === q.value.length), W = m(() => q.value ? Math.max(...q.value.filter((e, t) => _n.value ? !0 : !N.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		function vn(e) {
 			R.value = e, $();
 		}
-		let vn = x(0), yn = x(0);
-		function bn() {
+		let yn = x(0), bn = x(0);
+		function xn() {
 			if (!k.value || !V.value.style.chart.grid.x.timeLabels.show) return 0;
 			let e = Q.value || [], t = Y.value.start ?? 0, n = Y.value.end ?? 0;
 			if (!Math.max(0, n - t)) return 0;
@@ -260,21 +260,21 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			let o = (V.value.style.chart.grid.x.timeLabels.rotation || 0) * Math.PI / 180, s = r, c = Math.abs(Math.sin(o)) * a + Math.abs(Math.cos(o)) * s, l = V.value.style.chart.grid.x.timeLabels.offsetY || 1, u = A.value / l;
 			return Math.max(0, u + c + 4);
 		}
-		function xn() {
-			vn.value = bn();
-		}
 		function Sn() {
-			yn.value && cancelAnimationFrame(yn.value), yn.value = requestAnimationFrame(() => {
+			yn.value = xn();
+		}
+		function Cn() {
+			bn.value && cancelAnimationFrame(bn.value), bn.value = requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					xn();
+					Sn();
 				});
 			});
 		}
 		Xe(() => {
-			yn.value && cancelAnimationFrame(yn.value);
+			bn.value && cancelAnimationFrame(bn.value);
 		});
 		let G = m(() => {
-			let e = A.value - A.value * (V.value.style.chart.paddingProportions.left + V.value.style.chart.paddingProportions.right), t = j.value * V.value.style.chart.paddingProportions.top, n = j.value * V.value.style.chart.paddingProportions.bottom, r = vn.value, i = j.value - n - r, a = j.value - (t + n) - r;
+			let e = A.value - A.value * (V.value.style.chart.paddingProportions.left + V.value.style.chart.paddingProportions.right), t = j.value * V.value.style.chart.paddingProportions.top, n = j.value * V.value.style.chart.paddingProportions.bottom, r = yn.value, i = j.value - n - r, a = j.value - (t + n) - r;
 			return {
 				canvasWidth: A.value,
 				canvasHeight: j.value,
@@ -287,13 +287,13 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				slot: e / (Y.value.end - Y.value.start)
 			};
 		});
-		function Cn(e, t) {
+		function wn(e, t) {
 			return e / t;
 		}
-		function wn({ hasAutoScale: e, series: t, min: n, max: r, scale: i, yOffset: a, individualHeight: o, stackIndex: s = null }) {
+		function Tn({ 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 = Cn(t + r, r + i.max), l, u;
-				e && (l = i.min, u = Cn(t - l, i.max - l));
+				let r = i.min < 0 ? Math.abs(i.min) : 0, c = wn(t + r, r + i.max), l, u;
+				e && (l = i.min, u = wn(t - l, i.max - l));
 				let d = 0;
 				return d = s === null ? G.value.bottom - G.value.height * (e ? u : c) : G.value.bottom - a - o * (e ? u : c), {
 					x: G.value.left + G.value.slot * n + G.value.slot / 2,
@@ -316,7 +316,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				})),
 				zero: i
 			};
-		}), Tn = m(() => J.value.map((e) => `
+		}), En = m(() => J.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}"/>
@@ -332,26 +332,26 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			seriesIndex: M.value
 		})}</span>
             </div>
-        `)), En = m(() => V.value.style.chart.line.cutNullValues), q = m(() => tn.value.map((e, t) => ({
+        `)), Dn = m(() => V.value.style.chart.line.cutNullValues), q = m(() => nn.value.map((e, t) => ({
 			...e,
 			series: i({
-				data: l(e.series, [], En.value),
+				data: l(e.series, [], Dn.value),
 				threshold: V.value.downsample.threshold
 			}),
 			absoluteIndex: t,
-			color: u(e.color || hn.value[t] || c[t] || c[t % c.length])
-		}))), Dn = m(() => {
+			color: u(e.color || gn.value[t] || c[t] || c[t % c.length])
+		}))), On = m(() => {
 			if (!V.value.style.chart.zoom.minimap.show) return [];
 			let e = q.value.filter((e) => !N.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));
-		}), On = m(() => V.value.style.chart.zoom.minimap.show ? q.value.map((e) => ({
+		}), kn = m(() => V.value.style.chart.zoom.minimap.show ? q.value.map((e) => ({
 			...e,
 			isVisible: !N.value.includes(e.absoluteIndex)
 		})) : []);
 		w(W, (e) => {
-			e && jn();
+			e && Mn();
 		});
 		let J = m(() => ae(q.value.filter((e, t) => !N.value.includes(e.absoluteIndex))).map((e, t) => ({
 			...e,
@@ -371,7 +371,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				y: G.value.bottom - s - l * (t / (o.ticks.length - 1)),
 				x: G.value.left - 8,
 				value: e
-			})), ne = wn({
+			})), ne = Tn({
 				hasAutoScale: U.value.stacked && e.autoScaling,
 				series: e.series,
 				min: U.value.stacked ? n : K.value.min,
@@ -399,72 +399,72 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 		}), X = x({
 			start: 0,
 			end: W.value
-		}), kn = x(null);
-		function An() {
+		}), An = x(null);
+		function jn() {
 			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 		}
 		Xe(() => {
-			kn.value && cancelAnimationFrame(kn.value);
+			An.value && cancelAnimationFrame(An.value);
 		});
-		async function jn() {
-			Pn(), await qe(), kn.value && cancelAnimationFrame(kn.value), kn.value = requestAnimationFrame(async () => {
-				await An(), Pn();
+		async function Mn() {
+			Fn(), await qe(), An.value && cancelAnimationFrame(An.value), An.value = requestAnimationFrame(async () => {
+				await jn(), Fn();
 			});
 		}
-		let Mn = m(() => V.value.style.chart.zoom.preview.enable && (X.value.start !== Y.value.start || X.value.end !== Y.value.end));
-		function Nn(e, t) {
+		let Nn = m(() => V.value.style.chart.zoom.preview.enable && (X.value.start !== Y.value.start || X.value.end !== Y.value.end));
+		function Pn(e, t) {
 			X.value[e] = t;
 		}
-		async function Pn() {
-			if (!Bt.value) {
-				Bt.value = !0;
+		async function Fn() {
+			if (!Vt.value) {
+				Vt.value = !0;
 				try {
-					let { startIndex: e, endIndex: t } = V.value.style.chart.zoom, n = Math.max(...q.value.map((e) => e.series.length)), r = e ?? 0, i = t == null ? n : Math.min(Ln(t + 1), n);
-					Ht.value = !0, Y.value.start = r, Y.value.end = i, X.value.start = r, X.value.end = i, Rn(), Vt.value = !0, await qe(), I.value && (I.value.setStartValue(Y.value.start), I.value.setEndValue(Y.value.end));
+					let { startIndex: e, endIndex: t } = V.value.style.chart.zoom, n = Math.max(...q.value.map((e) => e.series.length)), r = e ?? 0, i = t == null ? n : Math.min(Rn(t + 1), n);
+					Ut.value = !0, Y.value.start = r, Y.value.end = i, X.value.start = r, X.value.end = i, zn(), Ht.value = !0, await qe(), I.value && (I.value.setStartValue(Y.value.start), I.value.setEndValue(Y.value.end));
 				} finally {
 					queueMicrotask(() => {
-						Ht.value = !1;
-					}), Bt.value = !1;
+						Ut.value = !1;
+					}), Vt.value = !1;
 				}
 			}
 		}
-		function Fn(e) {
-			Bt.value || Ht.value || e !== Y.value.start && (Y.value.start = e, X.value.start = e, Rn());
-		}
 		function In(e) {
-			if (Bt.value || Ht.value) return;
-			let t = Ln(e);
-			t !== Y.value.end && (Y.value.end = t, X.value.end = t, Rn());
+			Vt.value || Ut.value || e !== Y.value.start && (Y.value.start = e, X.value.start = e, zn());
 		}
 		function Ln(e) {
+			if (Vt.value || Ut.value) return;
+			let t = Rn(e);
+			t !== Y.value.end && (Y.value.end = t, X.value.end = t, zn());
+		}
+		function Rn(e) {
 			let t = W.value;
 			return e > t ? t : e < 0 || e < Y.value.start ? V.value.style.chart.zoom.startIndex === null ? 1 : V.value.style.chart.zoom.startIndex + 1 : e;
 		}
-		function Rn() {
+		function zn() {
 			let e = Math.max(1, Math.max(...q.value.map((e) => e.series.length))), t = Math.max(0, Math.min(Y.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(Y.value.end ?? e, e));
 			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), Y.value = {
 				start: t,
 				end: n
 			}, X.value.start = t, X.value.end = n, I.value && (I.value.setStartValue(t), I.value.setEndValue(n));
 		}
-		let zn = m(() => J.value.filter((e) => [
+		let Bn = m(() => J.value.filter((e) => [
 			"line",
 			"plot",
 			void 0
 		].includes(e.type))), Z = m(() => J.value.filter((e) => e.type === "bar"));
-		function Bn() {
-			if (!H.value || !Ct.value) return;
-			let e = Ct.value.offsetWidth, t = Ct.value.offsetHeight;
-			H.value.width = e * Dt.value * 2, H.value.height = t * Dt.value * 2, A.value = e * Dt.value * 2, j.value = t * Dt.value * 2, k.value?.scale(Dt.value, Dt.value), $();
+		function Vn() {
+			if (!H.value || !wt.value) return;
+			let e = wt.value.offsetWidth, t = wt.value.offsetHeight;
+			H.value.width = e * Ot.value * 2, H.value.height = t * Ot.value * 2, A.value = e * Ot.value * 2, j.value = t * Ot.value * 2, k.value?.scale(Ot.value, Ot.value), $();
 		}
 		w(B, async (e) => {
 			if (!e) {
-				Ot.value = null, wt.value = !1, M.value = null, L.value = null;
+				kt.value = null, Tt.value = !1, M.value = null, L.value = null;
 				return;
 			}
-			await qe(), H.value && !k.value && (k.value = H.value.getContext("2d", { willReadFrequently: !0 })), P.value = !0, F.value = !0, await jn(), Bn(), $();
+			await qe(), H.value && !k.value && (k.value = H.value.getContext("2d", { willReadFrequently: !0 })), P.value = !0, F.value = !0, await Mn(), Vn(), $();
 		});
-		function Vn() {
+		function Hn() {
 			if (k.value && (k.value.clearRect(0, 0, 1e4, 1e4), k.value.fillStyle = V.value.style.chart.backgroundColor, k.value.fillRect(0, 0, G.value.canvasWidth, G.value.canvasHeight), B.value)) {
 				if (U.value.stacked) V.value.style.chart.grid.y.verticalLines.show && Y.value.end - Y.value.start < V.value.style.chart.grid.y.verticalLines.hideUnderXLength ? J.value.forEach((e) => {
 					for (let t = 0; t < Y.value.end - Y.value.start + 1; t += 1) f(k.value, [{
@@ -635,7 +635,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				});
 			}
 		}
-		function Hn(e) {
+		function Un(e) {
 			for (let t = 0; t < e.coordinatesLine.length; t += 1) {
 				let n = (M.value === t || R.value === t ? A.value / 150 : V.value.style.chart.line.plots.show || e.type === "plot" ? A.value / 200 : 0) * V.value.style.chart.line.plots.radiusRatio;
 				De(k.value, {
@@ -648,24 +648,24 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				});
 			}
 		}
-		function Un() {
+		function Wn() {
 			J.value.forEach((e) => {
-				e.showYMarker && lr(e) && p(k.value, re(V.value.style.chart.dataLabels.formatter, lr(e).value, d({
+				e.showYMarker && ur(e) && p(k.value, re(V.value.style.chart.dataLabels.formatter, ur(e).value, d({
 					p: e.prefix || V.value.style.chart.grid.y.axisLabels.prefix || "",
-					v: lr(e).value,
+					v: ur(e).value,
 					s: e.suffix || V.value.style.chart.grid.y.axisLabels.suffix || "",
 					r: e.rounding || V.value.style.chart.grid.y.axisLabels.rounding || 0
 				}), {
-					datapoint: lr(e),
+					datapoint: ur(e),
 					seriesIndex: null
-				}), G.value.left - 8 + V.value.style.chart.grid.y.axisLabels.offsetX, lr(e).y, {
+				}), G.value.left - 8 + V.value.style.chart.grid.y.axisLabels.offsetX, ur(e).y, {
 					align: "right",
 					font: `${V.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(A.value / 40 * V.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${V.value.style.fontFamily}`,
 					color: e.color
 				});
 			});
 		}
-		function Wn() {
+		function Gn() {
 			V.value.style.chart.grid.y.axisLabels.show && (U.value.stacked ? J.value.forEach((e) => {
 				e.localYLabels.forEach((t, n) => {
 					p(k.value, re(V.value.style.chart.dataLabels.formatter, t.value, d({
@@ -700,7 +700,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				});
 			}));
 		}
-		function Gn(e) {
+		function Kn(e) {
 			for (let t = 0; t < e.coordinatesLine.length; t += 1) p(k.value, re(V.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, d({
 				p: e.prefix || "",
 				v: e.coordinatesLine[t].value,
@@ -717,9 +717,9 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				lineWidth: .5
 			});
 		}
-		let Q = x([]), Kn = 0;
+		let Q = x([]), qn = 0;
 		rt(() => {
-			let e = ++Kn;
+			let e = ++qn;
 			(async () => {
 				let t = await he({
 					values: V.value.style.chart.grid.x.timeLabels.values,
@@ -728,42 +728,42 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 					start: 0,
 					end: W.value
 				});
-				e === Kn && (Q.value = t);
+				e === qn && (Q.value = t);
 			})();
 		}), rt(() => {
-			V.value.style.chart.grid.x.timeLabels.show, V.value.style.chart.grid.x.timeLabels.rotation, V.value.style.chart.grid.x.timeLabels.offsetY, V.value.style.chart.grid.x.timeLabels.fontSizeRatio, V.value.style.chart.grid.x.timeLabels.bold, Y.value.start, Y.value.end, A.value, j.value, (Q.value || []).map((e) => e?.text ?? "").join("|"), Sn();
+			V.value.style.chart.grid.x.timeLabels.show, V.value.style.chart.grid.x.timeLabels.rotation, V.value.style.chart.grid.x.timeLabels.offsetY, V.value.style.chart.grid.x.timeLabels.fontSizeRatio, V.value.style.chart.grid.x.timeLabels.bold, Y.value.start, Y.value.end, A.value, j.value, (Q.value || []).map((e) => e?.text ?? "").join("|"), Cn();
 		}, { flush: "post" });
-		let qn = x({
+		let Jn = x({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), Jn = 0;
+		}), Yn = 0;
 		rt(() => {
-			let e = ++Jn, t = V.value.style.chart.grid.x.timeLabels.datetimeFormatter;
+			let e = ++Yn, t = V.value.style.chart.grid.x.timeLabels.datetimeFormatter;
 			(async () => {
 				let n = await me(t.locale).catch(() => me("en"));
-				e === Jn && (qn.value = n.data);
+				e === Yn && (Jn.value = n.data);
 			})();
 		});
-		let Yn = m(() => {
+		let Xn = m(() => {
 			let e = V.value.style.chart.grid.x.timeLabels.datetimeFormatter, t = pe({
 				useUTC: e.useUTC,
-				locale: qn.value,
+				locale: Jn.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
 				let r = V.value.style.chart.grid.x.timeLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Xn = m(() => (V.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
-			text: Yn.value(t, V.value.style.chart.zoom.timeFormat),
+		}), Zn = m(() => (V.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
+			text: Xn.value(t, V.value.style.chart.zoom.timeFormat),
 			absoluteIndex: t
-		}))), Zn = m(() => (V.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
-			text: Yn.value(t, V.value.style.chart.tooltip.timeFormat),
+		}))), Qn = m(() => (V.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
+			text: Xn.value(t, V.value.style.chart.tooltip.timeFormat),
 			absoluteIndex: t
 		})));
-		function Qn() {
+		function $n() {
 			for (let e = Y.value.start; e < Y.value.end; e += 1) (Y.value.end - Y.value.start < V.value.style.chart.grid.x.timeLabels.modulo || Y.value.end - Y.value.start >= V.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor((Y.value.end - Y.value.start) / V.value.style.chart.grid.x.timeLabels.modulo) === 0 || (e === M.value + Y.value.start || e === R.value) && V.value.style.chart.grid.x.timeLabels.showMarker)) && p(k.value, Q.value[e] ? Q.value[e].text : e + 1, G.value.left + G.value.slot * (e - Y.value.start) + G.value.slot / 2, G.value.bottom + A.value / V.value.style.chart.grid.x.timeLabels.offsetY, {
 				align: V.value.style.chart.grid.x.timeLabels.rotation === 0 ? "center" : V.value.style.chart.grid.x.timeLabels.rotation > 0 ? "left" : "right",
 				font: `${V.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${Math.round(A.value / 40 * V.value.style.chart.grid.x.timeLabels.fontSizeRatio)}px ${V.value.style.fontFamily}`,
@@ -771,7 +771,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				rotation: V.value.style.chart.grid.x.timeLabels.rotation
 			});
 		}
-		function $n() {
+		function er() {
 			f(k.value, [{
 				x: G.value.left + G.value.slot * (M.value ?? R.value) + G.value.slot / 2,
 				y: G.value.top
@@ -785,7 +785,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				linceCap: "round"
 			});
 		}
-		function er() {
+		function tr() {
 			L.value && f(k.value, [{
 				x: G.value.left,
 				y: L.value
@@ -799,7 +799,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				linceCap: "round"
 			});
 		}
-		function tr() {
+		function nr() {
 			Z.value.forEach((e, t) => {
 				for (let n = 0; n < e.coordinatesLine.length; n += 1) Ae(k.value, [
 					{
@@ -855,7 +855,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				});
 			});
 		}
-		function nr(e, t) {
+		function rr(e, t) {
 			let n = e.coordinatesLine.map((t, n) => e.series[n] != null && Number.isFinite(t?.y) ? t : null), r = [], i = [], a = [];
 			for (let e = 0; e < n.length; e += 1) {
 				let o = n[e];
@@ -897,7 +897,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				singles: i
 			};
 		}
-		function rr(e) {
+		function ir(e) {
 			let t = e.coordinatesLine.map((t, n) => e.series[n] != null && Number.isFinite(t?.y) ? t : null), n = [], r = [];
 			for (let e = 0; e < t.length; e += 1) {
 				let i = t[e];
@@ -905,9 +905,9 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			}
 			return r.length >= 2 && n.push(r), n;
 		}
-		function ir(e) {
-			if (En.value) {
-				let t = rr(e);
+		function ar(e) {
+			if (Dn.value) {
+				let t = ir(e);
 				for (let n of t) f(k.value, n, {
 					color: e.color,
 					lineWidth: 3
@@ -917,12 +917,12 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				lineWidth: 3
 			});
 		}
-		function ar(e) {
-			let t = !!En.value;
+		function or(e) {
+			let t = !!Dn.value;
 			if (e.useArea) {
 				let r = U.value.stacked ? e.localZero : K.value.zero;
 				if (t) {
-					let { polygons: t, singles: i } = nr(e, r);
+					let { polygons: t, singles: i } = rr(e, r);
 					for (let r of t) Oe(k.value, r, {
 						fillColor: n(e.color, V.value.style.chart.area.opacity),
 						strokeColor: "transparent"
@@ -953,12 +953,12 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 						strokeColor: "transparent"
 					});
 				}
-				ir(e);
+				ar(e);
 				return;
 			}
-			ir(e);
+			ar(e);
 		}
-		function or() {
+		function sr() {
 			J.value.forEach((e, t) => {
 				f(k.value, [{
 					x: G.value.left,
@@ -972,7 +972,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				});
 			});
 		}
-		function sr() {
+		function cr() {
 			let { left: e, top: t, width: n, height: r } = G.value, i = Y.value.start, a = Y.value.end - i, o = n / a, s = X.value.start - i, c = X.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
 			Ae(k.value, [
 				{
@@ -1004,9 +1004,9 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			});
 		}
 		function $() {
-			!B.value || !H.value || !k.value || (Vn(), P.value ? ((M.value !== null || R.value !== null) && V.value.style.chart.selector.show && $n(), tr(), U.value.stacked && V.value.style.chart.grid.x.showAxis && or(), zn.value.forEach((e) => {
-				(e.type === "line" || !e.type) && ar(e), F.value && (Hn(e), U.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Gn(e));
-			}), H.value && (Ot.value = ke(H.value))) : (Ot.value && (k.value.clearRect(0, 0, 1e4, 1e4), k.value.drawImage(Ot.value, 0, 0)), (M.value !== null || R.value !== null) && V.value.style.chart.selector.show && $n(), (M.value !== null || R.value !== null) && J.value.forEach((e) => {
+			!B.value || !H.value || !k.value || (Hn(), P.value ? ((M.value !== null || R.value !== null) && V.value.style.chart.selector.show && er(), nr(), U.value.stacked && V.value.style.chart.grid.x.showAxis && sr(), Bn.value.forEach((e) => {
+				(e.type === "line" || !e.type) && or(e), F.value && (Un(e), U.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Kn(e));
+			}), H.value && (kt.value = ke(H.value))) : (kt.value && (k.value.clearRect(0, 0, 1e4, 1e4), k.value.drawImage(kt.value, 0, 0)), (M.value !== null || R.value !== null) && V.value.style.chart.selector.show && er(), (M.value !== null || R.value !== null) && J.value.forEach((e) => {
 				let t = M.value ?? R.value, n = e.coordinatesLine[t];
 				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && De(k.value, {
 					x: n.x,
@@ -1016,12 +1016,12 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 					fillStyle: e.color,
 					strokeColor: "transparent"
 				});
-			})), V.value.style.chart.grid.x.timeLabels.show && Qn(), V.value.style.chart.selector.show && V.value.style.chart.selector.showHorizontalSelector && er(), Wn(), Un(), V.value.style.chart.zoom.preview.enable && (Y.value.start !== X.value.start || Y.value.end !== X.value.end) && sr(), P.value = !1);
+			})), V.value.style.chart.grid.x.timeLabels.show && $n(), V.value.style.chart.selector.show && V.value.style.chart.selector.showHorizontalSelector && tr(), Gn(), Wn(), V.value.style.chart.zoom.preview.enable && (Y.value.start !== X.value.start || Y.value.end !== X.value.end) && cr(), P.value = !1);
 		}
-		let cr = Te(() => {
-			F.value = !0, Bn();
+		let lr = Te(() => {
+			F.value = !0, Vn();
 		}, W.value > 200 ? 10 : 1, !F.value);
-		function lr(e) {
+		function ur(e) {
 			if ([null, void 0].includes(M.value ?? R.value) || !e.coordinatesLine[M.value ?? R.value]) return !1;
 			let { y: t, value: n } = e.coordinatesLine[M.value ?? R.value];
 			return {
@@ -1029,15 +1029,15 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				value: n
 			};
 		}
-		function ur(e) {
-			if (!B.value || !H.value || gn.value) return;
+		function dr(e) {
+			if (!B.value || !H.value || _n.value) return;
 			let { left: t, top: n } = H.value.getBoundingClientRect(), r = e.clientX - t;
 			if (L.value = (e.clientY - n) * 2, (L.value < G.value.top || L.value > G.value.bottom) && (L.value = null), r * 2 < G.value.left || r * 2 > G.value.right) {
-				hr();
+				gr();
 				return;
 			}
 			let i = r * 2 - G.value.left, a = Math.floor(i / G.value.slot);
-			if (M.value = a, z.value = a, wt.value = !0, Wt.value = !1, !F.value) return;
+			if (M.value = a, z.value = a, Tt.value = !0, Gt.value = !1, !F.value) return;
 			let o = "", s = V.value.style.chart.tooltip.customFormat, c = J.value.map((e) => ({
 				shape: e.shape || null,
 				name: e.name,
@@ -1045,13 +1045,13 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				type: e.type || "line",
 				value: e.series.find((e, t) => t === M.value)
 			}));
-			Et.value = {
-				timeLabel: V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[M.value] ? V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[M.value]?.text : Zn.value[M.value]?.text : "",
+			Dt.value = {
+				timeLabel: V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[M.value] ? V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[M.value]?.text : Qn.value[M.value]?.text : "",
 				datapoint: c,
 				seriesIndex: M.value,
 				series: J.value,
 				config: V.value
-			}, yr({
+			}, br({
 				seriesIndex: M.value,
 				datapoint: c
 			}), ue(s) && te(() => s({
@@ -1059,14 +1059,14 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				datapoint: c,
 				series: J.value,
 				config: V.value
-			})) ? Tt.value = s({
+			})) ? Et.value = s({
 				seriesIndex: M.value,
 				datapoint: c,
 				series: J.value,
 				config: V.value
-			}) : (V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[M.value] ? o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[M.value]?.text : Zn.value[M.value]?.text}</div>` : o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${Q.value[M.value + Y.value.start]?.text ?? ""}</div>`, o += Tn.value.join(""), Tt.value = o), F.value = !1;
+			}) : (V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[M.value] ? o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[M.value]?.text : Qn.value[M.value]?.text}</div>` : o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${Q.value[M.value + Y.value.start]?.text ?? ""}</div>`, o += En.value.join(""), Et.value = o), F.value = !1;
 		}
-		function dr(e) {
+		function fr(e) {
 			return J.value.map((t) => ({
 				shape: t.shape || null,
 				name: t.name,
@@ -1075,9 +1075,9 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				value: t.series.find((t, n) => n === e)
 			}));
 		}
-		function fr(e) {
-			let t = "", n = V.value.style.chart.tooltip.customFormat, r = dr(e);
-			return yr({
+		function pr(e) {
+			let t = "", n = V.value.style.chart.tooltip.customFormat, r = fr(e);
+			return br({
 				seriesIndex: e,
 				datapoint: r
 			}), ue(n) && te(() => n({
@@ -1090,41 +1090,41 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				datapoint: r,
 				series: J.value,
 				config: V.value
-			}) : (V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[e]?.text : Zn.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${Q.value[e + Y.value.start]?.text ?? ""}</div>`, t += Tn.value.join(""), t);
+			}) : (V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${V.value.style.chart.tooltip.useDefaultTimeFormat ? Q.value.slice(Y.value.start, Y.value.end)[e]?.text : Qn.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.style.chart.tooltip.borderColor}; width:100%">${Q.value[e + Y.value.start]?.text ?? ""}</div>`, t += En.value.join(""), t);
 		}
-		function pr(e) {
+		function mr(e) {
 			if (!H.value || !G.value?.slot) return;
 			let t = H.value.getBoundingClientRect(), n = t.width / G.value.canvasWidth, r = t.height / G.value.canvasHeight, i = G.value.left + G.value.slot * e + G.value.slot / 2, a = G.value.top + G.value.height / 2;
-			Kt.value = {
+			qt.value = {
 				x: t.left + i * n,
 				y: t.top + a * r
 			};
 		}
-		function mr(e, { fromKeyboard: t = !1 } = {}) {
-			!B.value || gn.value || e != null && (e < 0 || e >= Y.value.end - Y.value.start || (M.value = e, z.value = e, wt.value = !0, Wt.value = t, Tt.value = fr(e), t && pr(e), F.value = !1, $()));
-		}
-		function hr() {
-			wt.value = !1, M.value = null, z.value = null, Tt.value = "", L.value = null, Wt.value = !1, $();
+		function hr(e, { fromKeyboard: t = !1 } = {}) {
+			!B.value || _n.value || e != null && (e < 0 || e >= Y.value.end - Y.value.start || (M.value = e, z.value = e, Tt.value = !0, Gt.value = t, Et.value = pr(e), t && mr(e), F.value = !1, $()));
 		}
 		function gr() {
-			Gt.value = !0;
+			Tt.value = !1, M.value = null, z.value = null, Et.value = "", L.value = null, Gt.value = !1, $();
 		}
 		function _r() {
-			Gt.value = !1, hr();
+			Kt.value = !0;
 		}
-		function vr(e) {
-			if (!H.value || Br.value || document.activeElement !== H.value) return;
+		function vr() {
+			Kt.value = !1, gr();
+		}
+		function yr(e) {
+			if (!H.value || Vr.value || document.activeElement !== H.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n) return;
 			let r = Y.value.end - Y.value.start;
 			if (r <= 0) return;
 			e.preventDefault(), e.stopPropagation();
 			let i = z.value;
-			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : (--i, i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, mr(i, { fromKeyboard: !0 });
+			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : (--i, i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, hr(i, { fromKeyboard: !0 });
 		}
-		function yr({ seriesIndex: e, datapoint: t }) {
+		function br({ seriesIndex: e, datapoint: t }) {
 			let n = Y.value.start + e;
-			qt("selectX", {
+			Jt("selectX", {
 				dataset: t,
 				index: n,
 				indexLabel: ""
@@ -1132,13 +1132,13 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 		}
 		w(() => E.selectedXIndex, (e) => {
 			if ([null, void 0].includes(E.selectedXIndex)) {
-				hr();
+				gr();
 				return;
 			}
 			let t = e - Y.value.start;
-			t < 0 || e >= Y.value.end ? hr() : mr(t, { fromKeyboard: !1 });
+			t < 0 || e >= Y.value.end ? gr() : hr(t, { fromKeyboard: !1 });
 		}, { immediate: !0 }), w(() => M.value, (e) => {
-			cr();
+			lr();
 		}), w(() => Y.value, (e) => {
 			P.value = !0, $();
 		}, { deep: !0 }), w(() => X.value, (e) => {
@@ -1148,67 +1148,67 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 		}), w(() => L.value, (e) => {
 			e && $();
 		}), w(() => U.value.stacked, (e) => {
-			P.value = !0, F.value = !0, cr();
+			P.value = !0, F.value = !0, lr();
 		});
-		function br() {
-			hr();
+		function xr() {
+			gr();
 		}
-		let xr = $e(null), Sr = $e(null), Cr = $e(null);
+		let Sr = $e(null), Cr = $e(null), wr = $e(null);
 		Ze(() => {
-			Lt.value = !0, wr();
+			Rt.value = !0, Tr();
 		});
-		function wr() {
+		function Tr() {
 			if (ie(E.dataset) && se({
 				componentName: "VueUiXyCanvas",
 				type: "dataset",
-				debug: Qt.value
+				debug: $t.value
 			}), qe(() => {
-				H.value && !k.value && (k.value = H.value.getContext("2d", { willReadFrequently: !0 })), k.value && B.value && (P.value = !0, F.value = !0, Bn());
+				H.value && !k.value && (k.value = H.value.getContext("2d", { willReadFrequently: !0 })), k.value && B.value && (P.value = !0, F.value = !0, Vn());
 			}), V.value.responsive) {
 				let e = Ee(() => {
 					let { width: e, height: t } = je({
 						chart: O.value,
-						title: V.value.style.chart.title.text ? jt.value : null,
-						legend: V.value.style.chart.legend.show ? Mt.value : null,
+						title: V.value.style.chart.title.text ? Mt.value : null,
+						legend: V.value.style.chart.legend.show ? Nt.value : null,
 						slicer: V.value.style.chart.zoom.show && W.value > 6 ? I.value?.$el : null,
-						source: Nt.value
+						source: Pt.value
 					});
 					requestAnimationFrame(() => {
-						ln.value = `${e} / ${t}`;
+						un.value = `${e} / ${t}`;
 					});
 				});
-				xr.value && (Sr.value && xr.value.unobserve(Sr.value), xr.value.disconnect()), xr.value = new ResizeObserver(e), Sr.value = O.value.parentNode, xr.value.observe(Sr.value);
+				Sr.value && (Cr.value && Sr.value.unobserve(Cr.value), Sr.value.disconnect()), Sr.value = new ResizeObserver(e), Cr.value = O.value.parentNode, Sr.value.observe(Cr.value);
 			}
-			Cr.value && Cr.value.disconnect(), Cr.value = new ResizeObserver(async (e) => {
-				for (let t of e) t.contentBoxSize && Ct.value && (P.value = !0, cr());
-			}), Cr.value.observe(Ct.value), jn();
+			wr.value && wr.value.disconnect(), wr.value = new ResizeObserver(async (e) => {
+				for (let t of e) t.contentBoxSize && wt.value && (P.value = !0, lr());
+			}), wr.value.observe(wt.value), Mn();
 		}
 		Xe(() => {
-			Cr.value && Cr.value.disconnect(), xr.value && (Sr.value && xr.value.unobserve(Sr.value), xr.value.disconnect());
+			wr.value && wr.value.disconnect(), Sr.value && (Cr.value && Sr.value.unobserve(Cr.value), Sr.value.disconnect());
 		});
-		function Tr() {
-			N.value.length ? N.value = [] : Ar.value.forEach((e, t) => {
+		function Er() {
+			N.value.length ? N.value = [] : jr.value.forEach((e, t) => {
 				N.value.push(t);
-			}), P.value = !0, cr(), qt("selectLegend", J.value);
-		}
-		function Er(e) {
-			N.value.includes(e) ? N.value = N.value.filter((t) => t !== e) : N.value.push(e), P.value = !0, cr(), qt("selectLegend", J.value);
+			}), P.value = !0, lr(), Jt("selectLegend", J.value);
 		}
 		function Dr(e) {
-			return q.value.length ? q.value.find((t) => t.name === e) || (Qt.value && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : (Qt.value && console.warn("VueUiXyCanvas - There are no series to show."), null);
+			N.value.includes(e) ? N.value = N.value.filter((t) => t !== e) : N.value.push(e), P.value = !0, lr(), Jt("selectLegend", J.value);
 		}
 		function Or(e) {
-			let t = Dr(e);
-			t !== null && N.value.includes(t.absoluteIndex) && Er(t.absoluteIndex);
+			return q.value.length ? q.value.find((t) => t.name === e) || ($t.value && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : ($t.value && console.warn("VueUiXyCanvas - There are no series to show."), null);
 		}
 		function kr(e) {
-			let t = Dr(e);
-			t !== null && (N.value.includes(t.absoluteIndex) || Er(t.absoluteIndex));
+			let t = Or(e);
+			t !== null && N.value.includes(t.absoluteIndex) && Dr(t.absoluteIndex);
+		}
+		function Ar(e) {
+			let t = Or(e);
+			t !== null && (N.value.includes(t.absoluteIndex) || Dr(t.absoluteIndex));
 		}
-		let Ar = m(() => q.value.map((e, t) => ({
+		let jr = m(() => q.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: u(e.color) || hn.value[t] || c[t] || c[t % c.length],
+			color: u(e.color) || gn.value[t] || c[t] || c[t % c.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1216,17 +1216,17 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 		})).map((e) => ({
 			...e,
 			opacity: N.value.includes(e.absoluteIndex) ? .5 : 1,
-			segregate: () => Er(e.absoluteIndex),
+			segregate: () => Dr(e.absoluteIndex),
 			isSegregated: N.value.includes(e.absoluteIndex)
-		}))), jr = m(() => ({
+		}))), Mr = m(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: V.value.style.chart.legend.backgroundColor,
 			color: V.value.style.chart.legend.color,
 			fontSize: V.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: V.value.style.chart.legend.bold ? "bold" : ""
-		})), Mr = m(() => {
-			let e = [""].concat(J.value.map((e) => e.name), " <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"), t = [];
+		})), Nr = m(() => {
+			let e = [""].concat(J.value.map((e) => e.name), "__SUM__"), t = [];
 			for (let e = 0; e < W.value; e += 1) {
 				let n = J.value.map((t) => t.series[e] ?? 0).reduce((e, t) => e + t, 0);
 				t.push([V.value.style.chart.grid.x.timeLabels.values.slice(Y.value.start, Y.value.end)[e] ? Q?.value?.slice(Y.value.start, Y.value.end)?.[e]?.text ?? e + 1 : e + 1].concat(J.value.map((t) => (t.series[e] ?? 0).toFixed(V.value.table.rounding)), (n ?? 0).toFixed(V.value.table.rounding)));
@@ -1250,7 +1250,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				config: n,
 				colNames: r
 			};
-		}), Nr = m(() => {
+		}), Pr = m(() => {
 			if (J.value.length === 0) return {
 				head: [],
 				body: [],
@@ -1273,37 +1273,37 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				body: t
 			};
 		});
-		function Pr(e = null) {
+		function Fr(e = null) {
 			let n = [
 				[V.value.style.chart.title.text],
 				[V.value.style.chart.title.subtitle.text],
 				[""]
-			], i = ["", ...Nr.value.head.map((e) => e.label)], a = Nr.value.body, o = n.concat([i]).concat(a), s = r(o);
+			], i = ["", ...Pr.value.head.map((e) => e.label)], a = Pr.value.body, o = n.concat([i]).concat(a), s = r(o);
 			e ? e(s) : t({
 				csvContent: s,
 				title: V.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
 		}
-		function Fr() {
+		function Ir() {
 			return J.value;
 		}
-		function Ir() {
+		function Lr() {
 			U.value.showTable = !U.value.showTable;
 		}
-		function Lr() {
+		function Rr() {
 			U.value.showDataLabels = !U.value.showDataLabels;
 		}
-		function Rr() {
+		function zr() {
 			U.value.stacked = !U.value.stacked;
 		}
-		function zr() {
+		function Br() {
 			U.value.showTooltip = !U.value.showTooltip;
 		}
-		let Br = x(!1);
-		function Vr() {
-			Br.value = !Br.value;
+		let Vr = x(!1);
+		function Hr() {
+			Vr.value = !Vr.value;
 		}
-		async function Hr({ scale: e = 2 } = {}) {
+		async function Ur({ scale: e = 2 } = {}) {
 			if (!O.value) return;
 			let { imageUri: t, base64: n } = await Se({
 				domElement: O.value,
@@ -1322,20 +1322,20 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				...a
 			};
 		}
-		let Ur = m(() => {
+		let Wr = m(() => {
 			let e = V.value.table.useDialog && !V.value.table.show, t = U.value.showTable;
 			return {
-				component: e ? yt : Pe,
+				component: e ? bt : Pe,
 				title: `${V.value.style.chart.title.text}${V.value.style.chart.title.subtitle.text ? `: ${V.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: V.value.table.th.backgroundColor,
 					color: V.value.table.th.color,
 					headerColor: V.value.table.th.color,
 					headerBg: V.value.table.th.backgroundColor,
-					isFullscreen: At.value,
+					isFullscreen: jt.value,
 					fullscreenParent: O.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: Zt.value
+					isCursorPointer: Qt.value
 				} : {
 					hideDetails: !0,
 					config: {
@@ -1354,24 +1354,24 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			};
 		});
 		w(() => U.value.showTable, (e) => {
-			V.value.table.show || (e && V.value.table.useDialog && Rt.value ? Rt.value.open() : "close" in Rt.value && Rt.value.close());
+			V.value.table.show || (e && V.value.table.useDialog && zt.value ? zt.value.open() : "close" in zt.value && zt.value.close());
 		});
-		function Wr() {
-			U.value.showTable = !1, zt.value && zt.value.setTableIconState(!1);
+		function Gr() {
+			U.value.showTable = !1, Bt.value && Bt.value.setTableIconState(!1);
 		}
-		function Gr(e) {
+		function Kr(e) {
 			if (e?.stage === "start") {
-				Ut.value = !0;
+				Wt.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Ut.value = !1;
+				Wt.value = !1;
 				return;
 			}
-			pn();
+			mn();
 		}
-		async function Kr() {
-			if (qt("copyAlt", {
+		async function qr() {
+			if (Jt("copyAlt", {
 				config: V.value,
 				dataset: J.value
 			}), !V.value.userOptions.callbacks.altCopy) {
@@ -1384,41 +1384,41 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			}));
 		}
 		return we({
-			getData: Fr,
-			getImage: Hr,
-			generateCsv: Pr,
-			generatePdf: fn,
-			generateImage: pn,
-			hideSeries: kr,
-			showSeries: Or,
-			toggleTable: Ir,
-			toggleLabels: Lr,
-			toggleStack: Rr,
-			toggleTooltip: zr,
-			toggleAnnotator: Vr,
-			toggleFullscreen: mn,
-			copyAlt: Kr
+			getData: Ir,
+			getImage: Ur,
+			generateCsv: Fr,
+			generatePdf: pn,
+			generateImage: mn,
+			hideSeries: Ar,
+			showSeries: kr,
+			toggleTable: Lr,
+			toggleLabels: Rr,
+			toggleStack: zr,
+			toggleTooltip: Br,
+			toggleAnnotator: Hr,
+			toggleFullscreen: hn,
+			copyAlt: qr
 		}), (t, n) => (b(), Ve("div", {
 			style: Ye(`width:100%; position:relative; ${V.value.responsive ? "height: 100%" : ""}; background:${V.value.style.chart.backgroundColor};`),
 			ref_key: "xy",
 			ref: O,
 			id: `xy_canvas_${D.value}`,
-			class: Je(`vue-data-ui-component vue-ui-xy-canvas ${At.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			onMouseenter: on,
-			onMouseleave: sn
+			class: Je(`vue-data-ui-component vue-ui-xy-canvas ${jt.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			onMouseenter: sn,
+			onMouseleave: cn
 		}, [
 			_("div", {
 				id: `chart-instructions-${D.value}`,
 				class: "sr-only"
 			}, [_("p", null, et(V.value.a11y.translations.keyboardNavigation), 1)], 8, ot),
-			_("div", st, et(Xt.value), 1),
+			_("div", st, et(Zt.value), 1),
 			V.value.style.chart.title.text ? (b(), Ve("div", {
 				key: 0,
 				ref_key: "chartTitle",
-				ref: jt,
+				ref: Mt,
 				style: Ye(`width:100%;background:${V.value.style.chart.backgroundColor};`)
 			}, [(b(), h(Ce, {
-				key: `title_${Pt.value}`,
+				key: `title_${Ft.value}`,
 				config: {
 					title: {
 						cy: "xy-canvas-title",
@@ -1431,14 +1431,14 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				}
 			}, null, 8, ["config"]))], 4)) : g("", !0),
 			_("div", { id: `legend-top-${D.value}` }, null, 8, ct),
-			V.value.userOptions.show && B.value && (C(an) || C(nn)) ? (b(), h(C(_t), {
+			V.value.userOptions.show && B.value && (C(on) || C(rn)) ? (b(), h(C(vt), {
 				ref_key: "userOptionsRef",
-				ref: zt,
-				key: `user_option_${kt.value}`,
+				ref: Bt,
+				key: `user_option_${At.value}`,
 				backgroundColor: V.value.style.chart.backgroundColor,
 				color: V.value.style.chart.color,
-				isPrinting: C(un),
-				isImaging: C(dn),
+				isPrinting: C(dn),
+				isImaging: C(fn),
 				uid: D.value,
 				hasTooltip: V.value.userOptions.buttons.tooltip && V.value.style.chart.tooltip.show,
 				hasPdf: V.value.userOptions.buttons.pdf,
@@ -1449,29 +1449,29 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				hasFullscreen: V.value.userOptions.buttons.fullscreen,
 				hasAltCopy: V.value.userOptions.buttons.altCopy,
 				hasTable: Y.value.end - Y.value.start <= 730 && V.value.userOptions.buttons.table,
-				isFullscreen: At.value,
+				isFullscreen: jt.value,
 				isTooltip: U.value.showTooltip,
 				isStacked: U.value.stacked,
 				titles: { ...V.value.userOptions.buttonTitles },
 				chartElement: O.value,
 				position: V.value.userOptions.position,
 				hasAnnotator: V.value.userOptions.buttons.annotator,
-				isAnnotation: Br.value,
+				isAnnotation: Vr.value,
 				callbacks: V.value.userOptions.callbacks,
 				printScale: V.value.userOptions.print.scale,
 				tableDialog: V.value.table.useDialog,
-				isCursorPointer: Zt.value,
-				onToggleFullscreen: mn,
-				onGeneratePdf: C(fn),
-				onGenerateCsv: Pr,
-				onGenerateImage: Gr,
-				onToggleTable: Ir,
-				onToggleLabels: Lr,
-				onToggleStack: Rr,
-				onToggleTooltip: zr,
-				onToggleAnnotator: Vr,
-				onCopyAlt: Kr,
-				style: Ye({ visibility: C(an) ? C(nn) ? "visible" : "hidden" : "visible" })
+				isCursorPointer: Qt.value,
+				onToggleFullscreen: hn,
+				onGeneratePdf: C(pn),
+				onGenerateCsv: Fr,
+				onGenerateImage: Kr,
+				onToggleTable: Lr,
+				onToggleLabels: Rr,
+				onToggleStack: zr,
+				onToggleTooltip: Br,
+				onToggleAnnotator: Hr,
+				onCopyAlt: qr,
+				style: Ye({ visibility: C(on) ? C(rn) ? "visible" : "hidden" : "visible" })
 			}, He({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -1550,14 +1550,14 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			]), 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("."))) : g("", !0),
 			_("div", {
 				class: "vue-ui-xy-canvas",
-				style: Ye(`position: relative; aspect-ratio: ${ln.value}`),
+				style: Ye(`position: relative; aspect-ratio: ${un.value}`),
 				ref_key: "container",
-				ref: Ct
+				ref: wt
 			}, [
 				_("canvas", {
 					ref_key: "canvas",
 					ref: H,
-					"aria-label": Yt.value,
+					"aria-label": Xt.value,
 					"aria-describedby": `chart-instructions-${D.value}`,
 					role: "img",
 					"aria-live": "polite",
@@ -1566,20 +1566,20 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 						width: "100%",
 						height: "100%"
 					},
-					onMousemove: n[0] ||= (e) => ur(e),
-					onMouseleave: br,
-					onFocus: gr,
-					onBlur: _r,
-					onKeydown: vr
+					onMousemove: n[0] ||= (e) => dr(e),
+					onMouseleave: xr,
+					onFocus: _r,
+					onBlur: vr,
+					onKeydown: yr
 				}, null, 40, lt),
 				t.$slots.hint ? (b(), Ve("div", ut, [S(t.$slots, "hint", y(v({
 					hint: V.value.a11y.translations.keyboardNavigation,
-					isVisible: Gt.value
+					isVisible: Kt.value
 				})), void 0, !0)])) : g("", !0),
-				S(t.$slots, "skeleton", {}, () => [C(en) ? (b(), h(ye, { key: 0 })) : g("", !0)], !0),
-				We(C(ht), {
+				S(t.$slots, "skeleton", {}, () => [C(tn) ? (b(), h(ye, { key: 0 })) : g("", !0)], !0),
+				We(C(gt), {
 					teleportTo: V.value.style.chart.tooltip.teleportTo,
-					show: U.value.showTooltip && wt.value,
+					show: U.value.showTooltip && Tt.value,
 					backgroundColor: V.value.style.chart.tooltip.backgroundColor,
 					color: V.value.style.chart.tooltip.color,
 					fontSize: V.value.style.chart.tooltip.fontSize,
@@ -1590,20 +1590,20 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 					offsetX: V.value.style.chart.tooltip.offsetX,
 					offsetY: V.value.style.chart.tooltip.offsetY,
 					parent: t.$refs.xy,
-					content: Tt.value,
-					isFullscreen: At.value,
+					content: Et.value,
+					isFullscreen: jt.value,
 					backgroundOpacity: V.value.style.chart.tooltip.backgroundOpacity,
 					isCustom: C(ue)(V.value.style.chart.tooltip.customFormat),
 					smooth: V.value.style.chart.tooltip.smooth,
 					backdropFilter: V.value.style.chart.tooltip.backdropFilter,
 					smoothForce: V.value.style.chart.tooltip.smoothForce,
 					smoothSnapThreshold: V.value.style.chart.tooltip.smoothSnapThreshold,
-					isA11yMode: Wt.value,
-					a11yPosition: Kt.value
+					isA11yMode: Gt.value,
+					a11yPosition: qt.value
 				}, {
-					"tooltip-before": T(() => [S(t.$slots, "tooltip-before", y(v({ ...Et.value })), void 0, !0)]),
-					tooltip: T(() => [S(t.$slots, "tooltip", y(v({ ...Et.value })), void 0, !0)]),
-					"tooltip-after": T(() => [S(t.$slots, "tooltip-after", y(v({ ...Et.value })), void 0, !0)]),
+					"tooltip-before": T(() => [S(t.$slots, "tooltip-before", y(v({ ...Dt.value })), void 0, !0)]),
+					tooltip: T(() => [S(t.$slots, "tooltip", y(v({ ...Dt.value })), void 0, !0)]),
+					"tooltip-after": T(() => [S(t.$slots, "tooltip-after", y(v({ ...Dt.value })), void 0, !0)]),
 					_: 3
 				}, 8, [
 					"teleportTo",
@@ -1630,16 +1630,16 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 					"a11yPosition"
 				])
 			], 4),
-			V.value.style.chart.zoom.show && W.value > 6 && B.value && Vt.value && !C(en) ? (b(), h(Ne, {
+			V.value.style.chart.zoom.show && W.value > 6 && B.value && Ht.value && !C(tn) ? (b(), h(Ne, {
 				key: 2,
 				ref_key: "chartSlicer",
 				ref: I,
 				"data-dom-to-png-ignore-layout": "",
-				allMinimaps: On.value,
+				allMinimaps: kn.value,
 				background: V.value.style.chart.zoom.color,
 				borderColor: V.value.style.chart.backgroundColor,
 				customFormat: V.value.style.chart.zoom.customFormat,
-				cutNullValues: En.value,
+				cutNullValues: Dn.value,
 				enableRangeHandles: V.value.style.chart.zoom.enableRangeHandles,
 				enableSelectionDrag: V.value.style.chart.zoom.enableSelectionDrag,
 				end: Y.value.end,
@@ -1648,12 +1648,12 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				fontSize: V.value.style.chart.zoom.fontSize,
 				immediate: !V.value.style.chart.zoom.preview.enable,
 				inputColor: V.value.style.chart.zoom.color,
-				isPreview: Mn.value,
+				isPreview: Nn.value,
 				labelLeft: V.value.style.chart.grid.x.timeLabels.values[Y.value.start] ? Q.value[Y.value.start]?.text : "",
 				labelRight: V.value.style.chart.grid.x.timeLabels.values[Y.value.end - 1] ? Q.value[Y.value.end - 1]?.text : "",
 				max: W.value,
 				min: 0,
-				minimap: Dn.value,
+				minimap: On.value,
 				minimapCompact: V.value.style.chart.zoom.minimap.compact,
 				minimapFrameColor: V.value.style.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: V.value.style.chart.zoom.minimap.indicatorColor,
@@ -1663,7 +1663,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				minimapSelectedColorOpacity: V.value.style.chart.zoom.minimap.selectedColorOpacity,
 				minimapSelectedIndex: M.value,
 				minimapSelectionRadius: V.value.style.chart.zoom.minimap.selectionRadius,
-				preciseLabels: Xn.value?.length ? Xn.value : Q.value,
+				preciseLabels: Zn.value?.length ? Zn.value : Q.value,
 				refreshEndPoint: V.value.style.chart.zoom.endIndex === null ? W.value : V.value.style.chart.zoom.endIndex + 1,
 				refreshStartPoint: V.value.style.chart.zoom.startIndex === null ? 0 : V.value.style.chart.zoom.startIndex,
 				selectColor: V.value.style.chart.zoom.highlightColor,
@@ -1687,42 +1687,42 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				handleBorderColor: V.value.style.chart.zoom.minimap.handleBorderColor,
 				handleFill: V.value.style.chart.zoom.minimap.handleFill,
 				handleWidth: V.value.style.chart.zoom.minimap.handleWidth,
-				onFutureEnd: n[1] ||= (e) => Nn("end", e),
-				onFutureStart: n[2] ||= (e) => Nn("start", e),
-				onReset: jn,
-				onTrapMouse: _n,
-				"onUpdate:end": In,
-				"onUpdate:start": Fn
+				onFutureEnd: n[1] ||= (e) => Pn("end", e),
+				onFutureStart: n[2] ||= (e) => Pn("start", e),
+				onReset: Mn,
+				onTrapMouse: vn,
+				"onUpdate:end": Ln,
+				"onUpdate:start": In
 			}, {
 				"reset-action": T(({ reset: e }) => [S(t.$slots, "reset-action", y(v({ 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("."))) : g("", !0),
 			_("div", { id: `legend-bottom-${D.value}` }, null, 8, dt),
-			Lt.value && (V.value.style.chart.legend.show || t.$slots.legend) ? (b(), h(Be, {
+			Rt.value && (V.value.style.chart.legend.show || t.$slots.legend) ? (b(), h(Be, {
 				key: 3,
 				to: V.value.style.chart.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
 			}, [_("div", {
 				ref_key: "chartLegend",
-				ref: Mt
-			}, [S(t.$slots, "legend", { legend: Ar.value }, () => [V.value.style.chart.legend.show && B.value ? (b(), h(Re, {
-				legendSet: Ar.value,
-				config: jr.value,
-				key: `legend_${It.value}`,
-				isCursorPointer: Zt.value,
-				onClickMarker: n[3] ||= ({ i: e }) => Er(e)
+				ref: Nt
+			}, [S(t.$slots, "legend", { legend: jr.value }, () => [V.value.style.chart.legend.show && B.value ? (b(), h(Re, {
+				legendSet: jr.value,
+				config: Mr.value,
+				key: `legend_${Lt.value}`,
+				isCursorPointer: Qt.value,
+				onClickMarker: n[3] ||= ({ i: e }) => Dr(e)
 			}, {
 				item: T(({ legend: e, index: t }) => [_("div", {
 					onClick: (t) => e.segregate(),
 					style: Ye(`opacity:${N.value.includes(t) ? .5 : 1}`)
 				}, et(e.name), 13, ft)]),
-				legendToggle: T(() => [Ar.value.length > 2 && V.value.style.chart.legend.selectAllToggle.show && !C(en) ? (b(), h(Fe, {
+				legendToggle: T(() => [jr.value.length > 2 && V.value.style.chart.legend.selectAllToggle.show && !C(tn) ? (b(), h(Fe, {
 					key: 0,
 					backgroundColor: V.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: V.value.style.chart.legend.selectAllToggle.color,
 					fontSize: V.value.style.chart.legend.fontSize,
 					checked: N.value.length > 0,
-					isCursorPointer: Zt.value,
-					onToggle: Tr
+					isCursorPointer: Qt.value,
+					onToggle: Er
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1736,30 +1736,34 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				"config",
 				"isCursorPointer"
 			])) : g("", !0)], !0)], 512)], 8, ["to"])) : g("", !0),
-			t.$slots.watermark ? (b(), Ve("div", pt, [S(t.$slots, "watermark", y(v({ isPrinting: C(un) || C(dn) || Ut.value })), void 0, !0)])) : g("", !0),
+			t.$slots.watermark ? (b(), Ve("div", pt, [S(t.$slots, "watermark", y(v({ isPrinting: C(dn) || C(fn) || Wt.value })), void 0, !0)])) : g("", !0),
 			t.$slots.source ? (b(), Ve("div", {
 				key: 5,
 				ref_key: "source",
-				ref: Nt,
+				ref: Pt,
 				dir: "auto"
 			}, [S(t.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			B.value && V.value.userOptions.buttons.table ? (b(), h(Qe(Ur.value.component), Ke({ key: 6 }, Ur.value.props, {
+			B.value && V.value.userOptions.buttons.table ? (b(), h(Qe(Wr.value.component), Ke({ key: 6 }, Wr.value.props, {
 				ref_key: "tableUnit",
-				ref: Rt,
-				onClose: Wr
+				ref: zt,
+				onClose: Gr
 			}), He({
-				content: T(() => [(b(), h(C(gt), {
-					key: `table_${Ft.value}`,
-					colNames: Mr.value.colNames,
-					head: Mr.value.head,
-					body: Mr.value.body,
-					config: Mr.value.config,
-					title: V.value.table.useDialog ? "" : Ur.value.title,
+				content: T(() => [(b(), h(C(_t), {
+					key: `table_${It.value}`,
+					colNames: Nr.value.colNames,
+					head: Nr.value.head,
+					body: Nr.value.body,
+					config: Nr.value.config,
+					title: V.value.table.useDialog ? "" : Wr.value.title,
 					withCloseButton: !V.value.table.useDialog,
-					isCursorPointer: Zt.value,
-					onClose: Wr
+					isCursorPointer: Qt.value,
+					onClose: Gr
 				}, {
-					th: T(({ th: e }) => [_("div", { innerHTML: e }, null, 8, mt)]),
+					th: T(({ th: e }) => [e === "__SUM__" ? (b(), Ve("div", mt, [We(Me, {
+						name: "sigma",
+						stroke: Nr.value.config.th.color,
+						size: 16
+					}, null, 8, ["stroke"])])) : (b(), Ve("div", ht, et(e), 1))]),
 					td: T(({ td: e }) => [Ue(et(e), 1)]),
 					_: 1
 				}, 8, [
@@ -1774,29 +1778,29 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: T(() => [Ue(et(Ur.value.title), 1)]),
+				fn: T(() => [Ue(et(Wr.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
 				fn: T(() => [_("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[4] ||= (e) => Pr(V.value.userOptions.callbacks.csv),
-					style: Ye({ cursor: Zt.value ? "pointer" : "default" })
+					onClick: n[4] ||= (e) => Fr(V.value.userOptions.callbacks.csv),
+					style: Ye({ cursor: Qt.value ? "pointer" : "default" })
 				}, [We(Me, {
 					name: "fileCsv",
-					stroke: Ur.value.props.color
+					stroke: Wr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : g("", !0),
-			V.value.userOptions.buttons.annotator && J.value.length ? (b(), h(C(vt), {
+			V.value.userOptions.buttons.annotator && J.value.length ? (b(), h(C(yt), {
 				key: 7,
 				parent: O.value,
 				backgroundColor: V.value.style.chart.backgroundColor,
 				color: V.value.style.chart.color,
-				active: Br.value,
-				isCursorPointer: Zt.value,
-				onClose: Vr
+				active: Vr.value,
+				isCursorPointer: Qt.value,
+				onClose: Hr
 			}, {
 				"annotator-action-close": T(() => [S(t.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": T(({ color: e }) => [S(t.$slots, "annotator-action-color", y(v({ color: e })), void 0, !0)]),
@@ -1814,6 +1818,6 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			])) : g("", !0)
 		], 46, at));
 	}
-}, [["__scopeId", "data-v-366a5f0a"]]);
+}, [["__scopeId", "data-v-c47c665d"]]);
 //#endregion
-export { it as n, ht as t };
+export { it as n, gt as t };