vue-data-ui 3.22.6 → 3.22.8

package/dist/{vue-ui-xy-canvas-DO_PDGKf.js → vue-ui-xy-canvas-BfgeE3TW.js}

@@ -1,31 +1,31 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, Ht as r, It as i, Pt as a, Q as o, S as s, St as c, W as l, Wt as u, X as ee, _t as te, a as ne, at as re, b as ie, h as ae, i as oe, mt as se, q as ce, w as le, wt as ue } from "./lib-DRBJCmHW.js";
-import { n as de, r as fe, t as pe } from "./useTimeLabels-BmBRv27Y.js";
-import { t as me } from "./useConfig-DYM3f6EI.js";
-import { t as he } from "./usePrinter-CRp5IW3v.js";
-import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
-import { t as ve } from "./useNestedProp-BEo2N1Db.js";
-import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
-import { t as be } from "./img-B_y5qDdm.js";
-import { n as xe } from "./Title-C-p0ilWB.js";
-import { t as Se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as Ce, c as we, i as d, n as Te, o as Ee, r as De, s as f, t as Oe } from "./canvas-lib-BOP_HS11.js";
-import { t as ke } from "./useResponsive-BfnK0KxU.js";
-import { t as Ae } from "./BaseIcon-DcUvOfxf.js";
-import { t as je } from "./SlicerPreview-D1n9AW39.js";
-import { t as Me } from "./vue-ui-accordion-CfMrbDoq.js";
-import { t as Ne } from "./BaseLegendToggle-DFwIY5bE.js";
-import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./Legend-D-635Kag.js";
-import { t as Le } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
-import { Teleport as Re, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as ze, createElementVNode as g, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as Ue, guardReactiveProps as _, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as v, normalizeStyle as qe, onBeforeUnmount as Je, onMounted as Ye, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as Xe, shallowRef as Ze, toDisplayString as Qe, toRefs as $e, unref as S, useSlots as et, watch as C, watchEffect as tt, withCtx as w } from "vue";
+import { $ as t, Et as n, G as r, It as i, J as a, Kt as o, Mt as s, Rt as c, S as l, T as u, Wt as ee, Z as te, a as ne, b as re, gt as ie, h as ae, i as oe, kt as se, lt as ce, ot as le, wt as ue, yt as de } from "./lib-JqW18y5I.js";
+import { n as fe, r as pe, t as me } from "./useTimeLabels-BmBRv27Y.js";
+import { t as he } from "./useConfig-DYM3f6EI.js";
+import { t as ge } from "./usePrinter-CqqHmnBI.js";
+import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
+import { t as ye } from "./useNestedProp-DIuuzG1r.js";
+import { t as be } from "./useThemeCheck-C43Tcqmk.js";
+import { t as xe } from "./img-DnP3eXuv.js";
+import { n as Se } from "./Title-CcNiYzEo.js";
+import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { a as we, c as Te, i as d, n as Ee, o as De, r as Oe, s as f, t as ke } from "./canvas-lib-BOP_HS11.js";
+import { t as Ae } from "./useResponsive-BfnK0KxU.js";
+import { t as je } from "./BaseIcon-C2qlyHc7.js";
+import { t as Me } from "./SlicerPreview-BQFeCw0m.js";
+import { t as Ne } from "./vue-ui-accordion-YyosvEPo.js";
+import { t as Pe } from "./BaseLegendToggle-DtQ8vyfr.js";
+import { t as Fe } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Ie } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Le } from "./Legend-ROt6ugzW.js";
+import { t as Re } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
+import { Teleport as ze, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as Be, createElementVNode as g, createSlots as Ve, createTextVNode as He, createVNode as Ue, defineAsyncComponent as We, guardReactiveProps as _, mergeProps as Ge, nextTick as Ke, normalizeClass as qe, normalizeProps as v, normalizeStyle as Je, onBeforeUnmount as Ye, onMounted as Xe, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as Ze, shallowRef as Qe, toDisplayString as $e, toRefs as et, unref as S, useSlots as tt, watch as C, watchEffect as nt, withCtx as w } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
-var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at = {
+var rt = /* @__PURE__ */ e({ default: () => mt }), it = ["id"], at = ["id"], ot = {
 	class: "sr-only",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, ot = ["id"], st = ["aria-label", "aria-describedby"], ct = {
+}, st = ["id"], ct = ["aria-label", "aria-describedby"], lt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -35,10 +35,10 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, lt = ["id"], ut = ["onClick"], dt = {
+}, ut = ["id"], dt = ["onClick"], ft = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, ft = ["innerHTML"], pt = /*#__PURE__*/ Se({
+}, pt = ["innerHTML"], mt = /*#__PURE__*/ Ce({
 	__name: "vue-ui-xy-canvas",
 	props: {
 		dataset: {
@@ -63,25 +63,25 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		"selectX",
 		"copyAlt"
 	],
-	setup(e, { expose: Se, emit: nt }) {
-		let pt = Ue(() => import("./Tooltip-YabpoXo1.js")), mt = Ue(() => import("./DataTable-CXfvIulC.js")), ht = Ue(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), gt = Ue(() => import("./NonSvgPenAndPaper-pR_1qp3s.js")), _t = Ue(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_xy_canvas: vt } = me(), { isThemeValid: yt, warnInvalidTheme: bt } = ye(), T = e, E = b(l()), D = b(null), xt = b(null), O = b(null), k = b(1), A = b(1), St = b(!1), j = b(null), Ct = b(""), wt = b(null), M = b([]), Tt = b(1), N = b(!0), P = b(!0), Et = b(null), Dt = b(0), Ot = b(!1), kt = b(null), At = b(null), F = b(null), jt = b(null), Mt = b(0), Nt = b(0), Pt = b(0), I = b(null), Ft = b(!1), It = b(null), Lt = b(null), Rt = b(!1), zt = b(!1), Bt = b(!1), L = b(null), Vt = b(!1), Ht = b(!1), Ut = b(!1), R = b(null), Wt = b({
+	setup(e, { expose: Ce, emit: rt }) {
+		let mt = We(() => import("./Tooltip-CxOrWlFy.js")), ht = We(() => import("./DataTable-D9NvewTT.js")), gt = We(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), _t = We(() => import("./NonSvgPenAndPaper-BHHNsVVP.js")), vt = We(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_xy_canvas: yt } = he(), { isThemeValid: bt, warnInvalidTheme: xt } = be(), T = e, E = b(r()), D = b(null), St = b(null), O = b(null), k = b(1), A = b(1), Ct = b(!1), j = b(null), wt = b(""), Tt = b(null), M = b([]), Et = b(1), N = b(!0), P = b(!0), Dt = b(null), Ot = b(0), kt = b(!1), At = b(null), jt = b(null), F = b(null), Mt = b(null), Nt = b(0), Pt = b(0), Ft = b(0), I = b(null), It = b(!1), Lt = b(null), Rt = b(null), zt = b(!1), Bt = b(!1), Vt = b(!1), L = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), R = b(null), Gt = b({
 			x: 0,
 			y: 0
-		}), z = p(() => Array.isArray($t.value) && $t.value.length > 0), Gt = nt, Kt = et();
-		Ye(() => {
-			Kt["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
+		}), z = p(() => Array.isArray(en.value) && en.value.length > 0), Kt = rt, qt = tt();
+		Xe(() => {
+			qt["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
 		});
-		let B = b(on()), qt = p(() => {
+		let B = b(sn()), Jt = p(() => {
 			let e = B.value.style.chart.title.text || "XY chart", t = J.value.end - J.value.start;
 			return `${e}. ${q.value.filter((e) => !M.value.includes(e.absoluteIndex)).length} series. ${t} visible data points.`;
-		}), Jt = p(() => {
+		}), Yt = p(() => {
 			if (R.value === null) return "";
 			let e = R.value + J.value.start;
-			return `${B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[R.value] ? B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[R.value]?.text : Yn.value[R.value]?.text : Z.value[e]?.text ?? `Point ${e + 1}`}. ${q.value.filter((e) => !M.value.includes(e.absoluteIndex)).map((e) => {
+			return `${B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[R.value] ? B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[R.value]?.text : Xn.value[R.value]?.text : Z.value[e]?.text ?? `Point ${e + 1}`}. ${q.value.filter((e) => !M.value.includes(e.absoluteIndex)).map((e) => {
 				let t = e.series[R.value], n = t?.value ?? t ?? null;
 				return `${e.name}: ${n}`;
 			}).join(". ")}.`;
-		}), Yt = p(() => B.value.userOptions.useCursorPointer), Xt = p(() => !!B.value.debug), Zt = p(() => u({
+		}), Xt = p(() => B.value.userOptions.useCursorPointer), Zt = p(() => !!B.value.debug), Qt = p(() => o({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -115,10 +115,10 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				} }
 			},
 			userConfig: B.value.skeletonConfig ?? {}
-		})), { loading: Qt, FINAL_DATASET: $t } = ge({
-			...$e(T),
+		})), { loading: $t, FINAL_DATASET: en } = _e({
+			...et(T),
 			FINAL_CONFIG: B,
-			prepareConfig: on,
+			prepareConfig: sn,
 			skeletonDataset: T.config?.skeletonDataset ?? [{
 				name: "",
 				series: [
@@ -157,52 +157,52 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				type: "bar",
 				color: "#AAAAAA"
 			}],
-			skeletonConfig: u({
+			skeletonConfig: o({
 				defaultConfig: B.value,
-				userConfig: Zt.value
+				userConfig: Qt.value
 			})
-		}), { userOptionsVisible: en, setUserOptionsVisibility: tn, keepUserOptionState: nn } = Pe({ config: B.value }), { svgRef: V } = Fe({ config: B.value.style.chart.title });
-		function rn() {
-			tn(!0);
-		}
+		}), { userOptionsVisible: tn, setUserOptionsVisibility: nn, keepUserOptionState: rn } = Fe({ config: B.value }), { svgRef: V } = Ie({ config: B.value.style.chart.title });
 		function an() {
-			tn(!1), Gt("selectX", {
+			nn(!0);
+		}
+		function on() {
+			nn(!1), Kt("selectX", {
 				dataset: null,
 				index: null,
 				indexLabel: null
 			}), j.value = null;
 		}
-		function on() {
-			let e = ve({
+		function sn() {
+			let e = ye({
 				userConfig: T.config,
-				defaultConfig: vt
-			}), n = {}, i = e.theme;
-			if (i) if (!yt.value(e)) bt(e), n = e;
+				defaultConfig: yt
+			}), t = {}, n = e.theme;
+			if (n) if (!bt.value(e)) xt(e), t = e;
 			else {
-				let a = ve({
-					userConfig: Le[i] || T.config,
+				let r = ye({
+					userConfig: Re[n] || T.config,
 					defaultConfig: e
 				});
-				n = {
-					...ve({
+				t = {
+					...ye({
 						userConfig: T.config,
-						defaultConfig: a
+						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : r[i] || t
+					customPalette: e.customPalette.length ? e.customPalette : ee[n] || s
 				};
 			}
-			else n = e;
-			return T.config && se(T.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), n.style.chart.grid.x.timeLabels = ve({
-				defaultConfig: n.style.chart.grid.x.timeLabels,
+			else t = e;
+			return T.config && ie(T.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = ye({
+				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: T.config.style.chart.grid.y.timeLabels
-			})), n;
+			})), t;
 		}
 		C(() => T.config, (e) => {
-			Qt.value || (B.value = on()), en.value = !B.value.userOptions.showOnChartHover, xr(), Mt.value += 1, Nt.value += 1, Pt.value += 1, H.value.showTable = B.value.table.show, H.value.showDataLabels = B.value.style.chart.dataLabels.show, H.value.stacked = B.value.style.chart.stacked, H.value.showTooltip = B.value.style.chart.tooltip.show;
+			$t.value || (B.value = sn()), tn.value = !B.value.userOptions.showOnChartHover, Sr(), Nt.value += 1, Pt.value += 1, Ft.value += 1, H.value.showTable = B.value.table.show, H.value.showDataLabels = B.value.style.chart.dataLabels.show, H.value.stacked = B.value.style.chart.stacked, H.value.showTooltip = B.value.style.chart.tooltip.show;
 		}, { deep: !0 }), C(() => T.dataset, async (e) => {
-			!Array.isArray(e) || e.length === 0 || (await Ge(), V.value && !O.value && (O.value = V.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, P.value = !0, await kn(), Rn(), Mt.value += 1, Nt.value += 1, Pt.value += 1);
+			!Array.isArray(e) || e.length === 0 || (await Ke(), V.value && !O.value && (O.value = V.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, P.value = !0, await An(), zn(), Nt.value += 1, Pt.value += 1, Ft.value += 1);
 		}, { deep: !0 });
-		let sn = b(B.value.style.chart.aspectRatio), { isPrinting: cn, isImaging: ln, generatePdf: un, generateImage: dn } = he({
+		let cn = b(B.value.style.chart.aspectRatio), { isPrinting: ln, isImaging: un, generatePdf: dn, generateImage: fn } = ge({
 			elementId: `xy_canvas_${E.value}`,
 			fileName: B.value.style.chart.title.text || "vue-ui-xy-canvas",
 			options: B.value.userOptions.print
@@ -212,15 +212,15 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			stacked: B.value.style.chart.stacked,
 			showTooltip: B.value.style.chart.tooltip.show
 		});
-		function fn(e) {
-			Ot.value = e, Dt.value += 1;
+		function pn(e) {
+			kt.value = e, Ot.value += 1;
 		}
-		let pn = p(() => s(B.value.customPalette)), mn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => mn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
-		function hn(e) {
+		let mn = p(() => l(B.value.customPalette)), hn = p(() => M.value.length === K.value.length), U = p(() => K.value ? Math.max(...K.value.filter((e, t) => hn.value ? !0 : !M.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+		function gn(e) {
 			L.value = e, Q();
 		}
-		let gn = b(0), _n = b(0);
-		function vn() {
+		let _n = b(0), vn = b(0);
+		function yn() {
 			if (!O.value || !B.value.style.chart.grid.x.timeLabels.show) return 0;
 			let e = Z.value || [], t = J.value.start ?? 0, n = J.value.end ?? 0;
 			if (!Math.max(0, n - t)) return 0;
@@ -235,21 +235,21 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			let o = (B.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 = B.value.style.chart.grid.x.timeLabels.offsetY || 1, u = k.value / l;
 			return Math.max(0, u + c + 4);
 		}
-		function yn() {
-			gn.value = vn();
-		}
 		function bn() {
-			_n.value && cancelAnimationFrame(_n.value), _n.value = requestAnimationFrame(() => {
+			_n.value = yn();
+		}
+		function xn() {
+			vn.value && cancelAnimationFrame(vn.value), vn.value = requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					yn();
+					bn();
 				});
 			});
 		}
-		Je(() => {
-			_n.value && cancelAnimationFrame(_n.value);
+		Ye(() => {
+			vn.value && cancelAnimationFrame(vn.value);
 		});
 		let W = p(() => {
-			let e = k.value - k.value * (B.value.style.chart.paddingProportions.left + B.value.style.chart.paddingProportions.right), t = A.value * B.value.style.chart.paddingProportions.top, n = A.value * B.value.style.chart.paddingProportions.bottom, r = gn.value, i = A.value - n - r, a = A.value - (t + n) - r;
+			let e = k.value - k.value * (B.value.style.chart.paddingProportions.left + B.value.style.chart.paddingProportions.right), t = A.value * B.value.style.chart.paddingProportions.top, n = A.value * B.value.style.chart.paddingProportions.bottom, r = _n.value, i = A.value - n - r, a = A.value - (t + n) - r;
 			return {
 				canvasWidth: k.value,
 				canvasHeight: A.value,
@@ -262,13 +262,13 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				slot: e / (J.value.end - J.value.start)
 			};
 		});
-		function xn(e, t) {
+		function Sn(e, t) {
 			return e / t;
 		}
-		function Sn({ hasAutoScale: e, series: t, min: n, max: r, scale: i, yOffset: a, individualHeight: o, stackIndex: s = null }) {
+		function Cn({ 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 = xn(t + r, r + i.max), l, u;
-				e && (l = i.min, u = xn(t - l, i.max - l));
+				let r = i.min < 0 ? Math.abs(i.min) : 0, c = Sn(t + r, r + i.max), l, u;
+				e && (l = i.min, u = Sn(t - l, i.max - l));
 				let ee = 0;
 				return ee = s === null ? W.value.bottom - W.value.height * (e ? u : c) : W.value.bottom - a - o * (e ? u : c), {
 					x: W.value.left + W.value.slot * n + W.value.slot / 2,
@@ -291,13 +291,13 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				})),
 				zero: i
 			};
-		}), Cn = p(() => q.value.map((e) => `
+		}), wn = p(() => q.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>${oe(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", ce({
+                <span>${oe(B.value.style.chart.dataLabels.formatter, e.series[j.value] ?? "-", a({
 			p: e.prefix || "",
 			v: e.series[j.value] ?? "-",
 			s: e.suffix || "",
@@ -307,26 +307,26 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			seriesIndex: j.value
 		})}</span>
             </div>
-        `)), wn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => $t.value.map((e, n) => ({
+        `)), Tn = p(() => B.value.style.chart.line.cutNullValues), K = p(() => en.value.map((e, t) => ({
 			...e,
-			series: c({
-				data: a(e.series, [], wn.value),
+			series: ue({
+				data: i(e.series, [], Tn.value),
 				threshold: B.value.downsample.threshold
 			}),
-			absoluteIndex: n,
-			color: ie(e.color || pn.value[n] || t[n] || t[n % t.length])
-		}))), Tn = p(() => {
+			absoluteIndex: t,
+			color: re(e.color || mn.value[t] || s[t] || s[t % s.length])
+		}))), En = p(() => {
 			if (!B.value.style.chart.zoom.minimap.show) return [];
 			let e = K.value.filter((e) => !M.value.includes(e.absoluteIndex)), t = Math.max(...e.map((e) => e.series.length)), n = [];
 			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));
-		}), En = p(() => B.value.style.chart.zoom.minimap.show ? K.value.map((e) => ({
+		}), Dn = p(() => B.value.style.chart.zoom.minimap.show ? K.value.map((e) => ({
 			...e,
 			isVisible: !M.value.includes(e.absoluteIndex)
 		})) : []);
 		C(U, (e) => {
-			e && kn();
+			e && An();
 		});
 		let q = p(() => ne(K.value.filter((e, t) => !M.value.includes(e.absoluteIndex))).map((e, t) => ({
 			...e,
@@ -346,7 +346,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				y: W.value.bottom - s - l * (t / (o.ticks.length - 1)),
 				x: W.value.left - 8,
 				value: e
-			})), ne = Sn({
+			})), ne = Cn({
 				hasAutoScale: H.value.stacked && e.autoScaling,
 				series: e.series,
 				min: H.value.stacked ? n : G.value.min,
@@ -374,72 +374,72 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		}), Y = b({
 			start: 0,
 			end: U.value
-		}), Dn = b(null);
-		function On() {
+		}), On = b(null);
+		function kn() {
 			return new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e())));
 		}
-		Je(() => {
-			Dn.value && cancelAnimationFrame(Dn.value);
+		Ye(() => {
+			On.value && cancelAnimationFrame(On.value);
 		});
-		async function kn() {
-			Mn(), await Ge(), Dn.value && cancelAnimationFrame(Dn.value), Dn.value = requestAnimationFrame(async () => {
-				await On(), Mn();
+		async function An() {
+			Nn(), await Ke(), On.value && cancelAnimationFrame(On.value), On.value = requestAnimationFrame(async () => {
+				await kn(), Nn();
 			});
 		}
-		let An = p(() => B.value.style.chart.zoom.preview.enable && (Y.value.start !== J.value.start || Y.value.end !== J.value.end));
-		function jn(e, t) {
+		let jn = p(() => B.value.style.chart.zoom.preview.enable && (Y.value.start !== J.value.start || Y.value.end !== J.value.end));
+		function Mn(e, t) {
 			Y.value[e] = t;
 		}
-		async function Mn() {
-			if (!Rt.value) {
-				Rt.value = !0;
+		async function Nn() {
+			if (!zt.value) {
+				zt.value = !0;
 				try {
-					let { startIndex: e, endIndex: t } = B.value.style.chart.zoom, n = Math.max(...K.value.map((e) => e.series.length)), r = e ?? 0, i = t == null ? n : Math.min(Fn(t + 1), n);
-					Bt.value = !0, J.value.start = r, J.value.end = i, Y.value.start = r, Y.value.end = i, In(), zt.value = !0, await Ge(), F.value && (F.value.setStartValue(J.value.start), F.value.setEndValue(J.value.end));
+					let { startIndex: e, endIndex: t } = B.value.style.chart.zoom, n = Math.max(...K.value.map((e) => e.series.length)), r = e ?? 0, i = t == null ? n : Math.min(In(t + 1), n);
+					Vt.value = !0, J.value.start = r, J.value.end = i, Y.value.start = r, Y.value.end = i, Ln(), Bt.value = !0, await Ke(), F.value && (F.value.setStartValue(J.value.start), F.value.setEndValue(J.value.end));
 				} finally {
 					queueMicrotask(() => {
-						Bt.value = !1;
-					}), Rt.value = !1;
+						Vt.value = !1;
+					}), zt.value = !1;
 				}
 			}
 		}
-		function Nn(e) {
-			Rt.value || Bt.value || e !== J.value.start && (J.value.start = e, Y.value.start = e, In());
-		}
 		function Pn(e) {
-			if (Rt.value || Bt.value) return;
-			let t = Fn(e);
-			t !== J.value.end && (J.value.end = t, Y.value.end = t, In());
+			zt.value || Vt.value || e !== J.value.start && (J.value.start = e, Y.value.start = e, Ln());
 		}
 		function Fn(e) {
+			if (zt.value || Vt.value) return;
+			let t = In(e);
+			t !== J.value.end && (J.value.end = t, Y.value.end = t, Ln());
+		}
+		function In(e) {
 			let t = U.value;
 			return e > t ? t : e < 0 || e < J.value.start ? B.value.style.chart.zoom.startIndex === null ? 1 : B.value.style.chart.zoom.startIndex + 1 : e;
 		}
-		function In() {
+		function Ln() {
 			let e = Math.max(1, Math.max(...K.value.map((e) => e.series.length))), t = Math.max(0, Math.min(J.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(J.value.end ?? e, e));
 			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), J.value = {
 				start: t,
 				end: n
 			}, Y.value.start = t, Y.value.end = n, F.value && (F.value.setStartValue(t), F.value.setEndValue(n));
 		}
-		let Ln = p(() => q.value.filter((e) => [
+		let Rn = p(() => q.value.filter((e) => [
 			"line",
 			"plot",
 			void 0
 		].includes(e.type))), X = p(() => q.value.filter((e) => e.type === "bar"));
-		function Rn() {
-			if (!V.value || !xt.value) return;
-			let e = xt.value.offsetWidth, t = xt.value.offsetHeight;
-			V.value.width = e * Tt.value * 2, V.value.height = t * Tt.value * 2, k.value = e * Tt.value * 2, A.value = t * Tt.value * 2, O.value?.scale(Tt.value, Tt.value), Q();
+		function zn() {
+			if (!V.value || !St.value) return;
+			let e = St.value.offsetWidth, t = St.value.offsetHeight;
+			V.value.width = e * Et.value * 2, V.value.height = t * Et.value * 2, k.value = e * Et.value * 2, A.value = t * Et.value * 2, O.value?.scale(Et.value, Et.value), Q();
 		}
 		C(z, async (e) => {
 			if (!e) {
-				Et.value = null, St.value = !1, j.value = null, I.value = null;
+				Dt.value = null, Ct.value = !1, j.value = null, I.value = null;
 				return;
 			}
-			await Ge(), V.value && !O.value && (O.value = V.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, P.value = !0, await kn(), Rn(), Q();
+			await Ke(), V.value && !O.value && (O.value = V.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, P.value = !0, await An(), zn(), Q();
 		});
-		function zn() {
+		function Bn() {
 			if (O.value && (O.value.clearRect(0, 0, 1e4, 1e4), O.value.fillStyle = B.value.style.chart.backgroundColor, O.value.fillRect(0, 0, W.value.canvasWidth, W.value.canvasHeight), z.value)) {
 				if (H.value.stacked) B.value.style.chart.grid.y.verticalLines.show && J.value.end - J.value.start < B.value.style.chart.grid.y.verticalLines.hideUnderXLength ? q.value.forEach((e) => {
 					for (let t = 0; t < J.value.end - J.value.start + 1; t += 1) d(O.value, [{
@@ -459,7 +459,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					}], { color: B.value.style.chart.grid.y.verticalLines.color });
 				}), B.value.style.chart.grid.x.horizontalLines.show && (B.value.style.chart.grid.x.horizontalLines.alternate ? q.value.forEach((e) => {
 					e.localYLabels.forEach((t, n) => {
-						n < e.localYLabels.length - 1 && Ee(O.value, [
+						n < e.localYLabels.length - 1 && De(O.value, [
 							{
 								x: W.value.left,
 								y: t.y
@@ -477,7 +477,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 								y: e.localYLabels[n + 1].y
 							}
 						], {
-							fillColor: n % 2 == 0 ? "transparent" : i(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: n % 2 == 0 ? "transparent" : c(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					});
@@ -540,7 +540,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 						y: W.value.bottom
 					}], { color: B.value.style.chart.grid.y.verticalLines.color });
 					B.value.style.chart.grid.x.horizontalLines.show && (B.value.style.chart.grid.x.horizontalLines.alternate ? G.value.yLabels.forEach((e, t) => {
-						t < G.value.yLabels.length - 1 && Ee(O.value, [
+						t < G.value.yLabels.length - 1 && De(O.value, [
 							{
 								x: W.value.left,
 								y: e.y
@@ -558,7 +558,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 								y: G.value.yLabels[t + 1].y
 							}
 						], {
-							fillColor: t % 2 == 0 ? "transparent" : i(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
+							fillColor: t % 2 == 0 ? "transparent" : c(B.value.style.chart.grid.x.horizontalLines.color, B.value.style.chart.grid.x.horizontalLines.opacity),
 							strokeColor: "transparent"
 						});
 					}) : G.value.yLabels.forEach((e) => {
@@ -610,10 +610,10 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				});
 			}
 		}
-		function Bn(e) {
+		function Vn(e) {
 			for (let t = 0; t < e.coordinatesLine.length; t += 1) {
 				let n = (j.value === t || L.value === t ? k.value / 150 : B.value.style.chart.line.plots.show || e.type === "plot" ? k.value / 200 : 0) * B.value.style.chart.line.plots.radiusRatio;
-				Oe(O.value, {
+				ke(O.value, {
 					x: e.coordinatesLine[t].x,
 					y: e.coordinatesLine[t].y
 				}, n, {
@@ -623,27 +623,27 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				});
 			}
 		}
-		function Vn() {
+		function Hn() {
 			q.value.forEach((e) => {
-				e.showYMarker && sr(e) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, sr(e).value, ce({
+				e.showYMarker && cr(e) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, cr(e).value, a({
 					p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
-					v: sr(e).value,
+					v: cr(e).value,
 					s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
 					r: e.rounding || B.value.style.chart.grid.y.axisLabels.rounding || 0
 				}), {
-					datapoint: sr(e),
+					datapoint: cr(e),
 					seriesIndex: null
-				}), W.value.left - 8 + B.value.style.chart.grid.y.axisLabels.offsetX, sr(e).y, {
+				}), W.value.left - 8 + B.value.style.chart.grid.y.axisLabels.offsetX, cr(e).y, {
 					align: "right",
 					font: `${B.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(k.value / 40 * B.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
 					color: e.color
 				});
 			});
 		}
-		function Hn() {
+		function Un() {
 			B.value.style.chart.grid.y.axisLabels.show && (H.value.stacked ? q.value.forEach((e) => {
 				e.localYLabels.forEach((t, n) => {
-					f(O.value, oe(B.value.style.chart.dataLabels.formatter, t.value, ce({
+					f(O.value, oe(B.value.style.chart.dataLabels.formatter, t.value, a({
 						p: e.prefix || B.value.style.chart.grid.y.axisLabels.prefix || "",
 						v: t.value,
 						s: e.suffix || B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -659,7 +659,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					});
 				});
 			}) : G.value.yLabels.forEach((e, t) => {
-				f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.value, ce({
+				f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.value, a({
 					p: B.value.style.chart.grid.y.axisLabels.prefix || "",
 					v: e.value,
 					s: B.value.style.chart.grid.y.axisLabels.suffix || "",
@@ -675,8 +675,8 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				});
 			}));
 		}
-		function Un(e) {
-			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, ce({
+		function Wn(e) {
+			for (let t = 0; t < e.coordinatesLine.length; t += 1) f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[t].value, a({
 				p: e.prefix || "",
 				v: e.coordinatesLine[t].value,
 				s: e.suffix || "",
@@ -692,61 +692,61 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				lineWidth: .5
 			});
 		}
-		let Z = b([]), Wn = 0;
-		tt(() => {
-			let e = ++Wn;
+		let Z = b([]), Gn = 0;
+		nt(() => {
+			let e = ++Gn;
 			(async () => {
-				let t = await pe({
+				let t = await me({
 					values: B.value.style.chart.grid.x.timeLabels.values,
 					maxDatapoints: U.value,
 					formatter: B.value.style.chart.grid.x.timeLabels.datetimeFormatter,
 					start: 0,
 					end: U.value
 				});
-				e === Wn && (Z.value = t);
+				e === Gn && (Z.value = t);
 			})();
-		}), tt(() => {
-			B.value.style.chart.grid.x.timeLabels.show, B.value.style.chart.grid.x.timeLabels.rotation, B.value.style.chart.grid.x.timeLabels.offsetY, B.value.style.chart.grid.x.timeLabels.fontSizeRatio, B.value.style.chart.grid.x.timeLabels.bold, J.value.start, J.value.end, k.value, A.value, (Z.value || []).map((e) => e?.text ?? "").join("|"), bn();
+		}), nt(() => {
+			B.value.style.chart.grid.x.timeLabels.show, B.value.style.chart.grid.x.timeLabels.rotation, B.value.style.chart.grid.x.timeLabels.offsetY, B.value.style.chart.grid.x.timeLabels.fontSizeRatio, B.value.style.chart.grid.x.timeLabels.bold, J.value.start, J.value.end, k.value, A.value, (Z.value || []).map((e) => e?.text ?? "").join("|"), xn();
 		}, { flush: "post" });
-		let Gn = b({
+		let Kn = b({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
-		}), Kn = 0;
-		tt(() => {
-			let e = ++Kn, t = B.value.style.chart.grid.x.timeLabels.datetimeFormatter;
+		}), qn = 0;
+		nt(() => {
+			let e = ++qn, t = B.value.style.chart.grid.x.timeLabels.datetimeFormatter;
 			(async () => {
-				let n = await fe(t.locale).catch(() => fe("en"));
-				e === Kn && (Gn.value = n.data);
+				let n = await pe(t.locale).catch(() => pe("en"));
+				e === qn && (Kn.value = n.data);
 			})();
 		});
-		let qn = p(() => {
-			let e = B.value.style.chart.grid.x.timeLabels.datetimeFormatter, t = de({
+		let Jn = p(() => {
+			let e = B.value.style.chart.grid.x.timeLabels.datetimeFormatter, t = fe({
 				useUTC: e.useUTC,
-				locale: Gn.value,
+				locale: Kn.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
 				let r = B.value.style.chart.grid.x.timeLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Jn = p(() => (B.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
-			text: qn.value(t, B.value.style.chart.zoom.timeFormat),
+		}), Yn = p(() => (B.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
+			text: Jn.value(t, B.value.style.chart.zoom.timeFormat),
 			absoluteIndex: t
-		}))), Yn = p(() => (B.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
-			text: qn.value(t, B.value.style.chart.tooltip.timeFormat),
+		}))), Xn = p(() => (B.value.style.chart.grid.x.timeLabels.values || []).map((e, t) => ({
+			text: Jn.value(t, B.value.style.chart.tooltip.timeFormat),
 			absoluteIndex: t
 		})));
-		function Xn() {
+		function Zn() {
 			for (let e = J.value.start; e < J.value.end; e += 1) (J.value.end - J.value.start < B.value.style.chart.grid.x.timeLabels.modulo || J.value.end - J.value.start >= B.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor((J.value.end - J.value.start) / B.value.style.chart.grid.x.timeLabels.modulo) === 0 || (e === j.value + J.value.start || e === L.value) && B.value.style.chart.grid.x.timeLabels.showMarker)) && f(O.value, Z.value[e] ? Z.value[e].text : e + 1, W.value.left + W.value.slot * (e - J.value.start) + W.value.slot / 2, W.value.bottom + k.value / B.value.style.chart.grid.x.timeLabels.offsetY, {
 				align: B.value.style.chart.grid.x.timeLabels.rotation === 0 ? "center" : B.value.style.chart.grid.x.timeLabels.rotation > 0 ? "left" : "right",
 				font: `${B.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${Math.round(k.value / 40 * B.value.style.chart.grid.x.timeLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
-				color: B.value.style.chart.grid.x.timeLabels.showMarker ? i(B.value.style.chart.grid.x.timeLabels.color, j.value !== null || L.value !== null ? j.value + J.value.start === e || L.value === e ? 100 : 20 : 100) : B.value.style.chart.grid.x.timeLabels.color,
+				color: B.value.style.chart.grid.x.timeLabels.showMarker ? c(B.value.style.chart.grid.x.timeLabels.color, j.value !== null || L.value !== null ? j.value + J.value.start === e || L.value === e ? 100 : 20 : 100) : B.value.style.chart.grid.x.timeLabels.color,
 				rotation: B.value.style.chart.grid.x.timeLabels.rotation
 			});
 		}
-		function Zn() {
+		function Qn() {
 			d(O.value, [{
 				x: W.value.left + W.value.slot * (j.value ?? L.value) + W.value.slot / 2,
 				y: W.value.top
@@ -760,7 +760,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				linceCap: "round"
 			});
 		}
-		function Qn() {
+		function $n() {
 			I.value && d(O.value, [{
 				x: W.value.left,
 				y: I.value
@@ -774,35 +774,35 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				linceCap: "round"
 			});
 		}
-		function $n() {
+		function er() {
 			X.value.forEach((e, t) => {
-				for (let n = 0; n < e.coordinatesLine.length; n += 1) Ee(O.value, [
+				for (let r = 0; r < e.coordinatesLine.length; r += 1) De(O.value, [
 					{
-						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
+						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
 						y: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
+						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
 						y: H.value.stacked ? e.localZero : G.value.zero
 					},
 					{
-						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
-						y: e.coordinatesLine[n].y
+						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .8 / (H.value.stacked ? 1 : X.value.length),
+						y: e.coordinatesLine[r].y
 					},
 					{
-						x: W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
-						y: e.coordinatesLine[n].y
+						x: W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)),
+						y: e.coordinatesLine[r].y
 					}
 				], {
 					strokeColor: B.value.style.chart.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: H.value.stacked ? e.localZero : G.value.zero
 						},
 						stops: [{
@@ -810,18 +810,18 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 							color: e.color
 						}, {
 							offset: 1,
-							color: B.value.style.chart.bar.gradient.show ? ue(e.color, .5) : e.color
+							color: B.value.style.chart.bar.gradient.show ? n(e.color, .5) : e.color
 						}]
 					}
-				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[n].value, ce({
+				}), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && f(O.value, oe(B.value.style.chart.dataLabels.formatter, e.coordinatesLine[r].value, a({
 					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
-				}), W.value.left + W.value.slot * n + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .4 / (H.value.stacked ? 1 : X.value.length), (e.coordinatesLine[n].value < 0 ? H.value.stacked ? e.localZero : G.value.zero : e.coordinatesLine[n].y) + B.value.style.chart.dataLabels.offsetY, {
+					datapoint: e.coordinatesLine[r],
+					seriesIndex: r
+				}), W.value.left + W.value.slot * r + W.value.slot / 10 + (H.value.stacked ? 0 : W.value.slot / X.value.length * t - (t === 0 ? 0 : W.value.slot / (5 * X.value.length) * t)) + W.value.slot * .4 / (H.value.stacked ? 1 : X.value.length), (e.coordinatesLine[r].value < 0 ? H.value.stacked ? e.localZero : G.value.zero : e.coordinatesLine[r].y) + B.value.style.chart.dataLabels.offsetY, {
 					align: "center",
 					font: `${Math.round(k.value / 40 * B.value.style.chart.dataLabels.fontSizeRatio)}px ${B.value.style.fontFamily}`,
 					color: B.value.style.chart.dataLabels.useSerieColor ? e.color : B.value.style.chart.dataLabels.color,
@@ -830,7 +830,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				});
 			});
 		}
-		function er(e, t) {
+		function tr(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];
@@ -872,7 +872,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				singles: i
 			};
 		}
-		function tr(e) {
+		function nr(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];
@@ -880,9 +880,9 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			}
 			return r.length >= 2 && n.push(r), n;
 		}
-		function nr(e) {
-			if (wn.value) {
-				let t = tr(e);
+		function rr(e) {
+			if (Tn.value) {
+				let t = nr(e);
 				for (let n of t) d(O.value, n, {
 					color: e.color,
 					lineWidth: 3
@@ -892,21 +892,21 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				lineWidth: 3
 			});
 		}
-		function rr(e) {
-			let t = !!wn.value;
+		function ir(e) {
+			let t = !!Tn.value;
 			if (e.useArea) {
 				let n = H.value.stacked ? e.localZero : G.value.zero;
 				if (t) {
-					let { polygons: t, singles: r } = er(e, n);
-					for (let n of t) Ce(O.value, n, {
-						fillColor: i(e.color, B.value.style.chart.area.opacity),
+					let { polygons: t, singles: r } = tr(e, n);
+					for (let n of t) we(O.value, n, {
+						fillColor: c(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
-					let a = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
-					for (let t of r) Oe(O.value, {
+					let i = k.value / 200 * B.value.style.chart.line.plots.radiusRatio;
+					for (let t of r) ke(O.value, {
 						x: t.x,
 						y: t.y
-					}, a, {
+					}, i, {
 						color: B.value.style.chart.backgroundColor,
 						fillStyle: e.color,
 						strokeColor: "transparent"
@@ -919,21 +919,21 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 						x: e.coordinatesLine.at(-1).x,
 						y: n
 					};
-					Ce(O.value, [
+					we(O.value, [
 						t,
 						...e.coordinatesLine,
 						r
 					], {
-						fillColor: i(e.color, B.value.style.chart.area.opacity),
+						fillColor: c(e.color, B.value.style.chart.area.opacity),
 						strokeColor: "transparent"
 					});
 				}
-				nr(e);
+				rr(e);
 				return;
 			}
-			nr(e);
+			rr(e);
 		}
-		function ir() {
+		function ar() {
 			q.value.forEach((e, t) => {
 				d(O.value, [{
 					x: W.value.left,
@@ -947,9 +947,9 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				});
 			});
 		}
-		function ar() {
+		function or() {
 			let { left: e, top: t, width: n, height: r } = W.value, i = J.value.start, a = J.value.end - i, o = n / a, s = Y.value.start - i, c = Y.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
-			Ee(O.value, [
+			De(O.value, [
 				{
 					x: e + l * o,
 					y: t
@@ -979,11 +979,11 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			});
 		}
 		function Q() {
-			!z.value || !V.value || !O.value || (zn(), N.value ? ((j.value !== null || L.value !== null) && B.value.style.chart.selector.show && Zn(), $n(), H.value.stacked && B.value.style.chart.grid.x.showAxis && ir(), Ln.value.forEach((e) => {
-				(e.type === "line" || !e.type) && rr(e), P.value && (Bn(e), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Un(e));
-			}), V.value && (Et.value = Te(V.value))) : (Et.value && (O.value.clearRect(0, 0, 1e4, 1e4), O.value.drawImage(Et.value, 0, 0)), (j.value !== null || L.value !== null) && B.value.style.chart.selector.show && Zn(), (j.value !== null || L.value !== null) && q.value.forEach((e) => {
+			!z.value || !V.value || !O.value || (Bn(), N.value ? ((j.value !== null || L.value !== null) && B.value.style.chart.selector.show && Qn(), er(), H.value.stacked && B.value.style.chart.grid.x.showAxis && ar(), Rn.value.forEach((e) => {
+				(e.type === "line" || !e.type) && ir(e), P.value && (Vn(e), H.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Wn(e));
+			}), V.value && (Dt.value = Ee(V.value))) : (Dt.value && (O.value.clearRect(0, 0, 1e4, 1e4), O.value.drawImage(Dt.value, 0, 0)), (j.value !== null || L.value !== null) && B.value.style.chart.selector.show && Qn(), (j.value !== null || L.value !== null) && q.value.forEach((e) => {
 				let t = j.value ?? L.value, n = e.coordinatesLine[t];
-				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && Oe(O.value, {
+				(e.type === "line" || !e.type || e.type === "plot") && n && Number.isFinite(n.x) && Number.isFinite(n.y) && ke(O.value, {
 					x: n.x,
 					y: n.y
 				}, k.value / 150 * B.value.style.chart.line.plots.radiusRatio, {
@@ -991,12 +991,12 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					fillStyle: e.color,
 					strokeColor: "transparent"
 				});
-			})), B.value.style.chart.grid.x.timeLabels.show && Xn(), B.value.style.chart.selector.show && B.value.style.chart.selector.showHorizontalSelector && Qn(), Hn(), Vn(), B.value.style.chart.zoom.preview.enable && (J.value.start !== Y.value.start || J.value.end !== Y.value.end) && ar(), N.value = !1);
+			})), B.value.style.chart.grid.x.timeLabels.show && Zn(), B.value.style.chart.selector.show && B.value.style.chart.selector.showHorizontalSelector && $n(), Un(), Hn(), B.value.style.chart.zoom.preview.enable && (J.value.start !== Y.value.start || J.value.end !== Y.value.end) && or(), N.value = !1);
 		}
-		let or = De(() => {
-			P.value = !0, Rn();
+		let sr = Oe(() => {
+			P.value = !0, zn();
 		}, U.value > 200 ? 10 : 1, !P.value);
-		function sr(e) {
+		function cr(e) {
 			if ([null, void 0].includes(j.value ?? L.value) || !e.coordinatesLine[j.value ?? L.value]) return !1;
 			let { y: t, value: n } = e.coordinatesLine[j.value ?? L.value];
 			return {
@@ -1004,15 +1004,15 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				value: n
 			};
 		}
-		function cr(e) {
-			if (!z.value || !V.value || mn.value) return;
+		function lr(e) {
+			if (!z.value || !V.value || hn.value) return;
 			let { left: t, top: n } = V.value.getBoundingClientRect(), r = e.clientX - t;
 			if (I.value = (e.clientY - n) * 2, (I.value < W.value.top || I.value > W.value.bottom) && (I.value = null), r * 2 < W.value.left || r * 2 > W.value.right) {
-				pr();
+				mr();
 				return;
 			}
 			let i = r * 2 - W.value.left, a = Math.floor(i / W.value.slot);
-			if (j.value = a, R.value = a, St.value = !0, Ht.value = !1, !P.value) return;
+			if (j.value = a, R.value = a, Ct.value = !0, Ut.value = !1, !P.value) return;
 			let o = "", s = B.value.style.chart.tooltip.customFormat, c = q.value.map((e) => ({
 				shape: e.shape || null,
 				name: e.name,
@@ -1020,28 +1020,28 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				type: e.type || "line",
 				value: e.series.find((e, t) => t === j.value)
 			}));
-			wt.value = {
-				timeLabel: B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[j.value] ? B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[j.value]?.text : Yn.value[j.value]?.text : "",
+			Tt.value = {
+				timeLabel: B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[j.value] ? B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[j.value]?.text : Xn.value[j.value]?.text : "",
 				datapoint: c,
 				seriesIndex: j.value,
 				series: q.value,
 				config: B.value
-			}, _r({
+			}, vr({
 				seriesIndex: j.value,
 				datapoint: c
-			}), te(s) && re(() => s({
+			}), de(s) && le(() => s({
 				seriesIndex: j.value,
 				datapoint: c,
 				series: q.value,
 				config: B.value
-			})) ? Ct.value = s({
+			})) ? wt.value = s({
 				seriesIndex: j.value,
 				datapoint: c,
 				series: q.value,
 				config: B.value
-			}) : (B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[j.value] ? o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[j.value]?.text : Yn.value[j.value]?.text}</div>` : o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${Z.value[j.value + J.value.start]?.text ?? ""}</div>`, o += Cn.value.join(""), Ct.value = o), P.value = !1;
+			}) : (B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[j.value] ? o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[j.value]?.text : Xn.value[j.value]?.text}</div>` : o += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${Z.value[j.value + J.value.start]?.text ?? ""}</div>`, o += wn.value.join(""), wt.value = o), P.value = !1;
 		}
-		function lr(e) {
+		function ur(e) {
 			return q.value.map((t) => ({
 				shape: t.shape || null,
 				name: t.name,
@@ -1050,12 +1050,12 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				value: t.series.find((t, n) => n === e)
 			}));
 		}
-		function ur(e) {
-			let t = "", n = B.value.style.chart.tooltip.customFormat, r = lr(e);
-			return _r({
+		function dr(e) {
+			let t = "", n = B.value.style.chart.tooltip.customFormat, r = ur(e);
+			return vr({
 				seriesIndex: e,
 				datapoint: r
-			}), te(n) && re(() => n({
+			}), de(n) && le(() => n({
 				seriesIndex: e,
 				datapoint: r,
 				series: q.value,
@@ -1065,40 +1065,40 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				datapoint: r,
 				series: q.value,
 				config: B.value
-			}) : (B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[e]?.text : Yn.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${Z.value[e + J.value.start]?.text ?? ""}</div>`, t += Cn.value.join(""), t);
+			}) : (B.value.style.chart.grid.x.timeLabels.values.slice(J.value.start, J.value.end)[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${B.value.style.chart.tooltip.useDefaultTimeFormat ? Z.value.slice(J.value.start, J.value.end)[e]?.text : Xn.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.style.chart.tooltip.borderColor}; width:100%">${Z.value[e + J.value.start]?.text ?? ""}</div>`, t += wn.value.join(""), t);
 		}
-		function dr(e) {
+		function fr(e) {
 			if (!V.value || !W.value?.slot) return;
 			let t = V.value.getBoundingClientRect(), n = t.width / W.value.canvasWidth, r = t.height / W.value.canvasHeight, i = W.value.left + W.value.slot * e + W.value.slot / 2, a = W.value.top + W.value.height / 2;
-			Wt.value = {
+			Gt.value = {
 				x: t.left + i * n,
 				y: t.top + a * r
 			};
 		}
-		function fr(e, { fromKeyboard: t = !1 } = {}) {
-			!z.value || mn.value || e != null && (e < 0 || e >= J.value.end - J.value.start || (j.value = e, R.value = e, St.value = !0, Ht.value = t, Ct.value = ur(e), t && dr(e), P.value = !1, Q()));
-		}
-		function pr() {
-			St.value = !1, j.value = null, R.value = null, Ct.value = "", I.value = null, Ht.value = !1, Q();
+		function pr(e, { fromKeyboard: t = !1 } = {}) {
+			!z.value || hn.value || e != null && (e < 0 || e >= J.value.end - J.value.start || (j.value = e, R.value = e, Ct.value = !0, Ut.value = t, wt.value = dr(e), t && fr(e), P.value = !1, Q()));
 		}
 		function mr() {
-			Ut.value = !0;
+			Ct.value = !1, j.value = null, R.value = null, wt.value = "", I.value = null, Ut.value = !1, Q();
 		}
 		function hr() {
-			Ut.value = !1, pr();
+			Wt.value = !0;
+		}
+		function gr() {
+			Wt.value = !1, mr();
 		}
-		function gr(e) {
-			if (!V.value || Lr.value || document.activeElement !== V.value) return;
+		function _r(e) {
+			if (!V.value || Rr.value || document.activeElement !== V.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n) return;
 			let r = J.value.end - J.value.start;
 			if (r <= 0) return;
 			e.preventDefault(), e.stopPropagation();
 			let i = R.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, fr(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, pr(i, { fromKeyboard: !0 });
 		}
-		function _r({ seriesIndex: e, datapoint: t }) {
-			Gt("selectX", {
+		function vr({ seriesIndex: e, datapoint: t }) {
+			Kt("selectX", {
 				dataset: t,
 				index: J.value.start + e,
 				indexLabel: ""
@@ -1106,13 +1106,13 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		}
 		C(() => T.selectedXIndex, (e) => {
 			if ([null, void 0].includes(T.selectedXIndex)) {
-				pr();
+				mr();
 				return;
 			}
 			let t = e - J.value.start;
-			t < 0 || e >= J.value.end ? pr() : fr(t, { fromKeyboard: !1 });
+			t < 0 || e >= J.value.end ? mr() : pr(t, { fromKeyboard: !1 });
 		}, { immediate: !0 }), C(() => j.value, (e) => {
-			or();
+			sr();
 		}), C(() => J.value, (e) => {
 			N.value = !0, Q();
 		}, { deep: !0 }), C(() => Y.value, (e) => {
@@ -1122,66 +1122,66 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		}), C(() => I.value, (e) => {
 			e && Q();
 		}), C(() => H.value.stacked, (e) => {
-			N.value = !0, P.value = !0, or();
+			N.value = !0, P.value = !0, sr();
 		});
-		function vr() {
-			pr();
+		function yr() {
+			mr();
 		}
-		let $ = Ze(null), yr = Ze(null), br = Ze(null);
-		Ye(() => {
-			Ft.value = !0, xr();
+		let $ = Qe(null), br = Qe(null), xr = Qe(null);
+		Xe(() => {
+			It.value = !0, Sr();
 		});
-		function xr() {
-			if (n(T.dataset) && Xt.value && o({
+		function Sr() {
+			if (se(T.dataset) && Zt.value && t({
 				componentName: "VueUiXyCanvas",
 				type: "dataset"
-			}), Ge(() => {
-				V.value && !O.value && (O.value = V.value.getContext("2d", { willReadFrequently: !0 })), O.value && z.value && (N.value = !0, P.value = !0, Rn());
+			}), Ke(() => {
+				V.value && !O.value && (O.value = V.value.getContext("2d", { willReadFrequently: !0 })), O.value && z.value && (N.value = !0, P.value = !0, zn());
 			}), B.value.responsive) {
-				let e = we(() => {
-					let { width: e, height: t } = ke({
+				let e = Te(() => {
+					let { width: e, height: t } = Ae({
 						chart: D.value,
-						title: B.value.style.chart.title.text ? kt.value : null,
-						legend: B.value.style.chart.legend.show ? At.value : null,
+						title: B.value.style.chart.title.text ? At.value : null,
+						legend: B.value.style.chart.legend.show ? jt.value : null,
 						slicer: B.value.style.chart.zoom.show && U.value > 6 ? F.value?.$el : null,
-						source: jt.value
+						source: Mt.value
 					});
 					requestAnimationFrame(() => {
-						sn.value = `${e} / ${t}`;
+						cn.value = `${e} / ${t}`;
 					});
 				});
-				$.value && (yr.value && $.value.unobserve(yr.value), $.value.disconnect()), $.value = new ResizeObserver(e), yr.value = D.value.parentNode, $.value.observe(yr.value);
+				$.value && (br.value && $.value.unobserve(br.value), $.value.disconnect()), $.value = new ResizeObserver(e), br.value = D.value.parentNode, $.value.observe(br.value);
 			}
-			br.value && br.value.disconnect(), br.value = new ResizeObserver(async (e) => {
-				for (let t of e) t.contentBoxSize && xt.value && (N.value = !0, or());
-			}), br.value.observe(xt.value), kn();
+			xr.value && xr.value.disconnect(), xr.value = new ResizeObserver(async (e) => {
+				for (let t of e) t.contentBoxSize && St.value && (N.value = !0, sr());
+			}), xr.value.observe(St.value), An();
 		}
-		Je(() => {
-			br.value && br.value.disconnect(), $.value && (yr.value && $.value.unobserve(yr.value), $.value.disconnect());
+		Ye(() => {
+			xr.value && xr.value.disconnect(), $.value && (br.value && $.value.unobserve(br.value), $.value.disconnect());
 		});
-		function Sr() {
-			M.value.length ? M.value = [] : Dr.value.forEach((e, t) => {
+		function Cr() {
+			M.value.length ? M.value = [] : Or.value.forEach((e, t) => {
 				M.value.push(t);
-			}), N.value = !0, or(), Gt("selectLegend", q.value);
-		}
-		function Cr(e) {
-			M.value.includes(e) ? M.value = M.value.filter((t) => t !== e) : M.value.push(e), N.value = !0, or(), Gt("selectLegend", q.value);
+			}), N.value = !0, sr(), Kt("selectLegend", q.value);
 		}
 		function wr(e) {
-			return K.value.length ? K.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiXyCanvas - There are no series to show."), null);
+			M.value.includes(e) ? M.value = M.value.filter((t) => t !== e) : M.value.push(e), N.value = !0, sr(), Kt("selectLegend", q.value);
 		}
 		function Tr(e) {
-			let t = wr(e);
-			t !== null && M.value.includes(t.absoluteIndex) && Cr(t.absoluteIndex);
+			return K.value.length ? K.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiXyCanvas - There are no series to show."), null);
 		}
 		function Er(e) {
-			let t = wr(e);
-			t !== null && (M.value.includes(t.absoluteIndex) || Cr(t.absoluteIndex));
+			let t = Tr(e);
+			t !== null && M.value.includes(t.absoluteIndex) && wr(t.absoluteIndex);
 		}
-		let Dr = p(() => K.value.map((e, n) => ({
+		function Dr(e) {
+			let t = Tr(e);
+			t !== null && (M.value.includes(t.absoluteIndex) || wr(t.absoluteIndex));
+		}
+		let Or = p(() => K.value.map((e, t) => ({
 			...e,
 			name: e.name,
-			color: ie(e.color) || pn.value[n] || t[n] || t[n % t.length],
+			color: re(e.color) || mn.value[t] || s[t] || s[t % s.length],
 			shape: e.shape || "circle",
 			prefix: e.prefix || "",
 			suffix: e.suffix || "",
@@ -1189,16 +1189,16 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 		})).map((e) => ({
 			...e,
 			opacity: M.value.includes(e.absoluteIndex) ? .5 : 1,
-			segregate: () => Cr(e.absoluteIndex),
+			segregate: () => wr(e.absoluteIndex),
 			isSegregated: M.value.includes(e.absoluteIndex)
-		}))), Or = p(() => ({
+		}))), kr = p(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: B.value.style.chart.legend.backgroundColor,
 			color: B.value.style.chart.legend.color,
 			fontSize: B.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: B.value.style.chart.legend.bold ? "bold" : ""
-		})), kr = p(() => {
+		})), Ar = p(() => {
 			let e = [""].concat(q.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 = [];
 			for (let e = 0; e < U.value; e += 1) {
 				let n = q.value.map((t) => t.series[e] ?? 0).reduce((e, t) => e + t, 0);
@@ -1223,7 +1223,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				config: n,
 				colNames: r
 			};
-		}), Ar = p(() => {
+		}), jr = p(() => {
 			if (q.value.length === 0) return {
 				head: [],
 				body: [],
@@ -1246,67 +1246,69 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				body: t
 			};
 		});
-		function jr(e = null) {
+		function Mr(e = null) {
 			let t = [
 				[B.value.style.chart.title.text],
 				[B.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...Ar.value.head.map((e) => e.label)], r = Ar.value.body, i = le(t.concat([n]).concat(r));
-			e ? e(i) : ee({
+			], n = ["", ...jr.value.head.map((e) => e.label)], r = jr.value.body, i = u(t.concat([n]).concat(r));
+			e ? e(i) : te({
 				csvContent: i,
 				title: B.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
 		}
-		function Mr() {
+		function Nr() {
 			return q.value;
 		}
-		function Nr() {
+		function Pr() {
 			H.value.showTable = !H.value.showTable;
 		}
-		function Pr() {
+		function Fr() {
 			H.value.showDataLabels = !H.value.showDataLabels;
 		}
-		function Fr() {
+		function Ir() {
 			H.value.stacked = !H.value.stacked;
 		}
-		function Ir() {
+		function Lr() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		let Lr = b(!1);
-		function Rr() {
-			Lr.value = !Lr.value;
+		let Rr = b(!1);
+		function zr() {
+			Rr.value = !Rr.value;
 		}
-		async function zr({ scale: e = 2 } = {}) {
+		async function Br({ scale: e = 2 } = {}) {
 			if (!D.value) return;
-			let { width: t, height: n } = D.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await be({
+			let { imageUri: t, base64: n } = await xe({
 				domElement: D.value,
 				base64: !0,
 				img: !0,
 				scale: e
-			});
+			}), r = D.value.getBoundingClientRect(), i = {
+				width: r.width,
+				height: r.height,
+				aspectRatio: r.height ? r.width / r.height : 0
+			}, a = await ce(t, e) ?? i;
 			return {
-				imageUri: i,
-				base64: a,
+				imageUri: t,
+				base64: n,
 				title: B.value.style.chart.title.text,
-				width: t,
-				height: n,
-				aspectRatio: r
+				...a
 			};
 		}
-		let Br = p(() => {
+		let Vr = p(() => {
 			let e = B.value.table.useDialog && !B.value.table.show, t = H.value.showTable;
 			return {
-				component: e ? _t : Me,
+				component: e ? vt : Ne,
 				title: `${B.value.style.chart.title.text}${B.value.style.chart.title.subtitle.text ? `: ${B.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: B.value.table.th.backgroundColor,
 					color: B.value.table.th.color,
 					headerColor: B.value.table.th.color,
 					headerBg: B.value.table.th.backgroundColor,
-					isFullscreen: Ot.value,
+					isFullscreen: kt.value,
 					fullscreenParent: D.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: Yt.value
+					isCursorPointer: Xt.value
 				} : {
 					hideDetails: !0,
 					config: {
@@ -1325,24 +1327,24 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			};
 		});
 		C(() => H.value.showTable, (e) => {
-			B.value.table.show || (e && B.value.table.useDialog && It.value ? It.value.open() : "close" in It.value && It.value.close());
+			B.value.table.show || (e && B.value.table.useDialog && Lt.value ? Lt.value.open() : "close" in Lt.value && Lt.value.close());
 		});
-		function Vr() {
-			H.value.showTable = !1, Lt.value && Lt.value.setTableIconState(!1);
+		function Hr() {
+			H.value.showTable = !1, Rt.value && Rt.value.setTableIconState(!1);
 		}
-		function Hr(e) {
+		function Ur(e) {
 			if (e?.stage === "start") {
-				Vt.value = !0;
+				Ht.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Vt.value = !1;
+				Ht.value = !1;
 				return;
 			}
-			dn();
+			fn();
 		}
-		async function Ur() {
-			if (Gt("copyAlt", {
+		async function Wr() {
+			if (Kt("copyAlt", {
 				config: B.value,
 				dataset: q.value
 			}), !B.value.userOptions.callbacks.altCopy) {
@@ -1354,42 +1356,42 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				dataset: q.value
 			}));
 		}
-		return Se({
-			getData: Mr,
-			getImage: zr,
-			generateCsv: jr,
-			generatePdf: un,
-			generateImage: dn,
-			hideSeries: Er,
-			showSeries: Tr,
-			toggleTable: Nr,
-			toggleLabels: Pr,
-			toggleStack: Fr,
-			toggleTooltip: Ir,
-			toggleAnnotator: Rr,
-			toggleFullscreen: fn,
-			copyAlt: Ur
-		}), (t, n) => (y(), ze("div", {
-			style: qe(`width:100%; position:relative; ${B.value.responsive ? "height: 100%" : ""}; background:${B.value.style.chart.backgroundColor};`),
+		return Ce({
+			getData: Nr,
+			getImage: Br,
+			generateCsv: Mr,
+			generatePdf: dn,
+			generateImage: fn,
+			hideSeries: Dr,
+			showSeries: Er,
+			toggleTable: Pr,
+			toggleLabels: Fr,
+			toggleStack: Ir,
+			toggleTooltip: Lr,
+			toggleAnnotator: zr,
+			toggleFullscreen: pn,
+			copyAlt: Wr
+		}), (t, n) => (y(), Be("div", {
+			style: Je(`width:100%; position:relative; ${B.value.responsive ? "height: 100%" : ""}; background:${B.value.style.chart.backgroundColor};`),
 			ref_key: "xy",
 			ref: D,
 			id: `xy_canvas_${E.value}`,
-			class: Ke(`vue-data-ui-component vue-ui-xy-canvas ${Ot.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			onMouseenter: rn,
-			onMouseleave: an
+			class: qe(`vue-data-ui-component vue-ui-xy-canvas ${kt.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			onMouseenter: an,
+			onMouseleave: on
 		}, [
 			g("div", {
 				id: `chart-instructions-${E.value}`,
 				class: "sr-only"
-			}, [g("p", null, Qe(B.value.a11y.translations.keyboardNavigation), 1)], 8, it),
-			g("div", at, Qe(Jt.value), 1),
-			B.value.style.chart.title.text ? (y(), ze("div", {
+			}, [g("p", null, $e(B.value.a11y.translations.keyboardNavigation), 1)], 8, at),
+			g("div", ot, $e(Yt.value), 1),
+			B.value.style.chart.title.text ? (y(), Be("div", {
 				key: 0,
 				ref_key: "chartTitle",
-				ref: kt,
-				style: qe(`width:100%;background:${B.value.style.chart.backgroundColor};`)
-			}, [(y(), m(xe, {
-				key: `title_${Mt.value}`,
+				ref: At,
+				style: Je(`width:100%;background:${B.value.style.chart.backgroundColor};`)
+			}, [(y(), m(Se, {
+				key: `title_${Nt.value}`,
 				config: {
 					title: {
 						cy: "xy-canvas-title",
@@ -1401,15 +1403,15 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					}
 				}
 			}, null, 8, ["config"]))], 4)) : h("", !0),
-			g("div", { id: `legend-top-${E.value}` }, null, 8, ot),
-			B.value.userOptions.show && z.value && (S(nn) || S(en)) ? (y(), m(S(ht), {
+			g("div", { id: `legend-top-${E.value}` }, null, 8, st),
+			B.value.userOptions.show && z.value && (S(rn) || S(tn)) ? (y(), m(S(gt), {
 				ref_key: "userOptionsRef",
-				ref: Lt,
-				key: `user_option_${Dt.value}`,
+				ref: Rt,
+				key: `user_option_${Ot.value}`,
 				backgroundColor: B.value.style.chart.backgroundColor,
 				color: B.value.style.chart.color,
-				isPrinting: S(cn),
-				isImaging: S(ln),
+				isPrinting: S(ln),
+				isImaging: S(un),
 				uid: E.value,
 				hasTooltip: B.value.userOptions.buttons.tooltip && B.value.style.chart.tooltip.show,
 				hasPdf: B.value.userOptions.buttons.pdf,
@@ -1420,30 +1422,30 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				hasFullscreen: B.value.userOptions.buttons.fullscreen,
 				hasAltCopy: B.value.userOptions.buttons.altCopy,
 				hasTable: J.value.end - J.value.start <= 730 && B.value.userOptions.buttons.table,
-				isFullscreen: Ot.value,
+				isFullscreen: kt.value,
 				isTooltip: H.value.showTooltip,
 				isStacked: H.value.stacked,
 				titles: { ...B.value.userOptions.buttonTitles },
 				chartElement: D.value,
 				position: B.value.userOptions.position,
 				hasAnnotator: B.value.userOptions.buttons.annotator,
-				isAnnotation: Lr.value,
+				isAnnotation: Rr.value,
 				callbacks: B.value.userOptions.callbacks,
 				printScale: B.value.userOptions.print.scale,
 				tableDialog: B.value.table.useDialog,
-				isCursorPointer: Yt.value,
-				onToggleFullscreen: fn,
-				onGeneratePdf: S(un),
-				onGenerateCsv: jr,
-				onGenerateImage: Hr,
-				onToggleTable: Nr,
-				onToggleLabels: Pr,
-				onToggleStack: Fr,
-				onToggleTooltip: Ir,
-				onToggleAnnotator: Rr,
-				onCopyAlt: Ur,
-				style: qe({ visibility: S(nn) ? S(en) ? "visible" : "hidden" : "visible" })
-			}, Be({ _: 2 }, [
+				isCursorPointer: Xt.value,
+				onToggleFullscreen: pn,
+				onGeneratePdf: S(dn),
+				onGenerateCsv: Mr,
+				onGenerateImage: Ur,
+				onToggleTable: Pr,
+				onToggleLabels: Fr,
+				onToggleStack: Ir,
+				onToggleTooltip: Lr,
+				onToggleAnnotator: zr,
+				onCopyAlt: Wr,
+				style: Je({ visibility: S(rn) ? S(tn) ? "visible" : "hidden" : "visible" })
+			}, Ve({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: w(({ isOpen: e, color: n }) => [x(t.$slots, "menuIcon", v(_({
@@ -1521,14 +1523,14 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 			]), 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("."))) : h("", !0),
 			g("div", {
 				class: "vue-ui-xy-canvas",
-				style: qe(`position: relative; aspect-ratio: ${sn.value}`),
+				style: Je(`position: relative; aspect-ratio: ${cn.value}`),
 				ref_key: "container",
-				ref: xt
+				ref: St
 			}, [
 				g("canvas", {
 					ref_key: "canvas",
 					ref: V,
-					"aria-label": qt.value,
+					"aria-label": Jt.value,
 					"aria-describedby": `chart-instructions-${E.value}`,
 					role: "img",
 					"aria-live": "polite",
@@ -1537,20 +1539,20 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 						width: "100%",
 						height: "100%"
 					},
-					onMousemove: n[0] ||= (e) => cr(e),
-					onMouseleave: vr,
-					onFocus: mr,
-					onBlur: hr,
-					onKeydown: gr
-				}, null, 40, st),
-				t.$slots.hint ? (y(), ze("div", ct, [x(t.$slots, "hint", v(_({
+					onMousemove: n[0] ||= (e) => lr(e),
+					onMouseleave: yr,
+					onFocus: hr,
+					onBlur: gr,
+					onKeydown: _r
+				}, null, 40, ct),
+				t.$slots.hint ? (y(), Be("div", lt, [x(t.$slots, "hint", v(_({
 					hint: B.value.a11y.translations.keyboardNavigation,
-					isVisible: Ut.value
+					isVisible: Wt.value
 				})), void 0, !0)])) : h("", !0),
-				x(t.$slots, "skeleton", {}, () => [S(Qt) ? (y(), m(_e, { key: 0 })) : h("", !0)], !0),
-				He(S(pt), {
+				x(t.$slots, "skeleton", {}, () => [S($t) ? (y(), m(ve, { key: 0 })) : h("", !0)], !0),
+				Ue(S(mt), {
 					teleportTo: B.value.style.chart.tooltip.teleportTo,
-					show: H.value.showTooltip && St.value,
+					show: H.value.showTooltip && Ct.value,
 					backgroundColor: B.value.style.chart.tooltip.backgroundColor,
 					color: B.value.style.chart.tooltip.color,
 					fontSize: B.value.style.chart.tooltip.fontSize,
@@ -1561,20 +1563,20 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					offsetX: B.value.style.chart.tooltip.offsetX,
 					offsetY: B.value.style.chart.tooltip.offsetY,
 					parent: t.$refs.xy,
-					content: Ct.value,
-					isFullscreen: Ot.value,
+					content: wt.value,
+					isFullscreen: kt.value,
 					backgroundOpacity: B.value.style.chart.tooltip.backgroundOpacity,
-					isCustom: S(te)(B.value.style.chart.tooltip.customFormat),
+					isCustom: S(de)(B.value.style.chart.tooltip.customFormat),
 					smooth: B.value.style.chart.tooltip.smooth,
 					backdropFilter: B.value.style.chart.tooltip.backdropFilter,
 					smoothForce: B.value.style.chart.tooltip.smoothForce,
 					smoothSnapThreshold: B.value.style.chart.tooltip.smoothSnapThreshold,
-					isA11yMode: Ht.value,
-					a11yPosition: Wt.value
+					isA11yMode: Ut.value,
+					a11yPosition: Gt.value
 				}, {
-					"tooltip-before": w(() => [x(t.$slots, "tooltip-before", v(_({ ...wt.value })), void 0, !0)]),
-					tooltip: w(() => [x(t.$slots, "tooltip", v(_({ ...wt.value })), void 0, !0)]),
-					"tooltip-after": w(() => [x(t.$slots, "tooltip-after", v(_({ ...wt.value })), void 0, !0)]),
+					"tooltip-before": w(() => [x(t.$slots, "tooltip-before", v(_({ ...Tt.value })), void 0, !0)]),
+					tooltip: w(() => [x(t.$slots, "tooltip", v(_({ ...Tt.value })), void 0, !0)]),
+					"tooltip-after": w(() => [x(t.$slots, "tooltip-after", v(_({ ...Tt.value })), void 0, !0)]),
 					_: 3
 				}, 8, [
 					"teleportTo",
@@ -1601,15 +1603,16 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 					"a11yPosition"
 				])
 			], 4),
-			B.value.style.chart.zoom.show && U.value > 6 && z.value && zt.value && !S(Qt) ? (y(), m(je, {
+			B.value.style.chart.zoom.show && U.value > 6 && z.value && Bt.value && !S($t) ? (y(), m(Me, {
 				key: 2,
 				ref_key: "chartSlicer",
 				ref: F,
-				allMinimaps: En.value,
+				"data-dom-to-png-ignore-layout": "",
+				allMinimaps: Dn.value,
 				background: B.value.style.chart.zoom.color,
 				borderColor: B.value.style.chart.backgroundColor,
 				customFormat: B.value.style.chart.zoom.customFormat,
-				cutNullValues: wn.value,
+				cutNullValues: Tn.value,
 				enableRangeHandles: B.value.style.chart.zoom.enableRangeHandles,
 				enableSelectionDrag: B.value.style.chart.zoom.enableSelectionDrag,
 				end: J.value.end,
@@ -1618,12 +1621,12 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				fontSize: B.value.style.chart.zoom.fontSize,
 				immediate: !B.value.style.chart.zoom.preview.enable,
 				inputColor: B.value.style.chart.zoom.color,
-				isPreview: An.value,
+				isPreview: jn.value,
 				labelLeft: B.value.style.chart.grid.x.timeLabels.values[J.value.start] ? Z.value[J.value.start]?.text : "",
 				labelRight: B.value.style.chart.grid.x.timeLabels.values[J.value.end - 1] ? Z.value[J.value.end - 1]?.text : "",
 				max: U.value,
 				min: 0,
-				minimap: Tn.value,
+				minimap: En.value,
 				minimapCompact: B.value.style.chart.zoom.minimap.compact,
 				minimapFrameColor: B.value.style.chart.zoom.minimap.frameColor,
 				minimapIndicatorColor: B.value.style.chart.zoom.minimap.indicatorColor,
@@ -1633,7 +1636,7 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				minimapSelectedColorOpacity: B.value.style.chart.zoom.minimap.selectedColorOpacity,
 				minimapSelectedIndex: j.value,
 				minimapSelectionRadius: B.value.style.chart.zoom.minimap.selectionRadius,
-				preciseLabels: Jn.value?.length ? Jn.value : Z.value,
+				preciseLabels: Yn.value?.length ? Yn.value : Z.value,
 				refreshEndPoint: B.value.style.chart.zoom.endIndex === null ? U.value : B.value.style.chart.zoom.endIndex + 1,
 				refreshStartPoint: B.value.style.chart.zoom.startIndex === null ? 0 : B.value.style.chart.zoom.startIndex,
 				selectColor: B.value.style.chart.zoom.highlightColor,
@@ -1655,42 +1658,42 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				handleBorderColor: B.value.style.chart.zoom.minimap.handleBorderColor,
 				handleFill: B.value.style.chart.zoom.minimap.handleFill,
 				handleWidth: B.value.style.chart.zoom.minimap.handleWidth,
-				onFutureEnd: n[1] ||= (e) => jn("end", e),
-				onFutureStart: n[2] ||= (e) => jn("start", e),
-				onReset: kn,
-				onTrapMouse: hn,
-				"onUpdate:end": Pn,
-				"onUpdate:start": Nn
+				onFutureEnd: n[1] ||= (e) => Mn("end", e),
+				onFutureStart: n[2] ||= (e) => Mn("start", e),
+				onReset: An,
+				onTrapMouse: gn,
+				"onUpdate:end": Fn,
+				"onUpdate:start": Pn
 			}, {
 				"reset-action": w(({ reset: e }) => [x(t.$slots, "reset-action", 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.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : h("", !0),
-			g("div", { id: `legend-bottom-${E.value}` }, null, 8, lt),
-			Ft.value && (B.value.style.chart.legend.show || t.$slots.legend) ? (y(), m(Re, {
+			g("div", { id: `legend-bottom-${E.value}` }, null, 8, ut),
+			It.value && (B.value.style.chart.legend.show || t.$slots.legend) ? (y(), m(ze, {
 				key: 3,
 				to: B.value.style.chart.legend.position === "top" ? `#legend-top-${E.value}` : `#legend-bottom-${E.value}`
 			}, [g("div", {
 				ref_key: "chartLegend",
-				ref: At
-			}, [x(t.$slots, "legend", { legend: Dr.value }, () => [B.value.style.chart.legend.show && z.value ? (y(), m(Ie, {
-				legendSet: Dr.value,
-				config: Or.value,
-				key: `legend_${Pt.value}`,
-				isCursorPointer: Yt.value,
-				onClickMarker: n[3] ||= ({ i: e }) => Cr(e)
+				ref: jt
+			}, [x(t.$slots, "legend", { legend: Or.value }, () => [B.value.style.chart.legend.show && z.value ? (y(), m(Le, {
+				legendSet: Or.value,
+				config: kr.value,
+				key: `legend_${Ft.value}`,
+				isCursorPointer: Xt.value,
+				onClickMarker: n[3] ||= ({ i: e }) => wr(e)
 			}, {
 				item: w(({ legend: e, index: t }) => [g("div", {
 					onClick: (t) => e.segregate(),
-					style: qe(`opacity:${M.value.includes(t) ? .5 : 1}`)
-				}, Qe(e.name), 13, ut)]),
-				legendToggle: w(() => [Dr.value.length > 2 && B.value.style.chart.legend.selectAllToggle.show && !S(Qt) ? (y(), m(Ne, {
+					style: Je(`opacity:${M.value.includes(t) ? .5 : 1}`)
+				}, $e(e.name), 13, dt)]),
+				legendToggle: w(() => [Or.value.length > 2 && B.value.style.chart.legend.selectAllToggle.show && !S($t) ? (y(), m(Pe, {
 					key: 0,
 					backgroundColor: B.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: B.value.style.chart.legend.selectAllToggle.color,
 					fontSize: B.value.style.chart.legend.fontSize,
 					checked: M.value.length > 0,
-					isCursorPointer: Yt.value,
-					onToggle: Sr
+					isCursorPointer: Xt.value,
+					onToggle: Cr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1704,31 +1707,31 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				"config",
 				"isCursorPointer"
 			])) : h("", !0)], !0)], 512)], 8, ["to"])) : h("", !0),
-			t.$slots.watermark ? (y(), ze("div", dt, [x(t.$slots, "watermark", v(_({ isPrinting: S(cn) || S(ln) || Vt.value })), void 0, !0)])) : h("", !0),
-			t.$slots.source ? (y(), ze("div", {
+			t.$slots.watermark ? (y(), Be("div", ft, [x(t.$slots, "watermark", v(_({ isPrinting: S(ln) || S(un) || Ht.value })), void 0, !0)])) : h("", !0),
+			t.$slots.source ? (y(), Be("div", {
 				key: 5,
 				ref_key: "source",
-				ref: jt,
+				ref: Mt,
 				dir: "auto"
 			}, [x(t.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
-			z.value && B.value.userOptions.buttons.table ? (y(), m(Xe(Br.value.component), We({ key: 6 }, Br.value.props, {
+			z.value && B.value.userOptions.buttons.table ? (y(), m(Ze(Vr.value.component), Ge({ key: 6 }, Vr.value.props, {
 				ref_key: "tableUnit",
-				ref: It,
-				onClose: Vr
-			}), Be({
-				content: w(() => [(y(), m(S(mt), {
-					key: `table_${Nt.value}`,
-					colNames: kr.value.colNames,
-					head: kr.value.head,
-					body: kr.value.body,
-					config: kr.value.config,
-					title: B.value.table.useDialog ? "" : Br.value.title,
+				ref: Lt,
+				onClose: Hr
+			}), Ve({
+				content: w(() => [(y(), m(S(ht), {
+					key: `table_${Pt.value}`,
+					colNames: Ar.value.colNames,
+					head: Ar.value.head,
+					body: Ar.value.body,
+					config: Ar.value.config,
+					title: B.value.table.useDialog ? "" : Vr.value.title,
 					withCloseButton: !B.value.table.useDialog,
-					isCursorPointer: Yt.value,
-					onClose: Vr
+					isCursorPointer: Xt.value,
+					onClose: Hr
 				}, {
-					th: w(({ th: e }) => [g("div", { innerHTML: e }, null, 8, ft)]),
-					td: w(({ td: e }) => [Ve(Qe(e), 1)]),
+					th: w(({ th: e }) => [g("div", { innerHTML: e }, null, 8, pt)]),
+					td: w(({ td: e }) => [He($e(e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1742,29 +1745,29 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				_: 2
 			}, [B.value.table.useDialog ? {
 				name: "title",
-				fn: w(() => [Ve(Qe(Br.value.title), 1)]),
+				fn: w(() => [He($e(Vr.value.title), 1)]),
 				key: "0"
 			} : void 0, B.value.table.useDialog ? {
 				name: "actions",
 				fn: w(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[4] ||= (e) => jr(B.value.userOptions.callbacks.csv),
-					style: qe({ cursor: Yt.value ? "pointer" : "default" })
-				}, [He(Ae, {
+					onClick: n[4] ||= (e) => Mr(B.value.userOptions.callbacks.csv),
+					style: Je({ cursor: Xt.value ? "pointer" : "default" })
+				}, [Ue(je, {
 					name: "fileCsv",
-					stroke: Br.value.props.color
+					stroke: Vr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : h("", !0),
-			B.value.userOptions.buttons.annotator && q.value.length ? (y(), m(S(gt), {
+			B.value.userOptions.buttons.annotator && q.value.length ? (y(), m(S(_t), {
 				key: 7,
 				parent: D.value,
 				backgroundColor: B.value.style.chart.backgroundColor,
 				color: B.value.style.chart.color,
-				active: Lr.value,
-				isCursorPointer: Yt.value,
-				onClose: Rr
+				active: Rr.value,
+				isCursorPointer: Xt.value,
+				onClose: zr
 			}, {
 				"annotator-action-close": w(() => [x(t.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": w(({ color: e }) => [x(t.$slots, "annotator-action-color", v(_({ color: e })), void 0, !0)]),
@@ -1780,8 +1783,8 @@ var nt = /* @__PURE__ */ e({ default: () => pt }), rt = ["id"], it = ["id"], at
 				"active",
 				"isCursorPointer"
 			])) : h("", !0)
-		], 46, rt));
+		], 46, it));
 	}
-}, [["__scopeId", "data-v-f934e863"]]);
+}, [["__scopeId", "data-v-926aa518"]]);
 //#endregion
-export { nt as n, pt as t };
+export { rt as n, mt as t };