vue-data-ui 3.22.0 → 3.22.1

package/dist/{vue-ui-xy-D4D9tjiY.js → vue-ui-xy-DMoj6Y3F.js}

@@ -1,24 +1,24 @@
 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 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 { B as t, Bt as n, D as r, Et as i, F as a, Ft as o, G as s, H as c, Ht as l, I as u, It as d, J as ee, L as te, M as ne, Mt as f, O as re, P as ie, Pt as ae, R as oe, S as se, T as ce, Ut as le, Vt as ue, X as de, _t as p, a as fe, c as pe, g as me, gt as he, h as ge, i as m, j as _e, k as ve, kt as ye, l as be, n as xe, nt as h, pt as Se, r as Ce, s as we, v as g, vt as _, w as Te, x as Ee, xt as De, y as Oe, z as ke } from "./lib-CXicicWN.js";
 import { n as Ae, r as je, t as Me } from "./useTimeLabels-BmBRv27Y.js";
-import { t as Ne } from "./useConfig-Br1uzq_L.js";
-import { t as Pe } from "./usePrinter-6n2MzVyV.js";
+import { t as Ne } from "./useConfig-C10cdg45.js";
+import { t as Pe } from "./usePrinter-Dng0UK-G.js";
 import { n as Fe, t as Ie } from "./BaseScanner-DZvpgOjM.js";
 import { t as Le } from "./useSvgExport-SVIsDot8.js";
-import { t as Re } from "./useNestedProp-DtcXIg7n.js";
+import { t as Re } from "./useNestedProp-APyFoLCQ.js";
 import { t as ze } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Be } from "./useStableElementSize-C7KADDKj.js";
 import { t as Ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as He } from "./img-C_RNNswI.js";
-import { n as Ue } from "./Title-DH6G8_cZ.js";
+import { t as He } from "./img-BCAOkqfM.js";
+import { n as Ue } from "./Title-CVYf1f8m.js";
 import { t as We } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Ge } from "./Shape-BubavoqO.js";
+import { t as Ge } from "./Shape-C5OvuwII.js";
 import { t as Ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as qe } from "./SlicerPreview-BA_RDgVn.js";
-import { t as Je } from "./vue-ui-accordion-HvsT8_RM.js";
-import { t as Ye } from "./BaseLegendToggle-CUYal8mC.js";
+import { t as qe } from "./SlicerPreview-CAhqG_ZQ.js";
+import { t as Je } from "./vue-ui-accordion-Ck_u5Nro.js";
+import { t as Ye } from "./BaseLegendToggle-B-lM0iV1.js";
 import { t as Xe } from "./A11yDataTable-DdRsVULz.js";
-import { Fragment as v, Teleport as Ze, computed as y, createBlock as Qe, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as $e, createTextVNode as et, createVNode as tt, defineAsyncComponent as nt, getCurrentInstance as rt, guardReactiveProps as C, mergeProps as it, nextTick as at, normalizeClass as ot, normalizeProps as 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";
+import { Fragment as v, Teleport as Ze, computed as y, createBlock as Qe, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as $e, createTextVNode as et, createVNode as tt, defineAsyncComponent as nt, getCurrentInstance as rt, guardReactiveProps as C, mergeProps as it, nextTick as at, normalizeClass as ot, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as st, onMounted as ct, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as lt, shallowRef as ut, toDisplayString as dt, toRefs as ft, unref as A, useSlots as pt, vModelCheckbox as mt, watch as ht, watchEffect as gt, withCtx as j, withDirectives as _t } from "vue";
 //#region src/utils/xy.js
 function vt(e) {
 	return ![
@@ -31,7 +31,7 @@ function vt(e) {
 }
 function yt(e, t) {
 	let n = Et(e), r = Array(n).fill(0);
-	for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
+	for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? null;
 	return r;
 }
 function bt(e, t) {
@@ -572,17 +572,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		"copyAlt"
 	],
 	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-C3_J575b.js").then((e) => e.n)), Ai = nt(() => import("./PackageVersion-DxBQctV8.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({
+		let M = e, Ti = nt(() => import("./DataTable-DJZgdnIn.js")), Ei = nt(() => import("./Tooltip-BmGCBJuU.js")), Di = nt(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Oi = nt(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), ki = nt(() => import("./vue-ui-table-sparkline-KOk0iH56.js").then((e) => e.n)), Ai = nt(() => import("./PackageVersion-_Dwp4NUr.js").then((e) => e.t)), ji = nt(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Mi = nt(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), Ni = Dt, Pi = pt(), Fi = rt(), { vue_ui_xy: Ii } = Ne(), { isThemeValid: Li, warnInvalidTheme: Ri } = ze(), zi = D(null), Bi = D(null), Vi = D(null), Hi = D(null), Ui = D(null), Wi = D(null), Gi = D(null), Ki = D(null), qi = D(null), Ji = D(null), Yi = D(null), Xi = D(null), Zi = D(null), Qi = D(null), $i = D(0), N = D(null), ea = D(!0), ta = D(600), P = D(1e3), na = D("0 0 1000 600"), ra = D({
 			x: 0,
 			y: 0
-		}), ia = E({
+		}), ia = D({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), 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({
+		}), aa = D(!1), oa = D(!1), sa = D(!1), ca = D(null), la = D([]), ua = y(() => new Set(la.value)), F = D(c()), da = D(0), fa = D(0), pa = D(0), ma = D(!0), ha = D(0), I = D(null), ga = D(!1), _a = D(!0), va = D(!0), L = D(null), ya = D({}), ba = D(null), xa = D(!1), Sa = D(null), Ca = D(!1), wa = D(!1), Ta = D(null), R = D(null), Ea = D(null), Da = D({
 			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 = Be({
+		}), Oa = D(null), ka = D(null), z = D(null), Aa = D(null), ja = D(null), Ma = ut(null), Na = D(!1), Pa = D(0), Fa = D(0), Ia = Be({
 			elementRef: Ma,
 			minimumWidth: 2,
 			minimumHeight: 2,
@@ -606,7 +606,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let e = ++Fa.value;
 			Na.value = !1, await at(), await Ra(), await Ra(), e === Fa.value && (Pa.value += 1, Na.value = !0);
 		}
-		let Ba = E(!1);
+		let Ba = D(!1);
 		function Va() {
 			Ba.value || (Ba.value = !0, at(() => {
 				Ba.value = !1, La(), za();
@@ -615,19 +615,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		let Ha = y(() => ({
 			height: ta.value,
 			width: P.value
-		})), Ua = E(!1), Wa = E(null), Ga = E(null), B = E({
+		})), Ua = D(!1), Wa = D(null), Ga = D(null), B = D({
 			xAxis: 18,
 			yAxis: 12,
 			dataLabels: 20,
 			plotLabels: 10
-		}), Ka = E({
+		}), Ka = D({
 			plot: 3,
 			line: 3,
 			selectedLine: 3
 		}), qa = y(() => Math.max(Ka.value.line * 1.5, Ka.value.selectedLine));
-		lt(() => {
+		ct(() => {
 			xa.value = !0, M.dataset.length && M.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.series) && ue({
+				[null, void 0].includes(e.series) && de({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
@@ -655,16 +655,16 @@ 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 = Re({
+			let n = Re({
 				userConfig: We[t] || M.config,
 				defaultConfig: e
-			}), i = Re({
+			}), r = Re({
 				userConfig: M.config,
-				defaultConfig: r
+				defaultConfig: n
 			});
 			return {
-				...i,
-				customPalette: i.customPalette.length ? i.customPalette : n[t] || d
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : ue[t] || ye
 			};
 		}
 		function Ya({ defaultConfig: e, userConfig: t }) {
@@ -680,7 +680,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			set(e) {
 				return e;
 			}
-		}), V = E(Ja()), Za = y(() => V.value.chart.userOptions.useCursorPointer), H = E({
+		}), V = D(Ja()), Za = y(() => V.value.chart.userOptions.useCursorPointer), H = D({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
@@ -701,7 +701,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			H.value.showTooltip = V.value.chart.tooltip.show === !0, e !== Wa.value && (H.value.isStacked = e, Wa.value = e), t !== Ga.value && (H.value.useIndividualScale = t, Ga.value = t), H.value.isStacked && (H.value.useIndividualScale = !0);
 		}
-		let $a = y(() => !!V.value.debug), eo = y(() => c({
+		let $a = y(() => !!V.value.debug), eo = y(() => le({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -804,11 +804,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				});
 			},
 			skeletonDataset: to.value,
-			skeletonConfig: c({
+			skeletonConfig: le({
 				defaultConfig: V.value,
 				userConfig: eo.value
 			})
-		}), ao = Ct((e, t) => de({
+		}), ao = Ct((e, t) => De({
 			data: e,
 			threshold: t
 		})), oo = (e) => ao(e, V.value.downsample.threshold), so = y(() => {
@@ -828,10 +828,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				n > e && (e = n);
 			}
 			return e;
-		}), uo = y(() => co.value), U = E({
+		}), uo = y(() => co.value), U = D({
 			start: 0,
 			end: uo.value
-		}), fo = E({
+		}), fo = D({
 			start: 0,
 			end: uo.value
 		}), po = y(() => V.value.chart.zoom.preview.enable && (fo.value.start !== U.value.start || fo.value.end !== U.value.end));
@@ -885,7 +885,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			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 = y(() => Ee(V.value.customPalette)), Co = y(() => {
+		}), xo = D(!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);
@@ -911,7 +911,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			}
 			let n = Co.value === null ? e > 0 ? 0 : e : Co.value, r = To.value === null ? t : To.value;
 			return wt(e < n ? e : n, t > r ? t : r).max;
-		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? 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)));
+		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? ge(Oo.value, ko.value < 0 ? 0 : ko.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : me(Oo.value, ko.value < 0 ? 0 : ko.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), Ao = y(() => [null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) ? W.value.min >= 0 ? 0 : Math.abs(W.value.min) : -W.value.min), G = y(() => ro.value.some((e) => Array.isArray(e.series) && e.series.some(xt)));
 		gt(() => {
 			G.value && ro.value.some((e) => !No(e)) && console.warn("Vue Data UI - VueUiXy: mixed continuous and non-continuous series are not supported in the same chart.\n\nContinuous mode requires all visible 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nSeries of type 'bar' and standard numeric series are ignored in continuous mode to prevent runtime errors.\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard [number, number, number...] format.");
 		});
@@ -940,7 +940,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isInvalid: !0
 			} : {
 				x: Number(e.x),
-				y: me(e.y) ? Number(e.y) : null,
+				y: p(e.y) ? Number(e.y) : null,
 				index: t,
 				raw: e,
 				isNull: !1,
@@ -955,8 +955,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			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) => 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]),
+				series: G.value ? i.map((e, t) => Po(e, t)).filter((e) => e.isInvalid ? !1 : e.x === null && e.y === null ? U.value.start <= 0 && U.value.end >= 0 : e.x >= U.value.start && e.x <= U.value.end) : i.map((e) => p(e) ? e : null).slice(U.value.start, U.value.end),
+				color: Oe(e.color ? e.color : So.value[t] ? So.value[t] : ye[t]),
 				id: n,
 				scaleLabel: e.scaleLabel || n
 			};
@@ -1012,7 +1012,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let t = ml({ x: Number(e) });
 			Bo(t), $s.value = t;
 		}
-		let Ho = E(0), Uo = E(0);
+		let Ho = D(0), Uo = D(0);
 		function Wo() {
 			let e = Ji.value;
 			if (!e) {
@@ -1066,7 +1066,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				individualOffsetX: 36
 			};
 		}), Jo = y(() => {
-			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = g(J.value?.top), r = g(J.value?.bottom);
+			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = h(J.value?.top), r = h(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;
@@ -1097,7 +1097,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function $o(e, t, n, r, i) {
 			n && (ya.value[`${e}_${t}_${r}_${i}`] = n);
 		}
-		let es = E(!1);
+		let es = D(!1);
 		async function ts(e = !1) {
 			await at(), es.value = e, ga.value && (va.value = e);
 		}
@@ -1110,7 +1110,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function is() {
 			aa.value = !aa.value;
 		}
-		let Y = E([]), as = E([]), os = 0;
+		let Y = D([]), as = D([]), os = 0;
 		gt(() => {
 			let e = ++os;
 			(async () => {
@@ -1145,7 +1145,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let e = V.value.chart.grid.labels.xAxisLabels, t = Y.value || [], n = as.value || [], r = U.value.start ?? 0, i = R.value, a = X.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
 			return we(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, cs.value || 1), o, s, r, i, a);
 		}), us = y(() => (ls.value || []).map((e) => e?.text ?? "").join("|"));
-		lt(() => {
+		ct(() => {
 			requestAnimationFrame(() => {
 				Wo();
 			}), ht([
@@ -1159,7 +1159,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					Wo();
 				});
 			}, { flush: "post" });
-		}), ct(() => {
+		}), st(() => {
 			Ho.value = 0, Uo.value = 0, Ia.stop(), Oa.value &&= (Oa.value.disconnect(), null);
 		});
 		function ds(e, t) {
@@ -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 || !p(e)) {
+			if (!G.value || !_(e)) {
 				Ta.value = null, Z.value = [], $s.value = null;
 				return;
 			}
 			Ta.value = Number(e), Vo(Number(e));
 		}
-		let ms = y(() => G.value ? p(Ta.value) || p($s.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		let ms = y(() => G.value ? _(Ta.value) || _($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;
 		}
@@ -1203,7 +1203,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let t = co.value;
 			return e > t ? t : e < 0 || V.value.chart.zoom.startIndex !== null && e < V.value.chart.zoom.startIndex ? V.value.chart.zoom.startIndex === null ? 1 : V.value.chart.zoom.startIndex + 1 : e;
 		}
-		let vs = E(!1), ys = E(!1), bs = E(0), xs = E(0);
+		let vs = D(!1), ys = D(!1), bs = D(0), xs = D(0);
 		function Ss() {
 			if (!vs.value) {
 				vs.value = !0;
@@ -1225,7 +1225,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}
 			}
 		}
-		let Cs = E(!1), ws = E(!1), Ts = null, Es = null, Ds = {};
+		let Cs = D(!1), ws = D(!1), Ts = null, Es = null, Ds = {};
 		function Os(e = U.value) {
 			return Number(e.end) - Number(e.start);
 		}
@@ -1310,10 +1310,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		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 ? _(t - e.y <= 0 ? 1e-5 : t - e.y) : _(e.y - Hs.value <= 0 ? 1e-5 : e.y - 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);
 		}
 		function Ks(e) {
-			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);
+			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);
 		}
 		let qs = y(() => {
 			let e = Math.max(1, X.value);
@@ -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 = y(() => {
+		let Qs = D(null), Z = D([]), $s = D(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 (!p(a?.x) || !p(a?.y)) continue;
+					if (!_(a?.x) || !_(a?.y)) continue;
 					let o = Number(a.x), s = ml(a), c = {
 						datapoint: i,
 						point: a,
@@ -1400,13 +1400,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		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 (!p(t)) {
+			if (!_(t)) {
 				Z.value = [], $s.value = null, Ta.value = null, sa.value = !1;
 				return;
 			}
 			Vo(Number(t));
-			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;
+			let r = n(ml({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
+			r && (Da.value = r), R.value = e, Ea.value = e, sa.value = !0;
 		}
 		function ic(e) {
 			let t = L.value;
@@ -1575,9 +1575,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			...e,
 			series: oo(e.series),
 			id: `uniqueId_${t}`,
-			color: De(e.color ? e.color : So.value[t] ? So.value[t] : d[t])
+			color: Oe(e.color ? e.color : So.value[t] ? So.value[t] : ye[t])
 		})) : ro.value), wc = y(() => K.value.map((e) => {
-			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
+			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? null : e);
 			return {
 				id: e.id,
 				name: e.name,
@@ -1605,7 +1605,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				outline: V.value.table.td.outline
 			},
 			userOptions: { show: !1 },
-			sparkline: { animation: { show: !1 } }
+			sparkline: {
+				animation: { show: !1 },
+				cutNullValues: V.value.line.cutNullValues
+			}
 		})), 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);
@@ -1640,7 +1643,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Pc(e) {
 			return Math.max(1e-5, Dc.value * e);
 		}
-		let Fc = y(() => m(Lo.value.filter((e) => !ua.value.has(e.id)))), Ic = [
+		let Fc = y(() => fe(Lo.value.filter((e) => !ua.value.has(e.id)))), Ic = [
 			"bar",
 			"line",
 			"plot"
@@ -1744,16 +1747,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			if (!t.length) return [];
 			let { left: n, right: r } = J.value, i = Hs.value, a = J.value.height, o = W.value.min, s = W.value.max - o, c = (e) => i - (e - 0) / s * a;
 			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, 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;
+				let { yAxis: { yTop: i, yBottom: a, label: o } } = e, s = i != null && a != null && i !== a, l = i == null ? null : c(i), u = a == null ? null : c(a), d = Zo(o.fontSize);
+				d.font = `${o.fontSize}px sans-serif`;
+				let ee = d.measureText(o.text).width, te = o.fontSize, ne = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, f = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, re;
+				re = o.textAnchor === "middle" ? ne - ee / 2 - o.padding?.left : o.textAnchor === "end" ? ne - ee - o.padding?.right : ne - o.padding?.left;
+				let ie = f - te * .75 - o.padding?.top;
 				return {
 					show: ![
 						l,
 						u,
-						f
+						ie
 					].includes(NaN),
 					id: cl("annotation_y", [
 						t,
@@ -1769,14 +1772,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					x1: n,
 					x2: r,
 					_text: {
-						x: re,
-						y: d
+						x: ne,
+						y: f
 					},
 					_box: {
-						x: ie,
-						y: f,
-						width: te + o.padding?.left + o.padding?.right,
-						height: ne + o.padding?.top + o.padding?.bottom,
+						x: re,
+						y: ie,
+						width: ee + o.padding?.left + o.padding?.right,
+						height: te + o.padding?.top + o.padding?.bottom,
 						fill: o.backgroundColor,
 						stroke: o.border.stroke,
 						rx: o.border.rx,
@@ -1857,7 +1860,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			return no.value || ws.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`;
 		}
 		let ul = y(() => al(Io.value, 0, 1)), dl = y(() => {
-			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : ul.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : ul.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? he(r, i, e) : pe(r, i, e);
+			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);
 			if (V.value.chart.grid.position !== "start") return a;
 			let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
 			return {
@@ -1866,7 +1869,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			};
 		}), fl = y(() => G.value ? (Bs.value ? [...dl.value.ticks].reverse() : [...dl.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
-			text: h(V.value.chart.grid.labels.xAxis.formatter, e, o({
+			text: m(V.value.chart.grid.labels.xAxis.formatter, e, s({
 				v: e,
 				s: V.value.chart.labels.prefix,
 				p: V.value.chart.labels.suffix,
@@ -1894,19 +1897,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			return !G.value || !e ? null : e.x ?? null;
 		}
 		function bl({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
-			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? 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;
+			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? me : ge, d = o.max === o.min ? o.max * l : o.max, ee = a === i ? a * l : a, te = u(o.min, d, c), ne = u(i, ee, c), f = te.min >= 0 ? 0 : Math.abs(te.min), re = te.max + Math.abs(f), ie = ne.max + 0, ae = e.stackIndex, oe = t - 1 - ae, se = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, ce = H.value.isStacked ? r * se + n * oe : 0, le = H.value.isStacked ? r * e.stackRatio : J.value.height;
 			return {
 				scaleSteps: c,
-				individualScale: ne,
-				autoScaleSteps: re,
-				individualZero: d,
+				individualScale: te,
+				autoScaleSteps: ne,
+				individualZero: f,
 				autoScaleZero: 0,
-				individualMax: ie,
-				autoScaleMax: f,
+				individualMax: re,
+				autoScaleMax: ie,
 				yOffset: ce,
 				individualHeight: le,
-				zeroPosition: J.value?.bottom - ce - le * d / ie,
-				autoScaleZeroPosition: J.value?.bottom - ce - le * 0 / f
+				zeroPosition: J.value?.bottom - ce - le * f / re,
+				autoScaleZeroPosition: J.value?.bottom - ce - le * 0 / ie
 			};
 		}
 		function xl({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
@@ -2005,7 +2008,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		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: d, autoScaleRatiosToNiceScale: ie } = El({
+				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: d, zeroPosition: ee, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: f, autoScaleRatiosToNiceScale: re } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
@@ -2013,58 +2016,58 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					clampNegativeAutoScaleMaximum: !0,
 					filterMinimumValues: !0,
 					preserveLooseMinimumExpression: !0
-				}), 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;
+				}), ie = Uc.value, ae = Dl(n.comments), oe = n.series.map((e, t) => {
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : Fs(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + qs.value.bar * i + qs.value.bar * t * ie - Jc.value / 2 - i * Yc.value;
 					return {
-						yOffset: _(u),
-						individualHeight: _(ee),
-						x: _(a),
+						yOffset: g(u),
+						individualHeight: g(d),
+						x: g(a),
 						y: Rs({
 							ratio: r,
 							yOffset: u,
-							individualHeight: ee
+							individualHeight: d
 						}),
 						value: n.absoluteValues[t],
-						zeroPosition: _(te),
-						individualMax: _(c),
+						zeroPosition: g(ee),
+						individualMax: g(c),
 						comment: ae[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: _(u),
-						individualHeight: _(ee),
-						x: _(r),
-						y: _(Rs({
-							ratio: ie[t] || 0,
-							yOffset: _(u),
-							individualHeight: _(ee)
+						yOffset: g(u),
+						individualHeight: g(d),
+						x: g(r),
+						y: g(Rs({
+							ratio: re[t] || 0,
+							yOffset: g(u),
+							individualHeight: g(d)
 						})),
 						value: n.absoluteValues[t],
-						zeroPosition: _(te),
-						individualMax: _(c),
+						zeroPosition: g(ee),
+						individualMax: g(c),
 						comment: ae[t] || ""
 					};
 				}), ce = qc({
 					datapoint: n,
-					scaleYLabels: re,
-					autoScaleYLabels: d,
-					zeroPosition: te,
-					autoScaleZeroPosition: ne,
+					scaleYLabels: ne,
+					autoScaleYLabels: f,
+					zeroPosition: ee,
+					autoScaleZeroPosition: te,
 					individualMax: c,
 					autoScaleMax: l,
 					yOffset: u,
-					individualHeight: ee
+					individualHeight: d
 				});
 				return {
 					...n,
 					yOffset: u,
-					autoScaleYLabels: d,
-					individualHeight: ee,
-					scaleYLabels: n.autoScaling ? d : re,
+					autoScaleYLabels: f,
+					individualHeight: d,
+					scaleYLabels: n.autoScaling ? f : ne,
 					individualScale: n.autoScaling ? o : a,
 					individualMax: n.autoScaling ? l : c,
-					zeroPosition: n.autoScaling ? ne : te,
+					zeroPosition: n.autoScaling ? te : ee,
 					plots: n.autoScaling ? se : oe,
 					scaleGroup: ce,
 					groupId: ce.groupId
@@ -2072,13 +2075,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			});
 		}), 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: d, individualHeight: ie, zeroPosition: f, autoScaleZeroPosition: oe, scaleYLabels: ce, autoScaleYLabels: le, autoScaleRatiosToNiceScale: ue } = El({
+			return Bc.value.map((n, i) => {
+				let { individualScale: o, autoScaleSteps: s, individualZero: c, individualMax: l, autoScaleMax: d, yOffset: ee, individualHeight: f, zeroPosition: ie, autoScaleZeroPosition: ae, scaleYLabels: se, autoScaleYLabels: le, autoScaleRatiosToNiceScale: ue } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r
-				}), p = Dl(n.comments), m = n.series.map((e, t) => {
+				}), de = Dl(n.comments), p = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
@@ -2087,112 +2090,112 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						datasetXValue: yl(e),
 						comment: n.comments && n.comments.slice(U.value.start, U.value.end)[t] || ""
 					};
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(c)) / u : Fs(Fo(e));
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(c)) / l : Fs(Fo(e));
 					return {
 						index: t,
-						x: _(vl(e, t)),
+						x: g(vl(e, t)),
 						datasetXValue: yl(e),
-						y: _(Rs({
+						y: g(Rs({
 							ratio: r,
-							yOffset: d,
-							individualHeight: ie
+							yOffset: ee,
+							individualHeight: f
 						})),
 						value: n.absoluteValues[t],
-						comment: p[t] || ""
+						comment: de[t] || ""
 					};
-				}), de = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), fe = 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: p[t] || ""
+					comment: de[t] || ""
 				} : [void 0, null].includes(n.absoluteValues[t]) ? {
 					index: t,
-					x: _(vl(e, t)),
-					y: f,
+					x: g(vl(e, t)),
+					y: ie,
 					value: n.absoluteValues[t],
-					comment: p[t] || ""
+					comment: de[t] || ""
 				} : {
 					index: t,
-					x: _(vl(e, t)),
+					x: g(vl(e, t)),
 					datasetXValue: yl(e),
-					y: _(Rs({
+					y: g(Rs({
 						ratio: ue[t] || 0,
-						yOffset: d,
-						individualHeight: ie
+						yOffset: ee,
+						individualHeight: f
 					})),
 					value: n.absoluteValues[t],
-					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({
+					comment: de[t] || ""
+				}), pe = n.dashIndices && Array.isArray(n.dashIndices) && n?.dashIndices?.length > 0, me = V.value.line.cutNullValues ? _e(p) : ve(p.filter((e) => e.value !== null)), he = V.value.line.cutNullValues ? _e(fe) : ve(fe.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? te(p) : u(p.filter((e) => e.value !== null)), m = V.value.line.cutNullValues ? te(fe) : u(fe.filter((e) => e.value !== null)), ye = a(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null)), be = a(V.value.line.cutNullValues ? fe : fe.filter((e) => e.value !== null)), xe = pe ? oe(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], h = pe ? ne(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], Se = qc({
 					datapoint: n,
-					scaleYLabels: ce,
+					scaleYLabels: se,
 					autoScaleYLabels: le,
-					zeroPosition: f,
-					autoScaleZeroPosition: oe,
-					individualMax: u,
-					autoScaleMax: ne,
-					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) => ![
+					zeroPosition: ie,
+					autoScaleZeroPosition: ae,
+					individualMax: l,
+					autoScaleMax: d,
+					yOffset: ee,
+					individualHeight: f
+				}), Ce = H.value.useIndividualScale ? n.autoScaling ? ae : ie : wo.value, we = Math.max(Math.max(n.autoScaling ? ae : se.at(-1) ? se.at(-1).y : 0, J.value?.top), Ce), _ = n.autoScaling ? fe : p, Ee = V.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null), De = n.absoluteValues.filter((e) => ![
 					null,
 					void 0,
 					NaN
-				].includes(e)), ke = !!n.temperatureColors && new Set(Oe).size <= 1;
+				].includes(e)), ke = !!n.temperatureColors && new Set(De).size <= 1;
 				return {
 					...n,
 					isFlatTemperatureLine: ke,
-					temperatureColors: n.temperatureColors ? n.temperatureColors.map((e) => De(e)) : null,
-					yOffset: d,
+					temperatureColors: n.temperatureColors ? n.temperatureColors.map((e) => Oe(e)) : null,
+					yOffset: ee,
 					autoScaleYLabels: le,
-					individualHeight: ie,
-					scaleYLabels: n.autoScaling ? le : ce,
+					individualHeight: f,
+					scaleYLabels: n.autoScaling ? le : se,
 					individualScale: n.autoScaling ? s : o,
-					individualMax: n.autoScaling ? ne : u,
-					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
+					individualMax: n.autoScaling ? d : l,
+					zeroPosition: n.autoScaling ? ae : ie,
+					curve: n.useStepper ? n.autoScaling ? be : ye : n.autoScaling ? he : me,
+					plots: n.autoScaling ? fe : p,
+					dashedStraight: xe,
+					dashedSmooth: h,
+					hasDashedSegments: pe,
+					area: n.useArea ? n.useStepper ? a(Ee, we) : H.value.useIndividualScale ? V.value.line.cutNullValues ? ce(n.autoScaling ? fe : p, we) : Te(n.autoScaling ? fe.filter((e) => e.value !== null) : p.filter((e) => e.value !== null), we) : V.value.line.cutNullValues ? ce(p, we) : Te(p.filter((e) => e.value !== null), we) : "",
+					curveAreas: n.useArea ? n.useStepper ? a(Ee, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : re(n.autoScaling ? V.value.line.cutNullValues ? fe : fe.filter((e) => e.value !== null) : V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), we, V.value.line.cutNullValues) : [],
+					straight: n.useStepper ? n.autoScaling ? be : ye : n.autoScaling ? m : ge,
+					scaleGroup: Se,
+					groupId: Se.groupId
 				};
 			});
 		}), $ = 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: d } = El({
+				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: d, autoScaleZeroPosition: ee, scaleYLabels: te, autoScaleYLabels: ne, autoScaleRatiosToNiceScale: f } = El({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r,
 					forceExactScale: !0,
 					preserveLooseMinimumExpression: !0
-				}), ie = Dl(n.comments), f = n.series.map((e, t) => {
+				}), re = Dl(n.comments), ie = 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: ie[t] || ""
+						comment: re[t] || ""
 					};
 					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(o)) / s : Fs(Fo(e));
 					return {
 						index: t,
-						x: _(vl(e, t)),
+						x: g(vl(e, t)),
 						datasetXValue: yl(e),
-						y: _(Rs({
+						y: g(Rs({
 							ratio: r,
 							yOffset: l,
 							individualHeight: u
 						})),
 						value: n.absoluteValues[t],
-						comment: ie[t] || ""
+						comment: re[t] || ""
 					};
 				}), ae = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
@@ -2200,24 +2203,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					datasetXValue: yl(e),
 					y: null,
 					value: null,
-					comment: ie[t] || ""
+					comment: re[t] || ""
 				} : {
 					index: t,
-					x: _(vl(e, t)),
+					x: g(vl(e, t)),
 					datasetXValue: yl(e),
-					y: _(Rs({
-						ratio: d[t] || 0,
+					y: g(Rs({
+						ratio: f[t] || 0,
 						yOffset: l,
 						individualHeight: u
 					})),
 					value: n.absoluteValues[t],
-					comment: ie[t] || ""
+					comment: re[t] || ""
 				}), oe = qc({
 					datapoint: n,
-					scaleYLabels: ne,
-					autoScaleYLabels: re,
-					zeroPosition: ee,
-					autoScaleZeroPosition: te,
+					scaleYLabels: te,
+					autoScaleYLabels: ne,
+					zeroPosition: d,
+					autoScaleZeroPosition: ee,
 					individualMax: s,
 					autoScaleMax: c,
 					yOffset: l,
@@ -2226,13 +2229,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				return {
 					...n,
 					yOffset: l,
-					autoScaleYLabels: re,
+					autoScaleYLabels: ne,
 					individualHeight: u,
-					scaleYLabels: n.autoScaling ? re : ne,
+					scaleYLabels: n.autoScaling ? ne : te,
 					individualScale: n.autoScaling ? a : i,
 					individualMax: n.autoScaling ? c : s,
-					zeroPosition: n.autoScaling ? te : ee,
-					plots: n.autoScaling ? ae : f,
+					zeroPosition: n.autoScaling ? ee : d,
+					plots: n.autoScaling ? ae : ie,
 					scaleGroup: oe,
 					groupId: oe.groupId
 				};
@@ -2301,7 +2304,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					id: e.id,
 					groupId: e.groupId,
 					scaleLabel: e.scaleLabel,
-					name: h(V.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
+					name: m(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,
@@ -2329,7 +2332,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;
-				fe({
+				pe({
 					lineA: o.plots,
 					lineB: s.plots,
 					smoothA: !!o.smooth,
@@ -2362,7 +2365,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				plots: $.value,
 				config: V.value
 			};
-		}), Pl = E({
+		}), Pl = D({
 			months: [],
 			shortMonths: [],
 			days: [],
@@ -2565,14 +2568,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			return Rl.set(t, i), i;
 		}
 		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({
+			let e = "", t = el.value.map((e) => e.value).filter((e) => p(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: m(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, s({
 				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 (ge(r)) try {
+			if (he(r)) try {
 				let e = r(zl(n));
 				if (typeof e == "string") return e;
 			} catch (e) {
@@ -2583,15 +2586,15 @@ 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 (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({
+				if (p(r.value)) {
+					let i = Vl(r), a = V.value.chart.tooltip.showValue ? m(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, s({
 						p: r.prefix,
 						v: r.value,
 						s: r.suffix,
 						r: V.value.chart.tooltip.roundingValue
-					}), { datapoint: r }) : "", s = V.value.chart.tooltip.showValue ? n?.text ?? "" : "", c = G.value ? `
+					}), { datapoint: r }) : "", o = V.value.chart.tooltip.showValue ? n?.text ?? "" : "", c = G.value ? `
                     <span>${V.value.chart.grid.labels.axis.xLabel || "X"}: </span>
-                    <span>${s}</span>, 
+                    <span>${o}</span>, 
                     <span>${V.value.chart.grid.labels.axis.yLabel || "Y"}: </span>
                     <span>${a}</span>
                 ` : a;
@@ -2605,8 +2608,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
                                 </div>
                             </div>
                         </div>
-                    ` : e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;white-space:nowrap;"><div style="width:20px">${i}</div> ${r.name}: <b>${c}</b> ${V.value.chart.tooltip.showPercentage ? `(${o({
-						v: _(Math.abs(r.value) / t * 100),
+                    ` : e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;white-space:nowrap;"><div style="width:20px">${i}</div> ${r.name}: <b>${c}</b> ${V.value.chart.tooltip.showPercentage ? `(${s({
+						v: g(Math.abs(r.value) / t * 100),
 						s: "%",
 						r: V.value.chart.tooltip.roundingPercentage
 					})})` : ""}</div>`;
@@ -2628,7 +2631,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		});
 		function Wl(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? h(V.value.chart.grid.labels.xAxis.formatter, t, o({
+			return Number.isFinite(t) ? m(V.value.chart.grid.labels.xAxis.formatter, t, s({
 				v: t,
 				r: V.value.table.rounding
 			}), {
@@ -2652,7 +2655,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}
 		function Jl(e, t) {
 			let n = Kl(e, t);
-			return vt(n) ? h(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) ? m(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, s({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n,
 				s: e.suffix || V.value.chart.labels.suffix,
@@ -2725,8 +2728,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				[V.value.chart.title.text],
 				[V.value.chart.title.subtitle.text],
 				[""]
-			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Zl.value.head.map((e) => e.label)], r = Zl.value.body, i = oe(t.concat([n]).concat(r));
-			e ? e(i) : u({
+			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Zl.value.head.map((e) => e.label)], r = Zl.value.body, i = se(t.concat([n]).concat(r));
+			e ? e(i) : ee({
 				csvContent: i,
 				title: V.value.chart.title.text || "vue-ui-xy"
 			});
@@ -2769,43 +2772,43 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				B.value.dataLabels = V.value.chart.grid.labels.fontSize, B.value.yAxis = V.value.chart.grid.labels.axis.fontSize, B.value.xAxis = V.value.chart.grid.labels.xAxisLabels.fontSize, B.value.plotLabels = V.value.chart.labels.fontSize, Ka.value.plot = V.value.plot.radius, Ka.value.line = V.value.line.radius, Ka.value.selectedLine = V.value.line.dot.selectedRadius;
 				return;
 			}
-			B.value.dataLabels = le({
+			B.value.dataLabels = l({
 				relator: ta.value,
 				adjuster: 400,
 				source: V.value.chart.grid.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.yAxis = le({
+			}), B.value.yAxis = l({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.axis.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.xAxis = le({
+			}), B.value.xAxis = l({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.xAxisLabels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.plotLabels = le({
+			}), B.value.plotLabels = l({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), Ka.value.plot = le({
+			}), Ka.value.plot = l({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), Ka.value.line = le({
+			}), Ka.value.line = l({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.radius,
 				threshold: 1,
 				fallback: 0
-			}), Ka.value.selectedLine = le({
+			}), Ka.value.selectedLine = l({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.dot.selectedRadius,
@@ -2814,12 +2817,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			});
 		}
 		function ou() {
-			if (ce(M.dataset) ? (ue({
+			if (i(M.dataset) ? (de({
 				componentName: "VueUiXy",
 				type: "dataset",
 				debug: $a.value
 			}), io.value = !0) : M.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && (ue({
+				[null, void 0].includes(e.name) && (de({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
@@ -2828,9 +2831,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}), io.value = !0);
 			}), $a.value && M.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
-					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.`);
+					p(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
 				});
-			}), 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) {
+			}), i(M.dataset) || (io.value = V.value.loading), ga.value = V.value.chart.userOptions.showOnChartHover, _a.value = V.value.chart.userOptions.keepStateOnChartLeave, va.value = !V.value.chart.userOptions.showOnChartHover, Qa(), V.value.responsive) {
 				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;
@@ -2843,12 +2846,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				Ui.value && (l = Ui.value.getBoundingClientRect().height);
 				let u = 0;
 				Wi.value && (u = Wi.value.getBoundingClientRect().height), ta.value = t - i - c - o - l - u - 12, P.value = n, na.value = `0 0 ${P.value < 0 ? 10 : P.value} ${ta.value < 0 ? 10 : ta.value}`, au();
-				let ee = new ResizeObserver((e) => {
+				let d = new ResizeObserver((e) => {
 					for (let t of e) i = V.value.chart.title.show && Bi.value ? Bi.value.getBoundingClientRect().height : 0, o = Vi.value && Vi.value.$el ? Vi.value.$el.getBoundingClientRect().height : 0, c = Hi.value ? Hi.value.getBoundingClientRect().height : 0, l = Ui.value ? Ui.value.getBoundingClientRect().height : 0, u = Wi.value ? Wi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
 						ta.value = t.contentRect.height - i - c - o - l - u - 12, P.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, na.value = `0 0 ${P.value < 0 ? 10 : P.value} ${ta.value < 0 ? 10 : ta.value}`, au(), Va();
 					});
 				});
-				Zi.value = ee, Qi.value = e, ee.observe(e);
+				Zi.value = d, Qi.value = e, d.observe(e);
 			} else ta.value = V.value.chart.height, P.value = V.value.chart.width, 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, na.value = `0 0 ${P.value} ${ta.value}`;
 			Va();
 		}
@@ -2858,9 +2861,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				y: e.clientY
 			};
 		}
-		lt(() => {
+		ct(() => {
 			ou(), Ss(), document.addEventListener("mousemove", su, { passive: !0 }), document.addEventListener("scroll", Qo, { passive: !0 });
-		}), ct(() => {
+		}), st(() => {
 			document.removeEventListener("scroll", Qo, { passive: !0 }), document.removeEventListener("mousemove", su, { passive: !0 }), Zi.value && (Qi.value && Zi.value.unobserve(Qi.value), Zi.value.disconnect(), Zi.value = null, Qi.value = null), hu(), ks();
 		}), Ve({
 			timeLabelsEls: Ji,
@@ -2887,19 +2890,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			width: P,
 			rotation: V.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let cu = E(!1), lu = E(null), uu = E(200), du = y(() => R.value ?? I.value ?? 0), fu = y(() => {
+		let cu = D(!1), lu = D(null), uu = D(200), du = y(() => R.value ?? I.value ?? 0), fu = y(() => {
 			if (!G.value) return null;
-			if (p(Ta.value)) return Number(Ta.value);
+			if (_(Ta.value)) return Number(Ta.value);
 			let e = Z.value[0];
-			return p(e?.point?.x) ? Number(e.point.x) : null;
+			return _(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 && 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)));
+			let e = pu(), t = (G.value && _(fu.value) ? ml({ x: fu.value }) : Oc(du.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
+			return g(Math.max(n, Math.min(t, r)));
 		}
 		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;
@@ -2914,7 +2917,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				e.offsetParent !== null && gu(e.offsetWidth || e.getBoundingClientRect().width || 200);
 			}), ka.value.observe(e), z.value = e));
 		}
-		lt(() => {
+		ct(() => {
 			ka.value = new ResizeObserver((e) => {
 				let t = e.find((e) => e.target === z.value) || e[0];
 				t && gu(t.contentRect.width || 200);
@@ -2936,7 +2939,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			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 (ge(t)) try {
+				if (he(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
@@ -2950,12 +2953,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} catch {
 					console.warn("Custom format cannot be applied on timeTag."), cu.value = !1;
 				}
-				return o({
+				return s({
 					v: e,
 					r: V.value.chart.grid.labels.xAxis.rounding
 				});
 			}
-			if (ge(t)) try {
+			if (he(t)) try {
 				let n = t({
 					absoluteIndex: e + U.value.start,
 					seriesIndex: e,
@@ -2973,17 +2976,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		});
 		function yu({ serie: e, plot: n, type: r }) {
 			if (!vt(n.value)) return "";
-			let i = o({
+			let i = s({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n.value,
 				s: e.suffix || V.value.chart.labels.suffix,
 				r: V.value[r].labels.rounding
 			}), a = n.datasetXValue;
 			return t({
-				content: G.value && p(a) ? `x: ${o({
+				content: G.value && _(a) ? `x: ${s({
 					v: a,
 					r: V.value.chart.grid.labels.xAxis.rounding
-				})}\ny: ${i}` : h(V.value[r].labels.formatter, n.value, i, {
+				})}\ny: ${i}` : m(V.value[r].labels.formatter, n.value, i, {
 					datapoint: n,
 					serie: e
 				}),
@@ -2996,14 +2999,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function bu({ plot: e }) {
 			let t = V.value.bar.labels.offsetY, n = Math.abs(Ks(e)), r = e.value < 0, i = {
 				x: (H.value.useIndividualScale && H.value.isStacked ? e.x + qs.value.line / 2 : Ys(e) + Js() / 2 - Yc.value / 2) + V.value.bar.labels.offsetX,
-				y: _(e.y) + (V.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
+				y: g(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: _(e.y) + (V.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
+				y: g(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 +3015,22 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			let n = e.value >= 0;
 			return V.value[t].labels.rotation === 0 ? "middle" : V.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let Cu = y(() => G.value ? 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(() => [
+		let Cu = y(() => G.value ? _(Ta.value) ? ml({ x: Number(Ta.value) }) : _($s.value) ? $s.value : null : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), wu = y(() => V.value.chart.highlighter.crosshairs.show && ms.value), Tu = y(() => [
 			...Q.value,
 			...$.value,
 			...kl.value
 		].flatMap((e) => (e.plots || []).filter((t, n) => Ou(e, t, n)).filter((e) => vt(e.value)).map((t) => ({
 			...t,
 			serie: e,
-			x: _(t.x),
-			y: _(t.y)
+			x: g(t.x),
+			y: g(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 p(t) ? {
+				return _(t) ? {
 					x: Cu.value,
-					text: h(V.value.chart.grid.labels.xAxis.formatter, t, o({
+					text: m(V.value.chart.grid.labels.xAxis.formatter, t, s({
 						v: t,
 						r: V.value.chart.tooltip.roundingValue
 					}))
@@ -3093,7 +3096,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		}, { 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);
+		let Pu = D(!1), Fu = D(!1);
 		function Iu() {
 			let e = zi.value?.parentNode;
 			if (!e) {
@@ -3106,7 +3109,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 		function Lu() {
 			return !Pu.value || Fu.value || ys.value ? !1 : U.value.start === 0 && U.value.end === 0;
 		}
-		lt(() => {
+		ct(() => {
 			Iu(), Oa.value = new ResizeObserver(() => {
 				Iu(), Pu.value && (ou(), ho(), Lu() && Ss());
 			}), zi.value?.parentNode && Oa.value.observe(zi.value.parentNode);
@@ -3214,7 +3217,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}
 			}));
 		}
-		let Ju = E(!1);
+		let Ju = D(!1);
 		function Yu() {
 			U.value.end > U.value.start && (Ea.value = null), es.value = !0, Ju.value = !0;
 		}
@@ -3240,8 +3243,8 @@ 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 = ke(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
-			r && (Da.value = r);
+			let r = J.value.width / t, i = n(J.value.left + r * e + r / 2, J.value.top + J.value.height / 2, L.value);
+			i && (Da.value = i);
 		}
 		let $u = y(() => {
 			if (!Ql.value) return null;
@@ -3268,12 +3271,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			toggleFullscreen: iu,
 			copyAlt: qu,
 			resetZoom: Ns
-		}), (n, r) => (T(), x("div", {
+		}), (n, r) => (E(), x("div", {
 			id: `vue-ui-xy_${F.value}`,
 			class: ot(`vue-data-ui-component vue-ui-xy ${oa.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
 			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%" : ""}`),
+			style: T(`background:${V.value.chart.backgroundColor}; color:${V.value.chart.color};width:100%;font-family:${V.value.chart.fontFamily};${V.value.responsive ? "height: 100%" : ""}`),
 			onMouseenter: ns,
 			onMouseleave: rs,
 			onClick: cc
@@ -3281,8 +3284,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 			S("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [S("p", null, k(V.value.a11y.translations.keyboardNavigation), 1)], 8, kt),
-			$u.value?.rows?.length ? (T(), Qe(Xe, {
+			}, [S("p", null, dt(V.value.a11y.translations.keyboardNavigation), 1)], 8, kt),
+			$u.value?.rows?.length ? (E(), Qe(Xe, {
 				key: 0,
 				uid: F.value,
 				head: $u.value.headers,
@@ -3296,7 +3299,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"notice",
 				"caption"
 			])) : b("", !0),
-			V.value.chart.userOptions.buttons.annotator && L.value ? (T(), Qe(A(ji), {
+			V.value.chart.userOptions.buttons.annotator && L.value ? (E(), Qe(A(ji), {
 				key: 1,
 				svgRef: L.value,
 				backgroundColor: V.value.chart.backgroundColor,
@@ -3305,12 +3308,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isCursorPointer: Za.value,
 				onClose: is
 			}, {
-				"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)]),
+				"annotator-action-close": j(() => [k(n.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": j(({ color: e }) => [k(n.$slots, "annotator-action-color", w(C({ color: e })), void 0, !0)]),
+				"annotator-action-draw": j(({ mode: e }) => [k(n.$slots, "annotator-action-draw", w(C({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": j(({ disabled: e }) => [k(n.$slots, "annotator-action-undo", w(C({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": j(({ disabled: e }) => [k(n.$slots, "annotator-action-redo", w(C({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": j(({ disabled: e }) => [k(n.$slots, "annotator-action-delete", w(C({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -3319,20 +3322,20 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"active",
 				"isCursorPointer"
 			])) : b("", !0),
-			xc.value ? (T(), x("div", {
+			xc.value ? (E(), 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)) : b("", !0),
-			V.value.chart.title.show ? (T(), x("div", {
+			V.value.chart.title.show ? (E(), x("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Bi,
 				class: "vue-ui-xy-title",
-				style: w(`font-family:${V.value.chart.fontFamily}`)
-			}, [(T(), Qe(Ue, {
+				style: T(`font-family:${V.value.chart.fontFamily}`)
+			}, [(E(), Qe(Ue, {
 				key: `title_${pa.value}`,
 				config: {
 					title: {
@@ -3346,7 +3349,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}
 			}, 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), {
+			V.value.chart.userOptions.show && (_a.value || va.value) ? (E(), Qe(A(Di), {
 				ref_key: "userOptionsRef",
 				ref: Xi,
 				key: `user_options_${da.value}`,
@@ -3388,11 +3391,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				onToggleTooltip: ru,
 				onToggleAnnotator: is,
 				onCopyAlt: qu,
-				style: w({ visibility: _a.value ? va.value ? "visible" : "hidden" : "visible" })
+				style: T({ visibility: _a.value ? va.value ? "visible" : "hidden" : "visible" })
 			}, $e({ _: 2 }, [
 				n.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: j(({ isOpen: e, color: t }) => [O(n.$slots, "menuIcon", st(C({
+					fn: j(({ isOpen: e, color: t }) => [k(n.$slots, "menuIcon", w(C({
 						isOpen: e,
 						color: t
 					})), void 0, !0)]),
@@ -3400,47 +3403,47 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} : void 0,
 				n.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: j(() => [O(n.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				n.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: j(() => [O(n.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				n.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: j(() => [O(n.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				n.$slots.optionImg ? {
 					name: "optionImg",
-					fn: j(() => [O(n.$slots, "optionImg", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				n.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: j(() => [O(n.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				n.$slots.optionTable ? {
 					name: "optionTable",
-					fn: j(() => [O(n.$slots, "optionTable", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				n.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: j(() => [O(n.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				n.$slots.optionStack ? {
 					name: "optionStack",
-					fn: j(({ isStack: e }) => [O(n.$slots, "optionStack", st(C({ isStack: e })), void 0, !0)]),
+					fn: j(({ isStack: e }) => [k(n.$slots, "optionStack", w(C({ isStack: e })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				n.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: j(({ toggleFullscreen: e, isFullscreen: t }) => [O(n.$slots, "optionFullscreen", st(C({
+					fn: j(({ toggleFullscreen: e, isFullscreen: t }) => [k(n.$slots, "optionFullscreen", w(C({
 						toggleFullscreen: e,
 						isFullscreen: t
 					})), void 0, !0)]),
@@ -3448,7 +3451,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} : void 0,
 				n.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: j(({ toggleAnnotator: e, isAnnotator: t }) => [O(n.$slots, "optionAnnotator", st(C({
+					fn: j(({ toggleAnnotator: e, isAnnotator: t }) => [k(n.$slots, "optionAnnotator", w(C({
 						toggleAnnotator: e,
 						isAnnotator: t
 					})), void 0, !0)]),
@@ -3456,21 +3459,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				} : void 0,
 				n.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: j(({ altCopy: e }) => [O(n.$slots, "optionAltCopy", st(C({ altCopy: e })), void 0, !0)]),
+					fn: j(({ altCopy: e }) => [k(n.$slots, "optionAltCopy", w(C({ altCopy: e })), void 0, !0)]),
 					key: "11"
 				} : void 0,
 				n.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: j(() => [O(n.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: j(() => [k(n.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "12"
 				} : void 0,
 				n.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: j(() => [O(n.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: j(() => [k(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("."))) : b("", !0),
-			S("div", jt, [(T(), x("svg", {
+			S("div", jt, [(E(), x("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: "http://www.w3.org/2000/svg",
@@ -3480,7 +3483,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
 				width: "100%",
 				viewBox: na.value,
-				style: w({
+				style: T({
 					background: "transparent",
 					color: V.value.chart.color,
 					fontFamily: V.value.chart.fontFamily
@@ -3503,77 +3506,77 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				class: "vue-data-ui-g"
 			}, [
 				tt(A(Ai)),
-				n.$slots["chart-background"] ? (T(), x("foreignObject", {
+				n.$slots["chart-background"] ? (E(), 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)) : b("", !0),
-				X.value > 0 ? (T(), x("g", Pt, [
+				}, [k(n.$slots, "chart-background", {}, void 0, !0)], 8, Nt)) : b("", !0),
+				X.value > 0 ? (E(), x("g", Pt, [
 					S("g", Ft, [
-						V.value.chart.grid.labels.xAxis.showBaseline ? (T(), x("line", {
+						V.value.chart.grid.labels.xAxis.showBaseline ? (E(), x("line", {
 							key: 0,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(g)(J.value?.bottom),
-							y2: A(g)(J.value?.bottom),
+							y1: A(h)(J.value?.bottom),
+							y2: A(h)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, 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", {
+						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (E(!0), x(v, { key: 2 }, O(jl.value, (e) => (E(), x("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (E(!0), x(v, { key: 0 }, O(e.yLabels, (t) => (E(), x("line", {
 							key: `selected_individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(g)(t.y),
-							y2: A(g)(t.y),
+							y1: A(h)(t.y),
+							y2: A(h)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Bt))), 128)) : e.yLabels.length ? (T(!0), x(v, { key: 1 }, D(e.yLabels, (t) => (T(), x("line", {
+						}, null, 8, Bt))), 128)) : e.yLabels.length ? (E(!0), x(v, { key: 1 }, O(e.yLabels, (t) => (E(), x("line", {
 							key: `individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(g)(t.y),
-							y2: A(g)(t.y),
+							y1: A(h)(t.y),
+							y2: A(h)(t.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Vt))), 128)) : b("", !0)]))), 128)) : b("", !0) : (T(), x(v, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (T(), x("line", {
+						}, null, 8, Vt))), 128)) : b("", !0)]))), 128)) : b("", !0) : (E(), x(v, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (E(), 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: A(g)(J.value?.top),
-							y2: A(g)(J.value?.bottom),
+							y1: A(h)(J.value?.top),
+							y2: A(h)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, 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", {
+						}, null, 8, Lt)) : b("", !0), V.value.chart.grid.showHorizontalLines ? (E(), x("g", Rt, [(E(!0), x(v, null, O(tl.value, (e) => (E(), x("line", {
 							key: `horizontal_grid_line_${e.value}_${e.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(g)(e.y),
-							y2: A(g)(e.y),
+							y1: A(h)(e.y),
+							y2: A(h)(e.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, zt))), 128))])) : b("", !0)], 64)),
-						V.value.chart.grid.showVerticalLines ? (T(), x("g", Ht, [S("path", {
+						V.value.chart.grid.showVerticalLines ? (E(), 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)])) : b("", !0),
-						V.value.chart.grid.labels.xAxisLabels.show ? (T(), x("g", Wt, [S("path", {
+						V.value.chart.grid.labels.xAxisLabels.show ? (E(), x("g", Wt, [S("path", {
 							d: Yo.value,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": 1,
@@ -3581,14 +3584,14 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							style: { animation: "none !important" }
 						}, null, 8, Gt)])) : b("", !0)
 					]),
-					(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({
+					(E(!0), x(v, null, O(kl.value, (e, t) => (E(), x("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? k(n.$slots, "bar-gradient", it({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						positiveId: `rectGradient_pos_${t}_${F.value}`,
 						negativeId: `rectGradient_neg_${t}_${F.value}`
-					}), void 0, !0) : (T(), x(v, { key: 1 }, [S("linearGradient", {
+					}), void 0, !0) : (E(), x(v, { key: 1 }, [S("linearGradient", {
 						id: `rectGradient_pos_${t}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
@@ -3599,11 +3602,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						}, null, 8, qt),
 						S("stop", {
 							offset: "62%",
-							"stop-color": `${A(a)(e.color, .02)}`
+							"stop-color": `${A(d)(e.color, .02)}`
 						}, null, 8, Jt),
 						S("stop", {
 							offset: "100%",
-							"stop-color": `${A(a)(e.color, .05)}`
+							"stop-color": `${A(d)(e.color, .05)}`
 						}, null, 8, Yt)
 					], 8, Kt), S("linearGradient", {
 						id: `rectGradient_neg_${t}_${F.value}`,
@@ -3612,18 +3615,18 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					}, [
 						S("stop", {
 							offset: "0%",
-							"stop-color": `${A(a)(e.color, .05)}`
+							"stop-color": `${A(d)(e.color, .05)}`
 						}, null, 8, Zt),
 						S("stop", {
 							offset: "38%",
-							"stop-color": `${A(a)(e.color, .02)}`
+							"stop-color": `${A(d)(e.color, .02)}`
 						}, null, 8, Qt),
 						S("stop", {
 							offset: "100%",
 							"stop-color": e.color
 						}, null, 8, $t)
 					], 8, Xt)], 64))]))), 128)),
-					(T(!0), x(v, null, D($.value, (e, t) => (T(), x("defs", { key: `def_plot_${t}` }, [S("radialGradient", {
+					(E(!0), x(v, null, O($.value, (e, t) => (E(), x("defs", { key: `def_plot_${t}` }, [S("radialGradient", {
 						id: `plotGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
@@ -3632,12 +3635,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fy: "50%"
 					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${A(a)(e.color, .05)}`
+						"stop-color": `${A(d)(e.color, .05)}`
 					}, null, 8, tn), S("stop", {
 						offset: "100%",
 						"stop-color": e.color
 					}, null, 8, nn)], 8, en)]))), 128)),
-					(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x(v, { key: `def_line_${e.id}` }, [S("defs", null, [S("radialGradient", {
+					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `def_line_${e.id}` }, [S("defs", null, [S("radialGradient", {
 						id: `lineGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
@@ -3646,17 +3649,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fy: "50%"
 					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${A(a)(e.color, .05)}`
+						"stop-color": `${A(d)(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", it({
+					}, null, 8, on)], 8, rn), n.$slots["area-gradient"] ? k(n.$slots, "area-gradient", it({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						id: `areaGradient_${t}_${F.value}`
-					}), void 0, !0) : (T(), x("linearGradient", {
+					}), void 0, !0) : (E(), x("linearGradient", {
 						key: 1,
 						id: `areaGradient_${t}_${F.value}`,
 						x1: "0%",
@@ -3665,20 +3668,20 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						y2: "0%"
 					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${A(f)(A(a)(e.color, .03), V.value.line.area.opacity)}`
+						"stop-color": `${A(o)(A(d)(e.color, .03), V.value.line.area.opacity)}`
 					}, null, 8, cn), S("stop", {
 						offset: "100%",
-						"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", {
+						"stop-color": `${A(o)(e.color, V.value.line.area.opacity)}`
+					}, null, 8, ln)], 8, sn))]), e.temperatureColors && !e.isFlatTemperatureLine ? (E(), x("defs", un, [S("linearGradient", {
 						id: `temperature_grad_line_${t}_${F.value}`,
 						gradientTransform: "rotate(90)"
-					}, [(T(!0), x(v, null, D(e.temperatureColors, (n, r) => (T(), x("stop", {
+					}, [(E(!0), x(v, null, O(e.temperatureColors, (n, r) => (E(), x("stop", {
 						key: `temperature_grad_stop_${t}_${r}_${F.value}`,
 						"stop-color": n,
-						offset: A(ne)(r, e.temperatureColors.length)
+						offset: A(ae)(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({
+					(E(!0), x(v, null, O(Sc.value, (e) => (E(), x("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (E(), x(v, { key: 0 }, [(E(!0), x(v, null, O(e.span, (t, n) => (E(), x("g", { key: `highlight_area_rect_${e.from}_${n}` }, [S("rect", {
+						style: T({
 							transition: "none",
 							opacity: +(e.from + n >= U.value.start && e.from + n <= U.value.end - 1)
 						}),
@@ -3686,19 +3689,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
 						width: jc(e.from + n - U.value.start),
-						fill: A(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", {
+						fill: A(o)(e.color, e.opacity)
+					}, null, 12, pn)]))), 128)), (E(!0), x(v, null, O(e.span, (t, n) => (E(), x("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (E(), x("foreignObject", {
 						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,
-						style: w({
+						style: T({
 							overflow: "visible",
 							opacity: +(e.to >= U.value.start && e.from < U.value.end)
 						}),
 						height: "1",
 						width: e.caption.width === "auto" ? Pc(e.span) : e.caption.width
-					}, [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", {
+					}, [S("div", { style: T(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, dt(e.caption.text), 5)], 12, mn)) : b("", !0)]))), 128))], 64)) : b("", !0)]))), 128)),
+					es.value && !G.value ? (E(), x("g", hn, [(E(!0), x(v, null, O(X.value, (e, t) => (E(), x("g", { key: `tooltip_trap_highlighter_${t}` }, [S("rect", {
 						x: Ac(t),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
@@ -3707,18 +3710,18 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							I.value,
 							R.value,
 							ca.value
-						].includes(t) ? A(f)(V.value.chart.highlighter.color, V.value.chart.highlighter.crosshairs.show ? 0 : V.value.chart.highlighter.opacity) : "transparent",
+						].includes(t) ? A(o)(V.value.chart.highlighter.color, V.value.chart.highlighter.crosshairs.show ? 0 : V.value.chart.highlighter.opacity) : "transparent",
 						style: {
 							transition: "none !important",
 							animation: "none !important"
 						}
 					}, null, 8, gn)]))), 128))])) : b("", !0),
-					kl.value.length ? (T(!0), x(v, { key: 1 }, D(kl.value, (e, t) => (T(), x("g", {
+					kl.value.length ? (E(!0), x(v, { key: 1 }, O(kl.value, (e, t) => (E(), x("g", {
 						key: `serie_bar_${e.id}`,
 						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), x(v, null, D(e.plots, (r, i) => (T(), x("g", { key: `bar_plot_${t}_${i}` }, [
-						A(vt)(r.value) ? (T(), x("rect", {
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `bar_plot_${t}_${i}` }, [
+						A(vt)(r.value) ? (E(), x("rect", {
 							key: 0,
 							x: Ys(r) + Zc.value / 2,
 							y: H.value.useIndividualScale ? Zs(r) : Xs(r),
@@ -3728,9 +3731,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: A(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
+							style: T({ transition: A(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, _n)) : b("", !0),
-						A(vt)(r.value) && n.$slots.pattern ? (T(), x("rect", {
+						A(vt)(r.value) && n.$slots.pattern ? (E(), x("rect", {
 							key: 1,
 							x: Ys(r) - Zc.value / 2,
 							y: H.value.useIndividualScale ? Zs(r) : Xs(r),
@@ -3740,38 +3743,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: A(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
+							style: T({ transition: A(no) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, vn)) : b("", !0),
-						r.comment && V.value.chart.comments.show ? (T(), x("foreignObject", {
+						r.comment && V.value.chart.comments.show ? (E(), 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: A(_)(r.y) + V.value.chart.comments.offsetY + 6
-						}, [O(n.$slots, "plot-comment", { plot: {
+							y: A(g)(r.y) + V.value.chart.comments.offsetY + 6
+						}, [k(n.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
 						} }, 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", {
+					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (E(), x("line", {
 						key: 2,
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						x1: J.value?.left,
 						x2: J.value?.right,
-						y1: A(g)(Ws.value),
-						y2: A(g)(Ws.value),
+						y1: A(h)(Ws.value),
+						y2: A(h)(Ws.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
 					}, null, 8, bn)) : b("", !0),
-					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && ms.value ? (T(), x("g", xn, [S("line", {
+					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && ms.value ? (E(), x("g", xn, [S("line", {
 						x1: Cu.value,
 						x2: Cu.value,
-						y1: A(g)(J.value?.top),
-						y2: A(g)(J.value?.bottom),
+						y1: A(h)(J.value?.top),
+						y2: A(h)(J.value?.bottom),
 						stroke: V.value.chart.highlighter.color,
 						"stroke-width": V.value.chart.highlighter.lineWidth,
 						"stroke-dasharray": V.value.chart.highlighter.lineDasharray,
@@ -3782,12 +3785,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"pointer-events": "none"
 						}
 					}, 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}` }, [
+					wu.value ? (E(), x("g", Cn, [(E(!0), x(v, null, O(Tu.value, (e) => (E(), x("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
 						S("line", {
-							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(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),
+							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(e.x) : J.value.left,
+							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(Du(e.x)) : J.value.right,
+							y1: A(h)(e.y),
+							y2: A(h)(e.y),
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
@@ -3795,10 +3798,10 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							style: { "pointer-events": "none" }
 						}, null, 8, wn),
 						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,
+							x1: A(h)(e.x),
+							x2: A(h)(e.x),
+							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(e.y) : J.value.top,
+							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(h)(J.value.bottom) : J.value.bottom,
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
@@ -3806,8 +3809,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							style: { "pointer-events": "none" }
 						}, null, 8, Tn),
 						S("circle", {
-							cx: A(g)(Du(e.x)),
-							cy: A(g)(e.y),
+							cx: A(h)(Du(e.x)),
+							cy: A(h)(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,
@@ -3815,7 +3818,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							style: { "pointer-events": "none" }
 						}, null, 8, En)
 					]))), 128))])) : b("", !0),
-					V.value.chart.grid.frame.show ? (T(), x("rect", {
+					V.value.chart.grid.frame.show ? (E(), x("rect", {
 						key: 5,
 						style: {
 							pointerEvents: "none",
@@ -3833,49 +3836,49 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linejoin": V.value.chart.grid.frame.strokeLinejoin,
 						"stroke-dasharray": V.value.chart.grid.frame.strokeDasharray
 					}, null, 8, Dn)) : b("", !0),
-					V.value.chart.grid.labels.show ? (T(), x("g", {
+					V.value.chart.grid.labels.show ? (E(), x("g", {
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: Yi,
 						opacity: wu.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [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", {
+					}, [H.value.useIndividualScale ? (E(), x(v, { key: 0 }, [(E(!0), x(v, null, O(jl.value, (e) => (E(), x("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [S("line", {
 						x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
 						x2: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
-						y1: H.value.isStacked ? A(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),
+						y1: H.value.isStacked ? A(h)(J.value?.bottom - e.yOffset - e.individualHeight) : A(h)(J.value?.top),
+						y2: H.value.isStacked ? A(h)(J.value?.bottom - e.yOffset) : A(h)(J.value?.bottom),
 						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), x(v, null, D(jl.value, (e) => (T(), x("g", {
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+					}, null, 12, kn)]))), 128)), (E(!0), x(v, null, O(jl.value, (e) => (E(), x("g", {
 						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`)
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
 						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)`
-						}, 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", {
+						}, dt(e.name) + " " + dt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, An),
+						(E(!0), x(v, null, O(e.yLabels, (t, n) => (E(), x(v, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), x("line", {
 							key: 0,
 							x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x + 3 - V.value.chart.grid.labels.yAxis.crosshairSize - J.value.individualOffsetX,
 							x2: H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize : e.x - J.value.individualOffsetX,
-							y1: A(g)(t.y),
-							y2: A(g)(t.y),
+							y1: A(h)(t.y),
+							y2: A(h)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, jn)) : b("", !0)], 64))), 128)),
-						(T(!0), x(v, null, D(e.yLabels, (t, n) => (T(), x("text", {
+						(E(!0), x(v, null, O(e.yLabels, (t, n) => (E(), 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}, ${A(g)(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(h)(t.y) + B.value.dataLabels / 3})`,
 							"text-anchor": q.value ? "start" : "end",
 							"font-size": B.value.dataLabels,
 							fill: e.color
-						}, k(A(h)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(o)({
+						}, dt(A(m)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(s)({
 							p: t.prefix,
 							v: t.value,
 							s: t.suffix,
@@ -3884,31 +3887,31 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, Mn))), 128))
-					], 4))), 128))], 64)) : (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", {
+					], 4))), 128))], 64)) : (E(!0), x(v, { key: 1 }, O(tl.value, (e, t) => (E(), x("g", { key: `yLabel_${t}` }, [A(vt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), x("line", {
 						key: 0,
 						x1: q.value ? J.value?.right : J.value?.left,
 						x2: q.value ? J.value?.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value?.left - V.value.chart.grid.labels.yAxis.crosshairSize,
-						y1: A(g)(e.y),
-						y2: A(g)(e.y),
+						y1: A(h)(e.y),
+						y2: A(h)(e.y),
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, Nn)) : b("", !0), e.value >= W.value.min && e.value <= W.value.max ? (T(), x("text", {
+					}, null, 8, Nn)) : b("", !0), e.value >= W.value.min && e.value <= W.value.max ? (E(), 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}, ${A(_)(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
-					}, k(A(vt)(e.value) ? A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(o)({
+					}, dt(A(vt)(e.value) ? A(m)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(s)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
 						r: V.value.chart.grid.labels.yAxis.rounding
 					})) : ""), 9, Pn)) : b("", !0)]))), 128))], 8, On)) : b("", !0),
-					wu.value ? (T(), x("g", Fn, [(T(!0), x(v, null, D(Tu.value, (e) => (T(), x("text", {
+					wu.value ? (E(), x("g", Fn, [(E(!0), x(v, null, O(Tu.value, (e) => (E(), 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}, ${A(g)(e.y) + B.value.dataLabels / 3})`,
+						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(h)(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 +3920,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, k(A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(o)({
+					}, dt(A(m)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(s)({
 						p: e.serie.prefix || V.value.chart.labels.prefix,
 						v: e.value,
 						s: e.serie.suffix || V.value.chart.labels.suffix,
@@ -3926,9 +3929,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						datapoint: e.serie,
 						seriesIndex: e.index
 					})), 9, In))), 128))])) : b("", !0),
-					Eu.value ? (T(), x("g", Ln, [S("circle", {
+					Eu.value ? (E(), x("g", Ln, [S("circle", {
 						cx: Cu.value,
-						cy: A(g)(J.value?.bottom),
+						cy: A(h)(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,
@@ -3939,11 +3942,11 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"pointer-events": "none"
 						}
 					}, null, 8, Rn)])) : b("", !0),
-					(T(!0), x(v, null, D($.value, (e, t) => (T(), x("g", {
+					(E(!0), x(v, null, O($.value, (e, t) => (E(), x("g", {
 						key: `serie_plot_${e.id}`,
 						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), 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, {
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(vt)(r.value) ? (E(), Qe(Ge, {
 						key: 0,
 						shape: [
 							"triangle",
@@ -3955,8 +3958,8 @@ 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: A(_)(r.x),
-							y: A(_)(r.y)
+							x: A(g)(r.x),
+							y: A(g)(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,
@@ -3972,24 +3975,24 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"strokeWidth",
 						"transition",
 						"still"
-					])) : b("", !0), r.comment && V.value.chart.comments.show ? (T(), x("foreignObject", {
+					])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), 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
-					}, [S("div", Bn, [O(n.$slots, "plot-comment", { plot: {
+					}, [S("div", Bn, [k(n.$slots, "plot-comment", { plot: {
 						...r,
 						color: e.color,
 						seriesIndex: t,
 						datapointIndex: i
 					} }, void 0, !0)])], 8, zn)) : b("", !0)]))), 128))], 6))), 128)),
-					(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x("g", {
+					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x("g", {
 						key: `serie_line_${e.id}`,
 						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(), x(v, { key: 0 }, [e.smooth ? (T(!0), x(v, { key: 0 }, D(e.dashedSmooth, (t, n) => (T(), x("path", {
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [e.hasDashedSegments ? (E(), x(v, { key: 0 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (t, n) => (E(), x("path", {
 						key: `line_coating_smooth_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -3998,8 +4001,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						stroke: V.value.chart.backgroundColor,
 						"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), x(v, { key: 1 }, D(e.dashedStraight, (t, n) => (T(), x("path", {
+						style: T({ transition: ll() })
+					}, null, 12, Vn))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (t, n) => (E(), x("path", {
 						key: `line_coating_straight_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4008,8 +4011,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						stroke: V.value.chart.backgroundColor,
 						"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(), x("path", {
+						style: T({ transition: ll() })
+					}, null, 12, Hn))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
 						key: 1,
 						d: `M${e.curve}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4018,8 +4021,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: w({ transition: ll() })
-					}, null, 12, Un)) : e.plots.length > 1 && e.straight ? (T(), x("path", {
+						style: T({ transition: ll() })
+					}, null, 12, Un)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
 						key: 2,
 						d: `M${e.straight}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4028,49 +4031,49 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: w({ transition: ll() })
+						style: T({ transition: ll() })
 					}, 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 }, {
+					n.$slots.pattern ? (E(), x("defs", Gn, [(E(!0), x(v, null, O(Io.value, (e, t) => k(n.$slots, "pattern", it({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${F.value}_${t}`
 					}), 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", {
+					Ml.value.length && !H.value.isStacked ? (E(), x("g", Kn, [(E(!0), x(v, null, O(Ml.value, (e) => (E(), x("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
 						"fill-opacity": V.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: w({ transition: ll() })
+						style: T({ transition: ll() })
 					}, null, 12, qn))), 128))])) : b("", !0),
-					(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x("g", {
+					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x("g", {
 						key: `serie_line_above_${e.id}`,
 						class: ot(`serie_line_${t}`),
-						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (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", {
+						e.useArea && e.plots.length > 1 ? (E(), x("g", Jn, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.curveAreas, (r, i) => (E(), x(v, { key: i }, [r ? (E(), x("path", {
 							key: 0,
 							d: r,
-							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)) : b("", !0), n.$slots.pattern && r ? (T(), x("path", {
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : A(o)(e.color, V.value.line.area.opacity),
+							style: T({ transition: ll() })
+						}, null, 12, Yn)) : b("", !0), n.$slots.pattern && r ? (E(), x("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: ll() })
-						}, 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", {
+							style: T({ transition: ll() })
+						}, null, 12, Xn)) : b("", !0)], 64))), 128)) : (E(!0), x(v, { key: 1 }, O(e.area.split(";"), (r, i) => (E(), x(v, { key: i }, [r ? (E(), x("path", {
 							key: 0,
 							d: `M${r}Z`,
-							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)) : b("", !0), n.$slots.pattern && r ? (T(), x("path", {
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : A(o)(e.color, V.value.line.area.opacity),
+							style: T({ transition: ll() })
+						}, null, 12, Zn)) : b("", !0), n.$slots.pattern && r ? (E(), x("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: w({ transition: ll() })
+							style: T({ transition: ll() })
 						}, null, 12, Qn)) : b("", !0)], 64))), 128))])) : b("", !0),
-						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), x("path", {
+						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
 							key: 1,
 							d: `M${e.curve}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
@@ -4078,8 +4081,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-dasharray": e.dashed ? V.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: w({ transition: ll() })
-						}, 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", {
+							style: T({ transition: ll() })
+						}, null, 12, $n)) : e.hasDashedSegments ? (E(), x(v, { key: 2 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (n, r) => (E(), x("path", {
 							key: `line_smooth_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4088,8 +4091,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
 							"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), x(v, { key: 1 }, D(e.dashedStraight, (n, r) => (T(), x("path", {
+							style: T({ transition: ll() })
+						}, null, 12, er))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (n, r) => (E(), x("path", {
 							key: `line_straight_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4098,8 +4101,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
 							"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(), x("path", {
+							style: T({ transition: ll() })
+						}, null, 12, tr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
 							key: 3,
 							d: `M${e.straight}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
@@ -4108,9 +4111,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: w({ transition: ll() })
+							style: T({ transition: ll() })
 						}, 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, {
+						(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x(v, { key: `circle_line_${e.id}_${i}` }, [!bc.value.linePlot && r && A(vt)(r.value) || bc.value.linePlot && r && A(vt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || rl(e.plots, i) ? (E(), Qe(Ge, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -4122,8 +4125,8 @@ 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: A(_)(r.x),
-								y: A(_)(r.y)
+								x: A(g)(r.x),
+								y: A(g)(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,
@@ -4139,21 +4142,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"strokeWidth",
 							"transition",
 							"still"
-						])) : b("", !0), r.comment && V.value.chart.comments.show ? (T(), x("foreignObject", {
+						])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), 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
-						}, [S("div", ir, [O(n.$slots, "plot-comment", { plot: {
+						}, [S("div", ir, [k(n.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
 						} }, void 0, !0)])], 8, rr)) : b("", !0)], 64))), 128))
 					], 6))), 128)),
-					(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", {
+					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (E(), x("g", ar, [(E(!0), x(v, null, O(ju.value, (e) => (E(), x("text", {
 						key: e.key,
 						"text-anchor": Su({
 							plot: e.plot,
@@ -4164,13 +4167,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fill: V.value.bar.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
-						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						style: T(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
 						innerHTML: yu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "bar"
 						})
-					}, 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", {
+					}, null, 12, or))), 128)), (E(!0), x(v, null, O(kl.value, (e, t) => (E(), x(v, { key: `xLabel_bar_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (E(), x("text", {
 						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),
@@ -4178,12 +4181,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"font-size": B.value.plotLabels,
 						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`)
-					}, k(V.value.bar.serieName.useAbbreviation ? A(xe)({
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, dt(V.value.bar.serieName.useAbbreviation ? A(xe)({
 						source: e.name,
 						length: V.value.bar.serieName.abbreviationSize
 					}) : e.name), 13, sr)) : b("", !0)], 64))), 128))], 64))), 128))])) : b("", !0),
-					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), x("g", cr, [(T(!0), x(v, null, D(Mu.value, (e) => (T(), x("text", {
+					V.value.plot.labels.show && H.value.dataLabels.show ? (E(), x("g", cr, [(E(!0), x(v, null, O(Mu.value, (e) => (E(), x("text", {
 						key: e.key,
 						transform: xu({
 							plot: e.plot,
@@ -4197,17 +4200,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fill: V.value.plot.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
-						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						style: T(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
 						innerHTML: yu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "plot"
 						})
-					}, 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 }, [[
+					}, null, 12, lr))), 128))])) : (E(), x("g", ur, [(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `xLabel_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (E(), x(v, { key: 1 }, [[
 						I.value,
 						R.value,
 						ca.value
-					].includes(r) && e.useTag ? (T(), x("line", {
+					].includes(r) && e.useTag ? (E(), x("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
 						x1: J.value?.left,
@@ -4218,36 +4221,36 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, hr)) : b("", !0)], 64)) : (T(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), x("foreignObject", {
+					}, null, 8, hr)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), 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`)
+						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [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, {
+						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, fr)], 12, dr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), x("foreignObject", {
+					}, null, 12, fr)], 12, dr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), 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`)
+						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [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, {
+						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
 					}, null, 12, mr)], 12, pr)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					V.value.line.labels.show && H.value.dataLabels.show ? (T(), x("g", gr, [(T(!0), x(v, null, D(Nu.value, (e) => (T(), x("text", {
+					V.value.line.labels.show && H.value.dataLabels.show ? (E(), x("g", gr, [(E(!0), x(v, null, O(Nu.value, (e) => (E(), x("text", {
 						key: e.key,
 						transform: xu({
 							plot: e.plot,
@@ -4261,17 +4264,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						fill: V.value.line.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
-						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						style: T(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
 						innerHTML: yu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "line"
 						})
-					}, 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 }, [[
+					}, null, 12, _r))), 128))])) : (E(), x("g", vr, [(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `xLabel_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (E(), x(v, { key: 1 }, [[
 						I.value,
 						R.value,
 						ca.value
-					].includes(r) && e.useTag ? (T(), x("line", {
+					].includes(r) && e.useTag ? (E(), x("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
 						x1: J.value?.left,
@@ -4282,43 +4285,43 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, Cr)) : b("", !0)], 64)) : (T(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), x("foreignObject", {
+					}, null, 8, Cr)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), 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`)
+						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [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, {
+						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, br)], 12, yr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), x("foreignObject", {
+					}, null, 12, br)], 12, yr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), 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`)
+						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [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, {
+						style: T(`padding: 3px; background:${A(o)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
 					}, 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", {
+					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `xLabel_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), x("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(Oe)({
+						innerHTML: A(ke)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4326,15 +4329,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, wr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), x("text", {
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, wr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: A(Oe)({
+						innerHTML: A(ke)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4342,16 +4345,16 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, null, 12, Tr)) : b("", !0)], 64))), 128))], 64))), 128)),
-					(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", {
+					(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `xLabel_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), x("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(Oe)({
+						innerHTML: A(ke)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4359,15 +4362,15 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Er)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), x("text", {
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, Er)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: A(Oe)({
+						innerHTML: A(ke)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4375,13 +4378,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, null, 12, Dr)) : b("", !0)], 64))), 128))], 64))), 128)),
-					(T(!0), x(v, null, D([
+					(E(!0), x(v, null, O([
 						...$.value,
 						...Q.value,
 						...kl.value
-					], (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, [
+					], (e, t) => (E(), x(v, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(be)(e.plots).trend) ? (E(), x("g", Or, [
 						S("defs", null, [S("marker", {
 							id: `progression_arrow_${t}`,
 							markerWidth: "9",
@@ -4399,12 +4402,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-width": "1",
 							"stroke-linejoin": "round"
 						}, null, 8, Ar)], 8, kr)]),
-						e.plots.length > 1 ? (T(), x("line", {
+						e.plots.length > 1 ? (E(), x("line", {
 							key: 0,
 							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
 							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
-							y1: A(g)(A(be)(e.plots).y1),
-							y2: A(g)(A(be)(e.plots).y2),
+							y1: A(h)(A(be)(e.plots).y1),
+							y2: A(h)(A(be)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: V.value.chart.backgroundColor,
 							"stroke-dasharray": 2,
@@ -4412,12 +4415,12 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
 						}, null, 8, jr)) : b("", !0),
-						e.plots.length > 1 ? (T(), x("line", {
+						e.plots.length > 1 ? (E(), x("line", {
 							key: 1,
 							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Js() : 0),
 							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
-							y1: A(g)(A(be)(e.plots).y1),
-							y2: A(g)(A(be)(e.plots).y2),
+							y1: A(h)(A(be)(e.plots).y1),
+							y2: A(h)(A(be)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: e.color,
 							"stroke-dasharray": 2,
@@ -4425,7 +4428,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
 						}, null, 8, Mr)) : b("", !0),
-						e.plots.length > 1 ? (T(), x("text", {
+						e.plots.length > 1 ? (E(), x("text", {
 							key: 2,
 							"text-anchor": "middle",
 							x: A(be)(e.plots).x2 + (e.type === "bar" ? Js() : 0),
@@ -4437,13 +4440,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"paint-order": "stroke fill"
-						}, k(A(o)({
+						}, dt(A(s)({
 							v: A(be)(e.plots).trend * 100,
 							s: "%",
 							r: 2
 						})), 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", {
+					H.value.useIndividualScale && !H.value.isStacked ? (E(), x(v, { key: 16 }, [S("defs", null, [(E(!0), x(v, null, O(jl.value, (e, t) => (E(), x("linearGradient", {
 						key: `individual_scale_gradient_${e.groupId || e.id || t}`,
 						id: `individual_scale_gradient_${F.value}_${t}`,
 						x1: q.value ? "100%" : "0%",
@@ -4458,7 +4461,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, Ir)], 8, Pr))), 128))]), (T(!0), x(v, null, D(jl.value, (e, t) => (T(), x("rect", {
+					}, null, 8, Ir)], 8, Pr))), 128))]), (E(!0), x(v, null, O(jl.value, (e, t) => (E(), 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,
@@ -4468,7 +4471,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						onMouseenter: (t) => N.value = e.groupId,
 						onMouseleave: r[0] ||= (e) => N.value = null
 					}, null, 40, Lr))), 128))], 64)) : b("", !0),
-					S("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (T(), x("text", {
+					S("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (E(), x("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
 						ref: qi,
@@ -4477,7 +4480,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						transform: `translate(${q.value ? J.value.right + J.value.scaleLabelsOffset + V.value.chart.grid.labels.axis.yLabelOffsetX + B.value.yAxis : V.value.chart.grid.labels.axis.fontSize + V.value.chart.grid.labels.axis.yLabelOffsetX}, ${J.value?.top + J.value.height / 2}) rotate(-90)`,
 						"text-anchor": "middle",
 						style: { transition: "none" }
-					}, k(V.value.chart.grid.labels.axis.yLabel), 9, Rr)) : b("", !0), V.value.chart.grid.labels.axis.xLabel ? (T(), x("text", {
+					}, dt(V.value.chart.grid.labels.axis.yLabel), 9, Rr)) : b("", !0), V.value.chart.grid.labels.axis.xLabel ? (E(), x("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
 						ref: Ki,
@@ -4486,14 +4489,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
-					}, k(V.value.chart.grid.labels.axis.xLabel), 9, zr)) : b("", !0)]),
-					V.value.chart.grid.labels.xAxisLabels.show ? (T(), x("g", {
+					}, dt(V.value.chart.grid.labels.axis.xLabel), 9, zr)) : b("", !0)]),
+					V.value.chart.grid.labels.xAxisLabels.show ? (E(), 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), x(v, { key: 0 }, D(fl.value, (e, t) => O(n.$slots, "time-label", it({
+					}, [n.$slots["time-label"] ? (E(!0), x(v, { key: 0 }, O(fl.value, (e, t) => k(n.$slots, "time-label", it({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
@@ -4506,14 +4509,14 @@ 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), 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", {
+					}), void 0, !0)), 128)) : (E(!0), x(v, { key: 1 }, O(fl.value, (e, n) => (E(), x("g", { key: `time_label_${n}` }, [e && e.text ? (E(), x(v, { key: 0 }, [String(e.text).includes("\n") ? (E(), x("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
 						transform: `translate(${pl(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: Xo() && Za.value ? "pointer" : "default" }),
+						style: T({ cursor: Xo() && Za.value ? "pointer" : "default" }),
 						innerHTML: A(t)({
 							content: String(e.text),
 							fontSize: B.value.xAxis,
@@ -4522,17 +4525,17 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							y: 0
 						}),
 						onClick: (t) => ds(e, n)
-					}, null, 12, Hr)) : (T(), x("text", {
+					}, null, 12, Hr)) : (E(), 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",
 						"font-size": B.value.xAxis,
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
 						transform: `translate(${pl(e, n)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: w({ cursor: Xo() && Za.value ? "pointer" : "default" }),
+						style: T({ cursor: Xo() && Za.value ? "pointer" : "default" }),
 						onClick: (t) => ds(e, n)
-					}, k(e.text || ""), 13, Vr))], 64)) : b("", !0)]))), 128))], 8, Br)) : b("", !0),
-					Eu.value ? (T(), x("g", Ur, [S("text", {
+					}, dt(e.text || ""), 13, Vr))], 64)) : b("", !0)]))), 128))], 8, Br)) : b("", !0),
+					Eu.value ? (E(), 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,
@@ -4552,8 +4555,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							y: 0
 						})
 					}, 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", {
+					nl.value.length && !H.value.isStacked ? (E(), x("g", Gr, [(E(!0), x(v, null, O(nl.value, (e) => (E(), x("g", { key: e.id }, [
+						e.yTop && e.show && isFinite(e.yTop) ? (E(), x("line", {
 							key: 0,
 							x1: e.x1,
 							y1: e.yTop,
@@ -4565,7 +4568,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, Kr)) : b("", !0),
-						e.yBottom && e.show && isFinite(e.yBottom) ? (T(), x("line", {
+						e.yBottom && e.show && isFinite(e.yBottom) ? (E(), x("line", {
 							key: 1,
 							x1: e.x1,
 							y1: e.yBottom,
@@ -4577,23 +4580,23 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
 						}, null, 8, qr)) : b("", !0),
-						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), x("rect", {
+						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (E(), x("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
 							width: J.value.width,
-							height: A(_)(e.areaHeight, 0),
-							fill: A(f)(e.config.area.fill, e.config.area.opacity),
+							height: A(g)(e.areaHeight, 0),
+							fill: A(o)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
 						}, null, 8, Jr)) : b("", !0),
-						e.config.label.text && e.show && isFinite(e._box.y) ? (T(), x("rect", it({
+						e.config.label.text && e.show && isFinite(e._box.y) ? (E(), 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)) : b("", !0),
-						e.config.label.text && e.show && isFinite(e._text.y) ? (T(), x("text", {
+						e.config.label.text && e.show && isFinite(e._text.y) ? (E(), x("text", {
 							key: 4,
 							id: e.id,
 							class: "vue-ui-xy-annotation-label",
@@ -4602,9 +4605,9 @@ 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
-						}, k(e.config.label.text), 9, Yr)) : b("", !0)
+						}, dt(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", {
+					!wu.value && V.value.chart.timeTag.show && (G.value ? A(_)(fu.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (E(), x("g", Xr, [(E(), x("foreignObject", {
 						x: mu(),
 						y: J.value?.bottom,
 						width: "200",
@@ -4614,20 +4617,20 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 						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`),
+						style: T(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${V.value.chart.timeTag.backgroundColor};color:${V.value.chart.timeTag.color};font-size:${V.value.chart.timeTag.fontSize}px`),
 						innerHTML: vu.value
 					}, null, 12, Qr)], 8, Zr)), S("circle", {
-						cx: G.value && A(p)(fu.value) ? ml({ x: fu.value }) : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+						cx: G.value && A(_)(fu.value) ? ml({ x: fu.value }) : Oc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
 						cy: J.value?.bottom,
 						r: V.value.chart.timeTag.circleMarker.radius,
 						fill: V.value.chart.timeTag.circleMarker.color
 					}, null, 8, $r)])) : b("", !0)
 				])) : b("", !0),
-				po.value ? (T(), x("rect", it({ key: 2 }, go.value, {
+				po.value ? (E(), x("rect", it({ key: 2 }, go.value, {
 					"data-start": U.value.start,
 					"data-end": U.value.end
 				}), null, 16, ei)) : b("", !0),
-				O(n.$slots, "svg", { svg: {
+				k(n.$slots, "svg", { svg: {
 					...Ha.value,
 					slicer: U.value,
 					isPrintingImg: A(_o) || A(vo) || Ca.value,
@@ -4639,31 +4642,31 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					],
 					drawingArea: J.value
 				} }, void 0, !0)
-			], 512)], 46, Mt)), n.$slots.hint ? (T(), x("div", ti, [O(n.$slots, "hint", st(C({
+			], 512)], 46, Mt)), n.$slots.hint ? (E(), x("div", ti, [k(n.$slots, "hint", w(C({
 				hint: V.value.a11y.translations.keyboardNavigation,
 				isVisible: Ju.value
 			})), 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}` }, [[
+			n.$slots.watermark ? (E(), x("div", ni, [k(n.$slots, "watermark", w(C({ isPrinting: A(_o) || A(vo) || Ca.value || wa.value })), void 0, !0)])) : b("", !0),
+			(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `tag_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `tag_line_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (T(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (E(), x("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "right", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
-				style: w({
+				style: T({
 					position: "fixed",
-					top: A(ve)({
+					top: A(f)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.top + "px",
-					left: A(ve)({
+					left: A(f)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4678,13 +4681,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), x("svg", ri, [S("path", {
+			}, [(E(), x("svg", ri, [S("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
 			}, null, 8, ii)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
@@ -4693,22 +4696,22 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (T(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (E(), x("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "left", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
-				style: w({
+				style: T({
 					position: "fixed",
-					top: A(ve)({
+					top: A(f)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.top + "px",
-					left: A(ve)({
+					left: A(f)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4723,38 +4726,38 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), x("svg", oi, [S("path", {
+			}, [(E(), x("svg", oi, [S("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
 			}, null, 8, si)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(m)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
 			}, null, 8, ci)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
-			(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}` }, [[
+			(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `tag_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `tag_plot_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (T(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (E(), x("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "right", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
-				style: w({
+				style: T({
 					position: "fixed",
-					top: A(ve)({
+					top: A(f)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.top + "px",
-					left: A(ve)({
+					left: A(f)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4769,13 +4772,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), x("svg", li, [S("path", {
+			}, [(E(), x("svg", li, [S("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
 			}, null, 8, ui)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
@@ -4784,22 +4787,22 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				I.value,
 				R.value,
 				ca.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (T(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (E(), x("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => $o(t, r, e, "left", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
-				style: w({
+				style: T({
 					position: "fixed",
-					top: A(ve)({
+					top: A(f)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ya.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.top + "px",
-					left: A(ve)({
+					left: A(f)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4814,19 +4817,19 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(T(), x("svg", fi, [S("path", {
+			}, [(E(), x("svg", fi, [S("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
 			}, null, 8, pi)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(m)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
 			}, null, 8, mi)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
-			V.value.chart.zoom.show && uo.value > 6 && Xa.value && ys.value ? (T(), Qe(qe, {
+			V.value.chart.zoom.show && uo.value > 6 && Xa.value && ys.value ? (E(), Qe(qe, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: Vi,
@@ -4894,21 +4897,21 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"onUpdate:end": Ms,
 				"onUpdate:start": js
 			}, {
-				"reset-action": j(({ reset: e }) => [O(n.$slots, "reset-action", st(C({ reset: e })), void 0, !0)]),
+				"reset-action": j(({ reset: e }) => [k(n.$slots, "reset-action", w(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("."))) : 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, {
+			xa.value && (V.value.chart.legend.show || n.$slots.legend) ? (E(), Qe(Ze, {
 				key: 7,
 				to: V.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
 			}, [S("div", {
 				ref_key: "chartLegend",
 				ref: Hi
-			}, [O(n.$slots, "legend", { legend: Lo.value }, () => [V.value.chart.legend.show ? (T(), x("div", {
+			}, [k(n.$slots, "legend", { legend: Lo.value }, () => [V.value.chart.legend.show ? (E(), 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 && !A(no) ? (T(), Qe(Ye, {
+				style: T({ fontSize: `var(--legend-font-size, ${V.value.chart.legend.fontSize ?? 14}px)` })
+			}, [V.value.chart.legend.selectAllToggle.show && Lo.value.length > 2 && !A(no) ? (E(), Qe(Ye, {
 				key: 0,
 				backgroundColor: V.value.chart.legend.selectAllToggle.backgroundColor,
 				color: V.value.chart.legend.selectAllToggle.color,
@@ -4920,7 +4923,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"fontSize",
 				"checked"
-			])) : b("", !0), (T(!0), x(v, null, D(Lo.value, (e, t) => (T(), x("div", {
+			])) : b("", !0), (E(!0), x(v, null, O(Lo.value, (e, t) => (E(), x("div", {
 				key: `div_legend_item_${t}`,
 				onClick: (t) => hc(e),
 				onKeydown: (t) => pc(t, e),
@@ -4931,8 +4934,8 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					"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(), x("svg", _i, [S("rect", {
+				style: T({ cursor: Za.value ? "pointer" : "default" })
+			}, [ia.value[e.type] === "line" ? (E(), x("svg", _i, [S("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
@@ -4962,7 +4965,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"color",
 				"shape",
 				"stroke"
-			])])) : ia.value[e.type] === "bar" ? (T(), x("svg", yi, [ia.value[e.type] === "bar" && n.$slots.pattern ? (T(), x("rect", {
+			])])) : ia.value[e.type] === "bar" ? (E(), x("svg", yi, [ia.value[e.type] === "bar" && n.$slots.pattern ? (E(), x("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -4971,7 +4974,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, bi)) : b("", !0), ia.value[e.type] === "bar" ? (T(), x("rect", {
+			}, null, 8, bi)) : b("", !0), ia.value[e.type] === "bar" ? (E(), x("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -4980,7 +4983,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)) : b("", !0)])) : (T(), x("svg", Si, [tt(Ge, {
+			}, null, 8, xi)) : b("", !0)])) : (E(), x("svg", Si, [tt(Ge, {
 				plot: {
 					x: 6,
 					y: 6
@@ -4995,13 +4998,13 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), S("span", { style: 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", {
+			}, null, 8, ["color", "shape"])])), S("span", { style: T(`color:${V.value.chart.legend.color}`) }, dt(e.name), 5)], 46, gi))), 128))], 4)) : b("", !0)], !0)], 512)], 8, ["to"])) : b("", !0),
+			n.$slots.source ? (E(), x("div", {
 				key: 8,
 				ref_key: "source",
 				ref: Ui,
 				dir: "auto"
-			}, [O(n.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
+			}, [k(n.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
 			tt(A(Ei), {
 				teleportTo: V.value.chart.tooltip.teleportTo,
 				show: H.value.showTooltip && sa.value,
@@ -5026,9 +5029,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				isA11yMode: Ea.value != null,
 				a11yPosition: Da.value
 			}, {
-				"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)]),
+				"tooltip-before": j(() => [k(n.$slots, "tooltip-before", w(C({ ...Nl.value })), void 0, !0)]),
+				tooltip: j(() => [k(n.$slots, "tooltip", w(C({ ...Nl.value })), void 0, !0)]),
+				"tooltip-after": j(() => [k(n.$slots, "tooltip-after", w(C({ ...Nl.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -5054,26 +5057,26 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Xa.value && V.value.chart.userOptions.buttons.table ? (T(), Qe(ut(Ru.value.component), it({ key: 9 }, Ru.value.props, {
+			Xa.value && V.value.chart.userOptions.buttons.table ? (E(), Qe(lt(Ru.value.component), it({ key: 9 }, Ru.value.props, {
 				ref_key: "tableUnit",
 				ref: Sa,
 				onClose: zu
 			}), $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", {
+				content: j(() => [S("div", { style: T(`${A(_o) || V.value.table.useDialog ? "" : "max-height:400px"};${V.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${V.value.table.useDialog ? "" : "margin-top:48px"}`) }, [S("div", Ci, [_t(S("input", {
 					type: "checkbox",
 					"onUpdate:modelValue": r[4] ||= (e) => ma.value = e
 				}, null, 512), [[mt, ma.value]]), S("div", {
 					onClick: r[5] ||= (e) => ma.value = !ma.value,
-					style: w({ cursor: Za.value ? "pointer" : "default" })
+					style: T({ cursor: Za.value ? "pointer" : "default" })
 				}, [tt(A(Oi), {
 					name: "chartLine",
 					size: 20,
 					stroke: V.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), ma.value ? (T(), Qe(A(ki), {
+				}, null, 8, ["stroke"])], 4)]), ma.value ? (E(), Qe(A(ki), {
 					key: `sparkline_${ha.value}`,
 					dataset: wc.value,
 					config: Tc.value
-				}, null, 8, ["dataset", "config"])) : (T(), Qe(A(Ti), {
+				}, null, 8, ["dataset", "config"])) : (E(), Qe(A(Ti), {
 					key: `table_${fa.value}`,
 					colNames: Ql.value.colNames,
 					head: Ql.value.head,
@@ -5084,7 +5087,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 					onClose: zu
 				}, {
 					th: j(({ th: e }) => [S("div", { innerHTML: e }, null, 8, wi)]),
-					td: j(({ td: e }) => [et(k(isNaN(Number(e)) ? e : A(o)({
+					td: j(({ td: e }) => [et(dt(isNaN(Number(e)) ? e : A(s)({
 						p: V.value.chart.labels.prefix,
 						v: e,
 						s: V.value.chart.labels.suffix,
@@ -5102,7 +5105,7 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [et(k(Ru.value.title), 1)]),
+				fn: j(() => [et(dt(Ru.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
@@ -5116,9 +5119,9 @@ var Dt = /* @__PURE__ */ e({ default: () => M }), Ot = ["id"], kt = ["id"], At =
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : b("", !0),
-			O(n.$slots, "skeleton", {}, () => [A(no) ? (T(), Qe(Ie, { key: 0 })) : b("", !0)], !0)
+			k(n.$slots, "skeleton", {}, () => [A(no) ? (E(), Qe(Ie, { key: 0 })) : b("", !0)], !0)
 		], 46, Ot));
 	}
-}, [["__scopeId", "data-v-bc467ca3"]]);
+}, [["__scopeId", "data-v-e5c1dd1d"]]);
 //#endregion
 export { Dt as n, M as t };