vue-data-ui 3.22.2 → 3.22.4

package/dist/{vue-ui-xy-DuwLRfr4.js → vue-ui-xy-Dg0wxSeC.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, D as r, Et as i, F as a, Ft as o, G as s, H as c, Ht as l, I as u, It as d, J as ee, L as te, M as ne, Mt as f, O as re, P as ie, Pt as ae, R as oe, S as se, T as ce, Ut as le, Vt as ue, X as de, _t as p, a as fe, c as pe, g as me, gt as he, h as ge, i as m, j as _e, k as ve, kt as ye, l as be, n as xe, nt as h, pt as Se, r as Ce, s as we, v as g, vt as _, w as Te, x as Ee, xt as De, y as Oe, z as ke } from "./lib-CXicicWN.js";
-import { n as Ae, r as je, t as Me } from "./useTimeLabels-BmBRv27Y.js";
-import { t as Ne } from "./useConfig-Bf_EBbe3.js";
-import { t as Pe } from "./usePrinter-Dng0UK-G.js";
-import { n as Fe, t as Ie } from "./BaseScanner-DZvpgOjM.js";
-import { t as Le } from "./useSvgExport-SVIsDot8.js";
-import { t as Re } from "./useNestedProp-APyFoLCQ.js";
-import { t as ze } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Be } from "./useStableElementSize-C7KADDKj.js";
-import { t as Ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as He } from "./img-BCAOkqfM.js";
-import { n as Ue } from "./Title-CVYf1f8m.js";
-import { t as We } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Ge } from "./Shape-C5OvuwII.js";
-import { t as Ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as qe } from "./SlicerPreview-CAhqG_ZQ.js";
-import { t as Je } from "./vue-ui-accordion-Di_givzQ.js";
-import { t as Ye } from "./BaseLegendToggle-B-lM0iV1.js";
-import { t as Xe } from "./A11yDataTable-DdRsVULz.js";
-import { Fragment as v, Teleport as Ze, computed as y, createBlock as Qe, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as $e, createTextVNode as et, createVNode as tt, defineAsyncComponent as nt, getCurrentInstance as rt, guardReactiveProps as C, mergeProps as it, nextTick as at, normalizeClass as ot, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as st, onMounted as ct, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as lt, shallowRef as ut, toDisplayString as dt, toRefs as ft, unref as A, useSlots as pt, vModelCheckbox as mt, watch as ht, watchEffect as gt, withCtx as j, withDirectives as _t } from "vue";
+import { A as t, B as n, Ct as r, D as i, E as a, Gt as o, H as s, Ht as c, I as l, It as u, L as d, Lt as f, N as ee, Ot as te, P as ne, Pt as p, Q as re, R as ie, Rt as ae, S as oe, Ut as se, V as ce, W as le, Wt as ue, X as de, a as m, b as fe, bt as h, c as pe, g as me, h as he, ht as ge, i as g, it as _, j as _e, jt as ve, k as ye, l as be, n as xe, q as Se, r as Ce, s as we, v, vt as Te, w as Ee, yt as De, z as Oe } from "./lib-CuwHGt1j.js";
+import { n as ke, r as Ae, t as je } from "./useTimeLabels-BmBRv27Y.js";
+import { t as Me } from "./useConfig-pVLia3dt.js";
+import { t as Ne } from "./usePrinter-C0wAS8yc.js";
+import { n as Pe, t as Fe } from "./BaseScanner-DZvpgOjM.js";
+import { t as Ie } from "./useSvgExport-SVIsDot8.js";
+import { t as Le } from "./useNestedProp-BjkuFaz1.js";
+import { t as Re } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ze } from "./useStableElementSize-C7KADDKj.js";
+import { t as Be } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as Ve } from "./img-B29J8tV5.js";
+import { n as He } from "./Title-DDEEO-Nr.js";
+import { t as Ue } from "./vue_ui_xy-BA3-_LCx.js";
+import { t as We } from "./Shape-BnF9aMPX.js";
+import { t as Ge } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as Ke } from "./SlicerPreview-BDI-aCXE.js";
+import { t as qe } from "./vue-ui-accordion-B64IJyPU.js";
+import { t as Je } from "./BaseLegendToggle-C4Usj0LI.js";
+import { t as Ye } from "./A11yDataTable-DdRsVULz.js";
+import { Fragment as y, Teleport as Xe, computed as b, createBlock as Ze, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as Qe, createTextVNode as $e, createVNode as et, defineAsyncComponent as tt, getCurrentInstance as nt, guardReactiveProps as rt, mergeProps as it, nextTick as at, normalizeClass as ot, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as st, onMounted as ct, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as lt, shallowRef as ut, toDisplayString as dt, toRefs as ft, unref as A, useSlots as pt, vModelCheckbox as mt, watch as ht, watchEffect as gt, withCtx as j, withDirectives as _t } from "vue";
 //#region src/utils/xy.js
 function vt(e) {
 	return ![
@@ -542,7 +542,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		"padding-left": "6px"
 	},
 	"data-dom-to-png-ignore": ""
-}, wi = ["innerHTML"], M = /*#__PURE__*/ Ke({
+}, wi = ["innerHTML"], M = /*#__PURE__*/ Ge({
 	__name: "vue-ui-xy",
 	props: {
 		config: {
@@ -571,18 +571,18 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		"zoomReset",
 		"copyAlt"
 	],
-	setup(e, { expose: Ke, emit: Dt }) {
-		let M = e, Ti = nt(() => import("./DataTable-DJZgdnIn.js")), Ei = nt(() => import("./Tooltip-BmGCBJuU.js")), Di = nt(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Oi = nt(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), ki = nt(() => import("./vue-ui-table-sparkline-CAS9Pk60.js").then((e) => e.n)), Ai = nt(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), ji = nt(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Mi = nt(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), Ni = Dt, Pi = pt(), Fi = rt(), { vue_ui_xy: Ii } = Ne(), { isThemeValid: Li, warnInvalidTheme: Ri } = ze(), zi = D(null), Bi = D(null), Vi = D(null), Hi = D(null), Ui = D(null), Wi = D(null), Gi = D(null), Ki = D(null), qi = D(null), Ji = D(null), Yi = D(null), Xi = D(null), Zi = D(null), Qi = D(null), $i = D(0), N = D(null), ea = D(!0), ta = D(600), P = D(1e3), na = D("0 0 1000 600"), ra = D({
+	setup(e, { expose: Ge, emit: Dt }) {
+		let M = e, Ti = tt(() => import("./DataTable-PidUPOit.js")), Ei = tt(() => import("./Tooltip-BhKov422.js")), Di = tt(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Oi = tt(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), ki = tt(() => import("./vue-ui-table-sparkline-0Ffb2jdf.js").then((e) => e.n)), Ai = tt(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), ji = tt(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), Mi = tt(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), Ni = Dt, Pi = pt(), Fi = nt(), { vue_ui_xy: Ii } = Me(), { isThemeValid: Li, warnInvalidTheme: Ri } = Re(), zi = D(null), Bi = D(null), Vi = D(null), Hi = D(null), Ui = D(null), Wi = D(null), Gi = D(null), Ki = D(null), qi = D(null), Ji = D(null), Yi = D(null), Xi = D(null), Zi = D(null), Qi = D(null), $i = D(0), N = D(null), ea = D(!0), ta = D(600), P = D(1e3), na = D("0 0 1000 600"), ra = D({
 			x: 0,
 			y: 0
 		}), ia = D({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), aa = D(!1), oa = D(!1), sa = D(!1), ca = D(null), la = D([]), ua = y(() => new Set(la.value)), F = D(c()), da = D(0), fa = D(0), pa = D(0), ma = D(!0), ha = D(0), I = D(null), ga = D(!1), _a = D(!0), va = D(!0), L = D(null), ya = D({}), ba = D(null), xa = D(!1), Sa = D(null), Ca = D(!1), wa = D(!1), Ta = D(null), R = D(null), Ea = D(null), Da = D({
+		}), aa = D(!1), oa = D(!1), sa = D(!1), ca = D(null), la = D([]), ua = b(() => new Set(la.value)), F = D(le()), da = D(0), fa = D(0), pa = D(0), ma = D(!0), ha = D(0), I = D(null), ga = D(!1), _a = D(!0), va = D(!0), L = D(null), ya = D({}), ba = D(null), xa = D(!1), Sa = D(null), Ca = D(!1), wa = D(!1), Ta = D(null), R = D(null), Ea = D(null), Da = D({
 			x: 0,
 			y: 0
-		}), Oa = D(null), ka = D(null), z = D(null), Aa = D(null), ja = D(null), Ma = ut(null), Na = D(!1), Pa = D(0), Fa = D(0), Ia = Be({
+		}), Oa = D(null), ka = D(null), z = D(null), Aa = D(null), ja = D(null), Ma = ut(null), Na = D(!1), Pa = D(0), Fa = D(0), Ia = ze({
 			elementRef: Ma,
 			minimumWidth: 2,
 			minimumHeight: 2,
@@ -612,7 +612,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				Ba.value = !1, La(), za();
 			}));
 		}
-		let Ha = y(() => ({
+		let Ha = b(() => ({
 			height: ta.value,
 			width: P.value
 		})), Ua = D(!1), Wa = D(null), Ga = D(null), B = D({
@@ -624,10 +624,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			plot: 3,
 			line: 3,
 			selectedLine: 3
-		}), qa = y(() => Math.max(Ka.value.line * 1.5, Ka.value.selectedLine));
+		}), qa = b(() => Math.max(Ka.value.line * 1.5, Ka.value.selectedLine));
 		ct(() => {
 			xa.value = !0, M.dataset.length && M.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.series) && de({
+				[null, void 0].includes(e.series) && re({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
@@ -638,14 +638,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		});
 		function Ja() {
 			if (!Object.keys(M.config || {}).length) return Ii;
-			let e = Re({
+			let e = Le({
 				userConfig: M.config,
 				defaultConfig: Ii
 			});
-			M.config && Se(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea : e.chart.highlightArea = [M.config.chart.highlightArea]), M.config && Se(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => Re({
+			M.config && ge(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea : e.chart.highlightArea = [M.config.chart.highlightArea]), M.config && ge(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => Le({
 				defaultConfig: Ii.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], M.config && Se(M.config, "chart.grid.position") && M.config.chart.grid.position === "start" && M.dataset.length && M.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", Se(M.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), M.config && Se(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea.map((e) => Ya({
+			})) : e.chart.annotations = [], M.config && ge(M.config, "chart.grid.position") && M.config.chart.grid.position === "start" && M.dataset.length && M.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", ge(M.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), M.config && ge(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea.map((e) => Ya({
 				defaultConfig: Ii.chart.highlightArea,
 				userConfig: e
 			})) : e.chart.highlightArea = Ya({
@@ -655,32 +655,32 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let t = e.theme;
 			if (!t) return e;
 			if (!Li.value(e)) return Ri(e), e;
-			let n = Re({
-				userConfig: We[t] || M.config,
+			let n = Le({
+				userConfig: Ue[t] || M.config,
 				defaultConfig: e
-			}), r = Re({
+			}), r = Le({
 				userConfig: M.config,
 				defaultConfig: n
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ue[t] || ye
+				customPalette: r.customPalette.length ? r.customPalette : se[t] || ve
 			};
 		}
 		function Ya({ defaultConfig: e, userConfig: t }) {
-			return Re({
+			return Le({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let Xa = y({
+		let Xa = b({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), V = D(Ja()), Za = y(() => V.value.chart.userOptions.useCursorPointer), H = D({
+		}), V = D(Ja()), Za = b(() => V.value.chart.userOptions.useCursorPointer), H = D({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
@@ -701,7 +701,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			H.value.showTooltip = V.value.chart.tooltip.show === !0, e !== Wa.value && (H.value.isStacked = e, Wa.value = e), t !== Ga.value && (H.value.useIndividualScale = t, Ga.value = t), H.value.isStacked && (H.value.useIndividualScale = !0);
 		}
-		let $a = y(() => !!V.value.debug), eo = y(() => le({
+		let $a = b(() => !!V.value.debug), eo = b(() => o({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -757,7 +757,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}
 			},
 			userConfig: V.value.skeletonConfig ?? {}
-		})), to = y(() => M.config?.skeletonDataset ?? [{
+		})), to = b(() => M.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -794,7 +794,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: no, FINAL_DATASET: ro, manualLoading: io } = Fe({
+		}]), { loading: no, FINAL_DATASET: ro, manualLoading: io } = Pe({
 			...ft(M),
 			FINAL_CONFIG: V,
 			prepareConfig: Ja,
@@ -804,37 +804,37 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			},
 			skeletonDataset: to.value,
-			skeletonConfig: le({
+			skeletonConfig: o({
 				defaultConfig: V.value,
 				userConfig: eo.value
 			})
-		}), ao = Ct((e, t) => De({
+		}), ao = Ct((e, t) => r({
 			data: e,
 			threshold: t
-		})), oo = (e) => ao(e, V.value.downsample.threshold), so = y(() => {
+		})), oo = (e) => ao(e, V.value.downsample.threshold), so = b(() => {
 			let e = V.value.downsample.threshold;
 			return ro.value.map((t) => ao(t.series, e).length);
-		}), co = y(() => {
+		}), co = b(() => {
 			let e = -Infinity;
 			for (let t = 0; t < so.value.length; t += 1) {
 				let n = so.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), lo = y(() => {
+		}), lo = b(() => {
 			let e = 0;
 			for (let t = 0; t < so.value.length; t += 1) {
 				let n = so.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), uo = y(() => co.value), U = D({
+		}), uo = b(() => co.value), U = D({
 			start: 0,
 			end: uo.value
 		}), fo = D({
 			start: 0,
 			end: uo.value
-		}), po = y(() => V.value.chart.zoom.preview.enable && (fo.value.start !== U.value.start || fo.value.end !== U.value.end));
+		}), po = b(() => V.value.chart.zoom.preview.enable && (fo.value.start !== U.value.start || fo.value.end !== U.value.end));
 		function mo(e, t) {
 			fo.value[e] = t;
 		}
@@ -853,7 +853,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				end: n
 			}, fo.value.start = t, fo.value.end = n, Vi.value && (Vi.value.setStartValue(t), Vi.value.setEndValue(n));
 		}
-		let go = y(() => {
+		let go = b(() => {
 			let { left: e, top: t, width: n, height: r } = J.value, i = U.value.start, a = U.value.end - i, o = n / a, s = fo.value.start - i, c = fo.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
 			return {
 				x: e + l * o,
@@ -881,21 +881,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let t = e - U.value.start;
 			t < 0 || e >= U.value.end ? R.value = null : R.value = t ?? null;
 		}, { immediate: !0 });
-		let { isPrinting: _o, isImaging: vo, generatePdf: yo, generateImage: bo } = Pe({
+		let { isPrinting: _o, isImaging: vo, generatePdf: yo, generateImage: bo } = Ne({
 			elementId: `vue-ui-xy_${F.value}`,
 			fileName: V.value.chart.title.text || "vue-ui-xy",
 			options: V.value.chart.userOptions.print
-		}), xo = D(!1), So = y(() => Ee(V.value.customPalette)), Co = y(() => {
+		}), xo = D(!1), So = b(() => oe(V.value.customPalette)), Co = b(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMin;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), wo = y(() => Co.value === null ? Hs.value : J.value.bottom), To = y(() => {
+		}), wo = b(() => Co.value === null ? Hs.value : J.value.bottom), To = b(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), Eo = y(() => Co.value !== null || To.value !== null), Do = y(() => il(Io.value.filter((e) => !ua.value.has(e.id)), 0, 1)), Oo = y(() => {
+		}), Eo = b(() => Co.value !== null || To.value !== null), Do = b(() => il(Io.value.filter((e) => !ua.value.has(e.id)), 0, 1)), Oo = b(() => {
 			let { min: e, max: t } = Do.value;
 			if (!Eo.value) {
 				let t = e;
@@ -903,7 +903,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			let n = Co.value === null ? e > 0 ? 0 : e : Co.value, r = To.value === null ? t : To.value;
 			return wt(e < n ? e : n, t > r ? t : r).min;
-		}), ko = y(() => {
+		}), ko = b(() => {
 			let { min: e, max: t } = Do.value;
 			if (!Eo.value) {
 				let e = t;
@@ -911,7 +911,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			let n = Co.value === null ? e > 0 ? 0 : e : Co.value, r = To.value === null ? t : To.value;
 			return wt(e < n ? e : n, t > r ? t : r).max;
-		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? ge(Oo.value, ko.value < 0 ? 0 : ko.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : me(Oo.value, ko.value < 0 ? 0 : ko.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), Ao = y(() => [null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) ? W.value.min >= 0 ? 0 : Math.abs(W.value.min) : -W.value.min), G = y(() => ro.value.some((e) => Array.isArray(e.series) && e.series.some(xt)));
+		}), W = b(() => V.value.chart.grid.labels.yAxis.useNiceScale ? he(Oo.value, ko.value < 0 ? 0 : ko.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : me(Oo.value, ko.value < 0 ? 0 : ko.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), Ao = b(() => [null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) ? W.value.min >= 0 ? 0 : Math.abs(W.value.min) : -W.value.min), G = b(() => ro.value.some((e) => Array.isArray(e.series) && e.series.some(xt)));
 		gt(() => {
 			G.value && ro.value.some((e) => !No(e)) && console.warn("Vue Data UI - VueUiXy: mixed continuous and non-continuous series are not supported in the same chart.\n\nContinuous mode requires all visible 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nSeries of type 'bar' and standard numeric series are ignored in continuous mode to prevent runtime errors.\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard [number, number, number...] format.");
 		});
@@ -940,7 +940,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isInvalid: !0
 			} : {
 				x: Number(e.x),
-				y: p(e.y) ? Number(e.y) : null,
+				y: De(e.y) ? Number(e.y) : null,
 				index: t,
 				raw: e,
 				isNull: !1,
@@ -950,17 +950,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Fo(e) {
 			return G.value ? e && typeof e == "object" ? e.y : null : e;
 		}
-		let Io = y(() => !ea.value && !G.value ? ro.value : ro.value.map((e, t) => {
+		let Io = b(() => !ea.value && !G.value ? ro.value : ro.value.map((e, t) => {
 			let n = `uniqueId_${t}`, r = No(e), i = G.value ? r ? e.series : [] : oo(e.series);
 			return {
 				...e,
 				slotAbsoluteIndex: t,
-				series: G.value ? i.map((e, t) => Po(e, t)).filter((e) => e.isInvalid ? !1 : e.x === null && e.y === null ? U.value.start <= 0 && U.value.end >= 0 : e.x >= U.value.start && e.x <= U.value.end) : i.map((e) => p(e) ? e : null).slice(U.value.start, U.value.end),
-				color: Oe(e.color ? e.color : So.value[t] ? So.value[t] : ye[t]),
+				series: G.value ? i.map((e, t) => Po(e, t)).filter((e) => e.isInvalid ? !1 : e.x === null && e.y === null ? U.value.start <= 0 && U.value.end >= 0 : e.x >= U.value.start && e.x <= U.value.end) : i.map((e) => De(e) ? e : null).slice(U.value.start, U.value.end),
+				color: fe(e.color ? e.color : So.value[t] ? So.value[t] : ve[t]),
 				id: n,
 				scaleLabel: e.scaleLabel || n
 			};
-		})), Lo = y(() => Io.value.map((e, t) => ({
+		})), Lo = b(() => Io.value.map((e, t) => ({
 			absoluteIndex: t,
 			...e,
 			series: G.value ? e.series.map((e) => ({
@@ -970,14 +970,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series,
 			segregate: () => hc(e),
 			isSegregated: ua.value.has(e.id)
-		}))), K = y(() => Io.value.map((e) => ({
+		}))), K = b(() => Io.value.map((e) => ({
 			...e,
 			series: G.value ? e.series.map((e) => ({
 				...e,
 				y: e.y === null ? null : e.y + Ao.value
 			})) : e.series.map((e) => e + Ao.value),
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series
-		})).filter((e) => !ua.value.has(e.id))), Ro = y(() => la.value.length === Lo.value.length), q = y(() => V.value.chart.grid.labels.yAxis.position === "right");
+		})).filter((e) => !ua.value.has(e.id))), Ro = b(() => la.value.length === Lo.value.length), q = b(() => V.value.chart.grid.labels.yAxis.position === "right");
 		function zo() {
 			let e = 0;
 			Yi.value && (e = Array.from(Yi.value.querySelectorAll("text")).reduce((e, t) => {
@@ -1026,7 +1026,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				Ho.value = 0, Uo.value = 0;
 			}
 		}
-		let Go = y(() => {
+		let Go = b(() => {
 			let e = 0;
 			if (Ki.value) try {
 				e = Ki.value.getBBox().height || 0;
@@ -1034,11 +1034,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				e = 0;
 			}
 			return e + Ho.value + B.value.xAxis;
-		}), Ko = y(() => ro.value.some((e) => e.useProgression));
+		}), Ko = b(() => ro.value.some((e) => e.useProgression));
 		function qo() {
 			return V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + V.value.chart.grid.labels.yAxis.labelWidth + V.value.chart.grid.labels.axis.yLabelOffsetX + B.value.dataLabels * .8;
 		}
-		let J = y(() => {
+		let J = b(() => {
 			Pa.value;
 			let e = 0, t = 0, n = 0, r = 0;
 			if (V.value.chart.grid.labels.show) if (H.value.useIndividualScale && !H.value.isStacked) q.value ? t = (ro.value.length - la.value.length) * qo() : e = (ro.value.length - la.value.length) * (V.value.chart.grid.labels.yAxis.labelWidth + 36);
@@ -1065,8 +1065,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				yAxisLabelWidth: r,
 				individualOffsetX: 36
 			};
-		}), Jo = y(() => {
-			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = h(J.value?.top), r = h(J.value?.bottom);
+		}), Jo = b(() => {
+			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = _(J.value?.top), r = _(J.value?.bottom);
 			return G.value ? V.value.chart.grid.position === "middle" ? fl.value.map((e, t, i) => {
 				if (t === 0) return null;
 				let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
@@ -1075,7 +1075,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				let i = V.value.chart.grid.position === "middle" ? kc(t) : Oc(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
-		}), Yo = y(() => {
+		}), Yo = b(() => {
 			if (!V.value.chart.grid.labels.xAxis.showCrosshairs) return "";
 			let e = V.value.chart.grid.labels.xAxis.crosshairSize, t = V.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
 			return (G.value ? fl.value : ls.value).map((n, r) => {
@@ -1114,7 +1114,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		gt(() => {
 			let e = ++os;
 			(async () => {
-				let t = co.value, n = await Me({
+				let t = co.value, n = await je({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1128,7 +1128,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		gt(() => {
 			let e = ++ss;
 			(async () => {
-				let t = co.value, n = await Me({
+				let t = co.value, n = await je({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1138,13 +1138,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				e === ss && (as.value = n);
 			})();
 		});
-		let cs = y(() => {
+		let cs = b(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels.modulo;
 			return Y.value.length ? Math.min(e, [...new Set(Y.value.map((e) => e.text))].length) : e;
-		}), ls = y(() => {
+		}), ls = b(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels, t = Y.value || [], n = as.value || [], r = U.value.start ?? 0, i = R.value, a = X.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
 			return we(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, cs.value || 1), o, s, r, i, a);
-		}), us = y(() => (ls.value || []).map((e) => e?.text ?? "").join("|"));
+		}), us = b(() => (ls.value || []).map((e) => e?.text ?? "").join("|"));
 		ct(() => {
 			requestAnimationFrame(() => {
 				Wo();
@@ -1178,7 +1178,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				label: e.text
 			});
 		}
-		let X = y(() => {
+		let X = b(() => {
 			let e = Et((U.value.end ?? 0) - (U.value.start ?? 0));
 			return Math.max(1, e);
 		});
@@ -1186,13 +1186,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			G.value || (I.value = e);
 		}
 		function ps(e) {
-			if (!G.value || !_(e)) {
+			if (!G.value || !h(e)) {
 				Ta.value = null, Z.value = [], $s.value = null;
 				return;
 			}
 			Ta.value = Number(e), Vo(Number(e));
 		}
-		let ms = y(() => G.value ? _(Ta.value) || _($s.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		let ms = b(() => G.value ? h(Ta.value) || h($s.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
 		function hs() {
 			H.value.isStacked = !H.value.isStacked, H.value.isStacked ? H.value.useIndividualScale = !0 : H.value.useIndividualScale = V.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
@@ -1279,11 +1279,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				ws.value = !1, Es = null;
 			})), Ni("zoomReset");
 		}
-		let Ps = y(() => W.value.max + Ao.value);
+		let Ps = b(() => W.value.max + Ao.value);
 		function Fs(e) {
 			return e / (vt(Ps.value) ? Ps.value : 1);
 		}
-		let Is = y(() => V.value.chart.grid.labels.yAxis.reverse);
+		let Is = b(() => V.value.chart.grid.labels.yAxis.reverse);
 		function Ls(e) {
 			return Is.value ? 1 - e : e;
 		}
@@ -1298,24 +1298,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				individualHeight: i
 			});
 		}
-		let Bs = y(() => V.value.chart.grid.labels.xAxis.reverse);
+		let Bs = b(() => V.value.chart.grid.labels.xAxis.reverse);
 		function Vs(e) {
 			return Bs.value ? 1 - e : e;
 		}
-		let Hs = y(() => isNaN(Fs(Ao.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * Fs(Ao.value));
+		let Hs = b(() => isNaN(Fs(Ao.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * Fs(Ao.value));
 		function Us(e) {
 			let t = W.value.min, n = W.value.max - t;
 			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? J.value?.bottom : J.value?.bottom - J.value.height * ((e - t) / n);
 		}
-		let Ws = y(() => W.value.min <= 0 && W.value.max >= 0 ? Us(0) : W.value.min > 0 ? Us(W.value.min) : Us(W.value.max));
+		let Ws = b(() => W.value.min <= 0 && W.value.max >= 0 ? Us(0) : W.value.min > 0 ? Us(W.value.min) : Us(W.value.max));
 		function Gs(e) {
 			let t = ![null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) && V.value.chart.grid.labels.yAxis.scaleMin > 0 && Oo.value >= 0 ? J.value?.bottom : Hs.value;
-			return e.value >= 0 ? g(t - e.y <= 0 ? 1e-5 : t - e.y) : g(e.y - Hs.value <= 0 ? 1e-5 : e.y - Hs.value);
+			return e.value >= 0 ? v(t - e.y <= 0 ? 1e-5 : t - e.y) : v(e.y - Hs.value <= 0 ? 1e-5 : e.y - Hs.value);
 		}
 		function Ks(e) {
-			return e.value >= 0 ? g(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : g(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
+			return e.value >= 0 ? v(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : v(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
 		}
-		let qs = y(() => {
+		let qs = b(() => {
 			let e = Math.max(1, X.value);
 			return {
 				bar: Tt(Math.max(1, J.value.width), e * Wc.value, 1),
@@ -1347,7 +1347,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let Qs = D(null), Z = D([]), $s = D(null), ec = y(() => {
+		let Qs = D(null), Z = D([]), $s = D(null), ec = b(() => {
 			if (!G.value) return {
 				sortedPoints: [],
 				matchingPointsByXValue: /* @__PURE__ */ new Map()
@@ -1357,7 +1357,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				let i = K.value[r];
 				if (["line", "plot"].includes(i.type) && Array.isArray(i.series)) for (let r = 0; r < i.series.length; r += 1) {
 					let a = i.series[r];
-					if (!_(a?.x) || !_(a?.y)) continue;
+					if (!h(a?.x) || !h(a?.y)) continue;
 					let o = Number(a.x), s = ml(a), c = {
 						datapoint: i,
 						point: a,
@@ -1397,16 +1397,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			}), a;
 		}
-		let nc = y(() => G.value ? Array.from(ec.value.matchingPointsByXValue.keys()).sort((e, t) => ml({ x: e }) - ml({ x: t })) : []);
+		let nc = b(() => G.value ? Array.from(ec.value.matchingPointsByXValue.keys()).sort((e, t) => ml({ x: e }) - ml({ x: t })) : []);
 		function rc(e) {
 			let t = nc.value[e];
-			if (!_(t)) {
+			if (!h(t)) {
 				Z.value = [], $s.value = null, Ta.value = null, sa.value = !1;
 				return;
 			}
 			Vo(Number(t));
-			let r = n(ml({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
-			r && (Da.value = r), R.value = e, Ea.value = e, sa.value = !0;
+			let n = c(ml({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
+			n && (Da.value = n), R.value = e, Ea.value = e, sa.value = !0;
 		}
 		function ic(e) {
 			let t = L.value;
@@ -1505,7 +1505,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}
 		async function dc({ scale: e = 2 } = {}) {
 			if (!zi.value) return;
-			let { width: t, height: n } = zi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await He({
+			let { width: t, height: n } = zi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ve({
 				domElement: zi.value,
 				base64: !0,
 				img: !0,
@@ -1555,7 +1555,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let t = gc(e);
 			t !== null && (ua.value.has(t.id) || hc({ id: t.id }));
 		}
-		let yc = y(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), bc = y(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), xc = y(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), Sc = y(() => {
+		let yc = b(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), bc = b(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), xc = b(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), Sc = b(() => {
 			if (Array.isArray(V.value.chart.highlightArea)) return V.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, uo.value - 1);
 				return {
@@ -1571,12 +1571,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), Cc = y(() => ea.value ? ro.value.map((e, t) => ({
+		}), Cc = b(() => ea.value ? ro.value.map((e, t) => ({
 			...e,
 			series: oo(e.series),
 			id: `uniqueId_${t}`,
-			color: Oe(e.color ? e.color : So.value[t] ? So.value[t] : ye[t])
-		})) : ro.value), wc = y(() => K.value.map((e) => {
+			color: fe(e.color ? e.color : So.value[t] ? So.value[t] : ve[t])
+		})) : ro.value), wc = b(() => K.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? null : e);
 			return {
 				id: e.id,
@@ -1584,7 +1584,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				color: e.color,
 				values: yt(X.value, t)
 			};
-		})), Tc = y(() => ({
+		})), Tc = b(() => ({
 			responsiveBreakpoint: V.value.table.responsiveBreakpoint,
 			roundingValues: V.value.table.rounding,
 			showAverage: !1,
@@ -1609,10 +1609,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				animation: { show: !1 },
 				cutNullValues: V.value.line.cutNullValues
 			}
-		})), Ec = y(() => {
+		})), Ec = b(() => {
 			let e = Math.max(0, J.value?.width || 0);
 			return V.value.chart.grid.position === "middle" ? Tt(e, Math.max(1, X.value), 1) : Tt(e, Math.max(1, X.value - 1), 0);
-		}), Dc = y(() => V.value.chart.grid.position === "middle" ? Ec.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : Ec.value);
+		}), Dc = b(() => V.value.chart.grid.position === "middle" ? Ec.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : Ec.value);
 		function Oc(e) {
 			let t = J.value?.left || 0;
 			return V.value.chart.grid.position === "middle" ? t + Ec.value / 2 + Ec.value * e : t + Ec.value * e;
@@ -1643,11 +1643,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Pc(e) {
 			return Math.max(1e-5, Dc.value * e);
 		}
-		let Fc = y(() => fe(Lo.value.filter((e) => !ua.value.has(e.id)))), Ic = [
+		let Fc = b(() => m(Lo.value.filter((e) => !ua.value.has(e.id)))), Ic = [
 			"bar",
 			"line",
 			"plot"
-		], Lc = y(() => Fc.value.filter((e) => Ic.includes(e.type))), Rc = y(() => Lc.value.length), zc = y(() => Lc.value.filter((e) => e.type === "bar")), Bc = y(() => Lc.value.filter((e) => e.type === "line")), Vc = y(() => Lc.value.filter((e) => e.type === "plot")), Hc = y(() => Io.value.filter((e) => e.type === "bar" && !ua.value.has(e.id))), Uc = y(() => Hc.value.length), Wc = y(() => Math.max(1, Uc.value)), Gc = y(() => {
+		], Lc = b(() => Fc.value.filter((e) => Ic.includes(e.type))), Rc = b(() => Lc.value.length), zc = b(() => Lc.value.filter((e) => e.type === "bar")), Bc = b(() => Lc.value.filter((e) => e.type === "line")), Vc = b(() => Lc.value.filter((e) => e.type === "plot")), Hc = b(() => Io.value.filter((e) => e.type === "bar" && !ua.value.has(e.id))), Uc = b(() => Hc.value.length), Wc = b(() => Math.max(1, Uc.value)), Gc = b(() => {
 			let e = bt(Fc.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = Infinity, i = -Infinity, a = !1;
@@ -1670,7 +1670,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				};
 			}
 			return t;
-		}), Kc = y(() => Fc.value.reduce((e, t) => {
+		}), Kc = b(() => Fc.value.reduce((e, t) => {
 			let n = t.scaleLabel || "";
 			return e[n] = (e[n] || 0) + 1, e;
 		}, {}));
@@ -1693,7 +1693,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				unique: Kc.value[l] === 1
 			};
 		}
-		let Jc = y(() => J.value.width / X.value / Uc.value - Yc.value * Uc.value), Yc = y(() => qs.value.line * V.value.bar.periodGap), Xc = y(() => Math.max(1e-5, Js() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Yc.value))), Zc = y(() => Xc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Qc = y(() => {
+		let Jc = b(() => J.value.width / X.value / Uc.value - Yc.value * Uc.value), Yc = b(() => qs.value.line * V.value.bar.periodGap), Xc = b(() => Math.max(1e-5, Js() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Yc.value))), Zc = b(() => Xc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Qc = b(() => {
 			if (!V.value.chart.zoom.minimap.show) return [];
 			let e = Cc.value.filter((e) => !ua.value.has(e.id)), t = 0;
 			for (let n = 0; n < e.length; n += 1) {
@@ -1708,10 +1708,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			let r = ol(n, 0, 1).min;
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), $c = y(() => V.value.chart.zoom.minimap.show ? Cc.value.map((e) => ({
+		}), $c = b(() => V.value.chart.zoom.minimap.show ? Cc.value.map((e) => ({
 			...e,
 			isVisible: !ua.value.has(e.id)
-		})) : []), el = y(() => G.value ? Z.value.map((e) => ({
+		})) : []), el = b(() => G.value ? Z.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1732,7 +1732,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			comments: e.comments || [],
 			prefix: e.prefix || V.value.chart.labels.prefix,
 			suffix: e.suffix || V.value.chart.labels.suffix
-		}))), tl = y(() => W.value.ticks.map((e) => {
+		}))), tl = b(() => W.value.ticks.map((e) => {
 			let t = e >= 0 ? Hs.value - J.value.height * Fs(e) : Hs.value + J.value.height * Fs(Math.abs(e));
 			return {
 				y: Is.value ? J.value.top + J.value.bottom - t : t,
@@ -1740,7 +1740,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				prefix: V.value.chart.labels.prefix,
 				suffix: V.value.chart.labels.suffix
 			};
-		})), nl = y(() => {
+		})), nl = b(() => {
 			let e = V.value.chart.annotations;
 			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
 			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
@@ -1749,14 +1749,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			return t.map((e, t) => {
 				let { yAxis: { yTop: i, yBottom: a, label: o } } = e, s = i != null && a != null && i !== a, l = i == null ? null : c(i), u = a == null ? null : c(a), d = Zo(o.fontSize);
 				d.font = `${o.fontSize}px sans-serif`;
-				let ee = d.measureText(o.text).width, te = o.fontSize, ne = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, f = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, re;
-				re = o.textAnchor === "middle" ? ne - ee / 2 - o.padding?.left : o.textAnchor === "end" ? ne - ee - o.padding?.right : ne - o.padding?.left;
-				let ie = f - te * .75 - o.padding?.top;
+				let f = d.measureText(o.text).width, ee = o.fontSize, te = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, ne = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, p;
+				p = o.textAnchor === "middle" ? te - f / 2 - o.padding?.left : o.textAnchor === "end" ? te - f - o.padding?.right : te - o.padding?.left;
+				let re = ne - ee * .75 - o.padding?.top;
 				return {
 					show: ![
 						l,
 						u,
-						ie
+						re
 					].includes(NaN),
 					id: cl("annotation_y", [
 						t,
@@ -1772,14 +1772,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					x1: n,
 					x2: r,
 					_text: {
-						x: ne,
-						y: f
+						x: te,
+						y: ne
 					},
 					_box: {
-						x: re,
-						y: ie,
-						width: ee + o.padding?.left + o.padding?.right,
-						height: te + o.padding?.top + o.padding?.bottom,
+						x: p,
+						y: re,
+						width: f + o.padding?.left + o.padding?.right,
+						height: ee + o.padding?.top + o.padding?.bottom,
 						fill: o.backgroundColor,
 						stroke: o.border.stroke,
 						rx: o.border.rx,
@@ -1859,17 +1859,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function ll() {
 			return no.value || ws.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`;
 		}
-		let ul = y(() => al(Io.value, 0, 1)), dl = y(() => {
-			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : ul.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : ul.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? ge(r, i, e) : me(r, i, e);
+		let ul = b(() => al(Io.value, 0, 1)), dl = b(() => {
+			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : ul.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : ul.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? he(r, i, e) : me(r, i, e);
 			if (V.value.chart.grid.position !== "start") return a;
 			let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
 			return {
 				...a,
 				max: a.max + o
 			};
-		}), fl = y(() => G.value ? (Bs.value ? [...dl.value.ticks].reverse() : [...dl.value.ticks]).map((e, t) => ({
+		}), fl = b(() => G.value ? (Bs.value ? [...dl.value.ticks].reverse() : [...dl.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
-			text: m(V.value.chart.grid.labels.xAxis.formatter, e, s({
+			text: g(V.value.chart.grid.labels.xAxis.formatter, e, Se({
 				v: e,
 				s: V.value.chart.labels.prefix,
 				p: V.value.chart.labels.suffix,
@@ -1889,7 +1889,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let t = dl.value.max - dl.value.min || 1, n = Vs((e - dl.value.min) / t);
 			return J.value.left + J.value.width * n;
 		}
-		let hl = y(() => al(ro.value, 0, 1)), gl = y(() => G.value ? hl.value.min : 0), _l = y(() => G.value ? hl.value.max : uo.value);
+		let hl = b(() => al(ro.value, 0, 1)), gl = b(() => G.value ? hl.value.min : 0), _l = b(() => G.value ? hl.value.max : uo.value);
 		function vl(e, t) {
 			return G.value ? e.x == null || e.y == null ? null : ml(e) : Oc(t);
 		}
@@ -1897,19 +1897,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			return !G.value || !e ? null : e.x ?? null;
 		}
 		function bl({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
-			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? me : ge, d = o.max === o.min ? o.max * l : o.max, ee = a === i ? a * l : a, te = u(o.min, d, c), ne = u(i, ee, c), f = te.min >= 0 ? 0 : Math.abs(te.min), re = te.max + Math.abs(f), ie = ne.max + 0, ae = e.stackIndex, oe = t - 1 - ae, se = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, ce = H.value.isStacked ? r * se + n * oe : 0, le = H.value.isStacked ? r * e.stackRatio : J.value.height;
+			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? me : he, d = o.max === o.min ? o.max * l : o.max, f = a === i ? a * l : a, ee = u(o.min, d, c), te = u(i, f, c), ne = ee.min >= 0 ? 0 : Math.abs(ee.min), p = ee.max + Math.abs(ne), re = te.max + 0, ie = e.stackIndex, ae = t - 1 - ie, oe = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, se = H.value.isStacked ? r * oe + n * ae : 0, ce = H.value.isStacked ? r * e.stackRatio : J.value.height;
 			return {
 				scaleSteps: c,
-				individualScale: te,
-				autoScaleSteps: ne,
-				individualZero: f,
+				individualScale: ee,
+				autoScaleSteps: te,
+				individualZero: ne,
 				autoScaleZero: 0,
-				individualMax: re,
-				autoScaleMax: ie,
-				yOffset: ce,
-				individualHeight: le,
-				zeroPosition: J.value?.bottom - ce - le * f / re,
-				autoScaleZeroPosition: J.value?.bottom - ce - le * 0 / ie
+				individualMax: p,
+				autoScaleMax: re,
+				yOffset: se,
+				individualHeight: ce,
+				zeroPosition: J.value?.bottom - se - ce * ne / p,
+				autoScaleZeroPosition: J.value?.bottom - se - ce * 0 / re
 			};
 		}
 		function xl({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
@@ -2005,10 +2005,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Ol(e, t) {
 			return Array.isArray(e) && e[t + U.value.start] || "";
 		}
-		let kl = y(() => {
+		let kl = b(() => {
 			let e = Rc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
 			return zc.value.map((n, i) => {
-				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: d, zeroPosition: ee, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: f, autoScaleRatiosToNiceScale: re } = El({
+				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: d, zeroPosition: f, autoScaleZeroPosition: ee, scaleYLabels: te, autoScaleYLabels: ne, autoScaleRatiosToNiceScale: p } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
@@ -2016,44 +2016,44 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					clampNegativeAutoScaleMaximum: !0,
 					filterMinimumValues: !0,
 					preserveLooseMinimumExpression: !0
-				}), ie = Uc.value, ae = Dl(n.comments), oe = n.series.map((e, t) => {
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : Fs(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + qs.value.bar * i + qs.value.bar * t * ie - Jc.value / 2 - i * Yc.value;
+				}), re = Uc.value, ie = Dl(n.comments), ae = n.series.map((e, t) => {
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : Fs(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + qs.value.bar * i + qs.value.bar * t * re - Jc.value / 2 - i * Yc.value;
 					return {
-						yOffset: g(u),
-						individualHeight: g(d),
-						x: g(a),
+						yOffset: v(u),
+						individualHeight: v(d),
+						x: v(a),
 						y: Rs({
 							ratio: r,
 							yOffset: u,
 							individualHeight: d
 						}),
 						value: n.absoluteValues[t],
-						zeroPosition: g(ee),
-						individualMax: g(c),
-						comment: ae[t] || ""
+						zeroPosition: v(f),
+						individualMax: v(c),
+						comment: ie[t] || ""
 					};
-				}), se = n.series.map((e, t) => {
+				}), oe = n.series.map((e, t) => {
 					let r = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left - qs.value.bar / 2 + qs.value.bar * i + qs.value.bar * t * Lo.value.filter((e) => e.type === "bar").filter((e) => !ua.value.has(e.id)).length;
 					return {
-						yOffset: g(u),
-						individualHeight: g(d),
-						x: g(r),
-						y: g(Rs({
-							ratio: re[t] || 0,
-							yOffset: g(u),
-							individualHeight: g(d)
+						yOffset: v(u),
+						individualHeight: v(d),
+						x: v(r),
+						y: v(Rs({
+							ratio: p[t] || 0,
+							yOffset: v(u),
+							individualHeight: v(d)
 						})),
 						value: n.absoluteValues[t],
-						zeroPosition: g(ee),
-						individualMax: g(c),
-						comment: ae[t] || ""
+						zeroPosition: v(f),
+						individualMax: v(c),
+						comment: ie[t] || ""
 					};
-				}), ce = qc({
+				}), se = qc({
 					datapoint: n,
-					scaleYLabels: ne,
-					autoScaleYLabels: f,
-					zeroPosition: ee,
-					autoScaleZeroPosition: te,
+					scaleYLabels: te,
+					autoScaleYLabels: ne,
+					zeroPosition: f,
+					autoScaleZeroPosition: ee,
 					individualMax: c,
 					autoScaleMax: l,
 					yOffset: u,
@@ -2062,165 +2062,165 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				return {
 					...n,
 					yOffset: u,
-					autoScaleYLabels: f,
+					autoScaleYLabels: ne,
 					individualHeight: d,
-					scaleYLabels: n.autoScaling ? f : ne,
+					scaleYLabels: n.autoScaling ? ne : te,
 					individualScale: n.autoScaling ? o : a,
 					individualMax: n.autoScaling ? l : c,
-					zeroPosition: n.autoScaling ? te : ee,
-					plots: n.autoScaling ? se : oe,
-					scaleGroup: ce,
-					groupId: ce.groupId
+					zeroPosition: n.autoScaling ? ee : f,
+					plots: n.autoScaling ? oe : ae,
+					scaleGroup: se,
+					groupId: se.groupId
 				};
 			});
-		}), Q = y(() => {
-			let e = Rc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
-			return Bc.value.map((n, i) => {
-				let { individualScale: o, autoScaleSteps: s, individualZero: c, individualMax: l, autoScaleMax: d, yOffset: ee, individualHeight: f, zeroPosition: ie, autoScaleZeroPosition: ae, scaleYLabels: se, autoScaleYLabels: le, autoScaleRatiosToNiceScale: ue } = El({
-					datapoint: n,
+		}), Q = b(() => {
+			let e = Rc.value, r = V.value.chart.grid.labels.yAxis.gap, o = H.value.isStacked ? r * (e - 1) : 0, s = J.value.height - o;
+			return Bc.value.map((o, c) => {
+				let { individualScale: l, autoScaleSteps: u, individualZero: f, individualMax: te, autoScaleMax: p, yOffset: re, individualHeight: ae, zeroPosition: oe, autoScaleZeroPosition: se, scaleYLabels: ce, autoScaleYLabels: le, autoScaleRatiosToNiceScale: ue } = El({
+					datapoint: o,
 					totalSeries: e,
-					gap: t,
-					usableHeight: r
-				}), de = Dl(n.comments), p = n.series.map((e, t) => {
+					gap: r,
+					usableHeight: s
+				}), de = Dl(o.comments), m = o.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						y: null,
 						value: null,
 						datasetXValue: yl(e),
-						comment: n.comments && n.comments.slice(U.value.start, U.value.end)[t] || ""
+						comment: o.comments && o.comments.slice(U.value.start, U.value.end)[t] || ""
 					};
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(c)) / l : Fs(Fo(e));
+					let n = H.value.useIndividualScale ? (o.absoluteValues[t] + Math.abs(f)) / te : Fs(Fo(e));
 					return {
 						index: t,
-						x: g(vl(e, t)),
+						x: v(vl(e, t)),
 						datasetXValue: yl(e),
-						y: g(Rs({
-							ratio: r,
-							yOffset: ee,
-							individualHeight: f
+						y: v(Rs({
+							ratio: n,
+							yOffset: re,
+							individualHeight: ae
 						})),
-						value: n.absoluteValues[t],
+						value: o.absoluteValues[t],
 						comment: de[t] || ""
 					};
-				}), fe = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), h = o.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
 					y: null,
 					datasetXValue: yl(e),
 					value: null,
 					comment: de[t] || ""
-				} : [void 0, null].includes(n.absoluteValues[t]) ? {
+				} : [void 0, null].includes(o.absoluteValues[t]) ? {
 					index: t,
-					x: g(vl(e, t)),
-					y: ie,
-					value: n.absoluteValues[t],
+					x: v(vl(e, t)),
+					y: oe,
+					value: o.absoluteValues[t],
 					comment: de[t] || ""
 				} : {
 					index: t,
-					x: g(vl(e, t)),
+					x: v(vl(e, t)),
 					datasetXValue: yl(e),
-					y: g(Rs({
+					y: v(Rs({
 						ratio: ue[t] || 0,
-						yOffset: ee,
-						individualHeight: f
+						yOffset: re,
+						individualHeight: ae
 					})),
-					value: n.absoluteValues[t],
+					value: o.absoluteValues[t],
 					comment: de[t] || ""
-				}), pe = n.dashIndices && Array.isArray(n.dashIndices) && n?.dashIndices?.length > 0, me = V.value.line.cutNullValues ? _e(p) : ve(p.filter((e) => e.value !== null)), he = V.value.line.cutNullValues ? _e(fe) : ve(fe.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? te(p) : u(p.filter((e) => e.value !== null)), m = V.value.line.cutNullValues ? te(fe) : u(fe.filter((e) => e.value !== null)), ye = a(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null)), be = a(V.value.line.cutNullValues ? fe : fe.filter((e) => e.value !== null)), xe = pe ? oe(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], h = pe ? ne(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], Se = qc({
-					datapoint: n,
-					scaleYLabels: se,
+				}), pe = o.dashIndices && Array.isArray(o.dashIndices) && o?.dashIndices?.length > 0, me = V.value.line.cutNullValues ? ee(m) : _e(m.filter((e) => e.value !== null)), he = V.value.line.cutNullValues ? ee(h) : _e(h.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? Oe(m) : ie(m.filter((e) => e.value !== null)), g = V.value.line.cutNullValues ? Oe(h) : ie(h.filter((e) => e.value !== null)), _ = d(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), ve = d(V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null)), ye = pe ? n(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), o.dashIndices.map((e) => e - U.value.start)) : [], be = pe ? ne(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), o.dashIndices.map((e) => e - U.value.start)) : [], xe = qc({
+					datapoint: o,
+					scaleYLabels: ce,
 					autoScaleYLabels: le,
-					zeroPosition: ie,
-					autoScaleZeroPosition: ae,
-					individualMax: l,
-					autoScaleMax: d,
-					yOffset: ee,
-					individualHeight: f
-				}), Ce = H.value.useIndividualScale ? n.autoScaling ? ae : ie : wo.value, we = Math.max(Math.max(n.autoScaling ? ae : se.at(-1) ? se.at(-1).y : 0, J.value?.top), Ce), _ = n.autoScaling ? fe : p, Ee = V.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null), De = n.absoluteValues.filter((e) => ![
+					zeroPosition: oe,
+					autoScaleZeroPosition: se,
+					individualMax: te,
+					autoScaleMax: p,
+					yOffset: re,
+					individualHeight: ae
+				}), Se = H.value.useIndividualScale ? o.autoScaling ? se : oe : wo.value, Ce = Math.max(Math.max(o.autoScaling ? se : ce.at(-1) ? ce.at(-1).y : 0, J.value?.top), Se), we = o.autoScaling ? h : m, Te = V.value.line.cutNullValues ? we : we.filter((e) => e.value !== null), Ee = o.absoluteValues.filter((e) => ![
 					null,
 					void 0,
 					NaN
-				].includes(e)), ke = !!n.temperatureColors && new Set(De).size <= 1;
+				].includes(e)), De = !!o.temperatureColors && new Set(Ee).size <= 1;
 				return {
-					...n,
-					isFlatTemperatureLine: ke,
-					temperatureColors: n.temperatureColors ? n.temperatureColors.map((e) => Oe(e)) : null,
-					yOffset: ee,
+					...o,
+					isFlatTemperatureLine: De,
+					temperatureColors: o.temperatureColors ? o.temperatureColors.map((e) => fe(e)) : null,
+					yOffset: re,
 					autoScaleYLabels: le,
-					individualHeight: f,
-					scaleYLabels: n.autoScaling ? le : se,
-					individualScale: n.autoScaling ? s : o,
-					individualMax: n.autoScaling ? d : l,
-					zeroPosition: n.autoScaling ? ae : ie,
-					curve: n.useStepper ? n.autoScaling ? be : ye : n.autoScaling ? he : me,
-					plots: n.autoScaling ? fe : p,
-					dashedStraight: xe,
-					dashedSmooth: h,
+					individualHeight: ae,
+					scaleYLabels: o.autoScaling ? le : ce,
+					individualScale: o.autoScaling ? u : l,
+					individualMax: o.autoScaling ? p : te,
+					zeroPosition: o.autoScaling ? se : oe,
+					curve: o.useStepper ? o.autoScaling ? ve : _ : o.autoScaling ? he : me,
+					plots: o.autoScaling ? h : m,
+					dashedStraight: ye,
+					dashedSmooth: be,
 					hasDashedSegments: pe,
-					area: n.useArea ? n.useStepper ? a(Ee, we) : H.value.useIndividualScale ? V.value.line.cutNullValues ? ce(n.autoScaling ? fe : p, we) : Te(n.autoScaling ? fe.filter((e) => e.value !== null) : p.filter((e) => e.value !== null), we) : V.value.line.cutNullValues ? ce(p, we) : Te(p.filter((e) => e.value !== null), we) : "",
-					curveAreas: n.useArea ? n.useStepper ? a(Ee, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : re(n.autoScaling ? V.value.line.cutNullValues ? fe : fe.filter((e) => e.value !== null) : V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), we, V.value.line.cutNullValues) : [],
-					straight: n.useStepper ? n.autoScaling ? be : ye : n.autoScaling ? m : ge,
-					scaleGroup: Se,
-					groupId: Se.groupId
+					area: o.useArea ? o.useStepper ? d(Te, Ce) : H.value.useIndividualScale ? V.value.line.cutNullValues ? i(o.autoScaling ? h : m, Ce) : a(o.autoScaling ? h.filter((e) => e.value !== null) : m.filter((e) => e.value !== null), Ce) : V.value.line.cutNullValues ? i(m, Ce) : a(m.filter((e) => e.value !== null), Ce) : "",
+					curveAreas: o.useArea ? o.useStepper ? d(Te, Ce).split(";").filter(Boolean).map((e) => `M${e}Z`) : t(o.autoScaling ? V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null) : V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), Ce, V.value.line.cutNullValues) : [],
+					straight: o.useStepper ? o.autoScaling ? ve : _ : o.autoScaling ? g : ge,
+					scaleGroup: xe,
+					groupId: xe.groupId
 				};
 			});
-		}), $ = y(() => {
+		}), $ = b(() => {
 			let e = Rc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
 			return Vc.value.map((n) => {
-				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: d, autoScaleZeroPosition: ee, scaleYLabels: te, autoScaleYLabels: ne, autoScaleRatiosToNiceScale: f } = El({
+				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: d, autoScaleZeroPosition: f, scaleYLabels: ee, autoScaleYLabels: te, autoScaleRatiosToNiceScale: ne } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r,
 					forceExactScale: !0,
 					preserveLooseMinimumExpression: !0
-				}), re = Dl(n.comments), ie = n.series.map((e, t) => {
+				}), p = Dl(n.comments), re = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						datasetXValue: yl(e),
 						y: null,
 						value: null,
-						comment: re[t] || ""
+						comment: p[t] || ""
 					};
 					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(o)) / s : Fs(Fo(e));
 					return {
 						index: t,
-						x: g(vl(e, t)),
+						x: v(vl(e, t)),
 						datasetXValue: yl(e),
-						y: g(Rs({
+						y: v(Rs({
 							ratio: r,
 							yOffset: l,
 							individualHeight: u
 						})),
 						value: n.absoluteValues[t],
-						comment: re[t] || ""
+						comment: p[t] || ""
 					};
-				}), ae = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), ie = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
 					datasetXValue: yl(e),
 					y: null,
 					value: null,
-					comment: re[t] || ""
+					comment: p[t] || ""
 				} : {
 					index: t,
-					x: g(vl(e, t)),
+					x: v(vl(e, t)),
 					datasetXValue: yl(e),
-					y: g(Rs({
-						ratio: f[t] || 0,
+					y: v(Rs({
+						ratio: ne[t] || 0,
 						yOffset: l,
 						individualHeight: u
 					})),
 					value: n.absoluteValues[t],
-					comment: re[t] || ""
-				}), oe = qc({
+					comment: p[t] || ""
+				}), ae = qc({
 					datapoint: n,
-					scaleYLabels: te,
-					autoScaleYLabels: ne,
+					scaleYLabels: ee,
+					autoScaleYLabels: te,
 					zeroPosition: d,
-					autoScaleZeroPosition: ee,
+					autoScaleZeroPosition: f,
 					individualMax: s,
 					autoScaleMax: c,
 					yOffset: l,
@@ -2229,18 +2229,18 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				return {
 					...n,
 					yOffset: l,
-					autoScaleYLabels: ne,
+					autoScaleYLabels: te,
 					individualHeight: u,
-					scaleYLabels: n.autoScaling ? ne : te,
+					scaleYLabels: n.autoScaling ? te : ee,
 					individualScale: n.autoScaling ? a : i,
 					individualMax: n.autoScaling ? c : s,
-					zeroPosition: n.autoScaling ? ee : d,
-					plots: n.autoScaling ? ae : ie,
-					scaleGroup: oe,
-					groupId: oe.groupId
+					zeroPosition: n.autoScaling ? f : d,
+					plots: n.autoScaling ? ie : re,
+					scaleGroup: ae,
+					groupId: ae.groupId
 				};
 			});
-		}), Al = y(() => {
+		}), Al = b(() => {
 			let e = Object.entries(Gc.value).reduce((e, [t, n]) => (e[t] = {
 				...n,
 				scaleLabel: t
@@ -2255,7 +2255,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					...t.scaleGroup
 				});
 			}), e;
-		}), jl = y(() => {
+		}), jl = b(() => {
 			let e = Q.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -2304,7 +2304,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					id: e.id,
 					groupId: e.groupId,
 					scaleLabel: e.scaleLabel,
-					name: m(V.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
+					name: g(V.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
 					color: H.value.useIndividualScale && !H.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
 					scale: e.scale,
 					yOffset: e.yOffset,
@@ -2322,7 +2322,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					}))
 				};
 			});
-		}), Ml = y(() => {
+		}), Ml = b(() => {
 			let e = V.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -2348,7 +2348,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					});
 				});
 			}), r;
-		}), Nl = y(() => {
+		}), Nl = b(() => {
 			let e = Z.value[0]?.index ?? null, t = G.value ? e : R.value;
 			return {
 				timeLabel: G.value ? {
@@ -2374,12 +2374,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		gt(() => {
 			let e = ++Fl, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
-				let n = await je(t.locale).catch(() => je("en"));
+				let n = await Ae(t.locale).catch(() => Ae("en"));
 				e === Fl && (Pl.value = n.data);
 			})();
 		});
-		let Il = y(() => {
-			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Ae({
+		let Il = b(() => {
+			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = ke({
 				useUTC: e.useUTC,
 				locale: Pl.value,
 				januaryAsYear: e.januaryAsYear
@@ -2388,7 +2388,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				let r = V.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Ll = y(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+		}), Ll = b(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
 			text: Il.value(t, V.value.chart.zoom.timeFormat),
 			absoluteIndex: t
 		}))), Rl = /* @__PURE__ */ new Map();
@@ -2419,10 +2419,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Vl(e) {
 			let t = Bl(e);
 			if (Rl.has(t)) return Rl.get(t);
-			let n = V.value.chart.tooltip.backgroundColor, i = "", a = "";
+			let n = V.value.chart.tooltip.backgroundColor, r = "", i = "";
 			switch (ia.value[e.type]) {
 				case "bar":
-					i = `<svg viewBox="0 0 40 40" height="14" width="14">${Pi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${e.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Pi.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color}" /></svg>`;
+					r = `<svg viewBox="0 0 40 40" height="14" width="14">${Pi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${e.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Pi.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color}" /></svg>`;
 					break;
 				case "line":
 					!e.shape || ![
@@ -2432,7 +2432,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"diamond",
 						"pentagon",
 						"hexagon"
-					].includes(e.shape) ? a = `<circle cx="10" cy="8" r="4" stroke="${n}" stroke-width="0.5" fill="${e.color}" />` : e.shape === "triangle" ? a = `<path d="${r({
+					].includes(e.shape) ? i = `<circle cx="10" cy="8" r="4" stroke="${n}" stroke-width="0.5" fill="${e.color}" />` : e.shape === "triangle" ? i = `<path d="${ye({
 						plot: {
 							x: 10,
 							y: 8
@@ -2440,7 +2440,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						radius: 4,
 						sides: 3,
 						rotation: .52
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "square" ? a = `<path d="${r({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "square" ? i = `<path d="${ye({
 						plot: {
 							x: 10,
 							y: 8
@@ -2448,7 +2448,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						radius: 4,
 						sides: 4,
 						rotation: .8
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "diamond" ? a = `<path d="${r({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "diamond" ? i = `<path d="${ye({
 						plot: {
 							x: 10,
 							y: 8
@@ -2456,7 +2456,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						radius: 4,
 						sides: 4,
 						rotation: 0
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "pentagon" ? a = `<path d="${r({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "pentagon" ? i = `<path d="${ye({
 						plot: {
 							x: 10,
 							y: 8
@@ -2464,7 +2464,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						radius: 4,
 						sides: 5,
 						rotation: .95
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "hexagon" ? a = `<path d="${r({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "hexagon" ? i = `<path d="${ye({
 						plot: {
 							x: 10,
 							y: 8
@@ -2472,13 +2472,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						radius: 4,
 						sides: 6,
 						rotation: 0
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "star" && (a = `<polygon stroke="${n}" stroke-width="0.5" fill="${e.color}" points="${ie({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "star" && (i = `<polygon stroke="${n}" stroke-width="0.5" fill="${e.color}" points="${l({
 						plot: {
 							x: 10,
 							y: 8
 						},
 						radius: 4
-					})}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${n}" stroke-width="0.5" height="3" width="20" fill="${e.color}" />${a}</svg>`;
+					})}" />`), r = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${n}" stroke-width="0.5" height="3" width="20" fill="${e.color}" />${i}</svg>`;
 					break;
 				case "plot":
 					if (!e.shape || ![
@@ -2489,11 +2489,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"pentagon",
 						"hexagon"
 					].includes(e.shape)) {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${n}" stroke-width="1" fill="${e.color}" /></svg>`;
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${n}" stroke-width="1" fill="${e.color}" /></svg>`;
 						break;
 					}
 					if (e.shape === "star") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${n}" stroke-width="1" fill="${e.color}" points="${ie({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${n}" stroke-width="1" fill="${e.color}" points="${l({
 							plot: {
 								x: 6,
 								y: 6
@@ -2503,7 +2503,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						break;
 					}
 					if (e.shape === "triangle") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
 							plot: {
 								x: 6,
 								y: 6
@@ -2515,7 +2515,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						break;
 					}
 					if (e.shape === "square") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
 							plot: {
 								x: 6,
 								y: 6
@@ -2527,7 +2527,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						break;
 					}
 					if (e.shape === "diamond") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
 							plot: {
 								x: 6,
 								y: 6
@@ -2539,7 +2539,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						break;
 					}
 					if (e.shape === "pentagon") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
 							plot: {
 								x: 6,
 								y: 6
@@ -2551,7 +2551,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						break;
 					}
 					if (e.shape === "hexagon") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${r({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
 							plot: {
 								x: 6,
 								y: 6
@@ -2565,17 +2565,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					break;
 				default: break;
 			}
-			return Rl.set(t, i), i;
+			return Rl.set(t, r), r;
 		}
-		let Hl = y(() => {
-			let e = "", t = el.value.map((e) => e.value).filter((e) => p(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: m(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, s({
+		let Hl = b(() => {
+			let e = "", t = el.value.map((e) => e.value).filter((e) => De(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: g(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, Se({
 				v: Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x,
 				r: V.value.chart.tooltip.roundingValue
 			}), {
 				datapoint: null,
 				serriesIndex: null
 			}) } : Y.value[R.value], r = V.value.chart.tooltip.customFormat;
-			if (he(r)) try {
+			if (Te(r)) try {
 				let e = r(zl(n));
 				if (typeof e == "string") return e;
 			} catch (e) {
@@ -2586,13 +2586,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				G.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${V.value.chart.tooltip.borderColor}; width:100%">${V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
 			}
 			return el.value.forEach((r) => {
-				if (p(r.value)) {
-					let i = Vl(r), a = V.value.chart.tooltip.showValue ? m(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, s({
+				if (De(r.value)) {
+					let i = Vl(r), a = V.value.chart.tooltip.showValue ? g(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, Se({
 						p: r.prefix,
 						v: r.value,
 						s: r.suffix,
 						r: V.value.chart.tooltip.roundingValue
-					}), { datapoint: r }) : "", o = V.value.chart.tooltip.showValue ? n?.text ?? "" : "", c = G.value ? `
+					}), { datapoint: r }) : "", o = V.value.chart.tooltip.showValue ? n?.text ?? "" : "", s = G.value ? `
                     <span>${V.value.chart.grid.labels.axis.xLabel || "X"}: </span>
                     <span>${o}</span>, 
                     <span>${V.value.chart.grid.labels.axis.yLabel || "Y"}: </span>
@@ -2604,20 +2604,20 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
                                 <div style="width:20px">${i}</div>
                                 <div style="display:flex;flex-direction:column;">
                                     <div>${r.name}</div>
-                                    <div>${c}</div>
+                                    <div>${s}</div>
                                 </div>
                             </div>
                         </div>
-                    ` : e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;white-space:nowrap;"><div style="width:20px">${i}</div> ${r.name}: <b>${c}</b> ${V.value.chart.tooltip.showPercentage ? `(${s({
-						v: g(Math.abs(r.value) / t * 100),
+                    ` : e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;white-space:nowrap;"><div style="width:20px">${i}</div> ${r.name}: <b>${s}</b> ${V.value.chart.tooltip.showPercentage ? `(${Se({
+						v: v(Math.abs(r.value) / t * 100),
 						s: "%",
 						r: V.value.chart.tooltip.roundingPercentage
 					})})` : ""}</div>`;
-					let l = Ol(r.comments, R.value);
-					V.value.chart.comments.showInTooltip && l && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${l}</div>`);
+					let c = Ol(r.comments, R.value);
+					V.value.chart.comments.showInTooltip && c && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${c}</div>`);
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${V.value.chart.tooltip.color}">${e}</div>`;
-		}), Ul = y(() => {
+		}), Ul = b(() => {
 			if (!G.value) return [];
 			let e = /* @__PURE__ */ new Set(), t = [];
 			return K.value.forEach((n) => {
@@ -2631,7 +2631,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		});
 		function Wl(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? m(V.value.chart.grid.labels.xAxis.formatter, t, s({
+			return Number.isFinite(t) ? g(V.value.chart.grid.labels.xAxis.formatter, t, Se({
 				v: t,
 				r: V.value.table.rounding
 			}), {
@@ -2655,7 +2655,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}
 		function Jl(e, t) {
 			let n = Kl(e, t);
-			return vt(n) ? m(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, s({
+			return vt(n) ? g(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, Se({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n,
 				s: e.suffix || V.value.chart.labels.suffix,
@@ -2665,7 +2665,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Yl(e) {
 			return K.value.map((t) => Kl(t, e) ?? 0).reduce((e, t) => e + t, 0);
 		}
-		let Xl = y(() => {
+		let Xl = b(() => {
 			if (G.value) return Ul.value.map((e) => {
 				let t = Yl(e);
 				return {
@@ -2688,7 +2688,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			}
 			return e;
-		}), Zl = y(() => Io.value.length === 0 ? {
+		}), Zl = b(() => Io.value.length === 0 ? {
 			head: [],
 			body: [],
 			config: {},
@@ -2700,7 +2700,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				type: e.type
 			})),
 			body: Xl.value.map((e) => [e.period].concat(e.csvValues))
-		}), Ql = y(() => {
+		}), Ql = b(() => {
 			let e = V.value.table.showSum, t = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : ""].concat(K.value.map((e) => e.name));
 			e && (t = t.concat(" <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>"));
 			let n = Xl.value.map((t) => [t.period].concat(t.formattedValues, e ? t.formattedSum : [])), r = {
@@ -2728,8 +2728,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				[V.value.chart.title.text],
 				[V.value.chart.title.subtitle.text],
 				[""]
-			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Zl.value.head.map((e) => e.label)], r = Zl.value.body, i = se(t.concat([n]).concat(r));
-			e ? e(i) : ee({
+			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Zl.value.head.map((e) => e.label)], r = Zl.value.body, i = Ee(t.concat([n]).concat(r));
+			e ? e(i) : de({
 				csvContent: i,
 				title: V.value.chart.title.text || "vue-ui-xy"
 			});
@@ -2772,43 +2772,43 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, Ka.value.plot = V.value.plot.radius, Ka.value.line = V.value.line.radius, Ka.value.selectedLine = V.value.line.dot.selectedRadius;
 				return;
 			}
-			B.value.dataLabels = l({
+			B.value.dataLabels = ue({
 				relator: ta.value,
 				adjuster: 400,
 				source: V.value.chart.grid.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.yAxis = l({
+			}), B.value.yAxis = ue({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.axis.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.xAxis = l({
+			}), B.value.xAxis = ue({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.xAxisLabels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.plotLabels = l({
+			}), B.value.plotLabels = ue({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), Ka.value.plot = l({
+			}), Ka.value.plot = ue({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), Ka.value.line = l({
+			}), Ka.value.line = ue({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.radius,
 				threshold: 1,
 				fallback: 0
-			}), Ka.value.selectedLine = l({
+			}), Ka.value.selectedLine = ue({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.dot.selectedRadius,
@@ -2817,12 +2817,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			});
 		}
 		function ou() {
-			if (i(M.dataset) ? (de({
+			if (te(M.dataset) ? (re({
 				componentName: "VueUiXy",
 				type: "dataset",
 				debug: $a.value
 			}), io.value = !0) : M.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && (de({
+				[null, void 0].includes(e.name) && (re({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
@@ -2831,9 +2831,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}), io.value = !0);
 			}), $a.value && M.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
-					p(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
+					De(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
 				});
-			}), i(M.dataset) || (io.value = V.value.loading), ga.value = V.value.chart.userOptions.showOnChartHover, _a.value = V.value.chart.userOptions.keepStateOnChartLeave, va.value = !V.value.chart.userOptions.showOnChartHover, Qa(), V.value.responsive) {
+			}), te(M.dataset) || (io.value = V.value.loading), ga.value = V.value.chart.userOptions.showOnChartHover, _a.value = V.value.chart.userOptions.keepStateOnChartLeave, va.value = !V.value.chart.userOptions.showOnChartHover, Qa(), V.value.responsive) {
 				let e = zi.value.parentNode;
 				Zi.value && (Qi.value && Zi.value.unobserve(Qi.value), Zi.value.disconnect(), Zi.value = null, Qi.value = null);
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
@@ -2865,7 +2865,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			ou(), Ss(), document.addEventListener("mousemove", su, { passive: !0 }), document.addEventListener("scroll", Qo, { passive: !0 });
 		}), st(() => {
 			document.removeEventListener("scroll", Qo, { passive: !0 }), document.removeEventListener("mousemove", su, { passive: !0 }), Zi.value && (Qi.value && Zi.value.unobserve(Qi.value), Zi.value.disconnect(), Zi.value = null, Qi.value = null), hu(), ks();
-		}), Ve({
+		}), Be({
 			timeLabelsEls: Ji,
 			timeLabels: Y,
 			slicer: U,
@@ -2890,19 +2890,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			width: P,
 			rotation: V.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let cu = D(!1), lu = D(null), uu = D(200), du = y(() => R.value ?? I.value ?? 0), fu = y(() => {
+		let cu = D(!1), lu = D(null), uu = D(200), du = b(() => R.value ?? I.value ?? 0), fu = b(() => {
 			if (!G.value) return null;
-			if (_(Ta.value)) return Number(Ta.value);
+			if (h(Ta.value)) return Number(Ta.value);
 			let e = Z.value[0];
-			return _(e?.point?.x) ? Number(e.point.x) : null;
+			return h(e?.point?.x) ? Number(e.point.x) : null;
 		});
 		function pu() {
 			let e = Math.ceil(uu.value || 200);
 			return Math.min(Math.max(e, 1), 200);
 		}
 		function mu() {
-			let e = pu(), t = (G.value && _(fu.value) ? ml({ x: fu.value }) : Oc(du.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
-			return g(Math.max(n, Math.min(t, r)));
+			let e = pu(), t = (G.value && h(fu.value) ? ml({ x: fu.value }) : Oc(du.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
+			return v(Math.max(n, Math.min(t, r)));
 		}
 		function hu() {
 			Aa.value !== null && (cancelAnimationFrame(Aa.value), Aa.value = null), ka.value && z.value && ka.value.unobserve(z.value), ka.value &&= (ka.value.disconnect(), null), ja.value &&= (ja.value(), null), z.value = null;
@@ -2932,14 +2932,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			});
 		});
-		let vu = y(() => {
+		let vu = b(() => {
 			if (G.value) {
 				if (!Number.isFinite(Number(fu.value))) return "";
 			} else if ([null, void 0].includes(R.value) && [null, void 0].includes(I.value)) return "";
 			let e = (R.value == null ? 0 : R.value) || (I.value == null ? 0 : I.value), t = V.value.chart.timeTag.customFormat;
 			if (cu.value = !1, G.value) {
 				let e = fu.value;
-				if (he(t)) try {
+				if (Te(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
@@ -2953,12 +2953,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} catch {
 					console.warn("Custom format cannot be applied on timeTag."), cu.value = !1;
 				}
-				return s({
+				return Se({
 					v: e,
 					r: V.value.chart.grid.labels.xAxis.rounding
 				});
 			}
-			if (he(t)) try {
+			if (Te(t)) try {
 				let n = t({
 					absoluteIndex: e + U.value.start,
 					seriesIndex: e,
@@ -2974,24 +2974,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			if (!cu.value) return [null, void 0].includes(Y.value[e]) ? "" : V.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !V.value.chart.timeTag.useDefaultFormat ? Il.value(e + U.value.start, V.value.chart.timeTag.timeFormat) : Y.value[e].text;
 		});
-		function yu({ serie: e, plot: n, type: r }) {
-			if (!vt(n.value)) return "";
-			let i = s({
+		function yu({ serie: e, plot: t, type: n }) {
+			if (!vt(t.value)) return "";
+			let r = Se({
 				p: e.prefix || V.value.chart.labels.prefix,
-				v: n.value,
+				v: t.value,
 				s: e.suffix || V.value.chart.labels.suffix,
-				r: V.value[r].labels.rounding
-			}), a = n.datasetXValue;
-			return t({
-				content: G.value && _(a) ? `x: ${s({
-					v: a,
+				r: V.value[n].labels.rounding
+			}), i = t.datasetXValue;
+			return s({
+				content: G.value && h(i) ? `x: ${Se({
+					v: i,
 					r: V.value.chart.grid.labels.xAxis.rounding
-				})}\ny: ${i}` : m(V.value[r].labels.formatter, n.value, i, {
-					datapoint: n,
+				})}\ny: ${r}` : g(V.value[n].labels.formatter, t.value, r, {
+					datapoint: t,
 					serie: e
 				}),
 				fontSize: B.value.plotLabels,
-				fill: V.value[r].labels.color,
+				fill: V.value[n].labels.color,
 				x: 0,
 				y: 0
 			});
@@ -2999,14 +2999,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function bu({ plot: e }) {
 			let t = V.value.bar.labels.offsetY, n = Math.abs(Ks(e)), r = e.value < 0, i = {
 				x: (H.value.useIndividualScale && H.value.isStacked ? e.x + qs.value.line / 2 : Ys(e) + Js() / 2 - Yc.value / 2) + V.value.bar.labels.offsetX,
-				y: g(e.y) + (V.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
+				y: v(e.y) + (V.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
 			};
 			return `translate(${i.x}, ${i.y}) rotate(${V.value.bar.labels.rotation})`;
 		}
 		function xu({ plot: e, type: t }) {
 			let n = V.value[t].labels.offsetY, r = {
 				x: e.x + V.value[t].labels.offsetX,
-				y: g(e.y) + (V.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
+				y: v(e.y) + (V.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
 			};
 			return `translate(${r.x}, ${r.y}) rotate(${V.value[t].labels.rotation})`;
 		}
@@ -3015,22 +3015,22 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let n = e.value >= 0;
 			return V.value[t].labels.rotation === 0 ? "middle" : V.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let Cu = y(() => G.value ? _(Ta.value) ? ml({ x: Number(Ta.value) }) : _($s.value) ? $s.value : null : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), wu = y(() => V.value.chart.highlighter.crosshairs.show && ms.value), Tu = y(() => [
+		let Cu = b(() => G.value ? h(Ta.value) ? ml({ x: Number(Ta.value) }) : h($s.value) ? $s.value : null : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), wu = b(() => V.value.chart.highlighter.crosshairs.show && ms.value), Tu = b(() => [
 			...Q.value,
 			...$.value,
 			...kl.value
 		].flatMap((e) => (e.plots || []).filter((t, n) => Ou(e, t, n)).filter((e) => vt(e.value)).map((t) => ({
 			...t,
 			serie: e,
-			x: g(t.x),
-			y: g(t.y)
-		})))), Eu = y(() => {
+			x: v(t.x),
+			y: v(t.y)
+		})))), Eu = b(() => {
 			if (!wu.value) return null;
 			if (G.value) {
 				let e = Z.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
-				return _(t) ? {
+				return h(t) ? {
 					x: Cu.value,
-					text: m(V.value.chart.grid.labels.xAxis.formatter, t, s({
+					text: g(V.value.chart.grid.labels.xAxis.formatter, t, Se({
 						v: t,
 						r: V.value.chart.tooltip.roundingValue
 					}))
@@ -3070,7 +3070,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			}), n;
 		}
-		let ju = y(() => Au(kl.value, "bar")), Mu = y(() => Au($.value, "plot")), Nu = y(() => Au(Q.value, "line"));
+		let ju = b(() => Au(kl.value, "bar")), Mu = b(() => Au($.value, "plot")), Nu = b(() => Au(Q.value, "line"));
 		ht(() => M.dataset, (e) => {
 			if (Array.isArray(e) && e.length > 0 && (io.value = !1), V.value.chart.zoom.keepState) {
 				let e = uo.value;
@@ -3116,10 +3116,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}), ht(V, () => {
 			Qa();
 		}, { immediate: !0 });
-		let Ru = y(() => {
+		let Ru = b(() => {
 			let e = V.value.table.useDialog && !V.value.showTable, t = H.value.showTable;
 			return {
-				component: e ? Mi : Je,
+				component: e ? Mi : qe,
 				title: `${V.value.chart.title.text}${V.value.chart.title.subtitle.text ? `: ${V.value.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: V.value.table.th.backgroundColor,
@@ -3152,13 +3152,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function zu() {
 			H.value.showTable = !1, Xi.value && Xi.value.setTableIconState(!1);
 		}
-		let Bu = y(() => Lo.value.map((e) => ({
+		let Bu = b(() => Lo.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), Vu = y(() => V.value.chart.backgroundColor), Hu = y(() => V.value.chart.legend), { exportSvg: Uu, getSvg: Wu } = Le({
+		}))), Vu = b(() => V.value.chart.backgroundColor), Hu = b(() => V.value.chart.legend), { exportSvg: Uu, getSvg: Wu } = Ie({
 			svg: L,
-			title: y(() => V.value.chart.title),
+			title: b(() => V.value.chart.title),
 			legend: Hu,
 			legendItems: Bu,
 			backgroundColor: Vu
@@ -3243,10 +3243,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Qu(e) {
 			let t = U.value.end - U.value.start;
 			if (t <= 0) return;
-			let r = J.value.width / t, i = n(J.value.left + r * e + r / 2, J.value.top + J.value.height / 2, L.value);
-			i && (Da.value = i);
+			let n = J.value.width / t, r = c(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
+			r && (Da.value = r);
 		}
-		let $u = y(() => {
+		let $u = b(() => {
 			if (!Ql.value) return null;
 			let e = V.value.table.showSum, t = [V.value.table.columnNames.period].concat(K.value.map((e) => e.name));
 			return e && (t = t.concat(V.value.table.columnNames.total)), {
@@ -3254,7 +3254,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				rows: Ql.value.body
 			};
 		});
-		return Ke({
+		return Ge({
 			getData: uc,
 			getImage: dc,
 			generatePdf: yo,
@@ -3271,7 +3271,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			toggleFullscreen: iu,
 			copyAlt: qu,
 			resetZoom: Ns
-		}), (n, r) => (E(), x("div", {
+		}), (t, n) => (E(), S("div", {
 			id: `vue-ui-xy_${F.value}`,
 			class: ot(`vue-data-ui-component vue-ui-xy ${oa.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
@@ -3281,11 +3281,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			onMouseleave: rs,
 			onClick: cc
 		}, [
-			S("div", {
+			C("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [S("p", null, dt(V.value.a11y.translations.keyboardNavigation), 1)], 8, kt),
-			$u.value?.rows?.length ? (E(), Qe(Xe, {
+			}, [C("p", null, dt(V.value.a11y.translations.keyboardNavigation), 1)], 8, kt),
+			$u.value?.rows?.length ? (E(), Ze(Ye, {
 				key: 0,
 				uid: F.value,
 				head: $u.value.headers,
@@ -3298,8 +3298,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"body",
 				"notice",
 				"caption"
-			])) : b("", !0),
-			V.value.chart.userOptions.buttons.annotator && L.value ? (E(), Qe(A(ji), {
+			])) : x("", !0),
+			V.value.chart.userOptions.buttons.annotator && L.value ? (E(), Ze(A(ji), {
 				key: 1,
 				svgRef: L.value,
 				backgroundColor: V.value.chart.backgroundColor,
@@ -3308,12 +3308,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isCursorPointer: Za.value,
 				onClose: is
 			}, {
-				"annotator-action-close": j(() => [k(n.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": j(({ color: e }) => [k(n.$slots, "annotator-action-color", w(C({ color: e })), void 0, !0)]),
-				"annotator-action-draw": j(({ mode: e }) => [k(n.$slots, "annotator-action-draw", w(C({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": j(({ disabled: e }) => [k(n.$slots, "annotator-action-undo", w(C({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": j(({ disabled: e }) => [k(n.$slots, "annotator-action-redo", w(C({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": j(({ disabled: e }) => [k(n.$slots, "annotator-action-delete", w(C({ disabled: e })), void 0, !0)]),
+				"annotator-action-close": j(() => [k(t.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": j(({ color: e }) => [k(t.$slots, "annotator-action-color", w(rt({ color: e })), void 0, !0)]),
+				"annotator-action-draw": j(({ mode: e }) => [k(t.$slots, "annotator-action-draw", w(rt({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": j(({ disabled: e }) => [k(t.$slots, "annotator-action-undo", w(rt({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": j(({ disabled: e }) => [k(t.$slots, "annotator-action-redo", w(rt({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": j(({ disabled: e }) => [k(t.$slots, "annotator-action-delete", w(rt({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -3321,21 +3321,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : b("", !0),
-			xc.value ? (E(), x("div", {
+			])) : x("", !0),
+			xc.value ? (E(), S("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Wi,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%; background:transparent"
-			}, null, 512)) : b("", !0),
-			V.value.chart.title.show ? (E(), x("div", {
+			}, null, 512)) : x("", !0),
+			V.value.chart.title.show ? (E(), S("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Bi,
 				class: "vue-ui-xy-title",
 				style: T(`font-family:${V.value.chart.fontFamily}`)
-			}, [(E(), Qe(Ue, {
+			}, [(E(), Ze(He, {
 				key: `title_${pa.value}`,
 				config: {
 					title: {
@@ -3347,9 +3347,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						...V.value.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 4)) : b("", !0),
-			S("div", { id: `legend-top-${F.value}` }, null, 8, At),
-			V.value.chart.userOptions.show && (_a.value || va.value) ? (E(), Qe(A(Di), {
+			}, null, 8, ["config"]))], 4)) : x("", !0),
+			C("div", { id: `legend-top-${F.value}` }, null, 8, At),
+			V.value.chart.userOptions.show && (_a.value || va.value) ? (E(), Ze(A(Di), {
 				ref_key: "userOptionsRef",
 				ref: Xi,
 				key: `user_options_${da.value}`,
@@ -3370,7 +3370,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				hasAltCopy: V.value.chart.userOptions.buttons.altCopy,
 				isStacked: H.value.isStacked,
 				isFullscreen: oa.value,
-				chartElement: n.$refs.chart,
+				chartElement: t.$refs.chart,
 				position: V.value.chart.userOptions.position,
 				isTooltip: H.value.showTooltip,
 				titles: { ...V.value.chart.userOptions.buttonTitles },
@@ -3392,88 +3392,88 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				onToggleAnnotator: is,
 				onCopyAlt: qu,
 				style: T({ visibility: _a.value ? va.value ? "visible" : "hidden" : "visible" })
-			}, $e({ _: 2 }, [
-				n.$slots.menuIcon ? {
+			}, Qe({ _: 2 }, [
+				t.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: j(({ isOpen: e, color: t }) => [k(n.$slots, "menuIcon", w(C({
+					fn: j(({ isOpen: e, color: n }) => [k(t.$slots, "menuIcon", w(rt({
 						isOpen: e,
-						color: t
+						color: n
 					})), void 0, !0)]),
 					key: "0"
 				} : void 0,
-				n.$slots.optionTooltip ? {
+				t.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: j(() => [k(n.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
-				n.$slots.optionPdf ? {
+				t.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: j(() => [k(n.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
-				n.$slots.optionCsv ? {
+				t.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: j(() => [k(n.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
-				n.$slots.optionImg ? {
+				t.$slots.optionImg ? {
 					name: "optionImg",
-					fn: j(() => [k(n.$slots, "optionImg", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
-				n.$slots.optionSvg ? {
+				t.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: j(() => [k(n.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
-				n.$slots.optionTable ? {
+				t.$slots.optionTable ? {
 					name: "optionTable",
-					fn: j(() => [k(n.$slots, "optionTable", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
-				n.$slots.optionLabels ? {
+				t.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: j(() => [k(n.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
-				n.$slots.optionStack ? {
+				t.$slots.optionStack ? {
 					name: "optionStack",
-					fn: j(({ isStack: e }) => [k(n.$slots, "optionStack", w(C({ isStack: e })), void 0, !0)]),
+					fn: j(({ isStack: e }) => [k(t.$slots, "optionStack", w(rt({ isStack: e })), void 0, !0)]),
 					key: "8"
 				} : void 0,
-				n.$slots.optionFullscreen ? {
+				t.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: j(({ toggleFullscreen: e, isFullscreen: t }) => [k(n.$slots, "optionFullscreen", w(C({
+					fn: j(({ toggleFullscreen: e, isFullscreen: n }) => [k(t.$slots, "optionFullscreen", w(rt({
 						toggleFullscreen: e,
-						isFullscreen: t
+						isFullscreen: n
 					})), void 0, !0)]),
 					key: "9"
 				} : void 0,
-				n.$slots.optionAnnotator ? {
+				t.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: j(({ toggleAnnotator: e, isAnnotator: t }) => [k(n.$slots, "optionAnnotator", w(C({
+					fn: j(({ toggleAnnotator: e, isAnnotator: n }) => [k(t.$slots, "optionAnnotator", w(rt({
 						toggleAnnotator: e,
-						isAnnotator: t
+						isAnnotator: n
 					})), void 0, !0)]),
 					key: "10"
 				} : void 0,
-				n.$slots.optionAltCopy ? {
+				t.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: j(({ altCopy: e }) => [k(n.$slots, "optionAltCopy", w(C({ altCopy: e })), void 0, !0)]),
+					fn: j(({ altCopy: e }) => [k(t.$slots, "optionAltCopy", w(rt({ altCopy: e })), void 0, !0)]),
 					key: "11"
 				} : void 0,
-				n.$slots["custom-menu-before"] ? {
+				t.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: j(() => [k(n.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "12"
 				} : void 0,
-				n.$slots["custom-menu-after"] ? {
+				t.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: j(() => [k(n.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: j(() => [k(t.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "13"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : b("", !0),
-			S("div", jt, [(E(), x("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : x("", !0),
+			C("div", jt, [(E(), S("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: "http://www.w3.org/2000/svg",
@@ -3500,187 +3500,187 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				onFocus: Yu,
 				onBlur: Xu,
 				onKeydown: Zu
-			}, [S("g", {
+			}, [C("g", {
 				ref_key: "G",
 				ref: Gi,
 				class: "vue-data-ui-g"
 			}, [
-				tt(A(Ai)),
-				n.$slots["chart-background"] ? (E(), x("foreignObject", {
+				et(A(Ai)),
+				t.$slots["chart-background"] ? (E(), S("foreignObject", {
 					key: 0,
 					x: Math.max(0, J.value?.left),
 					y: J.value?.top,
 					width: Math.max(0, J.value?.width),
 					height: Math.max(0, J.value?.height),
 					style: { pointerEvents: "none" }
-				}, [k(n.$slots, "chart-background", {}, void 0, !0)], 8, Nt)) : b("", !0),
-				X.value > 0 ? (E(), x("g", Pt, [
-					S("g", Ft, [
-						V.value.chart.grid.labels.xAxis.showBaseline ? (E(), x("line", {
+				}, [k(t.$slots, "chart-background", {}, void 0, !0)], 8, Nt)) : x("", !0),
+				X.value > 0 ? (E(), S("g", Pt, [
+					C("g", Ft, [
+						V.value.chart.grid.labels.xAxis.showBaseline ? (E(), S("line", {
 							key: 0,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(h)(J.value?.bottom),
-							y2: A(h)(J.value?.bottom),
+							y1: A(_)(J.value?.bottom),
+							y2: A(_)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, It)) : b("", !0),
-						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (E(!0), x(v, { key: 2 }, O(jl.value, (e) => (E(), x("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (E(!0), x(v, { key: 0 }, O(e.yLabels, (t) => (E(), x("line", {
+						}, null, 8, It)) : x("", !0),
+						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (E(!0), S(y, { key: 2 }, O(jl.value, (e) => (E(), S("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (E(!0), S(y, { key: 0 }, O(e.yLabels, (t) => (E(), S("line", {
 							key: `selected_individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(h)(t.y),
-							y2: A(h)(t.y),
+							y1: A(_)(t.y),
+							y2: A(_)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Bt))), 128)) : e.yLabels.length ? (E(!0), x(v, { key: 1 }, O(e.yLabels, (t) => (E(), x("line", {
+						}, null, 8, Bt))), 128)) : e.yLabels.length ? (E(!0), S(y, { key: 1 }, O(e.yLabels, (t) => (E(), S("line", {
 							key: `individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(h)(t.y),
-							y2: A(h)(t.y),
+							y1: A(_)(t.y),
+							y2: A(_)(t.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Vt))), 128)) : b("", !0)]))), 128)) : b("", !0) : (E(), x(v, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (E(), x("line", {
+						}, null, 8, Vt))), 128)) : x("", !0)]))), 128)) : x("", !0) : (E(), S(y, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (E(), S("line", {
 							key: 0,
 							class: "vue-ui-xy-y-axis",
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: q.value ? J.value?.right : J.value?.left,
 							x2: q.value ? J.value?.right : J.value?.left,
-							y1: A(h)(J.value?.top),
-							y2: A(h)(J.value?.bottom),
+							y1: A(_)(J.value?.top),
+							y2: A(_)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Lt)) : b("", !0), V.value.chart.grid.showHorizontalLines ? (E(), x("g", Rt, [(E(!0), x(v, null, O(tl.value, (e) => (E(), x("line", {
+						}, null, 8, Lt)) : x("", !0), V.value.chart.grid.showHorizontalLines ? (E(), S("g", Rt, [(E(!0), S(y, null, O(tl.value, (e) => (E(), S("line", {
 							key: `horizontal_grid_line_${e.value}_${e.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(h)(e.y),
-							y2: A(h)(e.y),
+							y1: A(_)(e.y),
+							y2: A(_)(e.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, zt))), 128))])) : b("", !0)], 64)),
-						V.value.chart.grid.showVerticalLines ? (E(), x("g", Ht, [S("path", {
+						}, null, 8, zt))), 128))])) : x("", !0)], 64)),
+						V.value.chart.grid.showVerticalLines ? (E(), S("g", Ht, [C("path", {
 							d: Jo.value,
 							"stroke-width": .5,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ut)])) : b("", !0),
-						V.value.chart.grid.labels.xAxisLabels.show ? (E(), x("g", Wt, [S("path", {
+						}, null, 8, Ut)])) : x("", !0),
+						V.value.chart.grid.labels.xAxisLabels.show ? (E(), S("g", Wt, [C("path", {
 							d: Yo.value,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Gt)])) : b("", !0)
+						}, null, 8, Gt)])) : x("", !0)
 					]),
-					(E(!0), x(v, null, O(kl.value, (e, t) => (E(), x("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? k(n.$slots, "bar-gradient", it({
+					(E(!0), S(y, null, O(kl.value, (e, n) => (E(), S("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? k(t.$slots, "bar-gradient", it({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
-						positiveId: `rectGradient_pos_${t}_${F.value}`,
-						negativeId: `rectGradient_neg_${t}_${F.value}`
-					}), void 0, !0) : (E(), x(v, { key: 1 }, [S("linearGradient", {
-						id: `rectGradient_pos_${t}_${F.value}`,
+						positiveId: `rectGradient_pos_${n}_${F.value}`,
+						negativeId: `rectGradient_neg_${n}_${F.value}`
+					}), void 0, !0) : (E(), S(y, { key: 1 }, [C("linearGradient", {
+						id: `rectGradient_pos_${n}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						S("stop", {
+						C("stop", {
 							offset: "0%",
 							"stop-color": e.color
 						}, null, 8, qt),
-						S("stop", {
+						C("stop", {
 							offset: "62%",
-							"stop-color": `${A(d)(e.color, .02)}`
+							"stop-color": `${A(ae)(e.color, .02)}`
 						}, null, 8, Jt),
-						S("stop", {
+						C("stop", {
 							offset: "100%",
-							"stop-color": `${A(d)(e.color, .05)}`
+							"stop-color": `${A(ae)(e.color, .05)}`
 						}, null, 8, Yt)
-					], 8, Kt), S("linearGradient", {
-						id: `rectGradient_neg_${t}_${F.value}`,
+					], 8, Kt), C("linearGradient", {
+						id: `rectGradient_neg_${n}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						S("stop", {
+						C("stop", {
 							offset: "0%",
-							"stop-color": `${A(d)(e.color, .05)}`
+							"stop-color": `${A(ae)(e.color, .05)}`
 						}, null, 8, Zt),
-						S("stop", {
+						C("stop", {
 							offset: "38%",
-							"stop-color": `${A(d)(e.color, .02)}`
+							"stop-color": `${A(ae)(e.color, .02)}`
 						}, null, 8, Qt),
-						S("stop", {
+						C("stop", {
 							offset: "100%",
 							"stop-color": e.color
 						}, null, 8, $t)
 					], 8, Xt)], 64))]))), 128)),
-					(E(!0), x(v, null, O($.value, (e, t) => (E(), x("defs", { key: `def_plot_${t}` }, [S("radialGradient", {
+					(E(!0), S(y, null, O($.value, (e, t) => (E(), S("defs", { key: `def_plot_${t}` }, [C("radialGradient", {
 						id: `plotGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [S("stop", {
+					}, [C("stop", {
 						offset: "0%",
-						"stop-color": `${A(d)(e.color, .05)}`
-					}, null, 8, tn), S("stop", {
+						"stop-color": `${A(ae)(e.color, .05)}`
+					}, null, 8, tn), C("stop", {
 						offset: "100%",
 						"stop-color": e.color
 					}, null, 8, nn)], 8, en)]))), 128)),
-					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `def_line_${e.id}` }, [S("defs", null, [S("radialGradient", {
-						id: `lineGradient_${t}_${F.value}`,
+					(E(!0), S(y, null, O(Q.value, (e, n) => (E(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
+						id: `lineGradient_${n}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [S("stop", {
+					}, [C("stop", {
 						offset: "0%",
-						"stop-color": `${A(d)(e.color, .05)}`
-					}, null, 8, an), S("stop", {
+						"stop-color": `${A(ae)(e.color, .05)}`
+					}, null, 8, an), C("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, on)], 8, rn), n.$slots["area-gradient"] ? k(n.$slots, "area-gradient", it({
+					}, null, 8, on)], 8, rn), t.$slots["area-gradient"] ? k(t.$slots, "area-gradient", it({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
-						id: `areaGradient_${t}_${F.value}`
-					}), void 0, !0) : (E(), x("linearGradient", {
+						id: `areaGradient_${n}_${F.value}`
+					}), void 0, !0) : (E(), S("linearGradient", {
 						key: 1,
-						id: `areaGradient_${t}_${F.value}`,
+						id: `areaGradient_${n}_${F.value}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
 						y2: "0%"
-					}, [S("stop", {
+					}, [C("stop", {
 						offset: "0%",
-						"stop-color": `${A(o)(A(d)(e.color, .03), V.value.line.area.opacity)}`
-					}, null, 8, cn), S("stop", {
+						"stop-color": `${A(f)(A(ae)(e.color, .03), V.value.line.area.opacity)}`
+					}, null, 8, cn), C("stop", {
 						offset: "100%",
-						"stop-color": `${A(o)(e.color, V.value.line.area.opacity)}`
-					}, null, 8, ln)], 8, sn))]), e.temperatureColors && !e.isFlatTemperatureLine ? (E(), x("defs", un, [S("linearGradient", {
-						id: `temperature_grad_line_${t}_${F.value}`,
+						"stop-color": `${A(f)(e.color, V.value.line.area.opacity)}`
+					}, null, 8, ln)], 8, sn))]), e.temperatureColors && !e.isFlatTemperatureLine ? (E(), S("defs", un, [C("linearGradient", {
+						id: `temperature_grad_line_${n}_${F.value}`,
 						gradientTransform: "rotate(90)"
-					}, [(E(!0), x(v, null, O(e.temperatureColors, (n, r) => (E(), x("stop", {
-						key: `temperature_grad_stop_${t}_${r}_${F.value}`,
-						"stop-color": n,
-						offset: A(ae)(r, e.temperatureColors.length)
-					}, null, 8, fn))), 128))], 8, dn)])) : b("", !0)], 64))), 128)),
-					(E(!0), x(v, null, O(Sc.value, (e) => (E(), x("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (E(), x(v, { key: 0 }, [(E(!0), x(v, null, O(e.span, (t, n) => (E(), x("g", { key: `highlight_area_rect_${e.from}_${n}` }, [S("rect", {
+					}, [(E(!0), S(y, null, O(e.temperatureColors, (t, r) => (E(), S("stop", {
+						key: `temperature_grad_stop_${n}_${r}_${F.value}`,
+						"stop-color": t,
+						offset: A(u)(r, e.temperatureColors.length)
+					}, null, 8, fn))), 128))], 8, dn)])) : x("", !0)], 64))), 128)),
+					(E(!0), S(y, null, O(Sc.value, (e) => (E(), S("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (E(), S(y, { key: 0 }, [(E(!0), S(y, null, O(e.span, (t, n) => (E(), S("g", { key: `highlight_area_rect_${e.from}_${n}` }, [C("rect", {
 						style: T({
 							transition: "none",
 							opacity: +(e.from + n >= U.value.start && e.from + n <= U.value.end - 1)
@@ -3689,8 +3689,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
 						width: jc(e.from + n - U.value.start),
-						fill: A(o)(e.color, e.opacity)
-					}, null, 12, pn)]))), 128)), (E(!0), x(v, null, O(e.span, (t, n) => (E(), x("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (E(), x("foreignObject", {
+						fill: A(f)(e.color, e.opacity)
+					}, null, 12, pn)]))), 128)), (E(!0), S(y, null, O(e.span, (t, n) => (E(), S("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (E(), S("foreignObject", {
 						key: 0,
 						x: Ac(e.from + n - U.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Pc(e.span) / 2),
 						y: J.value?.top + e.caption.offsetY,
@@ -3700,8 +3700,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						}),
 						height: "1",
 						width: e.caption.width === "auto" ? Pc(e.span) : e.caption.width
-					}, [S("div", { style: T(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, dt(e.caption.text), 5)], 12, mn)) : b("", !0)]))), 128))], 64)) : b("", !0)]))), 128)),
-					es.value && !G.value ? (E(), x("g", hn, [(E(!0), x(v, null, O(X.value, (e, t) => (E(), x("g", { key: `tooltip_trap_highlighter_${t}` }, [S("rect", {
+					}, [C("div", { style: T(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, dt(e.caption.text), 5)], 12, mn)) : x("", !0)]))), 128))], 64)) : x("", !0)]))), 128)),
+					es.value && !G.value ? (E(), S("g", hn, [(E(!0), S(y, null, O(X.value, (e, t) => (E(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
 						x: Ac(t),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
@@ -3710,30 +3710,30 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							I.value,
 							R.value,
 							ca.value
-						].includes(t) ? A(o)(V.value.chart.highlighter.color, V.value.chart.highlighter.crosshairs.show ? 0 : V.value.chart.highlighter.opacity) : "transparent",
+						].includes(t) ? A(f)(V.value.chart.highlighter.color, V.value.chart.highlighter.crosshairs.show ? 0 : V.value.chart.highlighter.opacity) : "transparent",
 						style: {
 							transition: "none !important",
 							animation: "none !important"
 						}
-					}, null, 8, gn)]))), 128))])) : b("", !0),
-					kl.value.length ? (E(!0), x(v, { key: 1 }, O(kl.value, (e, t) => (E(), x("g", {
+					}, null, 8, gn)]))), 128))])) : x("", !0),
+					kl.value.length ? (E(!0), S(y, { key: 1 }, O(kl.value, (e, n) => (E(), S("g", {
 						key: `serie_bar_${e.id}`,
-						class: ot(`serie_bar_${t}`),
+						class: ot(`serie_bar_${n}`),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `bar_plot_${t}_${i}` }, [
-						A(vt)(r.value) ? (E(), x("rect", {
+					}, [(E(!0), S(y, null, O(e.plots, (r, i) => (E(), S("g", { key: `bar_plot_${n}_${i}` }, [
+						A(vt)(r.value) ? (E(), S("rect", {
 							key: 0,
 							x: Ys(r) + Zc.value / 2,
 							y: H.value.useIndividualScale ? Zs(r) : Xs(r),
 							height: H.value.useIndividualScale ? Math.abs(Ks(r)) : Math.abs(Gs(r)),
 							width: Xc.value - Zc.value,
 							rx: V.value.bar.borderRadius,
-							fill: V.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${t}_${F.value})` : `url(#rectGradient_neg_${t}_${F.value})` : e.color,
+							fill: V.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${n}_${F.value})` : `url(#rectGradient_neg_${n}_${F.value})` : e.color,
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
 							style: T({ transition: A(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, _n)) : b("", !0),
-						A(vt)(r.value) && n.$slots.pattern ? (E(), x("rect", {
+						}, null, 12, _n)) : x("", !0),
+						A(vt)(r.value) && t.$slots.pattern ? (E(), S("rect", {
 							key: 1,
 							x: Ys(r) - Zc.value / 2,
 							y: H.value.useIndividualScale ? Zs(r) : Xs(r),
@@ -3744,37 +3744,37 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
 							style: T({ transition: A(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, vn)) : b("", !0),
-						r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
+						}, null, 12, vn)) : x("", !0),
+						r.comment && V.value.chart.comments.show ? (E(), S("foreignObject", {
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
 							width: Xc.value + V.value.chart.comments.width,
 							x: Ys(r) - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
-							y: A(g)(r.y) + V.value.chart.comments.offsetY + 6
-						}, [k(n.$slots, "plot-comment", { plot: {
+							y: A(v)(r.y) + V.value.chart.comments.offsetY + 6
+						}, [k(t.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
-							seriesIndex: t,
+							seriesIndex: n,
 							datapointIndex: i
-						} }, void 0, !0)], 8, yn)) : b("", !0)
-					]))), 128))], 6))), 128)) : b("", !0),
-					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (E(), x("line", {
+						} }, void 0, !0)], 8, yn)) : x("", !0)
+					]))), 128))], 6))), 128)) : x("", !0),
+					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (E(), S("line", {
 						key: 2,
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						x1: J.value?.left,
 						x2: J.value?.right,
-						y1: A(h)(Ws.value),
-						y2: A(h)(Ws.value),
+						y1: A(_)(Ws.value),
+						y2: A(_)(Ws.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, bn)) : b("", !0),
-					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && ms.value ? (E(), x("g", xn, [S("line", {
+					}, null, 8, bn)) : x("", !0),
+					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && ms.value ? (E(), S("g", xn, [C("line", {
 						x1: Cu.value,
 						x2: Cu.value,
-						y1: A(h)(J.value?.top),
-						y2: A(h)(J.value?.bottom),
+						y1: A(_)(J.value?.top),
+						y2: A(_)(J.value?.bottom),
 						stroke: V.value.chart.highlighter.color,
 						"stroke-width": V.value.chart.highlighter.lineWidth,
 						"stroke-dasharray": V.value.chart.highlighter.lineDasharray,
@@ -3784,41 +3784,41 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, Sn)])) : b("", !0),
-					wu.value ? (E(), x("g", Cn, [(E(!0), x(v, null, O(Tu.value, (e) => (E(), x("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
-						S("line", {
-							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(e.x) : J.value.left,
-							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(Du(e.x)) : J.value.right,
-							y1: A(h)(e.y),
-							y2: A(h)(e.y),
+					}, null, 8, Sn)])) : x("", !0),
+					wu.value ? (E(), S("g", Cn, [(E(!0), S(y, null, O(Tu.value, (e) => (E(), S("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
+						C("line", {
+							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(_)(e.x) : J.value.left,
+							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(_)(Du(e.x)) : J.value.right,
+							y1: A(_)(e.y),
+							y2: A(_)(e.y),
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
 						}, null, 8, wn),
-						S("line", {
-							x1: A(h)(e.x),
-							x2: A(h)(e.x),
-							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(e.y) : J.value.top,
-							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(J.value.bottom) : J.value.bottom,
+						C("line", {
+							x1: A(_)(e.x),
+							x2: A(_)(e.x),
+							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(_)(e.y) : J.value.top,
+							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(_)(J.value.bottom) : J.value.bottom,
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
 						}, null, 8, Tn),
-						S("circle", {
-							cx: A(h)(Du(e.x)),
-							cy: A(h)(e.y),
+						C("circle", {
+							cx: A(_)(Du(e.x)),
+							cy: A(_)(e.y),
 							r: V.value.chart.highlighter.crosshairs.dot.radius,
 							fill: V.value.chart.highlighter.crosshairs.dot.fill,
 							stroke: V.value.chart.highlighter.crosshairs.dot.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.dot.strokeWidth,
 							style: { "pointer-events": "none" }
 						}, null, 8, En)
-					]))), 128))])) : b("", !0),
-					V.value.chart.grid.frame.show ? (E(), x("rect", {
+					]))), 128))])) : x("", !0),
+					V.value.chart.grid.frame.show ? (E(), S("rect", {
 						key: 5,
 						style: {
 							pointerEvents: "none",
@@ -3835,50 +3835,50 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": V.value.chart.grid.frame.strokeLinecap,
 						"stroke-linejoin": V.value.chart.grid.frame.strokeLinejoin,
 						"stroke-dasharray": V.value.chart.grid.frame.strokeDasharray
-					}, null, 8, Dn)) : b("", !0),
-					V.value.chart.grid.labels.show ? (E(), x("g", {
+					}, null, 8, Dn)) : x("", !0),
+					V.value.chart.grid.labels.show ? (E(), S("g", {
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: Yi,
 						opacity: wu.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [H.value.useIndividualScale ? (E(), x(v, { key: 0 }, [(E(!0), x(v, null, O(jl.value, (e) => (E(), x("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [S("line", {
+					}, [H.value.useIndividualScale ? (E(), S(y, { key: 0 }, [(E(!0), S(y, null, O(jl.value, (e) => (E(), S("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [C("line", {
 						x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
 						x2: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
-						y1: H.value.isStacked ? A(h)(J.value?.bottom - e.yOffset - e.individualHeight) : A(h)(J.value?.top),
-						y2: H.value.isStacked ? A(h)(J.value?.bottom - e.yOffset) : A(h)(J.value?.bottom),
+						y1: H.value.isStacked ? A(_)(J.value?.bottom - e.yOffset - e.individualHeight) : A(_)(J.value?.top),
+						y2: H.value.isStacked ? A(_)(J.value?.bottom - e.yOffset) : A(_)(J.value?.bottom),
 						stroke: e.color,
 						"stroke-width": V.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, kn)]))), 128)), (E(!0), x(v, null, O(jl.value, (e) => (E(), x("g", {
+					}, null, 12, kn)]))), 128)), (E(!0), S(y, null, O(jl.value, (e) => (E(), S("g", {
 						key: `individual_scale_label_${e.groupId || e.id}`,
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						S("text", {
+						C("text", {
 							fill: e.color,
 							"font-size": B.value.dataLabels * .8,
 							"text-anchor": "middle",
 							transform: `translate(${H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + V.value.chart.grid.labels.yAxis.labelWidth + J.value.individualOffsetX + V.value.chart.grid.labels.axis.yLabelOffsetX : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize - V.value.chart.grid.labels.yAxis.scaleValueOffsetX - V.value.chart.grid.labels.yAxis.labelWidth - V.value.chart.grid.labels.axis.yLabelOffsetX : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + V.value.chart.grid.labels.yAxis.labelWidth + V.value.chart.grid.labels.axis.yLabelOffsetX : e.x - B.value.dataLabels * .8 / 2}, ${H.value.isStacked ? J.value?.bottom - e.yOffset - e.individualHeight / 2 : J.value?.top + J.value.height / 2}) rotate(-90)`
 						}, dt(e.name) + " " + dt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, An),
-						(E(!0), x(v, null, O(e.yLabels, (t, n) => (E(), x(v, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), x("line", {
+						(E(!0), S(y, null, O(e.yLabels, (t, n) => (E(), S(y, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), S("line", {
 							key: 0,
 							x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x + 3 - V.value.chart.grid.labels.yAxis.crosshairSize - J.value.individualOffsetX,
 							x2: H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize : e.x - J.value.individualOffsetX,
-							y1: A(h)(t.y),
-							y2: A(h)(t.y),
+							y1: A(_)(t.y),
+							y2: A(_)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, jn)) : b("", !0)], 64))), 128)),
-						(E(!0), x(v, null, O(e.yLabels, (t, n) => (E(), x("text", {
+						}, null, 8, jn)) : x("", !0)], 64))), 128)),
+						(E(!0), S(y, null, O(e.yLabels, (t, n) => (E(), S("text", {
 							key: `individual_scale_y_label_${e.groupId || e.id}_${t.value}_${n}`,
-							transform: `translate(${H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize - V.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - J.value.individualOffsetX}, ${A(h)(t.y) + B.value.dataLabels / 3})`,
+							transform: `translate(${H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize - V.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - J.value.individualOffsetX}, ${A(_)(t.y) + B.value.dataLabels / 3})`,
 							"text-anchor": q.value ? "start" : "end",
 							"font-size": B.value.dataLabels,
 							fill: e.color
-						}, dt(A(m)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(s)({
+						}, dt(A(g)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(Se)({
 							p: t.prefix,
 							v: t.value,
 							s: t.suffix,
@@ -3887,31 +3887,31 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, Mn))), 128))
-					], 4))), 128))], 64)) : (E(!0), x(v, { key: 1 }, O(tl.value, (e, t) => (E(), x("g", { key: `yLabel_${t}` }, [A(vt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), x("line", {
+					], 4))), 128))], 64)) : (E(!0), S(y, { key: 1 }, O(tl.value, (e, t) => (E(), S("g", { key: `yLabel_${t}` }, [A(vt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), S("line", {
 						key: 0,
 						x1: q.value ? J.value?.right : J.value?.left,
 						x2: q.value ? J.value?.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value?.left - V.value.chart.grid.labels.yAxis.crosshairSize,
-						y1: A(h)(e.y),
-						y2: A(h)(e.y),
+						y1: A(_)(e.y),
+						y2: A(_)(e.y),
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, Nn)) : b("", !0), e.value >= W.value.min && e.value <= W.value.max ? (E(), x("text", {
+					}, null, 8, Nn)) : x("", !0), e.value >= W.value.min && e.value <= W.value.max ? (E(), S("text", {
 						key: 1,
-						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(g)(e.y + B.value.dataLabels / 3)})`,
+						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(v)(e.y + B.value.dataLabels / 3)})`,
 						"font-size": B.value.dataLabels,
 						"text-anchor": q.value ? "start" : "end",
 						fill: V.value.chart.grid.labels.color
-					}, dt(A(vt)(e.value) ? A(m)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(s)({
+					}, dt(A(vt)(e.value) ? A(g)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(Se)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
 						r: V.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, Pn)) : b("", !0)]))), 128))], 8, On)) : b("", !0),
-					wu.value ? (E(), x("g", Fn, [(E(!0), x(v, null, O(Tu.value, (e) => (E(), x("text", {
+					})) : ""), 9, Pn)) : x("", !0)]))), 128))], 8, On)) : x("", !0),
+					wu.value ? (E(), S("g", Fn, [(E(!0), S(y, null, O(Tu.value, (e) => (E(), S("text", {
 						key: `crosshair_y_label_${e.serie.id}_${e.index}`,
-						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(h)(e.y) + B.value.dataLabels / 3})`,
+						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(_)(e.y) + B.value.dataLabels / 3})`,
 						"font-size": B.value.dataLabels,
 						"text-anchor": q.value ? "start" : "end",
 						fill: V.value.chart.grid.labels.color,
@@ -3920,7 +3920,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, dt(A(m)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(s)({
+					}, dt(A(g)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(Se)({
 						p: e.serie.prefix || V.value.chart.labels.prefix,
 						v: e.value,
 						s: e.serie.suffix || V.value.chart.labels.suffix,
@@ -3928,10 +3928,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					}), {
 						datapoint: e.serie,
 						seriesIndex: e.index
-					})), 9, In))), 128))])) : b("", !0),
-					Eu.value ? (E(), x("g", Ln, [S("circle", {
+					})), 9, In))), 128))])) : x("", !0),
+					Eu.value ? (E(), S("g", Ln, [C("circle", {
 						cx: Cu.value,
-						cy: A(h)(J.value?.bottom),
+						cy: A(_)(J.value?.bottom),
 						r: V.value.chart.highlighter.crosshairs.dot.radius,
 						fill: V.value.chart.highlighter.crosshairs.dot.fill,
 						stroke: V.value.chart.highlighter.crosshairs.dot.stroke,
@@ -3941,12 +3941,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, Rn)])) : b("", !0),
-					(E(!0), x(v, null, O($.value, (e, t) => (E(), x("g", {
+					}, null, 8, Rn)])) : x("", !0),
+					(E(!0), S(y, null, O($.value, (e, n) => (E(), S("g", {
 						key: `serie_plot_${e.id}`,
-						class: ot(`serie_plot_${t}`),
+						class: ot(`serie_plot_${n}`),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(vt)(r.value) ? (E(), Qe(Ge, {
+					}, [(E(!0), S(y, null, O(e.plots, (r, i) => (E(), S("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(vt)(r.value) ? (E(), Ze(We, {
 						key: 0,
 						shape: [
 							"triangle",
@@ -3956,10 +3956,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"hexagon",
 							"star"
 						].includes(e.shape) ? e.shape : "circle",
-						color: V.value.plot.useGradient ? `url(#plotGradient_${t}_${F.value})` : V.value.plot.dot.useSerieColor ? e.color : V.value.plot.dot.fill,
+						color: V.value.plot.useGradient ? `url(#plotGradient_${n}_${F.value})` : V.value.plot.dot.useSerieColor ? e.color : V.value.plot.dot.fill,
 						plot: {
-							x: A(g)(r.x),
-							y: A(g)(r.y)
+							x: A(v)(r.x),
+							y: A(v)(r.y)
 						},
 						radius: Ou(e, r, i) ? (Ka.value.plot || 6) * 1.5 : (rl(e.plots, i), Ka.value.plot || 6),
 						stroke: V.value.plot.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
@@ -3975,24 +3975,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"strokeWidth",
 						"transition",
 						"still"
-					])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
+					])) : x("", !0), r.comment && V.value.chart.comments.show ? (E(), S("foreignObject", {
 						key: 1,
 						style: { overflow: "visible" },
 						height: "12",
 						width: V.value.chart.comments.width,
 						x: r.x - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
 						y: r.y + V.value.chart.comments.offsetY + 6
-					}, [S("div", Bn, [k(n.$slots, "plot-comment", { plot: {
+					}, [C("div", Bn, [k(t.$slots, "plot-comment", { plot: {
 						...r,
 						color: e.color,
-						seriesIndex: t,
+						seriesIndex: n,
 						datapointIndex: i
-					} }, void 0, !0)])], 8, zn)) : b("", !0)]))), 128))], 6))), 128)),
-					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x("g", {
+					} }, void 0, !0)])], 8, zn)) : x("", !0)]))), 128))], 6))), 128)),
+					(E(!0), S(y, null, O(Q.value, (e, t) => (E(), S("g", {
 						key: `serie_line_${e.id}`,
 						class: ot(`serie_line_${t}`),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [e.hasDashedSegments ? (E(), x(v, { key: 0 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (t, n) => (E(), x("path", {
+					}, [e.hasDashedSegments ? (E(), S(y, { key: 0 }, [e.smooth ? (E(!0), S(y, { key: 0 }, O(e.dashedSmooth, (t, n) => (E(), S("path", {
 						key: `line_coating_smooth_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4002,7 +4002,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 						style: T({ transition: ll() })
-					}, null, 12, Vn))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (t, n) => (E(), x("path", {
+					}, null, 12, Vn))), 128)) : (E(!0), S(y, { key: 1 }, O(e.dashedStraight, (t, n) => (E(), S("path", {
 						key: `line_coating_straight_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4012,7 +4012,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 						style: T({ transition: ll() })
-					}, null, 12, Hn))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
+					}, null, 12, Hn))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (E(), S("path", {
 						key: 1,
 						d: `M${e.curve}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4022,7 +4022,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						style: T({ transition: ll() })
-					}, null, 12, Un)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
+					}, null, 12, Un)) : e.plots.length > 1 && e.straight ? (E(), S("path", {
 						key: 2,
 						d: `M${e.straight}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4032,13 +4032,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						style: T({ transition: ll() })
-					}, null, 12, Wn)) : b("", !0)], 6))), 128)),
-					n.$slots.pattern ? (E(), x("defs", Gn, [(E(!0), x(v, null, O(Io.value, (e, t) => k(n.$slots, "pattern", it({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+					}, null, 12, Wn)) : x("", !0)], 6))), 128)),
+					t.$slots.pattern ? (E(), S("defs", Gn, [(E(!0), S(y, null, O(Io.value, (e, n) => k(t.$slots, "pattern", it({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
-						patternId: `pattern_${F.value}_${t}`
-					}), void 0, !0)), 128))])) : b("", !0),
-					Ml.value.length && !H.value.isStacked ? (E(), x("g", Kn, [(E(!0), x(v, null, O(Ml.value, (e) => (E(), x("path", {
+						patternId: `pattern_${F.value}_${n}`
+					}), void 0, !0)), 128))])) : x("", !0),
+					Ml.value.length && !H.value.isStacked ? (E(), S("g", Kn, [(E(!0), S(y, null, O(Ml.value, (e) => (E(), S("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
@@ -4046,74 +4046,74 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						stroke: "none",
 						"pointer-events": "none",
 						style: T({ transition: ll() })
-					}, null, 12, qn))), 128))])) : b("", !0),
-					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x("g", {
+					}, null, 12, qn))), 128))])) : x("", !0),
+					(E(!0), S(y, null, O(Q.value, (e, n) => (E(), S("g", {
 						key: `serie_line_above_${e.id}`,
-						class: ot(`serie_line_${t}`),
+						class: ot(`serie_line_${n}`),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (E(), x("g", Jn, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.curveAreas, (r, i) => (E(), x(v, { key: i }, [r ? (E(), x("path", {
+						e.useArea && e.plots.length > 1 ? (E(), S("g", Jn, [e.smooth ? (E(!0), S(y, { key: 0 }, O(e.curveAreas, (r, i) => (E(), S(y, { key: i }, [r ? (E(), S("path", {
 							key: 0,
 							d: r,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : A(o)(e.color, V.value.line.area.opacity),
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(f)(e.color, V.value.line.area.opacity),
 							style: T({ transition: ll() })
-						}, null, 12, Yn)) : b("", !0), n.$slots.pattern && r ? (E(), x("path", {
+						}, null, 12, Yn)) : x("", !0), t.$slots.pattern && r ? (E(), S("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							style: T({ transition: ll() })
-						}, null, 12, Xn)) : b("", !0)], 64))), 128)) : (E(!0), x(v, { key: 1 }, O(e.area.split(";"), (r, i) => (E(), x(v, { key: i }, [r ? (E(), x("path", {
+						}, null, 12, Xn)) : x("", !0)], 64))), 128)) : (E(!0), S(y, { key: 1 }, O(e.area.split(";"), (r, i) => (E(), S(y, { key: i }, [r ? (E(), S("path", {
 							key: 0,
 							d: `M${r}Z`,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : A(o)(e.color, V.value.line.area.opacity),
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(f)(e.color, V.value.line.area.opacity),
 							style: T({ transition: ll() })
-						}, null, 12, Zn)) : b("", !0), n.$slots.pattern && r ? (E(), x("path", {
+						}, null, 12, Zn)) : x("", !0), t.$slots.pattern && r ? (E(), S("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							style: T({ transition: ll() })
-						}, null, 12, Qn)) : b("", !0)], 64))), 128))])) : b("", !0),
-						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
+						}, null, 12, Qn)) : x("", !0)], 64))), 128))])) : x("", !0),
+						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (E(), S("path", {
 							key: 1,
 							d: `M${e.curve}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
+							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": e.dashed ? V.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
 							style: T({ transition: ll() })
-						}, null, 12, $n)) : e.hasDashedSegments ? (E(), x(v, { key: 2 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (n, r) => (E(), x("path", {
+						}, null, 12, $n)) : e.hasDashedSegments ? (E(), S(y, { key: 2 }, [e.smooth ? (E(!0), S(y, { key: 0 }, O(e.dashedSmooth, (t, r) => (E(), S("path", {
 							key: `line_smooth_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							d: `M ${n.path}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
+							d: `M ${t.path}`,
+							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
-							"stroke-dasharray": n.dashed ? V.value.line.strokeWidth * 2 : 0,
+							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 							style: T({ transition: ll() })
-						}, null, 12, er))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (n, r) => (E(), x("path", {
+						}, null, 12, er))), 128)) : (E(!0), S(y, { key: 1 }, O(e.dashedStraight, (t, r) => (E(), S("path", {
 							key: `line_straight_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							d: `M ${n.path}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
+							d: `M ${t.path}`,
+							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
-							"stroke-dasharray": n.dashed ? V.value.line.strokeWidth * 2 : 0,
+							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 							style: T({ transition: ll() })
-						}, null, 12, tr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
+						}, null, 12, tr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (E(), S("path", {
 							key: 3,
 							d: `M${e.straight}`,
-							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
+							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": e.dashed ? V.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							style: T({ transition: ll() })
-						}, null, 12, nr)) : b("", !0),
-						(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x(v, { key: `circle_line_${e.id}_${i}` }, [!bc.value.linePlot && r && A(vt)(r.value) || bc.value.linePlot && r && A(vt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || rl(e.plots, i) ? (E(), Qe(Ge, {
+						}, null, 12, nr)) : x("", !0),
+						(E(!0), S(y, null, O(e.plots, (r, i) => (E(), S(y, { key: `circle_line_${e.id}_${i}` }, [!bc.value.linePlot && r && A(vt)(r.value) || bc.value.linePlot && r && A(vt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || rl(e.plots, i) ? (E(), Ze(We, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -4123,10 +4123,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 								"hexagon",
 								"star"
 							].includes(e.shape) ? e.shape : "circle",
-							color: V.value.line.useGradient ? `url(#lineGradient_${t}_${F.value})` : V.value.line.dot.useSerieColor ? e.color : V.value.line.dot.fill,
+							color: V.value.line.useGradient ? `url(#lineGradient_${n}_${F.value})` : V.value.line.dot.useSerieColor ? e.color : V.value.line.dot.fill,
 							plot: {
-								x: A(g)(r.x),
-								y: A(g)(r.y)
+								x: A(v)(r.x),
+								y: A(v)(r.y)
 							},
 							radius: Ou(e, r, i) ? qa.value || 0 : (rl(e.plots, i), Ka.value.line || 0),
 							stroke: V.value.line.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
@@ -4142,21 +4142,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"strokeWidth",
 							"transition",
 							"still"
-						])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
+						])) : x("", !0), r.comment && V.value.chart.comments.show ? (E(), S("foreignObject", {
 							key: 1,
 							style: { overflow: "visible" },
 							height: "12",
 							width: V.value.chart.comments.width,
 							x: r.x - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
 							y: r.y + V.value.chart.comments.offsetY + 6
-						}, [S("div", ir, [k(n.$slots, "plot-comment", { plot: {
+						}, [C("div", ir, [k(t.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
-							seriesIndex: t,
+							seriesIndex: n,
 							datapointIndex: i
-						} }, void 0, !0)])], 8, rr)) : b("", !0)], 64))), 128))
+						} }, void 0, !0)])], 8, rr)) : x("", !0)], 64))), 128))
 					], 6))), 128)),
-					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (E(), x("g", ar, [(E(!0), x(v, null, O(ju.value, (e) => (E(), x("text", {
+					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (E(), S("g", ar, [(E(!0), S(y, null, O(ju.value, (e) => (E(), S("text", {
 						key: e.key,
 						"text-anchor": Su({
 							plot: e.plot,
@@ -4173,7 +4173,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							plot: e.plot,
 							type: "bar"
 						})
-					}, null, 12, or))), 128)), (E(!0), x(v, null, O(kl.value, (e, t) => (E(), x(v, { key: `xLabel_bar_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (E(), x("text", {
+					}, null, 12, or))), 128)), (E(!0), S(y, null, O(kl.value, (e, t) => (E(), S(y, { key: `xLabel_bar_${e.id}` }, [(E(!0), S(y, null, O(e.plots, (n, r) => (E(), S(y, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (E(), S("text", {
 						key: 0,
 						x: H.value.useIndividualScale && H.value.isStacked ? n.x + qs.value.line / 2 : n.x + Js() * 1.1,
 						y: n.y + (n.value > 0 ? V.value.bar.serieName.offsetY : -V.value.bar.serieName.offsetY * 3),
@@ -4185,8 +4185,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					}, dt(V.value.bar.serieName.useAbbreviation ? A(xe)({
 						source: e.name,
 						length: V.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, sr)) : b("", !0)], 64))), 128))], 64))), 128))])) : b("", !0),
-					V.value.plot.labels.show && H.value.dataLabels.show ? (E(), x("g", cr, [(E(!0), x(v, null, O(Mu.value, (e) => (E(), x("text", {
+					}) : e.name), 13, sr)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
+					V.value.plot.labels.show && H.value.dataLabels.show ? (E(), S("g", cr, [(E(!0), S(y, null, O(Mu.value, (e) => (E(), S("text", {
 						key: e.key,
 						transform: xu({
 							plot: e.plot,
@@ -4206,11 +4206,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							plot: e.plot,
 							type: "plot"
 						})
-					}, null, 12, lr))), 128))])) : (E(), x("g", ur, [(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `xLabel_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (E(), x(v, { key: 1 }, [[
+					}, null, 12, lr))), 128))])) : (E(), S("g", ur, [(E(!0), S(y, null, O($.value, (e, t) => (E(), S(y, { key: `xLabel_plot_${e.id}` }, [(E(!0), S(y, null, O(e.plots, (n, r) => (E(), S(y, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (E(), S(y, { key: 1 }, [[
 						I.value,
 						R.value,
 						ca.value
-					].includes(r) && e.useTag ? (E(), x("line", {
+					].includes(r) && e.useTag ? (E(), S("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
 						x1: J.value?.left,
@@ -4221,36 +4221,36 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, hr)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), x("foreignObject", {
+					}, null, 8, hr)) : x("", !0)], 64)) : (E(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), S("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
+					}, [C("div", {
+						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(g)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, fr)], 12, dr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), x("foreignObject", {
+					}, null, 12, fr)], 12, dr)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), S("foreignObject", {
 						key: 1,
 						x: n.x - e.name.length * (B.value.plotLabels / 2),
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
+					}, [C("div", {
+						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(g)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, mr)], 12, pr)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					V.value.line.labels.show && H.value.dataLabels.show ? (E(), x("g", gr, [(E(!0), x(v, null, O(Nu.value, (e) => (E(), x("text", {
+					}, null, 12, mr)], 12, pr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					V.value.line.labels.show && H.value.dataLabels.show ? (E(), S("g", gr, [(E(!0), S(y, null, O(Nu.value, (e) => (E(), S("text", {
 						key: e.key,
 						transform: xu({
 							plot: e.plot,
@@ -4270,11 +4270,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							plot: e.plot,
 							type: "line"
 						})
-					}, null, 12, _r))), 128))])) : (E(), x("g", vr, [(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `xLabel_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (E(), x(v, { key: 1 }, [[
+					}, null, 12, _r))), 128))])) : (E(), S("g", vr, [(E(!0), S(y, null, O(Q.value, (e, t) => (E(), S(y, { key: `xLabel_line_${e.id}` }, [(E(!0), S(y, null, O(e.plots, (n, r) => (E(), S(y, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (E(), S(y, { key: 1 }, [[
 						I.value,
 						R.value,
 						ca.value
-					].includes(r) && e.useTag ? (E(), x("line", {
+					].includes(r) && e.useTag ? (E(), S("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
 						x1: J.value?.left,
@@ -4285,43 +4285,43 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, Cr)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), x("foreignObject", {
+					}, null, 8, Cr)) : x("", !0)], 64)) : (E(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), S("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
+					}, [C("div", {
+						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(g)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, br)], 12, yr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), x("foreignObject", {
+					}, null, 12, br)], 12, yr)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), S("foreignObject", {
 						key: 1,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
+					}, [C("div", {
+						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(g)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Sr)], 12, xr)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `xLabel_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), x("text", {
+					}, null, 12, Sr)], 12, xr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					(E(!0), S(y, null, O(Q.value, (e, t) => (E(), S(y, { key: `xLabel_line_${e.id}` }, [(E(!0), S(y, null, O(e.plots, (n, r) => (E(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), S("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(ke)({
+						innerHTML: A(ce)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4330,14 +4330,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, wr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
+					}, null, 12, wr)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), S("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: A(ke)({
+						innerHTML: A(ce)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4346,15 +4346,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Tr)) : b("", !0)], 64))), 128))], 64))), 128)),
-					(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `xLabel_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), x("text", {
+					}, null, 12, Tr)) : x("", !0)], 64))), 128))], 64))), 128)),
+					(E(!0), S(y, null, O($.value, (e, t) => (E(), S(y, { key: `xLabel_plot_${e.id}` }, [(E(!0), S(y, null, O(e.plots, (n, r) => (E(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), S("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(ke)({
+						innerHTML: A(ce)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4363,14 +4363,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Er)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
+					}, null, 12, Er)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), S("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: A(ke)({
+						innerHTML: A(ce)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4379,13 +4379,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Dr)) : b("", !0)], 64))), 128))], 64))), 128)),
-					(E(!0), x(v, null, O([
+					}, null, 12, Dr)) : x("", !0)], 64))), 128))], 64))), 128)),
+					(E(!0), S(y, null, O([
 						...$.value,
 						...Q.value,
 						...kl.value
-					], (e, t) => (E(), x(v, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(be)(e.plots).trend) ? (E(), x("g", Or, [
-						S("defs", null, [S("marker", {
+					], (e, t) => (E(), S(y, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(be)(e.plots).trend) ? (E(), S("g", Or, [
+						C("defs", null, [C("marker", {
 							id: `progression_arrow_${t}`,
 							markerWidth: "9",
 							markerHeight: "9",
@@ -4395,40 +4395,40 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							refY: 7 / 2,
 							orient: "auto",
 							overflow: "visible"
-						}, [S("polygon", {
+						}, [C("polygon", {
 							points: "0,0 7,3.5 0,7",
 							fill: e.color,
 							stroke: V.value.chart.backgroundColor,
 							"stroke-width": "1",
 							"stroke-linejoin": "round"
 						}, null, 8, Ar)], 8, kr)]),
-						e.plots.length > 1 ? (E(), x("line", {
+						e.plots.length > 1 ? (E(), S("line", {
 							key: 0,
 							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
 							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
-							y1: A(h)(A(be)(e.plots).y1),
-							y2: A(h)(A(be)(e.plots).y2),
+							y1: A(_)(A(be)(e.plots).y1),
+							y2: A(_)(A(be)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: V.value.chart.backgroundColor,
 							"stroke-dasharray": 2,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, jr)) : b("", !0),
-						e.plots.length > 1 ? (E(), x("line", {
+						}, null, 8, jr)) : x("", !0),
+						e.plots.length > 1 ? (E(), S("line", {
 							key: 1,
 							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
 							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
-							y1: A(h)(A(be)(e.plots).y1),
-							y2: A(h)(A(be)(e.plots).y2),
+							y1: A(_)(A(be)(e.plots).y1),
+							y2: A(_)(A(be)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: e.color,
 							"stroke-dasharray": 2,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, Mr)) : b("", !0),
-						e.plots.length > 1 ? (E(), x("text", {
+						}, null, 8, Mr)) : x("", !0),
+						e.plots.length > 1 ? (E(), S("text", {
 							key: 2,
 							"text-anchor": "middle",
 							x: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
@@ -4440,28 +4440,28 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"paint-order": "stroke fill"
-						}, dt(A(s)({
+						}, dt(A(Se)({
 							v: A(be)(e.plots).trend * 100,
 							s: "%",
 							r: 2
-						})), 9, Nr)) : b("", !0)
-					])) : b("", !0)], 64))), 128)),
-					H.value.useIndividualScale && !H.value.isStacked ? (E(), x(v, { key: 16 }, [S("defs", null, [(E(!0), x(v, null, O(jl.value, (e, t) => (E(), x("linearGradient", {
+						})), 9, Nr)) : x("", !0)
+					])) : x("", !0)], 64))), 128)),
+					H.value.useIndividualScale && !H.value.isStacked ? (E(), S(y, { key: 16 }, [C("defs", null, [(E(!0), S(y, null, O(jl.value, (e, t) => (E(), S("linearGradient", {
 						key: `individual_scale_gradient_${e.groupId || e.id || t}`,
 						id: `individual_scale_gradient_${F.value}_${t}`,
 						x1: q.value ? "100%" : "0%",
 						x2: q.value ? "0%" : "100%",
 						y1: "0%",
 						y2: "0%"
-					}, [S("stop", {
+					}, [C("stop", {
 						offset: "0%",
 						"stop-color": V.value.chart.backgroundColor,
 						"stop-opacity": "0"
-					}, null, 8, Fr), S("stop", {
+					}, null, 8, Fr), C("stop", {
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, Ir)], 8, Pr))), 128))]), (E(!0), x(v, null, O(jl.value, (e, t) => (E(), x("rect", {
+					}, null, 8, Ir)], 8, Pr))), 128))]), (E(!0), S(y, null, O(jl.value, (e, t) => (E(), S("rect", {
 						key: `individual_scale_background_${e.groupId || e.id || t}`,
 						x: q.value ? e.x : e.x - V.value.chart.grid.labels.yAxis.labelWidth - J.value.individualOffsetX,
 						y: J.value?.top,
@@ -4469,9 +4469,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						height: J.value.height < 0 ? 10 : J.value.height,
 						fill: N.value === e.groupId ? `url(#individual_scale_gradient_${F.value}_${t})` : "transparent",
 						onMouseenter: (t) => N.value = e.groupId,
-						onMouseleave: r[0] ||= (e) => N.value = null
-					}, null, 40, Lr))), 128))], 64)) : b("", !0),
-					S("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (E(), x("text", {
+						onMouseleave: n[0] ||= (e) => N.value = null
+					}, null, 40, Lr))), 128))], 64)) : x("", !0),
+					C("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (E(), S("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
 						ref: qi,
@@ -4480,7 +4480,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						transform: `translate(${q.value ? J.value.right + J.value.scaleLabelsOffset + V.value.chart.grid.labels.axis.yLabelOffsetX + B.value.yAxis : V.value.chart.grid.labels.axis.fontSize + V.value.chart.grid.labels.axis.yLabelOffsetX}, ${J.value?.top + J.value.height / 2}) rotate(-90)`,
 						"text-anchor": "middle",
 						style: { transition: "none" }
-					}, dt(V.value.chart.grid.labels.axis.yLabel), 9, Rr)) : b("", !0), V.value.chart.grid.labels.axis.xLabel ? (E(), x("text", {
+					}, dt(V.value.chart.grid.labels.axis.yLabel), 9, Rr)) : x("", !0), V.value.chart.grid.labels.axis.xLabel ? (E(), S("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
 						ref: Ki,
@@ -4489,53 +4489,53 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						y: ta.value - 3,
 						"font-size": B.value.yAxis,
 						fill: V.value.chart.grid.labels.color
-					}, dt(V.value.chart.grid.labels.axis.xLabel), 9, zr)) : b("", !0)]),
-					V.value.chart.grid.labels.xAxisLabels.show ? (E(), x("g", {
+					}, dt(V.value.chart.grid.labels.axis.xLabel), 9, zr)) : x("", !0)]),
+					V.value.chart.grid.labels.xAxisLabels.show ? (E(), S("g", {
 						key: 17,
 						ref_key: "timeLabelsEls",
 						ref: Ji,
 						opacity: wu.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [n.$slots["time-label"] ? (E(!0), x(v, { key: 0 }, O(fl.value, (e, t) => k(n.$slots, "time-label", it({
+					}, [t.$slots["time-label"] ? (E(!0), S(y, { key: 0 }, O(fl.value, (e, n) => k(t.$slots, "time-label", it({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
-						x: pl(e, t),
+						x: pl(e, n),
 						y: J.value?.bottom,
 						fontSize: B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${pl(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.3 + V.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${pl(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.3 + V.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
 						textAnchor: V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
-					}), void 0, !0)), 128)) : (E(!0), x(v, { key: 1 }, O(fl.value, (e, n) => (E(), x("g", { key: `time_label_${n}` }, [e && e.text ? (E(), x(v, { key: 0 }, [String(e.text).includes("\n") ? (E(), x("text", {
+					}), void 0, !0)), 128)) : (E(!0), S(y, { key: 1 }, O(fl.value, (e, t) => (E(), S("g", { key: `time_label_${t}` }, [e && e.text ? (E(), S(y, { key: 0 }, [String(e.text).includes("\n") ? (E(), S("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${pl(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${pl(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: T({ cursor: Xo() && Za.value ? "pointer" : "default" }),
-						innerHTML: A(t)({
+						innerHTML: A(s)({
 							content: String(e.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						}),
-						onClick: (t) => ds(e, n)
-					}, null, 12, Hr)) : (E(), x("text", {
+						onClick: (n) => ds(e, t)
+					}, null, 12, Hr)) : (E(), S("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${pl(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
+						transform: `translate(${pl(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: T({ cursor: Xo() && Za.value ? "pointer" : "default" }),
-						onClick: (t) => ds(e, n)
-					}, dt(e.text || ""), 13, Vr))], 64)) : b("", !0)]))), 128))], 8, Br)) : b("", !0),
-					Eu.value ? (E(), x("g", Ur, [S("text", {
+						onClick: (n) => ds(e, t)
+					}, dt(e.text || ""), 13, Vr))], 64)) : x("", !0)]))), 128))], 8, Br)) : x("", !0),
+					Eu.value ? (E(), S("g", Ur, [C("text", {
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
@@ -4547,16 +4547,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						},
-						innerHTML: A(t)({
+						innerHTML: A(s)({
 							content: String(Eu.value.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Wr)])) : b("", !0),
-					nl.value.length && !H.value.isStacked ? (E(), x("g", Gr, [(E(!0), x(v, null, O(nl.value, (e) => (E(), x("g", { key: e.id }, [
-						e.yTop && e.show && isFinite(e.yTop) ? (E(), x("line", {
+					}, null, 8, Wr)])) : x("", !0),
+					nl.value.length && !H.value.isStacked ? (E(), S("g", Gr, [(E(!0), S(y, null, O(nl.value, (e) => (E(), S("g", { key: e.id }, [
+						e.yTop && e.show && isFinite(e.yTop) ? (E(), S("line", {
 							key: 0,
 							x1: e.x1,
 							y1: e.yTop,
@@ -4567,8 +4567,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Kr)) : b("", !0),
-						e.yBottom && e.show && isFinite(e.yBottom) ? (E(), x("line", {
+						}, null, 8, Kr)) : x("", !0),
+						e.yBottom && e.show && isFinite(e.yBottom) ? (E(), S("line", {
 							key: 1,
 							x1: e.x1,
 							y1: e.yBottom,
@@ -4579,24 +4579,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, qr)) : b("", !0),
-						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (E(), x("rect", {
+						}, null, 8, qr)) : x("", !0),
+						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (E(), S("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
 							width: J.value.width,
-							height: A(g)(e.areaHeight, 0),
-							fill: A(o)(e.config.area.fill, e.config.area.opacity),
+							height: A(v)(e.areaHeight, 0),
+							fill: A(f)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
-						}, null, 8, Jr)) : b("", !0),
-						e.config.label.text && e.show && isFinite(e._box.y) ? (E(), x("rect", it({
+						}, null, 8, Jr)) : x("", !0),
+						e.config.label.text && e.show && isFinite(e._box.y) ? (E(), S("rect", it({
 							key: 3,
 							class: "vue-ui-xy-annotation-label-box"
 						}, { ref_for: !0 }, e._box, { style: {
 							animation: "none !important",
 							transition: "none !important"
-						} }), null, 16)) : b("", !0),
-						e.config.label.text && e.show && isFinite(e._text.y) ? (E(), x("text", {
+						} }), null, 16)) : x("", !0),
+						e.config.label.text && e.show && isFinite(e._text.y) ? (E(), S("text", {
 							key: 4,
 							id: e.id,
 							class: "vue-ui-xy-annotation-label",
@@ -4605,32 +4605,32 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"font-size": e.config.label.fontSize,
 							fill: e.config.label.color,
 							"text-anchor": e.config.label.textAnchor
-						}, dt(e.config.label.text), 9, Yr)) : b("", !0)
-					]))), 128))])) : b("", !0),
-					!wu.value && V.value.chart.timeTag.show && (G.value ? A(_)(fu.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (E(), x("g", Xr, [(E(), x("foreignObject", {
+						}, dt(e.config.label.text), 9, Yr)) : x("", !0)
+					]))), 128))])) : x("", !0),
+					!wu.value && V.value.chart.timeTag.show && (G.value ? A(h)(fu.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (E(), S("g", Xr, [(E(), S("foreignObject", {
 						x: mu(),
 						y: J.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
-					}, [S("div", {
+					}, [C("div", {
 						ref_key: "timeTagEl",
 						ref: lu,
 						class: "vue-ui-xy-time-tag",
 						style: T(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${V.value.chart.timeTag.backgroundColor};color:${V.value.chart.timeTag.color};font-size:${V.value.chart.timeTag.fontSize}px`),
 						innerHTML: vu.value
-					}, null, 12, Qr)], 8, Zr)), S("circle", {
-						cx: G.value && A(_)(fu.value) ? ml({ x: fu.value }) : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+					}, null, 12, Qr)], 8, Zr)), C("circle", {
+						cx: G.value && A(h)(fu.value) ? ml({ x: fu.value }) : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
 						cy: J.value?.bottom,
 						r: V.value.chart.timeTag.circleMarker.radius,
 						fill: V.value.chart.timeTag.circleMarker.color
-					}, null, 8, $r)])) : b("", !0)
-				])) : b("", !0),
-				po.value ? (E(), x("rect", it({ key: 2 }, go.value, {
+					}, null, 8, $r)])) : x("", !0)
+				])) : x("", !0),
+				po.value ? (E(), S("rect", it({ key: 2 }, go.value, {
 					"data-start": U.value.start,
 					"data-end": U.value.end
-				}), null, 16, ei)) : b("", !0),
-				k(n.$slots, "svg", { svg: {
+				}), null, 16, ei)) : x("", !0),
+				k(t.$slots, "svg", { svg: {
 					...Ha.value,
 					slicer: U.value,
 					isPrintingImg: A(_o) || A(vo) || Ca.value,
@@ -4642,16 +4642,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					],
 					drawingArea: J.value
 				} }, void 0, !0)
-			], 512)], 46, Mt)), n.$slots.hint ? (E(), x("div", ti, [k(n.$slots, "hint", w(C({
+			], 512)], 46, Mt)), t.$slots.hint ? (E(), S("div", ti, [k(t.$slots, "hint", w(rt({
 				hint: V.value.a11y.translations.keyboardNavigation,
 				isVisible: Ju.value
-			})), void 0, !0)])) : b("", !0)]),
-			n.$slots.watermark ? (E(), x("div", ni, [k(n.$slots, "watermark", w(C({ isPrinting: A(_o) || A(vo) || Ca.value || wa.value })), void 0, !0)])) : b("", !0),
-			(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `tag_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `tag_line_${t}_${r}` }, [[
+			})), void 0, !0)])) : x("", !0)]),
+			t.$slots.watermark ? (E(), S("div", ni, [k(t.$slots, "watermark", w(rt({ isPrinting: A(_o) || A(vo) || Ca.value || wa.value })), void 0, !0)])) : x("", !0),
+			(E(!0), S(y, null, O(Q.value, (e, t) => (E(), S(y, { key: `tag_line_${e.id}` }, [(E(!0), S(y, null, O(e.plots, (n, r) => (E(), S(y, { key: `tag_line_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (E(), S("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "right", "line"),
@@ -4659,14 +4659,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "right",
 				style: T({
 					position: "fixed",
-					top: A(f)({
+					top: A(p)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.top + "px",
-					left: A(f)({
+					left: A(p)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4681,22 +4681,22 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", ri, [S("path", {
+			}, [(E(), S("svg", ri, [C("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ii)])), S("div", {
+			}, null, 8, ii)])), C("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(g)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, ai)], 4)) : b("", !0), [
+			}, null, 8, ai)], 4)) : x("", !0), [
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (E(), S("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "left", "line"),
@@ -4704,14 +4704,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "left",
 				style: T({
 					position: "fixed",
-					top: A(f)({
+					top: A(p)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.top + "px",
-					left: A(f)({
+					left: A(p)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4726,23 +4726,23 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", oi, [S("path", {
+			}, [(E(), S("svg", oi, [C("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, si)])), S("div", {
+			}, null, 8, si)])), C("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(g)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, ci)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
-			(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `tag_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `tag_plot_${t}_${r}` }, [[
+			}, null, 8, ci)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
+			(E(!0), S(y, null, O($.value, (e, t) => (E(), S(y, { key: `tag_plot_${e.id}` }, [(E(!0), S(y, null, O(e.plots, (n, r) => (E(), S(y, { key: `tag_plot_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (E(), S("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "right", "plot"),
@@ -4750,14 +4750,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "right",
 				style: T({
 					position: "fixed",
-					top: A(f)({
+					top: A(p)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.top + "px",
-					left: A(f)({
+					left: A(p)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4772,22 +4772,22 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", li, [S("path", {
+			}, [(E(), S("svg", li, [C("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ui)])), S("div", {
+			}, null, 8, ui)])), C("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(g)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, di)], 4)) : b("", !0), [
+			}, null, 8, di)], 4)) : x("", !0), [
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (E(), S("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "left", "plot"),
@@ -4795,14 +4795,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "left",
 				style: T({
 					position: "fixed",
-					top: A(f)({
+					top: A(p)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.top + "px",
-					left: A(f)({
+					left: A(p)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4817,19 +4817,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", fi, [S("path", {
+			}, [(E(), S("svg", fi, [C("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, pi)])), S("div", {
+			}, null, 8, pi)])), C("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(g)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, mi)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
-			V.value.chart.zoom.show && uo.value > 6 && Xa.value && ys.value ? (E(), Qe(qe, {
+			}, null, 8, mi)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
+			V.value.chart.zoom.show && uo.value > 6 && Xa.value && ys.value ? (E(), Ze(Ke, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: Vi,
@@ -4889,29 +4889,29 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				handleFill: V.value.chart.zoom.minimap.handleFill,
 				handleWidth: V.value.chart.zoom.minimap.handleWidth,
 				isCursorPointer: Za.value,
-				onFutureEnd: r[1] ||= (e) => mo("end", e),
-				onFutureStart: r[2] ||= (e) => mo("start", e),
+				onFutureEnd: n[1] ||= (e) => mo("end", e),
+				onFutureStart: n[2] ||= (e) => mo("start", e),
 				onReset: Ns,
 				onTrapMouse: fs,
 				onTrapMouseValue: ps,
 				"onUpdate:end": Ms,
 				"onUpdate:start": js
 			}, {
-				"reset-action": j(({ reset: e }) => [k(n.$slots, "reset-action", w(C({ reset: e })), void 0, !0)]),
+				"reset-action": j(({ reset: e }) => [k(t.$slots, "reset-action", w(rt({ reset: e })), void 0, !0)]),
 				_: 3
-			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : b("", !0),
-			S("div", { id: `legend-bottom-${F.value}` }, null, 8, hi),
-			xa.value && (V.value.chart.legend.show || n.$slots.legend) ? (E(), Qe(Ze, {
+			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : x("", !0),
+			C("div", { id: `legend-bottom-${F.value}` }, null, 8, hi),
+			xa.value && (V.value.chart.legend.show || t.$slots.legend) ? (E(), Ze(Xe, {
 				key: 7,
 				to: V.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
-			}, [S("div", {
+			}, [C("div", {
 				ref_key: "chartLegend",
 				ref: Hi
-			}, [k(n.$slots, "legend", { legend: Lo.value }, () => [V.value.chart.legend.show ? (E(), x("div", {
+			}, [k(t.$slots, "legend", { legend: Lo.value }, () => [V.value.chart.legend.show ? (E(), S("div", {
 				key: 0,
 				class: "vue-ui-xy-legend",
 				style: T({ fontSize: `var(--legend-font-size, ${V.value.chart.legend.fontSize ?? 14}px)` })
-			}, [V.value.chart.legend.selectAllToggle.show && Lo.value.length > 2 && !A(no) ? (E(), Qe(Ye, {
+			}, [V.value.chart.legend.selectAllToggle.show && Lo.value.length > 2 && !A(no) ? (E(), Ze(Je, {
 				key: 0,
 				backgroundColor: V.value.chart.legend.selectAllToggle.backgroundColor,
 				color: V.value.chart.legend.selectAllToggle.color,
@@ -4923,8 +4923,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"fontSize",
 				"checked"
-			])) : b("", !0), (E(!0), x(v, null, O(Lo.value, (e, t) => (E(), x("div", {
-				key: `div_legend_item_${t}`,
+			])) : x("", !0), (E(!0), S(y, null, O(Lo.value, (e, n) => (E(), S("div", {
+				key: `div_legend_item_${n}`,
 				onClick: (t) => hc(e),
 				onKeydown: (t) => pc(t, e),
 				role: "button",
@@ -4935,7 +4935,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					"vue-ui-xy-legend-item-segregated": ua.value.has(e.id)
 				}),
 				style: T({ cursor: Za.value ? "pointer" : "default" })
-			}, [ia.value[e.type] === "line" ? (E(), x("svg", _i, [S("rect", {
+			}, [ia.value[e.type] === "line" ? (E(), S("svg", _i, [C("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
@@ -4944,7 +4944,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				height: "3",
 				width: "20",
 				fill: e.color
-			}, null, 8, vi), tt(Ge, {
+			}, null, 8, vi), et(We, {
 				plot: {
 					x: 10,
 					y: 9
@@ -4965,7 +4965,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"shape",
 				"stroke"
-			])])) : ia.value[e.type] === "bar" ? (E(), x("svg", yi, [ia.value[e.type] === "bar" && n.$slots.pattern ? (E(), x("rect", {
+			])])) : ia.value[e.type] === "bar" ? (E(), S("svg", yi, [ia.value[e.type] === "bar" && t.$slots.pattern ? (E(), S("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -4974,7 +4974,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, bi)) : b("", !0), ia.value[e.type] === "bar" ? (E(), x("rect", {
+			}, null, 8, bi)) : x("", !0), ia.value[e.type] === "bar" ? (E(), S("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -4982,8 +4982,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				height: "32",
 				width: "32",
 				stroke: "none",
-				fill: n.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, xi)) : b("", !0)])) : (E(), x("svg", Si, [tt(Ge, {
+				fill: t.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
+			}, null, 8, xi)) : x("", !0)])) : (E(), S("svg", Si, [et(We, {
 				plot: {
 					x: 6,
 					y: 6
@@ -4998,14 +4998,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), S("span", { style: T(`color:${V.value.chart.legend.color}`) }, dt(e.name), 5)], 46, gi))), 128))], 4)) : b("", !0)], !0)], 512)], 8, ["to"])) : b("", !0),
-			n.$slots.source ? (E(), x("div", {
+			}, null, 8, ["color", "shape"])])), C("span", { style: T(`color:${V.value.chart.legend.color}`) }, dt(e.name), 5)], 46, gi))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
+			t.$slots.source ? (E(), S("div", {
 				key: 8,
 				ref_key: "source",
 				ref: Ui,
 				dir: "auto"
-			}, [k(n.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
-			tt(A(Ei), {
+			}, [k(t.$slots, "source", {}, void 0, !0)], 512)) : x("", !0),
+			et(A(Ei), {
 				teleportTo: V.value.chart.tooltip.teleportTo,
 				show: H.value.showTooltip && sa.value,
 				backgroundColor: V.value.chart.tooltip.backgroundColor,
@@ -5018,7 +5018,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				position: V.value.chart.tooltip.position,
 				offsetX: V.value.chart.tooltip.offsetX,
 				offsetY: V.value.chart.tooltip.offsetY,
-				parent: n.$refs.chart,
+				parent: t.$refs.chart,
 				content: Hl.value,
 				isFullscreen: oa.value,
 				isCustom: V.value.chart.tooltip.customFormat && typeof V.value.chart.tooltip.customFormat == "function",
@@ -5029,9 +5029,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isA11yMode: Ea.value != null,
 				a11yPosition: Da.value
 			}, {
-				"tooltip-before": j(() => [k(n.$slots, "tooltip-before", w(C({ ...Nl.value })), void 0, !0)]),
-				tooltip: j(() => [k(n.$slots, "tooltip", w(C({ ...Nl.value })), void 0, !0)]),
-				"tooltip-after": j(() => [k(n.$slots, "tooltip-after", w(C({ ...Nl.value })), void 0, !0)]),
+				"tooltip-before": j(() => [k(t.$slots, "tooltip-before", w(rt({ ...Nl.value })), void 0, !0)]),
+				tooltip: j(() => [k(t.$slots, "tooltip", w(rt({ ...Nl.value })), void 0, !0)]),
+				"tooltip-after": j(() => [k(t.$slots, "tooltip-after", w(rt({ ...Nl.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -5057,26 +5057,26 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Xa.value && V.value.chart.userOptions.buttons.table ? (E(), Qe(lt(Ru.value.component), it({ key: 9 }, Ru.value.props, {
+			Xa.value && V.value.chart.userOptions.buttons.table ? (E(), Ze(lt(Ru.value.component), it({ key: 9 }, Ru.value.props, {
 				ref_key: "tableUnit",
 				ref: Sa,
 				onClose: zu
-			}), $e({
-				content: j(() => [S("div", { style: T(`${A(_o) || V.value.table.useDialog ? "" : "max-height:400px"};${V.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${V.value.table.useDialog ? "" : "margin-top:48px"}`) }, [S("div", Ci, [_t(S("input", {
+			}), Qe({
+				content: j(() => [C("div", { style: T(`${A(_o) || V.value.table.useDialog ? "" : "max-height:400px"};${V.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${V.value.table.useDialog ? "" : "margin-top:48px"}`) }, [C("div", Ci, [_t(C("input", {
 					type: "checkbox",
-					"onUpdate:modelValue": r[4] ||= (e) => ma.value = e
-				}, null, 512), [[mt, ma.value]]), S("div", {
-					onClick: r[5] ||= (e) => ma.value = !ma.value,
+					"onUpdate:modelValue": n[4] ||= (e) => ma.value = e
+				}, null, 512), [[mt, ma.value]]), C("div", {
+					onClick: n[5] ||= (e) => ma.value = !ma.value,
 					style: T({ cursor: Za.value ? "pointer" : "default" })
-				}, [tt(A(Oi), {
+				}, [et(A(Oi), {
 					name: "chartLine",
 					size: 20,
 					stroke: V.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), ma.value ? (E(), Qe(A(ki), {
+				}, null, 8, ["stroke"])], 4)]), ma.value ? (E(), Ze(A(ki), {
 					key: `sparkline_${ha.value}`,
 					dataset: wc.value,
 					config: Tc.value
-				}, null, 8, ["dataset", "config"])) : (E(), Qe(A(Ti), {
+				}, null, 8, ["dataset", "config"])) : (E(), Ze(A(Ti), {
 					key: `table_${fa.value}`,
 					colNames: Ql.value.colNames,
 					head: Ql.value.head,
@@ -5086,8 +5086,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					withCloseButton: !V.value.table.useDialog,
 					onClose: zu
 				}, {
-					th: j(({ th: e }) => [S("div", { innerHTML: e }, null, 8, wi)]),
-					td: j(({ td: e }) => [et(dt(isNaN(Number(e)) ? e : A(s)({
+					th: j(({ th: e }) => [C("div", { innerHTML: e }, null, 8, wi)]),
+					td: j(({ td: e }) => [$e(dt(isNaN(Number(e)) ? e : A(Se)({
 						p: V.value.chart.labels.prefix,
 						v: e,
 						s: V.value.chart.labels.suffix,
@@ -5105,21 +5105,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [et(dt(Ru.value.title), 1)]),
+				fn: j(() => [$e(dt(Ru.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
-				fn: j(() => [S("button", {
+				fn: j(() => [C("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[3] ||= (e) => $l(V.value.chart.userOptions.callbacks.csv)
-				}, [tt(A(Oi), {
+					onClick: n[3] ||= (e) => $l(V.value.chart.userOptions.callbacks.csv)
+				}, [et(A(Oi), {
 					name: "fileCsv",
 					stroke: Ru.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
-			} : void 0]), 1040)) : b("", !0),
-			k(n.$slots, "skeleton", {}, () => [A(no) ? (E(), Qe(Ie, { key: 0 })) : b("", !0)], !0)
+			} : void 0]), 1040)) : x("", !0),
+			k(t.$slots, "skeleton", {}, () => [A(no) ? (E(), Ze(Fe, { key: 0 })) : x("", !0)], !0)
 		], 46, Ot));
 	}
 }, [["__scopeId", "data-v-e5c1dd1d"]]);