vue-data-ui 3.21.8 → 3.21.9

package/dist/{vue-ui-xy-lUvFSV7v.js → vue-ui-xy-MZkL62pQ.js}

@@ -1,26 +1,26 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, D as r, F as i, Ft as a, G as o, H as s, Ht as c, I as l, J as u, L as ee, M as te, Nt as ne, O as re, Ot as ie, P as ae, Pt as d, R as oe, S as se, T as ce, Tt as le, Vt as ue, X as de, _t as f, a as p, bt as fe, c as pe, g as me, gt as he, h as ge, ht as _e, i as m, j as ve, jt as ye, k as be, l as xe, n as Se, nt as h, pt as Ce, r as we, s as Te, v as g, w as Ee, x as De, y as Oe, z as ke, zt as Ae } from "./lib-AJRHFE5U.js";
-import { n as je, r as Me, t as Ne } from "./useTimeLabels-BmBRv27Y.js";
-import { t as Pe } from "./useConfig-Br1uzq_L.js";
-import { t as Fe } from "./usePrinter-6n2MzVyV.js";
-import { n as Ie, t as Le } from "./BaseScanner-DZvpgOjM.js";
-import { t as Re } from "./useSvgExport-SVIsDot8.js";
-import { t as ze } from "./useNestedProp-DtcXIg7n.js";
-import { t as Be } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Ve } from "./useStableElementSize-C7KADDKj.js";
-import { t as He } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ue } from "./img-C_RNNswI.js";
-import { n as We } from "./Title-DH6G8_cZ.js";
-import { t as Ge } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Ke } from "./Shape-BubavoqO.js";
-import { t as qe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as Je } from "./SlicerPreview-CZOlZJWD.js";
-import { t as Ye } from "./vue-ui-accordion-HvsT8_RM.js";
-import { t as Xe } from "./BaseLegendToggle-CUYal8mC.js";
-import { t as Ze } from "./A11yDataTable-DdRsVULz.js";
-import { Fragment as _, Teleport as Qe, computed as v, createBlock as $e, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as et, createTextVNode as tt, createVNode as nt, defineAsyncComponent as rt, getCurrentInstance as it, guardReactiveProps as S, mergeProps as at, nextTick as ot, normalizeClass as st, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as ct, onMounted as lt, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as ut, shallowRef as dt, toDisplayString as ft, toRefs as pt, unref as k, useSlots as mt, vModelCheckbox as ht, watch as gt, watchEffect as _t, withCtx as A, withDirectives as vt } from "vue";
+import { B as t, Bt as n, D as r, F as i, Ft as a, G as o, H as s, Ht as c, I as l, J as u, L as ee, M as te, Nt as ne, O as re, Ot as d, P as ie, Pt as f, R as ae, S as oe, T as se, Tt as ce, Vt as le, X as ue, _t as p, a as m, bt as de, c as fe, g as pe, gt as me, h as he, ht as ge, i as h, j as _e, jt as ve, k as ye, l as be, n as xe, nt as g, pt as Se, r as Ce, s as we, v as _, w as Te, x as Ee, y as De, z as Oe, zt as ke } from "./lib-AJRHFE5U.js";
+import { n as Ae, r as je, t as Me } from "./useTimeLabels-BmBRv27Y.js";
+import { t as Ne } from "./useConfig-Br1uzq_L.js";
+import { t as Pe } from "./usePrinter-6n2MzVyV.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-DtcXIg7n.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-C_RNNswI.js";
+import { n as Ue } from "./Title-DH6G8_cZ.js";
+import { t as We } from "./vue_ui_xy-BA3-_LCx.js";
+import { t as Ge } from "./Shape-BubavoqO.js";
+import { t as Ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as qe } from "./SlicerPreview-CZOlZJWD.js";
+import { t as Je } from "./vue-ui-accordion-HvsT8_RM.js";
+import { t as Ye } from "./BaseLegendToggle-CUYal8mC.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 st, normalizeStyle as w, onBeforeUnmount as ct, onMounted as lt, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as ut, shallowRef as dt, toDisplayString as k, 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 j(e) {
+function vt(e) {
 	return ![
 		null,
 		void 0,
@@ -303,7 +303,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 	"width",
 	"x",
 	"y"
-], ir = { style: { width: "100%" } }, ar = { key: 12 }, or = [
+], ir = { style: { width: "100%" } }, ar = { key: 11 }, or = [
 	"text-anchor",
 	"font-size",
 	"transform",
@@ -316,27 +316,27 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 	"font-size",
 	"fill",
 	"font-weight"
-], cr = { key: 13 }, lr = [
+], cr = { key: 12 }, lr = [
 	"transform",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"stroke",
 	"innerHTML"
-], ur = { key: 14 }, dr = ["x", "y"], fr = ["innerHTML"], pr = ["x", "y"], mr = ["innerHTML"], hr = [
+], ur = { key: 13 }, dr = ["x", "y"], fr = ["innerHTML"], pr = ["x", "y"], mr = ["innerHTML"], hr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], gr = { key: 15 }, _r = [
+], gr = { key: 14 }, _r = [
 	"transform",
 	"text-anchor",
 	"font-size",
 	"fill",
 	"stroke",
 	"innerHTML"
-], vr = { key: 16 }, yr = ["x", "y"], br = ["innerHTML"], xr = ["x", "y"], Sr = ["innerHTML"], Cr = [
+], vr = { key: 15 }, yr = ["x", "y"], br = ["innerHTML"], xr = ["x", "y"], Sr = ["innerHTML"], Cr = [
 	"x1",
 	"x2",
 	"y1",
@@ -419,13 +419,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 	"transform",
 	"innerHTML",
 	"onClick"
-], Ur = { key: 19 }, Wr = [
+], Ur = { key: 18 }, Wr = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML"
-], Gr = { key: 20 }, Kr = [
+], Gr = { key: 19 }, Kr = [
 	"x1",
 	"y1",
 	"x2",
@@ -455,7 +455,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 	"fill",
 	"text-anchor"
 ], Xr = {
-	key: 21,
+	key: 20,
 	style: { "pointer-events": "none" }
 }, Zr = ["x", "y"], Qr = ["innerHTML"], $r = [
 	"cx",
@@ -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__*/ qe({
+}, wi = ["innerHTML"], M = /*#__PURE__*/ Ke({
 	__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: qe, emit: Dt }) {
-		let M = e, Ti = rt(() => import("./DataTable-G9aclxhk.js")), Ei = rt(() => import("./Tooltip-979Ytd8R.js")), Di = rt(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Oi = rt(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), ki = rt(() => import("./vue-ui-table-sparkline-DTOnP9r9.js").then((e) => e.n)), Ai = rt(() => import("./PackageVersion-B2Vn0OB1.js").then((e) => e.t)), ji = rt(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Mi = rt(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), Ni = Dt, Pi = mt(), Fi = it(), { vue_ui_xy: Ii } = Pe(), { isThemeValid: Li, warnInvalidTheme: Ri } = Be(), zi = E(null), Bi = E(null), Vi = E(null), Hi = E(null), Ui = E(null), Wi = E(null), Gi = E(null), Ki = E(null), qi = E(null), Ji = E(null), Yi = E(null), Xi = E(null), Zi = E(null), Qi = E(null), $i = E(0), N = E(null), ea = E(!0), ta = E(600), P = E(1e3), na = E("0 0 1000 600"), ra = E({
+	setup(e, { expose: Ke, emit: Dt }) {
+		let M = e, Ti = nt(() => import("./DataTable-G9aclxhk.js")), Ei = nt(() => import("./Tooltip-979Ytd8R.js")), Di = nt(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Oi = nt(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), ki = nt(() => import("./vue-ui-table-sparkline-C6YBMUhZ.js").then((e) => e.n)), Ai = nt(() => import("./PackageVersion-CIojmGa_.js").then((e) => e.t)), ji = nt(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Mi = nt(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), Ni = Dt, Pi = pt(), Fi = rt(), { vue_ui_xy: Ii } = Ne(), { isThemeValid: Li, warnInvalidTheme: Ri } = ze(), zi = E(null), Bi = E(null), Vi = E(null), Hi = E(null), Ui = E(null), Wi = E(null), Gi = E(null), Ki = E(null), qi = E(null), Ji = E(null), Yi = E(null), Xi = E(null), Zi = E(null), Qi = E(null), $i = E(0), N = E(null), ea = E(!0), ta = E(600), P = E(1e3), na = E("0 0 1000 600"), ra = E({
 			x: 0,
 			y: 0
 		}), ia = E({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), aa = E(!1), oa = E(!1), sa = E(!1), ca = E(null), la = E([]), ua = v(() => new Set(la.value)), F = E(s()), da = E(0), fa = E(0), pa = E(0), ma = E(!0), ha = E(0), I = E(null), ga = E(!1), _a = E(!0), va = E(!0), L = E(null), ya = E({}), ba = E(null), xa = E(!1), Sa = E(null), Ca = E(!1), wa = E(!1), Ta = E(null), R = E(null), Ea = E(null), Da = E({
+		}), aa = E(!1), oa = E(!1), sa = E(!1), ca = E(null), la = E([]), ua = y(() => new Set(la.value)), F = E(s()), da = E(0), fa = E(0), pa = E(0), ma = E(!0), ha = E(0), I = E(null), ga = E(!1), _a = E(!0), va = E(!0), L = E(null), ya = E({}), ba = E(null), xa = E(!1), Sa = E(null), Ca = E(!1), wa = E(!1), Ta = E(null), R = E(null), Ea = E(null), Da = E({
 			x: 0,
 			y: 0
-		}), Oa = E(null), ka = E(null), z = E(null), Aa = E(null), ja = E(null), Ma = dt(null), Na = E(!1), Pa = E(0), Fa = E(0), Ia = Ve({
+		}), Oa = E(null), ka = E(null), z = E(null), Aa = E(null), ja = E(null), Ma = dt(null), Na = E(!1), Pa = E(0), Fa = E(0), Ia = Be({
 			elementRef: Ma,
 			minimumWidth: 2,
 			minimumHeight: 2,
@@ -604,15 +604,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}
 		async function za() {
 			let e = ++Fa.value;
-			Na.value = !1, await ot(), await Ra(), await Ra(), e === Fa.value && (Pa.value += 1, Na.value = !0);
+			Na.value = !1, await at(), await Ra(), await Ra(), e === Fa.value && (Pa.value += 1, Na.value = !0);
 		}
 		let Ba = E(!1);
 		function Va() {
-			Ba.value || (Ba.value = !0, ot(() => {
+			Ba.value || (Ba.value = !0, at(() => {
 				Ba.value = !1, La(), za();
 			}));
 		}
-		let Ha = v(() => ({
+		let Ha = y(() => ({
 			height: ta.value,
 			width: P.value
 		})), Ua = E(!1), Wa = E(null), Ga = E(null), B = E({
@@ -624,10 +624,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			plot: 3,
 			line: 3,
 			selectedLine: 3
-		}), qa = v(() => Math.max(Ka.value.line * 1.5, Ka.value.selectedLine));
+		}), qa = y(() => Math.max(Ka.value.line * 1.5, Ka.value.selectedLine));
 		lt(() => {
 			xa.value = !0, M.dataset.length && M.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.series) && de({
+				[null, void 0].includes(e.series) && ue({
 					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 = ze({
+			let e = Re({
 				userConfig: M.config,
 				defaultConfig: Ii
 			});
-			M.config && Ce(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 && Ce(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => ze({
+			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({
 				defaultConfig: Ii.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], M.config && Ce(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", Ce(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 && Ce(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 && 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({
 				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 r = ze({
-				userConfig: Ge[t] || M.config,
+			let r = Re({
+				userConfig: We[t] || M.config,
 				defaultConfig: e
-			}), i = ze({
+			}), i = Re({
 				userConfig: M.config,
 				defaultConfig: r
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : n[t] || ie
+				customPalette: i.customPalette.length ? i.customPalette : n[t] || d
 			};
 		}
 		function Ya({ defaultConfig: e, userConfig: t }) {
-			return ze({
+			return Re({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let Xa = v({
+		let Xa = y({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), V = E(Ja()), Za = v(() => V.value.chart.userOptions.useCursorPointer), H = E({
+		}), V = E(Ja()), Za = y(() => V.value.chart.userOptions.useCursorPointer), H = E({
 			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 = v(() => !!V.value.debug), eo = v(() => c({
+		let $a = y(() => !!V.value.debug), eo = y(() => c({
 			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 = v(() => M.config?.skeletonDataset ?? [{
+		})), to = y(() => M.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -794,8 +794,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: no, FINAL_DATASET: ro, manualLoading: io } = Ie({
-			...pt(M),
+		}]), { loading: no, FINAL_DATASET: ro, manualLoading: io } = Fe({
+			...ft(M),
 			FINAL_CONFIG: V,
 			prepareConfig: Ja,
 			callback: () => {
@@ -808,33 +808,33 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				defaultConfig: V.value,
 				userConfig: eo.value
 			})
-		}), ao = Ct((e, t) => fe({
+		}), ao = Ct((e, t) => de({
 			data: e,
 			threshold: t
-		})), oo = (e) => ao(e, V.value.downsample.threshold), so = v(() => {
+		})), oo = (e) => ao(e, V.value.downsample.threshold), so = y(() => {
 			let e = V.value.downsample.threshold;
 			return ro.value.map((t) => ao(t.series, e).length);
-		}), co = v(() => {
+		}), co = y(() => {
 			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 = v(() => {
+		}), lo = y(() => {
 			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 = v(() => co.value), U = E({
+		}), uo = y(() => co.value), U = E({
 			start: 0,
 			end: uo.value
 		}), fo = E({
 			start: 0,
 			end: uo.value
-		}), po = v(() => V.value.chart.zoom.preview.enable && (fo.value.start !== U.value.start || fo.value.end !== U.value.end));
+		}), po = y(() => 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 = v(() => {
+		let go = y(() => {
 			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,
@@ -873,7 +873,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}
 			};
 		});
-		gt(() => M.selectedXIndex, (e) => {
+		ht(() => M.selectedXIndex, (e) => {
 			if ([null, void 0].includes(M.selectedXIndex)) {
 				R.value = null;
 				return;
@@ -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 } = Fe({
+		let { isPrinting: _o, isImaging: vo, generatePdf: yo, generateImage: bo } = Pe({
 			elementId: `vue-ui-xy_${F.value}`,
 			fileName: V.value.chart.title.text || "vue-ui-xy",
 			options: V.value.chart.userOptions.print
-		}), xo = E(!1), So = v(() => De(V.value.customPalette)), Co = v(() => {
+		}), xo = E(!1), So = y(() => Ee(V.value.customPalette)), Co = y(() => {
 			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 = v(() => Co.value === null ? Hs.value : J.value.bottom), To = v(() => {
+		}), wo = y(() => Co.value === null ? Hs.value : J.value.bottom), To = y(() => {
 			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 = v(() => Co.value !== null || To.value !== null), Do = v(() => il(Io.value.filter((e) => !ua.value.has(e.id)), 0, 1)), Oo = v(() => {
+		}), Eo = y(() => Co.value !== null || To.value !== null), Do = y(() => il(Io.value.filter((e) => !ua.value.has(e.id)), 0, 1)), Oo = y(() => {
 			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 = v(() => {
+		}), ko = y(() => {
 			let { min: e, max: t } = Do.value;
 			if (!Eo.value) {
 				let e = t;
@@ -911,8 +911,8 @@ 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 = v(() => 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 = v(() => [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 = v(() => ro.value.some((e) => Array.isArray(e.series) && e.series.some(xt)));
-		_t(() => {
+		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? he(Oo.value, ko.value < 0 ? 0 : ko.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : pe(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)));
+		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.");
 		});
 		function jo(e) {
@@ -940,7 +940,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isInvalid: !0
 			} : {
 				x: Number(e.x),
-				y: he(e.y) ? Number(e.y) : null,
+				y: me(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 = v(() => !ea.value && !G.value ? ro.value : ro.value.map((e, t) => {
+		let Io = y(() => !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) => he(e) ? e : null).slice(U.value.start, U.value.end),
-				color: Oe(e.color ? e.color : So.value[t] ? So.value[t] : ie[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) => me(e) ? e : null).slice(U.value.start, U.value.end),
+				color: De(e.color ? e.color : So.value[t] ? So.value[t] : d[t]),
 				id: n,
 				scaleLabel: e.scaleLabel || n
 			};
-		})), Lo = v(() => Io.value.map((e, t) => ({
+		})), Lo = y(() => 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 = v(() => Io.value.map((e) => ({
+		}))), K = y(() => 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 = v(() => la.value.length === Lo.value.length), q = v(() => V.value.chart.grid.labels.yAxis.position === "right");
+		})).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");
 		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 = v(() => {
+		let Go = y(() => {
 			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 = v(() => ro.value.some((e) => e.useProgression));
+		}), Ko = y(() => 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 = v(() => {
+		let J = y(() => {
 			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 = v(() => {
-			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = h(J.value?.top), r = h(J.value?.bottom);
+		}), Jo = y(() => {
+			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = g(J.value?.top), r = g(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 = v(() => {
+		}), Yo = y(() => {
 			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) => {
@@ -1099,7 +1099,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}
 		let es = E(!1);
 		async function ts(e = !1) {
-			await ot(), es.value = e, ga.value && (va.value = e);
+			await at(), es.value = e, ga.value && (va.value = e);
 		}
 		function ns() {
 			ts(!0);
@@ -1111,10 +1111,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			aa.value = !aa.value;
 		}
 		let Y = E([]), as = E([]), os = 0;
-		_t(() => {
+		gt(() => {
 			let e = ++os;
 			(async () => {
-				let t = co.value, n = await Ne({
+				let t = co.value, n = await Me({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1125,10 +1125,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			})();
 		});
 		let ss = 0;
-		_t(() => {
+		gt(() => {
 			let e = ++ss;
 			(async () => {
-				let t = co.value, n = await Ne({
+				let t = co.value, n = await Me({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1138,24 +1138,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				e === ss && (as.value = n);
 			})();
 		});
-		let cs = v(() => {
+		let cs = y(() => {
 			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 = v(() => {
+		}), ls = y(() => {
 			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 Te(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, cs.value || 1), o, s, r, i, a);
-		}), us = v(() => (ls.value || []).map((e) => e?.text ?? "").join("|"));
+			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("|"));
 		lt(() => {
 			requestAnimationFrame(() => {
 				Wo();
-			}), gt([
+			}), ht([
 				() => us.value,
 				() => V.value.chart.grid.labels.xAxisLabels.rotation,
 				() => B.value.xAxis,
 				() => P.value,
 				() => ta.value
 			], async () => {
-				await ot(), requestAnimationFrame(() => {
+				await at(), requestAnimationFrame(() => {
 					Wo();
 				});
 			}, { flush: "post" });
@@ -1178,7 +1178,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				label: e.text
 			});
 		}
-		let X = v(() => {
+		let X = y(() => {
 			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 || !f(e)) {
+			if (!G.value || !p(e)) {
 				Ta.value = null, Z.value = [], $s.value = null;
 				return;
 			}
 			Ta.value = Number(e), Vo(Number(e));
 		}
-		let ms = v(() => G.value ? f(Ta.value) || f($s.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		let ms = y(() => G.value ? p(Ta.value) || p($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;
 		}
@@ -1275,15 +1275,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}
 		async function Ns() {
 			let e = Os();
-			ws.value = !0, await Ss(), Os() === e ? ws.value = !1 : (await ot(), Es && cancelAnimationFrame(Es), Es = requestAnimationFrame(() => {
+			ws.value = !0, await Ss(), Os() === e ? ws.value = !1 : (await at(), Es && cancelAnimationFrame(Es), Es = requestAnimationFrame(() => {
 				ws.value = !1, Es = null;
 			})), Ni("zoomReset");
 		}
-		let Ps = v(() => W.value.max + Ao.value);
+		let Ps = y(() => W.value.max + Ao.value);
 		function Fs(e) {
-			return e / (j(Ps.value) ? Ps.value : 1);
+			return e / (vt(Ps.value) ? Ps.value : 1);
 		}
-		let Is = v(() => V.value.chart.grid.labels.yAxis.reverse);
+		let Is = y(() => 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 = v(() => V.value.chart.grid.labels.xAxis.reverse);
+		let Bs = y(() => V.value.chart.grid.labels.xAxis.reverse);
 		function Vs(e) {
 			return Bs.value ? 1 - e : e;
 		}
-		let Hs = v(() => isNaN(Fs(Ao.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * Fs(Ao.value));
+		let Hs = y(() => 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 = v(() => W.value.min <= 0 && W.value.max >= 0 ? Us(0) : W.value.min > 0 ? Us(W.value.min) : Us(W.value.max));
+		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));
 		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 ? _(t - e.y <= 0 ? 1e-5 : t - e.y) : _(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 ? _(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : _(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
 		}
-		let qs = v(() => {
+		let qs = y(() => {
 			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 = E(null), Z = E([]), $s = E(null), ec = v(() => {
+		let Qs = E(null), Z = E([]), $s = E(null), ec = y(() => {
 			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 (!f(a?.x) || !f(a?.y)) continue;
+					if (!p(a?.x) || !p(a?.y)) continue;
 					let o = Number(a.x), s = ml(a), c = {
 						datapoint: i,
 						point: a,
@@ -1397,15 +1397,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			}), a;
 		}
-		let nc = v(() => G.value ? Array.from(ec.value.matchingPointsByXValue.keys()).sort((e, t) => ml({ x: e }) - ml({ x: t })) : []);
+		let nc = y(() => 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 (!f(t)) {
+			if (!p(t)) {
 				Z.value = [], $s.value = null, Ta.value = null, sa.value = !1;
 				return;
 			}
 			Vo(Number(t));
-			let n = Ae(ml({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
+			let n = ke(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) {
@@ -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 Ue({
+			let { width: t, height: n } = zi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await He({
 				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 = v(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), bc = v(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), xc = v(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), Sc = v(() => {
+		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(() => {
 			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 = v(() => ea.value ? ro.value.map((e, t) => ({
+		}), Cc = y(() => 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] : ie[t])
-		})) : ro.value), wc = v(() => K.value.map((e) => {
+			color: De(e.color ? e.color : So.value[t] ? So.value[t] : d[t])
+		})) : ro.value), wc = y(() => K.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : 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 = v(() => ({
+		})), Tc = y(() => ({
 			responsiveBreakpoint: V.value.table.responsiveBreakpoint,
 			roundingValues: V.value.table.rounding,
 			showAverage: !1,
@@ -1606,10 +1606,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			},
 			userOptions: { show: !1 },
 			sparkline: { animation: { show: !1 } }
-		})), Ec = v(() => {
+		})), Ec = y(() => {
 			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 = v(() => V.value.chart.grid.position === "middle" ? Ec.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : Ec.value);
+		}), Dc = y(() => 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;
@@ -1640,11 +1640,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 = v(() => p(Lo.value.filter((e) => !ua.value.has(e.id)))), Ic = [
+		let Fc = y(() => m(Lo.value.filter((e) => !ua.value.has(e.id)))), Ic = [
 			"bar",
 			"line",
 			"plot"
-		], Lc = v(() => Fc.value.filter((e) => Ic.includes(e.type))), Rc = v(() => Lc.value.length), zc = v(() => Lc.value.filter((e) => e.type === "bar")), Bc = v(() => Lc.value.filter((e) => e.type === "line")), Vc = v(() => Lc.value.filter((e) => e.type === "plot")), Hc = v(() => Io.value.filter((e) => e.type === "bar" && !ua.value.has(e.id))), Uc = v(() => Hc.value.length), Wc = v(() => Math.max(1, Uc.value)), Gc = v(() => {
+		], 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(() => {
 			let e = bt(Fc.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = Infinity, i = -Infinity, a = !1;
@@ -1667,7 +1667,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				};
 			}
 			return t;
-		}), Kc = v(() => Fc.value.reduce((e, t) => {
+		}), Kc = y(() => Fc.value.reduce((e, t) => {
 			let n = t.scaleLabel || "";
 			return e[n] = (e[n] || 0) + 1, e;
 		}, {}));
@@ -1690,7 +1690,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				unique: Kc.value[l] === 1
 			};
 		}
-		let Jc = v(() => J.value.width / X.value / Uc.value - Yc.value * Uc.value), Yc = v(() => qs.value.line * V.value.bar.periodGap), Xc = v(() => Math.max(1e-5, Js() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Yc.value))), Zc = v(() => Xc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Qc = v(() => {
+		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(() => {
 			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) {
@@ -1705,10 +1705,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 = v(() => V.value.chart.zoom.minimap.show ? Cc.value.map((e) => ({
+		}), $c = y(() => V.value.chart.zoom.minimap.show ? Cc.value.map((e) => ({
 			...e,
 			isVisible: !ua.value.has(e.id)
-		})) : []), el = v(() => G.value ? Z.value.map((e) => ({
+		})) : []), el = y(() => G.value ? Z.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1729,7 +1729,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 = v(() => W.value.ticks.map((e) => {
+		}))), tl = y(() => 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,
@@ -1737,7 +1737,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 = v(() => {
+		})), nl = y(() => {
 			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));
@@ -1746,14 +1746,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), ee = Zo(o.fontSize);
 				ee.font = `${o.fontSize}px sans-serif`;
-				let te = ee.measureText(o.text).width, ne = o.fontSize, re = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, ie = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, ae;
-				ae = o.textAnchor === "middle" ? re - te / 2 - o.padding?.left : o.textAnchor === "end" ? re - te - o.padding?.right : re - o.padding?.left;
-				let d = ie - ne * .75 - o.padding?.top;
+				let te = ee.measureText(o.text).width, ne = o.fontSize, re = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, d = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, ie;
+				ie = o.textAnchor === "middle" ? re - te / 2 - o.padding?.left : o.textAnchor === "end" ? re - te - o.padding?.right : re - o.padding?.left;
+				let f = d - ne * .75 - o.padding?.top;
 				return {
 					show: ![
 						l,
 						u,
-						d
+						f
 					].includes(NaN),
 					id: cl("annotation_y", [
 						t,
@@ -1770,11 +1770,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					x2: r,
 					_text: {
 						x: re,
-						y: ie
+						y: d
 					},
 					_box: {
-						x: ae,
-						y: d,
+						x: ie,
+						y: f,
 						width: te + o.padding?.left + o.padding?.right,
 						height: ne + o.padding?.top + o.padding?.bottom,
 						fill: o.backgroundColor,
@@ -1788,7 +1788,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		});
 		function rl(e, t) {
 			let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
-			return j(e[t].value) && i && V.value.line.cutNullValues;
+			return vt(e[t].value) && i && V.value.line.cutNullValues;
 		}
 		function il(e, t = 0, n = 1) {
 			let r = Infinity, i = -Infinity, a = !1;
@@ -1856,17 +1856,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 = v(() => al(Io.value, 0, 1)), dl = v(() => {
-			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 = 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 ? he(r, i, e) : pe(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 = v(() => G.value ? (Bs.value ? [...dl.value.ticks].reverse() : [...dl.value.ticks]).map((e, t) => ({
+		}), fl = y(() => 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, o({
+			text: h(V.value.chart.grid.labels.xAxis.formatter, e, o({
 				v: e,
 				s: V.value.chart.labels.prefix,
 				p: V.value.chart.labels.suffix,
@@ -1886,7 +1886,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 = v(() => al(ro.value, 0, 1)), gl = v(() => G.value ? hl.value.min : 0), _l = v(() => G.value ? hl.value.max : uo.value);
+		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);
 		function vl(e, t) {
 			return G.value ? e.x == null || e.y == null ? null : ml(e) : Oc(t);
 		}
@@ -1894,19 +1894,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, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, ne = u(o.min, ee, c), re = u(i, te, c), ie = ne.min >= 0 ? 0 : Math.abs(ne.min), ae = ne.max + Math.abs(ie), d = re.max + 0, oe = e.stackIndex, se = t - 1 - oe, ce = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, le = H.value.isStacked ? r * ce + n * se : 0, ue = 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 ? pe : he, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, ne = u(o.min, ee, c), re = u(i, te, c), d = ne.min >= 0 ? 0 : Math.abs(ne.min), ie = ne.max + Math.abs(d), f = re.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;
 			return {
 				scaleSteps: c,
 				individualScale: ne,
 				autoScaleSteps: re,
-				individualZero: ie,
+				individualZero: d,
 				autoScaleZero: 0,
-				individualMax: ae,
-				autoScaleMax: d,
-				yOffset: le,
-				individualHeight: ue,
-				zeroPosition: J.value?.bottom - le - ue * ie / ae,
-				autoScaleZeroPosition: J.value?.bottom - le - ue * 0 / d
+				individualMax: ie,
+				autoScaleMax: f,
+				yOffset: ce,
+				individualHeight: le,
+				zeroPosition: J.value?.bottom - ce - le * d / ie,
+				autoScaleZeroPosition: J.value?.bottom - ce - le * 0 / f
 			};
 		}
 		function xl({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
@@ -2002,10 +2002,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 = v(() => {
+		let kl = 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 zc.value.map((n, i) => {
-				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: ee, zeroPosition: te, autoScaleZeroPosition: ne, scaleYLabels: re, autoScaleYLabels: ie, autoScaleRatiosToNiceScale: ae } = El({
+				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: ee, zeroPosition: te, autoScaleZeroPosition: ne, scaleYLabels: re, autoScaleYLabels: d, autoScaleRatiosToNiceScale: ie } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
@@ -2013,42 +2013,42 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					clampNegativeAutoScaleMaximum: !0,
 					filterMinimumValues: !0,
 					preserveLooseMinimumExpression: !0
-				}), d = Uc.value, oe = Dl(n.comments), se = 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 * d - Jc.value / 2 - i * Yc.value;
+				}), f = 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 * f - Jc.value / 2 - i * Yc.value;
 					return {
-						yOffset: g(u),
-						individualHeight: g(ee),
-						x: g(a),
+						yOffset: _(u),
+						individualHeight: _(ee),
+						x: _(a),
 						y: Rs({
 							ratio: r,
 							yOffset: u,
 							individualHeight: ee
 						}),
 						value: n.absoluteValues[t],
-						zeroPosition: g(te),
-						individualMax: g(c),
-						comment: oe[t] || ""
+						zeroPosition: _(te),
+						individualMax: _(c),
+						comment: ae[t] || ""
 					};
-				}), ce = n.series.map((e, t) => {
+				}), se = 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(ee),
-						x: g(r),
-						y: g(Rs({
-							ratio: ae[t] || 0,
-							yOffset: g(u),
-							individualHeight: g(ee)
+						yOffset: _(u),
+						individualHeight: _(ee),
+						x: _(r),
+						y: _(Rs({
+							ratio: ie[t] || 0,
+							yOffset: _(u),
+							individualHeight: _(ee)
 						})),
 						value: n.absoluteValues[t],
-						zeroPosition: g(te),
-						individualMax: g(c),
-						comment: oe[t] || ""
+						zeroPosition: _(te),
+						individualMax: _(c),
+						comment: ae[t] || ""
 					};
-				}), le = qc({
+				}), ce = qc({
 					datapoint: n,
 					scaleYLabels: re,
-					autoScaleYLabels: ie,
+					autoScaleYLabels: d,
 					zeroPosition: te,
 					autoScaleZeroPosition: ne,
 					individualMax: c,
@@ -2059,26 +2059,26 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				return {
 					...n,
 					yOffset: u,
-					autoScaleYLabels: ie,
+					autoScaleYLabels: d,
 					individualHeight: ee,
-					scaleYLabels: n.autoScaling ? ie : re,
+					scaleYLabels: n.autoScaling ? d : re,
 					individualScale: n.autoScaling ? o : a,
 					individualMax: n.autoScaling ? l : c,
 					zeroPosition: n.autoScaling ? ne : te,
-					plots: n.autoScaling ? ce : se,
-					scaleGroup: le,
-					groupId: le.groupId
+					plots: n.autoScaling ? se : oe,
+					scaleGroup: ce,
+					groupId: ce.groupId
 				};
 			});
-		}), Q = v(() => {
+		}), 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, a) => {
-				let { individualScale: o, autoScaleSteps: s, individualZero: c, individualMax: u, autoScaleMax: ne, yOffset: ie, individualHeight: ae, zeroPosition: d, autoScaleZeroPosition: se, scaleYLabels: le, autoScaleYLabels: ue, autoScaleRatiosToNiceScale: de } = El({
+				let { individualScale: o, autoScaleSteps: s, individualZero: c, individualMax: u, autoScaleMax: ne, yOffset: d, individualHeight: ie, zeroPosition: f, autoScaleZeroPosition: oe, scaleYLabels: ce, autoScaleYLabels: le, autoScaleRatiosToNiceScale: ue } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r
-				}), f = Dl(n.comments), p = n.series.map((e, t) => {
+				}), p = Dl(n.comments), m = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
@@ -2090,129 +2090,129 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(c)) / u : Fs(Fo(e));
 					return {
 						index: t,
-						x: g(vl(e, t)),
+						x: _(vl(e, t)),
 						datasetXValue: yl(e),
-						y: g(Rs({
+						y: _(Rs({
 							ratio: r,
-							yOffset: ie,
-							individualHeight: ae
+							yOffset: d,
+							individualHeight: ie
 						})),
 						value: n.absoluteValues[t],
-						comment: f[t] || ""
+						comment: p[t] || ""
 					};
-				}), fe = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), de = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
 					y: null,
 					datasetXValue: yl(e),
 					value: null,
-					comment: f[t] || ""
+					comment: p[t] || ""
 				} : [void 0, null].includes(n.absoluteValues[t]) ? {
 					index: t,
-					x: g(vl(e, t)),
-					y: d,
+					x: _(vl(e, t)),
+					y: f,
 					value: n.absoluteValues[t],
-					comment: f[t] || ""
+					comment: p[t] || ""
 				} : {
 					index: t,
-					x: g(vl(e, t)),
+					x: _(vl(e, t)),
 					datasetXValue: yl(e),
-					y: g(Rs({
-						ratio: de[t] || 0,
-						yOffset: ie,
-						individualHeight: ae
+					y: _(Rs({
+						ratio: ue[t] || 0,
+						yOffset: d,
+						individualHeight: ie
 					})),
 					value: n.absoluteValues[t],
-					comment: f[t] || ""
-				}), pe = n.dashIndices && Array.isArray(n.dashIndices) && n?.dashIndices?.length > 0, me = V.value.line.cutNullValues ? ve(p) : be(p.filter((e) => e.value !== null)), he = V.value.line.cutNullValues ? ve(fe) : be(fe.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ee(p) : l(p.filter((e) => e.value !== null)), _e = V.value.line.cutNullValues ? ee(fe) : l(fe.filter((e) => e.value !== null)), m = i(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null)), ye = i(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)) : [], Se = pe ? te(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], h = qc({
+					comment: p[t] || ""
+				}), fe = n.dashIndices && Array.isArray(n.dashIndices) && n?.dashIndices?.length > 0, pe = V.value.line.cutNullValues ? _e(m) : ye(m.filter((e) => e.value !== null)), me = V.value.line.cutNullValues ? _e(de) : ye(de.filter((e) => e.value !== null)), he = V.value.line.cutNullValues ? ee(m) : l(m.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ee(de) : l(de.filter((e) => e.value !== null)), h = i(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), ve = i(V.value.line.cutNullValues ? de : de.filter((e) => e.value !== null)), be = fe ? ae(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], xe = fe ? te(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], g = qc({
 					datapoint: n,
-					scaleYLabels: le,
-					autoScaleYLabels: ue,
-					zeroPosition: d,
-					autoScaleZeroPosition: se,
+					scaleYLabels: ce,
+					autoScaleYLabels: le,
+					zeroPosition: f,
+					autoScaleZeroPosition: oe,
 					individualMax: u,
 					autoScaleMax: ne,
-					yOffset: ie,
-					individualHeight: ae
-				}), Ce = H.value.useIndividualScale ? n.autoScaling ? se : d : wo.value, we = Math.max(Math.max(n.autoScaling ? se : le.at(-1) ? le.at(-1).y : 0, J.value?.top), Ce), Te = n.autoScaling ? fe : p, De = V.value.line.cutNullValues ? Te : Te.filter((e) => e.value !== null), ke = n.absoluteValues.filter((e) => ![
+					yOffset: d,
+					individualHeight: ie
+				}), Se = H.value.useIndividualScale ? n.autoScaling ? oe : f : wo.value, Ce = Math.max(Math.max(n.autoScaling ? oe : ce.at(-1) ? ce.at(-1).y : 0, J.value?.top), Se), we = n.autoScaling ? de : m, Ee = V.value.line.cutNullValues ? we : we.filter((e) => e.value !== null), Oe = n.absoluteValues.filter((e) => ![
 					null,
 					void 0,
 					NaN
-				].includes(e)), Ae = !!n.temperatureColors && new Set(ke).size <= 1;
+				].includes(e)), ke = !!n.temperatureColors && new Set(Oe).size <= 1;
 				return {
 					...n,
-					isFlatTemperatureLine: Ae,
-					temperatureColors: n.temperatureColors ? n.temperatureColors.map((e) => Oe(e)) : null,
-					yOffset: ie,
-					autoScaleYLabels: ue,
-					individualHeight: ae,
-					scaleYLabels: n.autoScaling ? ue : le,
+					isFlatTemperatureLine: ke,
+					temperatureColors: n.temperatureColors ? n.temperatureColors.map((e) => De(e)) : null,
+					yOffset: d,
+					autoScaleYLabels: le,
+					individualHeight: ie,
+					scaleYLabels: n.autoScaling ? le : ce,
 					individualScale: n.autoScaling ? s : o,
 					individualMax: n.autoScaling ? ne : u,
-					zeroPosition: n.autoScaling ? se : d,
-					curve: n.useStepper ? n.autoScaling ? ye : m : n.autoScaling ? he : me,
-					plots: n.autoScaling ? fe : p,
-					dashedStraight: xe,
-					dashedSmooth: Se,
-					hasDashedSegments: pe,
-					area: n.useArea ? n.useStepper ? i(De, we) : H.value.useIndividualScale ? V.value.line.cutNullValues ? ce(n.autoScaling ? fe : p, we) : Ee(n.autoScaling ? fe.filter((e) => e.value !== null) : p.filter((e) => e.value !== null), we) : V.value.line.cutNullValues ? ce(p, we) : Ee(p.filter((e) => e.value !== null), we) : "",
-					curveAreas: n.useArea ? n.useStepper ? i(De, 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 ? ye : m : n.autoScaling ? _e : ge,
-					scaleGroup: h,
-					groupId: h.groupId
+					zeroPosition: n.autoScaling ? oe : f,
+					curve: n.useStepper ? n.autoScaling ? ve : h : n.autoScaling ? me : pe,
+					plots: n.autoScaling ? de : m,
+					dashedStraight: be,
+					dashedSmooth: xe,
+					hasDashedSegments: fe,
+					area: n.useArea ? n.useStepper ? i(Ee, Ce) : H.value.useIndividualScale ? V.value.line.cutNullValues ? se(n.autoScaling ? de : m, Ce) : Te(n.autoScaling ? de.filter((e) => e.value !== null) : m.filter((e) => e.value !== null), Ce) : V.value.line.cutNullValues ? se(m, Ce) : Te(m.filter((e) => e.value !== null), Ce) : "",
+					curveAreas: n.useArea ? n.useStepper ? i(Ee, Ce).split(";").filter(Boolean).map((e) => `M${e}Z`) : re(n.autoScaling ? V.value.line.cutNullValues ? de : de.filter((e) => e.value !== null) : V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), Ce, V.value.line.cutNullValues) : [],
+					straight: n.useStepper ? n.autoScaling ? ve : h : n.autoScaling ? ge : he,
+					scaleGroup: g,
+					groupId: g.groupId
 				};
 			});
-		}), $ = v(() => {
+		}), $ = 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 Vc.value.map((n) => {
-				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: ee, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: re, autoScaleRatiosToNiceScale: ie } = El({
+				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: ee, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: re, autoScaleRatiosToNiceScale: d } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r,
 					forceExactScale: !0,
 					preserveLooseMinimumExpression: !0
-				}), ae = Dl(n.comments), d = n.series.map((e, t) => {
+				}), ie = Dl(n.comments), f = 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: ae[t] || ""
+						comment: ie[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: _(vl(e, t)),
 						datasetXValue: yl(e),
-						y: g(Rs({
+						y: _(Rs({
 							ratio: r,
 							yOffset: l,
 							individualHeight: u
 						})),
 						value: n.absoluteValues[t],
-						comment: ae[t] || ""
+						comment: ie[t] || ""
 					};
-				}), oe = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), ae = 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: ae[t] || ""
+					comment: ie[t] || ""
 				} : {
 					index: t,
-					x: g(vl(e, t)),
+					x: _(vl(e, t)),
 					datasetXValue: yl(e),
-					y: g(Rs({
-						ratio: ie[t] || 0,
+					y: _(Rs({
+						ratio: d[t] || 0,
 						yOffset: l,
 						individualHeight: u
 					})),
 					value: n.absoluteValues[t],
-					comment: ae[t] || ""
-				}), se = qc({
+					comment: ie[t] || ""
+				}), oe = qc({
 					datapoint: n,
 					scaleYLabels: ne,
 					autoScaleYLabels: re,
@@ -2232,12 +2232,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					individualScale: n.autoScaling ? a : i,
 					individualMax: n.autoScaling ? c : s,
 					zeroPosition: n.autoScaling ? te : ee,
-					plots: n.autoScaling ? oe : d,
-					scaleGroup: se,
-					groupId: se.groupId
+					plots: n.autoScaling ? ae : f,
+					scaleGroup: oe,
+					groupId: oe.groupId
 				};
 			});
-		}), Al = v(() => {
+		}), Al = y(() => {
 			let e = Object.entries(Gc.value).reduce((e, [t, n]) => (e[t] = {
 				...n,
 				scaleLabel: t
@@ -2252,7 +2252,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					...t.scaleGroup
 				});
 			}), e;
-		}), jl = v(() => {
+		}), jl = y(() => {
 			let e = Q.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -2301,7 +2301,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: h(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,
@@ -2319,7 +2319,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					}))
 				};
 			});
-		}), Ml = v(() => {
+		}), Ml = y(() => {
 			let e = V.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -2329,7 +2329,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				let o = Q.value.find((e) => e.name === i), s = Q.value.find((e) => e.name === a);
 				if (!o || !s || o.type !== "line" || s.type !== "line") return;
 				let c = n?.[t]?.[0] ?? o.color, l = n?.[t]?.[1] ?? s.color;
-				pe({
+				fe({
 					lineA: o.plots,
 					lineB: s.plots,
 					smoothA: !!o.smooth,
@@ -2345,7 +2345,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					});
 				});
 			}), r;
-		}), Nl = v(() => {
+		}), Nl = y(() => {
 			let e = Z.value[0]?.index ?? null, t = G.value ? e : R.value;
 			return {
 				timeLabel: G.value ? {
@@ -2368,15 +2368,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			days: [],
 			shortDays: []
 		}), Fl = 0;
-		_t(() => {
+		gt(() => {
 			let e = ++Fl, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
-				let n = await Me(t.locale).catch(() => Me("en"));
+				let n = await je(t.locale).catch(() => je("en"));
 				e === Fl && (Pl.value = n.data);
 			})();
 		});
-		let Il = v(() => {
-			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = je({
+		let Il = y(() => {
+			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Ae({
 				useUTC: e.useUTC,
 				locale: Pl.value,
 				januaryAsYear: e.januaryAsYear
@@ -2385,7 +2385,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 = v(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+		}), Ll = y(() => (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();
@@ -2469,7 +2469,7 @@ 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="${ae({
+					}).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({
 						plot: {
 							x: 10,
 							y: 8
@@ -2490,7 +2490,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						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="${ae({
+						i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${n}" stroke-width="1" fill="${e.color}" points="${ie({
 							plot: {
 								x: 6,
 								y: 6
@@ -2564,15 +2564,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			return Rl.set(t, i), i;
 		}
-		let Hl = v(() => {
-			let e = "", t = el.value.map((e) => e.value).filter((e) => he(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, o({
+		let Hl = y(() => {
+			let e = "", t = el.value.map((e) => e.value).filter((e) => me(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: h(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, o({
 				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 (_e(r)) try {
+			if (ge(r)) try {
 				let e = r(zl(n));
 				if (typeof e == "string") return e;
 			} catch (e) {
@@ -2583,8 +2583,8 @@ 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 (he(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, o({
+				if (me(r.value)) {
+					let i = Vl(r), a = V.value.chart.tooltip.showValue ? h(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, o({
 						p: r.prefix,
 						v: r.value,
 						s: r.suffix,
@@ -2606,7 +2606,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
                             </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 ? `(${o({
-						v: g(Math.abs(r.value) / t * 100),
+						v: _(Math.abs(r.value) / t * 100),
 						s: "%",
 						r: V.value.chart.tooltip.roundingPercentage
 					})})` : ""}</div>`;
@@ -2614,7 +2614,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					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>`);
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${V.value.chart.tooltip.color}">${e}</div>`;
-		}), Ul = v(() => {
+		}), Ul = y(() => {
 			if (!G.value) return [];
 			let e = /* @__PURE__ */ new Set(), t = [];
 			return K.value.forEach((n) => {
@@ -2628,7 +2628,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, o({
+			return Number.isFinite(t) ? h(V.value.chart.grid.labels.xAxis.formatter, t, o({
 				v: t,
 				r: V.value.table.rounding
 			}), {
@@ -2648,11 +2648,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}
 		function ql(e, t) {
 			let n = Kl(e, t);
-			return j(n) ? Number(n.toFixed(V.value.table.rounding)) : "";
+			return vt(n) ? Number(n.toFixed(V.value.table.rounding)) : "";
 		}
 		function Jl(e, t) {
 			let n = Kl(e, t);
-			return j(n) ? m(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, o({
+			return vt(n) ? h(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, o({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n,
 				s: e.suffix || V.value.chart.labels.suffix,
@@ -2662,7 +2662,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 = v(() => {
+		let Xl = y(() => {
 			if (G.value) return Ul.value.map((e) => {
 				let t = Yl(e);
 				return {
@@ -2685,7 +2685,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			}
 			return e;
-		}), Zl = v(() => Io.value.length === 0 ? {
+		}), Zl = y(() => Io.value.length === 0 ? {
 			head: [],
 			body: [],
 			config: {},
@@ -2697,7 +2697,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 = v(() => {
+		}), Ql = y(() => {
 			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 = {
@@ -2725,7 +2725,7 @@ 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));
+			], 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 = oe(t.concat([n]).concat(r));
 			e ? e(i) : u({
 				csvContent: i,
 				title: V.value.chart.title.text || "vue-ui-xy"
@@ -2769,43 +2769,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 = ue({
+			B.value.dataLabels = le({
 				relator: ta.value,
 				adjuster: 400,
 				source: V.value.chart.grid.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.yAxis = ue({
+			}), B.value.yAxis = le({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.axis.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.xAxis = ue({
+			}), B.value.xAxis = le({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.xAxisLabels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.plotLabels = ue({
+			}), B.value.plotLabels = le({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), Ka.value.plot = ue({
+			}), Ka.value.plot = le({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), Ka.value.line = ue({
+			}), Ka.value.line = le({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.radius,
 				threshold: 1,
 				fallback: 0
-			}), Ka.value.selectedLine = ue({
+			}), Ka.value.selectedLine = le({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.dot.selectedRadius,
@@ -2814,12 +2814,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			});
 		}
 		function ou() {
-			if (le(M.dataset) ? (de({
+			if (ce(M.dataset) ? (ue({
 				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) && (ue({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
@@ -2828,9 +2828,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) => {
-					he(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.`);
+					me(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.`);
 				});
-			}), le(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) {
+			}), ce(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;
@@ -2862,7 +2862,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 });
 		}), ct(() => {
 			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();
-		}), He({
+		}), Ve({
 			timeLabelsEls: Ji,
 			timeLabels: Y,
 			slicer: U,
@@ -2887,19 +2887,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 = E(!1), lu = E(null), uu = E(200), du = v(() => R.value ?? I.value ?? 0), fu = v(() => {
+		let cu = E(!1), lu = E(null), uu = E(200), du = y(() => R.value ?? I.value ?? 0), fu = y(() => {
 			if (!G.value) return null;
-			if (f(Ta.value)) return Number(Ta.value);
+			if (p(Ta.value)) return Number(Ta.value);
 			let e = Z.value[0];
-			return f(e?.point?.x) ? Number(e.point.x) : null;
+			return p(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 && f(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 && p(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 _(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;
@@ -2910,7 +2910,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			});
 		}
 		function _u(e) {
-			!ka.value || !e || (z.value && z.value !== e && (ka.value.unobserve(z.value), z.value = null), e !== z.value && (ot(() => {
+			!ka.value || !e || (z.value && z.value !== e && (ka.value.unobserve(z.value), z.value = null), e !== z.value && (at(() => {
 				e.offsetParent !== null && gu(e.offsetWidth || e.getBoundingClientRect().width || 200);
 			}), ka.value.observe(e), z.value = e));
 		}
@@ -2918,7 +2918,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			ka.value = new ResizeObserver((e) => {
 				let t = e.find((e) => e.target === z.value) || e[0];
 				t && gu(t.contentRect.width || 200);
-			}), ja.value = _t((e) => {
+			}), ja.value = gt((e) => {
 				let t = lu.value;
 				if (!t) {
 					ka.value && z.value && (ka.value.unobserve(z.value), z.value = null);
@@ -2929,14 +2929,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			});
 		});
-		let vu = v(() => {
+		let vu = y(() => {
 			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 (_e(t)) try {
+				if (ge(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
@@ -2955,7 +2955,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					r: V.value.chart.grid.labels.xAxis.rounding
 				});
 			}
-			if (_e(t)) try {
+			if (ge(t)) try {
 				let n = t({
 					absoluteIndex: e + U.value.start,
 					seriesIndex: e,
@@ -2972,7 +2972,7 @@ 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 (!j(n.value)) return "";
+			if (!vt(n.value)) return "";
 			let i = o({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n.value,
@@ -2980,10 +2980,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				r: V.value[r].labels.rounding
 			}), a = n.datasetXValue;
 			return t({
-				content: G.value && f(a) ? `x: ${o({
+				content: G.value && p(a) ? `x: ${o({
 					v: a,
 					r: V.value.chart.grid.labels.xAxis.rounding
-				})}\ny: ${i}` : m(V.value[r].labels.formatter, n.value, i, {
+				})}\ny: ${i}` : h(V.value[r].labels.formatter, n.value, i, {
 					datapoint: n,
 					serie: e
 				}),
@@ -2996,14 +2996,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: _(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: _(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})`;
 		}
@@ -3012,22 +3012,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 = v(() => G.value ? f(Ta.value) ? ml({ x: Number(Ta.value) }) : f($s.value) ? $s.value : null : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), wu = v(() => V.value.chart.highlighter.crosshairs.show && ms.value), Tu = v(() => [
+		let Cu = y(() => G.value ? p(Ta.value) ? ml({ x: Number(Ta.value) }) : p($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(() => [
 			...Q.value,
 			...$.value,
 			...kl.value
-		].flatMap((e) => (e.plots || []).filter((t, n) => Ou(e, t, n)).filter((e) => j(e.value)).map((t) => ({
+		].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 = v(() => {
+			x: _(t.x),
+			y: _(t.y)
+		})))), Eu = y(() => {
 			if (!wu.value) return null;
 			if (G.value) {
 				let e = Z.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
-				return f(t) ? {
+				return p(t) ? {
 					x: Cu.value,
-					text: m(V.value.chart.grid.labels.xAxis.formatter, t, o({
+					text: h(V.value.chart.grid.labels.xAxis.formatter, t, o({
 						v: t,
 						r: V.value.chart.tooltip.roundingValue
 					}))
@@ -3046,7 +3046,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			return G.value ? Z.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
 		}
 		function ku({ serie: e, plot: t, index: n, type: r }) {
-			return !t || !j(t.value) || !V.value[r].labels.show || !H.value.dataLabels.show ? !1 : !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || Ou(e, t, n);
+			return !t || !vt(t.value) || !V.value[r].labels.show || !H.value.dataLabels.show ? !1 : !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || Ou(e, t, n);
 		}
 		function Au(e, t) {
 			let n = [];
@@ -3067,8 +3067,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			}), n;
 		}
-		let ju = v(() => Au(kl.value, "bar")), Mu = v(() => Au($.value, "plot")), Nu = v(() => Au(Q.value, "line"));
-		gt(() => M.dataset, (e) => {
+		let ju = y(() => Au(kl.value, "bar")), Mu = y(() => Au($.value, "plot")), Nu = y(() => 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;
 				if (e > 0) {
@@ -3090,7 +3090,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				end: uo.value
 			};
 			$i.value += 1, ha.value += 1, Va(), ho();
-		}, { deep: !0 }), gt(() => M.config, (e) => {
+		}, { deep: !0 }), ht(() => M.config, (e) => {
 			no.value || (V.value = Ja()), ou(), pa.value += 1, fa.value += 1, Qa(), V.value.chart.zoom.keepState && uo.value > 0 && (!ys.value || U.value.start === 0 && U.value.end === 0) && Ss(), ho();
 		}, { deep: !0 });
 		let Pu = E(!1), Fu = E(!1);
@@ -3110,13 +3110,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			Iu(), Oa.value = new ResizeObserver(() => {
 				Iu(), Pu.value && (ou(), ho(), Lu() && Ss());
 			}), zi.value?.parentNode && Oa.value.observe(zi.value.parentNode);
-		}), gt(V, () => {
+		}), ht(V, () => {
 			Qa();
 		}, { immediate: !0 });
-		let Ru = v(() => {
+		let Ru = y(() => {
 			let e = V.value.table.useDialog && !V.value.showTable, t = H.value.showTable;
 			return {
-				component: e ? Mi : Ye,
+				component: e ? Mi : Je,
 				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,
@@ -3143,25 +3143,25 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}
 			};
 		});
-		gt(() => H.value.showTable, (e) => {
+		ht(() => H.value.showTable, (e) => {
 			V.value.showTable || (e && V.value.table.useDialog && Sa.value ? Sa.value.open() : Sa.value && Sa.value.close && Sa.value.close());
 		});
 		function zu() {
 			H.value.showTable = !1, Xi.value && Xi.value.setTableIconState(!1);
 		}
-		let Bu = v(() => Lo.value.map((e) => ({
+		let Bu = y(() => Lo.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), Vu = v(() => V.value.chart.backgroundColor), Hu = v(() => V.value.chart.legend), { exportSvg: Uu, getSvg: Wu } = Re({
+		}))), Vu = y(() => V.value.chart.backgroundColor), Hu = y(() => V.value.chart.legend), { exportSvg: Uu, getSvg: Wu } = Le({
 			svg: L,
-			title: v(() => V.value.chart.title),
+			title: y(() => V.value.chart.title),
 			legend: Hu,
 			legendItems: Bu,
 			backgroundColor: Vu
 		});
 		async function Gu({ isCb: e }) {
-			wa.value = !0, await ot();
+			wa.value = !0, await at();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await Wu();
@@ -3240,10 +3240,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 n = J.value.width / t, r = Ae(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
+			let n = J.value.width / t, r = ke(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
 			r && (Da.value = r);
 		}
-		let $u = v(() => {
+		let $u = y(() => {
 			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)), {
@@ -3251,7 +3251,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				rows: Ql.value.body
 			};
 		});
-		return qe({
+		return Ke({
 			getData: uc,
 			getImage: dc,
 			generatePdf: yo,
@@ -3268,9 +3268,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			toggleFullscreen: iu,
 			copyAlt: qu,
 			resetZoom: Ns
-		}), (n, r) => (T(), b("div", {
+		}), (n, r) => (T(), x("div", {
 			id: `vue-ui-xy_${F.value}`,
-			class: st(`vue-data-ui-component vue-ui-xy ${oa.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			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",
 			ref: zi,
 			style: w(`background:${V.value.chart.backgroundColor}; color:${V.value.chart.color};width:100%;font-family:${V.value.chart.fontFamily};${V.value.responsive ? "height: 100%" : ""}`),
@@ -3278,11 +3278,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			onMouseleave: rs,
 			onClick: cc
 		}, [
-			x("div", {
+			S("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [x("p", null, ft(V.value.a11y.translations.keyboardNavigation), 1)], 8, kt),
-			$u.value?.rows?.length ? (T(), $e(Ze, {
+			}, [S("p", null, k(V.value.a11y.translations.keyboardNavigation), 1)], 8, kt),
+			$u.value?.rows?.length ? (T(), Qe(Xe, {
 				key: 0,
 				uid: F.value,
 				head: $u.value.headers,
@@ -3295,8 +3295,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"body",
 				"notice",
 				"caption"
-			])) : y("", !0),
-			V.value.chart.userOptions.buttons.annotator && L.value ? (T(), $e(k(ji), {
+			])) : b("", !0),
+			V.value.chart.userOptions.buttons.annotator && L.value ? (T(), Qe(A(ji), {
 				key: 1,
 				svgRef: L.value,
 				backgroundColor: V.value.chart.backgroundColor,
@@ -3305,12 +3305,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isCursorPointer: Za.value,
 				onClose: is
 			}, {
-				"annotator-action-close": A(() => [O(n.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": A(({ color: e }) => [O(n.$slots, "annotator-action-color", C(S({ color: e })), void 0, !0)]),
-				"annotator-action-draw": A(({ mode: e }) => [O(n.$slots, "annotator-action-draw", C(S({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-undo", C(S({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-redo", C(S({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": A(({ disabled: e }) => [O(n.$slots, "annotator-action-delete", C(S({ disabled: e })), void 0, !0)]),
+				"annotator-action-close": j(() => [O(n.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": j(({ color: e }) => [O(n.$slots, "annotator-action-color", st(C({ color: e })), void 0, !0)]),
+				"annotator-action-draw": j(({ mode: e }) => [O(n.$slots, "annotator-action-draw", st(C({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": j(({ disabled: e }) => [O(n.$slots, "annotator-action-undo", st(C({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": j(({ disabled: e }) => [O(n.$slots, "annotator-action-redo", st(C({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": j(({ disabled: e }) => [O(n.$slots, "annotator-action-delete", st(C({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -3318,21 +3318,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : y("", !0),
-			xc.value ? (T(), b("div", {
+			])) : b("", !0),
+			xc.value ? (T(), x("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Wi,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%; background:transparent"
-			}, null, 512)) : y("", !0),
-			V.value.chart.title.show ? (T(), b("div", {
+			}, null, 512)) : b("", !0),
+			V.value.chart.title.show ? (T(), x("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Bi,
 				class: "vue-ui-xy-title",
 				style: w(`font-family:${V.value.chart.fontFamily}`)
-			}, [(T(), $e(We, {
+			}, [(T(), Qe(Ue, {
 				key: `title_${pa.value}`,
 				config: {
 					title: {
@@ -3344,16 +3344,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						...V.value.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 4)) : y("", !0),
-			x("div", { id: `legend-top-${F.value}` }, null, 8, At),
-			V.value.chart.userOptions.show && (_a.value || va.value) ? (T(), $e(k(Di), {
+			}, 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) ? (T(), Qe(A(Di), {
 				ref_key: "userOptionsRef",
 				ref: Xi,
 				key: `user_options_${da.value}`,
 				backgroundColor: V.value.chart.backgroundColor,
 				color: V.value.chart.color,
-				isPrinting: k(_o),
-				isImaging: k(vo),
+				isPrinting: A(_o),
+				isImaging: A(vo),
 				uid: F.value,
 				hasTooltip: V.value.chart.userOptions.buttons.tooltip && V.value.chart.tooltip.show,
 				hasPdf: V.value.chart.userOptions.buttons.pdf,
@@ -3378,7 +3378,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				printScale: V.value.chart.userOptions.print.scale,
 				isCursorPointer: Za.value,
 				onToggleFullscreen: iu,
-				onGeneratePdf: k(yo),
+				onGeneratePdf: A(yo),
 				onGenerateCsv: $l,
 				onGenerateImage: Ku,
 				onGenerateSvg: Gu,
@@ -3389,10 +3389,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				onToggleAnnotator: is,
 				onCopyAlt: qu,
 				style: w({ visibility: _a.value ? va.value ? "visible" : "hidden" : "visible" })
-			}, et({ _: 2 }, [
+			}, $e({ _: 2 }, [
 				n.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: A(({ isOpen: e, color: t }) => [O(n.$slots, "menuIcon", C(S({
+					fn: j(({ isOpen: e, color: t }) => [O(n.$slots, "menuIcon", st(C({
 						isOpen: e,
 						color: t
 					})), void 0, !0)]),
@@ -3400,47 +3400,47 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} : void 0,
 				n.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: A(() => [O(n.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				n.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: A(() => [O(n.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				n.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: A(() => [O(n.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				n.$slots.optionImg ? {
 					name: "optionImg",
-					fn: A(() => [O(n.$slots, "optionImg", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				n.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: A(() => [O(n.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				n.$slots.optionTable ? {
 					name: "optionTable",
-					fn: A(() => [O(n.$slots, "optionTable", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				n.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: A(() => [O(n.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				n.$slots.optionStack ? {
 					name: "optionStack",
-					fn: A(({ isStack: e }) => [O(n.$slots, "optionStack", C(S({ isStack: e })), void 0, !0)]),
+					fn: j(({ isStack: e }) => [O(n.$slots, "optionStack", st(C({ isStack: e })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				n.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: A(({ toggleFullscreen: e, isFullscreen: t }) => [O(n.$slots, "optionFullscreen", C(S({
+					fn: j(({ toggleFullscreen: e, isFullscreen: t }) => [O(n.$slots, "optionFullscreen", st(C({
 						toggleFullscreen: e,
 						isFullscreen: t
 					})), void 0, !0)]),
@@ -3448,7 +3448,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} : void 0,
 				n.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: A(({ toggleAnnotator: e, isAnnotator: t }) => [O(n.$slots, "optionAnnotator", C(S({
+					fn: j(({ toggleAnnotator: e, isAnnotator: t }) => [O(n.$slots, "optionAnnotator", st(C({
 						toggleAnnotator: e,
 						isAnnotator: t
 					})), void 0, !0)]),
@@ -3456,25 +3456,25 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} : void 0,
 				n.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: A(({ altCopy: e }) => [O(n.$slots, "optionAltCopy", C(S({ altCopy: e })), void 0, !0)]),
+					fn: j(({ altCopy: e }) => [O(n.$slots, "optionAltCopy", st(C({ altCopy: e })), void 0, !0)]),
 					key: "11"
 				} : void 0,
 				n.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: A(() => [O(n.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: j(() => [O(n.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "12"
 				} : void 0,
 				n.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: A(() => [O(n.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: j(() => [O(n.$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("."))) : y("", !0),
-			x("div", jt, [(T(), b("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("."))) : b("", !0),
+			S("div", jt, [(T(), x("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: "http://www.w3.org/2000/svg",
-				class: st([{
+				class: ot([{
 					"vue-data-ui-fullscreen--on": oa.value,
 					"vue-data-ui-fulscreen--off": !oa.value
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
@@ -3497,187 +3497,187 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				onFocus: Yu,
 				onBlur: Xu,
 				onKeydown: Zu
-			}, [x("g", {
+			}, [S("g", {
 				ref_key: "G",
 				ref: Gi,
 				class: "vue-data-ui-g"
 			}, [
-				nt(k(Ai)),
-				n.$slots["chart-background"] ? (T(), b("foreignObject", {
+				tt(A(Ai)),
+				n.$slots["chart-background"] ? (T(), x("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" }
-				}, [O(n.$slots, "chart-background", {}, void 0, !0)], 8, Nt)) : y("", !0),
-				X.value > 0 ? (T(), b("g", Pt, [
-					x("g", Ft, [
-						V.value.chart.grid.labels.xAxis.showBaseline ? (T(), b("line", {
+				}, [O(n.$slots, "chart-background", {}, void 0, !0)], 8, Nt)) : b("", !0),
+				X.value > 0 ? (T(), x("g", Pt, [
+					S("g", Ft, [
+						V.value.chart.grid.labels.xAxis.showBaseline ? (T(), x("line", {
 							key: 0,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: k(h)(J.value?.bottom),
-							y2: k(h)(J.value?.bottom),
+							y1: A(g)(J.value?.bottom),
+							y2: A(g)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, It)) : y("", !0),
-						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (T(!0), b(_, { key: 2 }, D(jl.value, (e) => (T(), b("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (T(!0), b(_, { key: 0 }, D(e.yLabels, (t) => (T(), b("line", {
+						}, null, 8, It)) : b("", !0),
+						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (T(!0), x(v, { key: 2 }, D(jl.value, (e) => (T(), x("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (T(!0), x(v, { key: 0 }, D(e.yLabels, (t) => (T(), x("line", {
 							key: `selected_individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: k(h)(t.y),
-							y2: k(h)(t.y),
+							y1: A(g)(t.y),
+							y2: A(g)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Bt))), 128)) : e.yLabels.length ? (T(!0), b(_, { key: 1 }, D(e.yLabels, (t) => (T(), b("line", {
+						}, null, 8, Bt))), 128)) : e.yLabels.length ? (T(!0), x(v, { key: 1 }, D(e.yLabels, (t) => (T(), x("line", {
 							key: `individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: k(h)(t.y),
-							y2: k(h)(t.y),
+							y1: A(g)(t.y),
+							y2: A(g)(t.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Vt))), 128)) : y("", !0)]))), 128)) : y("", !0) : (T(), b(_, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (T(), b("line", {
+						}, null, 8, Vt))), 128)) : b("", !0)]))), 128)) : b("", !0) : (T(), x(v, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (T(), x("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: k(h)(J.value?.top),
-							y2: k(h)(J.value?.bottom),
+							y1: A(g)(J.value?.top),
+							y2: A(g)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Lt)) : y("", !0), V.value.chart.grid.showHorizontalLines ? (T(), b("g", Rt, [(T(!0), b(_, null, D(tl.value, (e) => (T(), b("line", {
+						}, null, 8, Lt)) : b("", !0), V.value.chart.grid.showHorizontalLines ? (T(), x("g", Rt, [(T(!0), x(v, null, D(tl.value, (e) => (T(), x("line", {
 							key: `horizontal_grid_line_${e.value}_${e.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: k(h)(e.y),
-							y2: k(h)(e.y),
+							y1: A(g)(e.y),
+							y2: A(g)(e.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, zt))), 128))])) : y("", !0)], 64)),
-						V.value.chart.grid.showVerticalLines ? (T(), b("g", Ht, [x("path", {
+						}, null, 8, zt))), 128))])) : b("", !0)], 64)),
+						V.value.chart.grid.showVerticalLines ? (T(), x("g", Ht, [S("path", {
 							d: Jo.value,
 							"stroke-width": .5,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ut)])) : y("", !0),
-						V.value.chart.grid.labels.xAxisLabels.show ? (T(), b("g", Wt, [x("path", {
+						}, null, 8, Ut)])) : b("", !0),
+						V.value.chart.grid.labels.xAxisLabels.show ? (T(), x("g", Wt, [S("path", {
 							d: Yo.value,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Gt)])) : y("", !0)
+						}, null, 8, Gt)])) : b("", !0)
 					]),
-					(T(!0), b(_, null, D(kl.value, (e, t) => (T(), b("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? O(n.$slots, "bar-gradient", at({
+					(T(!0), x(v, null, D(kl.value, (e, t) => (T(), x("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? O(n.$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) : (T(), b(_, { key: 1 }, [x("linearGradient", {
+					}), void 0, !0) : (T(), x(v, { key: 1 }, [S("linearGradient", {
 						id: `rectGradient_pos_${t}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						x("stop", {
+						S("stop", {
 							offset: "0%",
 							"stop-color": e.color
 						}, null, 8, qt),
-						x("stop", {
+						S("stop", {
 							offset: "62%",
-							"stop-color": `${k(a)(e.color, .02)}`
+							"stop-color": `${A(a)(e.color, .02)}`
 						}, null, 8, Jt),
-						x("stop", {
+						S("stop", {
 							offset: "100%",
-							"stop-color": `${k(a)(e.color, .05)}`
+							"stop-color": `${A(a)(e.color, .05)}`
 						}, null, 8, Yt)
-					], 8, Kt), x("linearGradient", {
+					], 8, Kt), S("linearGradient", {
 						id: `rectGradient_neg_${t}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						x("stop", {
+						S("stop", {
 							offset: "0%",
-							"stop-color": `${k(a)(e.color, .05)}`
+							"stop-color": `${A(a)(e.color, .05)}`
 						}, null, 8, Zt),
-						x("stop", {
+						S("stop", {
 							offset: "38%",
-							"stop-color": `${k(a)(e.color, .02)}`
+							"stop-color": `${A(a)(e.color, .02)}`
 						}, null, 8, Qt),
-						x("stop", {
+						S("stop", {
 							offset: "100%",
 							"stop-color": e.color
 						}, null, 8, $t)
 					], 8, Xt)], 64))]))), 128)),
-					(T(!0), b(_, null, D($.value, (e, t) => (T(), b("defs", { key: `def_plot_${t}` }, [x("radialGradient", {
+					(T(!0), x(v, null, D($.value, (e, t) => (T(), x("defs", { key: `def_plot_${t}` }, [S("radialGradient", {
 						id: `plotGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [x("stop", {
+					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${k(a)(e.color, .05)}`
-					}, null, 8, tn), x("stop", {
+						"stop-color": `${A(a)(e.color, .05)}`
+					}, null, 8, tn), S("stop", {
 						offset: "100%",
 						"stop-color": e.color
 					}, null, 8, nn)], 8, en)]))), 128)),
-					(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `def_line_${e.id}` }, [x("defs", null, [x("radialGradient", {
+					(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x(v, { key: `def_line_${e.id}` }, [S("defs", null, [S("radialGradient", {
 						id: `lineGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [x("stop", {
+					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${k(a)(e.color, .05)}`
-					}, null, 8, an), x("stop", {
+						"stop-color": `${A(a)(e.color, .05)}`
+					}, null, 8, an), S("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, on)], 8, rn), n.$slots["area-gradient"] ? O(n.$slots, "area-gradient", at({
+					}, null, 8, on)], 8, rn), n.$slots["area-gradient"] ? O(n.$slots, "area-gradient", it({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						id: `areaGradient_${t}_${F.value}`
-					}), void 0, !0) : (T(), b("linearGradient", {
+					}), void 0, !0) : (T(), x("linearGradient", {
 						key: 1,
 						id: `areaGradient_${t}_${F.value}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
 						y2: "0%"
-					}, [x("stop", {
+					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${k(d)(k(a)(e.color, .03), V.value.line.area.opacity)}`
-					}, null, 8, cn), x("stop", {
+						"stop-color": `${A(f)(A(a)(e.color, .03), V.value.line.area.opacity)}`
+					}, null, 8, cn), S("stop", {
 						offset: "100%",
-						"stop-color": `${k(d)(e.color, V.value.line.area.opacity)}`
-					}, null, 8, ln)], 8, sn))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), b("defs", un, [x("linearGradient", {
+						"stop-color": `${A(f)(e.color, V.value.line.area.opacity)}`
+					}, null, 8, ln)], 8, sn))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), x("defs", un, [S("linearGradient", {
 						id: `temperature_grad_line_${t}_${F.value}`,
 						gradientTransform: "rotate(90)"
-					}, [(T(!0), b(_, null, D(e.temperatureColors, (n, r) => (T(), b("stop", {
+					}, [(T(!0), x(v, null, D(e.temperatureColors, (n, r) => (T(), x("stop", {
 						key: `temperature_grad_stop_${t}_${r}_${F.value}`,
 						"stop-color": n,
-						offset: k(ne)(r, e.temperatureColors.length)
-					}, null, 8, fn))), 128))], 8, dn)])) : y("", !0)], 64))), 128)),
-					(T(!0), b(_, null, D(Sc.value, (e) => (T(), b("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(e.span, (t, n) => (T(), b("g", { key: `highlight_area_rect_${e.from}_${n}` }, [x("rect", {
+						offset: A(ne)(r, e.temperatureColors.length)
+					}, null, 8, fn))), 128))], 8, dn)])) : b("", !0)], 64))), 128)),
+					(T(!0), x(v, null, D(Sc.value, (e) => (T(), x("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (T(), x(v, { key: 0 }, [(T(!0), x(v, null, D(e.span, (t, n) => (T(), x("g", { key: `highlight_area_rect_${e.from}_${n}` }, [S("rect", {
 						style: w({
 							transition: "none",
 							opacity: +(e.from + n >= U.value.start && e.from + n <= U.value.end - 1)
@@ -3686,8 +3686,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: k(d)(e.color, e.opacity)
-					}, null, 12, pn)]))), 128)), (T(!0), b(_, null, D(e.span, (t, n) => (T(), b("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (T(), b("foreignObject", {
+						fill: A(f)(e.color, e.opacity)
+					}, null, 12, pn)]))), 128)), (T(!0), x(v, null, D(e.span, (t, n) => (T(), x("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (T(), x("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,
@@ -3697,8 +3697,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
-					}, [x("div", { style: w(`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"}`) }, ft(e.caption.text), 5)], 12, mn)) : y("", !0)]))), 128))], 64)) : y("", !0)]))), 128)),
-					es.value && !G.value ? (T(), b("g", hn, [(T(!0), b(_, null, D(X.value, (e, t) => (T(), b("g", { key: `tooltip_trap_highlighter_${t}` }, [x("rect", {
+					}, [S("div", { style: w(`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"}`) }, k(e.caption.text), 5)], 12, mn)) : b("", !0)]))), 128))], 64)) : b("", !0)]))), 128)),
+					es.value && !G.value ? (T(), x("g", hn, [(T(!0), x(v, null, D(X.value, (e, t) => (T(), x("g", { key: `tooltip_trap_highlighter_${t}` }, [S("rect", {
 						x: Ac(t),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
@@ -3707,18 +3707,18 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							I.value,
 							R.value,
 							ca.value
-						].includes(t) ? k(d)(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))])) : y("", !0),
-					kl.value.length ? (T(!0), b(_, { key: 1 }, D(kl.value, (e, t) => (T(), b("g", {
+					}, null, 8, gn)]))), 128))])) : b("", !0),
+					kl.value.length ? (T(!0), x(v, { key: 1 }, D(kl.value, (e, t) => (T(), x("g", {
 						key: `serie_bar_${e.id}`,
-						class: st(`serie_bar_${t}`),
+						class: ot(`serie_bar_${t}`),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b("g", { key: `bar_plot_${t}_${i}` }, [
-						k(j)(r.value) ? (T(), b("rect", {
+					}, [(T(!0), x(v, null, D(e.plots, (r, i) => (T(), x("g", { key: `bar_plot_${t}_${i}` }, [
+						A(vt)(r.value) ? (T(), x("rect", {
 							key: 0,
 							x: Ys(r) + Zc.value / 2,
 							y: H.value.useIndividualScale ? Zs(r) : Xs(r),
@@ -3728,9 +3728,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							fill: V.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${t}_${F.value})` : `url(#rectGradient_neg_${t}_${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: w({ transition: k(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, _n)) : y("", !0),
-						k(j)(r.value) && n.$slots.pattern ? (T(), b("rect", {
+							style: w({ 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 ? (T(), x("rect", {
 							key: 1,
 							x: Ys(r) - Zc.value / 2,
 							y: H.value.useIndividualScale ? Zs(r) : Xs(r),
@@ -3740,38 +3740,38 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
-							style: w({ transition: k(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, vn)) : y("", !0),
-						r.comment && V.value.chart.comments.show ? (T(), b("foreignObject", {
+							style: w({ 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 ? (T(), x("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: k(g)(r.y) + V.value.chart.comments.offsetY + 6
+							y: A(_)(r.y) + V.value.chart.comments.offsetY + 6
 						}, [O(n.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)], 8, yn)) : y("", !0)
-					]))), 128))], 6))), 128)) : y("", !0),
-					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (T(), b("line", {
+						} }, void 0, !0)], 8, yn)) : b("", !0)
+					]))), 128))], 6))), 128)) : b("", !0),
+					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (T(), x("line", {
 						key: 2,
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						x1: J.value?.left,
 						x2: J.value?.right,
-						y1: k(h)(Ws.value),
-						y2: k(h)(Ws.value),
+						y1: A(g)(Ws.value),
+						y2: A(g)(Ws.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, bn)) : y("", !0),
-					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && ms.value ? (T(), b("g", xn, [x("line", {
+					}, null, 8, bn)) : b("", !0),
+					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && ms.value ? (T(), x("g", xn, [S("line", {
 						x1: Cu.value,
 						x2: Cu.value,
-						y1: k(h)(J.value?.top),
-						y2: k(h)(J.value?.bottom),
+						y1: A(g)(J.value?.top),
+						y2: A(g)(J.value?.bottom),
 						stroke: V.value.chart.highlighter.color,
 						"stroke-width": V.value.chart.highlighter.lineWidth,
 						"stroke-dasharray": V.value.chart.highlighter.lineDasharray,
@@ -3781,41 +3781,41 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, Sn)])) : y("", !0),
-					wu.value ? (T(), b("g", Cn, [(T(!0), b(_, null, D(Tu.value, (e) => (T(), b("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
-						x("line", {
-							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(e.x) : J.value.left,
-							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(Du(e.x)) : J.value.right,
-							y1: k(h)(e.y),
-							y2: k(h)(e.y),
+					}, null, 8, Sn)])) : b("", !0),
+					wu.value ? (T(), x("g", Cn, [(T(!0), x(v, null, D(Tu.value, (e) => (T(), x("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
+						S("line", {
+							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(g)(e.x) : J.value.left,
+							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(g)(Du(e.x)) : J.value.right,
+							y1: A(g)(e.y),
+							y2: A(g)(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),
-						x("line", {
-							x1: k(h)(e.x),
-							x2: k(h)(e.x),
-							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(e.y) : J.value.top,
-							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? k(h)(J.value.bottom) : J.value.bottom,
+						S("line", {
+							x1: A(g)(e.x),
+							x2: A(g)(e.x),
+							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(g)(e.y) : J.value.top,
+							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(g)(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),
-						x("circle", {
-							cx: k(h)(Du(e.x)),
-							cy: k(h)(e.y),
+						S("circle", {
+							cx: A(g)(Du(e.x)),
+							cy: A(g)(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))])) : y("", !0),
-					V.value.chart.grid.frame.show ? (T(), b("rect", {
+					]))), 128))])) : b("", !0),
+					V.value.chart.grid.frame.show ? (T(), x("rect", {
 						key: 5,
 						style: {
 							pointerEvents: "none",
@@ -3832,50 +3832,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)) : y("", !0),
-					V.value.chart.grid.labels.show ? (T(), b("g", {
+					}, null, 8, Dn)) : b("", !0),
+					V.value.chart.grid.labels.show ? (T(), x("g", {
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: Yi,
 						opacity: wu.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [H.value.useIndividualScale ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(jl.value, (e) => (T(), b("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [x("line", {
+					}, [H.value.useIndividualScale ? (T(), x(v, { key: 0 }, [(T(!0), x(v, null, D(jl.value, (e) => (T(), x("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [S("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 ? k(h)(J.value?.bottom - e.yOffset - e.individualHeight) : k(h)(J.value?.top),
-						y2: H.value.isStacked ? k(h)(J.value?.bottom - e.yOffset) : k(h)(J.value?.bottom),
+						y1: H.value.isStacked ? A(g)(J.value?.bottom - e.yOffset - e.individualHeight) : A(g)(J.value?.top),
+						y2: H.value.isStacked ? A(g)(J.value?.bottom - e.yOffset) : A(g)(J.value?.bottom),
 						stroke: e.color,
 						"stroke-width": V.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, kn)]))), 128)), (T(!0), b(_, null, D(jl.value, (e) => (T(), b("g", {
+					}, null, 12, kn)]))), 128)), (T(!0), x(v, null, D(jl.value, (e) => (T(), x("g", {
 						key: `individual_scale_label_${e.groupId || e.id}`,
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						x("text", {
+						S("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)`
-						}, ft(e.name) + " " + ft(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, An),
-						(T(!0), b(_, null, D(e.yLabels, (t, n) => (T(), b(_, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), b("line", {
+						}, k(e.name) + " " + k(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, An),
+						(T(!0), x(v, null, D(e.yLabels, (t, n) => (T(), x(v, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), x("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: k(h)(t.y),
-							y2: k(h)(t.y),
+							y1: A(g)(t.y),
+							y2: A(g)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, jn)) : y("", !0)], 64))), 128)),
-						(T(!0), b(_, null, D(e.yLabels, (t, n) => (T(), b("text", {
+						}, null, 8, jn)) : b("", !0)], 64))), 128)),
+						(T(!0), x(v, null, D(e.yLabels, (t, n) => (T(), x("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}, ${k(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(g)(t.y) + B.value.dataLabels / 3})`,
 							"text-anchor": q.value ? "start" : "end",
 							"font-size": B.value.dataLabels,
 							fill: e.color
-						}, ft(k(m)(V.value.chart.grid.labels.yAxis.formatter, t.value, k(o)({
+						}, k(A(h)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(o)({
 							p: t.prefix,
 							v: t.value,
 							s: t.suffix,
@@ -3884,31 +3884,31 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, Mn))), 128))
-					], 4))), 128))], 64)) : (T(!0), b(_, { key: 1 }, D(tl.value, (e, t) => (T(), b("g", { key: `yLabel_${t}` }, [k(j)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), b("line", {
+					], 4))), 128))], 64)) : (T(!0), x(v, { key: 1 }, D(tl.value, (e, t) => (T(), 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 ? (T(), x("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: k(h)(e.y),
-						y2: k(h)(e.y),
+						y1: A(g)(e.y),
+						y2: A(g)(e.y),
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, Nn)) : y("", !0), e.value >= W.value.min && e.value <= W.value.max ? (T(), b("text", {
+					}, null, 8, Nn)) : b("", !0), e.value >= W.value.min && e.value <= W.value.max ? (T(), x("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}, ${k(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(_)(e.y + B.value.dataLabels / 3)})`,
 						"font-size": B.value.dataLabels,
 						"text-anchor": q.value ? "start" : "end",
 						fill: V.value.chart.grid.labels.color
-					}, ft(k(j)(e.value) ? k(m)(V.value.chart.grid.labels.yAxis.formatter, e.value, k(o)({
+					}, k(A(vt)(e.value) ? A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(o)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
 						r: V.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, Pn)) : y("", !0)]))), 128))], 8, On)) : y("", !0),
-					wu.value ? (T(), b("g", Fn, [(T(!0), b(_, null, D(Tu.value, (e) => (T(), b("text", {
+					})) : ""), 9, Pn)) : b("", !0)]))), 128))], 8, On)) : b("", !0),
+					wu.value ? (T(), x("g", Fn, [(T(!0), x(v, null, D(Tu.value, (e) => (T(), x("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}, ${k(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(g)(e.y) + B.value.dataLabels / 3})`,
 						"font-size": B.value.dataLabels,
 						"text-anchor": q.value ? "start" : "end",
 						fill: V.value.chart.grid.labels.color,
@@ -3917,7 +3917,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, ft(k(m)(V.value.chart.grid.labels.yAxis.formatter, e.value, k(o)({
+					}, k(A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(o)({
 						p: e.serie.prefix || V.value.chart.labels.prefix,
 						v: e.value,
 						s: e.serie.suffix || V.value.chart.labels.suffix,
@@ -3925,10 +3925,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					}), {
 						datapoint: e.serie,
 						seriesIndex: e.index
-					})), 9, In))), 128))])) : y("", !0),
-					Eu.value ? (T(), b("g", Ln, [x("circle", {
+					})), 9, In))), 128))])) : b("", !0),
+					Eu.value ? (T(), x("g", Ln, [S("circle", {
 						cx: Cu.value,
-						cy: k(h)(J.value?.bottom),
+						cy: A(g)(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,
@@ -3938,12 +3938,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, Rn)])) : y("", !0),
-					(T(!0), b(_, null, D($.value, (e, t) => (T(), b("g", {
+					}, null, 8, Rn)])) : b("", !0),
+					(T(!0), x(v, null, D($.value, (e, t) => (T(), x("g", {
 						key: `serie_plot_${e.id}`,
-						class: st(`serie_plot_${t}`),
+						class: ot(`serie_plot_${t}`),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b("g", { key: `circle_plot_${e.id}_${i}` }, [r && k(j)(r.value) ? (T(), $e(Ke, {
+					}, [(T(!0), x(v, null, D(e.plots, (r, i) => (T(), x("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(vt)(r.value) ? (T(), Qe(Ge, {
 						key: 0,
 						shape: [
 							"triangle",
@@ -3955,13 +3955,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						].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,
 						plot: {
-							x: k(g)(r.x),
-							y: k(g)(r.y)
+							x: A(_)(r.x),
+							y: A(_)(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,
 						strokeWidth: V.value.plot.dot.strokeWidth,
-						transition: k(no) || ws.value || !V.value.plot.showTransition ? void 0 : `all ${V.value.plot.transitionDurationMs}ms ease-in-out`,
+						transition: A(no) || ws.value || !V.value.plot.showTransition ? void 0 : `all ${V.value.plot.transitionDurationMs}ms ease-in-out`,
 						still: ws.value
 					}, null, 8, [
 						"shape",
@@ -3972,24 +3972,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"strokeWidth",
 						"transition",
 						"still"
-					])) : y("", !0), r.comment && V.value.chart.comments.show ? (T(), b("foreignObject", {
+					])) : b("", !0), r.comment && V.value.chart.comments.show ? (T(), x("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
-					}, [x("div", Bn, [O(n.$slots, "plot-comment", { plot: {
+					}, [S("div", Bn, [O(n.$slots, "plot-comment", { plot: {
 						...r,
 						color: e.color,
 						seriesIndex: t,
 						datapointIndex: i
-					} }, void 0, !0)])], 8, zn)) : y("", !0)]))), 128))], 6))), 128)),
-					(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b("g", {
+					} }, void 0, !0)])], 8, zn)) : b("", !0)]))), 128))], 6))), 128)),
+					(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x("g", {
 						key: `serie_line_${e.id}`,
-						class: st(`serie_line_${t}`),
+						class: ot(`serie_line_${t}`),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [e.hasDashedSegments ? (T(), b(_, { key: 0 }, [e.smooth ? (T(!0), b(_, { key: 0 }, D(e.dashedSmooth, (t, n) => (T(), b("path", {
+					}, [e.hasDashedSegments ? (T(), x(v, { key: 0 }, [e.smooth ? (T(!0), x(v, { key: 0 }, D(e.dashedSmooth, (t, n) => (T(), x("path", {
 						key: `line_coating_smooth_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -3999,7 +3999,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: w({ transition: ll() })
-					}, null, 12, Vn))), 128)) : (T(!0), b(_, { key: 1 }, D(e.dashedStraight, (t, n) => (T(), b("path", {
+					}, null, 12, Vn))), 128)) : (T(!0), x(v, { key: 1 }, D(e.dashedStraight, (t, n) => (T(), x("path", {
 						key: `line_coating_straight_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4009,7 +4009,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: w({ transition: ll() })
-					}, null, 12, Hn))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (T(), b("path", {
+					}, null, 12, Hn))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (T(), x("path", {
 						key: 1,
 						d: `M${e.curve}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4019,7 +4019,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						style: w({ transition: ll() })
-					}, null, 12, Un)) : e.plots.length > 1 && e.straight ? (T(), b("path", {
+					}, null, 12, Un)) : e.plots.length > 1 && e.straight ? (T(), x("path", {
 						key: 2,
 						d: `M${e.straight}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4029,13 +4029,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						style: w({ transition: ll() })
-					}, null, 12, Wn)) : y("", !0)], 6))), 128)),
-					n.$slots.pattern ? (T(), b("defs", Gn, [(T(!0), b(_, null, D(Io.value, (e, t) => O(n.$slots, "pattern", at({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+					}, null, 12, Wn)) : b("", !0)], 6))), 128)),
+					n.$slots.pattern ? (T(), x("defs", Gn, [(T(!0), x(v, null, D(Io.value, (e, t) => O(n.$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))])) : y("", !0),
-					Ml.value.length && !H.value.isStacked ? (T(), b("g", Kn, [(T(!0), b(_, null, D(Ml.value, (e) => (T(), b("path", {
+					}), void 0, !0)), 128))])) : b("", !0),
+					Ml.value.length && !H.value.isStacked ? (T(), x("g", Kn, [(T(!0), x(v, null, D(Ml.value, (e) => (T(), x("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
@@ -4043,34 +4043,34 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						stroke: "none",
 						"pointer-events": "none",
 						style: w({ transition: ll() })
-					}, null, 12, qn))), 128))])) : y("", !0),
-					(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b("g", {
+					}, null, 12, qn))), 128))])) : b("", !0),
+					(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x("g", {
 						key: `serie_line_above_${e.id}`,
-						class: st(`serie_line_${t}`),
+						class: ot(`serie_line_${t}`),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (T(), b("g", Jn, [e.smooth ? (T(!0), b(_, { key: 0 }, D(e.curveAreas, (r, i) => (T(), b(_, { key: i }, [r ? (T(), b("path", {
+						e.useArea && e.plots.length > 1 ? (T(), x("g", Jn, [e.smooth ? (T(!0), x(v, { key: 0 }, D(e.curveAreas, (r, i) => (T(), x(v, { key: i }, [r ? (T(), x("path", {
 							key: 0,
 							d: r,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(d)(e.color, V.value.line.area.opacity),
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : A(f)(e.color, V.value.line.area.opacity),
 							style: w({ transition: ll() })
-						}, null, 12, Yn)) : y("", !0), n.$slots.pattern && r ? (T(), b("path", {
+						}, null, 12, Yn)) : b("", !0), n.$slots.pattern && r ? (T(), x("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							style: w({ transition: ll() })
-						}, null, 12, Xn)) : y("", !0)], 64))), 128)) : (T(!0), b(_, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), b(_, { key: i }, [r ? (T(), b("path", {
+						}, null, 12, Xn)) : b("", !0)], 64))), 128)) : (T(!0), x(v, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), x(v, { key: i }, [r ? (T(), x("path", {
 							key: 0,
 							d: `M${r}Z`,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(d)(e.color, V.value.line.area.opacity),
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : A(f)(e.color, V.value.line.area.opacity),
 							style: w({ transition: ll() })
-						}, null, 12, Zn)) : y("", !0), n.$slots.pattern && r ? (T(), b("path", {
+						}, null, 12, Zn)) : b("", !0), n.$slots.pattern && r ? (T(), x("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							style: w({ transition: ll() })
-						}, null, 12, Qn)) : y("", !0)], 64))), 128))])) : y("", !0),
-						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), b("path", {
+						}, null, 12, Qn)) : b("", !0)], 64))), 128))])) : b("", !0),
+						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), x("path", {
 							key: 1,
 							d: `M${e.curve}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
@@ -4079,7 +4079,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							fill: "none",
 							"stroke-linecap": "round",
 							style: w({ transition: ll() })
-						}, null, 12, $n)) : e.hasDashedSegments ? (T(), b(_, { key: 2 }, [e.smooth ? (T(!0), b(_, { key: 0 }, D(e.dashedSmooth, (n, r) => (T(), b("path", {
+						}, null, 12, $n)) : e.hasDashedSegments ? (T(), x(v, { key: 2 }, [e.smooth ? (T(!0), x(v, { key: 0 }, D(e.dashedSmooth, (n, r) => (T(), x("path", {
 							key: `line_smooth_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4089,7 +4089,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": n.dashed ? V.value.line.strokeWidth * 2 : 0,
 							style: w({ transition: ll() })
-						}, null, 12, er))), 128)) : (T(!0), b(_, { key: 1 }, D(e.dashedStraight, (n, r) => (T(), b("path", {
+						}, null, 12, er))), 128)) : (T(!0), x(v, { key: 1 }, D(e.dashedStraight, (n, r) => (T(), x("path", {
 							key: `line_straight_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4099,7 +4099,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": n.dashed ? V.value.line.strokeWidth * 2 : 0,
 							style: w({ transition: ll() })
-						}, null, 12, tr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), b("path", {
+						}, null, 12, tr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), x("path", {
 							key: 3,
 							d: `M${e.straight}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
@@ -4109,8 +4109,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							style: w({ transition: ll() })
-						}, null, 12, nr)) : y("", !0),
-						(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b(_, { key: `circle_line_${e.id}_${i}` }, [!bc.value.linePlot && r && k(j)(r.value) || bc.value.linePlot && r && k(j)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || rl(e.plots, i) ? (T(), $e(Ke, {
+						}, null, 12, nr)) : b("", !0),
+						(T(!0), x(v, null, D(e.plots, (r, i) => (T(), 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) ? (T(), Qe(Ge, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -4122,13 +4122,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							].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,
 							plot: {
-								x: k(g)(r.x),
-								y: k(g)(r.y)
+								x: A(_)(r.x),
+								y: A(_)(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,
 							strokeWidth: V.value.line.dot.strokeWidth,
-							transition: k(no) || ws.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`,
+							transition: A(no) || ws.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`,
 							still: ws.value
 						}, null, 8, [
 							"shape",
@@ -4139,54 +4139,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"strokeWidth",
 							"transition",
 							"still"
-						])) : y("", !0), r.comment && V.value.chart.comments.show ? (T(), b("foreignObject", {
+						])) : b("", !0), r.comment && V.value.chart.comments.show ? (T(), x("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
-						}, [x("div", ir, [O(n.$slots, "plot-comment", { plot: {
+						}, [S("div", ir, [O(n.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)])], 8, rr)) : y("", !0)], 64))), 128))
+						} }, void 0, !0)])], 8, rr)) : b("", !0)], 64))), 128))
 					], 6))), 128)),
-					n.originalFirstLineSeriesDotOverlay ? (T(), b("g", {
-						key: `original_first_line_overlay_${n.originalFirstLineSeriesDotOverlay.id}`,
-						style: w(`opacity:${N.value ? N.value === n.originalFirstLineSeriesDotOverlay.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(T(!0), b(_, null, D(n.originalFirstLineSeriesDotOverlay.plots, (e, t) => (T(), b(_, { key: `original_first_line_overlay_dot_${n.originalFirstLineSeriesDotOverlay.id}_${t}` }, [!bc.value.linePlot && e && k(j)(e.value) || bc.value.linePlot && e && k(j)(e.value) && (R.value !== null && R.value === t || I.value !== null && I.value === t) || rl(n.originalFirstLineSeriesDotOverlay.plots, t) ? (T(), $e(Ke, {
-						key: 0,
-						shape: [
-							"triangle",
-							"square",
-							"diamond",
-							"pentagon",
-							"hexagon",
-							"star"
-						].includes(n.originalFirstLineSeriesDotOverlay.shape) ? n.originalFirstLineSeriesDotOverlay.shape : "circle",
-						color: V.value.line.useGradient ? `url(#lineGradient_0_${F.value})` : V.value.line.dot.useSerieColor ? n.originalFirstLineSeriesDotOverlay.color : V.value.line.dot.fill,
-						plot: {
-							x: k(g)(e.x),
-							y: k(g)(e.y)
-						},
-						radius: Ou(n.originalFirstLineSeriesDotOverlay, e, t) ? qa.value || 0 : (rl(n.originalFirstLineSeriesDotOverlay.plots, t), Ka.value.line || 0),
-						stroke: V.value.line.dot.useSerieColor ? V.value.chart.backgroundColor : n.originalFirstLineSeriesDotOverlay.color,
-						strokeWidth: V.value.line.dot.strokeWidth,
-						transition: k(no) || ws.value || !V.value.line.showTransition || Ou(n.originalFirstLineSeriesDotOverlay, e, t) ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`,
-						still: ws.value
-					}, null, 8, [
-						"shape",
-						"color",
-						"plot",
-						"radius",
-						"stroke",
-						"strokeWidth",
-						"transition",
-						"still"
-					])) : y("", !0)], 64))), 128))], 4)) : y("", !0),
-					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (T(), b("g", ar, [(T(!0), b(_, null, D(ju.value, (e) => (T(), b("text", {
+					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (T(), x("g", ar, [(T(!0), x(v, null, D(ju.value, (e) => (T(), x("text", {
 						key: e.key,
 						"text-anchor": Su({
 							plot: e.plot,
@@ -4203,7 +4170,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							plot: e.plot,
 							type: "bar"
 						})
-					}, null, 12, or))), 128)), (T(!0), b(_, null, D(kl.value, (e, t) => (T(), b(_, { key: `xLabel_bar_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (T(), b("text", {
+					}, null, 12, or))), 128)), (T(!0), x(v, null, D(kl.value, (e, t) => (T(), x(v, { key: `xLabel_bar_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (T(), x("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),
@@ -4212,11 +4179,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fill: V.value.bar.serieName.useSerieColor ? e.color : V.value.bar.serieName.color,
 						"font-weight": V.value.bar.serieName.bold ? "bold" : "normal",
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, ft(V.value.bar.serieName.useAbbreviation ? k(Se)({
+					}, k(V.value.bar.serieName.useAbbreviation ? A(xe)({
 						source: e.name,
 						length: V.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, sr)) : y("", !0)], 64))), 128))], 64))), 128))])) : y("", !0),
-					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), b("g", cr, [(T(!0), b(_, null, D(Mu.value, (e) => (T(), b("text", {
+					}) : e.name), 13, sr)) : b("", !0)], 64))), 128))], 64))), 128))])) : b("", !0),
+					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), x("g", cr, [(T(!0), x(v, null, D(Mu.value, (e) => (T(), x("text", {
 						key: e.key,
 						transform: xu({
 							plot: e.plot,
@@ -4236,11 +4203,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							plot: e.plot,
 							type: "plot"
 						})
-					}, null, 12, lr))), 128))])) : (T(), b("g", ur, [(T(!0), b(_, null, D($.value, (e, t) => (T(), b(_, { key: `xLabel_plot_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (T(), b(_, { key: 1 }, [[
+					}, null, 12, lr))), 128))])) : (T(), x("g", ur, [(T(!0), x(v, null, D($.value, (e, t) => (T(), x(v, { key: `xLabel_plot_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (T(), x(v, { key: 1 }, [[
 						I.value,
 						R.value,
 						ca.value
-					].includes(r) && e.useTag ? (T(), b("line", {
+					].includes(r) && e.useTag ? (T(), x("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
 						x1: J.value?.left,
@@ -4251,36 +4218,36 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, hr)) : y("", !0)], 64)) : (T(), b(_, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), b("foreignObject", {
+					}, null, 8, hr)) : b("", !0)], 64)) : (T(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), x("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [x("div", {
-						style: w(`padding: 3px; background:${k(d)(e.color, 80)};color:${k(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(m)(V.value.plot.tag.formatter, n.value, e.name, {
+					}, [S("div", {
+						style: w(`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(h)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, fr)], 12, dr)) : y("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), b("foreignObject", {
+					}, null, 12, fr)], 12, dr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), x("foreignObject", {
 						key: 1,
 						x: n.x - e.name.length * (B.value.plotLabels / 2),
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [x("div", {
-						style: w(`padding: 3px; background:${k(d)(e.color, 80)};color:${k(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(m)(V.value.plot.tag.formatter, n.value, e.name, {
+					}, [S("div", {
+						style: w(`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(h)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, mr)], 12, pr)) : y("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					V.value.line.labels.show && H.value.dataLabels.show ? (T(), b("g", gr, [(T(!0), b(_, null, D(Nu.value, (e) => (T(), b("text", {
+					}, null, 12, mr)], 12, pr)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					V.value.line.labels.show && H.value.dataLabels.show ? (T(), x("g", gr, [(T(!0), x(v, null, D(Nu.value, (e) => (T(), x("text", {
 						key: e.key,
 						transform: xu({
 							plot: e.plot,
@@ -4300,11 +4267,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							plot: e.plot,
 							type: "line"
 						})
-					}, null, 12, _r))), 128))])) : (T(), b("g", vr, [(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `xLabel_line_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (T(), b(_, { key: 1 }, [[
+					}, null, 12, _r))), 128))])) : (T(), x("g", vr, [(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x(v, { key: `xLabel_line_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (T(), x(v, { key: 1 }, [[
 						I.value,
 						R.value,
 						ca.value
-					].includes(r) && e.useTag ? (T(), b("line", {
+					].includes(r) && e.useTag ? (T(), x("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
 						x1: J.value?.left,
@@ -4315,43 +4282,43 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, Cr)) : y("", !0)], 64)) : (T(), b(_, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), b("foreignObject", {
+					}, null, 8, Cr)) : b("", !0)], 64)) : (T(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), x("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [x("div", {
-						style: w(`padding: 3px; background:${k(d)(e.color, 80)};color:${k(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(m)(V.value.line.tag.formatter, n.value, e.name, {
+					}, [S("div", {
+						style: w(`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(h)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, br)], 12, yr)) : y("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), b("foreignObject", {
+					}, null, 12, br)], 12, yr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), x("foreignObject", {
 						key: 1,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [x("div", {
-						style: w(`padding: 3px; background:${k(d)(e.color, 80)};color:${k(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: k(m)(V.value.line.tag.formatter, n.value, e.name, {
+					}, [S("div", {
+						style: w(`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(h)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Sr)], 12, xr)) : y("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `xLabel_line_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), b("text", {
+					}, null, 12, Sr)], 12, xr)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x(v, { key: `xLabel_line_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), x("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: k(ke)({
+						innerHTML: A(Oe)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4360,14 +4327,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, wr)) : y("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), b("text", {
+					}, null, 12, wr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), x("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: k(ke)({
+						innerHTML: A(Oe)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4376,15 +4343,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Tr)) : y("", !0)], 64))), 128))], 64))), 128)),
-					(T(!0), b(_, null, D($.value, (e, t) => (T(), b(_, { key: `xLabel_plot_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), b("text", {
+					}, null, 12, Tr)) : b("", !0)], 64))), 128))], 64))), 128)),
+					(T(!0), x(v, null, D($.value, (e, t) => (T(), x(v, { key: `xLabel_plot_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), x("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: k(ke)({
+						innerHTML: A(Oe)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4393,14 +4360,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Er)) : y("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), b("text", {
+					}, null, 12, Er)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), x("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: k(ke)({
+						innerHTML: A(Oe)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4409,13 +4376,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							maxWords: 2
 						}),
 						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Dr)) : y("", !0)], 64))), 128))], 64))), 128)),
-					(T(!0), b(_, null, D([
+					}, null, 12, Dr)) : b("", !0)], 64))), 128))], 64))), 128)),
+					(T(!0), x(v, null, D([
 						...$.value,
 						...Q.value,
 						...kl.value
-					], (e, t) => (T(), b(_, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(k(xe)(e.plots).trend) ? (T(), b("g", Or, [
-						x("defs", null, [x("marker", {
+					], (e, t) => (T(), x(v, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(be)(e.plots).trend) ? (T(), x("g", Or, [
+						S("defs", null, [S("marker", {
 							id: `progression_arrow_${t}`,
 							markerWidth: "9",
 							markerHeight: "9",
@@ -4425,44 +4392,44 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							refY: 7 / 2,
 							orient: "auto",
 							overflow: "visible"
-						}, [x("polygon", {
+						}, [S("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 ? (T(), b("line", {
+						e.plots.length > 1 ? (T(), x("line", {
 							key: 0,
-							x1: k(xe)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
-							x2: k(xe)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
-							y1: k(h)(k(xe)(e.plots).y1),
-							y2: k(h)(k(xe)(e.plots).y2),
+							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
+							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
+							y1: A(g)(A(be)(e.plots).y1),
+							y2: A(g)(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)) : y("", !0),
-						e.plots.length > 1 ? (T(), b("line", {
+						}, null, 8, jr)) : b("", !0),
+						e.plots.length > 1 ? (T(), x("line", {
 							key: 1,
-							x1: k(xe)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
-							x2: k(xe)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
-							y1: k(h)(k(xe)(e.plots).y1),
-							y2: k(h)(k(xe)(e.plots).y2),
+							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
+							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
+							y1: A(g)(A(be)(e.plots).y1),
+							y2: A(g)(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)) : y("", !0),
-						e.plots.length > 1 ? (T(), b("text", {
+						}, null, 8, Mr)) : b("", !0),
+						e.plots.length > 1 ? (T(), x("text", {
 							key: 2,
 							"text-anchor": "middle",
-							x: k(xe)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
-							y: k(xe)(e.plots).y2 - 12,
+							x: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
+							y: A(be)(e.plots).y2 - 12,
 							"font-size": B.value.plotLabels,
 							fill: e.color,
 							stroke: V.value.chart.backgroundColor,
@@ -4470,28 +4437,28 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"paint-order": "stroke fill"
-						}, ft(k(o)({
-							v: k(xe)(e.plots).trend * 100,
+						}, k(A(o)({
+							v: A(be)(e.plots).trend * 100,
 							s: "%",
 							r: 2
-						})), 9, Nr)) : y("", !0)
-					])) : y("", !0)], 64))), 128)),
-					H.value.useIndividualScale && !H.value.isStacked ? (T(), b(_, { key: 17 }, [x("defs", null, [(T(!0), b(_, null, D(jl.value, (e, t) => (T(), b("linearGradient", {
+						})), 9, Nr)) : b("", !0)
+					])) : b("", !0)], 64))), 128)),
+					H.value.useIndividualScale && !H.value.isStacked ? (T(), x(v, { key: 16 }, [S("defs", null, [(T(!0), x(v, null, D(jl.value, (e, t) => (T(), x("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%"
-					}, [x("stop", {
+					}, [S("stop", {
 						offset: "0%",
 						"stop-color": V.value.chart.backgroundColor,
 						"stop-opacity": "0"
-					}, null, 8, Fr), x("stop", {
+					}, null, 8, Fr), S("stop", {
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, Ir)], 8, Pr))), 128))]), (T(!0), b(_, null, D(jl.value, (e, t) => (T(), b("rect", {
+					}, null, 8, Ir)], 8, Pr))), 128))]), (T(!0), x(v, null, D(jl.value, (e, t) => (T(), x("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,
@@ -4500,8 +4467,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						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)) : y("", !0),
-					x("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (T(), b("text", {
+					}, null, 40, Lr))), 128))], 64)) : b("", !0),
+					S("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (T(), x("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
 						ref: qi,
@@ -4510,7 +4477,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" }
-					}, ft(V.value.chart.grid.labels.axis.yLabel), 9, Rr)) : y("", !0), V.value.chart.grid.labels.axis.xLabel ? (T(), b("text", {
+					}, k(V.value.chart.grid.labels.axis.yLabel), 9, Rr)) : b("", !0), V.value.chart.grid.labels.axis.xLabel ? (T(), x("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
 						ref: Ki,
@@ -4519,14 +4486,14 @@ 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
-					}, ft(V.value.chart.grid.labels.axis.xLabel), 9, zr)) : y("", !0)]),
-					V.value.chart.grid.labels.xAxisLabels.show ? (T(), b("g", {
-						key: 18,
+					}, k(V.value.chart.grid.labels.axis.xLabel), 9, zr)) : b("", !0)]),
+					V.value.chart.grid.labels.xAxisLabels.show ? (T(), x("g", {
+						key: 17,
 						ref_key: "timeLabelsEls",
 						ref: Ji,
 						opacity: wu.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [n.$slots["time-label"] ? (T(!0), b(_, { key: 0 }, D(fl.value, (e, t) => O(n.$slots, "time-label", at({
+					}, [n.$slots["time-label"] ? (T(!0), x(v, { key: 0 }, D(fl.value, (e, t) => O(n.$slots, "time-label", it({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
@@ -4539,7 +4506,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						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)) : (T(!0), b(_, { key: 1 }, D(fl.value, (e, n) => (T(), b("g", { key: `time_label_${n}` }, [e && e.text ? (T(), b(_, { key: 0 }, [String(e.text).includes("\n") ? (T(), b("text", {
+					}), void 0, !0)), 128)) : (T(!0), x(v, { key: 1 }, D(fl.value, (e, n) => (T(), x("g", { key: `time_label_${n}` }, [e && e.text ? (T(), x(v, { key: 0 }, [String(e.text).includes("\n") ? (T(), x("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",
@@ -4547,7 +4514,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						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})`,
 						style: w({ cursor: Xo() && Za.value ? "pointer" : "default" }),
-						innerHTML: k(t)({
+						innerHTML: A(t)({
 							content: String(e.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
@@ -4555,7 +4522,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							y: 0
 						}),
 						onClick: (t) => ds(e, n)
-					}, null, 12, Hr)) : (T(), b("text", {
+					}, null, 12, Hr)) : (T(), x("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",
@@ -4564,8 +4531,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						transform: `translate(${pl(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: w({ cursor: Xo() && Za.value ? "pointer" : "default" }),
 						onClick: (t) => ds(e, n)
-					}, ft(e.text || ""), 13, Vr))], 64)) : y("", !0)]))), 128))], 8, Br)) : y("", !0),
-					Eu.value ? (T(), b("g", Ur, [x("text", {
+					}, k(e.text || ""), 13, Vr))], 64)) : b("", !0)]))), 128))], 8, Br)) : b("", !0),
+					Eu.value ? (T(), x("g", Ur, [S("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,
@@ -4577,16 +4544,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						},
-						innerHTML: k(t)({
+						innerHTML: A(t)({
 							content: String(Eu.value.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Wr)])) : y("", !0),
-					nl.value.length && !H.value.isStacked ? (T(), b("g", Gr, [(T(!0), b(_, null, D(nl.value, (e) => (T(), b("g", { key: e.id }, [
-						e.yTop && e.show && isFinite(e.yTop) ? (T(), b("line", {
+					}, null, 8, Wr)])) : b("", !0),
+					nl.value.length && !H.value.isStacked ? (T(), x("g", Gr, [(T(!0), x(v, null, D(nl.value, (e) => (T(), x("g", { key: e.id }, [
+						e.yTop && e.show && isFinite(e.yTop) ? (T(), x("line", {
 							key: 0,
 							x1: e.x1,
 							y1: e.yTop,
@@ -4597,8 +4564,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)) : y("", !0),
-						e.yBottom && e.show && isFinite(e.yBottom) ? (T(), b("line", {
+						}, null, 8, Kr)) : b("", !0),
+						e.yBottom && e.show && isFinite(e.yBottom) ? (T(), x("line", {
 							key: 1,
 							x1: e.x1,
 							y1: e.yBottom,
@@ -4609,24 +4576,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)) : y("", !0),
-						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), b("rect", {
+						}, null, 8, qr)) : b("", !0),
+						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), x("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
 							width: J.value.width,
-							height: k(g)(e.areaHeight, 0),
-							fill: k(d)(e.config.area.fill, e.config.area.opacity),
+							height: A(_)(e.areaHeight, 0),
+							fill: A(f)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
-						}, null, 8, Jr)) : y("", !0),
-						e.config.label.text && e.show && isFinite(e._box.y) ? (T(), b("rect", at({
+						}, null, 8, Jr)) : b("", !0),
+						e.config.label.text && e.show && isFinite(e._box.y) ? (T(), x("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)) : y("", !0),
-						e.config.label.text && e.show && isFinite(e._text.y) ? (T(), b("text", {
+						} }), null, 16)) : b("", !0),
+						e.config.label.text && e.show && isFinite(e._text.y) ? (T(), x("text", {
 							key: 4,
 							id: e.id,
 							class: "vue-ui-xy-annotation-label",
@@ -4635,35 +4602,35 @@ 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
-						}, ft(e.config.label.text), 9, Yr)) : y("", !0)
-					]))), 128))])) : y("", !0),
-					!wu.value && V.value.chart.timeTag.show && (G.value ? k(f)(fu.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), b("g", Xr, [(T(), b("foreignObject", {
+						}, k(e.config.label.text), 9, Yr)) : b("", !0)
+					]))), 128))])) : b("", !0),
+					!wu.value && V.value.chart.timeTag.show && (G.value ? A(p)(fu.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), x("g", Xr, [(T(), x("foreignObject", {
 						x: mu(),
 						y: J.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
-					}, [x("div", {
+					}, [S("div", {
 						ref_key: "timeTagEl",
 						ref: lu,
 						class: "vue-ui-xy-time-tag",
 						style: w(`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)), x("circle", {
-						cx: G.value && k(f)(fu.value) ? ml({ x: fu.value }) : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+					}, null, 12, Qr)], 8, Zr)), S("circle", {
+						cx: G.value && A(p)(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)])) : y("", !0)
-				])) : y("", !0),
-				po.value ? (T(), b("rect", at({ key: 2 }, go.value, {
+					}, null, 8, $r)])) : b("", !0)
+				])) : b("", !0),
+				po.value ? (T(), x("rect", it({ key: 2 }, go.value, {
 					"data-start": U.value.start,
 					"data-end": U.value.end
-				}), null, 16, ei)) : y("", !0),
+				}), null, 16, ei)) : b("", !0),
 				O(n.$slots, "svg", { svg: {
 					...Ha.value,
 					slicer: U.value,
-					isPrintingImg: k(_o) || k(vo) || Ca.value,
+					isPrintingImg: A(_o) || A(vo) || Ca.value,
 					isPrintingSvg: wa.value,
 					data: [
 						...Q.value,
@@ -4672,16 +4639,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					],
 					drawingArea: J.value
 				} }, void 0, !0)
-			], 512)], 46, Mt)), n.$slots.hint ? (T(), b("div", ti, [O(n.$slots, "hint", C(S({
+			], 512)], 46, Mt)), n.$slots.hint ? (T(), x("div", ti, [O(n.$slots, "hint", st(C({
 				hint: V.value.a11y.translations.keyboardNavigation,
 				isVisible: Ju.value
-			})), void 0, !0)])) : y("", !0)]),
-			n.$slots.watermark ? (T(), b("div", ni, [O(n.$slots, "watermark", C(S({ isPrinting: k(_o) || k(vo) || Ca.value || wa.value })), void 0, !0)])) : y("", !0),
-			(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `tag_line_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `tag_line_${t}_${r}` }, [[
+			})), void 0, !0)])) : b("", !0)]),
+			n.$slots.watermark ? (T(), x("div", ni, [O(n.$slots, "watermark", st(C({ isPrinting: A(_o) || A(vo) || Ca.value || wa.value })), void 0, !0)])) : b("", !0),
+			(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x(v, { key: `tag_line_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `tag_line_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (T(), b("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (T(), x("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "right", "line"),
@@ -4689,14 +4656,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "right",
 				style: w({
 					position: "fixed",
-					top: k(ye)({
+					top: A(ve)({
 						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: k(ye)({
+					left: A(ve)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4706,27 +4673,27 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: k(we)(e.color),
+					color: A(Ce)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), b("svg", ri, [x("path", {
+			}, [(T(), x("svg", ri, [S("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ii)])), x("div", {
+			}, null, 8, ii)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: k(m)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, ai)], 4)) : y("", !0), [
+			}, null, 8, ai)], 4)) : b("", !0), [
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (T(), b("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (T(), x("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "left", "line"),
@@ -4734,14 +4701,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "left",
 				style: w({
 					position: "fixed",
-					top: k(ye)({
+					top: A(ve)({
 						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: k(ye)({
+					left: A(ve)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4751,28 +4718,28 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: k(we)(e.color),
+					color: A(Ce)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), b("svg", oi, [x("path", {
+			}, [(T(), x("svg", oi, [S("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, si)])), x("div", {
+			}, null, 8, si)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: k(m)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, ci)], 4)) : y("", !0)], 64))), 128))], 64))), 128)),
-			(T(!0), b(_, null, D($.value, (e, t) => (T(), b(_, { key: `tag_plot_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `tag_plot_${t}_${r}` }, [[
+			}, null, 8, ci)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
+			(T(!0), x(v, null, D($.value, (e, t) => (T(), x(v, { key: `tag_plot_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `tag_plot_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (T(), b("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (T(), x("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "right", "plot"),
@@ -4780,14 +4747,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "right",
 				style: w({
 					position: "fixed",
-					top: k(ye)({
+					top: A(ve)({
 						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: k(ye)({
+					left: A(ve)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4797,27 +4764,27 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: k(we)(e.color),
+					color: A(Ce)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), b("svg", li, [x("path", {
+			}, [(T(), x("svg", li, [S("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ui)])), x("div", {
+			}, null, 8, ui)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: k(m)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, di)], 4)) : y("", !0), [
+			}, null, 8, di)], 4)) : b("", !0), [
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (T(), b("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (T(), x("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "left", "plot"),
@@ -4825,14 +4792,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"data-tag": "left",
 				style: w({
 					position: "fixed",
-					top: k(ye)({
+					top: A(ve)({
 						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: k(ye)({
+					left: A(ve)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4842,24 +4809,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: k(we)(e.color),
+					color: A(Ce)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), b("svg", fi, [x("path", {
+			}, [(T(), x("svg", fi, [S("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, pi)])), x("div", {
+			}, null, 8, pi)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: k(m)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, mi)], 4)) : y("", !0)], 64))), 128))], 64))), 128)),
-			V.value.chart.zoom.show && uo.value > 6 && Xa.value && ys.value ? (T(), $e(Je, {
+			}, null, 8, mi)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
+			V.value.chart.zoom.show && uo.value > 6 && Xa.value && ys.value ? (T(), Qe(qe, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: Vi,
@@ -4927,21 +4894,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"onUpdate:end": Ms,
 				"onUpdate:start": js
 			}, {
-				"reset-action": A(({ reset: e }) => [O(n.$slots, "reset-action", C(S({ reset: e })), void 0, !0)]),
+				"reset-action": j(({ reset: e }) => [O(n.$slots, "reset-action", st(C({ 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("."))) : y("", !0),
-			x("div", { id: `legend-bottom-${F.value}` }, null, 8, hi),
-			xa.value && (V.value.chart.legend.show || n.$slots.legend) ? (T(), $e(Qe, {
+			}, 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) ? (T(), Qe(Ze, {
 				key: 7,
 				to: V.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
-			}, [x("div", {
+			}, [S("div", {
 				ref_key: "chartLegend",
 				ref: Hi
-			}, [O(n.$slots, "legend", { legend: Lo.value }, () => [V.value.chart.legend.show ? (T(), b("div", {
+			}, [O(n.$slots, "legend", { legend: Lo.value }, () => [V.value.chart.legend.show ? (T(), x("div", {
 				key: 0,
 				class: "vue-ui-xy-legend",
 				style: w({ fontSize: `var(--legend-font-size, ${V.value.chart.legend.fontSize ?? 14}px)` })
-			}, [V.value.chart.legend.selectAllToggle.show && Lo.value.length > 2 && !k(no) ? (T(), $e(Xe, {
+			}, [V.value.chart.legend.selectAllToggle.show && Lo.value.length > 2 && !A(no) ? (T(), Qe(Ye, {
 				key: 0,
 				backgroundColor: V.value.chart.legend.selectAllToggle.backgroundColor,
 				color: V.value.chart.legend.selectAllToggle.color,
@@ -4953,19 +4920,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"fontSize",
 				"checked"
-			])) : y("", !0), (T(!0), b(_, null, D(Lo.value, (e, t) => (T(), b("div", {
+			])) : b("", !0), (T(!0), x(v, null, D(Lo.value, (e, t) => (T(), x("div", {
 				key: `div_legend_item_${t}`,
 				onClick: (t) => hc(e),
 				onKeydown: (t) => pc(t, e),
 				role: "button",
 				tabindex: "0",
-				class: st({
+				class: ot({
 					"vue-ui-xy-legend-item-alone": Lo.value.length === 1,
 					"vue-ui-xy-legend-item": !0,
 					"vue-ui-xy-legend-item-segregated": ua.value.has(e.id)
 				}),
 				style: w({ cursor: Za.value ? "pointer" : "default" })
-			}, [ia.value[e.type] === "line" ? (T(), b("svg", _i, [x("rect", {
+			}, [ia.value[e.type] === "line" ? (T(), x("svg", _i, [S("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
@@ -4974,7 +4941,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				height: "3",
 				width: "20",
 				fill: e.color
-			}, null, 8, vi), nt(Ke, {
+			}, null, 8, vi), tt(Ge, {
 				plot: {
 					x: 10,
 					y: 9
@@ -4995,7 +4962,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"shape",
 				"stroke"
-			])])) : ia.value[e.type] === "bar" ? (T(), b("svg", yi, [ia.value[e.type] === "bar" && n.$slots.pattern ? (T(), b("rect", {
+			])])) : ia.value[e.type] === "bar" ? (T(), x("svg", yi, [ia.value[e.type] === "bar" && n.$slots.pattern ? (T(), x("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -5004,7 +4971,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, bi)) : y("", !0), ia.value[e.type] === "bar" ? (T(), b("rect", {
+			}, null, 8, bi)) : b("", !0), ia.value[e.type] === "bar" ? (T(), x("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -5013,7 +4980,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				width: "32",
 				stroke: "none",
 				fill: n.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, xi)) : y("", !0)])) : (T(), b("svg", Si, [nt(Ke, {
+			}, null, 8, xi)) : b("", !0)])) : (T(), x("svg", Si, [tt(Ge, {
 				plot: {
 					x: 6,
 					y: 6
@@ -5028,14 +4995,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), x("span", { style: w(`color:${V.value.chart.legend.color}`) }, ft(e.name), 5)], 46, gi))), 128))], 4)) : y("", !0)], !0)], 512)], 8, ["to"])) : y("", !0),
-			n.$slots.source ? (T(), b("div", {
+			}, null, 8, ["color", "shape"])])), S("span", { style: w(`color:${V.value.chart.legend.color}`) }, k(e.name), 5)], 46, gi))), 128))], 4)) : b("", !0)], !0)], 512)], 8, ["to"])) : b("", !0),
+			n.$slots.source ? (T(), x("div", {
 				key: 8,
 				ref_key: "source",
 				ref: Ui,
 				dir: "auto"
-			}, [O(n.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
-			nt(k(Ei), {
+			}, [O(n.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
+			tt(A(Ei), {
 				teleportTo: V.value.chart.tooltip.teleportTo,
 				show: H.value.showTooltip && sa.value,
 				backgroundColor: V.value.chart.tooltip.backgroundColor,
@@ -5059,9 +5026,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isA11yMode: Ea.value != null,
 				a11yPosition: Da.value
 			}, {
-				"tooltip-before": A(() => [O(n.$slots, "tooltip-before", C(S({ ...Nl.value })), void 0, !0)]),
-				tooltip: A(() => [O(n.$slots, "tooltip", C(S({ ...Nl.value })), void 0, !0)]),
-				"tooltip-after": A(() => [O(n.$slots, "tooltip-after", C(S({ ...Nl.value })), void 0, !0)]),
+				"tooltip-before": j(() => [O(n.$slots, "tooltip-before", st(C({ ...Nl.value })), void 0, !0)]),
+				tooltip: j(() => [O(n.$slots, "tooltip", st(C({ ...Nl.value })), void 0, !0)]),
+				"tooltip-after": j(() => [O(n.$slots, "tooltip-after", st(C({ ...Nl.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -5087,26 +5054,26 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Xa.value && V.value.chart.userOptions.buttons.table ? (T(), $e(ut(Ru.value.component), at({ key: 9 }, Ru.value.props, {
+			Xa.value && V.value.chart.userOptions.buttons.table ? (T(), Qe(ut(Ru.value.component), it({ key: 9 }, Ru.value.props, {
 				ref_key: "tableUnit",
 				ref: Sa,
 				onClose: zu
-			}), et({
-				content: A(() => [x("div", { style: w(`${k(_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"}`) }, [x("div", Ci, [vt(x("input", {
+			}), $e({
+				content: j(() => [S("div", { style: w(`${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", {
 					type: "checkbox",
 					"onUpdate:modelValue": r[4] ||= (e) => ma.value = e
-				}, null, 512), [[ht, ma.value]]), x("div", {
+				}, null, 512), [[mt, ma.value]]), S("div", {
 					onClick: r[5] ||= (e) => ma.value = !ma.value,
 					style: w({ cursor: Za.value ? "pointer" : "default" })
-				}, [nt(k(Oi), {
+				}, [tt(A(Oi), {
 					name: "chartLine",
 					size: 20,
 					stroke: V.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), ma.value ? (T(), $e(k(ki), {
+				}, null, 8, ["stroke"])], 4)]), ma.value ? (T(), Qe(A(ki), {
 					key: `sparkline_${ha.value}`,
 					dataset: wc.value,
 					config: Tc.value
-				}, null, 8, ["dataset", "config"])) : (T(), $e(k(Ti), {
+				}, null, 8, ["dataset", "config"])) : (T(), Qe(A(Ti), {
 					key: `table_${fa.value}`,
 					colNames: Ql.value.colNames,
 					head: Ql.value.head,
@@ -5116,8 +5083,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					withCloseButton: !V.value.table.useDialog,
 					onClose: zu
 				}, {
-					th: A(({ th: e }) => [x("div", { innerHTML: e }, null, 8, wi)]),
-					td: A(({ td: e }) => [tt(ft(isNaN(Number(e)) ? e : k(o)({
+					th: j(({ th: e }) => [S("div", { innerHTML: e }, null, 8, wi)]),
+					td: j(({ td: e }) => [et(k(isNaN(Number(e)) ? e : A(o)({
 						p: V.value.chart.labels.prefix,
 						v: e,
 						s: V.value.chart.labels.suffix,
@@ -5135,23 +5102,23 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: A(() => [tt(ft(Ru.value.title), 1)]),
+				fn: j(() => [et(k(Ru.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
-				fn: A(() => [x("button", {
+				fn: j(() => [S("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: r[3] ||= (e) => $l(V.value.chart.userOptions.callbacks.csv)
-				}, [nt(k(Oi), {
+				}, [tt(A(Oi), {
 					name: "fileCsv",
 					stroke: Ru.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
-			} : void 0]), 1040)) : y("", !0),
-			O(n.$slots, "skeleton", {}, () => [k(no) ? (T(), $e(Le, { key: 0 })) : y("", !0)], !0)
+			} : void 0]), 1040)) : b("", !0),
+			O(n.$slots, "skeleton", {}, () => [A(no) ? (T(), Qe(Ie, { key: 0 })) : b("", !0)], !0)
 		], 46, Ot));
 	}
-}, [["__scopeId", "data-v-fa0479f5"]]);
+}, [["__scopeId", "data-v-bc467ca3"]]);
 //#endregion
 export { Dt as n, M as t };