vue-data-ui 3.22.9 → 3.22.11

package/dist/{vue-ui-xy-BYMAITk_.js → vue-ui-xy-DZIs53tH.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, B as r, D as i, F as a, Ft as o, G as s, Gt as c, H as l, J as u, Kt as d, L as ee, Lt as te, M as ne, Mt as f, O as re, P as ie, R as ae, Rt as p, S as oe, T as se, U as ce, Ut as le, V as ue, Wt as de, Z as m, a as fe, b as pe, bt as me, c as he, g as ge, gt as _e, h as ve, i as h, it as g, j as ye, kt as be, l as xe, lt as Se, n as Ce, r as we, s as Te, v as _, wt as Ee, xt as De, yt as Oe, z as ke, zt as Ae } from "./lib-JqW18y5I.js";
-import { n as je, r as Me, t as Ne } from "./useTimeLabels-BmBRv27Y.js";
-import { t as Pe } from "./useConfig-DYM3f6EI.js";
-import { t as Fe } from "./usePrinter-CqqHmnBI.js";
-import { n as Ie, t as Le } from "./BaseScanner-DZvpgOjM.js";
-import { t as Re } from "./useSvgExport-SVIsDot8.js";
-import { t as ze } from "./useNestedProp-DIuuzG1r.js";
-import { t as Be } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Ve } from "./useStableElementSize-C7KADDKj.js";
-import { t as He } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ue } from "./img-DnP3eXuv.js";
-import { n as We } from "./Title-CcNiYzEo.js";
-import { t as Ge } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Ke } from "./Shape-UpH0a4Ur.js";
-import { t as qe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as Je } from "./DefGrad-DVBqDjhO.js";
-import { t as Ye } from "./SlicerPreview-CTz41lOu.js";
-import { t as Xe } from "./vue-ui-accordion-CjAGqEJg.js";
-import { t as Ze } from "./BaseLegendToggle-DWtet-Hh.js";
-import { t as Qe } from "./A11yDataTable-DdRsVULz.js";
-import { Fragment as v, Teleport as $e, computed as y, createBlock as et, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as tt, createTextVNode as nt, createVNode as rt, defineAsyncComponent as it, getCurrentInstance as at, guardReactiveProps as C, mergeProps as ot, nextTick as st, normalizeClass as ct, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as lt, onMounted as ut, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as dt, shallowRef as ft, toDisplayString as pt, toRefs as mt, unref as A, useSlots as ht, vModelCheckbox as gt, watch as _t, watchEffect as vt, withCtx as j, withDirectives as yt } from "vue";
+import { At as t, B as n, Bt as r, C as i, E as a, F as o, Gt as s, H as c, I as l, It as u, K as ee, Kt as d, M as te, N as ne, Nt as re, O as ie, Q as ae, R as oe, Rt as se, St as f, Tt as ce, U as le, V as ue, W as de, Wt as fe, Y as p, _ as pe, _t as me, a as he, at as m, bt as ge, c as _e, et as ve, g as ye, i as h, j as be, k as xe, n as Se, qt as Ce, r as we, s as Te, u as Ee, ut as De, x as Oe, xt as ke, y as g, z as Ae, zt as je } from "./lib-CFm_J26b.js";
+import { n as Me, r as Ne, t as Pe } from "./useTimeLabels-B9CEuiLZ.js";
+import { t as Fe } from "./useConfig-C0V0eG7L.js";
+import { t as Ie } from "./usePrinter-BH-xle1O.js";
+import { n as Le, t as Re } from "./BaseScanner-DZvpgOjM.js";
+import { t as ze } from "./useSvgExport-Ba9qBr9M.js";
+import { t as Be } from "./useNestedProp-BY6DNN3i.js";
+import { t as Ve } from "./useThemeCheck-C43Tcqmk.js";
+import { t as He } from "./useStableElementSize-C7KADDKj.js";
+import { t as Ue } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as We } from "./img-Bikk1dGb.js";
+import { n as Ge } from "./Title-BuPs74IB.js";
+import { t as Ke } from "./vue_ui_xy-BA3-_LCx.js";
+import { t as qe } from "./Shape-BfnXr1nJ.js";
+import { t as Je } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as Ye } from "./DefGrad-DVBqDjhO.js";
+import { t as Xe } from "./SlicerPreview-BIdvqU32.js";
+import { t as Ze } from "./vue-ui-accordion-nNxnZTg9.js";
+import { t as Qe } from "./BaseLegendToggle-DsWphmIb.js";
+import { t as $e } from "./A11yDataTable-DdRsVULz.js";
+import { Fragment as _, Teleport as et, computed as v, createBlock as tt, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as nt, createTextVNode as rt, createVNode as it, defineAsyncComponent as at, getCurrentInstance as ot, guardReactiveProps as S, mergeProps as st, nextTick as ct, normalizeClass as lt, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as ut, onMounted as dt, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as ft, shallowRef as pt, toDisplayString as k, toRefs as mt, unref as A, useSlots as ht, vModelCheckbox as gt, watch as _t, watchEffect as vt, withCtx as j, withDirectives as yt } from "vue";
 //#region src/utils/xy.js
 function bt(e) {
 	return ![
@@ -539,7 +539,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		"padding-left": "6px"
 	},
 	"data-dom-to-png-ignore": ""
-}, oi = ["innerHTML"], M = /*#__PURE__*/ qe({
+}, oi = ["innerHTML"], M = /*#__PURE__*/ Je({
 	__name: "vue-ui-xy",
 	props: {
 		config: {
@@ -568,18 +568,18 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		"zoomReset",
 		"copyAlt"
 	],
-	setup(e, { expose: qe, emit: kt }) {
-		let M = e, si = it(() => import("./DataTable-BxpTMgfK.js")), ci = it(() => import("./Tooltip-CxOrWlFy.js")), li = it(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), ui = it(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), di = it(() => import("./vue-ui-table-sparkline-B9JJ4pFF.js").then((e) => e.n)), fi = it(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), pi = it(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), mi = it(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), hi = kt, gi = ht(), _i = at(), { vue_ui_xy: vi } = Pe(), { isThemeValid: yi, warnInvalidTheme: bi } = Be(), xi = D(null), Si = D(null), Ci = D(null), wi = D(null), Ti = D(null), Ei = D(null), Di = D(null), Oi = D(null), ki = D(null), Ai = D(null), ji = D(null), Mi = D(null), Ni = D(null), Pi = D(null), Fi = D(0), N = D(null), Ii = D(!0), Li = D(600), P = D(1e3), Ri = D("0 0 1000 600"), zi = D({
+	setup(e, { expose: Je, emit: kt }) {
+		let M = e, si = at(() => import("./DataTable-DzPEVvSo.js")), ci = at(() => import("./Tooltip-CA1rtSyl.js")), li = at(() => import("./UserOptions-B69xBEVP.js").then((e) => e.n)), ui = at(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), di = at(() => import("./vue-ui-table-sparkline-CT-0w9-a.js").then((e) => e.n)), fi = at(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), pi = at(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), mi = at(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), hi = kt, gi = ht(), _i = ot(), { vue_ui_xy: vi } = Fe(), { isThemeValid: yi, warnInvalidTheme: bi } = Ve(), xi = E(null), Si = E(null), Ci = E(null), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(null), Ni = E(null), Pi = E(null), Fi = E(0), N = E(null), Ii = E(!0), Li = E(600), P = E(1e3), Ri = E("0 0 1000 600"), zi = E({
 			x: 0,
 			y: 0
-		}), Bi = D({
+		}), Bi = E({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), Vi = D(!1), Hi = D(!1), Ui = D(!1), Wi = D(null), Gi = D([]), Ki = y(() => new Set(Gi.value)), F = D(s()), qi = D(0), Ji = D(0), Yi = D(0), Xi = D(!0), Zi = D(0), I = D(null), Qi = D(!1), $i = D(!0), ea = D(!0), L = D(null), ta = D({}), na = D(null), ra = D(!1), ia = D(null), aa = D(!1), oa = D(!1), sa = D(null), R = D(null), ca = D(null), la = D({
+		}), Vi = E(!1), Hi = E(!1), Ui = E(!1), Wi = E(null), Gi = E([]), Ki = v(() => new Set(Gi.value)), F = E(ee()), qi = E(0), Ji = E(0), Yi = E(0), Xi = E(!0), Zi = E(0), I = E(null), Qi = E(!1), $i = E(!0), ea = E(!0), L = E(null), ta = E({}), na = E(null), ra = E(!1), ia = E(null), aa = E(!1), oa = E(!1), sa = E(null), R = E(null), ca = E(null), la = E({
 			x: 0,
 			y: 0
-		}), ua = D(null), da = D(null), z = D(null), fa = D(null), pa = D(null), ma = ft(null), ha = D(!1), ga = D(0), _a = D(0), va = Ve({
+		}), ua = E(null), da = E(null), z = E(null), fa = E(null), pa = E(null), ma = pt(null), ha = E(!1), ga = E(0), _a = E(0), va = He({
 			elementRef: ma,
 			minimumWidth: 2,
 			minimumHeight: 2,
@@ -601,48 +601,48 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		}
 		async function xa() {
 			let e = ++_a.value;
-			ha.value = !1, await st(), await ba(), await ba(), e === _a.value && (ga.value += 1, ha.value = !0);
+			ha.value = !1, await ct(), await ba(), await ba(), e === _a.value && (ga.value += 1, ha.value = !0);
 		}
-		let Sa = D(!1);
+		let Sa = E(!1);
 		function Ca() {
-			Sa.value || (Sa.value = !0, st(() => {
+			Sa.value || (Sa.value = !0, ct(() => {
 				Sa.value = !1, ya(), xa();
 			}));
 		}
-		let wa = y(() => ({
+		let wa = v(() => ({
 			height: Li.value,
 			width: P.value
-		})), Ta = D(!1), Ea = D(null), Da = D(null), B = D({
+		})), Ta = E(!1), Ea = E(null), Da = E(null), B = E({
 			xAxis: 18,
 			yAxis: 12,
 			dataLabels: 20,
 			plotLabels: 10
-		}), Oa = D({
+		}), Oa = E({
 			plot: 3,
 			line: 3,
 			selectedLine: 3
-		}), ka = y(() => Math.max(Oa.value.line * 1.5, Oa.value.selectedLine));
-		ut(() => {
-			ra.value = !0, M.dataset.length && M.dataset.forEach((e, n) => {
-				[null, void 0].includes(e.series) && t({
+		}), ka = v(() => Math.max(Oa.value.line * 1.5, Oa.value.selectedLine));
+		dt(() => {
+			ra.value = !0, M.dataset.length && M.dataset.forEach((e, t) => {
+				[null, void 0].includes(e.series) && ve({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
-					index: n,
+					index: t,
 					debug: Fa.value
 				});
 			}), ya(), va.start(), xa();
 		});
 		function Aa() {
 			if (!Object.keys(M.config || {}).length) return vi;
-			let e = ze({
+			let e = Be({
 				userConfig: M.config,
 				defaultConfig: vi
 			});
-			M.config && _e(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea : e.chart.highlightArea = [M.config.chart.highlightArea]), M.config && _e(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => ze({
+			M.config && me(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea : e.chart.highlightArea = [M.config.chart.highlightArea]), M.config && me(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => Be({
 				defaultConfig: vi.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], M.config && _e(M.config, "chart.grid.position") && M.config.chart.grid.position === "start" && M.dataset.length && M.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", _e(M.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), M.config && _e(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea.map((e) => ja({
+			})) : e.chart.annotations = [], M.config && me(M.config, "chart.grid.position") && M.config.chart.grid.position === "start" && M.dataset.length && M.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", me(M.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), M.config && me(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea.map((e) => ja({
 				defaultConfig: vi.chart.highlightArea,
 				userConfig: e
 			})) : e.chart.highlightArea = ja({
@@ -652,32 +652,32 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			let t = e.theme;
 			if (!t) return e;
 			if (!yi.value(e)) return bi(e), e;
-			let n = ze({
-				userConfig: Ge[t] || M.config,
+			let n = Be({
+				userConfig: Ke[t] || M.config,
 				defaultConfig: e
-			}), r = ze({
+			}), r = Be({
 				userConfig: M.config,
 				defaultConfig: n
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : de[t] || f
+				customPalette: r.customPalette.length ? r.customPalette : s[t] || re
 			};
 		}
 		function ja({ defaultConfig: e, userConfig: t }) {
-			return ze({
+			return Be({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let Ma = y({
+		let Ma = v({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), V = D(Aa()), Na = y(() => V.value.chart.userOptions.useCursorPointer), H = D({
+		}), V = E(Aa()), Na = v(() => V.value.chart.userOptions.useCursorPointer), H = E({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
@@ -698,7 +698,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			}
 			H.value.showTooltip = V.value.chart.tooltip.show === !0, e !== Ea.value && (H.value.isStacked = e, Ea.value = e), t !== Da.value && (H.value.useIndividualScale = t, Da.value = t), H.value.isStacked && (H.value.useIndividualScale = !0);
 		}
-		let Fa = y(() => !!V.value.debug), Ia = y(() => d({
+		let Fa = v(() => !!V.value.debug), Ia = v(() => Ce({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -754,7 +754,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				}
 			},
 			userConfig: V.value.skeletonConfig ?? {}
-		})), La = y(() => M.config?.skeletonDataset ?? [{
+		})), La = v(() => M.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -791,7 +791,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: Ra, FINAL_DATASET: za, manualLoading: Ba } = Ie({
+		}]), { loading: Ra, FINAL_DATASET: za, manualLoading: Ba } = Le({
 			...mt(M),
 			FINAL_CONFIG: V,
 			prepareConfig: Aa,
@@ -801,37 +801,37 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				});
 			},
 			skeletonDataset: La.value,
-			skeletonConfig: d({
+			skeletonConfig: Ce({
 				defaultConfig: V.value,
 				userConfig: Ia.value
 			})
-		}), Va = Tt((e, t) => Ee({
+		}), Va = Tt((e, t) => ce({
 			data: e,
 			threshold: t
-		})), Ha = (e) => Va(e, V.value.downsample.threshold), Ua = y(() => {
+		})), Ha = (e) => Va(e, V.value.downsample.threshold), Ua = v(() => {
 			let e = V.value.downsample.threshold;
 			return za.value.map((t) => Va(t.series, e).length);
-		}), Wa = y(() => {
+		}), Wa = v(() => {
 			let e = -Infinity;
 			for (let t = 0; t < Ua.value.length; t += 1) {
 				let n = Ua.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), Ga = y(() => {
+		}), Ga = v(() => {
 			let e = 0;
 			for (let t = 0; t < Ua.value.length; t += 1) {
 				let n = Ua.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), Ka = y(() => Wa.value), U = D({
+		}), Ka = v(() => Wa.value), U = E({
 			start: 0,
 			end: Ka.value
-		}), qa = D({
+		}), qa = E({
 			start: 0,
 			end: Ka.value
-		}), Ja = y(() => V.value.chart.zoom.preview.enable && (qa.value.start !== U.value.start || qa.value.end !== U.value.end));
+		}), Ja = v(() => V.value.chart.zoom.preview.enable && (qa.value.start !== U.value.start || qa.value.end !== U.value.end));
 		function Ya(e, t) {
 			qa.value[e] = t;
 		}
@@ -850,7 +850,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				end: n
 			}, qa.value.start = t, qa.value.end = n, Ci.value && (Ci.value.setStartValue(t), Ci.value.setEndValue(n));
 		}
-		let Za = y(() => {
+		let Za = v(() => {
 			let { left: e, top: t, width: n, height: r } = J.value, i = U.value.start, a = U.value.end - i, o = n / a, s = qa.value.start - i, c = qa.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
 			return {
 				x: e + l * o,
@@ -878,21 +878,21 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			let t = e - U.value.start;
 			t < 0 || e >= U.value.end ? R.value = null : R.value = t ?? null;
 		}, { immediate: !0 });
-		let { isPrinting: Qa, isImaging: $a, generatePdf: eo, generateImage: to } = Fe({
+		let { isPrinting: Qa, isImaging: $a, generatePdf: eo, generateImage: to } = Ie({
 			elementId: `vue-ui-xy_${F.value}`,
 			fileName: V.value.chart.title.text || "vue-ui-xy",
 			options: V.value.chart.userOptions.print
-		}), no = D(!1), ro = y(() => oe(V.value.customPalette)), io = y(() => {
+		}), no = E(!1), ro = v(() => i(V.value.customPalette)), io = v(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMin;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), ao = y(() => io.value === null ? ws.value : J.value.bottom), oo = y(() => {
+		}), ao = v(() => io.value === null ? ws.value : J.value.bottom), oo = v(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), so = y(() => io.value !== null || oo.value !== null), co = y(() => Bc(vo.value.filter((e) => !Ki.value.has(e.id)), 0, 1)), lo = y(() => {
+		}), so = v(() => io.value !== null || oo.value !== null), co = v(() => Bc(vo.value.filter((e) => !Ki.value.has(e.id)), 0, 1)), lo = v(() => {
 			let { min: e, max: t } = co.value;
 			if (!so.value) {
 				let t = e;
@@ -900,7 +900,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			}
 			let n = io.value === null ? e > 0 ? 0 : e : io.value, r = oo.value === null ? t : oo.value;
 			return Et(e < n ? e : n, t > r ? t : r).min;
-		}), uo = y(() => {
+		}), uo = v(() => {
 			let { min: e, max: t } = co.value;
 			if (!so.value) {
 				let e = t;
@@ -908,7 +908,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			}
 			let n = io.value === null ? e > 0 ? 0 : e : io.value, r = oo.value === null ? t : oo.value;
 			return Et(e < n ? e : n, t > r ? t : r).max;
-		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? ve(lo.value, uo.value < 0 ? 0 : uo.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : ge(lo.value, uo.value < 0 ? 0 : uo.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), fo = 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(() => za.value.some((e) => Array.isArray(e.series) && e.series.some(Ct)));
+		}), W = v(() => V.value.chart.grid.labels.yAxis.useNiceScale ? ye(lo.value, uo.value < 0 ? 0 : uo.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : pe(lo.value, uo.value < 0 ? 0 : uo.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), fo = v(() => [null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) ? W.value.min >= 0 ? 0 : Math.abs(W.value.min) : -W.value.min), G = v(() => za.value.some((e) => Array.isArray(e.series) && e.series.some(Ct)));
 		vt(() => {
 			G.value && za.value.some((e) => !ho(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.");
 		});
@@ -919,7 +919,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			return Array.isArray(e) && e.some((e) => Ct(e) || po(e));
 		}
 		function ho(e) {
-			return G.value ? ["line", "plot"].includes(e.type) && mo(e.series) : !0;
+			return !G.value || ["line", "plot"].includes(e.type) && mo(e.series);
 		}
 		function go(e, t) {
 			return po(e) ? {
@@ -937,7 +937,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				isInvalid: !0
 			} : {
 				x: Number(e.x),
-				y: me(e.y) ? Number(e.y) : null,
+				y: ke(e.y) ? Number(e.y) : null,
 				index: t,
 				raw: e,
 				isNull: !1,
@@ -947,17 +947,17 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function _o(e) {
 			return G.value ? e && typeof e == "object" ? e.y : null : e;
 		}
-		let vo = y(() => !Ii.value && !G.value ? za.value : za.value.map((e, t) => {
+		let vo = v(() => !Ii.value && !G.value ? za.value : za.value.map((e, t) => {
 			let n = `uniqueId_${t}`, r = ho(e), i = G.value ? r ? e.series : [] : Ha(e.series);
 			return {
 				...e,
 				slotAbsoluteIndex: t,
-				series: G.value ? i.map((e, t) => go(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: pe(e.color ? e.color : ro.value[t] ? ro.value[t] : f[t]),
+				series: G.value ? i.map((e, t) => go(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) => ke(e) ? e : null).slice(U.value.start, U.value.end),
+				color: Oe(e.color ? e.color : ro.value[t] ? ro.value[t] : re[t]),
 				id: n,
 				scaleLabel: e.scaleLabel || n
 			};
-		})), yo = y(() => vo.value.map((e, t) => ({
+		})), yo = v(() => vo.value.map((e, t) => ({
 			absoluteIndex: t,
 			...e,
 			series: G.value ? e.series.map((e) => ({
@@ -967,14 +967,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series,
 			segregate: () => Zs(e),
 			isSegregated: Ki.value.has(e.id)
-		}))), K = y(() => vo.value.map((e) => ({
+		}))), K = v(() => vo.value.map((e) => ({
 			...e,
 			series: G.value ? e.series.map((e) => ({
 				...e,
 				y: e.y === null ? null : e.y + fo.value
 			})) : e.series.map((e) => e + fo.value),
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series
-		})).filter((e) => !Ki.value.has(e.id))), bo = y(() => Gi.value.length === yo.value.length), q = y(() => V.value.chart.grid.labels.yAxis.position === "right");
+		})).filter((e) => !Ki.value.has(e.id))), bo = v(() => Gi.value.length === yo.value.length), q = v(() => V.value.chart.grid.labels.yAxis.position === "right");
 		function xo() {
 			let e = 0;
 			ji.value && (e = Array.from(ji.value.querySelectorAll("text")).reduce((e, t) => {
@@ -995,8 +995,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				Z.value = [], Fs.value = null, sa.value = null;
 				return;
 			}
-			let n = Number(t.point.x);
-			Z.value = (Is.value.matchingPointsByXValue.get(n) || []).map((e) => ({
+			let n = Number(t.point.x), r = Is.value.matchingPointsByXValue.get(n) || [];
+			Z.value = r.map((e) => ({
 				...e,
 				distance: 0
 			})), Fs.value = Xc({ x: n }), sa.value = n;
@@ -1009,7 +1009,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			let t = Xc({ x: Number(e) });
 			So(t), Fs.value = t;
 		}
-		let wo = D(0), To = D(0);
+		let wo = E(0), To = E(0);
 		function Eo() {
 			let e = Ai.value;
 			if (!e) {
@@ -1023,7 +1023,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				wo.value = 0, To.value = 0;
 			}
 		}
-		let Do = y(() => {
+		let Do = v(() => {
 			let e = 0;
 			if (Oi.value) try {
 				e = Oi.value.getBBox().height || 0;
@@ -1031,11 +1031,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				e = 0;
 			}
 			return e + wo.value + B.value.xAxis;
-		}), Oo = y(() => za.value.some((e) => e.useProgression));
+		}), Oo = v(() => za.value.some((e) => e.useProgression));
 		function ko() {
 			return V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + V.value.chart.grid.labels.yAxis.labelWidth + V.value.chart.grid.labels.axis.yLabelOffsetX + B.value.dataLabels * .8;
 		}
-		let J = y(() => {
+		let J = v(() => {
 			ga.value;
 			let e = 0, t = 0, n = 0, r = 0;
 			if (V.value.chart.grid.labels.show) if (H.value.useIndividualScale && !H.value.isStacked) q.value ? t = (za.value.length - Gi.value.length) * ko() : e = (za.value.length - Gi.value.length) * (V.value.chart.grid.labels.yAxis.labelWidth + 36);
@@ -1062,8 +1062,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				yAxisLabelWidth: r,
 				individualOffsetX: 36
 			};
-		}), Ao = y(() => {
-			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = g(J.value?.top), r = g(J.value?.bottom);
+		}), Ao = v(() => {
+			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = m(J.value?.top), r = m(J.value?.bottom);
 			return G.value ? V.value.chart.grid.position === "middle" ? Jc.value.map((e, t, i) => {
 				if (t === 0) return null;
 				let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
@@ -1072,7 +1072,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				let i = V.value.chart.grid.position === "middle" ? dc(t) : uc(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
-		}), jo = y(() => {
+		}), jo = v(() => {
 			if (!V.value.chart.grid.labels.xAxis.showCrosshairs) return "";
 			let e = V.value.chart.grid.labels.xAxis.crosshairSize, t = V.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
 			return (G.value ? Jc.value : Go.value).map((n, r) => {
@@ -1085,7 +1085,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			return !!_i?.vnode.props?.onSelectTimeLabel;
 		}
 		function No(e, t, n) {
-			return na.value ||= document.createElement("canvas").getContext("2d"), na.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, na.value;
+			if (!na.value) {
+				let e = document.createElement("canvas");
+				na.value = e.getContext("2d");
+			}
+			return na.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, na.value;
 		}
 		function Po() {
 			let e = xi.value.querySelectorAll(".vue-ui-xy-tag");
@@ -1094,9 +1098,9 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function Fo(e, t, n, r, i) {
 			n && (ta.value[`${e}_${t}_${r}_${i}`] = n);
 		}
-		let Io = D(!1);
+		let Io = E(!1);
 		async function Lo(e = !1) {
-			await st(), Io.value = e, Qi.value && (ea.value = e);
+			await ct(), Io.value = e, Qi.value && (ea.value = e);
 		}
 		function Ro() {
 			Lo(!0);
@@ -1107,11 +1111,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function Bo() {
 			Vi.value = !Vi.value;
 		}
-		let Y = D([]), Vo = D([]), Ho = 0;
+		let Y = E([]), Vo = E([]), Ho = 0;
 		vt(() => {
 			let e = ++Ho;
 			(async () => {
-				let t = Wa.value, n = await Ne({
+				let t = Wa.value, n = await Pe({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1125,7 +1129,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		vt(() => {
 			let e = ++Uo;
 			(async () => {
-				let t = Wa.value, n = await Ne({
+				let t = Wa.value, n = await Pe({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1135,14 +1139,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				e === Uo && (Vo.value = n);
 			})();
 		});
-		let Wo = y(() => {
+		let Wo = v(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels.modulo;
 			return Y.value.length ? Math.min(e, [...new Set(Y.value.map((e) => e.text))].length) : e;
-		}), Go = y(() => {
+		}), Go = v(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels, t = Y.value || [], n = Vo.value || [], r = U.value.start ?? 0, i = R.value, a = X.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
 			return Te(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Wo.value || 1), o, s, r, i, a);
-		}), Ko = y(() => (Go.value || []).map((e) => e?.text ?? "").join("|"));
-		ut(() => {
+		}), Ko = v(() => (Go.value || []).map((e) => e?.text ?? "").join("|"));
+		dt(() => {
 			requestAnimationFrame(() => {
 				Eo();
 			}), _t([
@@ -1152,30 +1156,31 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				() => P.value,
 				() => Li.value
 			], async () => {
-				await st(), requestAnimationFrame(() => {
+				await ct(), requestAnimationFrame(() => {
 					Eo();
 				});
 			}, { flush: "post" });
-		}), lt(() => {
+		}), ut(() => {
 			wo.value = 0, To.value = 0, va.stop(), ua.value &&= (ua.value.disconnect(), null);
 		});
 		function qo(e, t) {
+			let n = K.value.map((e) => ({
+				shape: e.shape ?? e.type === "bar" ? "square" : "circle",
+				name: e.name,
+				color: e.color,
+				type: e.type,
+				value: e.absoluteValues.find((e, n) => n === t),
+				comments: e.comments || [],
+				prefix: e.prefix || V.value.chart.labels.prefix,
+				suffix: e.suffix || V.value.chart.labels.suffix
+			}));
 			hi("selectTimeLabel", {
-				datapoint: K.value.map((e) => ({
-					shape: e.shape ?? e.type === "bar" ? "square" : "circle",
-					name: e.name,
-					color: e.color,
-					type: e.type,
-					value: e.absoluteValues.find((e, n) => n === t),
-					comments: e.comments || [],
-					prefix: e.prefix || V.value.chart.labels.prefix,
-					suffix: e.suffix || V.value.chart.labels.suffix
-				})),
+				datapoint: n,
 				absoluteIndex: e.absoluteIndex,
 				label: e.text
 			});
 		}
-		let X = y(() => {
+		let X = v(() => {
 			let e = Ot((U.value.end ?? 0) - (U.value.start ?? 0));
 			return Math.max(1, e);
 		});
@@ -1183,13 +1188,13 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			G.value || (I.value = e);
 		}
 		function Yo(e) {
-			if (!G.value || !De(e)) {
+			if (!G.value || !f(e)) {
 				sa.value = null, Z.value = [], Fs.value = null;
 				return;
 			}
 			sa.value = Number(e), Co(Number(e));
 		}
-		let Xo = y(() => G.value ? De(sa.value) || De(Fs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		let Xo = v(() => G.value ? f(sa.value) || f(Fs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
 		function Zo() {
 			H.value.isStacked = !H.value.isStacked, H.value.isStacked ? H.value.useIndividualScale = !0 : H.value.useIndividualScale = V.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
@@ -1200,7 +1205,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			let t = Wa.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 es = D(!1), ts = D(!1), ns = D(0), rs = D(0);
+		let es = E(!1), ts = E(!1), ns = E(0), rs = E(0);
 		function is() {
 			if (!es.value) {
 				es.value = !0;
@@ -1222,7 +1227,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				}
 			}
 		}
-		let as = D(!1), os = D(!1), ss = null, cs = null, ls = {};
+		let as = E(!1), os = E(!1), ss = null, cs = null, ls = {};
 		function us(e = U.value) {
 			return Number(e.end) - Number(e.start);
 		}
@@ -1237,8 +1242,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				let e = us(), t = {
 					...U.value,
 					...ls
-				};
-				os.value = us(t) !== e, U.value = t, qa.value = { ...t }, ls = {}, ss = null, Xa(), cs && cancelAnimationFrame(cs), cs = requestAnimationFrame(() => {
+				}, n = us(t);
+				os.value = n !== e, U.value = t, qa.value = { ...t }, ls = {}, ss = null, Xa(), cs && cancelAnimationFrame(cs), cs = requestAnimationFrame(() => {
 					os.value = !1, cs = null;
 				});
 			});
@@ -1272,15 +1277,15 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		}
 		async function hs() {
 			let e = us();
-			os.value = !0, await is(), us() === e ? os.value = !1 : (await st(), cs && cancelAnimationFrame(cs), cs = requestAnimationFrame(() => {
+			os.value = !0, await is(), us() === e ? os.value = !1 : (await ct(), cs && cancelAnimationFrame(cs), cs = requestAnimationFrame(() => {
 				os.value = !1, cs = null;
 			})), hi("zoomReset");
 		}
-		let gs = y(() => W.value.max + fo.value);
+		let gs = v(() => W.value.max + fo.value);
 		function _s(e) {
 			return e / (bt(gs.value) ? gs.value : 1);
 		}
-		let vs = y(() => V.value.chart.grid.labels.yAxis.reverse);
+		let vs = v(() => V.value.chart.grid.labels.yAxis.reverse);
 		function ys(e) {
 			return vs.value ? 1 - e : e;
 		}
@@ -1295,24 +1300,24 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				individualHeight: i
 			});
 		}
-		let Ss = y(() => V.value.chart.grid.labels.xAxis.reverse);
+		let Ss = v(() => V.value.chart.grid.labels.xAxis.reverse);
 		function Cs(e) {
 			return Ss.value ? 1 - e : e;
 		}
-		let ws = y(() => isNaN(_s(fo.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * _s(fo.value));
+		let ws = v(() => isNaN(_s(fo.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * _s(fo.value));
 		function Ts(e) {
 			let t = W.value.min, n = W.value.max - t;
 			return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? J.value?.bottom : J.value?.bottom - J.value.height * ((e - t) / n);
 		}
-		let Es = y(() => W.value.min <= 0 && W.value.max >= 0 ? Ts(0) : W.value.min > 0 ? Ts(W.value.min) : Ts(W.value.max));
+		let Es = v(() => W.value.min <= 0 && W.value.max >= 0 ? Ts(0) : W.value.min > 0 ? Ts(W.value.min) : Ts(W.value.max));
 		function Ds(e) {
 			let t = ![null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) && V.value.chart.grid.labels.yAxis.scaleMin > 0 && lo.value >= 0 ? J.value?.bottom : ws.value;
-			return e.value >= 0 ? _(t - e.y <= 0 ? 1e-5 : t - e.y) : _(e.y - ws.value <= 0 ? 1e-5 : e.y - ws.value);
+			return e.value >= 0 ? g(t - e.y <= 0 ? 1e-5 : t - e.y) : g(e.y - ws.value <= 0 ? 1e-5 : e.y - ws.value);
 		}
 		function Os(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 ks = y(() => {
+		let ks = v(() => {
 			let e = Math.max(1, X.value);
 			return {
 				bar: Dt(Math.max(1, J.value.width), e * Ec.value, 1),
@@ -1344,7 +1349,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let Ps = D(null), Z = D([]), Fs = D(null), Is = y(() => {
+		let Ps = E(null), Z = E([]), Fs = E(null), Is = v(() => {
 			if (!G.value) return {
 				sortedPoints: [],
 				matchingPointsByXValue: /* @__PURE__ */ new Map()
@@ -1354,7 +1359,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				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 (!De(a?.x) || !De(a?.y)) continue;
+					if (!f(a?.x) || !f(a?.y)) continue;
 					let o = Number(a.x), s = Xc(a), c = {
 						datapoint: i,
 						point: a,
@@ -1394,15 +1399,15 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				});
 			}), a;
 		}
-		let Rs = y(() => G.value ? Array.from(Is.value.matchingPointsByXValue.keys()).sort((e, t) => Xc({ x: e }) - Xc({ x: t })) : []);
+		let Rs = v(() => G.value ? Array.from(Is.value.matchingPointsByXValue.keys()).sort((e, t) => Xc({ x: e }) - Xc({ x: t })) : []);
 		function zs(e) {
 			let t = Rs.value[e];
-			if (!De(t)) {
+			if (!f(t)) {
 				Z.value = [], Fs.value = null, sa.value = null, Ui.value = !1;
 				return;
 			}
 			Co(Number(t));
-			let n = le(Xc({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
+			let n = fe(Xc({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
 			n && (la.value = n), R.value = e, ca.value = e, Ui.value = !0;
 		}
 		function Bs(e) {
@@ -1502,7 +1507,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		}
 		async function qs({ scale: e = 2 } = {}) {
 			if (!xi.value) return;
-			let { imageUri: t, base64: n } = await Ue({
+			let { imageUri: t, base64: n } = await We({
 				domElement: xi.value,
 				base64: !0,
 				img: !0,
@@ -1511,7 +1516,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await Se(t, e) ?? i;
+			}, a = await De(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1554,7 +1559,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			let t = Qs(e);
 			t !== null && (Ki.value.has(t.id) || Zs({ id: t.id }));
 		}
-		let tc = y(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), nc = y(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), rc = y(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), ic = y(() => {
+		let tc = v(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), nc = v(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), rc = v(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), ic = v(() => {
 			if (Array.isArray(V.value.chart.highlightArea)) return V.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, Ka.value - 1);
 				return {
@@ -1570,12 +1575,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), ac = y(() => Ii.value ? za.value.map((e, t) => ({
+		}), ac = v(() => Ii.value ? za.value.map((e, t) => ({
 			...e,
 			series: Ha(e.series),
 			id: `uniqueId_${t}`,
-			color: pe(e.color ? e.color : ro.value[t] ? ro.value[t] : f[t])
-		})) : za.value), oc = y(() => K.value.map((e) => {
+			color: Oe(e.color ? e.color : ro.value[t] ? ro.value[t] : re[t])
+		})) : za.value), oc = v(() => K.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? null : e);
 			return {
 				id: e.id,
@@ -1583,7 +1588,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				color: e.color,
 				values: xt(X.value, t)
 			};
-		})), sc = y(() => ({
+		})), sc = v(() => ({
 			responsiveBreakpoint: V.value.table.responsiveBreakpoint,
 			roundingValues: V.value.table.rounding,
 			showAverage: !1,
@@ -1608,10 +1613,10 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				animation: { show: !1 },
 				cutNullValues: V.value.line.cutNullValues
 			}
-		})), cc = y(() => {
+		})), cc = v(() => {
 			let e = Math.max(0, J.value?.width || 0);
 			return V.value.chart.grid.position === "middle" ? Dt(e, Math.max(1, X.value), 1) : Dt(e, Math.max(1, X.value - 1), 0);
-		}), lc = y(() => V.value.chart.grid.position === "middle" ? cc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : cc.value);
+		}), lc = v(() => V.value.chart.grid.position === "middle" ? cc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : cc.value);
 		function uc(e) {
 			let t = J.value?.left || 0;
 			return V.value.chart.grid.position === "middle" ? t + cc.value / 2 + cc.value * e : t + cc.value * e;
@@ -1642,11 +1647,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function gc(e) {
 			return Math.max(1e-5, lc.value * e);
 		}
-		let _c = y(() => fe(yo.value.filter((e) => !Ki.value.has(e.id)))), vc = [
+		let _c = v(() => he(yo.value.filter((e) => !Ki.value.has(e.id)))), vc = [
 			"bar",
 			"line",
 			"plot"
-		], yc = y(() => _c.value.filter((e) => vc.includes(e.type))), bc = y(() => yc.value.length), xc = y(() => yc.value.filter((e) => e.type === "bar")), Sc = y(() => yc.value.filter((e) => e.type === "line")), Cc = y(() => yc.value.filter((e) => e.type === "plot")), wc = y(() => vo.value.filter((e) => e.type === "bar" && !Ki.value.has(e.id))), Tc = y(() => wc.value.length), Ec = y(() => Math.max(1, Tc.value)), Dc = y(() => {
+		], yc = v(() => _c.value.filter((e) => vc.includes(e.type))), bc = v(() => yc.value.length), xc = v(() => yc.value.filter((e) => e.type === "bar")), Sc = v(() => yc.value.filter((e) => e.type === "line")), Cc = v(() => yc.value.filter((e) => e.type === "plot")), wc = v(() => vo.value.filter((e) => e.type === "bar" && !Ki.value.has(e.id))), Tc = v(() => wc.value.length), Ec = v(() => Math.max(1, Tc.value)), Dc = v(() => {
 			let e = St(_c.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = Infinity, i = -Infinity, a = !1;
@@ -1669,7 +1674,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				};
 			}
 			return t;
-		}), Oc = y(() => _c.value.reduce((e, t) => {
+		}), Oc = v(() => _c.value.reduce((e, t) => {
 			let n = t.scaleLabel || "";
 			return e[n] = (e[n] || 0) + 1, e;
 		}, {}));
@@ -1692,7 +1697,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				unique: Oc.value[l] === 1
 			};
 		}
-		let Ac = y(() => J.value.width / X.value / Tc.value - jc.value * Tc.value), jc = y(() => ks.value.line * V.value.bar.periodGap), Mc = y(() => Math.max(1e-5, As() - (H.value.useIndividualScale && H.value.isStacked ? 0 : jc.value))), Nc = y(() => Mc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Pc = y(() => {
+		let Ac = v(() => J.value.width / X.value / Tc.value - jc.value * Tc.value), jc = v(() => ks.value.line * V.value.bar.periodGap), Mc = v(() => Math.max(1e-5, As() - (H.value.useIndividualScale && H.value.isStacked ? 0 : jc.value))), Nc = v(() => Mc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), Pc = v(() => {
 			if (!V.value.chart.zoom.minimap.show) return [];
 			let e = ac.value.filter((e) => !Ki.value.has(e.id)), t = 0;
 			for (let n = 0; n < e.length; n += 1) {
@@ -1707,10 +1712,10 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			}
 			let r = Hc(n, 0, 1).min;
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), Fc = y(() => V.value.chart.zoom.minimap.show ? ac.value.map((e) => ({
+		}), Fc = v(() => V.value.chart.zoom.minimap.show ? ac.value.map((e) => ({
 			...e,
 			isVisible: !Ki.value.has(e.id)
-		})) : []), Ic = y(() => G.value ? Z.value.map((e) => ({
+		})) : []), Ic = v(() => G.value ? Z.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1731,7 +1736,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			comments: e.comments || [],
 			prefix: e.prefix || V.value.chart.labels.prefix,
 			suffix: e.suffix || V.value.chart.labels.suffix
-		}))), Lc = y(() => W.value.ticks.map((e) => {
+		}))), Lc = v(() => W.value.ticks.map((e) => {
 			let t = e >= 0 ? ws.value - J.value.height * _s(e) : ws.value + J.value.height * _s(Math.abs(e));
 			return {
 				y: vs.value ? J.value.top + J.value.bottom - t : t,
@@ -1739,23 +1744,26 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				prefix: V.value.chart.labels.prefix,
 				suffix: V.value.chart.labels.suffix
 			};
-		})), Rc = y(() => {
+		})), Rc = v(() => {
 			let e = V.value.chart.annotations;
 			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
 			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
 			if (!t.length) return [];
-			let { left: n, right: r } = J.value, i = ws.value, a = J.value.height, o = W.value.min, s = W.value.max - o, c = (e) => i - (e - 0) / s * a;
+			let { left: n, right: r } = J.value, i = ws.value, a = J.value.height, o = W.value.min, s = W.value.max - o, c = (e) => {
+				let t = (e - 0) / s;
+				return i - t * 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), d = No(o.fontSize);
-				d.font = `${o.fontSize}px sans-serif`;
-				let ee = d.measureText(o.text).width, te = o.fontSize, ne = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, f = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, re;
-				re = o.textAnchor === "middle" ? ne - ee / 2 - o.padding?.left : o.textAnchor === "end" ? ne - ee - o.padding?.right : ne - o.padding?.left;
-				let ie = f - te * .75 - o.padding?.top;
+				let { 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 = No(o.fontSize);
+				ee.font = `${o.fontSize}px sans-serif`;
+				let d = ee.measureText(o.text).width, te = o.fontSize, ne = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, re = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, ie;
+				ie = o.textAnchor === "middle" ? ne - d / 2 - o.padding?.left : o.textAnchor === "end" ? ne - d - o.padding?.right : ne - o.padding?.left;
+				let ae = re - te * .75 - o.padding?.top;
 				return {
 					show: ![
 						l,
 						u,
-						ie
+						ae
 					].includes(NaN),
 					id: Wc("annotation_y", [
 						t,
@@ -1772,12 +1780,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					x2: r,
 					_text: {
 						x: ne,
-						y: f
+						y: re
 					},
 					_box: {
-						x: re,
-						y: ie,
-						width: ee + o.padding?.left + o.padding?.right,
+						x: ie,
+						y: ae,
+						width: d + o.padding?.left + o.padding?.right,
 						height: te + o.padding?.top + o.padding?.bottom,
 						fill: o.backgroundColor,
 						stroke: o.border.stroke,
@@ -1858,17 +1866,17 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function Gc() {
 			return Ra.value || os.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`;
 		}
-		let Kc = y(() => Vc(vo.value, 0, 1)), qc = 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) : Kc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : Kc.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? ve(r, i, e) : ge(r, i, e);
+		let Kc = v(() => Vc(vo.value, 0, 1)), qc = v(() => {
+			let e = V.value.chart.grid.labels.xAxis.commonScaleSteps, t = V.value.chart.grid.labels.xAxis.scaleMin, n = V.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : Kc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : Kc.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? ye(r, i, e) : pe(r, i, e);
 			if (V.value.chart.grid.position !== "start") return a;
 			let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
 			return {
 				...a,
 				max: a.max + o
 			};
-		}), Jc = y(() => G.value ? (Ss.value ? [...qc.value.ticks].reverse() : [...qc.value.ticks]).map((e, t) => ({
+		}), Jc = v(() => G.value ? (Ss.value ? [...qc.value.ticks].reverse() : [...qc.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
-			text: h(V.value.chart.grid.labels.xAxis.formatter, e, u({
+			text: h(V.value.chart.grid.labels.xAxis.formatter, e, p({
 				v: e,
 				s: V.value.chart.labels.prefix,
 				p: V.value.chart.labels.suffix,
@@ -1888,7 +1896,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			let t = qc.value.max - qc.value.min || 1, n = Cs((e - qc.value.min) / t);
 			return J.value.left + J.value.width * n;
 		}
-		let Zc = y(() => Vc(za.value, 0, 1)), Qc = y(() => G.value ? Zc.value.min : 0), $c = y(() => G.value ? Zc.value.max : Ka.value);
+		let Zc = v(() => Vc(za.value, 0, 1)), Qc = v(() => G.value ? Zc.value.min : 0), $c = v(() => G.value ? Zc.value.max : Ka.value);
 		function el(e, t) {
 			return G.value ? e.x == null || e.y == null ? null : Xc(e) : uc(t);
 		}
@@ -1896,19 +1904,19 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			return !G.value || !e ? null : e.x ?? null;
 		}
 		function nl({ 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 ? ge : ve, 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, p = t - 1 - ae, oe = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, se = H.value.isStacked ? r * oe + n * p : 0, ce = H.value.isStacked ? r * e.stackRatio : J.value.height;
+			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? pe : ye, ee = o.max === o.min ? o.max * l : o.max, d = a === i ? a * l : a, te = u(o.min, ee, c), ne = u(i, d, c), re = te.min >= 0 ? 0 : Math.abs(te.min), ie = te.max + Math.abs(re), ae = ne.max + 0, oe = e.stackIndex, se = t - 1 - oe, f = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, ce = H.value.isStacked ? r * f + n * se : 0, le = H.value.isStacked ? r * e.stackRatio : J.value.height;
 			return {
 				scaleSteps: c,
 				individualScale: te,
 				autoScaleSteps: ne,
-				individualZero: f,
+				individualZero: re,
 				autoScaleZero: 0,
-				individualMax: re,
-				autoScaleMax: ie,
-				yOffset: se,
-				individualHeight: ce,
-				zeroPosition: J.value?.bottom - se - ce * f / re,
-				autoScaleZeroPosition: J.value?.bottom - se - ce * 0 / ie
+				individualMax: ie,
+				autoScaleMax: ae,
+				yOffset: ce,
+				individualHeight: le,
+				zeroPosition: J.value?.bottom - ce - le * re / ie,
+				autoScaleZeroPosition: J.value?.bottom - ce - le * 0 / ae
 			};
 		}
 		function rl({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
@@ -2004,10 +2012,10 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function ul(e, t) {
 			return Array.isArray(e) && e[t + U.value.start] || "";
 		}
-		let dl = y(() => {
+		let dl = v(() => {
 			let e = bc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
 			return xc.value.map((n, i) => {
-				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: d, zeroPosition: ee, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: f, autoScaleRatiosToNiceScale: re } = cl({
+				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: ee, zeroPosition: d, autoScaleZeroPosition: te, scaleYLabels: ne, autoScaleYLabels: re, autoScaleRatiosToNiceScale: ie } = cl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
@@ -2015,211 +2023,211 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					clampNegativeAutoScaleMaximum: !0,
 					filterMinimumValues: !0,
 					preserveLooseMinimumExpression: !0
-				}), ie = Tc.value, ae = ll(n.comments), p = n.series.map((e, t) => {
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : _s(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + ks.value.bar * i + ks.value.bar * t * ie - Ac.value / 2 - i * jc.value;
+				}), ae = Tc.value, oe = ll(n.comments), se = n.series.map((e, t) => {
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : _s(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + ks.value.bar * i + ks.value.bar * t * ae - Ac.value / 2 - i * jc.value;
 					return {
-						yOffset: _(u),
-						individualHeight: _(d),
-						x: _(a),
+						yOffset: g(u),
+						individualHeight: g(ee),
+						x: g(a),
 						y: bs({
 							ratio: r,
 							yOffset: u,
-							individualHeight: d
+							individualHeight: ee
 						}),
 						value: n.absoluteValues[t],
-						zeroPosition: _(ee),
-						individualMax: _(c),
-						comment: ae[t] || ""
+						zeroPosition: g(d),
+						individualMax: g(c),
+						comment: oe[t] || ""
 					};
-				}), oe = n.series.map((e, t) => {
+				}), f = 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 - ks.value.bar / 2 + ks.value.bar * i + ks.value.bar * t * yo.value.filter((e) => e.type === "bar").filter((e) => !Ki.value.has(e.id)).length;
 					return {
-						yOffset: _(u),
-						individualHeight: _(d),
-						x: _(r),
-						y: _(bs({
-							ratio: re[t] || 0,
-							yOffset: _(u),
-							individualHeight: _(d)
+						yOffset: g(u),
+						individualHeight: g(ee),
+						x: g(r),
+						y: g(bs({
+							ratio: ie[t] || 0,
+							yOffset: g(u),
+							individualHeight: g(ee)
 						})),
 						value: n.absoluteValues[t],
-						zeroPosition: _(ee),
-						individualMax: _(c),
-						comment: ae[t] || ""
+						zeroPosition: g(d),
+						individualMax: g(c),
+						comment: oe[t] || ""
 					};
-				}), se = kc({
+				}), ce = kc({
 					datapoint: n,
 					scaleYLabels: ne,
-					autoScaleYLabels: f,
-					zeroPosition: ee,
+					autoScaleYLabels: re,
+					zeroPosition: d,
 					autoScaleZeroPosition: te,
 					individualMax: c,
 					autoScaleMax: l,
 					yOffset: u,
-					individualHeight: d
+					individualHeight: ee
 				});
 				return {
 					...n,
 					yOffset: u,
-					autoScaleYLabels: f,
-					individualHeight: d,
-					scaleYLabels: n.autoScaling ? f : ne,
+					autoScaleYLabels: re,
+					individualHeight: ee,
+					scaleYLabels: n.autoScaling ? re : ne,
 					individualScale: n.autoScaling ? o : a,
 					individualMax: n.autoScaling ? l : c,
-					zeroPosition: n.autoScaling ? te : ee,
-					plots: n.autoScaling ? oe : p,
-					scaleGroup: se,
-					groupId: se.groupId
+					zeroPosition: n.autoScaling ? te : d,
+					plots: n.autoScaling ? f : se,
+					scaleGroup: ce,
+					groupId: ce.groupId
 				};
 			});
-		}), Q = y(() => {
-			let e = bc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, o = J.value.height - n;
-			return Sc.value.map((n, s) => {
-				let { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: d, autoScaleMax: ee, yOffset: te, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: oe, scaleYLabels: se, autoScaleYLabels: ce, autoScaleRatiosToNiceScale: le } = cl({
-					datapoint: n,
+		}), Q = v(() => {
+			let e = bc.value, t = V.value.chart.grid.labels.yAxis.gap, r = H.value.isStacked ? t * (e - 1) : 0, i = J.value.height - r;
+			return Sc.value.map((r, a) => {
+				let { individualScale: s, autoScaleSteps: u, individualZero: ee, individualMax: d, autoScaleMax: re, yOffset: ae, individualHeight: oe, zeroPosition: se, autoScaleZeroPosition: f, scaleYLabels: ce, autoScaleYLabels: le, autoScaleRatiosToNiceScale: de } = cl({
+					datapoint: r,
 					totalSeries: e,
 					gap: t,
-					usableHeight: o
-				}), de = ll(n.comments), m = n.series.map((e, t) => {
+					usableHeight: i
+				}), fe = ll(r.comments), p = r.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						y: null,
 						value: null,
 						datasetXValue: tl(e),
-						comment: n.comments && n.comments.slice(U.value.start, U.value.end)[t] || ""
+						comment: r.comments && r.comments.slice(U.value.start, U.value.end)[t] || ""
 					};
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(u)) / d : _s(_o(e));
+					let n = H.value.useIndividualScale ? (r.absoluteValues[t] + Math.abs(ee)) / d : _s(_o(e));
 					return {
 						index: t,
-						x: _(el(e, t)),
+						x: g(el(e, t)),
 						datasetXValue: tl(e),
-						y: _(bs({
-							ratio: r,
-							yOffset: te,
-							individualHeight: f
+						y: g(bs({
+							ratio: n,
+							yOffset: ae,
+							individualHeight: oe
 						})),
-						value: n.absoluteValues[t],
-						comment: de[t] || ""
+						value: r.absoluteValues[t],
+						comment: fe[t] || ""
 					};
-				}), fe = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), pe = r.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
 					y: null,
 					datasetXValue: tl(e),
 					value: null,
-					comment: de[t] || ""
-				} : [void 0, null].includes(n.absoluteValues[t]) ? {
+					comment: fe[t] || ""
+				} : [void 0, null].includes(r.absoluteValues[t]) ? {
 					index: t,
-					x: _(el(e, t)),
-					y: p,
-					value: n.absoluteValues[t],
-					comment: de[t] || ""
+					x: g(el(e, t)),
+					y: se,
+					value: r.absoluteValues[t],
+					comment: fe[t] || ""
 				} : {
 					index: t,
-					x: _(el(e, t)),
+					x: g(el(e, t)),
 					datasetXValue: tl(e),
-					y: _(bs({
-						ratio: le[t] || 0,
-						yOffset: te,
-						individualHeight: f
+					y: g(bs({
+						ratio: de[t] || 0,
+						yOffset: ae,
+						individualHeight: oe
 					})),
-					value: n.absoluteValues[t],
-					comment: de[t] || ""
-				}), me = n.dashIndices && Array.isArray(n.dashIndices) && n?.dashIndices?.length > 0, he = V.value.line.cutNullValues ? ie(m) : ne(m.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ie(fe) : ne(fe.filter((e) => e.value !== null)), _e = V.value.line.cutNullValues ? r(m) : ke(m.filter((e) => e.value !== null)), ve = V.value.line.cutNullValues ? r(fe) : ke(fe.filter((e) => e.value !== null)), h = ae(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), g = ae(V.value.line.cutNullValues ? fe : fe.filter((e) => e.value !== null)), be = me ? ue(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], xe = me ? a(V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), n.dashIndices.map((e) => e - U.value.start)) : [], Se = kc({
-					datapoint: n,
-					scaleYLabels: se,
-					autoScaleYLabels: ce,
-					zeroPosition: p,
-					autoScaleZeroPosition: oe,
+					value: r.absoluteValues[t],
+					comment: fe[t] || ""
+				}), me = r.dashIndices && Array.isArray(r.dashIndices) && r?.dashIndices?.length > 0, he = V.value.line.cutNullValues ? o(p) : ne(p.filter((e) => e.value !== null)), m = V.value.line.cutNullValues ? o(pe) : ne(pe.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? ue(p) : n(p.filter((e) => e.value !== null)), _e = V.value.line.cutNullValues ? ue(pe) : n(pe.filter((e) => e.value !== null)), ve = Ae(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null)), ye = Ae(V.value.line.cutNullValues ? pe : pe.filter((e) => e.value !== null)), h = me ? c(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), r.dashIndices.map((e) => e - U.value.start)) : [], be = me ? l(V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), r.dashIndices.map((e) => e - U.value.start)) : [], Se = kc({
+					datapoint: r,
+					scaleYLabels: ce,
+					autoScaleYLabels: le,
+					zeroPosition: se,
+					autoScaleZeroPosition: f,
 					individualMax: d,
-					autoScaleMax: ee,
-					yOffset: te,
-					individualHeight: f
-				}), Ce = H.value.useIndividualScale ? n.autoScaling ? oe : p : ao.value, we = Math.max(Math.max(n.autoScaling ? oe : se.at(-1) ? se.at(-1).y : 0, J.value?.top), Ce), Te = n.autoScaling ? fe : m, Ee = V.value.line.cutNullValues ? Te : Te.filter((e) => e.value !== null), De = n.absoluteValues.filter((e) => ![
+					autoScaleMax: re,
+					yOffset: ae,
+					individualHeight: oe
+				}), Ce = H.value.useIndividualScale ? r.autoScaling ? f : se : ao.value, we = Math.max(Math.max(r.autoScaling ? f : ce.at(-1) ? ce.at(-1).y : 0, J.value?.top), Ce), Te = r.autoScaling ? pe : p, Ee = V.value.line.cutNullValues ? Te : Te.filter((e) => e.value !== null), De = r.absoluteValues.filter((e) => ![
 					null,
 					void 0,
 					NaN
-				].includes(e)), Oe = !!n.temperatureColors && new Set(De).size <= 1;
+				].includes(e)), ke = !!r.temperatureColors && new Set(De).size <= 1;
 				return {
-					...n,
-					isFlatTemperatureLine: Oe,
-					temperatureColors: n.temperatureColors ? n.temperatureColors.map((e) => pe(e)) : null,
-					yOffset: te,
-					autoScaleYLabels: ce,
-					individualHeight: f,
-					scaleYLabels: n.autoScaling ? ce : se,
-					individualScale: n.autoScaling ? l : c,
-					individualMax: n.autoScaling ? ee : d,
-					zeroPosition: n.autoScaling ? oe : p,
-					curve: n.useStepper ? n.autoScaling ? g : h : n.autoScaling ? ge : he,
-					plots: n.autoScaling ? fe : m,
-					dashedStraight: be,
-					dashedSmooth: xe,
+					...r,
+					isFlatTemperatureLine: ke,
+					temperatureColors: r.temperatureColors ? r.temperatureColors.map((e) => Oe(e)) : null,
+					yOffset: ae,
+					autoScaleYLabels: le,
+					individualHeight: oe,
+					scaleYLabels: r.autoScaling ? le : ce,
+					individualScale: r.autoScaling ? u : s,
+					individualMax: r.autoScaling ? re : d,
+					zeroPosition: r.autoScaling ? f : se,
+					curve: r.useStepper ? r.autoScaling ? ye : ve : r.autoScaling ? m : he,
+					plots: r.autoScaling ? pe : p,
+					dashedStraight: h,
+					dashedSmooth: be,
 					hasDashedSegments: me,
-					area: n.useArea ? n.useStepper ? ae(Ee, we) : H.value.useIndividualScale ? V.value.line.cutNullValues ? re(n.autoScaling ? fe : m, we) : i(n.autoScaling ? fe.filter((e) => e.value !== null) : m.filter((e) => e.value !== null), we) : V.value.line.cutNullValues ? re(m, we) : i(m.filter((e) => e.value !== null), we) : "",
-					curveAreas: n.useArea ? n.useStepper ? ae(Ee, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : ye(n.autoScaling ? V.value.line.cutNullValues ? fe : fe.filter((e) => e.value !== null) : V.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), we, V.value.line.cutNullValues) : [],
-					straight: n.useStepper ? n.autoScaling ? g : h : n.autoScaling ? ve : _e,
+					area: r.useArea ? r.useStepper ? Ae(Ee, we) : H.value.useIndividualScale ? V.value.line.cutNullValues ? xe(r.autoScaling ? pe : p, we) : ie(r.autoScaling ? pe.filter((e) => e.value !== null) : p.filter((e) => e.value !== null), we) : V.value.line.cutNullValues ? xe(p, we) : ie(p.filter((e) => e.value !== null), we) : "",
+					curveAreas: r.useArea ? r.useStepper ? Ae(Ee, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : te(r.autoScaling ? V.value.line.cutNullValues ? pe : pe.filter((e) => e.value !== null) : V.value.line.cutNullValues ? p : p.filter((e) => e.value !== null), we, V.value.line.cutNullValues) : [],
+					straight: r.useStepper ? r.autoScaling ? ye : ve : r.autoScaling ? _e : ge,
 					scaleGroup: Se,
 					groupId: Se.groupId
 				};
 			});
-		}), $ = y(() => {
+		}), $ = v(() => {
 			let e = bc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
 			return Cc.value.map((n) => {
-				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: d, autoScaleZeroPosition: ee, scaleYLabels: te, autoScaleYLabels: ne, autoScaleRatiosToNiceScale: f } = cl({
+				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: ee, autoScaleZeroPosition: d, scaleYLabels: te, autoScaleYLabels: ne, autoScaleRatiosToNiceScale: re } = cl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r,
 					forceExactScale: !0,
 					preserveLooseMinimumExpression: !0
-				}), re = ll(n.comments), ie = n.series.map((e, t) => {
+				}), ie = ll(n.comments), ae = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						datasetXValue: tl(e),
 						y: null,
 						value: null,
-						comment: re[t] || ""
+						comment: ie[t] || ""
 					};
 					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(o)) / s : _s(_o(e));
 					return {
 						index: t,
-						x: _(el(e, t)),
+						x: g(el(e, t)),
 						datasetXValue: tl(e),
-						y: _(bs({
+						y: g(bs({
 							ratio: r,
 							yOffset: l,
 							individualHeight: u
 						})),
 						value: n.absoluteValues[t],
-						comment: re[t] || ""
+						comment: ie[t] || ""
 					};
-				}), ae = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), oe = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
 					datasetXValue: tl(e),
 					y: null,
 					value: null,
-					comment: re[t] || ""
+					comment: ie[t] || ""
 				} : {
 					index: t,
-					x: _(el(e, t)),
+					x: g(el(e, t)),
 					datasetXValue: tl(e),
-					y: _(bs({
-						ratio: f[t] || 0,
+					y: g(bs({
+						ratio: re[t] || 0,
 						yOffset: l,
 						individualHeight: u
 					})),
 					value: n.absoluteValues[t],
-					comment: re[t] || ""
-				}), p = kc({
+					comment: ie[t] || ""
+				}), se = kc({
 					datapoint: n,
 					scaleYLabels: te,
 					autoScaleYLabels: ne,
-					zeroPosition: d,
-					autoScaleZeroPosition: ee,
+					zeroPosition: ee,
+					autoScaleZeroPosition: d,
 					individualMax: s,
 					autoScaleMax: c,
 					yOffset: l,
@@ -2233,13 +2241,13 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					scaleYLabels: n.autoScaling ? ne : te,
 					individualScale: n.autoScaling ? a : i,
 					individualMax: n.autoScaling ? c : s,
-					zeroPosition: n.autoScaling ? ee : d,
-					plots: n.autoScaling ? ae : ie,
-					scaleGroup: p,
-					groupId: p.groupId
+					zeroPosition: n.autoScaling ? d : ee,
+					plots: n.autoScaling ? oe : ae,
+					scaleGroup: se,
+					groupId: se.groupId
 				};
 			});
-		}), fl = y(() => {
+		}), fl = v(() => {
 			let e = Object.entries(Dc.value).reduce((e, [t, n]) => (e[t] = {
 				...n,
 				scaleLabel: t
@@ -2254,7 +2262,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					...t.scaleGroup
 				});
 			}), e;
-		}), pl = y(() => {
+		}), pl = v(() => {
 			let e = Q.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -2321,7 +2329,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					}))
 				};
 			});
-		}), ml = y(() => {
+		}), ml = v(() => {
 			let e = V.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -2331,7 +2339,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				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;
-				he({
+				_e({
 					lineA: o.plots,
 					lineB: s.plots,
 					smoothA: !!o.smooth,
@@ -2347,7 +2355,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					});
 				});
 			}), r;
-		}), hl = y(() => {
+		}), hl = v(() => {
 			let e = Z.value[0]?.index ?? null, t = G.value ? e : R.value;
 			return {
 				timeLabel: G.value ? {
@@ -2364,7 +2372,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				plots: $.value,
 				config: V.value
 			};
-		}), gl = D({
+		}), gl = E({
 			months: [],
 			shortMonths: [],
 			days: [],
@@ -2373,12 +2381,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		vt(() => {
 			let e = ++_l, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
-				let n = await Me(t.locale).catch(() => Me("en"));
+				let n = await Ne(t.locale).catch(() => Ne("en"));
 				e === _l && (gl.value = n.data);
 			})();
 		});
-		let vl = y(() => {
-			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = je({
+		let vl = v(() => {
+			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Me({
 				useUTC: e.useUTC,
 				locale: gl.value,
 				januaryAsYear: e.januaryAsYear
@@ -2387,7 +2395,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				let r = V.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), yl = y(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+		}), yl = v(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
 			text: vl.value(t, V.value.chart.zoom.timeFormat),
 			absoluteIndex: t
 		}))), bl = /* @__PURE__ */ new Map();
@@ -2418,10 +2426,10 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function Cl(e) {
 			let t = Sl(e);
 			if (bl.has(t)) return bl.get(t);
-			let r = V.value.chart.tooltip.backgroundColor, i = "", a = "";
+			let n = V.value.chart.tooltip.backgroundColor, r = "", i = "";
 			switch (Bi.value[e.type]) {
 				case "bar":
-					i = `<svg viewBox="0 0 40 40" height="14" width="14">${gi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${e.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${gi.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color}" /></svg>`;
+					r = `<svg viewBox="0 0 40 40" height="14" width="14">${gi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${e.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${gi.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color}" /></svg>`;
 					break;
 				case "line":
 					!e.shape || ![
@@ -2431,7 +2439,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"diamond",
 						"pentagon",
 						"hexagon"
-					].includes(e.shape) ? a = `<circle cx="10" cy="8" r="4" stroke="${r}" stroke-width="0.5" fill="${e.color}" />` : e.shape === "triangle" ? a = `<path d="${n({
+					].includes(e.shape) ? i = `<circle cx="10" cy="8" r="4" stroke="${n}" stroke-width="0.5" fill="${e.color}" />` : e.shape === "triangle" ? i = `<path d="${be({
 						plot: {
 							x: 10,
 							y: 8
@@ -2439,7 +2447,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						radius: 4,
 						sides: 3,
 						rotation: .52
-					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "square" ? a = `<path d="${n({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "square" ? i = `<path d="${be({
 						plot: {
 							x: 10,
 							y: 8
@@ -2447,7 +2455,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						radius: 4,
 						sides: 4,
 						rotation: .8
-					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "diamond" ? a = `<path d="${n({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "diamond" ? i = `<path d="${be({
 						plot: {
 							x: 10,
 							y: 8
@@ -2455,7 +2463,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						radius: 4,
 						sides: 4,
 						rotation: 0
-					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "pentagon" ? a = `<path d="${n({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "pentagon" ? i = `<path d="${be({
 						plot: {
 							x: 10,
 							y: 8
@@ -2463,7 +2471,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						radius: 4,
 						sides: 5,
 						rotation: .95
-					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "hexagon" ? a = `<path d="${n({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "hexagon" ? i = `<path d="${be({
 						plot: {
 							x: 10,
 							y: 8
@@ -2471,13 +2479,13 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						radius: 4,
 						sides: 6,
 						rotation: 0
-					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "star" && (a = `<polygon stroke="${r}" stroke-width="0.5" fill="${e.color}" points="${ee({
+					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "star" && (i = `<polygon stroke="${n}" stroke-width="0.5" fill="${e.color}" points="${oe({
 						plot: {
 							x: 10,
 							y: 8
 						},
 						radius: 4
-					})}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${r}" stroke-width="0.5" height="3" width="20" fill="${e.color}" />${a}</svg>`;
+					})}" />`), r = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${n}" stroke-width="0.5" height="3" width="20" fill="${e.color}" />${i}</svg>`;
 					break;
 				case "plot":
 					if (!e.shape || ![
@@ -2488,11 +2496,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"pentagon",
 						"hexagon"
 					].includes(e.shape)) {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${r}" stroke-width="1" fill="${e.color}" /></svg>`;
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${n}" stroke-width="1" fill="${e.color}" /></svg>`;
 						break;
 					}
 					if (e.shape === "star") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${r}" stroke-width="1" fill="${e.color}" points="${ee({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${n}" stroke-width="1" fill="${e.color}" points="${oe({
 							plot: {
 								x: 6,
 								y: 6
@@ -2502,7 +2510,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						break;
 					}
 					if (e.shape === "triangle") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${be({
 							plot: {
 								x: 6,
 								y: 6
@@ -2510,11 +2518,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							radius: 6,
 							sides: 3,
 							rotation: .52
-						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "square") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${be({
 							plot: {
 								x: 6,
 								y: 6
@@ -2522,11 +2530,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							radius: 6,
 							sides: 4,
 							rotation: .8
-						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "diamond") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${be({
 							plot: {
 								x: 6,
 								y: 6
@@ -2534,11 +2542,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							radius: 5,
 							sides: 4,
 							rotation: 0
-						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "pentagon") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${be({
 							plot: {
 								x: 6,
 								y: 6
@@ -2546,11 +2554,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							radius: 5,
 							sides: 5,
 							rotation: .95
-						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "hexagon") {
-						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
+						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${be({
 							plot: {
 								x: 6,
 								y: 6
@@ -2558,23 +2566,23 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							radius: 5,
 							sides: 6,
 							rotation: 0
-						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
 						break;
 					}
 					break;
 				default: break;
 			}
-			return bl.set(t, i), i;
+			return bl.set(t, r), r;
 		}
-		let wl = y(() => {
-			let e = "", t = Ic.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, u({
+		let wl = v(() => {
+			let e = "", t = Ic.value.map((e) => e.value).filter((e) => ke(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, p({
 				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 (Oe(r)) try {
+			if (ge(r)) try {
 				let e = r(xl(n));
 				if (typeof e == "string") return e;
 			} catch (e) {
@@ -2585,8 +2593,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				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 Ic.value.forEach((r) => {
-				if (me(r.value)) {
-					let i = Cl(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, u({
+				if (ke(r.value)) {
+					let i = Cl(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, p({
 						p: r.prefix,
 						v: r.value,
 						s: r.suffix,
@@ -2607,8 +2615,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
                                 </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>${s}</b> ${V.value.chart.tooltip.showPercentage ? `(${u({
-						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>${s}</b> ${V.value.chart.tooltip.showPercentage ? `(${p({
+						v: g(Math.abs(r.value) / t * 100),
 						s: "%",
 						r: V.value.chart.tooltip.roundingPercentage
 					})})` : ""}</div>`;
@@ -2616,7 +2624,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					V.value.chart.comments.showInTooltip && c && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${c}</div>`);
 				}
 			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${V.value.chart.tooltip.color}">${e}</div>`;
-		}), Tl = y(() => {
+		}), Tl = v(() => {
 			if (!G.value) return [];
 			let e = /* @__PURE__ */ new Set(), t = [];
 			return K.value.forEach((n) => {
@@ -2630,7 +2638,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		});
 		function El(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? h(V.value.chart.grid.labels.xAxis.formatter, t, u({
+			return Number.isFinite(t) ? h(V.value.chart.grid.labels.xAxis.formatter, t, p({
 				v: t,
 				r: V.value.table.rounding
 			}), {
@@ -2654,7 +2662,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		}
 		function Al(e, t) {
 			let n = Ol(e, t);
-			return bt(n) ? h(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, u({
+			return bt(n) ? h(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, p({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n,
 				s: e.suffix || V.value.chart.labels.suffix,
@@ -2664,7 +2672,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function jl(e) {
 			return K.value.map((t) => Ol(t, e) ?? 0).reduce((e, t) => e + t, 0);
 		}
-		let Ml = y(() => {
+		let Ml = v(() => {
 			if (G.value) return Tl.value.map((e) => {
 				let t = jl(e);
 				return {
@@ -2687,7 +2695,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				});
 			}
 			return e;
-		}), Nl = y(() => vo.value.length === 0 ? {
+		}), Nl = v(() => vo.value.length === 0 ? {
 			head: [],
 			body: [],
 			config: {},
@@ -2699,7 +2707,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				type: e.type
 			})),
 			body: Ml.value.map((e) => [e.period].concat(e.csvValues))
-		}), Pl = y(() => {
+		}), Pl = v(() => {
 			let e = V.value.table.showSum, t = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : ""].concat(K.value.map((e) => e.name));
 			e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
 			let n = Ml.value.map((t) => [t.period].concat(t.formattedValues, e ? t.formattedSum : [])), r = {
@@ -2727,8 +2735,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				[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, ...Nl.value.head.map((e) => e.label)], r = Nl.value.body, i = se(t.concat([n]).concat(r));
-			e ? e(i) : m({
+			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Nl.value.head.map((e) => e.label)], r = Nl.value.body, i = a(t.concat([n]).concat(r));
+			e ? e(i) : ae({
 				csvContent: i,
 				title: V.value.chart.title.text || "vue-ui-xy"
 			});
@@ -2771,43 +2779,43 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				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, Oa.value.plot = V.value.plot.radius, Oa.value.line = V.value.line.radius, Oa.value.selectedLine = V.value.line.dot.selectedRadius;
 				return;
 			}
-			B.value.dataLabels = c({
+			B.value.dataLabels = d({
 				relator: Li.value,
 				adjuster: 400,
 				source: V.value.chart.grid.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.yAxis = c({
+			}), B.value.yAxis = d({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.axis.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.xAxis = c({
+			}), B.value.xAxis = d({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.xAxisLabels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.plotLabels = c({
+			}), B.value.plotLabels = d({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), Oa.value.plot = c({
+			}), Oa.value.plot = d({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), Oa.value.line = c({
+			}), Oa.value.line = d({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.radius,
 				threshold: 1,
 				fallback: 0
-			}), Oa.value.selectedLine = c({
+			}), Oa.value.selectedLine = d({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.dot.selectedRadius,
@@ -2816,23 +2824,23 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			});
 		}
 		function Hl() {
-			if (be(M.dataset) ? (t({
+			if (t(M.dataset) ? (ve({
 				componentName: "VueUiXy",
 				type: "dataset",
 				debug: Fa.value
-			}), Ba.value = !0) : M.dataset.forEach((e, n) => {
-				[null, void 0].includes(e.name) && (t({
+			}), Ba.value = !0) : M.dataset.forEach((e, t) => {
+				[null, void 0].includes(e.name) && (ve({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
-					index: n,
+					index: t,
 					debug: Fa.value
 				}), Ba.value = !0);
 			}), Fa.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.`);
+					ke(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.`);
 				});
-			}), be(M.dataset) || (Ba.value = V.value.loading), Qi.value = V.value.chart.userOptions.showOnChartHover, $i.value = V.value.chart.userOptions.keepStateOnChartLeave, ea.value = !V.value.chart.userOptions.showOnChartHover, Pa(), V.value.responsive) {
+			}), t(M.dataset) || (Ba.value = V.value.loading), Qi.value = V.value.chart.userOptions.showOnChartHover, $i.value = V.value.chart.userOptions.keepStateOnChartLeave, ea.value = !V.value.chart.userOptions.showOnChartHover, Pa(), V.value.responsive) {
 				let e = xi.value.parentNode;
 				Ni.value && (Pi.value && Ni.value.unobserve(Pi.value), Ni.value.disconnect(), Ni.value = null, Pi.value = null);
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
@@ -2845,12 +2853,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				Ti.value && (l = Ti.value.getBoundingClientRect().height);
 				let u = 0;
 				Ei.value && (u = Ei.value.getBoundingClientRect().height), Li.value = t - i - c - o - l - u - 12, P.value = n, Ri.value = `0 0 ${P.value < 0 ? 10 : P.value} ${Li.value < 0 ? 10 : Li.value}`, Vl();
-				let d = new ResizeObserver((e) => {
+				let ee = new ResizeObserver((e) => {
 					for (let t of e) i = V.value.chart.title.show && Si.value ? Si.value.getBoundingClientRect().height : 0, o = Ci.value && Ci.value.$el ? Ci.value.$el.getBoundingClientRect().height : 0, c = wi.value ? wi.value.getBoundingClientRect().height : 0, l = Ti.value ? Ti.value.getBoundingClientRect().height : 0, u = Ei.value ? Ei.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
 						Li.value = t.contentRect.height - i - c - o - l - u - 12, P.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Ri.value = `0 0 ${P.value < 0 ? 10 : P.value} ${Li.value < 0 ? 10 : Li.value}`, Vl(), Ca();
 					});
 				});
-				Ni.value = d, Pi.value = e, d.observe(e);
+				Ni.value = ee, Pi.value = e, ee.observe(e);
 			} else Li.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, Oa.value.plot = V.value.plot.radius, Oa.value.line = V.value.line.radius, Oa.value.selectedLine = V.value.line.dot.selectedRadius, Ri.value = `0 0 ${P.value} ${Li.value}`;
 			Ca();
 		}
@@ -2860,11 +2868,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				y: e.clientY
 			};
 		}
-		ut(() => {
+		dt(() => {
 			Hl(), is(), document.addEventListener("mousemove", Ul, { passive: !0 }), document.addEventListener("scroll", Po, { passive: !0 });
-		}), lt(() => {
+		}), ut(() => {
 			document.removeEventListener("scroll", Po, { passive: !0 }), document.removeEventListener("mousemove", Ul, { passive: !0 }), Ni.value && (Pi.value && Ni.value.unobserve(Pi.value), Ni.value.disconnect(), Ni.value = null, Pi.value = null), Zl(), ds();
-		}), He({
+		}), Ue({
 			timeLabelsEls: Ai,
 			timeLabels: Y,
 			slicer: U,
@@ -2889,19 +2897,19 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			width: P,
 			rotation: V.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let Wl = D(!1), Gl = D(null), Kl = D(200), ql = y(() => R.value ?? I.value ?? 0), Jl = y(() => {
+		let Wl = E(!1), Gl = E(null), Kl = E(200), ql = v(() => R.value ?? I.value ?? 0), Jl = v(() => {
 			if (!G.value) return null;
-			if (De(sa.value)) return Number(sa.value);
+			if (f(sa.value)) return Number(sa.value);
 			let e = Z.value[0];
-			return De(e?.point?.x) ? Number(e.point.x) : null;
+			return f(e?.point?.x) ? Number(e.point.x) : null;
 		});
 		function Yl() {
 			let e = Math.ceil(Kl.value || 200);
 			return Math.min(Math.max(e, 1), 200);
 		}
 		function Xl() {
-			let e = Yl(), t = (G.value && De(Jl.value) ? Xc({ x: Jl.value }) : uc(ql.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 = Yl(), t = (G.value && f(Jl.value) ? Xc({ x: Jl.value }) : uc(ql.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 Zl() {
 			fa.value !== null && (cancelAnimationFrame(fa.value), fa.value = null), da.value && z.value && da.value.unobserve(z.value), da.value &&= (da.value.disconnect(), null), pa.value &&= (pa.value(), null), z.value = null;
@@ -2912,11 +2920,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			});
 		}
 		function $l(e) {
-			!da.value || !e || (z.value && z.value !== e && (da.value.unobserve(z.value), z.value = null), e !== z.value && (st(() => {
+			!da.value || !e || (z.value && z.value !== e && (da.value.unobserve(z.value), z.value = null), e !== z.value && (ct(() => {
 				e.offsetParent !== null && Ql(e.offsetWidth || e.getBoundingClientRect().width || 200);
 			}), da.value.observe(e), z.value = e));
 		}
-		ut(() => {
+		dt(() => {
 			da.value = new ResizeObserver((e) => {
 				let t = e.find((e) => e.target === z.value) || e[0];
 				t && Ql(t.contentRect.width || 200);
@@ -2931,14 +2939,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				});
 			});
 		});
-		let eu = y(() => {
+		let eu = v(() => {
 			if (G.value) {
 				if (!Number.isFinite(Number(Jl.value))) return "";
 			} else if ([null, void 0].includes(R.value) && [null, void 0].includes(I.value)) return "";
 			let e = (R.value == null ? 0 : R.value) || (I.value == null ? 0 : I.value), t = V.value.chart.timeTag.customFormat;
 			if (Wl.value = !1, G.value) {
 				let e = Jl.value;
-				if (Oe(t)) try {
+				if (ge(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
@@ -2952,12 +2960,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				} catch {
 					console.warn("Custom format cannot be applied on timeTag."), Wl.value = !1;
 				}
-				return u({
+				return p({
 					v: e,
 					r: V.value.chart.grid.labels.xAxis.rounding
 				});
 			}
-			if (Oe(t)) try {
+			if (ge(t)) try {
 				let n = t({
 					absoluteIndex: e + U.value.start,
 					seriesIndex: e,
@@ -2975,14 +2983,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		});
 		function tu({ serie: e, plot: t, type: n }) {
 			if (!bt(t.value)) return "";
-			let r = u({
+			let r = p({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: t.value,
 				s: e.suffix || V.value.chart.labels.suffix,
 				r: V.value[n].labels.rounding
 			}), i = t.datasetXValue;
-			return ce({
-				content: G.value && De(i) ? `x: ${u({
+			return de({
+				content: G.value && f(i) ? `x: ${p({
 					v: i,
 					r: V.value.chart.grid.labels.xAxis.rounding
 				})}\ny: ${r}` : h(V.value[n].labels.formatter, t.value, r, {
@@ -2998,14 +3006,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function nu({ plot: e }) {
 			let t = V.value.bar.labels.offsetY, n = Math.abs(Os(e)), r = e.value < 0, i = {
 				x: (H.value.useIndividualScale && H.value.isStacked ? e.x + ks.value.line / 2 : js(e) + As() / 2 - jc.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 ru({ 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})`;
 		}
@@ -3014,22 +3022,22 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			let n = e.value >= 0;
 			return V.value[t].labels.rotation === 0 ? "middle" : V.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let au = y(() => G.value ? De(sa.value) ? Xc({ x: Number(sa.value) }) : De(Fs.value) ? Fs.value : null : uc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), ou = y(() => V.value.chart.highlighter.crosshairs.show && Xo.value), su = y(() => [
+		let au = v(() => G.value ? f(sa.value) ? Xc({ x: Number(sa.value) }) : f(Fs.value) ? Fs.value : null : uc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), ou = v(() => V.value.chart.highlighter.crosshairs.show && Xo.value), su = v(() => [
 			...Q.value,
 			...$.value,
 			...dl.value
 		].flatMap((e) => (e.plots || []).filter((t, n) => uu(e, t, n)).filter((e) => bt(e.value)).map((t) => ({
 			...t,
 			serie: e,
-			x: _(t.x),
-			y: _(t.y)
-		})))), cu = y(() => {
+			x: g(t.x),
+			y: g(t.y)
+		})))), cu = v(() => {
 			if (!ou.value) return null;
 			if (G.value) {
 				let e = Z.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
-				return De(t) ? {
+				return f(t) ? {
 					x: au.value,
-					text: h(V.value.chart.grid.labels.xAxis.formatter, t, u({
+					text: h(V.value.chart.grid.labels.xAxis.formatter, t, p({
 						v: t,
 						r: V.value.chart.tooltip.roundingValue
 					}))
@@ -3069,7 +3077,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				});
 			}), n;
 		}
-		let pu = y(() => fu(dl.value, "bar")), mu = y(() => fu($.value, "plot")), hu = y(() => fu(Q.value, "line"));
+		let pu = v(() => fu(dl.value, "bar")), mu = v(() => fu($.value, "plot")), hu = v(() => fu(Q.value, "line"));
 		_t(() => M.dataset, (e) => {
 			if (Array.isArray(e) && e.length > 0 && (Ba.value = !1), V.value.chart.zoom.keepState) {
 				let e = Ka.value;
@@ -3095,7 +3103,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		}, { deep: !0 }), _t(() => M.config, (e) => {
 			Ra.value || (V.value = Aa()), Hl(), Yi.value += 1, Ji.value += 1, Pa(), V.value.chart.zoom.keepState && Ka.value > 0 && (!ts.value || U.value.start === 0 && U.value.end === 0) && is(), Xa();
 		}, { deep: !0 });
-		let gu = D(!1), _u = D(!1);
+		let gu = E(!1), _u = E(!1);
 		function vu() {
 			let e = xi.value?.parentNode;
 			if (!e) {
@@ -3108,17 +3116,17 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function yu() {
 			return !gu.value || _u.value || ts.value ? !1 : U.value.start === 0 && U.value.end === 0;
 		}
-		ut(() => {
+		dt(() => {
 			vu(), ua.value = new ResizeObserver(() => {
 				vu(), gu.value && (Hl(), Xa(), yu() && is());
 			}), xi.value?.parentNode && ua.value.observe(xi.value.parentNode);
 		}), _t(V, () => {
 			Pa();
 		}, { immediate: !0 });
-		let bu = y(() => {
+		let bu = v(() => {
 			let e = V.value.table.useDialog && !V.value.showTable, t = H.value.showTable;
 			return {
-				component: e ? mi : Xe,
+				component: e ? mi : Ze,
 				title: `${V.value.chart.title.text}${V.value.chart.title.subtitle.text ? `: ${V.value.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: V.value.table.th.backgroundColor,
@@ -3151,19 +3159,19 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function xu() {
 			H.value.showTable = !1, Mi.value && Mi.value.setTableIconState(!1);
 		}
-		let Su = y(() => yo.value.map((e) => ({
+		let Su = v(() => yo.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), Cu = y(() => V.value.chart.backgroundColor), wu = y(() => V.value.chart.legend), { exportSvg: Tu, getSvg: Eu } = Re({
+		}))), Cu = v(() => V.value.chart.backgroundColor), wu = v(() => V.value.chart.legend), { exportSvg: Tu, getSvg: Eu } = ze({
 			svg: L,
-			title: y(() => V.value.chart.title),
+			title: v(() => V.value.chart.title),
 			legend: wu,
 			legendItems: Su,
 			backgroundColor: Cu
 		});
 		async function Du({ isCb: e }) {
-			oa.value = !0, await st();
+			oa.value = !0, await ct();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await Eu();
@@ -3216,7 +3224,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				}
 			}));
 		}
-		let Au = D(!1);
+		let Au = E(!1);
 		function ju() {
 			U.value.end > U.value.start && (ca.value = null), Io.value = !0, Au.value = !0;
 		}
@@ -3242,10 +3250,10 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 		function Pu(e) {
 			let t = U.value.end - U.value.start;
 			if (t <= 0) return;
-			let n = J.value.width / t, r = le(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
+			let n = J.value.width / t, r = fe(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
 			r && (la.value = r);
 		}
-		let Fu = y(() => {
+		let Fu = v(() => {
 			if (!Pl.value) return null;
 			let e = V.value.table.showSum, t = [V.value.table.columnNames.period].concat(K.value.map((e) => e.name));
 			return e && (t = t.concat(V.value.table.columnNames.total)), {
@@ -3253,7 +3261,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				rows: Pl.value.body
 			};
 		});
-		return qe({
+		return Je({
 			getData: Ks,
 			getImage: qs,
 			generatePdf: eo,
@@ -3270,21 +3278,21 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 			toggleFullscreen: Bl,
 			copyAlt: ku,
 			resetZoom: hs
-		}), (t, n) => (E(), x("div", {
+		}), (t, n) => (T(), b("div", {
 			id: `vue-ui-xy_${F.value}`,
-			class: ct(`vue-data-ui-component vue-ui-xy ${Hi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: lt(`vue-data-ui-component vue-ui-xy ${Hi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
 			ref: xi,
-			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%" : ""}`),
+			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%" : ""}`),
 			onMouseenter: Ro,
 			onMouseleave: zo,
 			onClick: Ws
 		}, [
-			S("div", {
+			x("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [S("p", null, pt(V.value.a11y.translations.keyboardNavigation), 1)], 8, jt),
-			Fu.value?.rows?.length ? (E(), et(Qe, {
+			}, [x("p", null, k(V.value.a11y.translations.keyboardNavigation), 1)], 8, jt),
+			Fu.value?.rows?.length ? (T(), tt($e, {
 				key: 0,
 				uid: F.value,
 				head: Fu.value.headers,
@@ -3297,8 +3305,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				"body",
 				"notice",
 				"caption"
-			])) : b("", !0),
-			V.value.chart.userOptions.buttons.annotator && L.value ? (E(), et(A(pi), {
+			])) : y("", !0),
+			V.value.chart.userOptions.buttons.annotator && L.value ? (T(), tt(A(pi), {
 				key: 1,
 				svgRef: L.value,
 				backgroundColor: V.value.chart.backgroundColor,
@@ -3307,12 +3315,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				isCursorPointer: Na.value,
 				onClose: Bo
 			}, {
-				"annotator-action-close": j(() => [k(t.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": j(({ color: e }) => [k(t.$slots, "annotator-action-color", w(C({ color: e })), void 0, !0)]),
-				"annotator-action-draw": j(({ mode: e }) => [k(t.$slots, "annotator-action-draw", w(C({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": j(({ disabled: e }) => [k(t.$slots, "annotator-action-undo", w(C({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": j(({ disabled: e }) => [k(t.$slots, "annotator-action-redo", w(C({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": j(({ disabled: e }) => [k(t.$slots, "annotator-action-delete", w(C({ disabled: e })), void 0, !0)]),
+				"annotator-action-close": j(() => [O(t.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": j(({ color: e }) => [O(t.$slots, "annotator-action-color", C(S({ color: e })), void 0, !0)]),
+				"annotator-action-draw": j(({ mode: e }) => [O(t.$slots, "annotator-action-draw", C(S({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": j(({ disabled: e }) => [O(t.$slots, "annotator-action-undo", C(S({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": j(({ disabled: e }) => [O(t.$slots, "annotator-action-redo", C(S({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": j(({ disabled: e }) => [O(t.$slots, "annotator-action-delete", C(S({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -3320,21 +3328,21 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : b("", !0),
-			rc.value ? (E(), x("div", {
+			])) : y("", !0),
+			rc.value ? (T(), b("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Ei,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%; background:transparent"
-			}, null, 512)) : b("", !0),
-			V.value.chart.title.show ? (E(), x("div", {
+			}, null, 512)) : y("", !0),
+			V.value.chart.title.show ? (T(), b("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Si,
 				class: "vue-ui-xy-title",
-				style: T(`font-family:${V.value.chart.fontFamily}`)
-			}, [(E(), et(We, {
+				style: w(`font-family:${V.value.chart.fontFamily}`)
+			}, [(T(), tt(Ge, {
 				key: `title_${Yi.value}`,
 				config: {
 					title: {
@@ -3346,9 +3354,9 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						...V.value.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 4)) : b("", !0),
-			S("div", { id: `legend-top-${F.value}` }, null, 8, Mt),
-			V.value.chart.userOptions.show && ($i.value || ea.value) ? (E(), et(A(li), {
+			}, null, 8, ["config"]))], 4)) : y("", !0),
+			x("div", { id: `legend-top-${F.value}` }, null, 8, Mt),
+			V.value.chart.userOptions.show && ($i.value || ea.value) ? (T(), tt(A(li), {
 				ref_key: "userOptionsRef",
 				ref: Mi,
 				key: `user_options_${qi.value}`,
@@ -3390,11 +3398,11 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				onToggleTooltip: zl,
 				onToggleAnnotator: Bo,
 				onCopyAlt: ku,
-				style: T({ visibility: $i.value ? ea.value ? "visible" : "hidden" : "visible" })
-			}, tt({ _: 2 }, [
+				style: w({ visibility: $i.value ? ea.value ? "visible" : "hidden" : "visible" })
+			}, nt({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: j(({ isOpen: e, color: n }) => [k(t.$slots, "menuIcon", w(C({
+					fn: j(({ isOpen: e, color: n }) => [O(t.$slots, "menuIcon", C(S({
 						isOpen: e,
 						color: n
 					})), void 0, !0)]),
@@ -3402,47 +3410,47 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				} : void 0,
 				t.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: j(() => [k(t.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				t.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: j(() => [k(t.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				t.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: j(() => [k(t.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				t.$slots.optionImg ? {
 					name: "optionImg",
-					fn: j(() => [k(t.$slots, "optionImg", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				t.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: j(() => [k(t.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				t.$slots.optionTable ? {
 					name: "optionTable",
-					fn: j(() => [k(t.$slots, "optionTable", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				t.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: j(() => [k(t.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				t.$slots.optionStack ? {
 					name: "optionStack",
-					fn: j(({ isStack: e }) => [k(t.$slots, "optionStack", w(C({ isStack: e })), void 0, !0)]),
+					fn: j(({ isStack: e }) => [O(t.$slots, "optionStack", C(S({ isStack: e })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				t.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: j(({ toggleFullscreen: e, isFullscreen: n }) => [k(t.$slots, "optionFullscreen", w(C({
+					fn: j(({ toggleFullscreen: e, isFullscreen: n }) => [O(t.$slots, "optionFullscreen", C(S({
 						toggleFullscreen: e,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -3450,7 +3458,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				} : void 0,
 				t.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: j(({ toggleAnnotator: e, isAnnotator: n }) => [k(t.$slots, "optionAnnotator", w(C({
+					fn: j(({ toggleAnnotator: e, isAnnotator: n }) => [O(t.$slots, "optionAnnotator", C(S({
 						toggleAnnotator: e,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -3458,31 +3466,31 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				} : void 0,
 				t.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: j(({ altCopy: e }) => [k(t.$slots, "optionAltCopy", w(C({ altCopy: e })), void 0, !0)]),
+					fn: j(({ altCopy: e }) => [O(t.$slots, "optionAltCopy", C(S({ altCopy: e })), void 0, !0)]),
 					key: "11"
 				} : void 0,
 				t.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: j(() => [k(t.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "12"
 				} : void 0,
 				t.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: j(() => [k(t.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "13"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : b("", !0),
-			S("div", Nt, [(E(), x("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : y("", !0),
+			x("div", Nt, [(T(), b("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: "http://www.w3.org/2000/svg",
-				class: ct([{
+				class: lt([{
 					"vue-data-ui-fullscreen--on": Hi.value,
 					"vue-data-ui-fulscreen--off": !Hi.value
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
 				width: "100%",
 				viewBox: Ri.value,
-				style: T({
+				style: w({
 					background: "transparent",
 					color: V.value.chart.color,
 					fontFamily: V.value.chart.fontFamily
@@ -3499,98 +3507,98 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				onFocus: ju,
 				onBlur: Mu,
 				onKeydown: Nu
-			}, [S("g", {
+			}, [x("g", {
 				ref_key: "G",
 				ref: Di,
 				class: "vue-data-ui-g"
 			}, [
-				rt(A(fi)),
-				t.$slots["chart-background"] ? (E(), x("foreignObject", {
+				it(A(fi)),
+				t.$slots["chart-background"] ? (T(), b("foreignObject", {
 					key: 0,
 					x: Math.max(0, J.value?.left),
 					y: J.value?.top,
 					width: Math.max(0, J.value?.width),
 					height: Math.max(0, J.value?.height),
 					style: { pointerEvents: "none" }
-				}, [k(t.$slots, "chart-background", {}, void 0, !0)], 8, Ft)) : b("", !0),
-				X.value > 0 ? (E(), x("g", It, [
-					S("g", Lt, [
-						V.value.chart.grid.labels.xAxis.showBaseline ? (E(), x("line", {
+				}, [O(t.$slots, "chart-background", {}, void 0, !0)], 8, Ft)) : y("", !0),
+				X.value > 0 ? (T(), b("g", It, [
+					x("g", Lt, [
+						V.value.chart.grid.labels.xAxis.showBaseline ? (T(), b("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(m)(J.value?.bottom),
+							y2: A(m)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Rt)) : b("", !0),
-						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (E(!0), x(v, { key: 2 }, O(pl.value, (e) => (E(), x("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (E(!0), x(v, { key: 0 }, O(e.yLabels, (t) => (E(), x("line", {
+						}, null, 8, Rt)) : y("", !0),
+						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (T(!0), b(_, { key: 2 }, D(pl.value, (e) => (T(), b("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (T(!0), b(_, { key: 0 }, D(e.yLabels, (t) => (T(), b("line", {
 							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(m)(t.y),
+							y2: A(m)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ht))), 128)) : e.yLabels.length ? (E(!0), x(v, { key: 1 }, O(e.yLabels, (t) => (E(), x("line", {
+						}, null, 8, Ht))), 128)) : e.yLabels.length ? (T(!0), b(_, { key: 1 }, D(e.yLabels, (t) => (T(), b("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(m)(t.y),
+							y2: A(m)(t.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ut))), 128)) : b("", !0)]))), 128)) : b("", !0) : (E(), x(v, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (E(), x("line", {
+						}, null, 8, Ut))), 128)) : y("", !0)]))), 128)) : y("", !0) : (T(), b(_, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (T(), b("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(m)(J.value?.top),
+							y2: A(m)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, zt)) : b("", !0), V.value.chart.grid.showHorizontalLines ? (E(), x("g", Bt, [(E(!0), x(v, null, O(Lc.value, (e) => (E(), x("line", {
+						}, null, 8, zt)) : y("", !0), V.value.chart.grid.showHorizontalLines ? (T(), b("g", Bt, [(T(!0), b(_, null, D(Lc.value, (e) => (T(), b("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(m)(e.y),
+							y2: A(m)(e.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Vt))), 128))])) : b("", !0)], 64)),
-						V.value.chart.grid.showVerticalLines ? (E(), x("g", Wt, [S("path", {
+						}, null, 8, Vt))), 128))])) : y("", !0)], 64)),
+						V.value.chart.grid.showVerticalLines ? (T(), b("g", Wt, [x("path", {
 							d: Ao.value,
 							"stroke-width": .5,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Gt)])) : b("", !0),
-						V.value.chart.grid.labels.xAxisLabels.show ? (E(), x("g", Kt, [S("path", {
+						}, null, 8, Gt)])) : y("", !0),
+						V.value.chart.grid.labels.xAxisLabels.show ? (T(), b("g", Kt, [x("path", {
 							d: jo.value,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, qt)])) : b("", !0)
+						}, null, 8, qt)])) : y("", !0)
 					]),
-					(E(!0), x(v, null, O(dl.value, (e, n) => (E(), x("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? k(t.$slots, "bar-gradient", ot({
+					(T(!0), b(_, null, D(dl.value, (e, n) => (T(), b("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? O(t.$slots, "bar-gradient", st({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						positiveId: `rectGradient_pos_${n}_${F.value}`,
 						negativeId: `rectGradient_neg_${n}_${F.value}`
-					}), void 0, !0) : (E(), x(v, { key: 1 }, [rt(Je, {
+					}), void 0, !0) : (T(), b(_, { key: 1 }, [it(Ye, {
 						t: "linear",
 						id: `rectGradient_pos_${n}_${F.value}`,
 						x2: "0%",
@@ -3603,16 +3611,16 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							],
 							[
 								"62%",
-								A(Ae)(e.color, .02),
+								A(r)(e.color, .02),
 								1
 							],
 							[
 								"100%",
-								A(Ae)(e.color, .05),
+								A(r)(e.color, .05),
 								1
 							]
 						]
-					}, null, 8, ["id", "stops"]), rt(Je, {
+					}, null, 8, ["id", "stops"]), it(Ye, {
 						t: "linear",
 						id: `rectGradient_neg_${n}_${F.value}`,
 						x2: "0%",
@@ -3620,12 +3628,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						stops: [
 							[
 								"0%",
-								A(Ae)(e.color, .05),
+								A(r)(e.color, .05),
 								1
 							],
 							[
 								"38%",
-								A(Ae)(e.color, .02),
+								A(r)(e.color, .02),
 								1
 							],
 							[
@@ -3635,7 +3643,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							]
 						]
 					}, null, 8, ["id", "stops"])], 64))]))), 128)),
-					(E(!0), x(v, null, O($.value, (e, t) => (E(), x("defs", { key: `def_plot_${t}` }, [rt(Je, {
+					(T(!0), b(_, null, D($.value, (e, t) => (T(), b("defs", { key: `def_plot_${t}` }, [it(Ye, {
 						t: "radial",
 						id: `plotGradient_${t}_${F.value}`,
 						cx: "50%",
@@ -3645,7 +3653,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fy: "50%",
 						stops: [[
 							"0%",
-							A(Ae)(e.color, .05),
+							A(r)(e.color, .05),
 							1
 						], [
 							"100%",
@@ -3653,7 +3661,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							1
 						]]
 					}, null, 8, ["id", "stops"])]))), 128)),
-					(E(!0), x(v, null, O(Q.value, (e, n) => (E(), x(v, { key: `def_line_${e.id}` }, [S("defs", null, [rt(Je, {
+					(T(!0), b(_, null, D(Q.value, (e, n) => (T(), b(_, { key: `def_line_${e.id}` }, [x("defs", null, [it(Ye, {
 						t: "radial",
 						id: `lineGradient_${n}_${F.value}`,
 						cx: "50%",
@@ -3663,20 +3671,20 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fy: "50%",
 						stops: [[
 							"0%",
-							A(Ae)(e.color, .05),
+							A(r)(e.color, .05),
 							1
 						], [
 							"100%",
 							e.color,
 							1
 						]]
-					}, null, 8, ["id", "stops"]), t.$slots["area-gradient"] ? k(t.$slots, "area-gradient", ot({
+					}, null, 8, ["id", "stops"]), t.$slots["area-gradient"] ? O(t.$slots, "area-gradient", st({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						id: `areaGradient_${n}_${F.value}`
-					}), void 0, !0) : (E(), et(Je, {
+					}), void 0, !0) : (T(), tt(Ye, {
 						key: 1,
 						t: "linear",
 						id: `areaGradient_${n}_${F.value}`,
@@ -3686,23 +3694,23 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						y2: "0%",
 						stops: [[
 							"0%",
-							A(p)(A(Ae)(e.color, .03), V.value.line.area.opacity),
+							A(je)(A(r)(e.color, .03), V.value.line.area.opacity),
 							1
 						], [
 							"100%",
-							A(p)(e.color, V.value.line.area.opacity),
+							A(je)(e.color, V.value.line.area.opacity),
 							1
 						]]
-					}, null, 8, ["id", "stops"]))]), e.temperatureColors && !e.isFlatTemperatureLine ? (E(), x("defs", Jt, [S("linearGradient", {
+					}, null, 8, ["id", "stops"]))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), b("defs", Jt, [x("linearGradient", {
 						id: `temperature_grad_line_${n}_${F.value}`,
 						gradientTransform: "rotate(90)"
-					}, [(E(!0), x(v, null, O(e.temperatureColors, (t, r) => (E(), x("stop", {
+					}, [(T(!0), b(_, null, D(e.temperatureColors, (t, r) => (T(), b("stop", {
 						key: `temperature_grad_stop_${n}_${r}_${F.value}`,
 						"stop-color": t,
-						offset: A(te)(r, e.temperatureColors.length)
-					}, null, 8, Xt))), 128))], 8, Yt)])) : b("", !0)], 64))), 128)),
-					(E(!0), x(v, null, O(ic.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({
+						offset: A(se)(r, e.temperatureColors.length)
+					}, null, 8, Xt))), 128))], 8, Yt)])) : y("", !0)], 64))), 128)),
+					(T(!0), b(_, null, D(ic.value, (e) => (T(), b("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(e.span, (t, n) => (T(), b("g", { key: `highlight_area_rect_${e.from}_${n}` }, [x("rect", {
+						style: w({
 							transition: "none",
 							opacity: +(e.from + n >= U.value.start && e.from + n <= U.value.end - 1)
 						}),
@@ -3710,19 +3718,19 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
 						width: pc(e.from + n - U.value.start),
-						fill: A(p)(e.color, e.opacity)
-					}, null, 12, Zt)]))), 128)), (E(!0), x(v, null, O(e.span, (t, n) => (E(), x("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (E(), x("foreignObject", {
+						fill: A(je)(e.color, e.opacity)
+					}, null, 12, Zt)]))), 128)), (T(!0), b(_, null, D(e.span, (t, n) => (T(), b("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (T(), b("foreignObject", {
 						key: 0,
 						x: fc(e.from + n - U.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - gc(e.span) / 2),
 						y: J.value?.top + e.caption.offsetY,
-						style: T({
+						style: w({
 							overflow: "visible",
 							opacity: +(e.to >= U.value.start && e.from < U.value.end)
 						}),
 						height: "1",
 						width: e.caption.width === "auto" ? gc(e.span) : e.caption.width
-					}, [S("div", { style: T(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, pt(e.caption.text), 5)], 12, Qt)) : b("", !0)]))), 128))], 64)) : b("", !0)]))), 128)),
-					Io.value && !G.value ? (E(), x("g", $t, [(E(!0), x(v, null, O(X.value, (e, t) => (E(), x("g", { key: `tooltip_trap_highlighter_${t}` }, [S("rect", {
+					}, [x("div", { style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, k(e.caption.text), 5)], 12, Qt)) : y("", !0)]))), 128))], 64)) : y("", !0)]))), 128)),
+					Io.value && !G.value ? (T(), b("g", $t, [(T(!0), b(_, null, D(X.value, (e, t) => (T(), b("g", { key: `tooltip_trap_highlighter_${t}` }, [x("rect", {
 						x: fc(t),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
@@ -3731,18 +3739,18 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							I.value,
 							R.value,
 							Wi.value
-						].includes(t) ? A(p)(V.value.chart.highlighter.color, V.value.chart.highlighter.crosshairs.show ? 0 : V.value.chart.highlighter.opacity) : "transparent",
+						].includes(t) ? A(je)(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, en)]))), 128))])) : b("", !0),
-					dl.value.length ? (E(!0), x(v, { key: 1 }, O(dl.value, (e, n) => (E(), x("g", {
+					}, null, 8, en)]))), 128))])) : y("", !0),
+					dl.value.length ? (T(!0), b(_, { key: 1 }, D(dl.value, (e, n) => (T(), b("g", {
 						key: `serie_bar_${e.id}`,
-						class: ct(`serie_bar_${n}`),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `bar_plot_${n}_${i}` }, [
-						A(bt)(r.value) ? (E(), x("rect", {
+						class: lt(`serie_bar_${n}`),
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b("g", { key: `bar_plot_${n}_${i}` }, [
+						A(bt)(r.value) ? (T(), b("rect", {
 							key: 0,
 							x: js(r) + Nc.value / 2,
 							y: H.value.useIndividualScale ? Ns(r) : Ms(r),
@@ -3752,9 +3760,9 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							fill: V.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${n}_${F.value})` : `url(#rectGradient_neg_${n}_${F.value})` : e.color,
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
-							style: T({ transition: A(Ra) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, tn)) : b("", !0),
-						A(bt)(r.value) && t.$slots.pattern ? (E(), x("rect", {
+							style: w({ transition: A(Ra) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, tn)) : y("", !0),
+						A(bt)(r.value) && t.$slots.pattern ? (T(), b("rect", {
 							key: 1,
 							x: js(r) - Nc.value / 2,
 							y: H.value.useIndividualScale ? Ns(r) : Ms(r),
@@ -3764,38 +3772,38 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							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: T({ transition: A(Ra) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, nn)) : b("", !0),
-						r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
+							style: w({ transition: A(Ra) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, nn)) : y("", !0),
+						r.comment && V.value.chart.comments.show ? (T(), b("foreignObject", {
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
 							width: Mc.value + V.value.chart.comments.width,
 							x: js(r) - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
-							y: A(_)(r.y) + V.value.chart.comments.offsetY + 6
-						}, [k(t.$slots, "plot-comment", { plot: {
+							y: A(g)(r.y) + V.value.chart.comments.offsetY + 6
+						}, [O(t.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: n,
 							datapointIndex: i
-						} }, void 0, !0)], 8, rn)) : b("", !0)
-					]))), 128))], 6))), 128)) : b("", !0),
-					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (E(), x("line", {
+						} }, void 0, !0)], 8, rn)) : y("", !0)
+					]))), 128))], 6))), 128)) : y("", !0),
+					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (T(), b("line", {
 						key: 2,
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						x1: J.value?.left,
 						x2: J.value?.right,
-						y1: A(g)(Es.value),
-						y2: A(g)(Es.value),
+						y1: A(m)(Es.value),
+						y2: A(m)(Es.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, an)) : b("", !0),
-					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && Xo.value ? (E(), x("g", on, [S("line", {
+					}, null, 8, an)) : y("", !0),
+					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && Xo.value ? (T(), b("g", on, [x("line", {
 						x1: au.value,
 						x2: au.value,
-						y1: A(g)(J.value?.top),
-						y2: A(g)(J.value?.bottom),
+						y1: A(m)(J.value?.top),
+						y2: A(m)(J.value?.bottom),
 						stroke: V.value.chart.highlighter.color,
 						"stroke-width": V.value.chart.highlighter.lineWidth,
 						"stroke-dasharray": V.value.chart.highlighter.lineDasharray,
@@ -3805,41 +3813,41 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, sn)])) : b("", !0),
-					ou.value ? (E(), x("g", cn, [(E(!0), x(v, null, O(su.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)(lu(e.x)) : J.value.right,
-							y1: A(g)(e.y),
-							y2: A(g)(e.y),
+					}, null, 8, sn)])) : y("", !0),
+					ou.value ? (T(), b("g", cn, [(T(!0), b(_, null, D(su.value, (e) => (T(), b("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
+						x("line", {
+							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(m)(e.x) : J.value.left,
+							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(m)(lu(e.x)) : J.value.right,
+							y1: A(m)(e.y),
+							y2: A(m)(e.y),
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
 						}, null, 8, ln),
-						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,
+						x("line", {
+							x1: A(m)(e.x),
+							x2: A(m)(e.x),
+							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(m)(e.y) : J.value.top,
+							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(m)(J.value.bottom) : J.value.bottom,
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
 						}, null, 8, un),
-						S("circle", {
-							cx: A(g)(lu(e.x)),
-							cy: A(g)(e.y),
+						x("circle", {
+							cx: A(m)(lu(e.x)),
+							cy: A(m)(e.y),
 							r: V.value.chart.highlighter.crosshairs.dot.radius,
 							fill: V.value.chart.highlighter.crosshairs.dot.fill,
 							stroke: V.value.chart.highlighter.crosshairs.dot.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.dot.strokeWidth,
 							style: { "pointer-events": "none" }
 						}, null, 8, dn)
-					]))), 128))])) : b("", !0),
-					V.value.chart.grid.frame.show ? (E(), x("rect", {
+					]))), 128))])) : y("", !0),
+					V.value.chart.grid.frame.show ? (T(), b("rect", {
 						key: 5,
 						style: {
 							pointerEvents: "none",
@@ -3856,50 +3864,50 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"stroke-linecap": V.value.chart.grid.frame.strokeLinecap,
 						"stroke-linejoin": V.value.chart.grid.frame.strokeLinejoin,
 						"stroke-dasharray": V.value.chart.grid.frame.strokeDasharray
-					}, null, 8, fn)) : b("", !0),
-					V.value.chart.grid.labels.show ? (E(), x("g", {
+					}, null, 8, fn)) : y("", !0),
+					V.value.chart.grid.labels.show ? (T(), b("g", {
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: ji,
 						opacity: ou.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [H.value.useIndividualScale ? (E(), x(v, { key: 0 }, [(E(!0), x(v, null, O(pl.value, (e) => (E(), x("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [S("line", {
+					}, [H.value.useIndividualScale ? (T(), b(_, { key: 0 }, [(T(!0), b(_, null, D(pl.value, (e) => (T(), b("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [x("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(m)(J.value?.bottom - e.yOffset - e.individualHeight) : A(m)(J.value?.top),
+						y2: H.value.isStacked ? A(m)(J.value?.bottom - e.yOffset) : A(m)(J.value?.bottom),
 						stroke: e.color,
 						"stroke-width": V.value.chart.grid.stroke,
 						"stroke-linecap": "round",
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, mn)]))), 128)), (E(!0), x(v, null, O(pl.value, (e) => (E(), x("g", {
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+					}, null, 12, mn)]))), 128)), (T(!0), b(_, null, D(pl.value, (e) => (T(), b("g", {
 						key: `individual_scale_label_${e.groupId || e.id}`,
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`)
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						S("text", {
+						x("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)`
-						}, pt(e.name) + " " + pt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, hn),
-						(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", {
+						}, k(e.name) + " " + k(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, hn),
+						(T(!0), b(_, null, D(e.yLabels, (t, n) => (T(), b(_, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), b("line", {
 							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(m)(t.y),
+							y2: A(m)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, gn)) : b("", !0)], 64))), 128)),
-						(E(!0), x(v, null, O(e.yLabels, (t, n) => (E(), x("text", {
+						}, null, 8, gn)) : y("", !0)], 64))), 128)),
+						(T(!0), b(_, null, D(e.yLabels, (t, n) => (T(), b("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(m)(t.y) + B.value.dataLabels / 3})`,
 							"text-anchor": q.value ? "start" : "end",
 							"font-size": B.value.dataLabels,
 							fill: e.color
-						}, pt(A(h)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(u)({
+						}, k(A(h)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(p)({
 							p: t.prefix,
 							v: t.value,
 							s: t.suffix,
@@ -3908,31 +3916,31 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, _n))), 128))
-					], 4))), 128))], 64)) : (E(!0), x(v, { key: 1 }, O(Lc.value, (e, t) => (E(), x("g", { key: `yLabel_${t}` }, [A(bt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), x("line", {
+					], 4))), 128))], 64)) : (T(!0), b(_, { key: 1 }, D(Lc.value, (e, t) => (T(), b("g", { key: `yLabel_${t}` }, [A(bt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), b("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(m)(e.y),
+						y2: A(m)(e.y),
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, vn)) : b("", !0), e.value >= W.value.min && e.value <= W.value.max ? (E(), x("text", {
+					}, null, 8, vn)) : y("", !0), e.value >= W.value.min && e.value <= W.value.max ? (T(), b("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
-					}, pt(A(bt)(e.value) ? A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(u)({
+					}, k(A(bt)(e.value) ? A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(p)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
 						r: V.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, yn)) : b("", !0)]))), 128))], 8, pn)) : b("", !0),
-					ou.value ? (E(), x("g", bn, [(E(!0), x(v, null, O(su.value, (e) => (E(), x("text", {
+					})) : ""), 9, yn)) : y("", !0)]))), 128))], 8, pn)) : y("", !0),
+					ou.value ? (T(), b("g", bn, [(T(!0), b(_, null, D(su.value, (e) => (T(), b("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(m)(e.y) + B.value.dataLabels / 3})`,
 						"font-size": B.value.dataLabels,
 						"text-anchor": q.value ? "start" : "end",
 						fill: V.value.chart.grid.labels.color,
@@ -3941,7 +3949,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, pt(A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(u)({
+					}, k(A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(p)({
 						p: e.serie.prefix || V.value.chart.labels.prefix,
 						v: e.value,
 						s: e.serie.suffix || V.value.chart.labels.suffix,
@@ -3949,10 +3957,10 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					}), {
 						datapoint: e.serie,
 						seriesIndex: e.index
-					})), 9, xn))), 128))])) : b("", !0),
-					cu.value ? (E(), x("g", Sn, [S("circle", {
+					})), 9, xn))), 128))])) : y("", !0),
+					cu.value ? (T(), b("g", Sn, [x("circle", {
 						cx: au.value,
-						cy: A(g)(J.value?.bottom),
+						cy: A(m)(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,
@@ -3962,12 +3970,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, Cn)])) : b("", !0),
-					(E(!0), x(v, null, O($.value, (e, n) => (E(), x("g", {
+					}, null, 8, Cn)])) : y("", !0),
+					(T(!0), b(_, null, D($.value, (e, n) => (T(), b("g", {
 						key: `serie_plot_${e.id}`,
-						class: ct(`serie_plot_${n}`),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(bt)(r.value) ? (E(), et(Ke, {
+						class: lt(`serie_plot_${n}`),
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(bt)(r.value) ? (T(), tt(qe, {
 						key: 0,
 						shape: [
 							"triangle",
@@ -3979,8 +3987,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						].includes(e.shape) ? e.shape : "circle",
 						color: V.value.plot.useGradient ? `url(#plotGradient_${n}_${F.value})` : V.value.plot.dot.useSerieColor ? e.color : V.value.plot.dot.fill,
 						plot: {
-							x: A(_)(r.x),
-							y: A(_)(r.y)
+							x: A(g)(r.x),
+							y: A(g)(r.y)
 						},
 						radius: uu(e, r, i) ? (Oa.value.plot || 6) * 1.5 : (zc(e.plots, i), Oa.value.plot || 6),
 						stroke: V.value.plot.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
@@ -3996,24 +4004,24 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"strokeWidth",
 						"transition",
 						"still"
-					])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
+					])) : y("", !0), r.comment && V.value.chart.comments.show ? (T(), b("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", Tn, [k(t.$slots, "plot-comment", { plot: {
+					}, [x("div", Tn, [O(t.$slots, "plot-comment", { plot: {
 						...r,
 						color: e.color,
 						seriesIndex: n,
 						datapointIndex: i
-					} }, void 0, !0)])], 8, wn)) : b("", !0)]))), 128))], 6))), 128)),
-					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x("g", {
+					} }, void 0, !0)])], 8, wn)) : y("", !0)]))), 128))], 6))), 128)),
+					(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b("g", {
 						key: `serie_line_${e.id}`,
-						class: ct(`serie_line_${t}`),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [e.hasDashedSegments ? (E(), x(v, { key: 0 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (t, n) => (E(), x("path", {
+						class: lt(`serie_line_${t}`),
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [e.hasDashedSegments ? (T(), b(_, { key: 0 }, [e.smooth ? (T(!0), b(_, { key: 0 }, D(e.dashedSmooth, (t, n) => (T(), b("path", {
 						key: `line_coating_smooth_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4022,8 +4030,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						stroke: V.value.chart.backgroundColor,
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-						style: T({ transition: Gc() })
-					}, null, 12, En))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (t, n) => (E(), x("path", {
+						style: w({ transition: Gc() })
+					}, null, 12, En))), 128)) : (T(!0), b(_, { key: 1 }, D(e.dashedStraight, (t, n) => (T(), b("path", {
 						key: `line_coating_straight_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4032,8 +4040,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						stroke: V.value.chart.backgroundColor,
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-						style: T({ transition: Gc() })
-					}, null, 12, Dn))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
+						style: w({ transition: Gc() })
+					}, null, 12, Dn))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (T(), b("path", {
 						key: 1,
 						d: `M${e.curve}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4042,8 +4050,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: T({ transition: Gc() })
-					}, null, 12, On)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
+						style: w({ transition: Gc() })
+					}, null, 12, On)) : e.plots.length > 1 && e.straight ? (T(), b("path", {
 						key: 2,
 						d: `M${e.straight}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4052,49 +4060,49 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: T({ transition: Gc() })
-					}, null, 12, kn)) : b("", !0)], 6))), 128)),
-					t.$slots.pattern ? (E(), x("defs", An, [(E(!0), x(v, null, O(vo.value, (e, n) => k(t.$slots, "pattern", ot({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+						style: w({ transition: Gc() })
+					}, null, 12, kn)) : y("", !0)], 6))), 128)),
+					t.$slots.pattern ? (T(), b("defs", An, [(T(!0), b(_, null, D(vo.value, (e, n) => O(t.$slots, "pattern", st({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${F.value}_${n}`
-					}), void 0, !0)), 128))])) : b("", !0),
-					ml.value.length && !H.value.isStacked ? (E(), x("g", jn, [(E(!0), x(v, null, O(ml.value, (e) => (E(), x("path", {
+					}), void 0, !0)), 128))])) : y("", !0),
+					ml.value.length && !H.value.isStacked ? (T(), b("g", jn, [(T(!0), b(_, null, D(ml.value, (e) => (T(), b("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
 						"fill-opacity": V.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: T({ transition: Gc() })
-					}, null, 12, Mn))), 128))])) : b("", !0),
-					(E(!0), x(v, null, O(Q.value, (e, n) => (E(), x("g", {
+						style: w({ transition: Gc() })
+					}, null, 12, Mn))), 128))])) : y("", !0),
+					(T(!0), b(_, null, D(Q.value, (e, n) => (T(), b("g", {
 						key: `serie_line_above_${e.id}`,
-						class: ct(`serie_line_${n}`),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						class: lt(`serie_line_${n}`),
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (E(), x("g", Nn, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.curveAreas, (r, i) => (E(), x(v, { key: i }, [r ? (E(), x("path", {
+						e.useArea && e.plots.length > 1 ? (T(), b("g", Nn, [e.smooth ? (T(!0), b(_, { key: 0 }, D(e.curveAreas, (r, i) => (T(), b(_, { key: i }, [r ? (T(), b("path", {
 							key: 0,
 							d: r,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(p)(e.color, V.value.line.area.opacity),
-							style: T({ transition: Gc() })
-						}, null, 12, Pn)) : b("", !0), t.$slots.pattern && r ? (E(), x("path", {
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(je)(e.color, V.value.line.area.opacity),
+							style: w({ transition: Gc() })
+						}, null, 12, Pn)) : y("", !0), t.$slots.pattern && r ? (T(), b("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: T({ transition: Gc() })
-						}, null, 12, Fn)) : 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", {
+							style: w({ transition: Gc() })
+						}, null, 12, Fn)) : y("", !0)], 64))), 128)) : (T(!0), b(_, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), b(_, { key: i }, [r ? (T(), b("path", {
 							key: 0,
 							d: `M${r}Z`,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(p)(e.color, V.value.line.area.opacity),
-							style: T({ transition: Gc() })
-						}, null, 12, In)) : b("", !0), t.$slots.pattern && r ? (E(), x("path", {
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(je)(e.color, V.value.line.area.opacity),
+							style: w({ transition: Gc() })
+						}, null, 12, In)) : y("", !0), t.$slots.pattern && r ? (T(), b("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
-							style: T({ transition: Gc() })
-						}, null, 12, Ln)) : b("", !0)], 64))), 128))])) : b("", !0),
-						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
+							style: w({ transition: Gc() })
+						}, null, 12, Ln)) : y("", !0)], 64))), 128))])) : y("", !0),
+						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), b("path", {
 							key: 1,
 							d: `M${e.curve}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
@@ -4102,8 +4110,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							"stroke-dasharray": e.dashed ? V.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: T({ transition: Gc() })
-						}, null, 12, Rn)) : e.hasDashedSegments ? (E(), x(v, { key: 2 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (t, r) => (E(), x("path", {
+							style: w({ transition: Gc() })
+						}, null, 12, Rn)) : e.hasDashedSegments ? (T(), b(_, { key: 2 }, [e.smooth ? (T(!0), b(_, { key: 0 }, D(e.dashedSmooth, (t, r) => (T(), b("path", {
 							key: `line_smooth_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4112,8 +4120,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-							style: T({ transition: Gc() })
-						}, null, 12, zn))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (t, r) => (E(), x("path", {
+							style: w({ transition: Gc() })
+						}, null, 12, zn))), 128)) : (T(!0), b(_, { key: 1 }, D(e.dashedStraight, (t, r) => (T(), b("path", {
 							key: `line_straight_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4122,8 +4130,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
-							style: T({ transition: Gc() })
-						}, null, 12, Bn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
+							style: w({ transition: Gc() })
+						}, null, 12, Bn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), b("path", {
 							key: 3,
 							d: `M${e.straight}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
@@ -4132,9 +4140,9 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: T({ transition: Gc() })
-						}, null, 12, Vn)) : b("", !0),
-						(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x(v, { key: `circle_line_${e.id}_${i}` }, [!nc.value.linePlot && r && A(bt)(r.value) || nc.value.linePlot && r && A(bt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || zc(e.plots, i) ? (E(), et(Ke, {
+							style: w({ transition: Gc() })
+						}, null, 12, Vn)) : y("", !0),
+						(T(!0), b(_, null, D(e.plots, (r, i) => (T(), b(_, { key: `circle_line_${e.id}_${i}` }, [!nc.value.linePlot && r && A(bt)(r.value) || nc.value.linePlot && r && A(bt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || zc(e.plots, i) ? (T(), tt(qe, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -4146,8 +4154,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							].includes(e.shape) ? e.shape : "circle",
 							color: V.value.line.useGradient ? `url(#lineGradient_${n}_${F.value})` : V.value.line.dot.useSerieColor ? e.color : V.value.line.dot.fill,
 							plot: {
-								x: A(_)(r.x),
-								y: A(_)(r.y)
+								x: A(g)(r.x),
+								y: A(g)(r.y)
 							},
 							radius: uu(e, r, i) ? ka.value || 0 : (zc(e.plots, i), Oa.value.line || 0),
 							stroke: V.value.line.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
@@ -4163,21 +4171,21 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							"strokeWidth",
 							"transition",
 							"still"
-						])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
+						])) : y("", !0), r.comment && V.value.chart.comments.show ? (T(), b("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", Un, [k(t.$slots, "plot-comment", { plot: {
+						}, [x("div", Un, [O(t.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: n,
 							datapointIndex: i
-						} }, void 0, !0)])], 8, Hn)) : b("", !0)], 64))), 128))
+						} }, void 0, !0)])], 8, Hn)) : y("", !0)], 64))), 128))
 					], 6))), 128)),
-					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (E(), x("g", Wn, [(E(!0), x(v, null, O(pu.value, (e) => (E(), x("text", {
+					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (T(), b("g", Wn, [(T(!0), b(_, null, D(pu.value, (e) => (T(), b("text", {
 						key: e.key,
 						"text-anchor": iu({
 							plot: e.plot,
@@ -4188,13 +4196,13 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fill: V.value.bar.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
-						style: T(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
 						innerHTML: tu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "bar"
 						})
-					}, null, 12, Gn))), 128)), (E(!0), x(v, null, O(dl.value, (e, t) => (E(), x(v, { key: `xLabel_bar_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (E(), x("text", {
+					}, null, 12, Gn))), 128)), (T(!0), b(_, null, D(dl.value, (e, t) => (T(), b(_, { key: `xLabel_bar_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (T(), b("text", {
 						key: 0,
 						x: H.value.useIndividualScale && H.value.isStacked ? n.x + ks.value.line / 2 : n.x + As() * 1.1,
 						y: n.y + (n.value > 0 ? V.value.bar.serieName.offsetY : -V.value.bar.serieName.offsetY * 3),
@@ -4202,12 +4210,12 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"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: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, pt(V.value.bar.serieName.useAbbreviation ? A(Ce)({
+						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(Se)({
 						source: e.name,
 						length: V.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, Kn)) : b("", !0)], 64))), 128))], 64))), 128))])) : b("", !0),
-					V.value.plot.labels.show && H.value.dataLabels.show ? (E(), x("g", qn, [(E(!0), x(v, null, O(mu.value, (e) => (E(), x("text", {
+					}) : e.name), 13, Kn)) : y("", !0)], 64))), 128))], 64))), 128))])) : y("", !0),
+					V.value.plot.labels.show && H.value.dataLabels.show ? (T(), b("g", qn, [(T(!0), b(_, null, D(mu.value, (e) => (T(), b("text", {
 						key: e.key,
 						transform: ru({
 							plot: e.plot,
@@ -4221,17 +4229,17 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fill: V.value.plot.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
-						style: T(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
 						innerHTML: tu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "plot"
 						})
-					}, null, 12, Jn))), 128))])) : (E(), x("g", Yn, [(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `xLabel_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (E(), x(v, { key: 1 }, [[
+					}, null, 12, Jn))), 128))])) : (T(), b("g", Yn, [(T(!0), b(_, null, D($.value, (e, t) => (T(), b(_, { key: `xLabel_plot_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (T(), b(_, { key: 1 }, [[
 						I.value,
 						R.value,
 						Wi.value
-					].includes(r) && e.useTag ? (E(), x("line", {
+					].includes(r) && e.useTag ? (T(), b("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
 						x1: J.value?.left,
@@ -4242,36 +4250,36 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, er)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), x("foreignObject", {
+					}, null, 8, er)) : y("", !0)], 64)) : (T(), b(_, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), b("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(p)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [x("div", {
+						style: w(`padding: 3px; background:${A(je)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
 						innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Zn)], 12, Xn)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), x("foreignObject", {
+					}, null, 12, Zn)], 12, Xn)) : y("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), b("foreignObject", {
 						key: 1,
 						x: n.x - e.name.length * (B.value.plotLabels / 2),
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(p)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [x("div", {
+						style: w(`padding: 3px; background:${A(je)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
 						innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, $n)], 12, Qn)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					V.value.line.labels.show && H.value.dataLabels.show ? (E(), x("g", tr, [(E(!0), x(v, null, O(hu.value, (e) => (E(), x("text", {
+					}, null, 12, $n)], 12, Qn)) : y("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					V.value.line.labels.show && H.value.dataLabels.show ? (T(), b("g", tr, [(T(!0), b(_, null, D(hu.value, (e) => (T(), b("text", {
 						key: e.key,
 						transform: ru({
 							plot: e.plot,
@@ -4285,17 +4293,17 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fill: V.value.line.labels.color,
 						stroke: V.value.chart.backgroundColor,
 						"paint-order": "stroke",
-						style: T(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						style: w(`opacity:${N.value ? N.value === e.serie.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
 						innerHTML: tu({
 							serie: e.serie,
 							plot: e.plot,
 							type: "line"
 						})
-					}, null, 12, nr))), 128))])) : (E(), x("g", rr, [(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `xLabel_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (E(), x(v, { key: 1 }, [[
+					}, null, 12, nr))), 128))])) : (T(), b("g", rr, [(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `xLabel_line_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (T(), b(_, { key: 1 }, [[
 						I.value,
 						R.value,
 						Wi.value
-					].includes(r) && e.useTag ? (E(), x("line", {
+					].includes(r) && e.useTag ? (T(), b("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
 						x1: J.value?.left,
@@ -4306,43 +4314,43 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, cr)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), x("foreignObject", {
+					}, null, 8, cr)) : y("", !0)], 64)) : (T(), b(_, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), b("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(p)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [x("div", {
+						style: w(`padding: 3px; background:${A(je)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
 						innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, ar)], 12, ir)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), x("foreignObject", {
+					}, null, 12, ar)], 12, ir)) : y("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), b("foreignObject", {
 						key: 1,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [S("div", {
-						style: T(`padding: 3px; background:${A(p)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
+						style: w(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, [x("div", {
+						style: w(`padding: 3px; background:${A(je)(e.color, 80)};color:${A(we)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
 						innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, sr)], 12, or)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `xLabel_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), x("text", {
+					}, null, 12, sr)], 12, or)) : y("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `xLabel_line_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), b("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(l)({
+						innerHTML: A(le)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4350,15 +4358,15 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, lr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, lr)) : y("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), b("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(l)({
+						innerHTML: A(le)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4366,16 +4374,16 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, ur)) : b("", !0)], 64))), 128))], 64))), 128)),
-					(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `xLabel_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), x("text", {
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, ur)) : y("", !0)], 64))), 128))], 64))), 128)),
+					(T(!0), b(_, null, D($.value, (e, t) => (T(), b(_, { key: `xLabel_plot_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), b("text", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(l)({
+						innerHTML: A(le)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4383,15 +4391,15 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, dr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, dr)) : y("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), b("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(l)({
+						innerHTML: A(le)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4399,14 +4407,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							y: n.y,
 							maxWords: 2
 						}),
-						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, fr)) : b("", !0)], 64))), 128))], 64))), 128)),
-					(E(!0), x(v, null, O([
+						style: w(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, fr)) : y("", !0)], 64))), 128))], 64))), 128)),
+					(T(!0), b(_, null, D([
 						...$.value,
 						...Q.value,
 						...dl.value
-					], (e, t) => (E(), x(v, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(xe)(e.plots).trend) ? (E(), x("g", pr, [
-						S("defs", null, [S("marker", {
+					], (e, t) => (T(), b(_, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(Ee)(e.plots).trend) ? (T(), b("g", pr, [
+						x("defs", null, [x("marker", {
 							id: `progression_arrow_${t}`,
 							markerWidth: "9",
 							markerHeight: "9",
@@ -4416,44 +4424,44 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							refY: 7 / 2,
 							orient: "auto",
 							overflow: "visible"
-						}, [S("polygon", {
+						}, [x("polygon", {
 							points: "0,0 7,3.5 0,7",
 							fill: e.color,
 							stroke: V.value.chart.backgroundColor,
 							"stroke-width": "1",
 							"stroke-linejoin": "round"
 						}, null, 8, hr)], 8, mr)]),
-						e.plots.length > 1 ? (E(), x("line", {
+						e.plots.length > 1 ? (T(), b("line", {
 							key: 0,
-							x1: A(xe)(e.plots).x1 + (e.type === "bar" ? As() : 0),
-							x2: A(xe)(e.plots).x2 + (e.type === "bar" ? As() : 0),
-							y1: A(g)(A(xe)(e.plots).y1),
-							y2: A(g)(A(xe)(e.plots).y2),
+							x1: A(Ee)(e.plots).x1 + (e.type === "bar" ? As() : 0),
+							x2: A(Ee)(e.plots).x2 + (e.type === "bar" ? As() : 0),
+							y1: A(m)(A(Ee)(e.plots).y1),
+							y2: A(m)(A(Ee)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: V.value.chart.backgroundColor,
 							"stroke-dasharray": 2,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, gr)) : b("", !0),
-						e.plots.length > 1 ? (E(), x("line", {
+						}, null, 8, gr)) : y("", !0),
+						e.plots.length > 1 ? (T(), b("line", {
 							key: 1,
-							x1: A(xe)(e.plots).x1 + (e.type === "bar" ? As() : 0),
-							x2: A(xe)(e.plots).x2 + (e.type === "bar" ? As() : 0),
-							y1: A(g)(A(xe)(e.plots).y1),
-							y2: A(g)(A(xe)(e.plots).y2),
+							x1: A(Ee)(e.plots).x1 + (e.type === "bar" ? As() : 0),
+							x2: A(Ee)(e.plots).x2 + (e.type === "bar" ? As() : 0),
+							y1: A(m)(A(Ee)(e.plots).y1),
+							y2: A(m)(A(Ee)(e.plots).y2),
 							"stroke-width": 1,
 							stroke: e.color,
 							"stroke-dasharray": 2,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, _r)) : b("", !0),
-						e.plots.length > 1 ? (E(), x("text", {
+						}, null, 8, _r)) : y("", !0),
+						e.plots.length > 1 ? (T(), b("text", {
 							key: 2,
 							"text-anchor": "middle",
-							x: A(xe)(e.plots).x2 + (e.type === "bar" ? As() : 0),
-							y: A(xe)(e.plots).y2 - 12,
+							x: A(Ee)(e.plots).x2 + (e.type === "bar" ? As() : 0),
+							y: A(Ee)(e.plots).y2 - 12,
 							"font-size": B.value.plotLabels,
 							fill: e.color,
 							stroke: V.value.chart.backgroundColor,
@@ -4461,13 +4469,13 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"paint-order": "stroke fill"
-						}, pt(A(u)({
-							v: A(xe)(e.plots).trend * 100,
+						}, k(A(p)({
+							v: A(Ee)(e.plots).trend * 100,
 							s: "%",
 							r: 2
-						})), 9, vr)) : b("", !0)
-					])) : b("", !0)], 64))), 128)),
-					H.value.useIndividualScale && !H.value.isStacked ? (E(), x(v, { key: 16 }, [S("defs", null, [(E(!0), x(v, null, O(pl.value, (e, t) => (E(), et(Je, {
+						})), 9, vr)) : y("", !0)
+					])) : y("", !0)], 64))), 128)),
+					H.value.useIndividualScale && !H.value.isStacked ? (T(), b(_, { key: 16 }, [x("defs", null, [(T(!0), b(_, null, D(pl.value, (e, t) => (T(), tt(Ye, {
 						t: "linear",
 						key: `individual_scale_gradient_${e.groupId || e.id || t}`,
 						id: `individual_scale_gradient_${F.value}_${t}`,
@@ -4489,7 +4497,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						"x1",
 						"x2",
 						"stops"
-					]))), 128))]), (E(!0), x(v, null, O(pl.value, (e, t) => (E(), x("rect", {
+					]))), 128))]), (T(!0), b(_, null, D(pl.value, (e, t) => (T(), b("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,
@@ -4498,8 +4506,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						fill: N.value === e.groupId ? `url(#individual_scale_gradient_${F.value}_${t})` : "transparent",
 						onMouseenter: (t) => N.value = e.groupId,
 						onMouseleave: n[0] ||= (e) => N.value = null
-					}, null, 40, yr))), 128))], 64)) : b("", !0),
-					S("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (E(), x("text", {
+					}, null, 40, yr))), 128))], 64)) : y("", !0),
+					x("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (T(), b("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
 						ref: ki,
@@ -4508,7 +4516,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						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" }
-					}, pt(V.value.chart.grid.labels.axis.yLabel), 9, br)) : b("", !0), V.value.chart.grid.labels.axis.xLabel ? (E(), x("text", {
+					}, k(V.value.chart.grid.labels.axis.yLabel), 9, br)) : y("", !0), V.value.chart.grid.labels.axis.xLabel ? (T(), b("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
 						ref: Oi,
@@ -4517,14 +4525,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						y: Li.value - 3,
 						"font-size": B.value.yAxis,
 						fill: V.value.chart.grid.labels.color
-					}, pt(V.value.chart.grid.labels.axis.xLabel), 9, xr)) : b("", !0)]),
-					V.value.chart.grid.labels.xAxisLabels.show ? (E(), x("g", {
+					}, k(V.value.chart.grid.labels.axis.xLabel), 9, xr)) : y("", !0)]),
+					V.value.chart.grid.labels.xAxisLabels.show ? (T(), b("g", {
 						key: 17,
 						ref_key: "timeLabelsEls",
 						ref: Ai,
 						opacity: ou.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [t.$slots["time-label"] ? (E(!0), x(v, { key: 0 }, O(Jc.value, (e, n) => k(t.$slots, "time-label", ot({
+					}, [t.$slots["time-label"] ? (T(!0), b(_, { key: 0 }, D(Jc.value, (e, n) => O(t.$slots, "time-label", st({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
@@ -4537,15 +4545,15 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 						content: e.text,
 						textAnchor: V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
-					}), void 0, !0)), 128)) : (E(!0), x(v, { key: 1 }, O(Jc.value, (e, t) => (E(), x("g", { key: `time_label_${t}` }, [e && e.text ? (E(), x(v, { key: 0 }, [String(e.text).includes("\n") ? (E(), x("text", {
+					}), void 0, !0)), 128)) : (T(!0), b(_, { key: 1 }, D(Jc.value, (e, t) => (T(), b("g", { key: `time_label_${t}` }, [e && e.text ? (T(), b(_, { key: 0 }, [String(e.text).includes("\n") ? (T(), b("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(${Yc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: T({ cursor: Mo() && Na.value ? "pointer" : "default" }),
-						innerHTML: A(ce)({
+						style: w({ cursor: Mo() && Na.value ? "pointer" : "default" }),
+						innerHTML: A(de)({
 							content: String(e.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
@@ -4553,17 +4561,17 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							y: 0
 						}),
 						onClick: (n) => qo(e, t)
-					}, null, 12, wr)) : (E(), x("text", {
+					}, null, 12, wr)) : (T(), b("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(${Yc(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: T({ cursor: Mo() && Na.value ? "pointer" : "default" }),
+						style: w({ cursor: Mo() && Na.value ? "pointer" : "default" }),
 						onClick: (n) => qo(e, t)
-					}, pt(e.text || ""), 13, Cr))], 64)) : b("", !0)]))), 128))], 8, Sr)) : b("", !0),
-					cu.value ? (E(), x("g", Tr, [S("text", {
+					}, k(e.text || ""), 13, Cr))], 64)) : y("", !0)]))), 128))], 8, Sr)) : y("", !0),
+					cu.value ? (T(), b("g", Tr, [x("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,
@@ -4575,16 +4583,16 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							animation: "none !important",
 							"pointer-events": "none"
 						},
-						innerHTML: A(ce)({
+						innerHTML: A(de)({
 							content: String(cu.value.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Er)])) : b("", !0),
-					Rc.value.length && !H.value.isStacked ? (E(), x("g", Dr, [(E(!0), x(v, null, O(Rc.value, (e) => (E(), x("g", { key: e.id }, [
-						e.yTop && e.show && isFinite(e.yTop) ? (E(), x("line", {
+					}, null, 8, Er)])) : y("", !0),
+					Rc.value.length && !H.value.isStacked ? (T(), b("g", Dr, [(T(!0), b(_, null, D(Rc.value, (e) => (T(), b("g", { key: e.id }, [
+						e.yTop && e.show && isFinite(e.yTop) ? (T(), b("line", {
 							key: 0,
 							x1: e.x1,
 							y1: e.yTop,
@@ -4595,8 +4603,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Or)) : b("", !0),
-						e.yBottom && e.show && isFinite(e.yBottom) ? (E(), x("line", {
+						}, null, 8, Or)) : y("", !0),
+						e.yBottom && e.show && isFinite(e.yBottom) ? (T(), b("line", {
 							key: 1,
 							x1: e.x1,
 							y1: e.yBottom,
@@ -4607,24 +4615,24 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, kr)) : b("", !0),
-						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (E(), x("rect", {
+						}, null, 8, kr)) : y("", !0),
+						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), b("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
 							width: J.value.width,
-							height: A(_)(e.areaHeight, 0),
-							fill: A(p)(e.config.area.fill, e.config.area.opacity),
+							height: A(g)(e.areaHeight, 0),
+							fill: A(je)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
-						}, null, 8, Ar)) : b("", !0),
-						e.config.label.text && e.show && isFinite(e._box.y) ? (E(), x("rect", ot({
+						}, null, 8, Ar)) : y("", !0),
+						e.config.label.text && e.show && isFinite(e._box.y) ? (T(), b("rect", st({
 							key: 3,
 							class: "vue-ui-xy-annotation-label-box"
 						}, { ref_for: !0 }, e._box, { style: {
 							animation: "none !important",
 							transition: "none !important"
-						} }), null, 16)) : b("", !0),
-						e.config.label.text && e.show && isFinite(e._text.y) ? (E(), x("text", {
+						} }), null, 16)) : y("", !0),
+						e.config.label.text && e.show && isFinite(e._text.y) ? (T(), b("text", {
 							key: 4,
 							id: e.id,
 							class: "vue-ui-xy-annotation-label",
@@ -4633,32 +4641,32 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 							"font-size": e.config.label.fontSize,
 							fill: e.config.label.color,
 							"text-anchor": e.config.label.textAnchor
-						}, pt(e.config.label.text), 9, jr)) : b("", !0)
-					]))), 128))])) : b("", !0),
-					!ou.value && V.value.chart.timeTag.show && (G.value ? A(De)(Jl.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (E(), x("g", Mr, [(E(), x("foreignObject", {
+						}, k(e.config.label.text), 9, jr)) : y("", !0)
+					]))), 128))])) : y("", !0),
+					!ou.value && V.value.chart.timeTag.show && (G.value ? A(f)(Jl.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), b("g", Mr, [(T(), b("foreignObject", {
 						x: Xl(),
 						y: J.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
-					}, [S("div", {
+					}, [x("div", {
 						ref_key: "timeTagEl",
 						ref: Gl,
 						class: "vue-ui-xy-time-tag",
-						style: T(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${V.value.chart.timeTag.backgroundColor};color:${V.value.chart.timeTag.color};font-size:${V.value.chart.timeTag.fontSize}px`),
+						style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${V.value.chart.timeTag.backgroundColor};color:${V.value.chart.timeTag.color};font-size:${V.value.chart.timeTag.fontSize}px`),
 						innerHTML: eu.value
-					}, null, 12, Pr)], 8, Nr)), S("circle", {
-						cx: G.value && A(De)(Jl.value) ? Xc({ x: Jl.value }) : uc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+					}, null, 12, Pr)], 8, Nr)), x("circle", {
+						cx: G.value && A(f)(Jl.value) ? Xc({ x: Jl.value }) : uc((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, Fr)])) : b("", !0)
-				])) : b("", !0),
-				Ja.value ? (E(), x("rect", ot({ key: 2 }, Za.value, {
+					}, null, 8, Fr)])) : y("", !0)
+				])) : y("", !0),
+				Ja.value ? (T(), b("rect", st({ key: 2 }, Za.value, {
 					"data-start": U.value.start,
 					"data-end": U.value.end
-				}), null, 16, Ir)) : b("", !0),
-				k(t.$slots, "svg", { svg: {
+				}), null, 16, Ir)) : y("", !0),
+				O(t.$slots, "svg", { svg: {
 					...wa.value,
 					slicer: U.value,
 					isPrintingImg: A(Qa) || A($a) || aa.value,
@@ -4670,31 +4678,31 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					],
 					drawingArea: J.value
 				} }, void 0, !0)
-			], 512)], 46, Pt)), t.$slots.hint ? (E(), x("div", Lr, [k(t.$slots, "hint", w(C({
+			], 512)], 46, Pt)), t.$slots.hint ? (T(), b("div", Lr, [O(t.$slots, "hint", C(S({
 				hint: V.value.a11y.translations.keyboardNavigation,
 				isVisible: Au.value
-			})), void 0, !0)])) : b("", !0)]),
-			t.$slots.watermark ? (E(), x("div", Rr, [k(t.$slots, "watermark", w(C({ isPrinting: A(Qa) || A($a) || aa.value || oa.value })), void 0, !0)])) : b("", !0),
-			(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `tag_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `tag_line_${t}_${r}` }, [[
+			})), void 0, !0)])) : y("", !0)]),
+			t.$slots.watermark ? (T(), b("div", Rr, [O(t.$slots, "watermark", C(S({ isPrinting: A(Qa) || A($a) || aa.value || oa.value })), void 0, !0)])) : y("", !0),
+			(T(!0), b(_, null, D(Q.value, (e, t) => (T(), b(_, { key: `tag_line_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `tag_line_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				Wi.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (T(), b("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => Fo(t, r, e, "right", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
-				style: T({
+				style: w({
 					position: "fixed",
-					top: A(o)({
+					top: A(u)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ta.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.top + "px",
-					left: A(o)({
+					left: A(u)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4709,37 +4717,37 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", zr, [S("path", {
+			}, [(T(), b("svg", zr, [x("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Br)])), S("div", {
+			}, null, 8, Br)])), x("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Vr)], 4)) : b("", !0), [
+			}, null, 8, Vr)], 4)) : y("", !0), [
 				I.value,
 				R.value,
 				Wi.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (T(), b("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => Fo(t, r, e, "left", "line"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
-				style: T({
+				style: w({
 					position: "fixed",
-					top: A(o)({
+					top: A(u)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ta.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.top + "px",
-					left: A(o)({
+					left: A(u)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4754,38 +4762,38 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", Hr, [S("path", {
+			}, [(T(), b("svg", Hr, [x("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Ur)])), S("div", {
+			}, null, 8, Ur)])), x("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Wr)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
-			(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `tag_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `tag_plot_${t}_${r}` }, [[
+			}, null, 8, Wr)], 4)) : y("", !0)], 64))), 128))], 64))), 128)),
+			(T(!0), b(_, null, D($.value, (e, t) => (T(), b(_, { key: `tag_plot_${e.id}` }, [(T(!0), b(_, null, D(e.plots, (n, r) => (T(), b(_, { key: `tag_plot_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				Wi.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (T(), b("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => Fo(t, r, e, "right", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "right",
-				style: T({
+				style: w({
 					position: "fixed",
-					top: A(o)({
+					top: A(u)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ta.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.top + "px",
-					left: A(o)({
+					left: A(u)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4800,37 +4808,37 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", Gr, [S("path", {
+			}, [(T(), b("svg", Gr, [x("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Kr)])), S("div", {
+			}, null, 8, Kr)])), x("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, qr)], 4)) : b("", !0), [
+			}, null, 8, qr)], 4)) : y("", !0), [
 				I.value,
 				R.value,
 				Wi.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (E(), x("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (T(), b("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => Fo(t, r, e, "left", "plot"),
 				class: "vue-ui-xy-tag",
 				"data-tag": "left",
-				style: T({
+				style: w({
 					position: "fixed",
-					top: A(o)({
+					top: A(u)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ta.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.top + "px",
-					left: A(o)({
+					left: A(u)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4845,19 +4853,19 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), x("svg", Jr, [S("path", {
+			}, [(T(), b("svg", Jr, [x("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Yr)])), S("div", {
+			}, null, 8, Yr)])), x("div", {
 				class: "vue-ui-xy-tag-content",
 				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Xr)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
-			V.value.chart.zoom.show && Ka.value > 6 && Ma.value && ts.value ? (E(), et(Ye, {
+			}, null, 8, Xr)], 4)) : y("", !0)], 64))), 128))], 64))), 128)),
+			V.value.chart.zoom.show && Ka.value > 6 && Ma.value && ts.value ? (T(), tt(Xe, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: Ci,
@@ -4925,21 +4933,21 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				"onUpdate:end": ms,
 				"onUpdate:start": ps
 			}, {
-				"reset-action": j(({ reset: e }) => [k(t.$slots, "reset-action", w(C({ reset: e })), void 0, !0)]),
+				"reset-action": j(({ reset: e }) => [O(t.$slots, "reset-action", C(S({ 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, Zr),
-			ra.value && (V.value.chart.legend.show || t.$slots.legend) ? (E(), et($e, {
+			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : y("", !0),
+			x("div", { id: `legend-bottom-${F.value}` }, null, 8, Zr),
+			ra.value && (V.value.chart.legend.show || t.$slots.legend) ? (T(), tt(et, {
 				key: 7,
 				to: V.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
-			}, [S("div", {
+			}, [x("div", {
 				ref_key: "chartLegend",
 				ref: wi
-			}, [k(t.$slots, "legend", { legend: yo.value }, () => [V.value.chart.legend.show ? (E(), x("div", {
+			}, [O(t.$slots, "legend", { legend: yo.value }, () => [V.value.chart.legend.show ? (T(), b("div", {
 				key: 0,
 				class: "vue-ui-xy-legend",
-				style: T({ fontSize: `var(--legend-font-size, ${V.value.chart.legend.fontSize ?? 14}px)` })
-			}, [V.value.chart.legend.selectAllToggle.show && yo.value.length > 2 && !A(Ra) ? (E(), et(Ze, {
+				style: w({ fontSize: `var(--legend-font-size, ${V.value.chart.legend.fontSize ?? 14}px)` })
+			}, [V.value.chart.legend.selectAllToggle.show && yo.value.length > 2 && !A(Ra) ? (T(), tt(Qe, {
 				key: 0,
 				backgroundColor: V.value.chart.legend.selectAllToggle.backgroundColor,
 				color: V.value.chart.legend.selectAllToggle.color,
@@ -4951,19 +4959,19 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				"color",
 				"fontSize",
 				"checked"
-			])) : b("", !0), (E(!0), x(v, null, O(yo.value, (e, n) => (E(), x("div", {
+			])) : y("", !0), (T(!0), b(_, null, D(yo.value, (e, n) => (T(), b("div", {
 				key: `div_legend_item_${n}`,
 				onClick: (t) => Zs(e),
 				onKeydown: (t) => Ys(t, e),
 				role: "button",
 				tabindex: "0",
-				class: ct({
+				class: lt({
 					"vue-ui-xy-legend-item-alone": yo.value.length === 1,
 					"vue-ui-xy-legend-item": !0,
 					"vue-ui-xy-legend-item-segregated": Ki.value.has(e.id)
 				}),
-				style: T({ cursor: Na.value ? "pointer" : "default" })
-			}, [Bi.value[e.type] === "line" ? (E(), x("svg", $r, [S("rect", {
+				style: w({ cursor: Na.value ? "pointer" : "default" })
+			}, [Bi.value[e.type] === "line" ? (T(), b("svg", $r, [x("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
@@ -4972,7 +4980,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				height: "3",
 				width: "20",
 				fill: e.color
-			}, null, 8, ei), rt(Ke, {
+			}, null, 8, ei), it(qe, {
 				plot: {
 					x: 10,
 					y: 9
@@ -4993,7 +5001,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				"color",
 				"shape",
 				"stroke"
-			])])) : Bi.value[e.type] === "bar" ? (E(), x("svg", ti, [Bi.value[e.type] === "bar" && t.$slots.pattern ? (E(), x("rect", {
+			])])) : Bi.value[e.type] === "bar" ? (T(), b("svg", ti, [Bi.value[e.type] === "bar" && t.$slots.pattern ? (T(), b("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -5002,7 +5010,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, ni)) : b("", !0), Bi.value[e.type] === "bar" ? (E(), x("rect", {
+			}, null, 8, ni)) : y("", !0), Bi.value[e.type] === "bar" ? (T(), b("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -5011,7 +5019,7 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				width: "32",
 				stroke: "none",
 				fill: t.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, ri)) : b("", !0)])) : (E(), x("svg", ii, [rt(Ke, {
+			}, null, 8, ri)) : y("", !0)])) : (T(), b("svg", ii, [it(qe, {
 				plot: {
 					x: 6,
 					y: 6
@@ -5026,14 +5034,14 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), S("span", { style: T(`color:${V.value.chart.legend.color}`) }, pt(e.name), 5)], 46, Qr))), 128))], 4)) : b("", !0)], !0)], 512)], 8, ["to"])) : b("", !0),
-			t.$slots.source ? (E(), x("div", {
+			}, null, 8, ["color", "shape"])])), x("span", { style: w(`color:${V.value.chart.legend.color}`) }, k(e.name), 5)], 46, Qr))), 128))], 4)) : y("", !0)], !0)], 512)], 8, ["to"])) : y("", !0),
+			t.$slots.source ? (T(), b("div", {
 				key: 8,
 				ref_key: "source",
 				ref: Ti,
 				dir: "auto"
-			}, [k(t.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
-			rt(A(ci), {
+			}, [O(t.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
+			it(A(ci), {
 				teleportTo: V.value.chart.tooltip.teleportTo,
 				show: H.value.showTooltip && Ui.value,
 				backgroundColor: V.value.chart.tooltip.backgroundColor,
@@ -5057,9 +5065,9 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				isA11yMode: ca.value != null,
 				a11yPosition: la.value
 			}, {
-				"tooltip-before": j(() => [k(t.$slots, "tooltip-before", w(C({ ...hl.value })), void 0, !0)]),
-				tooltip: j(() => [k(t.$slots, "tooltip", w(C({ ...hl.value })), void 0, !0)]),
-				"tooltip-after": j(() => [k(t.$slots, "tooltip-after", w(C({ ...hl.value })), void 0, !0)]),
+				"tooltip-before": j(() => [O(t.$slots, "tooltip-before", C(S({ ...hl.value })), void 0, !0)]),
+				tooltip: j(() => [O(t.$slots, "tooltip", C(S({ ...hl.value })), void 0, !0)]),
+				"tooltip-after": j(() => [O(t.$slots, "tooltip-after", C(S({ ...hl.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -5085,26 +5093,26 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Ma.value && V.value.chart.userOptions.buttons.table ? (E(), et(dt(bu.value.component), ot({ key: 9 }, bu.value.props, {
+			Ma.value && V.value.chart.userOptions.buttons.table ? (T(), tt(ft(bu.value.component), st({ key: 9 }, bu.value.props, {
 				ref_key: "tableUnit",
 				ref: ia,
 				onClose: xu
-			}), tt({
-				content: j(() => [S("div", { style: T(`${A(Qa) || 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", ai, [yt(S("input", {
+			}), nt({
+				content: j(() => [x("div", { style: w(`${A(Qa) || V.value.table.useDialog ? "" : "max-height:400px"};${V.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${V.value.table.useDialog ? "" : "margin-top:48px"}`) }, [x("div", ai, [yt(x("input", {
 					type: "checkbox",
 					"onUpdate:modelValue": n[4] ||= (e) => Xi.value = e
-				}, null, 512), [[gt, Xi.value]]), S("div", {
+				}, null, 512), [[gt, Xi.value]]), x("div", {
 					onClick: n[5] ||= (e) => Xi.value = !Xi.value,
-					style: T({ cursor: Na.value ? "pointer" : "default" })
-				}, [rt(A(ui), {
+					style: w({ cursor: Na.value ? "pointer" : "default" })
+				}, [it(A(ui), {
 					name: "chartLine",
 					size: 20,
 					stroke: V.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), Xi.value ? (E(), et(A(di), {
+				}, null, 8, ["stroke"])], 4)]), Xi.value ? (T(), tt(A(di), {
 					key: `sparkline_${Zi.value}`,
 					dataset: oc.value,
 					config: sc.value
-				}, null, 8, ["dataset", "config"])) : (E(), et(A(si), {
+				}, null, 8, ["dataset", "config"])) : (T(), tt(A(si), {
 					key: `table_${Ji.value}`,
 					colNames: Pl.value.colNames,
 					head: Pl.value.head,
@@ -5114,8 +5122,8 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 					withCloseButton: !V.value.table.useDialog,
 					onClose: xu
 				}, {
-					th: j(({ th: e }) => [S("div", { innerHTML: e }, null, 8, oi)]),
-					td: j(({ td: e }) => [nt(pt(isNaN(Number(e)) ? e : A(u)({
+					th: j(({ th: e }) => [x("div", { innerHTML: e }, null, 8, oi)]),
+					td: j(({ td: e }) => [rt(k(isNaN(Number(e)) ? e : A(p)({
 						p: V.value.chart.labels.prefix,
 						v: e,
 						s: V.value.chart.labels.suffix,
@@ -5133,21 +5141,21 @@ var kt = /* @__PURE__ */ e({ default: () => M }), At = ["id"], jt = ["id"], Mt =
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [nt(pt(bu.value.title), 1)]),
+				fn: j(() => [rt(k(bu.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
-				fn: j(() => [S("button", {
+				fn: j(() => [x("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: n[3] ||= (e) => Fl(V.value.chart.userOptions.callbacks.csv)
-				}, [rt(A(ui), {
+				}, [it(A(ui), {
 					name: "fileCsv",
 					stroke: bu.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
-			} : void 0]), 1040)) : b("", !0),
-			k(t.$slots, "skeleton", {}, () => [A(Ra) ? (E(), et(Le, { key: 0 })) : b("", !0)], !0)
+			} : void 0]), 1040)) : y("", !0),
+			O(t.$slots, "skeleton", {}, () => [A(Ra) ? (T(), tt(Re, { key: 0 })) : y("", !0)], !0)
 		], 46, At));
 	}
 }, [["__scopeId", "data-v-3a378243"]]);