vue-data-ui 3.22.7 → 3.22.8

package/dist/{vue-ui-xy-C2p9H2IX.js → vue-ui-xy-Bvgy2do1.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, B as n, Ct as r, D as i, E as a, Gt as o, H as s, Ht as c, I as l, It as u, L as d, Lt as f, N as ee, Ot as p, P as te, Pt as m, Q as ne, R as re, Rt as ie, S as ae, Ut as oe, V as se, W as ce, Wt as le, X as ue, a as h, b as de, bt as g, c as fe, ct as pe, g as me, h as he, ht as ge, i as _, j as _e, jt as ve, k as ye, l as be, n as xe, q as Se, r as Ce, rt as v, s as we, v as y, vt as Te, w as Ee, yt as De, z as Oe } from "./lib-EAmk-PgA.js";
-import { n as ke, r as Ae, t as je } from "./useTimeLabels-BmBRv27Y.js";
-import { t as Me } from "./useConfig-DYM3f6EI.js";
-import { t as Ne } from "./usePrinter-DnGzpp6Q.js";
-import { n as Pe, t as Fe } from "./BaseScanner-DZvpgOjM.js";
-import { t as Ie } from "./useSvgExport-SVIsDot8.js";
-import { t as Le } from "./useNestedProp-D8XqxgOU.js";
-import { t as Re } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ze } from "./useStableElementSize-C7KADDKj.js";
-import { t as Be } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ve } from "./img-B_abIg0o.js";
-import { n as He } from "./Title-PiTKr6sp.js";
-import { t as Ue } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as We } from "./Shape-CiQIxyyT.js";
-import { t as Ge } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as Ke } from "./SlicerPreview-DUywypFu.js";
-import { t as qe } from "./vue-ui-accordion-Dzz8XhX3.js";
-import { t as Je } from "./BaseLegendToggle-CHnlKalt.js";
-import { t as Ye } from "./A11yDataTable-DdRsVULz.js";
-import { Fragment as b, Teleport as Xe, computed as x, createBlock as Ze, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as Qe, createTextVNode as $e, createVNode as et, defineAsyncComponent as tt, getCurrentInstance as nt, guardReactiveProps as rt, mergeProps as it, nextTick as at, normalizeClass as ot, normalizeProps as st, normalizeStyle as T, onBeforeUnmount as ct, onMounted as lt, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as ut, shallowRef as dt, toDisplayString as ft, toRefs as pt, unref as A, useSlots as mt, vModelCheckbox as ht, watch as gt, watchEffect as _t, withCtx as j, withDirectives as vt } from "vue";
+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 "./SlicerPreview-BQFeCw0m.js";
+import { t as Ye } from "./vue-ui-accordion-YyosvEPo.js";
+import { t as Xe } from "./BaseLegendToggle-DtQ8vyfr.js";
+import { t as Ze } from "./A11yDataTable-DdRsVULz.js";
+import { Fragment as v, Teleport as Qe, computed as y, createBlock as $e, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as et, createTextVNode as tt, createVNode as nt, defineAsyncComponent as rt, getCurrentInstance as it, guardReactiveProps as C, mergeProps as at, nextTick as ot, normalizeClass as st, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as ct, onMounted as lt, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as ut, shallowRef as dt, toDisplayString as ft, toRefs as pt, unref as A, useSlots as mt, vModelCheckbox as ht, watch as gt, watchEffect as _t, withCtx as j, withDirectives as vt } from "vue";
 //#region src/utils/xy.js
 function yt(e) {
 	return ![
@@ -542,7 +542,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		"padding-left": "6px"
 	},
 	"data-dom-to-png-ignore": ""
-}, Ti = ["innerHTML"], M = /*#__PURE__*/ Ge({
+}, Ti = ["innerHTML"], M = /*#__PURE__*/ qe({
 	__name: "vue-ui-xy",
 	props: {
 		config: {
@@ -571,18 +571,18 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		"zoomReset",
 		"copyAlt"
 	],
-	setup(e, { expose: Ge, emit: Ot }) {
-		let M = e, Ei = tt(() => import("./DataTable-CVF7DoZn.js")), Di = tt(() => import("./Tooltip-B8yYfISA.js")), Oi = tt(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), ki = tt(() => import("./BaseIcon-_-BX7be3.js").then((e) => e.n)), Ai = tt(() => import("./vue-ui-table-sparkline-C31Q32My.js").then((e) => e.n)), ji = tt(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), Mi = tt(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), Ni = tt(() => import("./BaseDraggableDialog-1wwwdwV2.js").then((e) => e.n)), Pi = Ot, Fi = mt(), Ii = nt(), { vue_ui_xy: Li } = Me(), { isThemeValid: Ri, warnInvalidTheme: zi } = Re(), Bi = D(null), Vi = D(null), Hi = D(null), Ui = D(null), Wi = D(null), Gi = D(null), Ki = D(null), qi = D(null), Ji = D(null), Yi = D(null), Xi = D(null), Zi = D(null), Qi = D(null), $i = D(null), ea = D(0), N = D(null), ta = D(!0), na = D(600), P = D(1e3), ra = D("0 0 1000 600"), ia = D({
+	setup(e, { expose: qe, emit: Ot }) {
+		let M = e, Ei = rt(() => import("./DataTable-D9NvewTT.js")), Di = rt(() => import("./Tooltip-CxOrWlFy.js")), Oi = rt(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), ki = rt(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), Ai = rt(() => import("./vue-ui-table-sparkline-Q6BHPKUn.js").then((e) => e.n)), ji = rt(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), Mi = rt(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), Ni = rt(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), Pi = Ot, Fi = mt(), Ii = it(), { vue_ui_xy: Li } = Pe(), { isThemeValid: Ri, warnInvalidTheme: zi } = Be(), Bi = D(null), Vi = D(null), Hi = D(null), Ui = D(null), Wi = D(null), Gi = D(null), Ki = D(null), qi = D(null), Ji = D(null), Yi = D(null), Xi = D(null), Zi = D(null), Qi = D(null), $i = D(null), ea = D(0), N = D(null), ta = D(!0), na = D(600), P = D(1e3), ra = D("0 0 1000 600"), ia = D({
 			x: 0,
 			y: 0
 		}), aa = D({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), oa = D(!1), sa = D(!1), ca = D(!1), la = D(null), ua = D([]), da = x(() => new Set(ua.value)), F = D(ce()), fa = D(0), pa = D(0), ma = D(0), ha = D(!0), ga = D(0), I = D(null), _a = D(!1), va = D(!0), ya = D(!0), L = D(null), ba = D({}), xa = D(null), Sa = D(!1), Ca = D(null), wa = D(!1), Ta = D(!1), Ea = D(null), R = D(null), Da = D(null), Oa = D({
+		}), oa = D(!1), sa = D(!1), ca = D(!1), la = D(null), ua = D([]), da = y(() => new Set(ua.value)), F = D(s()), fa = D(0), pa = D(0), ma = D(0), ha = D(!0), ga = D(0), I = D(null), _a = D(!1), va = D(!0), ya = D(!0), L = D(null), ba = D({}), xa = D(null), Sa = D(!1), Ca = D(null), wa = D(!1), Ta = D(!1), Ea = D(null), R = D(null), Da = D(null), Oa = D({
 			x: 0,
 			y: 0
-		}), ka = D(null), Aa = D(null), z = D(null), ja = D(null), Ma = D(null), Na = dt(null), Pa = D(!1), Fa = D(0), Ia = D(0), La = ze({
+		}), ka = D(null), Aa = D(null), z = D(null), ja = D(null), Ma = D(null), Na = dt(null), Pa = D(!1), Fa = D(0), Ia = D(0), La = Ve({
 			elementRef: Na,
 			minimumWidth: 2,
 			minimumHeight: 2,
@@ -604,15 +604,15 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		}
 		async function Ba() {
 			let e = ++Ia.value;
-			Pa.value = !1, await at(), await za(), await za(), e === Ia.value && (Fa.value += 1, Pa.value = !0);
+			Pa.value = !1, await ot(), await za(), await za(), e === Ia.value && (Fa.value += 1, Pa.value = !0);
 		}
 		let Va = D(!1);
 		function Ha() {
-			Va.value || (Va.value = !0, at(() => {
+			Va.value || (Va.value = !0, ot(() => {
 				Va.value = !1, Ra(), Ba();
 			}));
 		}
-		let Ua = x(() => ({
+		let Ua = y(() => ({
 			height: na.value,
 			width: P.value
 		})), Wa = D(!1), Ga = D(null), Ka = D(null), B = D({
@@ -624,28 +624,28 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			plot: 3,
 			line: 3,
 			selectedLine: 3
-		}), Ja = x(() => Math.max(qa.value.line * 1.5, qa.value.selectedLine));
+		}), Ja = y(() => Math.max(qa.value.line * 1.5, qa.value.selectedLine));
 		lt(() => {
-			Sa.value = !0, M.dataset.length && M.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.series) && ne({
+			Sa.value = !0, M.dataset.length && M.dataset.forEach((e, n) => {
+				[null, void 0].includes(e.series) && t({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
-					index: t,
+					index: n,
 					debug: eo.value
 				});
 			}), Ra(), La.start(), Ba();
 		});
 		function Ya() {
 			if (!Object.keys(M.config || {}).length) return Li;
-			let e = Le({
+			let e = ze({
 				userConfig: M.config,
 				defaultConfig: Li
 			});
-			M.config && ge(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea : e.chart.highlightArea = [M.config.chart.highlightArea]), M.config && ge(M.config, "chart.annotations") && Array.isArray(M.config.chart.annotations) && M.config.chart.annotations.length ? e.chart.annotations = M.config.chart.annotations.map((e) => Le({
+			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({
 				defaultConfig: Li.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], M.config && ge(M.config, "chart.grid.position") && M.config.chart.grid.position === "start" && M.dataset.length && M.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", ge(M.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), M.config && ge(M.config, "chart.highlightArea") && (Array.isArray(M.config.chart.highlightArea) ? e.chart.highlightArea = M.config.chart.highlightArea.map((e) => Xa({
+			})) : 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) => Xa({
 				defaultConfig: Li.chart.highlightArea,
 				userConfig: e
 			})) : e.chart.highlightArea = Xa({
@@ -655,32 +655,32 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			let t = e.theme;
 			if (!t) return e;
 			if (!Ri.value(e)) return zi(e), e;
-			let n = Le({
-				userConfig: Ue[t] || M.config,
+			let n = ze({
+				userConfig: Ge[t] || M.config,
 				defaultConfig: e
-			}), r = Le({
+			}), r = ze({
 				userConfig: M.config,
 				defaultConfig: n
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : oe[t] || ve
+				customPalette: r.customPalette.length ? r.customPalette : de[t] || f
 			};
 		}
 		function Xa({ defaultConfig: e, userConfig: t }) {
-			return Le({
+			return ze({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let Za = x({
+		let Za = y({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), V = D(Ya()), Qa = x(() => V.value.chart.userOptions.useCursorPointer), H = D({
+		}), V = D(Ya()), Qa = y(() => V.value.chart.userOptions.useCursorPointer), H = D({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
@@ -701,7 +701,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			}
 			H.value.showTooltip = V.value.chart.tooltip.show === !0, e !== Ga.value && (H.value.isStacked = e, Ga.value = e), t !== Ka.value && (H.value.useIndividualScale = t, Ka.value = t), H.value.isStacked && (H.value.useIndividualScale = !0);
 		}
-		let eo = x(() => !!V.value.debug), to = x(() => o({
+		let eo = y(() => !!V.value.debug), to = y(() => d({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -757,7 +757,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				}
 			},
 			userConfig: V.value.skeletonConfig ?? {}
-		})), no = x(() => M.config?.skeletonDataset ?? [{
+		})), no = y(() => M.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -794,7 +794,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: ro, FINAL_DATASET: io, manualLoading: ao } = Pe({
+		}]), { loading: ro, FINAL_DATASET: io, manualLoading: ao } = Ie({
 			...pt(M),
 			FINAL_CONFIG: V,
 			prepareConfig: Ya,
@@ -804,37 +804,37 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				});
 			},
 			skeletonDataset: no.value,
-			skeletonConfig: o({
+			skeletonConfig: d({
 				defaultConfig: V.value,
 				userConfig: to.value
 			})
-		}), oo = wt((e, t) => r({
+		}), oo = wt((e, t) => Ee({
 			data: e,
 			threshold: t
-		})), so = (e) => oo(e, V.value.downsample.threshold), co = x(() => {
+		})), so = (e) => oo(e, V.value.downsample.threshold), co = y(() => {
 			let e = V.value.downsample.threshold;
 			return io.value.map((t) => oo(t.series, e).length);
-		}), lo = x(() => {
+		}), lo = y(() => {
 			let e = -Infinity;
 			for (let t = 0; t < co.value.length; t += 1) {
 				let n = co.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), uo = x(() => {
+		}), uo = y(() => {
 			let e = 0;
 			for (let t = 0; t < co.value.length; t += 1) {
 				let n = co.value[t];
 				n > e && (e = n);
 			}
 			return e;
-		}), fo = x(() => lo.value), U = D({
+		}), fo = y(() => lo.value), U = D({
 			start: 0,
 			end: fo.value
 		}), po = D({
 			start: 0,
 			end: fo.value
-		}), mo = x(() => V.value.chart.zoom.preview.enable && (po.value.start !== U.value.start || po.value.end !== U.value.end));
+		}), mo = y(() => V.value.chart.zoom.preview.enable && (po.value.start !== U.value.start || po.value.end !== U.value.end));
 		function ho(e, t) {
 			po.value[e] = t;
 		}
@@ -853,7 +853,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				end: n
 			}, po.value.start = t, po.value.end = n, Hi.value && (Hi.value.setStartValue(t), Hi.value.setEndValue(n));
 		}
-		let _o = x(() => {
+		let _o = y(() => {
 			let { left: e, top: t, width: n, height: r } = J.value, i = U.value.start, a = U.value.end - i, o = n / a, s = po.value.start - i, c = po.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
 			return {
 				x: e + l * o,
@@ -881,21 +881,21 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			let t = e - U.value.start;
 			t < 0 || e >= U.value.end ? R.value = null : R.value = t ?? null;
 		}, { immediate: !0 });
-		let { isPrinting: vo, isImaging: yo, generatePdf: bo, generateImage: xo } = Ne({
+		let { isPrinting: vo, isImaging: yo, generatePdf: bo, generateImage: xo } = Fe({
 			elementId: `vue-ui-xy_${F.value}`,
 			fileName: V.value.chart.title.text || "vue-ui-xy",
 			options: V.value.chart.userOptions.print
-		}), So = D(!1), Co = x(() => ae(V.value.customPalette)), wo = x(() => {
+		}), So = D(!1), Co = y(() => oe(V.value.customPalette)), wo = y(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMin;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), To = x(() => wo.value === null ? Us.value : J.value.bottom), Eo = x(() => {
+		}), To = y(() => wo.value === null ? Us.value : J.value.bottom), Eo = y(() => {
 			let e = V.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
-		}), Do = x(() => wo.value !== null || Eo.value !== null), Oo = x(() => al(Lo.value.filter((e) => !da.value.has(e.id)), 0, 1)), ko = x(() => {
+		}), Do = y(() => wo.value !== null || Eo.value !== null), Oo = y(() => al(Lo.value.filter((e) => !da.value.has(e.id)), 0, 1)), ko = y(() => {
 			let { min: e, max: t } = Oo.value;
 			if (!Do.value) {
 				let t = e;
@@ -903,7 +903,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			}
 			let n = wo.value === null ? e > 0 ? 0 : e : wo.value, r = Eo.value === null ? t : Eo.value;
 			return Tt(e < n ? e : n, t > r ? t : r).min;
-		}), Ao = x(() => {
+		}), Ao = y(() => {
 			let { min: e, max: t } = Oo.value;
 			if (!Do.value) {
 				let e = t;
@@ -911,7 +911,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			}
 			let n = wo.value === null ? e > 0 ? 0 : e : wo.value, r = Eo.value === null ? t : Eo.value;
 			return Tt(e < n ? e : n, t > r ? t : r).max;
-		}), W = x(() => V.value.chart.grid.labels.yAxis.useNiceScale ? he(ko.value, Ao.value < 0 ? 0 : Ao.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : me(ko.value, Ao.value < 0 ? 0 : Ao.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), jo = x(() => [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 = x(() => io.value.some((e) => Array.isArray(e.series) && e.series.some(St)));
+		}), W = y(() => V.value.chart.grid.labels.yAxis.useNiceScale ? ve(ko.value, Ao.value < 0 ? 0 : Ao.value, V.value.chart.grid.labels.yAxis.commonScaleSteps) : ge(ko.value, Ao.value < 0 ? 0 : Ao.value, V.value.chart.grid.labels.yAxis.commonScaleSteps)), jo = 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(() => io.value.some((e) => Array.isArray(e.series) && e.series.some(St)));
 		_t(() => {
 			G.value && io.value.some((e) => !Po(e)) && console.warn("Vue Data UI - VueUiXy: mixed continuous and non-continuous series are not supported in the same chart.\n\nContinuous mode requires all visible 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nSeries of type 'bar' and standard numeric series are ignored in continuous mode to prevent runtime errors.\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard [number, number, number...] format.");
 		});
@@ -940,7 +940,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				isInvalid: !0
 			} : {
 				x: Number(e.x),
-				y: De(e.y) ? Number(e.y) : null,
+				y: me(e.y) ? Number(e.y) : null,
 				index: t,
 				raw: e,
 				isNull: !1,
@@ -950,17 +950,17 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function Io(e) {
 			return G.value ? e && typeof e == "object" ? e.y : null : e;
 		}
-		let Lo = x(() => !ta.value && !G.value ? io.value : io.value.map((e, t) => {
+		let Lo = y(() => !ta.value && !G.value ? io.value : io.value.map((e, t) => {
 			let n = `uniqueId_${t}`, r = Po(e), i = G.value ? r ? e.series : [] : so(e.series);
 			return {
 				...e,
 				slotAbsoluteIndex: t,
-				series: G.value ? i.map((e, t) => Fo(e, t)).filter((e) => e.isInvalid ? !1 : e.x === null && e.y === null ? U.value.start <= 0 && U.value.end >= 0 : e.x >= U.value.start && e.x <= U.value.end) : i.map((e) => De(e) ? e : null).slice(U.value.start, U.value.end),
-				color: de(e.color ? e.color : Co.value[t] ? Co.value[t] : ve[t]),
+				series: G.value ? i.map((e, t) => Fo(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 : Co.value[t] ? Co.value[t] : f[t]),
 				id: n,
 				scaleLabel: e.scaleLabel || n
 			};
-		})), Ro = x(() => Lo.value.map((e, t) => ({
+		})), Ro = y(() => Lo.value.map((e, t) => ({
 			absoluteIndex: t,
 			...e,
 			series: G.value ? e.series.map((e) => ({
@@ -970,14 +970,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series,
 			segregate: () => gc(e),
 			isSegregated: da.value.has(e.id)
-		}))), K = x(() => Lo.value.map((e) => ({
+		}))), K = y(() => Lo.value.map((e) => ({
 			...e,
 			series: G.value ? e.series.map((e) => ({
 				...e,
 				y: e.y === null ? null : e.y + jo.value
 			})) : e.series.map((e) => e + jo.value),
 			absoluteValues: G.value ? e.series.map((e) => e.y) : e.series
-		})).filter((e) => !da.value.has(e.id))), zo = x(() => ua.value.length === Ro.value.length), q = x(() => V.value.chart.grid.labels.yAxis.position === "right");
+		})).filter((e) => !da.value.has(e.id))), zo = y(() => ua.value.length === Ro.value.length), q = y(() => V.value.chart.grid.labels.yAxis.position === "right");
 		function Bo() {
 			let e = 0;
 			Xi.value && (e = Array.from(Xi.value.querySelectorAll("text")).reduce((e, t) => {
@@ -1026,7 +1026,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				Uo.value = 0, Wo.value = 0;
 			}
 		}
-		let Ko = x(() => {
+		let Ko = y(() => {
 			let e = 0;
 			if (qi.value) try {
 				e = qi.value.getBBox().height || 0;
@@ -1034,11 +1034,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				e = 0;
 			}
 			return e + Uo.value + B.value.xAxis;
-		}), qo = x(() => io.value.some((e) => e.useProgression));
+		}), qo = y(() => io.value.some((e) => e.useProgression));
 		function Jo() {
 			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 = x(() => {
+		let J = y(() => {
 			Fa.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 = (io.value.length - ua.value.length) * Jo() : e = (io.value.length - ua.value.length) * (V.value.chart.grid.labels.yAxis.labelWidth + 36);
@@ -1065,8 +1065,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				yAxisLabelWidth: r,
 				individualOffsetX: 36
 			};
-		}), Yo = x(() => {
-			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = v(J.value?.top), r = v(J.value?.bottom);
+		}), Yo = y(() => {
+			let e = +(V.value.chart.grid.position === "middle"), t = X.value + e, n = g(J.value?.top), r = g(J.value?.bottom);
 			return G.value ? V.value.chart.grid.position === "middle" ? pl.value.map((e, t, i) => {
 				if (t === 0) return null;
 				let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
@@ -1075,7 +1075,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				let i = V.value.chart.grid.position === "middle" ? Ac(t) : kc(t);
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
-		}), Xo = x(() => {
+		}), Xo = y(() => {
 			if (!V.value.chart.grid.labels.xAxis.showCrosshairs) return "";
 			let e = V.value.chart.grid.labels.xAxis.crosshairSize, t = V.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
 			return (G.value ? pl.value : us.value).map((n, r) => {
@@ -1099,7 +1099,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		}
 		let ts = D(!1);
 		async function ns(e = !1) {
-			await at(), ts.value = e, _a.value && (ya.value = e);
+			await ot(), ts.value = e, _a.value && (ya.value = e);
 		}
 		function rs() {
 			ns(!0);
@@ -1114,7 +1114,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		_t(() => {
 			let e = ++ss;
 			(async () => {
-				let t = lo.value, n = await je({
+				let t = lo.value, n = await Ne({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1128,7 +1128,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		_t(() => {
 			let e = ++cs;
 			(async () => {
-				let t = lo.value, n = await je({
+				let t = lo.value, n = await Ne({
 					values: V.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
 					formatter: V.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1138,13 +1138,13 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				e === cs && (os.value = n);
 			})();
 		});
-		let ls = x(() => {
+		let ls = y(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels.modulo;
 			return Y.value.length ? Math.min(e, [...new Set(Y.value.map((e) => e.text))].length) : e;
-		}), us = x(() => {
+		}), us = y(() => {
 			let e = V.value.chart.grid.labels.xAxisLabels, t = Y.value || [], n = os.value || [], r = U.value.start ?? 0, i = R.value, a = X.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return we(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, ls.value || 1), o, s, r, i, a);
-		}), ds = x(() => (us.value || []).map((e) => e?.text ?? "").join("|"));
+			return Te(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, ls.value || 1), o, s, r, i, a);
+		}), ds = y(() => (us.value || []).map((e) => e?.text ?? "").join("|"));
 		lt(() => {
 			requestAnimationFrame(() => {
 				Go();
@@ -1155,7 +1155,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				() => P.value,
 				() => na.value
 			], async () => {
-				await at(), requestAnimationFrame(() => {
+				await ot(), requestAnimationFrame(() => {
 					Go();
 				});
 			}, { flush: "post" });
@@ -1178,7 +1178,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				label: e.text
 			});
 		}
-		let X = x(() => {
+		let X = y(() => {
 			let e = Dt((U.value.end ?? 0) - (U.value.start ?? 0));
 			return Math.max(1, e);
 		});
@@ -1186,13 +1186,13 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			G.value || (I.value = e);
 		}
 		function ms(e) {
-			if (!G.value || !g(e)) {
+			if (!G.value || !De(e)) {
 				Ea.value = null, Z.value = [], ec.value = null;
 				return;
 			}
 			Ea.value = Number(e), Ho(Number(e));
 		}
-		let hs = x(() => G.value ? g(Ea.value) || g(ec.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
+		let hs = y(() => G.value ? De(Ea.value) || De(ec.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
 		function gs() {
 			H.value.isStacked = !H.value.isStacked, H.value.isStacked ? H.value.useIndividualScale = !0 : H.value.useIndividualScale = V.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
@@ -1275,15 +1275,15 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		}
 		async function Ps() {
 			let e = ks();
-			Ts.value = !0, await Cs(), ks() === e ? Ts.value = !1 : (await at(), Ds && cancelAnimationFrame(Ds), Ds = requestAnimationFrame(() => {
+			Ts.value = !0, await Cs(), ks() === e ? Ts.value = !1 : (await ot(), Ds && cancelAnimationFrame(Ds), Ds = requestAnimationFrame(() => {
 				Ts.value = !1, Ds = null;
 			})), Pi("zoomReset");
 		}
-		let Fs = x(() => W.value.max + jo.value);
+		let Fs = y(() => W.value.max + jo.value);
 		function Is(e) {
 			return e / (yt(Fs.value) ? Fs.value : 1);
 		}
-		let Ls = x(() => V.value.chart.grid.labels.yAxis.reverse);
+		let Ls = y(() => V.value.chart.grid.labels.yAxis.reverse);
 		function Rs(e) {
 			return Ls.value ? 1 - e : e;
 		}
@@ -1298,24 +1298,24 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				individualHeight: i
 			});
 		}
-		let Vs = x(() => V.value.chart.grid.labels.xAxis.reverse);
+		let Vs = y(() => V.value.chart.grid.labels.xAxis.reverse);
 		function Hs(e) {
 			return Vs.value ? 1 - e : e;
 		}
-		let Us = x(() => isNaN(Is(jo.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * Is(jo.value));
+		let Us = y(() => isNaN(Is(jo.value)) ? J.value?.bottom : J.value?.bottom - J.value.height * Is(jo.value));
 		function Ws(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 Gs = x(() => W.value.min <= 0 && W.value.max >= 0 ? Ws(0) : W.value.min > 0 ? Ws(W.value.min) : Ws(W.value.max));
+		let Gs = y(() => W.value.min <= 0 && W.value.max >= 0 ? Ws(0) : W.value.min > 0 ? Ws(W.value.min) : Ws(W.value.max));
 		function Ks(e) {
 			let t = ![null, void 0].includes(V.value.chart.grid.labels.yAxis.scaleMin) && V.value.chart.grid.labels.yAxis.scaleMin > 0 && ko.value >= 0 ? J.value?.bottom : Us.value;
-			return e.value >= 0 ? y(t - e.y <= 0 ? 1e-5 : t - e.y) : y(e.y - Us.value <= 0 ? 1e-5 : e.y - Us.value);
+			return e.value >= 0 ? _(t - e.y <= 0 ? 1e-5 : t - e.y) : _(e.y - Us.value <= 0 ? 1e-5 : e.y - Us.value);
 		}
 		function qs(e) {
-			return e.value >= 0 ? y(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : y(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
+			return e.value >= 0 ? _(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : _(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
 		}
-		let Js = x(() => {
+		let Js = y(() => {
 			let e = Math.max(1, X.value);
 			return {
 				bar: Et(Math.max(1, J.value.width), e * Gc.value, 1),
@@ -1347,7 +1347,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				-Infinity
 			].includes(e.zeroPosition) ? 0 : e.zeroPosition;
 		}
-		let $s = D(null), Z = D([]), ec = D(null), tc = x(() => {
+		let $s = D(null), Z = D([]), ec = D(null), tc = y(() => {
 			if (!G.value) return {
 				sortedPoints: [],
 				matchingPointsByXValue: /* @__PURE__ */ new Map()
@@ -1357,7 +1357,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				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 (!g(a?.x) || !g(a?.y)) continue;
+					if (!De(a?.x) || !De(a?.y)) continue;
 					let o = Number(a.x), s = hl(a), c = {
 						datapoint: i,
 						point: a,
@@ -1397,15 +1397,15 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				});
 			}), a;
 		}
-		let rc = x(() => G.value ? Array.from(tc.value.matchingPointsByXValue.keys()).sort((e, t) => hl({ x: e }) - hl({ x: t })) : []);
+		let rc = y(() => G.value ? Array.from(tc.value.matchingPointsByXValue.keys()).sort((e, t) => hl({ x: e }) - hl({ x: t })) : []);
 		function ic(e) {
 			let t = rc.value[e];
-			if (!g(t)) {
+			if (!De(t)) {
 				Z.value = [], ec.value = null, Ea.value = null, ca.value = !1;
 				return;
 			}
 			Ho(Number(t));
-			let n = c(hl({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
+			let n = le(hl({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
 			n && (Oa.value = n), R.value = e, Da.value = e, ca.value = !0;
 		}
 		function ac(e) {
@@ -1505,7 +1505,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		}
 		async function fc({ scale: e = 2 } = {}) {
 			if (!Bi.value) return;
-			let { imageUri: t, base64: n } = await Ve({
+			let { imageUri: t, base64: n } = await Ue({
 				domElement: Bi.value,
 				base64: !0,
 				img: !0,
@@ -1514,7 +1514,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				width: r.width,
 				height: r.height,
 				aspectRatio: r.height ? r.width / r.height : 0
-			}, a = await pe(t, e) ?? i;
+			}, a = await Se(t, e) ?? i;
 			return {
 				imageUri: t,
 				base64: n,
@@ -1557,7 +1557,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			let t = _c(e);
 			t !== null && (da.value.has(t.id) || gc({ id: t.id }));
 		}
-		let bc = x(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), xc = x(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), Sc = x(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), Cc = x(() => {
+		let bc = y(() => `${V.value.chart.title.text || "Chart visualization"}. ${V.value.chart.title.subtitle.text || ""}`), xc = y(() => ({ linePlot: X.value > V.value.line.dot.hideAboveMaxSerieLength })), Sc = y(() => V.value.chart.userOptions.show && (!V.value.chart.title.show || !V.value.chart.title.text)), Cc = y(() => {
 			if (Array.isArray(V.value.chart.highlightArea)) return V.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, fo.value - 1);
 				return {
@@ -1573,12 +1573,12 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), wc = x(() => ta.value ? io.value.map((e, t) => ({
+		}), wc = y(() => ta.value ? io.value.map((e, t) => ({
 			...e,
 			series: so(e.series),
 			id: `uniqueId_${t}`,
-			color: de(e.color ? e.color : Co.value[t] ? Co.value[t] : ve[t])
-		})) : io.value), Tc = x(() => K.value.map((e) => {
+			color: pe(e.color ? e.color : Co.value[t] ? Co.value[t] : f[t])
+		})) : io.value), Tc = y(() => K.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? null : e);
 			return {
 				id: e.id,
@@ -1586,7 +1586,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				color: e.color,
 				values: bt(X.value, t)
 			};
-		})), Ec = x(() => ({
+		})), Ec = y(() => ({
 			responsiveBreakpoint: V.value.table.responsiveBreakpoint,
 			roundingValues: V.value.table.rounding,
 			showAverage: !1,
@@ -1611,10 +1611,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				animation: { show: !1 },
 				cutNullValues: V.value.line.cutNullValues
 			}
-		})), Dc = x(() => {
+		})), Dc = y(() => {
 			let e = Math.max(0, J.value?.width || 0);
 			return V.value.chart.grid.position === "middle" ? Et(e, Math.max(1, X.value), 1) : Et(e, Math.max(1, X.value - 1), 0);
-		}), Oc = x(() => V.value.chart.grid.position === "middle" ? Dc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : Dc.value);
+		}), Oc = y(() => V.value.chart.grid.position === "middle" ? Dc.value : X.value <= 1 ? Math.max(0, J.value?.width || 0) : Dc.value);
 		function kc(e) {
 			let t = J.value?.left || 0;
 			return V.value.chart.grid.position === "middle" ? t + Dc.value / 2 + Dc.value * e : t + Dc.value * e;
@@ -1645,11 +1645,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function Fc(e) {
 			return Math.max(1e-5, Oc.value * e);
 		}
-		let Ic = x(() => h(Ro.value.filter((e) => !da.value.has(e.id)))), Lc = [
+		let Ic = y(() => fe(Ro.value.filter((e) => !da.value.has(e.id)))), Lc = [
 			"bar",
 			"line",
 			"plot"
-		], Rc = x(() => Ic.value.filter((e) => Lc.includes(e.type))), zc = x(() => Rc.value.length), Bc = x(() => Rc.value.filter((e) => e.type === "bar")), Vc = x(() => Rc.value.filter((e) => e.type === "line")), Hc = x(() => Rc.value.filter((e) => e.type === "plot")), Uc = x(() => Lo.value.filter((e) => e.type === "bar" && !da.value.has(e.id))), Wc = x(() => Uc.value.length), Gc = x(() => Math.max(1, Wc.value)), Kc = x(() => {
+		], Rc = y(() => Ic.value.filter((e) => Lc.includes(e.type))), zc = y(() => Rc.value.length), Bc = y(() => Rc.value.filter((e) => e.type === "bar")), Vc = y(() => Rc.value.filter((e) => e.type === "line")), Hc = y(() => Rc.value.filter((e) => e.type === "plot")), Uc = y(() => Lo.value.filter((e) => e.type === "bar" && !da.value.has(e.id))), Wc = y(() => Uc.value.length), Gc = y(() => Math.max(1, Wc.value)), Kc = y(() => {
 			let e = xt(Ic.value, (e) => e.scaleLabel), t = {};
 			for (let [n, r] of Object.entries(e)) {
 				let e = Infinity, i = -Infinity, a = !1;
@@ -1672,7 +1672,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				};
 			}
 			return t;
-		}), qc = x(() => Ic.value.reduce((e, t) => {
+		}), qc = y(() => Ic.value.reduce((e, t) => {
 			let n = t.scaleLabel || "";
 			return e[n] = (e[n] || 0) + 1, e;
 		}, {}));
@@ -1695,7 +1695,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				unique: qc.value[l] === 1
 			};
 		}
-		let Yc = x(() => J.value.width / X.value / Wc.value - Xc.value * Wc.value), Xc = x(() => Js.value.line * V.value.bar.periodGap), Zc = x(() => Math.max(1e-5, Ys() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Xc.value))), Qc = x(() => Zc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), $c = x(() => {
+		let Yc = y(() => J.value.width / X.value / Wc.value - Xc.value * Wc.value), Xc = y(() => Js.value.line * V.value.bar.periodGap), Zc = y(() => Math.max(1e-5, Ys() - (H.value.useIndividualScale && H.value.isStacked ? 0 : Xc.value))), Qc = y(() => Zc.value * Math.min(Math.abs(V.value.bar.innerGap), .95)), $c = y(() => {
 			if (!V.value.chart.zoom.minimap.show) return [];
 			let e = wc.value.filter((e) => !da.value.has(e.id)), t = 0;
 			for (let n = 0; n < e.length; n += 1) {
@@ -1710,10 +1710,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			}
 			let r = sl(n, 0, 1).min;
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), el = x(() => V.value.chart.zoom.minimap.show ? wc.value.map((e) => ({
+		}), el = y(() => V.value.chart.zoom.minimap.show ? wc.value.map((e) => ({
 			...e,
 			isVisible: !da.value.has(e.id)
-		})) : []), tl = x(() => G.value ? Z.value.map((e) => ({
+		})) : []), tl = y(() => G.value ? Z.value.map((e) => ({
 			slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
 			shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
 			name: e.datapoint.name,
@@ -1734,7 +1734,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			comments: e.comments || [],
 			prefix: e.prefix || V.value.chart.labels.prefix,
 			suffix: e.suffix || V.value.chart.labels.suffix
-		}))), nl = x(() => W.value.ticks.map((e) => {
+		}))), nl = y(() => W.value.ticks.map((e) => {
 			let t = e >= 0 ? Us.value - J.value.height * Is(e) : Us.value + J.value.height * Is(Math.abs(e));
 			return {
 				y: Ls.value ? J.value.top + J.value.bottom - t : t,
@@ -1742,7 +1742,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				prefix: V.value.chart.labels.prefix,
 				suffix: V.value.chart.labels.suffix
 			};
-		})), rl = x(() => {
+		})), rl = y(() => {
 			let e = V.value.chart.annotations;
 			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
 			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
@@ -1751,14 +1751,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			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 = Qo(o.fontSize);
 				d.font = `${o.fontSize}px sans-serif`;
-				let f = d.measureText(o.text).width, ee = o.fontSize, p = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, te = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, m;
-				m = o.textAnchor === "middle" ? p - f / 2 - o.padding?.left : o.textAnchor === "end" ? p - f - o.padding?.right : p - o.padding?.left;
-				let ne = te - ee * .75 - o.padding?.top;
+				let ee = d.measureText(o.text).width, te = o.fontSize, ne = (o.position === "start" ? n + o.padding?.left : r - o.padding?.right) + o.offsetX, f = (l != null && u != null ? Math.min(l, u) : l ?? u) - o.fontSize / 3 + o.offsetY - o.padding?.top, re;
+				re = o.textAnchor === "middle" ? ne - ee / 2 - o.padding?.left : o.textAnchor === "end" ? ne - ee - o.padding?.right : ne - o.padding?.left;
+				let ie = f - te * .75 - o.padding?.top;
 				return {
 					show: ![
 						l,
 						u,
-						ne
+						ie
 					].includes(NaN),
 					id: ll("annotation_y", [
 						t,
@@ -1774,14 +1774,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					x1: n,
 					x2: r,
 					_text: {
-						x: p,
-						y: te
+						x: ne,
+						y: f
 					},
 					_box: {
-						x: m,
-						y: ne,
-						width: f + o.padding?.left + o.padding?.right,
-						height: ee + o.padding?.top + o.padding?.bottom,
+						x: re,
+						y: ie,
+						width: ee + o.padding?.left + o.padding?.right,
+						height: te + o.padding?.top + o.padding?.bottom,
 						fill: o.backgroundColor,
 						stroke: o.border.stroke,
 						rx: o.border.rx,
@@ -1861,17 +1861,17 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function ul() {
 			return ro.value || Ts.value || !V.value.line.showTransition ? void 0 : `all ${V.value.line.transitionDurationMs}ms ease-in-out`;
 		}
-		let dl = x(() => ol(Lo.value, 0, 1)), fl = x(() => {
-			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) : dl.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : dl.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? he(r, i, e) : me(r, i, e);
+		let dl = y(() => ol(Lo.value, 0, 1)), fl = 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) : dl.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : dl.value.max, a = V.value.chart.grid.labels.xAxis.useNiceScale ? ve(r, i, e) : ge(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
 			};
-		}), pl = x(() => G.value ? (Vs.value ? [...fl.value.ticks].reverse() : [...fl.value.ticks]).map((e, t) => ({
+		}), pl = y(() => G.value ? (Vs.value ? [...fl.value.ticks].reverse() : [...fl.value.ticks]).map((e, t) => ({
 			id: `continuous_x_label_${t}`,
-			text: _(V.value.chart.grid.labels.xAxis.formatter, e, Se({
+			text: h(V.value.chart.grid.labels.xAxis.formatter, e, u({
 				v: e,
 				s: V.value.chart.labels.prefix,
 				p: V.value.chart.labels.suffix,
@@ -1891,7 +1891,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			let t = fl.value.max - fl.value.min || 1, n = Hs((e - fl.value.min) / t);
 			return J.value.left + J.value.width * n;
 		}
-		let gl = x(() => ol(io.value, 0, 1)), _l = x(() => G.value ? gl.value.min : 0), vl = x(() => G.value ? gl.value.max : fo.value);
+		let gl = y(() => ol(io.value, 0, 1)), _l = y(() => G.value ? gl.value.min : 0), vl = y(() => G.value ? gl.value.max : fo.value);
 		function yl(e, t) {
 			return G.value ? e.x == null || e.y == null ? null : hl(e) : kc(t);
 		}
@@ -1899,19 +1899,19 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			return !G.value || !e ? null : e.x ?? null;
 		}
 		function xl({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
-			let c = e.scaleSteps || V.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !V.value.chart.grid.labels.yAxis.useNiceScale ? me : he, d = o.max === o.min ? o.max * l : o.max, f = a === i ? a * l : a, ee = u(o.min, d, c), p = u(i, f, c), te = ee.min >= 0 ? 0 : Math.abs(ee.min), m = ee.max + Math.abs(te), ne = p.max + 0, re = e.stackIndex, ie = t - 1 - re, ae = H.value.isStacked ? 1 - e.cumulatedStackRatio : 0, oe = H.value.isStacked ? r * ae + n * ie : 0, se = 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 ? 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;
 			return {
 				scaleSteps: c,
-				individualScale: ee,
-				autoScaleSteps: p,
-				individualZero: te,
+				individualScale: te,
+				autoScaleSteps: ne,
+				individualZero: f,
 				autoScaleZero: 0,
-				individualMax: m,
-				autoScaleMax: ne,
-				yOffset: oe,
-				individualHeight: se,
-				zeroPosition: J.value?.bottom - oe - se * te / m,
-				autoScaleZeroPosition: J.value?.bottom - oe - se * 0 / ne
+				individualMax: re,
+				autoScaleMax: ie,
+				yOffset: se,
+				individualHeight: ce,
+				zeroPosition: J.value?.bottom - se - ce * f / re,
+				autoScaleZeroPosition: J.value?.bottom - se - ce * 0 / ie
 			};
 		}
 		function Sl({ datapoint: e, clampNegativeAutoScaleMaximum: t = !1 }) {
@@ -2007,10 +2007,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function kl(e, t) {
 			return Array.isArray(e) && e[t + U.value.start] || "";
 		}
-		let Al = x(() => {
+		let Al = y(() => {
 			let e = zc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
 			return Bc.value.map((n, i) => {
-				let { individualScale: a, autoScaleSteps: o, individualZero: s, individualMax: c, autoScaleMax: l, yOffset: u, individualHeight: d, zeroPosition: f, autoScaleZeroPosition: ee, scaleYLabels: p, autoScaleYLabels: te, autoScaleRatiosToNiceScale: m } = Dl({
+				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 } = Dl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
@@ -2018,44 +2018,44 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					clampNegativeAutoScaleMaximum: !0,
 					filterMinimumValues: !0,
 					preserveLooseMinimumExpression: !0
-				}), ne = Wc.value, re = Ol(n.comments), ie = n.series.map((e, t) => {
-					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : Is(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + Js.value.bar * i + Js.value.bar * t * ne - Yc.value / 2 - i * Xc.value;
+				}), ie = Wc.value, ae = Ol(n.comments), p = n.series.map((e, t) => {
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + s) / c : Is(e), a = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left + Js.value.bar * i + Js.value.bar * t * ie - Yc.value / 2 - i * Xc.value;
 					return {
-						yOffset: y(u),
-						individualHeight: y(d),
-						x: y(a),
+						yOffset: _(u),
+						individualHeight: _(d),
+						x: _(a),
 						y: zs({
 							ratio: r,
 							yOffset: u,
 							individualHeight: d
 						}),
 						value: n.absoluteValues[t],
-						zeroPosition: y(f),
-						individualMax: y(c),
-						comment: re[t] || ""
+						zeroPosition: _(ee),
+						individualMax: _(c),
+						comment: ae[t] || ""
 					};
-				}), ae = n.series.map((e, t) => {
+				}), oe = n.series.map((e, t) => {
 					let r = H.value.useIndividualScale && H.value.isStacked ? J.value?.left + J.value.width / X.value * t : J.value?.left - Js.value.bar / 2 + Js.value.bar * i + Js.value.bar * t * Ro.value.filter((e) => e.type === "bar").filter((e) => !da.value.has(e.id)).length;
 					return {
-						yOffset: y(u),
-						individualHeight: y(d),
-						x: y(r),
-						y: y(zs({
-							ratio: m[t] || 0,
-							yOffset: y(u),
-							individualHeight: y(d)
+						yOffset: _(u),
+						individualHeight: _(d),
+						x: _(r),
+						y: _(zs({
+							ratio: re[t] || 0,
+							yOffset: _(u),
+							individualHeight: _(d)
 						})),
 						value: n.absoluteValues[t],
-						zeroPosition: y(f),
-						individualMax: y(c),
-						comment: re[t] || ""
+						zeroPosition: _(ee),
+						individualMax: _(c),
+						comment: ae[t] || ""
 					};
-				}), oe = Jc({
+				}), se = Jc({
 					datapoint: n,
-					scaleYLabels: p,
-					autoScaleYLabels: te,
-					zeroPosition: f,
-					autoScaleZeroPosition: ee,
+					scaleYLabels: ne,
+					autoScaleYLabels: f,
+					zeroPosition: ee,
+					autoScaleZeroPosition: te,
 					individualMax: c,
 					autoScaleMax: l,
 					yOffset: u,
@@ -2064,165 +2064,165 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				return {
 					...n,
 					yOffset: u,
-					autoScaleYLabels: te,
+					autoScaleYLabels: f,
 					individualHeight: d,
-					scaleYLabels: n.autoScaling ? te : p,
+					scaleYLabels: n.autoScaling ? f : ne,
 					individualScale: n.autoScaling ? o : a,
 					individualMax: n.autoScaling ? l : c,
-					zeroPosition: n.autoScaling ? ee : f,
-					plots: n.autoScaling ? ae : ie,
-					scaleGroup: oe,
-					groupId: oe.groupId
+					zeroPosition: n.autoScaling ? te : ee,
+					plots: n.autoScaling ? oe : p,
+					scaleGroup: se,
+					groupId: se.groupId
 				};
 			});
-		}), Q = x(() => {
-			let e = zc.value, r = V.value.chart.grid.labels.yAxis.gap, o = H.value.isStacked ? r * (e - 1) : 0, s = J.value.height - o;
-			return Vc.value.map((o, c) => {
-				let { individualScale: l, autoScaleSteps: u, individualZero: f, individualMax: p, autoScaleMax: m, yOffset: ne, individualHeight: ie, zeroPosition: ae, autoScaleZeroPosition: oe, scaleYLabels: se, autoScaleYLabels: ce, autoScaleRatiosToNiceScale: le } = Dl({
-					datapoint: o,
+		}), Q = y(() => {
+			let e = zc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, o = J.value.height - n;
+			return Vc.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 } = Dl({
+					datapoint: n,
 					totalSeries: e,
-					gap: r,
-					usableHeight: s
-				}), ue = Ol(o.comments), h = o.series.map((e, t) => {
+					gap: t,
+					usableHeight: o
+				}), de = Ol(n.comments), m = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						y: null,
 						value: null,
 						datasetXValue: bl(e),
-						comment: o.comments && o.comments.slice(U.value.start, U.value.end)[t] || ""
+						comment: n.comments && n.comments.slice(U.value.start, U.value.end)[t] || ""
 					};
-					let n = H.value.useIndividualScale ? (o.absoluteValues[t] + Math.abs(f)) / p : Is(Io(e));
+					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(u)) / d : Is(Io(e));
 					return {
 						index: t,
-						x: y(yl(e, t)),
+						x: _(yl(e, t)),
 						datasetXValue: bl(e),
-						y: y(zs({
-							ratio: n,
-							yOffset: ne,
-							individualHeight: ie
+						y: _(zs({
+							ratio: r,
+							yOffset: te,
+							individualHeight: f
 						})),
-						value: o.absoluteValues[t],
-						comment: ue[t] || ""
+						value: n.absoluteValues[t],
+						comment: de[t] || ""
 					};
-				}), g = o.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), fe = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
 					y: null,
 					datasetXValue: bl(e),
 					value: null,
-					comment: ue[t] || ""
-				} : [void 0, null].includes(o.absoluteValues[t]) ? {
+					comment: de[t] || ""
+				} : [void 0, null].includes(n.absoluteValues[t]) ? {
 					index: t,
-					x: y(yl(e, t)),
-					y: ae,
-					value: o.absoluteValues[t],
-					comment: ue[t] || ""
+					x: _(yl(e, t)),
+					y: p,
+					value: n.absoluteValues[t],
+					comment: de[t] || ""
 				} : {
 					index: t,
-					x: y(yl(e, t)),
+					x: _(yl(e, t)),
 					datasetXValue: bl(e),
-					y: y(zs({
+					y: _(zs({
 						ratio: le[t] || 0,
-						yOffset: ne,
-						individualHeight: ie
+						yOffset: te,
+						individualHeight: f
 					})),
-					value: o.absoluteValues[t],
-					comment: ue[t] || ""
-				}), fe = o.dashIndices && Array.isArray(o.dashIndices) && o?.dashIndices?.length > 0, pe = V.value.line.cutNullValues ? ee(h) : _e(h.filter((e) => e.value !== null)), me = V.value.line.cutNullValues ? ee(g) : _e(g.filter((e) => e.value !== null)), he = V.value.line.cutNullValues ? Oe(h) : re(h.filter((e) => e.value !== null)), ge = V.value.line.cutNullValues ? Oe(g) : re(g.filter((e) => e.value !== null)), _ = d(V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null)), ve = d(V.value.line.cutNullValues ? g : g.filter((e) => e.value !== null)), ye = fe ? n(V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), o.dashIndices.map((e) => e - U.value.start)) : [], be = fe ? te(V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), o.dashIndices.map((e) => e - U.value.start)) : [], xe = Jc({
-					datapoint: o,
+					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 = Jc({
+					datapoint: n,
 					scaleYLabels: se,
 					autoScaleYLabels: ce,
-					zeroPosition: ae,
+					zeroPosition: p,
 					autoScaleZeroPosition: oe,
-					individualMax: p,
-					autoScaleMax: m,
-					yOffset: ne,
-					individualHeight: ie
-				}), Se = H.value.useIndividualScale ? o.autoScaling ? oe : ae : To.value, Ce = Math.max(Math.max(o.autoScaling ? oe : se.at(-1) ? se.at(-1).y : 0, J.value?.top), Se), v = o.autoScaling ? g : h, we = V.value.line.cutNullValues ? v : v.filter((e) => e.value !== null), Te = o.absoluteValues.filter((e) => ![
+					individualMax: d,
+					autoScaleMax: ee,
+					yOffset: te,
+					individualHeight: f
+				}), Ce = H.value.useIndividualScale ? n.autoScaling ? oe : p : To.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) => ![
 					null,
 					void 0,
 					NaN
-				].includes(e)), Ee = !!o.temperatureColors && new Set(Te).size <= 1;
+				].includes(e)), Oe = !!n.temperatureColors && new Set(De).size <= 1;
 				return {
-					...o,
-					isFlatTemperatureLine: Ee,
-					temperatureColors: o.temperatureColors ? o.temperatureColors.map((e) => de(e)) : null,
-					yOffset: ne,
+					...n,
+					isFlatTemperatureLine: Oe,
+					temperatureColors: n.temperatureColors ? n.temperatureColors.map((e) => pe(e)) : null,
+					yOffset: te,
 					autoScaleYLabels: ce,
-					individualHeight: ie,
-					scaleYLabels: o.autoScaling ? ce : se,
-					individualScale: o.autoScaling ? u : l,
-					individualMax: o.autoScaling ? m : p,
-					zeroPosition: o.autoScaling ? oe : ae,
-					curve: o.useStepper ? o.autoScaling ? ve : _ : o.autoScaling ? me : pe,
-					plots: o.autoScaling ? g : h,
-					dashedStraight: ye,
-					dashedSmooth: be,
-					hasDashedSegments: fe,
-					area: o.useArea ? o.useStepper ? d(we, Ce) : H.value.useIndividualScale ? V.value.line.cutNullValues ? i(o.autoScaling ? g : h, Ce) : a(o.autoScaling ? g.filter((e) => e.value !== null) : h.filter((e) => e.value !== null), Ce) : V.value.line.cutNullValues ? i(h, Ce) : a(h.filter((e) => e.value !== null), Ce) : "",
-					curveAreas: o.useArea ? o.useStepper ? d(we, Ce).split(";").filter(Boolean).map((e) => `M${e}Z`) : t(o.autoScaling ? V.value.line.cutNullValues ? g : g.filter((e) => e.value !== null) : V.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), Ce, V.value.line.cutNullValues) : [],
-					straight: o.useStepper ? o.autoScaling ? ve : _ : o.autoScaling ? ge : he,
-					scaleGroup: xe,
-					groupId: xe.groupId
+					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,
+					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,
+					scaleGroup: Se,
+					groupId: Se.groupId
 				};
 			});
-		}), $ = x(() => {
+		}), $ = y(() => {
 			let e = zc.value, t = V.value.chart.grid.labels.yAxis.gap, n = H.value.isStacked ? t * (e - 1) : 0, r = J.value.height - n;
 			return Hc.value.map((n) => {
-				let { individualScale: i, autoScaleSteps: a, individualZero: o, individualMax: s, autoScaleMax: c, yOffset: l, individualHeight: u, zeroPosition: d, autoScaleZeroPosition: f, scaleYLabels: ee, autoScaleYLabels: p, autoScaleRatiosToNiceScale: te } = Dl({
+				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 } = Dl({
 					datapoint: n,
 					totalSeries: e,
 					gap: t,
 					usableHeight: r,
 					forceExactScale: !0,
 					preserveLooseMinimumExpression: !0
-				}), m = Ol(n.comments), ne = n.series.map((e, t) => {
+				}), re = Ol(n.comments), ie = n.series.map((e, t) => {
 					if (G.value && (e.x == null || e.y == null)) return {
 						index: t,
 						x: null,
 						datasetXValue: bl(e),
 						y: null,
 						value: null,
-						comment: m[t] || ""
+						comment: re[t] || ""
 					};
 					let r = H.value.useIndividualScale ? (n.absoluteValues[t] + Math.abs(o)) / s : Is(Io(e));
 					return {
 						index: t,
-						x: y(yl(e, t)),
+						x: _(yl(e, t)),
 						datasetXValue: bl(e),
-						y: y(zs({
+						y: _(zs({
 							ratio: r,
 							yOffset: l,
 							individualHeight: u
 						})),
 						value: n.absoluteValues[t],
-						comment: m[t] || ""
+						comment: re[t] || ""
 					};
-				}), re = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
+				}), ae = n.series.map((e, t) => G.value && (e.x === null || e.y === null) ? {
 					index: t,
 					x: null,
 					datasetXValue: bl(e),
 					y: null,
 					value: null,
-					comment: m[t] || ""
+					comment: re[t] || ""
 				} : {
 					index: t,
-					x: y(yl(e, t)),
+					x: _(yl(e, t)),
 					datasetXValue: bl(e),
-					y: y(zs({
-						ratio: te[t] || 0,
+					y: _(zs({
+						ratio: f[t] || 0,
 						yOffset: l,
 						individualHeight: u
 					})),
 					value: n.absoluteValues[t],
-					comment: m[t] || ""
-				}), ie = Jc({
+					comment: re[t] || ""
+				}), p = Jc({
 					datapoint: n,
-					scaleYLabels: ee,
-					autoScaleYLabels: p,
+					scaleYLabels: te,
+					autoScaleYLabels: ne,
 					zeroPosition: d,
-					autoScaleZeroPosition: f,
+					autoScaleZeroPosition: ee,
 					individualMax: s,
 					autoScaleMax: c,
 					yOffset: l,
@@ -2231,18 +2231,18 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				return {
 					...n,
 					yOffset: l,
-					autoScaleYLabels: p,
+					autoScaleYLabels: ne,
 					individualHeight: u,
-					scaleYLabels: n.autoScaling ? p : ee,
+					scaleYLabels: n.autoScaling ? ne : te,
 					individualScale: n.autoScaling ? a : i,
 					individualMax: n.autoScaling ? c : s,
-					zeroPosition: n.autoScaling ? f : d,
-					plots: n.autoScaling ? re : ne,
-					scaleGroup: ie,
-					groupId: ie.groupId
+					zeroPosition: n.autoScaling ? ee : d,
+					plots: n.autoScaling ? ae : ie,
+					scaleGroup: p,
+					groupId: p.groupId
 				};
 			});
-		}), jl = x(() => {
+		}), jl = y(() => {
 			let e = Object.entries(Kc.value).reduce((e, [t, n]) => (e[t] = {
 				...n,
 				scaleLabel: t
@@ -2257,7 +2257,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					...t.scaleGroup
 				});
 			}), e;
-		}), Ml = x(() => {
+		}), Ml = y(() => {
 			let e = Q.value.map((e) => ({
 				name: e.name,
 				color: e.color,
@@ -2306,7 +2306,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					id: e.id,
 					groupId: e.groupId,
 					scaleLabel: e.scaleLabel,
-					name: _(V.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
+					name: h(V.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
 					color: H.value.useIndividualScale && !H.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
 					scale: e.scale,
 					yOffset: e.yOffset,
@@ -2324,7 +2324,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					}))
 				};
 			});
-		}), Nl = x(() => {
+		}), Nl = y(() => {
 			let e = V.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
@@ -2334,7 +2334,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				let o = Q.value.find((e) => e.name === i), s = Q.value.find((e) => e.name === a);
 				if (!o || !s || o.type !== "line" || s.type !== "line") return;
 				let c = n?.[t]?.[0] ?? o.color, l = n?.[t]?.[1] ?? s.color;
-				fe({
+				he({
 					lineA: o.plots,
 					lineB: s.plots,
 					smoothA: !!o.smooth,
@@ -2350,7 +2350,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					});
 				});
 			}), r;
-		}), Pl = x(() => {
+		}), Pl = y(() => {
 			let e = Z.value[0]?.index ?? null, t = G.value ? e : R.value;
 			return {
 				timeLabel: G.value ? {
@@ -2376,12 +2376,12 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		_t(() => {
 			let e = ++Il, t = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
-				let n = await Ae(t.locale).catch(() => Ae("en"));
+				let n = await Me(t.locale).catch(() => Me("en"));
 				e === Il && (Fl.value = n.data);
 			})();
 		});
-		let Ll = x(() => {
-			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = ke({
+		let Ll = y(() => {
+			let e = V.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = je({
 				useUTC: e.useUTC,
 				locale: Fl.value,
 				januaryAsYear: e.januaryAsYear
@@ -2390,7 +2390,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				let r = V.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Rl = x(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+		}), Rl = y(() => (V.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
 			text: Ll.value(t, V.value.chart.zoom.timeFormat),
 			absoluteIndex: t
 		}))), zl = /* @__PURE__ */ new Map();
@@ -2421,10 +2421,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function Hl(e) {
 			let t = Vl(e);
 			if (zl.has(t)) return zl.get(t);
-			let n = V.value.chart.tooltip.backgroundColor, r = "", i = "";
+			let r = V.value.chart.tooltip.backgroundColor, i = "", a = "";
 			switch (aa.value[e.type]) {
 				case "bar":
-					r = `<svg viewBox="0 0 40 40" height="14" width="14">${Fi.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="${Fi.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color}" /></svg>`;
+					i = `<svg viewBox="0 0 40 40" height="14" width="14">${Fi.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="${Fi.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color}" /></svg>`;
 					break;
 				case "line":
 					!e.shape || ![
@@ -2434,7 +2434,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"diamond",
 						"pentagon",
 						"hexagon"
-					].includes(e.shape) ? i = `<circle cx="10" cy="8" r="4" stroke="${n}" stroke-width="0.5" fill="${e.color}" />` : e.shape === "triangle" ? i = `<path d="${ye({
+					].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({
 						plot: {
 							x: 10,
 							y: 8
@@ -2442,7 +2442,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						radius: 4,
 						sides: 3,
 						rotation: .52
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "square" ? i = `<path d="${ye({
+					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "square" ? a = `<path d="${n({
 						plot: {
 							x: 10,
 							y: 8
@@ -2450,7 +2450,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						radius: 4,
 						sides: 4,
 						rotation: .8
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "diamond" ? i = `<path d="${ye({
+					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "diamond" ? a = `<path d="${n({
 						plot: {
 							x: 10,
 							y: 8
@@ -2458,7 +2458,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						radius: 4,
 						sides: 4,
 						rotation: 0
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "pentagon" ? i = `<path d="${ye({
+					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "pentagon" ? a = `<path d="${n({
 						plot: {
 							x: 10,
 							y: 8
@@ -2466,7 +2466,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						radius: 4,
 						sides: 5,
 						rotation: .95
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "hexagon" ? i = `<path d="${ye({
+					}).path}" fill="${e.color}" stroke="${r}" stroke-width="0.5" />` : e.shape === "hexagon" ? a = `<path d="${n({
 						plot: {
 							x: 10,
 							y: 8
@@ -2474,13 +2474,13 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						radius: 4,
 						sides: 6,
 						rotation: 0
-					}).path}" fill="${e.color}" stroke="${n}" stroke-width="0.5" />` : e.shape === "star" && (i = `<polygon stroke="${n}" stroke-width="0.5" fill="${e.color}" points="${l({
+					}).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({
 						plot: {
 							x: 10,
 							y: 8
 						},
 						radius: 4
-					})}" />`), 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>`;
+					})}" />`), 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>`;
 					break;
 				case "plot":
 					if (!e.shape || ![
@@ -2491,11 +2491,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"pentagon",
 						"hexagon"
 					].includes(e.shape)) {
-						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>`;
+						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>`;
 						break;
 					}
 					if (e.shape === "star") {
-						r = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${n}" stroke-width="1" fill="${e.color}" points="${l({
+						i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${r}" stroke-width="1" fill="${e.color}" points="${ee({
 							plot: {
 								x: 6,
 								y: 6
@@ -2505,7 +2505,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						break;
 					}
 					if (e.shape === "triangle") {
-						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
+						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
 							plot: {
 								x: 6,
 								y: 6
@@ -2513,11 +2513,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							radius: 6,
 							sides: 3,
 							rotation: .52
-						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "square") {
-						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
+						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
 							plot: {
 								x: 6,
 								y: 6
@@ -2525,11 +2525,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							radius: 6,
 							sides: 4,
 							rotation: .8
-						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "diamond") {
-						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
+						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
 							plot: {
 								x: 6,
 								y: 6
@@ -2537,11 +2537,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							radius: 5,
 							sides: 4,
 							rotation: 0
-						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "pentagon") {
-						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
+						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
 							plot: {
 								x: 6,
 								y: 6
@@ -2549,11 +2549,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							radius: 5,
 							sides: 5,
 							rotation: .95
-						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
 						break;
 					}
 					if (e.shape === "hexagon") {
-						r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${ye({
+						i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${n({
 							plot: {
 								x: 6,
 								y: 6
@@ -2561,23 +2561,23 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							radius: 5,
 							sides: 6,
 							rotation: 0
-						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
+						}).path}" fill="${e.color}" stroke="${r}" stroke-width="1" /></svg>`;
 						break;
 					}
 					break;
 				default: break;
 			}
-			return zl.set(t, r), r;
+			return zl.set(t, i), i;
 		}
-		let Ul = x(() => {
-			let e = "", t = tl.value.map((e) => e.value).filter((e) => De(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = G.value ? { text: _(V.value.chart.grid.labels.xAxis.formatter, Z.value[0]?.point.raw?.x ?? Z.value[0]?.point.x, Se({
+		let Ul = y(() => {
+			let e = "", t = tl.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({
 				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 (Te(r)) try {
+			if (Oe(r)) try {
 				let e = r(Bl(n));
 				if (typeof e == "string") return e;
 			} catch (e) {
@@ -2588,8 +2588,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				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 tl.value.forEach((r) => {
-				if (De(r.value)) {
-					let i = Hl(r), a = V.value.chart.tooltip.showValue ? _(r.type === "line" ? V.value.line.labels.formatter : r.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, r.value, Se({
+				if (me(r.value)) {
+					let i = Hl(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({
 						p: r.prefix,
 						v: r.value,
 						s: r.suffix,
@@ -2610,8 +2610,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
                                 </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 ? `(${Se({
-						v: y(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 ? `(${u({
+						v: _(Math.abs(r.value) / t * 100),
 						s: "%",
 						r: V.value.chart.tooltip.roundingPercentage
 					})})` : ""}</div>`;
@@ -2619,7 +2619,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					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>`;
-		}), Wl = x(() => {
+		}), Wl = y(() => {
 			if (!G.value) return [];
 			let e = /* @__PURE__ */ new Set(), t = [];
 			return K.value.forEach((n) => {
@@ -2633,7 +2633,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		});
 		function Gl(e) {
 			let t = Number(e);
-			return Number.isFinite(t) ? _(V.value.chart.grid.labels.xAxis.formatter, t, Se({
+			return Number.isFinite(t) ? h(V.value.chart.grid.labels.xAxis.formatter, t, u({
 				v: t,
 				r: V.value.table.rounding
 			}), {
@@ -2657,7 +2657,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		}
 		function Yl(e, t) {
 			let n = ql(e, t);
-			return yt(n) ? _(e.type === "line" ? V.value.line.labels.formatter : e.type === "bar" ? V.value.bar.labels.formatter : V.value.plot.labels.formatter, n, Se({
+			return yt(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({
 				p: e.prefix || V.value.chart.labels.prefix,
 				v: n,
 				s: e.suffix || V.value.chart.labels.suffix,
@@ -2667,7 +2667,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function Xl(e) {
 			return K.value.map((t) => ql(t, e) ?? 0).reduce((e, t) => e + t, 0);
 		}
-		let Zl = x(() => {
+		let Zl = y(() => {
 			if (G.value) return Wl.value.map((e) => {
 				let t = Xl(e);
 				return {
@@ -2690,7 +2690,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				});
 			}
 			return e;
-		}), Ql = x(() => Lo.value.length === 0 ? {
+		}), Ql = y(() => Lo.value.length === 0 ? {
 			head: [],
 			body: [],
 			config: {},
@@ -2702,7 +2702,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				type: e.type
 			})),
 			body: Zl.value.map((e) => [e.period].concat(e.csvValues))
-		}), $l = x(() => {
+		}), $l = y(() => {
 			let e = V.value.table.showSum, t = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : ""].concat(K.value.map((e) => e.name));
 			e && (t = t.concat(" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>"));
 			let n = Zl.value.map((t) => [t.period].concat(t.formattedValues, e ? t.formattedSum : [])), r = {
@@ -2730,8 +2730,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				[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, ...Ql.value.head.map((e) => e.label)], r = Ql.value.body, i = Ee(t.concat([n]).concat(r));
-			e ? e(i) : ue({
+			], n = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Ql.value.head.map((e) => e.label)], r = Ql.value.body, i = se(t.concat([n]).concat(r));
+			e ? e(i) : m({
 				csvContent: i,
 				title: V.value.chart.title.text || "vue-ui-xy"
 			});
@@ -2774,43 +2774,43 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				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, qa.value.plot = V.value.plot.radius, qa.value.line = V.value.line.radius, qa.value.selectedLine = V.value.line.dot.selectedRadius;
 				return;
 			}
-			B.value.dataLabels = le({
+			B.value.dataLabels = c({
 				relator: na.value,
 				adjuster: 400,
 				source: V.value.chart.grid.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.yAxis = le({
+			}), B.value.yAxis = c({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.axis.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.xAxis = le({
+			}), B.value.xAxis = c({
 				relator: P.value,
 				adjuster: 1e3,
 				source: V.value.chart.grid.labels.xAxisLabels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), B.value.plotLabels = le({
+			}), B.value.plotLabels = c({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), qa.value.plot = le({
+			}), qa.value.plot = c({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), qa.value.line = le({
+			}), qa.value.line = c({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.radius,
 				threshold: 1,
 				fallback: 0
-			}), qa.value.selectedLine = le({
+			}), qa.value.selectedLine = c({
 				relator: P.value,
 				adjuster: 800,
 				source: V.value.line.dot.selectedRadius,
@@ -2819,23 +2819,23 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			});
 		}
 		function su() {
-			if (p(M.dataset) ? (ne({
+			if (be(M.dataset) ? (t({
 				componentName: "VueUiXy",
 				type: "dataset",
 				debug: eo.value
-			}), ao.value = !0) : M.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && (ne({
+			}), ao.value = !0) : M.dataset.forEach((e, n) => {
+				[null, void 0].includes(e.name) && (t({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
-					index: t,
+					index: n,
 					debug: eo.value
 				}), ao.value = !0);
 			}), eo.value && M.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
-					De(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
+					me(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
 				});
-			}), p(M.dataset) || (ao.value = V.value.loading), _a.value = V.value.chart.userOptions.showOnChartHover, va.value = V.value.chart.userOptions.keepStateOnChartLeave, ya.value = !V.value.chart.userOptions.showOnChartHover, $a(), V.value.responsive) {
+			}), be(M.dataset) || (ao.value = V.value.loading), _a.value = V.value.chart.userOptions.showOnChartHover, va.value = V.value.chart.userOptions.keepStateOnChartLeave, ya.value = !V.value.chart.userOptions.showOnChartHover, $a(), V.value.responsive) {
 				let e = Bi.value.parentNode;
 				Qi.value && ($i.value && Qi.value.unobserve($i.value), Qi.value.disconnect(), Qi.value = null, $i.value = null);
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
@@ -2867,7 +2867,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			su(), Cs(), document.addEventListener("mousemove", cu, { passive: !0 }), document.addEventListener("scroll", $o, { passive: !0 });
 		}), ct(() => {
 			document.removeEventListener("scroll", $o, { passive: !0 }), document.removeEventListener("mousemove", cu, { passive: !0 }), Qi.value && ($i.value && Qi.value.unobserve($i.value), Qi.value.disconnect(), Qi.value = null, $i.value = null), gu(), As();
-		}), Be({
+		}), He({
 			timeLabelsEls: Yi,
 			timeLabels: Y,
 			slicer: U,
@@ -2892,19 +2892,19 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			width: P,
 			rotation: V.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let lu = D(!1), uu = D(null), du = D(200), fu = x(() => R.value ?? I.value ?? 0), pu = x(() => {
+		let lu = D(!1), uu = D(null), du = D(200), fu = y(() => R.value ?? I.value ?? 0), pu = y(() => {
 			if (!G.value) return null;
-			if (g(Ea.value)) return Number(Ea.value);
+			if (De(Ea.value)) return Number(Ea.value);
 			let e = Z.value[0];
-			return g(e?.point?.x) ? Number(e.point.x) : null;
+			return De(e?.point?.x) ? Number(e.point.x) : null;
 		});
 		function mu() {
 			let e = Math.ceil(du.value || 200);
 			return Math.min(Math.max(e, 1), 200);
 		}
 		function hu() {
-			let e = mu(), t = (G.value && g(pu.value) ? hl({ x: pu.value }) : kc(fu.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
-			return y(Math.max(n, Math.min(t, r)));
+			let e = mu(), t = (G.value && De(pu.value) ? hl({ x: pu.value }) : kc(fu.value)) - e / 2 - (200 - e) / 2, n = J.value?.left - (200 - e) / 2, r = J.value?.right - (200 + e) / 2;
+			return _(Math.max(n, Math.min(t, r)));
 		}
 		function gu() {
 			ja.value !== null && (cancelAnimationFrame(ja.value), ja.value = null), Aa.value && z.value && Aa.value.unobserve(z.value), Aa.value &&= (Aa.value.disconnect(), null), Ma.value &&= (Ma.value(), null), z.value = null;
@@ -2915,7 +2915,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			});
 		}
 		function vu(e) {
-			!Aa.value || !e || (z.value && z.value !== e && (Aa.value.unobserve(z.value), z.value = null), e !== z.value && (at(() => {
+			!Aa.value || !e || (z.value && z.value !== e && (Aa.value.unobserve(z.value), z.value = null), e !== z.value && (ot(() => {
 				e.offsetParent !== null && _u(e.offsetWidth || e.getBoundingClientRect().width || 200);
 			}), Aa.value.observe(e), z.value = e));
 		}
@@ -2934,14 +2934,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				});
 			});
 		});
-		let yu = x(() => {
+		let yu = y(() => {
 			if (G.value) {
 				if (!Number.isFinite(Number(pu.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 (lu.value = !1, G.value) {
 				let e = pu.value;
-				if (Te(t)) try {
+				if (Oe(t)) try {
 					let n = t({
 						absoluteIndex: e,
 						seriesIndex: e,
@@ -2955,12 +2955,12 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				} catch {
 					console.warn("Custom format cannot be applied on timeTag."), lu.value = !1;
 				}
-				return Se({
+				return u({
 					v: e,
 					r: V.value.chart.grid.labels.xAxis.rounding
 				});
 			}
-			if (Te(t)) try {
+			if (Oe(t)) try {
 				let n = t({
 					absoluteIndex: e + U.value.start,
 					seriesIndex: e,
@@ -2978,17 +2978,17 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		});
 		function bu({ serie: e, plot: t, type: n }) {
 			if (!yt(t.value)) return "";
-			let r = Se({
+			let r = u({
 				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 s({
-				content: G.value && g(i) ? `x: ${Se({
+			return ce({
+				content: G.value && De(i) ? `x: ${u({
 					v: i,
 					r: V.value.chart.grid.labels.xAxis.rounding
-				})}\ny: ${r}` : _(V.value[n].labels.formatter, t.value, r, {
+				})}\ny: ${r}` : h(V.value[n].labels.formatter, t.value, r, {
 					datapoint: t,
 					serie: e
 				}),
@@ -3001,14 +3001,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function xu({ plot: e }) {
 			let t = V.value.bar.labels.offsetY, n = Math.abs(qs(e)), r = e.value < 0, i = {
 				x: (H.value.useIndividualScale && H.value.isStacked ? e.x + Js.value.line / 2 : Xs(e) + Ys() / 2 - Xc.value / 2) + V.value.bar.labels.offsetX,
-				y: y(e.y) + (V.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
+				y: _(e.y) + (V.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
 			};
 			return `translate(${i.x}, ${i.y}) rotate(${V.value.bar.labels.rotation})`;
 		}
 		function Su({ plot: e, type: t }) {
 			let n = V.value[t].labels.offsetY, r = {
 				x: e.x + V.value[t].labels.offsetX,
-				y: y(e.y) + (V.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
+				y: _(e.y) + (V.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
 			};
 			return `translate(${r.x}, ${r.y}) rotate(${V.value[t].labels.rotation})`;
 		}
@@ -3017,22 +3017,22 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			let n = e.value >= 0;
 			return V.value[t].labels.rotation === 0 ? "middle" : V.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
-		let wu = x(() => G.value ? g(Ea.value) ? hl({ x: Number(Ea.value) }) : g(ec.value) ? ec.value : null : kc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), Tu = x(() => V.value.chart.highlighter.crosshairs.show && hs.value), Eu = x(() => [
+		let wu = y(() => G.value ? De(Ea.value) ? hl({ x: Number(Ea.value) }) : De(ec.value) ? ec.value : null : kc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value))), Tu = y(() => V.value.chart.highlighter.crosshairs.show && hs.value), Eu = y(() => [
 			...Q.value,
 			...$.value,
 			...Al.value
 		].flatMap((e) => (e.plots || []).filter((t, n) => ku(e, t, n)).filter((e) => yt(e.value)).map((t) => ({
 			...t,
 			serie: e,
-			x: y(t.x),
-			y: y(t.y)
-		})))), Du = x(() => {
+			x: _(t.x),
+			y: _(t.y)
+		})))), Du = y(() => {
 			if (!Tu.value) return null;
 			if (G.value) {
 				let e = Z.value[0], t = e?.point?.raw?.x ?? e?.point?.x;
-				return g(t) ? {
+				return De(t) ? {
 					x: wu.value,
-					text: _(V.value.chart.grid.labels.xAxis.formatter, t, Se({
+					text: h(V.value.chart.grid.labels.xAxis.formatter, t, u({
 						v: t,
 						r: V.value.chart.tooltip.roundingValue
 					}))
@@ -3072,7 +3072,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				});
 			}), n;
 		}
-		let Mu = x(() => ju(Al.value, "bar")), Nu = x(() => ju($.value, "plot")), Pu = x(() => ju(Q.value, "line"));
+		let Mu = y(() => ju(Al.value, "bar")), Nu = y(() => ju($.value, "plot")), Pu = y(() => ju(Q.value, "line"));
 		gt(() => M.dataset, (e) => {
 			if (Array.isArray(e) && e.length > 0 && (ao.value = !1), V.value.chart.zoom.keepState) {
 				let e = fo.value;
@@ -3118,10 +3118,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		}), gt(V, () => {
 			$a();
 		}, { immediate: !0 });
-		let zu = x(() => {
+		let zu = y(() => {
 			let e = V.value.table.useDialog && !V.value.showTable, t = H.value.showTable;
 			return {
-				component: e ? Ni : qe,
+				component: e ? Ni : Ye,
 				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,
@@ -3154,19 +3154,19 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function Bu() {
 			H.value.showTable = !1, Zi.value && Zi.value.setTableIconState(!1);
 		}
-		let Vu = x(() => Ro.value.map((e) => ({
+		let Vu = y(() => Ro.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), Hu = x(() => V.value.chart.backgroundColor), Uu = x(() => V.value.chart.legend), { exportSvg: Wu, getSvg: Gu } = Ie({
+		}))), Hu = y(() => V.value.chart.backgroundColor), Uu = y(() => V.value.chart.legend), { exportSvg: Wu, getSvg: Gu } = Re({
 			svg: L,
-			title: x(() => V.value.chart.title),
+			title: y(() => V.value.chart.title),
 			legend: Uu,
 			legendItems: Vu,
 			backgroundColor: Hu
 		});
 		async function Ku({ isCb: e }) {
-			Ta.value = !0, await at();
+			Ta.value = !0, await ot();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await Gu();
@@ -3245,10 +3245,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 		function $u(e) {
 			let t = U.value.end - U.value.start;
 			if (t <= 0) return;
-			let n = J.value.width / t, r = c(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
+			let n = J.value.width / t, r = le(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
 			r && (Oa.value = r);
 		}
-		let ed = x(() => {
+		let ed = y(() => {
 			if (!$l.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)), {
@@ -3256,7 +3256,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				rows: $l.value.body
 			};
 		});
-		return Ge({
+		return qe({
 			getData: dc,
 			getImage: fc,
 			generatePdf: bo,
@@ -3273,9 +3273,9 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			toggleFullscreen: au,
 			copyAlt: Ju,
 			resetZoom: Ps
-		}), (t, n) => (E(), C("div", {
+		}), (t, n) => (E(), x("div", {
 			id: `vue-ui-xy_${F.value}`,
-			class: ot(`vue-data-ui-component vue-ui-xy ${sa.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: st(`vue-data-ui-component vue-ui-xy ${sa.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${V.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
 			ref: Bi,
 			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%" : ""}`),
@@ -3283,11 +3283,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 			onMouseleave: is,
 			onClick: lc
 		}, [
-			w("div", {
+			S("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [w("p", null, ft(V.value.a11y.translations.keyboardNavigation), 1)], 8, At),
-			ed.value?.rows?.length ? (E(), Ze(Ye, {
+			}, [S("p", null, ft(V.value.a11y.translations.keyboardNavigation), 1)], 8, At),
+			ed.value?.rows?.length ? (E(), $e(Ze, {
 				key: 0,
 				uid: F.value,
 				head: ed.value.headers,
@@ -3300,8 +3300,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"body",
 				"notice",
 				"caption"
-			])) : S("", !0),
-			V.value.chart.userOptions.buttons.annotator && L.value ? (E(), Ze(A(Mi), {
+			])) : b("", !0),
+			V.value.chart.userOptions.buttons.annotator && L.value ? (E(), $e(A(Mi), {
 				key: 1,
 				svgRef: L.value,
 				backgroundColor: V.value.chart.backgroundColor,
@@ -3311,11 +3311,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				onClose: as
 			}, {
 				"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", st(rt({ color: e })), void 0, !0)]),
-				"annotator-action-draw": j(({ mode: e }) => [k(t.$slots, "annotator-action-draw", st(rt({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": j(({ disabled: e }) => [k(t.$slots, "annotator-action-undo", st(rt({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": j(({ disabled: e }) => [k(t.$slots, "annotator-action-redo", st(rt({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": j(({ disabled: e }) => [k(t.$slots, "annotator-action-delete", st(rt({ disabled: e })), 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)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -3323,21 +3323,21 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : S("", !0),
-			Sc.value ? (E(), C("div", {
+			])) : b("", !0),
+			Sc.value ? (E(), x("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Gi,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%; background:transparent"
-			}, null, 512)) : S("", !0),
-			V.value.chart.title.show ? (E(), C("div", {
+			}, null, 512)) : b("", !0),
+			V.value.chart.title.show ? (E(), x("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Vi,
 				class: "vue-ui-xy-title",
 				style: T(`font-family:${V.value.chart.fontFamily}`)
-			}, [(E(), Ze(He, {
+			}, [(E(), $e(We, {
 				key: `title_${ma.value}`,
 				config: {
 					title: {
@@ -3349,9 +3349,9 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						...V.value.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 4)) : S("", !0),
-			w("div", { id: `legend-top-${F.value}` }, null, 8, jt),
-			V.value.chart.userOptions.show && (va.value || ya.value) ? (E(), Ze(A(Oi), {
+			}, null, 8, ["config"]))], 4)) : b("", !0),
+			S("div", { id: `legend-top-${F.value}` }, null, 8, jt),
+			V.value.chart.userOptions.show && (va.value || ya.value) ? (E(), $e(A(Oi), {
 				ref_key: "userOptionsRef",
 				ref: Zi,
 				key: `user_options_${fa.value}`,
@@ -3394,10 +3394,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				onToggleAnnotator: as,
 				onCopyAlt: Ju,
 				style: T({ visibility: va.value ? ya.value ? "visible" : "hidden" : "visible" })
-			}, Qe({ _: 2 }, [
+			}, et({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: j(({ isOpen: e, color: n }) => [k(t.$slots, "menuIcon", st(rt({
+					fn: j(({ isOpen: e, color: n }) => [k(t.$slots, "menuIcon", w(C({
 						isOpen: e,
 						color: n
 					})), void 0, !0)]),
@@ -3440,12 +3440,12 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				} : void 0,
 				t.$slots.optionStack ? {
 					name: "optionStack",
-					fn: j(({ isStack: e }) => [k(t.$slots, "optionStack", st(rt({ isStack: e })), void 0, !0)]),
+					fn: j(({ isStack: e }) => [k(t.$slots, "optionStack", w(C({ isStack: e })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				t.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: j(({ toggleFullscreen: e, isFullscreen: n }) => [k(t.$slots, "optionFullscreen", st(rt({
+					fn: j(({ toggleFullscreen: e, isFullscreen: n }) => [k(t.$slots, "optionFullscreen", w(C({
 						toggleFullscreen: e,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -3453,7 +3453,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				} : void 0,
 				t.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: j(({ toggleAnnotator: e, isAnnotator: n }) => [k(t.$slots, "optionAnnotator", st(rt({
+					fn: j(({ toggleAnnotator: e, isAnnotator: n }) => [k(t.$slots, "optionAnnotator", w(C({
 						toggleAnnotator: e,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -3461,7 +3461,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				} : void 0,
 				t.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: j(({ altCopy: e }) => [k(t.$slots, "optionAltCopy", st(rt({ altCopy: e })), void 0, !0)]),
+					fn: j(({ altCopy: e }) => [k(t.$slots, "optionAltCopy", w(C({ altCopy: e })), void 0, !0)]),
 					key: "11"
 				} : void 0,
 				t.$slots["custom-menu-before"] ? {
@@ -3474,12 +3474,12 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					fn: j(() => [k(t.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "13"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : S("", !0),
-			w("div", Mt, [(E(), C("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : b("", !0),
+			S("div", Mt, [(E(), x("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: "http://www.w3.org/2000/svg",
-				class: ot([{
+				class: st([{
 					"vue-data-ui-fullscreen--on": sa.value,
 					"vue-data-ui-fulscreen--off": !sa.value
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
@@ -3502,187 +3502,187 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				onFocus: Xu,
 				onBlur: Zu,
 				onKeydown: Qu
-			}, [w("g", {
+			}, [S("g", {
 				ref_key: "G",
 				ref: Ki,
 				class: "vue-data-ui-g"
 			}, [
-				et(A(ji)),
-				t.$slots["chart-background"] ? (E(), C("foreignObject", {
+				nt(A(ji)),
+				t.$slots["chart-background"] ? (E(), x("foreignObject", {
 					key: 0,
 					x: Math.max(0, J.value?.left),
 					y: J.value?.top,
 					width: Math.max(0, J.value?.width),
 					height: Math.max(0, J.value?.height),
 					style: { pointerEvents: "none" }
-				}, [k(t.$slots, "chart-background", {}, void 0, !0)], 8, Pt)) : S("", !0),
-				X.value > 0 ? (E(), C("g", Ft, [
-					w("g", It, [
-						V.value.chart.grid.labels.xAxis.showBaseline ? (E(), C("line", {
+				}, [k(t.$slots, "chart-background", {}, void 0, !0)], 8, Pt)) : b("", !0),
+				X.value > 0 ? (E(), x("g", Ft, [
+					S("g", It, [
+						V.value.chart.grid.labels.xAxis.showBaseline ? (E(), x("line", {
 							key: 0,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(v)(J.value?.bottom),
-							y2: A(v)(J.value?.bottom),
+							y1: A(g)(J.value?.bottom),
+							y2: A(g)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Lt)) : S("", !0),
-						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (E(!0), C(b, { key: 2 }, O(Ml.value, (e) => (E(), C("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (E(!0), C(b, { key: 0 }, O(e.yLabels, (t) => (E(), C("line", {
+						}, null, 8, Lt)) : b("", !0),
+						H.value.useIndividualScale ? V.value.chart.grid.showHorizontalLines ? (E(!0), x(v, { key: 2 }, O(Ml.value, (e) => (E(), x("g", { key: `individual_grid_${e.groupId || e.id}` }, [e.id === N.value && e.yLabels.length ? (E(!0), x(v, { key: 0 }, O(e.yLabels, (t) => (E(), x("line", {
 							key: `selected_individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(v)(t.y),
-							y2: A(v)(t.y),
+							y1: A(g)(t.y),
+							y2: A(g)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Vt))), 128)) : e.yLabels.length ? (E(!0), C(b, { key: 1 }, O(e.yLabels, (t) => (E(), C("line", {
+						}, null, 8, Vt))), 128)) : e.yLabels.length ? (E(!0), x(v, { key: 1 }, O(e.yLabels, (t) => (E(), x("line", {
 							key: `individual_grid_line_${e.groupId || e.id}_${t.value}_${t.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(v)(t.y),
-							y2: A(v)(t.y),
+							y1: A(g)(t.y),
+							y2: A(g)(t.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ht))), 128)) : S("", !0)]))), 128)) : S("", !0) : (E(), C(b, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (E(), C("line", {
+						}, null, 8, Ht))), 128)) : b("", !0)]))), 128)) : b("", !0) : (E(), x(v, { key: 1 }, [V.value.chart.grid.labels.yAxis.showBaseline ? (E(), x("line", {
 							key: 0,
 							class: "vue-ui-xy-y-axis",
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: q.value ? J.value?.right : J.value?.left,
 							x2: q.value ? J.value?.right : J.value?.left,
-							y1: A(v)(J.value?.top),
-							y2: A(v)(J.value?.bottom),
+							y1: A(g)(J.value?.top),
+							y2: A(g)(J.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Rt)) : S("", !0), V.value.chart.grid.showHorizontalLines ? (E(), C("g", zt, [(E(!0), C(b, null, O(nl.value, (e) => (E(), C("line", {
+						}, null, 8, Rt)) : b("", !0), V.value.chart.grid.showHorizontalLines ? (E(), x("g", zt, [(E(!0), x(v, null, O(nl.value, (e) => (E(), x("line", {
 							key: `horizontal_grid_line_${e.value}_${e.y}`,
 							x1: J.value?.left,
 							x2: J.value?.right,
-							y1: A(v)(e.y),
-							y2: A(v)(e.y),
+							y1: A(g)(e.y),
+							y2: A(g)(e.y),
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Bt))), 128))])) : S("", !0)], 64)),
-						V.value.chart.grid.showVerticalLines ? (E(), C("g", Ut, [w("path", {
+						}, null, 8, Bt))), 128))])) : b("", !0)], 64)),
+						V.value.chart.grid.showVerticalLines ? (E(), x("g", Ut, [S("path", {
 							d: Yo.value,
 							"stroke-width": .5,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Wt)])) : S("", !0),
-						V.value.chart.grid.labels.xAxisLabels.show ? (E(), C("g", Gt, [w("path", {
+						}, null, 8, Wt)])) : b("", !0),
+						V.value.chart.grid.labels.xAxisLabels.show ? (E(), x("g", Gt, [S("path", {
 							d: Xo.value,
 							stroke: V.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Kt)])) : S("", !0)
+						}, null, 8, Kt)])) : b("", !0)
 					]),
-					(E(!0), C(b, null, O(Al.value, (e, n) => (E(), C("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? k(t.$slots, "bar-gradient", it({
+					(E(!0), x(v, null, O(Al.value, (e, n) => (E(), x("defs", { key: `def_rect_${n}` }, [t.$slots["bar-gradient"] ? k(t.$slots, "bar-gradient", at({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						positiveId: `rectGradient_pos_${n}_${F.value}`,
 						negativeId: `rectGradient_neg_${n}_${F.value}`
-					}), void 0, !0) : (E(), C(b, { key: 1 }, [w("linearGradient", {
+					}), void 0, !0) : (E(), x(v, { key: 1 }, [S("linearGradient", {
 						id: `rectGradient_pos_${n}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						w("stop", {
+						S("stop", {
 							offset: "0%",
 							"stop-color": e.color
 						}, null, 8, Jt),
-						w("stop", {
+						S("stop", {
 							offset: "62%",
-							"stop-color": `${A(ie)(e.color, .02)}`
+							"stop-color": `${A(Ae)(e.color, .02)}`
 						}, null, 8, Yt),
-						w("stop", {
+						S("stop", {
 							offset: "100%",
-							"stop-color": `${A(ie)(e.color, .05)}`
+							"stop-color": `${A(Ae)(e.color, .05)}`
 						}, null, 8, Xt)
-					], 8, qt), w("linearGradient", {
+					], 8, qt), S("linearGradient", {
 						id: `rectGradient_neg_${n}_${F.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
-						w("stop", {
+						S("stop", {
 							offset: "0%",
-							"stop-color": `${A(ie)(e.color, .05)}`
+							"stop-color": `${A(Ae)(e.color, .05)}`
 						}, null, 8, Qt),
-						w("stop", {
+						S("stop", {
 							offset: "38%",
-							"stop-color": `${A(ie)(e.color, .02)}`
+							"stop-color": `${A(Ae)(e.color, .02)}`
 						}, null, 8, $t),
-						w("stop", {
+						S("stop", {
 							offset: "100%",
 							"stop-color": e.color
 						}, null, 8, en)
 					], 8, Zt)], 64))]))), 128)),
-					(E(!0), C(b, null, O($.value, (e, t) => (E(), C("defs", { key: `def_plot_${t}` }, [w("radialGradient", {
+					(E(!0), x(v, null, O($.value, (e, t) => (E(), x("defs", { key: `def_plot_${t}` }, [S("radialGradient", {
 						id: `plotGradient_${t}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [w("stop", {
+					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${A(ie)(e.color, .05)}`
-					}, null, 8, nn), w("stop", {
+						"stop-color": `${A(Ae)(e.color, .05)}`
+					}, null, 8, nn), S("stop", {
 						offset: "100%",
 						"stop-color": e.color
 					}, null, 8, rn)], 8, tn)]))), 128)),
-					(E(!0), C(b, null, O(Q.value, (e, n) => (E(), C(b, { key: `def_line_${e.id}` }, [w("defs", null, [w("radialGradient", {
+					(E(!0), x(v, null, O(Q.value, (e, n) => (E(), x(v, { key: `def_line_${e.id}` }, [S("defs", null, [S("radialGradient", {
 						id: `lineGradient_${n}_${F.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%"
-					}, [w("stop", {
+					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${A(ie)(e.color, .05)}`
-					}, null, 8, on), w("stop", {
+						"stop-color": `${A(Ae)(e.color, .05)}`
+					}, null, 8, on), S("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, sn)], 8, an), t.$slots["area-gradient"] ? k(t.$slots, "area-gradient", it({
+					}, null, 8, sn)], 8, an), t.$slots["area-gradient"] ? k(t.$slots, "area-gradient", at({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
 						id: `areaGradient_${n}_${F.value}`
-					}), void 0, !0) : (E(), C("linearGradient", {
+					}), void 0, !0) : (E(), x("linearGradient", {
 						key: 1,
 						id: `areaGradient_${n}_${F.value}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
 						y2: "0%"
-					}, [w("stop", {
+					}, [S("stop", {
 						offset: "0%",
-						"stop-color": `${A(f)(A(ie)(e.color, .03), V.value.line.area.opacity)}`
-					}, null, 8, ln), w("stop", {
+						"stop-color": `${A(p)(A(Ae)(e.color, .03), V.value.line.area.opacity)}`
+					}, null, 8, ln), S("stop", {
 						offset: "100%",
-						"stop-color": `${A(f)(e.color, V.value.line.area.opacity)}`
-					}, null, 8, un)], 8, cn))]), e.temperatureColors && !e.isFlatTemperatureLine ? (E(), C("defs", dn, [w("linearGradient", {
+						"stop-color": `${A(p)(e.color, V.value.line.area.opacity)}`
+					}, null, 8, un)], 8, cn))]), e.temperatureColors && !e.isFlatTemperatureLine ? (E(), x("defs", dn, [S("linearGradient", {
 						id: `temperature_grad_line_${n}_${F.value}`,
 						gradientTransform: "rotate(90)"
-					}, [(E(!0), C(b, null, O(e.temperatureColors, (t, r) => (E(), C("stop", {
+					}, [(E(!0), x(v, null, O(e.temperatureColors, (t, r) => (E(), x("stop", {
 						key: `temperature_grad_stop_${n}_${r}_${F.value}`,
 						"stop-color": t,
-						offset: A(u)(r, e.temperatureColors.length)
-					}, null, 8, pn))), 128))], 8, fn)])) : S("", !0)], 64))), 128)),
-					(E(!0), C(b, null, O(Cc.value, (e) => (E(), C("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (E(), C(b, { key: 0 }, [(E(!0), C(b, null, O(e.span, (t, n) => (E(), C("g", { key: `highlight_area_rect_${e.from}_${n}` }, [w("rect", {
+						offset: A(te)(r, e.temperatureColors.length)
+					}, null, 8, pn))), 128))], 8, fn)])) : b("", !0)], 64))), 128)),
+					(E(!0), x(v, null, O(Cc.value, (e) => (E(), x("g", { key: `highlight_area_${e.from}_${e.span}_${e.color}` }, [e.show ? (E(), x(v, { key: 0 }, [(E(!0), x(v, null, O(e.span, (t, n) => (E(), x("g", { key: `highlight_area_rect_${e.from}_${n}` }, [S("rect", {
 						style: T({
 							transition: "none",
 							opacity: +(e.from + n >= U.value.start && e.from + n <= U.value.end - 1)
@@ -3691,8 +3691,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
 						width: Mc(e.from + n - U.value.start),
-						fill: A(f)(e.color, e.opacity)
-					}, null, 12, mn)]))), 128)), (E(!0), C(b, null, O(e.span, (t, n) => (E(), C("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (E(), C("foreignObject", {
+						fill: A(p)(e.color, e.opacity)
+					}, null, 12, mn)]))), 128)), (E(!0), x(v, null, O(e.span, (t, n) => (E(), x("g", { key: `highlight_area_caption_${e.from}_${n}` }, [e.caption.text && n === 0 ? (E(), x("foreignObject", {
 						key: 0,
 						x: jc(e.from + n - U.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Fc(e.span) / 2),
 						y: J.value?.top + e.caption.offsetY,
@@ -3702,8 +3702,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						}),
 						height: "1",
 						width: e.caption.width === "auto" ? Fc(e.span) : e.caption.width
-					}, [w("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"}`) }, ft(e.caption.text), 5)], 12, hn)) : S("", !0)]))), 128))], 64)) : S("", !0)]))), 128)),
-					ts.value && !G.value ? (E(), C("g", gn, [(E(!0), C(b, null, O(X.value, (e, t) => (E(), C("g", { key: `tooltip_trap_highlighter_${t}` }, [w("rect", {
+					}, [S("div", { style: T(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, ft(e.caption.text), 5)], 12, hn)) : b("", !0)]))), 128))], 64)) : b("", !0)]))), 128)),
+					ts.value && !G.value ? (E(), x("g", gn, [(E(!0), x(v, null, O(X.value, (e, t) => (E(), x("g", { key: `tooltip_trap_highlighter_${t}` }, [S("rect", {
 						x: jc(t),
 						y: J.value?.top,
 						height: J.value.height < 0 ? 10 : J.value.height,
@@ -3712,18 +3712,18 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							I.value,
 							R.value,
 							la.value
-						].includes(t) ? A(f)(V.value.chart.highlighter.color, V.value.chart.highlighter.crosshairs.show ? 0 : V.value.chart.highlighter.opacity) : "transparent",
+						].includes(t) ? A(p)(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, _n)]))), 128))])) : S("", !0),
-					Al.value.length ? (E(!0), C(b, { key: 1 }, O(Al.value, (e, n) => (E(), C("g", {
+					}, null, 8, _n)]))), 128))])) : b("", !0),
+					Al.value.length ? (E(!0), x(v, { key: 1 }, O(Al.value, (e, n) => (E(), x("g", {
 						key: `serie_bar_${e.id}`,
-						class: ot(`serie_bar_${n}`),
+						class: st(`serie_bar_${n}`),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(E(!0), C(b, null, O(e.plots, (r, i) => (E(), C("g", { key: `bar_plot_${n}_${i}` }, [
-						A(yt)(r.value) ? (E(), C("rect", {
+					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `bar_plot_${n}_${i}` }, [
+						A(yt)(r.value) ? (E(), x("rect", {
 							key: 0,
 							x: Xs(r) + Qc.value / 2,
 							y: H.value.useIndividualScale ? Qs(r) : Zs(r),
@@ -3734,8 +3734,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
 							style: T({ transition: A(ro) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, vn)) : S("", !0),
-						A(yt)(r.value) && t.$slots.pattern ? (E(), C("rect", {
+						}, null, 12, vn)) : b("", !0),
+						A(yt)(r.value) && t.$slots.pattern ? (E(), x("rect", {
 							key: 1,
 							x: Xs(r) - Qc.value / 2,
 							y: H.value.useIndividualScale ? Qs(r) : Zs(r),
@@ -3746,37 +3746,37 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							stroke: V.value.bar.border.useSerieColor ? e.color : V.value.bar.border.stroke,
 							"stroke-width": V.value.bar.border.strokeWidth,
 							style: T({ transition: A(ro) || !V.value.bar.showTransition ? void 0 : `all ${V.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, yn)) : S("", !0),
-						r.comment && V.value.chart.comments.show ? (E(), C("foreignObject", {
+						}, null, 12, yn)) : b("", !0),
+						r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
 							width: Zc.value + V.value.chart.comments.width,
 							x: Xs(r) - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
-							y: A(y)(r.y) + V.value.chart.comments.offsetY + 6
+							y: A(_)(r.y) + V.value.chart.comments.offsetY + 6
 						}, [k(t.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: n,
 							datapointIndex: i
-						} }, void 0, !0)], 8, bn)) : S("", !0)
-					]))), 128))], 6))), 128)) : S("", !0),
-					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (E(), C("line", {
+						} }, void 0, !0)], 8, bn)) : b("", !0)
+					]))), 128))], 6))), 128)) : b("", !0),
+					!H.value.useIndividualScale && V.value.chart.grid.labels.zeroLine.show ? (E(), x("line", {
 						key: 2,
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						x1: J.value?.left,
 						x2: J.value?.right,
-						y1: A(v)(Gs.value),
-						y2: A(v)(Gs.value),
+						y1: A(g)(Gs.value),
+						y2: A(g)(Gs.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, xn)) : S("", !0),
-					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && hs.value ? (E(), C("g", Sn, [w("line", {
+					}, null, 8, xn)) : b("", !0),
+					!V.value.chart.highlighter.crosshairs.show && (V.value.chart.highlighter.useLine || G.value) && hs.value ? (E(), x("g", Sn, [S("line", {
 						x1: wu.value,
 						x2: wu.value,
-						y1: A(v)(J.value?.top),
-						y2: A(v)(J.value?.bottom),
+						y1: A(g)(J.value?.top),
+						y2: A(g)(J.value?.bottom),
 						stroke: V.value.chart.highlighter.color,
 						"stroke-width": V.value.chart.highlighter.lineWidth,
 						"stroke-dasharray": V.value.chart.highlighter.lineDasharray,
@@ -3786,41 +3786,41 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, Cn)])) : S("", !0),
-					Tu.value ? (E(), C("g", wn, [(E(!0), C(b, null, O(Eu.value, (e) => (E(), C("g", { key: `crosshair_${e.serie.id}_${e.index}` }, [
-						w("line", {
-							x1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(v)(e.x) : J.value.left,
-							x2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(v)(Ou(e.x)) : J.value.right,
-							y1: A(v)(e.y),
-							y2: A(v)(e.y),
+					}, null, 8, Cn)])) : b("", !0),
+					Tu.value ? (E(), x("g", wn, [(E(!0), x(v, null, O(Eu.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)(Ou(e.x)) : J.value.right,
+							y1: A(g)(e.y),
+							y2: A(g)(e.y),
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
 						}, null, 8, Tn),
-						w("line", {
-							x1: A(v)(e.x),
-							x2: A(v)(e.x),
-							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(v)(e.y) : J.value.top,
-							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(v)(J.value.bottom) : J.value.bottom,
+						S("line", {
+							x1: A(g)(e.x),
+							x2: A(g)(e.x),
+							y1: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(g)(e.y) : J.value.top,
+							y2: V.value.chart.highlighter.crosshairs.stopOnPoint ? A(g)(J.value.bottom) : J.value.bottom,
 							stroke: V.value.chart.highlighter.crosshairs.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.strokeWidth,
 							"stroke-dasharray": V.value.chart.highlighter.crosshairs.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { "pointer-events": "none" }
 						}, null, 8, En),
-						w("circle", {
-							cx: A(v)(Ou(e.x)),
-							cy: A(v)(e.y),
+						S("circle", {
+							cx: A(g)(Ou(e.x)),
+							cy: A(g)(e.y),
 							r: V.value.chart.highlighter.crosshairs.dot.radius,
 							fill: V.value.chart.highlighter.crosshairs.dot.fill,
 							stroke: V.value.chart.highlighter.crosshairs.dot.stroke,
 							"stroke-width": V.value.chart.highlighter.crosshairs.dot.strokeWidth,
 							style: { "pointer-events": "none" }
 						}, null, 8, Dn)
-					]))), 128))])) : S("", !0),
-					V.value.chart.grid.frame.show ? (E(), C("rect", {
+					]))), 128))])) : b("", !0),
+					V.value.chart.grid.frame.show ? (E(), x("rect", {
 						key: 5,
 						style: {
 							pointerEvents: "none",
@@ -3837,50 +3837,50 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"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, On)) : S("", !0),
-					V.value.chart.grid.labels.show ? (E(), C("g", {
+					}, null, 8, On)) : b("", !0),
+					V.value.chart.grid.labels.show ? (E(), x("g", {
 						key: 6,
 						ref_key: "scaleLabels",
 						ref: Xi,
 						opacity: Tu.value ? .2 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [H.value.useIndividualScale ? (E(), C(b, { key: 0 }, [(E(!0), C(b, null, O(Ml.value, (e) => (E(), C("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [w("line", {
+					}, [H.value.useIndividualScale ? (E(), x(v, { key: 0 }, [(E(!0), x(v, null, O(Ml.value, (e) => (E(), x("g", { key: `individual_scale_axis_${e.groupId || e.id}` }, [S("line", {
 						x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
 						x2: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x - J.value.individualOffsetX,
-						y1: H.value.isStacked ? A(v)(J.value?.bottom - e.yOffset - e.individualHeight) : A(v)(J.value?.top),
-						y2: H.value.isStacked ? A(v)(J.value?.bottom - e.yOffset) : A(v)(J.value?.bottom),
+						y1: H.value.isStacked ? A(g)(J.value?.bottom - e.yOffset - e.individualHeight) : A(g)(J.value?.top),
+						y2: H.value.isStacked ? A(g)(J.value?.bottom - e.yOffset) : A(g)(J.value?.bottom),
 						stroke: e.color,
 						"stroke-width": V.value.chart.grid.stroke,
 						"stroke-linecap": "round",
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, An)]))), 128)), (E(!0), C(b, null, O(Ml.value, (e) => (E(), C("g", {
+					}, null, 12, An)]))), 128)), (E(!0), x(v, null, O(Ml.value, (e) => (E(), x("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`)
 					}, [
-						w("text", {
+						S("text", {
 							fill: e.color,
 							"font-size": B.value.dataLabels * .8,
 							"text-anchor": "middle",
 							transform: `translate(${H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + V.value.chart.grid.labels.yAxis.labelWidth + J.value.individualOffsetX + V.value.chart.grid.labels.axis.yLabelOffsetX : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize - V.value.chart.grid.labels.yAxis.scaleValueOffsetX - V.value.chart.grid.labels.yAxis.labelWidth - V.value.chart.grid.labels.axis.yLabelOffsetX : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + V.value.chart.grid.labels.yAxis.labelWidth + V.value.chart.grid.labels.axis.yLabelOffsetX : e.x - B.value.dataLabels * .8 / 2}, ${H.value.isStacked ? J.value?.bottom - e.yOffset - e.individualHeight / 2 : J.value?.top + J.value.height / 2}) rotate(-90)`
 						}, ft(e.name) + " " + ft(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, jn),
-						(E(!0), C(b, null, O(e.yLabels, (t, n) => (E(), C(b, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), C("line", {
+						(E(!0), x(v, null, O(e.yLabels, (t, n) => (E(), x(v, { key: `individual_scale_y_crosshair_${e.groupId || e.id}_${t.value}_${n}` }, [V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), x("line", {
 							key: 0,
 							x1: H.value.isStacked ? q.value ? J.value.right : J.value.left : q.value ? e.x : e.x + 3 - V.value.chart.grid.labels.yAxis.crosshairSize - J.value.individualOffsetX,
 							x2: H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize : e.x - J.value.individualOffsetX,
-							y1: A(v)(t.y),
-							y2: A(v)(t.y),
+							y1: A(g)(t.y),
+							y2: A(g)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Mn)) : S("", !0)], 64))), 128)),
-						(E(!0), C(b, null, O(e.yLabels, (t, n) => (E(), C("text", {
+						}, null, 8, Mn)) : b("", !0)], 64))), 128)),
+						(E(!0), x(v, null, O(e.yLabels, (t, n) => (E(), x("text", {
 							key: `individual_scale_y_label_${e.groupId || e.id}_${t.value}_${n}`,
-							transform: `translate(${H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize - V.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - J.value.individualOffsetX}, ${A(v)(t.y) + B.value.dataLabels / 3})`,
+							transform: `translate(${H.value.isStacked ? q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.left - V.value.chart.grid.labels.yAxis.crosshairSize - V.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : q.value ? e.x + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - J.value.individualOffsetX}, ${A(g)(t.y) + B.value.dataLabels / 3})`,
 							"text-anchor": q.value ? "start" : "end",
 							"font-size": B.value.dataLabels,
 							fill: e.color
-						}, ft(A(_)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(Se)({
+						}, ft(A(h)(V.value.chart.grid.labels.yAxis.formatter, t.value, A(u)({
 							p: t.prefix,
 							v: t.value,
 							s: t.suffix,
@@ -3889,31 +3889,31 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							datapoint: t.datapoint,
 							seriesIndex: n
 						})), 9, Nn))), 128))
-					], 4))), 128))], 64)) : (E(!0), C(b, { key: 1 }, O(nl.value, (e, t) => (E(), C("g", { key: `yLabel_${t}` }, [A(yt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), C("line", {
+					], 4))), 128))], 64)) : (E(!0), x(v, { key: 1 }, O(nl.value, (e, t) => (E(), x("g", { key: `yLabel_${t}` }, [A(yt)(e) && e.value >= W.value.min && e.value <= W.value.max && V.value.chart.grid.labels.yAxis.showCrosshairs ? (E(), x("line", {
 						key: 0,
 						x1: q.value ? J.value?.right : J.value?.left,
 						x2: q.value ? J.value?.right + V.value.chart.grid.labels.yAxis.crosshairSize : J.value?.left - V.value.chart.grid.labels.yAxis.crosshairSize,
-						y1: A(v)(e.y),
-						y2: A(v)(e.y),
+						y1: A(g)(e.y),
+						y2: A(g)(e.y),
 						stroke: V.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, Pn)) : S("", !0), e.value >= W.value.min && e.value <= W.value.max ? (E(), C("text", {
+					}, null, 8, Pn)) : b("", !0), e.value >= W.value.min && e.value <= W.value.max ? (E(), x("text", {
 						key: 1,
-						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(y)(e.y + B.value.dataLabels / 3)})`,
+						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(_)(e.y + B.value.dataLabels / 3)})`,
 						"font-size": B.value.dataLabels,
 						"text-anchor": q.value ? "start" : "end",
 						fill: V.value.chart.grid.labels.color
-					}, ft(A(yt)(e.value) ? A(_)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(Se)({
+					}, ft(A(yt)(e.value) ? A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(u)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
 						r: V.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, Fn)) : S("", !0)]))), 128))], 8, kn)) : S("", !0),
-					Tu.value ? (E(), C("g", In, [(E(!0), C(b, null, O(Eu.value, (e) => (E(), C("text", {
+					})) : ""), 9, Fn)) : b("", !0)]))), 128))], 8, kn)) : b("", !0),
+					Tu.value ? (E(), x("g", In, [(E(!0), x(v, null, O(Eu.value, (e) => (E(), x("text", {
 						key: `crosshair_y_label_${e.serie.id}_${e.index}`,
-						transform: `translate(${q.value ? J.value.right + V.value.chart.grid.labels.yAxis.crosshairSize + V.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : J.value.scaleLabelX - V.value.chart.grid.labels.yAxis.crosshairSize}, ${A(v)(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,
@@ -3922,7 +3922,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, ft(A(_)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(Se)({
+					}, ft(A(h)(V.value.chart.grid.labels.yAxis.formatter, e.value, A(u)({
 						p: e.serie.prefix || V.value.chart.labels.prefix,
 						v: e.value,
 						s: e.serie.suffix || V.value.chart.labels.suffix,
@@ -3930,10 +3930,10 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					}), {
 						datapoint: e.serie,
 						seriesIndex: e.index
-					})), 9, Ln))), 128))])) : S("", !0),
-					Du.value ? (E(), C("g", Rn, [w("circle", {
+					})), 9, Ln))), 128))])) : b("", !0),
+					Du.value ? (E(), x("g", Rn, [S("circle", {
 						cx: wu.value,
-						cy: A(v)(J.value?.bottom),
+						cy: A(g)(J.value?.bottom),
 						r: V.value.chart.highlighter.crosshairs.dot.radius,
 						fill: V.value.chart.highlighter.crosshairs.dot.fill,
 						stroke: V.value.chart.highlighter.crosshairs.dot.stroke,
@@ -3943,12 +3943,12 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, zn)])) : S("", !0),
-					(E(!0), C(b, null, O($.value, (e, n) => (E(), C("g", {
+					}, null, 8, zn)])) : b("", !0),
+					(E(!0), x(v, null, O($.value, (e, n) => (E(), x("g", {
 						key: `serie_plot_${e.id}`,
-						class: ot(`serie_plot_${n}`),
+						class: st(`serie_plot_${n}`),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [(E(!0), C(b, null, O(e.plots, (r, i) => (E(), C("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(yt)(r.value) ? (E(), Ze(We, {
+					}, [(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x("g", { key: `circle_plot_${e.id}_${i}` }, [r && A(yt)(r.value) ? (E(), $e(Ke, {
 						key: 0,
 						shape: [
 							"triangle",
@@ -3960,8 +3960,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						].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(y)(r.x),
-							y: A(y)(r.y)
+							x: A(_)(r.x),
+							y: A(_)(r.y)
 						},
 						radius: ku(e, r, i) ? (qa.value.plot || 6) * 1.5 : (il(e.plots, i), qa.value.plot || 6),
 						stroke: V.value.plot.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
@@ -3977,24 +3977,24 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"strokeWidth",
 						"transition",
 						"still"
-					])) : S("", !0), r.comment && V.value.chart.comments.show ? (E(), C("foreignObject", {
+					])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
 						key: 1,
 						style: { overflow: "visible" },
 						height: "12",
 						width: V.value.chart.comments.width,
 						x: r.x - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
 						y: r.y + V.value.chart.comments.offsetY + 6
-					}, [w("div", Vn, [k(t.$slots, "plot-comment", { plot: {
+					}, [S("div", Vn, [k(t.$slots, "plot-comment", { plot: {
 						...r,
 						color: e.color,
 						seriesIndex: n,
 						datapointIndex: i
-					} }, void 0, !0)])], 8, Bn)) : S("", !0)]))), 128))], 6))), 128)),
-					(E(!0), C(b, null, O(Q.value, (e, t) => (E(), C("g", {
+					} }, void 0, !0)])], 8, Bn)) : b("", !0)]))), 128))], 6))), 128)),
+					(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x("g", {
 						key: `serie_line_${e.id}`,
-						class: ot(`serie_line_${t}`),
+						class: st(`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(), C(b, { key: 0 }, [e.smooth ? (E(!0), C(b, { key: 0 }, O(e.dashedSmooth, (t, n) => (E(), C("path", {
+					}, [e.hasDashedSegments ? (E(), x(v, { key: 0 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (t, n) => (E(), x("path", {
 						key: `line_coating_smooth_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4004,7 +4004,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 						style: T({ transition: ul() })
-					}, null, 12, Hn))), 128)) : (E(!0), C(b, { key: 1 }, O(e.dashedStraight, (t, n) => (E(), C("path", {
+					}, null, 12, Hn))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (t, n) => (E(), x("path", {
 						key: `line_coating_straight_segment_${e.id}_${n}`,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -4014,7 +4014,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"stroke-width": V.value.line.strokeWidth + 1,
 						"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 						style: T({ transition: ul() })
-					}, null, 12, Un))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (E(), C("path", {
+					}, null, 12, Un))), 128))], 64)) : e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
 						key: 1,
 						d: `M${e.curve}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4024,7 +4024,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						style: T({ transition: ul() })
-					}, null, 12, Wn)) : e.plots.length > 1 && e.straight ? (E(), C("path", {
+					}, null, 12, Wn)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
 						key: 2,
 						d: `M${e.straight}`,
 						stroke: V.value.chart.backgroundColor,
@@ -4034,13 +4034,13 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						style: T({ transition: ul() })
-					}, null, 12, Gn)) : S("", !0)], 6))), 128)),
-					t.$slots.pattern ? (E(), C("defs", Kn, [(E(!0), C(b, null, O(Lo.value, (e, n) => k(t.$slots, "pattern", it({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+					}, null, 12, Gn)) : b("", !0)], 6))), 128)),
+					t.$slots.pattern ? (E(), x("defs", Kn, [(E(!0), x(v, null, O(Lo.value, (e, n) => k(t.$slots, "pattern", at({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
 						patternId: `pattern_${F.value}_${n}`
-					}), void 0, !0)), 128))])) : S("", !0),
-					Nl.value.length && !H.value.isStacked ? (E(), C("g", qn, [(E(!0), C(b, null, O(Nl.value, (e) => (E(), C("path", {
+					}), void 0, !0)), 128))])) : b("", !0),
+					Nl.value.length && !H.value.isStacked ? (E(), x("g", qn, [(E(!0), x(v, null, O(Nl.value, (e) => (E(), x("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
@@ -4048,34 +4048,34 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						stroke: "none",
 						"pointer-events": "none",
 						style: T({ transition: ul() })
-					}, null, 12, Jn))), 128))])) : S("", !0),
-					(E(!0), C(b, null, O(Q.value, (e, n) => (E(), C("g", {
+					}, null, 12, Jn))), 128))])) : b("", !0),
+					(E(!0), x(v, null, O(Q.value, (e, n) => (E(), x("g", {
 						key: `serie_line_above_${e.id}`,
-						class: ot(`serie_line_${n}`),
+						class: st(`serie_line_${n}`),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (E(), C("g", Yn, [e.smooth ? (E(!0), C(b, { key: 0 }, O(e.curveAreas, (r, i) => (E(), C(b, { key: i }, [r ? (E(), C("path", {
+						e.useArea && e.plots.length > 1 ? (E(), x("g", Yn, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.curveAreas, (r, i) => (E(), x(v, { key: i }, [r ? (E(), x("path", {
 							key: 0,
 							d: r,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(f)(e.color, V.value.line.area.opacity),
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(p)(e.color, V.value.line.area.opacity),
 							style: T({ transition: ul() })
-						}, null, 12, Xn)) : S("", !0), t.$slots.pattern && r ? (E(), C("path", {
+						}, null, 12, Xn)) : b("", !0), t.$slots.pattern && r ? (E(), x("path", {
 							key: 1,
 							d: r,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							style: T({ transition: ul() })
-						}, null, 12, Zn)) : S("", !0)], 64))), 128)) : (E(!0), C(b, { key: 1 }, O(e.area.split(";"), (r, i) => (E(), C(b, { key: i }, [r ? (E(), C("path", {
+						}, null, 12, Zn)) : b("", !0)], 64))), 128)) : (E(!0), x(v, { key: 1 }, O(e.area.split(";"), (r, i) => (E(), x(v, { key: i }, [r ? (E(), x("path", {
 							key: 0,
 							d: `M${r}Z`,
-							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(f)(e.color, V.value.line.area.opacity),
+							fill: V.value.line.area.useGradient ? `url(#areaGradient_${n}_${F.value})` : A(p)(e.color, V.value.line.area.opacity),
 							style: T({ transition: ul() })
-						}, null, 12, Qn)) : S("", !0), t.$slots.pattern && r ? (E(), C("path", {
+						}, null, 12, Qn)) : b("", !0), t.$slots.pattern && r ? (E(), x("path", {
 							key: 1,
 							d: `M${r}Z`,
 							fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
 							style: T({ transition: ul() })
-						}, null, 12, $n)) : S("", !0)], 64))), 128))])) : S("", !0),
-						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (E(), C("path", {
+						}, null, 12, $n)) : b("", !0)], 64))), 128))])) : b("", !0),
+						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (E(), x("path", {
 							key: 1,
 							d: `M${e.curve}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
@@ -4084,7 +4084,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							fill: "none",
 							"stroke-linecap": "round",
 							style: T({ transition: ul() })
-						}, null, 12, er)) : e.hasDashedSegments ? (E(), C(b, { key: 2 }, [e.smooth ? (E(!0), C(b, { key: 0 }, O(e.dashedSmooth, (t, r) => (E(), C("path", {
+						}, null, 12, er)) : e.hasDashedSegments ? (E(), x(v, { key: 2 }, [e.smooth ? (E(!0), x(v, { key: 0 }, O(e.dashedSmooth, (t, r) => (E(), x("path", {
 							key: `line_smooth_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4094,7 +4094,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 							style: T({ transition: ul() })
-						}, null, 12, tr))), 128)) : (E(!0), C(b, { key: 1 }, O(e.dashedStraight, (t, r) => (E(), C("path", {
+						}, null, 12, tr))), 128)) : (E(!0), x(v, { key: 1 }, O(e.dashedStraight, (t, r) => (E(), x("path", {
 							key: `line_straight_segment_${e.id}_${r}`,
 							fill: "none",
 							"stroke-linecap": "round",
@@ -4104,7 +4104,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"stroke-width": V.value.line.strokeWidth,
 							"stroke-dasharray": t.dashed ? V.value.line.strokeWidth * 2 : 0,
 							style: T({ transition: ul() })
-						}, null, 12, nr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (E(), C("path", {
+						}, null, 12, nr))), 128))], 64)) : e.plots.length > 1 && e.straight ? (E(), x("path", {
 							key: 3,
 							d: `M${e.straight}`,
 							stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${n}_${F.value})` : e.color,
@@ -4114,8 +4114,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							style: T({ transition: ul() })
-						}, null, 12, rr)) : S("", !0),
-						(E(!0), C(b, null, O(e.plots, (r, i) => (E(), C(b, { key: `circle_line_${e.id}_${i}` }, [!xc.value.linePlot && r && A(yt)(r.value) || xc.value.linePlot && r && A(yt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || il(e.plots, i) ? (E(), Ze(We, {
+						}, null, 12, rr)) : b("", !0),
+						(E(!0), x(v, null, O(e.plots, (r, i) => (E(), x(v, { key: `circle_line_${e.id}_${i}` }, [!xc.value.linePlot && r && A(yt)(r.value) || xc.value.linePlot && r && A(yt)(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || il(e.plots, i) ? (E(), $e(Ke, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -4127,8 +4127,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							].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(y)(r.x),
-								y: A(y)(r.y)
+								x: A(_)(r.x),
+								y: A(_)(r.y)
 							},
 							radius: ku(e, r, i) ? Ja.value || 0 : (il(e.plots, i), qa.value.line || 0),
 							stroke: V.value.line.dot.useSerieColor ? V.value.chart.backgroundColor : e.color,
@@ -4144,21 +4144,21 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"strokeWidth",
 							"transition",
 							"still"
-						])) : S("", !0), r.comment && V.value.chart.comments.show ? (E(), C("foreignObject", {
+						])) : b("", !0), r.comment && V.value.chart.comments.show ? (E(), x("foreignObject", {
 							key: 1,
 							style: { overflow: "visible" },
 							height: "12",
 							width: V.value.chart.comments.width,
 							x: r.x - V.value.chart.comments.width / 2 + V.value.chart.comments.offsetX,
 							y: r.y + V.value.chart.comments.offsetY + 6
-						}, [w("div", ar, [k(t.$slots, "plot-comment", { plot: {
+						}, [S("div", ar, [k(t.$slots, "plot-comment", { plot: {
 							...r,
 							color: e.color,
 							seriesIndex: n,
 							datapointIndex: i
-						} }, void 0, !0)])], 8, ir)) : S("", !0)], 64))), 128))
+						} }, void 0, !0)])], 8, ir)) : b("", !0)], 64))), 128))
 					], 6))), 128)),
-					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (E(), C("g", or, [(E(!0), C(b, null, O(Mu.value, (e) => (E(), C("text", {
+					(V.value.bar.labels.show || V.value.bar.serieName.show) && H.value.dataLabels.show ? (E(), x("g", or, [(E(!0), x(v, null, O(Mu.value, (e) => (E(), x("text", {
 						key: e.key,
 						"text-anchor": Cu({
 							plot: e.plot,
@@ -4175,7 +4175,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							plot: e.plot,
 							type: "bar"
 						})
-					}, null, 12, sr))), 128)), (E(!0), C(b, null, O(Al.value, (e, t) => (E(), C(b, { key: `xLabel_bar_${e.id}` }, [(E(!0), C(b, null, O(e.plots, (n, r) => (E(), C(b, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (E(), C("text", {
+					}, null, 12, sr))), 128)), (E(!0), x(v, null, O(Al.value, (e, t) => (E(), x(v, { key: `xLabel_bar_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_bar_${t}_${r}` }, [n && V.value.bar.serieName.show ? (E(), x("text", {
 						key: 0,
 						x: H.value.useIndividualScale && H.value.isStacked ? n.x + Js.value.line / 2 : n.x + Ys() * 1.1,
 						y: n.y + (n.value > 0 ? V.value.bar.serieName.offsetY : -V.value.bar.serieName.offsetY * 3),
@@ -4184,11 +4184,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						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`)
-					}, ft(V.value.bar.serieName.useAbbreviation ? A(xe)({
+					}, ft(V.value.bar.serieName.useAbbreviation ? A(Ce)({
 						source: e.name,
 						length: V.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, cr)) : S("", !0)], 64))), 128))], 64))), 128))])) : S("", !0),
-					V.value.plot.labels.show && H.value.dataLabels.show ? (E(), C("g", lr, [(E(!0), C(b, null, O(Nu.value, (e) => (E(), C("text", {
+					}) : e.name), 13, cr)) : b("", !0)], 64))), 128))], 64))), 128))])) : b("", !0),
+					V.value.plot.labels.show && H.value.dataLabels.show ? (E(), x("g", lr, [(E(!0), x(v, null, O(Nu.value, (e) => (E(), x("text", {
 						key: e.key,
 						transform: Su({
 							plot: e.plot,
@@ -4208,11 +4208,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							plot: e.plot,
 							type: "plot"
 						})
-					}, null, 12, ur))), 128))])) : (E(), C("g", dr, [(E(!0), C(b, null, O($.value, (e, t) => (E(), C(b, { key: `xLabel_plot_${e.id}` }, [(E(!0), C(b, null, O(e.plots, (n, r) => (E(), C(b, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (E(), C(b, { key: 1 }, [[
+					}, null, 12, ur))), 128))])) : (E(), x("g", dr, [(E(!0), x(v, null, O($.value, (e, t) => (E(), x(v, { key: `xLabel_plot_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_plot_${t}_${r}` }, [V.value.plot.tag.followValue ? (E(), x(v, { key: 1 }, [[
 						I.value,
 						R.value,
 						la.value
-					].includes(r) && e.useTag ? (E(), C("line", {
+					].includes(r) && e.useTag ? (E(), x("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
 						x1: J.value?.left,
@@ -4223,36 +4223,36 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, gr)) : S("", !0)], 64)) : (E(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), C("foreignObject", {
+					}, null, 8, gr)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), x("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [w("div", {
-						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(_)(V.value.plot.tag.formatter, n.value, e.name, {
+					}, [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;`),
+						innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, pr)], 12, fr)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), C("foreignObject", {
+					}, null, 12, pr)], 12, fr)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), x("foreignObject", {
 						key: 1,
 						x: n.x - e.name.length * (B.value.plotLabels / 2),
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [w("div", {
-						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(_)(V.value.plot.tag.formatter, n.value, e.name, {
+					}, [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;`),
+						innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, hr)], 12, mr)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					V.value.line.labels.show && H.value.dataLabels.show ? (E(), C("g", _r, [(E(!0), C(b, null, O(Pu.value, (e) => (E(), C("text", {
+					}, null, 12, hr)], 12, mr)) : b("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					V.value.line.labels.show && H.value.dataLabels.show ? (E(), x("g", _r, [(E(!0), x(v, null, O(Pu.value, (e) => (E(), x("text", {
 						key: e.key,
 						transform: Su({
 							plot: e.plot,
@@ -4272,11 +4272,11 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							plot: e.plot,
 							type: "line"
 						})
-					}, null, 12, vr))), 128))])) : (E(), C("g", yr, [(E(!0), C(b, null, O(Q.value, (e, t) => (E(), C(b, { key: `xLabel_line_${e.id}` }, [(E(!0), C(b, null, O(e.plots, (n, r) => (E(), C(b, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (E(), C(b, { key: 1 }, [[
+					}, null, 12, vr))), 128))])) : (E(), x("g", yr, [(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `xLabel_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `xLabel_line_${t}_${r}` }, [V.value.line.tag.followValue ? (E(), x(v, { key: 1 }, [[
 						I.value,
 						R.value,
 						la.value
-					].includes(r) && e.useTag ? (E(), C("line", {
+					].includes(r) && e.useTag ? (E(), x("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
 						x1: J.value?.left,
@@ -4287,43 +4287,43 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, wr)) : S("", !0)], 64)) : (E(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), C("foreignObject", {
+					}, null, 8, wr)) : b("", !0)], 64)) : (E(), x(v, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (E(), x("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [w("div", {
-						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(_)(V.value.line.tag.formatter, n.value, e.name, {
+					}, [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;`),
+						innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, xr)], 12, br)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), C("foreignObject", {
+					}, null, 12, xr)], 12, br)) : b("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (E(), x("foreignObject", {
 						key: 1,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
 						style: T(`overflow: visible; opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, [w("div", {
-						style: T(`padding: 3px; background:${A(f)(e.color, 80)};color:${A(Ce)(e.color)};width:fit-content;font-size:${B.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: A(_)(V.value.line.tag.formatter, n.value, e.name, {
+					}, [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;`),
+						innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Cr)], 12, Sr)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					(E(!0), C(b, null, O(Q.value, (e, t) => (E(), C(b, { key: `xLabel_line_${e.id}` }, [(E(!0), C(b, null, O(e.plots, (n, r) => (E(), C(b, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), C("text", {
+					}, null, 12, Cr)], 12, Sr)) : 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", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(se)({
+						innerHTML: A(l)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4332,14 +4332,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Tr)) : S("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), C("text", {
+					}, null, 12, Tr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: A(se)({
+						innerHTML: A(l)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4348,15 +4348,15 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Er)) : S("", !0)], 64))), 128))], 64))), 128)),
-					(E(!0), C(b, null, O($.value, (e, t) => (E(), C(b, { key: `xLabel_plot_${e.id}` }, [(E(!0), C(b, null, O(e.plots, (n, r) => (E(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (E(), C("text", {
+					}, null, 12, Er)) : 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", {
 						key: 0,
 						x: n.x - B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: A(se)({
+						innerHTML: A(l)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4365,14 +4365,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Dr)) : S("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), C("text", {
+					}, null, 12, Dr)) : b("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (E(), x("text", {
 						key: 1,
 						x: n.x + B.value.plotLabels,
 						y: n.y,
 						"font-size": B.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: A(se)({
+						innerHTML: A(l)({
 							content: e.name,
 							fontSize: B.value.plotLabels,
 							fill: e.color,
@@ -4381,13 +4381,13 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							maxWords: 2
 						}),
 						style: T(`opacity:${N.value ? N.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, Or)) : S("", !0)], 64))), 128))], 64))), 128)),
-					(E(!0), C(b, null, O([
+					}, null, 12, Or)) : b("", !0)], 64))), 128))], 64))), 128)),
+					(E(!0), x(v, null, O([
 						...$.value,
 						...Q.value,
 						...Al.value
-					], (e, t) => (E(), C(b, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(be)(e.plots).trend) ? (E(), C("g", kr, [
-						w("defs", null, [w("marker", {
+					], (e, t) => (E(), x(v, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(A(xe)(e.plots).trend) ? (E(), x("g", kr, [
+						S("defs", null, [S("marker", {
 							id: `progression_arrow_${t}`,
 							markerWidth: "9",
 							markerHeight: "9",
@@ -4397,44 +4397,44 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							refY: 7 / 2,
 							orient: "auto",
 							overflow: "visible"
-						}, [w("polygon", {
+						}, [S("polygon", {
 							points: "0,0 7,3.5 0,7",
 							fill: e.color,
 							stroke: V.value.chart.backgroundColor,
 							"stroke-width": "1",
 							"stroke-linejoin": "round"
 						}, null, 8, jr)], 8, Ar)]),
-						e.plots.length > 1 ? (E(), C("line", {
+						e.plots.length > 1 ? (E(), x("line", {
 							key: 0,
-							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Ys() : 0),
-							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Ys() : 0),
-							y1: A(v)(A(be)(e.plots).y1),
-							y2: A(v)(A(be)(e.plots).y2),
+							x1: A(xe)(e.plots).x1 + (e.type === "bar" ? Ys() : 0),
+							x2: A(xe)(e.plots).x2 + (e.type === "bar" ? Ys() : 0),
+							y1: A(g)(A(xe)(e.plots).y1),
+							y2: A(g)(A(xe)(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, Mr)) : S("", !0),
-						e.plots.length > 1 ? (E(), C("line", {
+						}, null, 8, Mr)) : b("", !0),
+						e.plots.length > 1 ? (E(), x("line", {
 							key: 1,
-							x1: A(be)(e.plots).x1 + (e.type === "bar" ? Ys() : 0),
-							x2: A(be)(e.plots).x2 + (e.type === "bar" ? Ys() : 0),
-							y1: A(v)(A(be)(e.plots).y1),
-							y2: A(v)(A(be)(e.plots).y2),
+							x1: A(xe)(e.plots).x1 + (e.type === "bar" ? Ys() : 0),
+							x2: A(xe)(e.plots).x2 + (e.type === "bar" ? Ys() : 0),
+							y1: A(g)(A(xe)(e.plots).y1),
+							y2: A(g)(A(xe)(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, Nr)) : S("", !0),
-						e.plots.length > 1 ? (E(), C("text", {
+						}, null, 8, Nr)) : b("", !0),
+						e.plots.length > 1 ? (E(), x("text", {
 							key: 2,
 							"text-anchor": "middle",
-							x: A(be)(e.plots).x2 + (e.type === "bar" ? Ys() : 0),
-							y: A(be)(e.plots).y2 - 12,
+							x: A(xe)(e.plots).x2 + (e.type === "bar" ? Ys() : 0),
+							y: A(xe)(e.plots).y2 - 12,
 							"font-size": B.value.plotLabels,
 							fill: e.color,
 							stroke: V.value.chart.backgroundColor,
@@ -4442,28 +4442,28 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"paint-order": "stroke fill"
-						}, ft(A(Se)({
-							v: A(be)(e.plots).trend * 100,
+						}, ft(A(u)({
+							v: A(xe)(e.plots).trend * 100,
 							s: "%",
 							r: 2
-						})), 9, Pr)) : S("", !0)
-					])) : S("", !0)], 64))), 128)),
-					H.value.useIndividualScale && !H.value.isStacked ? (E(), C(b, { key: 16 }, [w("defs", null, [(E(!0), C(b, null, O(Ml.value, (e, t) => (E(), C("linearGradient", {
+						})), 9, Pr)) : 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(Ml.value, (e, t) => (E(), x("linearGradient", {
 						key: `individual_scale_gradient_${e.groupId || e.id || t}`,
 						id: `individual_scale_gradient_${F.value}_${t}`,
 						x1: q.value ? "100%" : "0%",
 						x2: q.value ? "0%" : "100%",
 						y1: "0%",
 						y2: "0%"
-					}, [w("stop", {
+					}, [S("stop", {
 						offset: "0%",
 						"stop-color": V.value.chart.backgroundColor,
 						"stop-opacity": "0"
-					}, null, 8, Ir), w("stop", {
+					}, null, 8, Ir), S("stop", {
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, Lr)], 8, Fr))), 128))]), (E(!0), C(b, null, O(Ml.value, (e, t) => (E(), C("rect", {
+					}, null, 8, Lr)], 8, Fr))), 128))]), (E(!0), x(v, null, O(Ml.value, (e, t) => (E(), x("rect", {
 						key: `individual_scale_background_${e.groupId || e.id || t}`,
 						x: q.value ? e.x : e.x - V.value.chart.grid.labels.yAxis.labelWidth - J.value.individualOffsetX,
 						y: J.value?.top,
@@ -4472,8 +4472,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						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, Rr))), 128))], 64)) : S("", !0),
-					w("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (E(), C("text", {
+					}, null, 40, Rr))), 128))], 64)) : b("", !0),
+					S("g", null, [V.value.chart.grid.labels.axis.yLabel && !H.value.useIndividualScale ? (E(), x("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
 						ref: Ji,
@@ -4482,7 +4482,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						transform: `translate(${q.value ? J.value.right + J.value.scaleLabelsOffset + V.value.chart.grid.labels.axis.yLabelOffsetX + B.value.yAxis : V.value.chart.grid.labels.axis.fontSize + V.value.chart.grid.labels.axis.yLabelOffsetX}, ${J.value?.top + J.value.height / 2}) rotate(-90)`,
 						"text-anchor": "middle",
 						style: { transition: "none" }
-					}, ft(V.value.chart.grid.labels.axis.yLabel), 9, zr)) : S("", !0), V.value.chart.grid.labels.axis.xLabel ? (E(), C("text", {
+					}, ft(V.value.chart.grid.labels.axis.yLabel), 9, zr)) : b("", !0), V.value.chart.grid.labels.axis.xLabel ? (E(), x("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
 						ref: qi,
@@ -4491,14 +4491,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						y: na.value - 3,
 						"font-size": B.value.yAxis,
 						fill: V.value.chart.grid.labels.color
-					}, ft(V.value.chart.grid.labels.axis.xLabel), 9, Br)) : S("", !0)]),
-					V.value.chart.grid.labels.xAxisLabels.show ? (E(), C("g", {
+					}, ft(V.value.chart.grid.labels.axis.xLabel), 9, Br)) : b("", !0)]),
+					V.value.chart.grid.labels.xAxisLabels.show ? (E(), x("g", {
 						key: 17,
 						ref_key: "timeLabelsEls",
 						ref: Yi,
 						opacity: Tu.value ? .1 : 1,
 						style: { transition: "opacity 0.2s" }
-					}, [t.$slots["time-label"] ? (E(!0), C(b, { key: 0 }, O(pl.value, (e, n) => k(t.$slots, "time-label", it({
+					}, [t.$slots["time-label"] ? (E(!0), x(v, { key: 0 }, O(pl.value, (e, n) => k(t.$slots, "time-label", at({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
@@ -4511,7 +4511,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						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), C(b, { key: 1 }, O(pl.value, (e, t) => (E(), C("g", { key: `time_label_${t}` }, [e && e.text ? (E(), C(b, { key: 0 }, [String(e.text).includes("\n") ? (E(), C("text", {
+					}), void 0, !0)), 128)) : (E(!0), x(v, { key: 1 }, O(pl.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", {
 						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",
@@ -4519,7 +4519,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						fill: V.value.chart.grid.labels.xAxisLabels.color,
 						transform: `translate(${ml(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: T({ cursor: Zo() && Qa.value ? "pointer" : "default" }),
-						innerHTML: A(s)({
+						innerHTML: A(ce)({
 							content: String(e.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
@@ -4527,7 +4527,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							y: 0
 						}),
 						onClick: (n) => fs(e, t)
-					}, null, 12, Ur)) : (E(), C("text", {
+					}, null, 12, Ur)) : (E(), x("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
@@ -4536,8 +4536,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 						transform: `translate(${ml(e, t)}, ${J.value?.bottom + B.value.xAxis * 1.5}), rotate(${V.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: T({ cursor: Zo() && Qa.value ? "pointer" : "default" }),
 						onClick: (n) => fs(e, t)
-					}, ft(e.text || ""), 13, Hr))], 64)) : S("", !0)]))), 128))], 8, Vr)) : S("", !0),
-					Du.value ? (E(), C("g", Wr, [w("text", {
+					}, ft(e.text || ""), 13, Hr))], 64)) : b("", !0)]))), 128))], 8, Vr)) : b("", !0),
+					Du.value ? (E(), x("g", Wr, [S("text", {
 						class: "vue-data-ui-time-label",
 						"text-anchor": V.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : V.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": B.value.xAxis,
@@ -4549,16 +4549,16 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							animation: "none !important",
 							"pointer-events": "none"
 						},
-						innerHTML: A(s)({
+						innerHTML: A(ce)({
 							content: String(Du.value.text),
 							fontSize: B.value.xAxis,
 							fill: V.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Gr)])) : S("", !0),
-					rl.value.length && !H.value.isStacked ? (E(), C("g", Kr, [(E(!0), C(b, null, O(rl.value, (e) => (E(), C("g", { key: e.id }, [
-						e.yTop && e.show && isFinite(e.yTop) ? (E(), C("line", {
+					}, null, 8, Gr)])) : b("", !0),
+					rl.value.length && !H.value.isStacked ? (E(), x("g", Kr, [(E(!0), x(v, null, O(rl.value, (e) => (E(), x("g", { key: e.id }, [
+						e.yTop && e.show && isFinite(e.yTop) ? (E(), x("line", {
 							key: 0,
 							x1: e.x1,
 							y1: e.yTop,
@@ -4569,8 +4569,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, qr)) : S("", !0),
-						e.yBottom && e.show && isFinite(e.yBottom) ? (E(), C("line", {
+						}, null, 8, qr)) : b("", !0),
+						e.yBottom && e.show && isFinite(e.yBottom) ? (E(), x("line", {
 							key: 1,
 							x1: e.x1,
 							y1: e.yBottom,
@@ -4581,24 +4581,24 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Jr)) : S("", !0),
-						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (E(), C("rect", {
+						}, null, 8, Jr)) : b("", !0),
+						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (E(), x("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
 							width: J.value.width,
-							height: A(y)(e.areaHeight, 0),
-							fill: A(f)(e.config.area.fill, e.config.area.opacity),
+							height: A(_)(e.areaHeight, 0),
+							fill: A(p)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
-						}, null, 8, Yr)) : S("", !0),
-						e.config.label.text && e.show && isFinite(e._box.y) ? (E(), C("rect", it({
+						}, null, 8, Yr)) : b("", !0),
+						e.config.label.text && e.show && isFinite(e._box.y) ? (E(), x("rect", at({
 							key: 3,
 							class: "vue-ui-xy-annotation-label-box"
 						}, { ref_for: !0 }, e._box, { style: {
 							animation: "none !important",
 							transition: "none !important"
-						} }), null, 16)) : S("", !0),
-						e.config.label.text && e.show && isFinite(e._text.y) ? (E(), C("text", {
+						} }), null, 16)) : b("", !0),
+						e.config.label.text && e.show && isFinite(e._text.y) ? (E(), x("text", {
 							key: 4,
 							id: e.id,
 							class: "vue-ui-xy-annotation-label",
@@ -4607,31 +4607,31 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 							"font-size": e.config.label.fontSize,
 							fill: e.config.label.color,
 							"text-anchor": e.config.label.textAnchor
-						}, ft(e.config.label.text), 9, Xr)) : S("", !0)
-					]))), 128))])) : S("", !0),
-					!Tu.value && V.value.chart.timeTag.show && (G.value ? A(g)(pu.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (E(), C("g", Zr, [(E(), C("foreignObject", {
+						}, ft(e.config.label.text), 9, Xr)) : b("", !0)
+					]))), 128))])) : b("", !0),
+					!Tu.value && V.value.chart.timeTag.show && (G.value ? A(De)(pu.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (E(), x("g", Zr, [(E(), x("foreignObject", {
 						x: hu(),
 						y: J.value?.bottom,
 						width: "200",
 						height: "40",
 						style: { overflow: "visible !important" }
-					}, [w("div", {
+					}, [S("div", {
 						ref_key: "timeTagEl",
 						ref: uu,
 						class: "vue-ui-xy-time-tag",
 						style: T(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${V.value.chart.timeTag.backgroundColor};color:${V.value.chart.timeTag.color};font-size:${V.value.chart.timeTag.fontSize}px`),
 						innerHTML: yu.value
-					}, null, 12, $r)], 8, Qr)), w("circle", {
-						cx: G.value && A(g)(pu.value) ? hl({ x: pu.value }) : kc((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
+					}, null, 12, $r)], 8, Qr)), S("circle", {
+						cx: G.value && A(De)(pu.value) ? hl({ x: pu.value }) : kc((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, ei)])) : S("", !0)
-				])) : S("", !0),
-				mo.value ? (E(), C("rect", it({ key: 2 }, _o.value, {
+					}, null, 8, ei)])) : b("", !0)
+				])) : b("", !0),
+				mo.value ? (E(), x("rect", at({ key: 2 }, _o.value, {
 					"data-start": U.value.start,
 					"data-end": U.value.end
-				}), null, 16, ti)) : S("", !0),
+				}), null, 16, ti)) : b("", !0),
 				k(t.$slots, "svg", { svg: {
 					...Ua.value,
 					slicer: U.value,
@@ -4644,16 +4644,16 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					],
 					drawingArea: J.value
 				} }, void 0, !0)
-			], 512)], 46, Nt)), t.$slots.hint ? (E(), C("div", ni, [k(t.$slots, "hint", st(rt({
+			], 512)], 46, Nt)), t.$slots.hint ? (E(), x("div", ni, [k(t.$slots, "hint", w(C({
 				hint: V.value.a11y.translations.keyboardNavigation,
 				isVisible: Yu.value
-			})), void 0, !0)])) : S("", !0)]),
-			t.$slots.watermark ? (E(), C("div", ri, [k(t.$slots, "watermark", st(rt({ isPrinting: A(vo) || A(yo) || wa.value || Ta.value })), void 0, !0)])) : S("", !0),
-			(E(!0), C(b, null, O(Q.value, (e, t) => (E(), C(b, { key: `tag_line_${e.id}` }, [(E(!0), C(b, null, O(e.plots, (n, r) => (E(), C(b, { key: `tag_line_${t}_${r}` }, [[
+			})), void 0, !0)])) : b("", !0)]),
+			t.$slots.watermark ? (E(), x("div", ri, [k(t.$slots, "watermark", w(C({ isPrinting: A(vo) || A(yo) || wa.value || Ta.value })), void 0, !0)])) : b("", !0),
+			(E(!0), x(v, null, O(Q.value, (e, t) => (E(), x(v, { key: `tag_line_${e.id}` }, [(E(!0), x(v, null, O(e.plots, (n, r) => (E(), x(v, { key: `tag_line_${t}_${r}` }, [[
 				I.value,
 				R.value,
 				la.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (E(), C("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.line.tag.followValue ? (E(), x("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => es(t, r, e, "right", "line"),
@@ -4661,14 +4661,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"data-tag": "right",
 				style: T({
 					position: "fixed",
-					top: A(m)({
+					top: A(o)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ba.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.top + "px",
-					left: A(m)({
+					left: A(o)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4678,27 +4678,27 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: A(Ce)(e.color),
+					color: A(we)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), C("svg", ii, [w("path", {
+			}, [(E(), x("svg", ii, [S("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ai)])), w("div", {
+			}, null, 8, ai)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(_)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, oi)], 4)) : S("", !0), [
+			}, null, 8, oi)], 4)) : b("", !0), [
 				I.value,
 				R.value,
 				la.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (E(), C("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.line.tag.followValue ? (E(), x("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => es(t, r, e, "left", "line"),
@@ -4706,14 +4706,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"data-tag": "left",
 				style: T({
 					position: "fixed",
-					top: A(m)({
+					top: A(o)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
 						element: ba.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.top + "px",
-					left: A(m)({
+					left: A(o)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.line.tag.fontSize / 1.5,
 						y: n.y,
@@ -4723,28 +4723,28 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: A(Ce)(e.color),
+					color: A(we)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), C("svg", si, [w("path", {
+			}, [(E(), x("svg", si, [S("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, ci)])), w("div", {
+			}, null, 8, ci)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(_)(V.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, li)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
-			(E(!0), C(b, null, O($.value, (e, t) => (E(), C(b, { key: `tag_plot_${e.id}` }, [(E(!0), C(b, null, O(e.plots, (n, r) => (E(), C(b, { key: `tag_plot_${t}_${r}` }, [[
+			}, null, 8, li)], 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}` }, [[
 				I.value,
 				R.value,
 				la.value
-			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (E(), C("div", {
+			].includes(r) && e.useTag && e.useTag === "end" && V.value.plot.tag.followValue ? (E(), x("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => es(t, r, e, "right", "plot"),
@@ -4752,14 +4752,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"data-tag": "right",
 				style: T({
 					position: "fixed",
-					top: A(m)({
+					top: A(o)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ba.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.top + "px",
-					left: A(m)({
+					left: A(o)({
 						svgElement: L.value,
 						x: J.value?.right + V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4769,27 +4769,27 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: A(Ce)(e.color),
+					color: A(we)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), C("svg", ui, [w("path", {
+			}, [(E(), x("svg", ui, [S("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, di)])), w("div", {
+			}, null, 8, di)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(_)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, fi)], 4)) : S("", !0), [
+			}, null, 8, fi)], 4)) : b("", !0), [
 				I.value,
 				R.value,
 				la.value
-			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (E(), C("div", {
+			].includes(r) && e.useTag && e.useTag === "start" && V.value.plot.tag.followValue ? (E(), x("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => es(t, r, e, "left", "plot"),
@@ -4797,14 +4797,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"data-tag": "left",
 				style: T({
 					position: "fixed",
-					top: A(m)({
+					top: A(o)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
 						element: ba.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.top + "px",
-					left: A(m)({
+					left: A(o)({
 						svgElement: L.value,
 						x: J.value?.left - V.value.plot.tag.fontSize / 1.5,
 						y: n.y,
@@ -4814,24 +4814,24 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: A(Ce)(e.color),
+					color: A(we)(e.color),
 					padding: "0 6px",
 					fontSize: V.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(E(), C("svg", pi, [w("path", {
+			}, [(E(), x("svg", pi, [S("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, mi)])), w("div", {
+			}, null, 8, mi)])), S("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: A(_)(V.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: A(h)(V.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, hi)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
-			V.value.chart.zoom.show && fo.value > 6 && Za.value && bs.value ? (E(), Ze(Ke, {
+			}, null, 8, hi)], 4)) : b("", !0)], 64))), 128))], 64))), 128)),
+			V.value.chart.zoom.show && fo.value > 6 && Za.value && bs.value ? (E(), $e(Je, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: Hi,
@@ -4899,21 +4899,21 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"onUpdate:end": Ns,
 				"onUpdate:start": Ms
 			}, {
-				"reset-action": j(({ reset: e }) => [k(t.$slots, "reset-action", st(rt({ reset: e })), void 0, !0)]),
+				"reset-action": j(({ reset: e }) => [k(t.$slots, "reset-action", w(C({ reset: e })), void 0, !0)]),
 				_: 3
-			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : S("", !0),
-			w("div", { id: `legend-bottom-${F.value}` }, null, 8, gi),
-			Sa.value && (V.value.chart.legend.show || t.$slots.legend) ? (E(), Ze(Xe, {
+			}, 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, gi),
+			Sa.value && (V.value.chart.legend.show || t.$slots.legend) ? (E(), $e(Qe, {
 				key: 7,
 				to: V.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
-			}, [w("div", {
+			}, [S("div", {
 				ref_key: "chartLegend",
 				ref: Ui
-			}, [k(t.$slots, "legend", { legend: Ro.value }, () => [V.value.chart.legend.show ? (E(), C("div", {
+			}, [k(t.$slots, "legend", { legend: Ro.value }, () => [V.value.chart.legend.show ? (E(), x("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 && Ro.value.length > 2 && !A(ro) ? (E(), Ze(Je, {
+			}, [V.value.chart.legend.selectAllToggle.show && Ro.value.length > 2 && !A(ro) ? (E(), $e(Xe, {
 				key: 0,
 				backgroundColor: V.value.chart.legend.selectAllToggle.backgroundColor,
 				color: V.value.chart.legend.selectAllToggle.color,
@@ -4925,19 +4925,19 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"color",
 				"fontSize",
 				"checked"
-			])) : S("", !0), (E(!0), C(b, null, O(Ro.value, (e, n) => (E(), C("div", {
+			])) : b("", !0), (E(!0), x(v, null, O(Ro.value, (e, n) => (E(), x("div", {
 				key: `div_legend_item_${n}`,
 				onClick: (t) => gc(e),
 				onKeydown: (t) => mc(t, e),
 				role: "button",
 				tabindex: "0",
-				class: ot({
+				class: st({
 					"vue-ui-xy-legend-item-alone": Ro.value.length === 1,
 					"vue-ui-xy-legend-item": !0,
 					"vue-ui-xy-legend-item-segregated": da.value.has(e.id)
 				}),
 				style: T({ cursor: Qa.value ? "pointer" : "default" })
-			}, [aa.value[e.type] === "line" ? (E(), C("svg", vi, [w("rect", {
+			}, [aa.value[e.type] === "line" ? (E(), x("svg", vi, [S("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
@@ -4946,7 +4946,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				height: "3",
 				width: "20",
 				fill: e.color
-			}, null, 8, yi), et(We, {
+			}, null, 8, yi), nt(Ke, {
 				plot: {
 					x: 10,
 					y: 9
@@ -4967,7 +4967,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"color",
 				"shape",
 				"stroke"
-			])])) : aa.value[e.type] === "bar" ? (E(), C("svg", bi, [aa.value[e.type] === "bar" && t.$slots.pattern ? (E(), C("rect", {
+			])])) : aa.value[e.type] === "bar" ? (E(), x("svg", bi, [aa.value[e.type] === "bar" && t.$slots.pattern ? (E(), x("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -4976,7 +4976,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, xi)) : S("", !0), aa.value[e.type] === "bar" ? (E(), C("rect", {
+			}, null, 8, xi)) : b("", !0), aa.value[e.type] === "bar" ? (E(), x("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -4985,7 +4985,7 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				width: "32",
 				stroke: "none",
 				fill: t.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, Si)) : S("", !0)])) : (E(), C("svg", Ci, [et(We, {
+			}, null, 8, Si)) : b("", !0)])) : (E(), x("svg", Ci, [nt(Ke, {
 				plot: {
 					x: 6,
 					y: 6
@@ -5000,14 +5000,14 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), w("span", { style: T(`color:${V.value.chart.legend.color}`) }, ft(e.name), 5)], 46, _i))), 128))], 4)) : S("", !0)], !0)], 512)], 8, ["to"])) : S("", !0),
-			t.$slots.source ? (E(), C("div", {
+			}, null, 8, ["color", "shape"])])), S("span", { style: T(`color:${V.value.chart.legend.color}`) }, ft(e.name), 5)], 46, _i))), 128))], 4)) : b("", !0)], !0)], 512)], 8, ["to"])) : b("", !0),
+			t.$slots.source ? (E(), x("div", {
 				key: 8,
 				ref_key: "source",
 				ref: Wi,
 				dir: "auto"
-			}, [k(t.$slots, "source", {}, void 0, !0)], 512)) : S("", !0),
-			et(A(Di), {
+			}, [k(t.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
+			nt(A(Di), {
 				teleportTo: V.value.chart.tooltip.teleportTo,
 				show: H.value.showTooltip && ca.value,
 				backgroundColor: V.value.chart.tooltip.backgroundColor,
@@ -5031,9 +5031,9 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				isA11yMode: Da.value != null,
 				a11yPosition: Oa.value
 			}, {
-				"tooltip-before": j(() => [k(t.$slots, "tooltip-before", st(rt({ ...Pl.value })), void 0, !0)]),
-				tooltip: j(() => [k(t.$slots, "tooltip", st(rt({ ...Pl.value })), void 0, !0)]),
-				"tooltip-after": j(() => [k(t.$slots, "tooltip-after", st(rt({ ...Pl.value })), void 0, !0)]),
+				"tooltip-before": j(() => [k(t.$slots, "tooltip-before", w(C({ ...Pl.value })), void 0, !0)]),
+				tooltip: j(() => [k(t.$slots, "tooltip", w(C({ ...Pl.value })), void 0, !0)]),
+				"tooltip-after": j(() => [k(t.$slots, "tooltip-after", w(C({ ...Pl.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -5059,26 +5059,26 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Za.value && V.value.chart.userOptions.buttons.table ? (E(), Ze(ut(zu.value.component), it({ key: 9 }, zu.value.props, {
+			Za.value && V.value.chart.userOptions.buttons.table ? (E(), $e(ut(zu.value.component), at({ key: 9 }, zu.value.props, {
 				ref_key: "tableUnit",
 				ref: Ca,
 				onClose: Bu
-			}), Qe({
-				content: j(() => [w("div", { style: T(`${A(vo) || 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"}`) }, [w("div", wi, [vt(w("input", {
+			}), et({
+				content: j(() => [S("div", { style: T(`${A(vo) || 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", wi, [vt(S("input", {
 					type: "checkbox",
 					"onUpdate:modelValue": n[4] ||= (e) => ha.value = e
-				}, null, 512), [[ht, ha.value]]), w("div", {
+				}, null, 512), [[ht, ha.value]]), S("div", {
 					onClick: n[5] ||= (e) => ha.value = !ha.value,
 					style: T({ cursor: Qa.value ? "pointer" : "default" })
-				}, [et(A(ki), {
+				}, [nt(A(ki), {
 					name: "chartLine",
 					size: 20,
 					stroke: V.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), ha.value ? (E(), Ze(A(Ai), {
+				}, null, 8, ["stroke"])], 4)]), ha.value ? (E(), $e(A(Ai), {
 					key: `sparkline_${ga.value}`,
 					dataset: Tc.value,
 					config: Ec.value
-				}, null, 8, ["dataset", "config"])) : (E(), Ze(A(Ei), {
+				}, null, 8, ["dataset", "config"])) : (E(), $e(A(Ei), {
 					key: `table_${pa.value}`,
 					colNames: $l.value.colNames,
 					head: $l.value.head,
@@ -5088,8 +5088,8 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 					withCloseButton: !V.value.table.useDialog,
 					onClose: Bu
 				}, {
-					th: j(({ th: e }) => [w("div", { innerHTML: e }, null, 8, Ti)]),
-					td: j(({ td: e }) => [$e(ft(isNaN(Number(e)) ? e : A(Se)({
+					th: j(({ th: e }) => [S("div", { innerHTML: e }, null, 8, Ti)]),
+					td: j(({ td: e }) => [tt(ft(isNaN(Number(e)) ? e : A(u)({
 						p: V.value.chart.labels.prefix,
 						v: e,
 						s: V.value.chart.labels.suffix,
@@ -5107,21 +5107,21 @@ var Ot = /* @__PURE__ */ e({ default: () => M }), kt = ["id"], At = ["id"], jt =
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [$e(ft(zu.value.title), 1)]),
+				fn: j(() => [tt(ft(zu.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
-				fn: j(() => [w("button", {
+				fn: j(() => [S("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: n[3] ||= (e) => eu(V.value.chart.userOptions.callbacks.csv)
-				}, [et(A(ki), {
+				}, [nt(A(ki), {
 					name: "fileCsv",
 					stroke: zu.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
-			} : void 0]), 1040)) : S("", !0),
-			k(t.$slots, "skeleton", {}, () => [A(ro) ? (E(), Ze(Fe, { key: 0 })) : S("", !0)], !0)
+			} : void 0]), 1040)) : b("", !0),
+			k(t.$slots, "skeleton", {}, () => [A(ro) ? (E(), $e(Le, { key: 0 })) : b("", !0)], !0)
 		], 46, kt));
 	}
 }, [["__scopeId", "data-v-961f1d98"]]);