vue-data-ui 3.18.0 → 3.18.2

package/dist/{vue-ui-xy-DrvbVuHO.js → vue-ui-xy-ZAw5hm1u.js}

@@ -1,81 +1,81 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { At as t, B as n, D as r, F as i, G as a, H as o, I as s, It as c, J as l, L as u, Lt as ee, M as te, Mt as d, O as f, Ot as p, P as m, R as ne, Rt as re, S as ie, St as ae, T as oe, Tt as se, X as ce, _t as le, a as h, c as ue, dt as g, et as _, g as de, h as fe, i as v, j as pe, jt as me, k as he, l as ge, mt as _e, n as ve, nt as ye, pt as be, r as xe, s as Se, v as y, w as Ce, x as we, y as Te, z as Ee, zt as De } from "./lib-B83ZCydz.js";
+import { At as t, B as n, D as r, F as i, G as a, H as o, I as s, It as c, J as l, L as u, Lt as ee, M as te, Mt as d, O as f, Ot as p, P as m, R as ne, Rt as re, S as ie, St as ae, T as oe, Tt as h, X as se, _t as ce, a as g, c as le, dt as _, et as v, g as ue, h as de, i as fe, j as pe, jt as me, k as he, l as ge, mt as _e, n as ve, nt as ye, pt as be, r as xe, s as Se, v as y, w as Ce, x as we, y as Te, z as Ee, zt as De } from "./lib-BkiwukKO.js";
 import { n as Oe, r as ke, t as Ae } from "./useTimeLabels-C0x7zUXP.js";
-import { t as je } from "./useConfig-KnOLHtlJ.js";
-import { t as Me } from "./usePrinter-CMLF900n.js";
+import { t as je } from "./useConfig-BV0kTCnO.js";
+import { t as Me } from "./usePrinter-X0yWOynH.js";
 import { n as Ne, t as Pe } from "./BaseScanner-C7dmAref.js";
 import { t as Fe } from "./useSvgExport-Dtu973wa.js";
-import { t as Ie } from "./useNestedProp-CcxL1gUU.js";
+import { t as Ie } from "./useNestedProp-Ck4hsrpu.js";
 import { t as Le } from "./useThemeCheck-rFK9Zlb_.js";
 import { t as Re } from "./useStableElementSize-0I1IpHPl.js";
 import { t as ze } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as Be } from "./img-NMY-_LiJ.js";
-import { n as Ve } from "./Title-ByyzJzpc.js";
+import { t as Be } from "./img-BjOr008R.js";
+import { n as Ve } from "./Title-__gWq2g6.js";
 import { t as He } from "./vue_ui_xy-BYPqfYyx.js";
-import { t as Ue } from "./Shape-Dbug7CtK.js";
+import { t as Ue } from "./Shape-DEGOZ6GG.js";
 import { t as We } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as Ge } from "./SlicerPreview-BLlQTUI_.js";
-import { t as Ke } from "./vue-ui-accordion-Cf-jZELj.js";
-import { t as qe } from "./BaseLegendToggle-BvPOFMVZ.js";
+import { t as Ge } from "./SlicerPreview-BPS8mYO2.js";
+import { t as Ke } from "./vue-ui-accordion-cVv18nTV.js";
+import { t as qe } from "./BaseLegendToggle-DUIqQmwM.js";
 import { t as Je } from "./A11yDataTable-q2-8fSlJ.js";
-import { Fragment as b, Teleport as Ye, computed as x, createBlock as Xe, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as Ze, createTextVNode as Qe, createVNode as $e, defineAsyncComponent as et, getCurrentInstance as tt, guardReactiveProps as T, mergeProps as nt, nextTick as rt, normalizeClass as it, normalizeProps as E, normalizeStyle as D, onBeforeUnmount as at, onMounted as ot, openBlock as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as st, shallowRef as ct, toDisplayString as M, toRefs as lt, unref as N, useSlots as ut, vModelCheckbox as dt, watch as ft, watchEffect as pt, withCtx as P, withDirectives as mt } from "vue";
+import { Fragment as b, Teleport as Ye, computed as x, createBlock as Xe, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as Ze, createTextVNode as Qe, createVNode as $e, defineAsyncComponent as et, getCurrentInstance as tt, guardReactiveProps as T, mergeProps as nt, nextTick as rt, normalizeClass as it, normalizeProps as E, normalizeStyle as D, onBeforeUnmount as at, onMounted as ot, openBlock as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as st, shallowRef as ct, toDisplayString as lt, toRefs as ut, unref as M, useSlots as dt, vModelCheckbox as ft, watch as pt, watchEffect as mt, withCtx as N, withDirectives as ht } from "vue";
 //#region src/components/vue-ui-xy.vue
-var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt = ["id"], yt = { style: { position: "relative" } }, bt = [
+var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt = ["id"], bt = { style: { position: "relative" } }, xt = [
 	"viewBox",
 	"aria-label",
 	"aria-describedby"
-], xt = [
+], St = [
 	"x",
 	"y",
 	"width",
 	"height"
-], St = { key: 1 }, Ct = { class: "vue-ui-xy-grid" }, wt = [
+], Ct = { key: 1 }, wt = { class: "vue-ui-xy-grid" }, Tt = [
 	"stroke",
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], Tt = [
+], Et = [
 	"stroke",
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], Et = { key: 1 }, Dt = [
+], Dt = { key: 1 }, Ot = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Ot = [
+], kt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], kt = [
+], At = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], At = { key: 3 }, jt = ["d", "stroke"], Mt = { key: 4 }, Nt = ["d", "stroke"], Pt = ["id"], Ft = ["stop-color"], It = ["stop-color"], Lt = ["stop-color"], Rt = ["id"], zt = ["stop-color"], Bt = ["stop-color"], Vt = ["stop-color"], Ht = ["id"], Ut = ["stop-color"], Wt = ["stop-color"], Gt = ["id"], Kt = ["stop-color"], qt = ["stop-color"], Jt = ["id"], Yt = ["stop-color"], Xt = ["stop-color"], Zt = { key: 0 }, Qt = ["id"], $t = ["stop-color", "offset"], en = [
+], jt = { key: 3 }, Mt = ["d", "stroke"], Nt = { key: 4 }, Pt = ["d", "stroke"], Ft = ["id"], It = ["stop-color"], Lt = ["stop-color"], Rt = ["stop-color"], zt = ["id"], Bt = ["stop-color"], Vt = ["stop-color"], Ht = ["stop-color"], Ut = ["id"], Wt = ["stop-color"], Gt = ["stop-color"], Kt = ["id"], qt = ["stop-color"], Jt = ["stop-color"], Yt = ["id"], Xt = ["stop-color"], Zt = ["stop-color"], Qt = { key: 0 }, $t = ["id"], en = ["stop-color", "offset"], tn = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill"
-], tn = [
+], nn = [
 	"x",
 	"y",
 	"width"
-], nn = { key: 0 }, rn = [
+], rn = { key: 0 }, an = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill"
-], an = [
+], on = [
 	"x",
 	"y",
 	"height",
@@ -84,7 +84,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 	"fill",
 	"stroke",
 	"stroke-width"
-], on = [
+], sn = [
 	"x",
 	"y",
 	"height",
@@ -93,17 +93,17 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 	"fill",
 	"stroke",
 	"stroke-width"
-], sn = [
+], cn = [
 	"width",
 	"x",
 	"y"
-], cn = [
+], ln = [
 	"stroke",
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], ln = { key: 3 }, un = [
+], un = { key: 3 }, dn = [
 	"x1",
 	"x2",
 	"y1",
@@ -111,7 +111,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], dn = [
+], fn = [
 	"x",
 	"y",
 	"width",
@@ -121,188 +121,194 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 	"stroke-linecap",
 	"stroke-linejoin",
 	"stroke-dasharray"
-], fn = [
+], pn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], pn = [
+], mn = [
 	"fill",
 	"font-size",
 	"transform"
-], mn = [
+], hn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], hn = [
+], gn = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], gn = [
+], _n = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], _n = [
+], vn = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], vn = [
+], yn = [
 	"width",
 	"x",
 	"y"
-], yn = { style: { width: "100%" } }, bn = [
+], bn = { style: { width: "100%" } }, xn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], xn = [
+], Sn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Sn = { key: 6 }, Cn = { key: 7 }, wn = [
+], Cn = { key: 6 }, wn = { key: 7 }, Tn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Tn = { key: 0 }, En = ["d", "fill"], Dn = ["d", "fill"], On = ["d", "fill"], kn = ["d", "fill"], An = [
+], En = { key: 0 }, Dn = ["d", "fill"], On = ["d", "fill"], kn = ["d", "fill"], An = ["d", "fill"], jn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], jn = [
+], Mn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Mn = [
+], Nn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Nn = [
+], Pn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Pn = [
+], Fn = [
 	"width",
 	"x",
 	"y"
-], Fn = { style: { width: "100%" } }, In = { key: 8 }, Ln = [
-	"x",
-	"y",
+], In = { style: { width: "100%" } }, Ln = { key: 8 }, Rn = [
+	"text-anchor",
 	"font-size",
-	"fill"
-], Rn = [
+	"transform",
+	"fill",
+	"stroke",
+	"innerHTML"
+], zn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], zn = { key: 9 }, Bn = [
-	"x",
-	"y",
+], Bn = { key: 9 }, Vn = [
+	"transform",
+	"text-anchor",
 	"font-size",
-	"fill"
-], Vn = { key: 10 }, Hn = ["x", "y"], Un = ["innerHTML"], Wn = ["x", "y"], Gn = ["innerHTML"], Kn = [
+	"fill",
+	"stroke",
+	"innerHTML"
+], Hn = { key: 10 }, Un = ["x", "y"], Wn = ["innerHTML"], Gn = ["x", "y"], Kn = ["innerHTML"], qn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], qn = { key: 11 }, Jn = [
-	"x",
-	"y",
+], Jn = { key: 11 }, Yn = [
+	"transform",
+	"text-anchor",
 	"font-size",
-	"fill"
-], Yn = { key: 12 }, Xn = ["x", "y"], Zn = ["innerHTML"], Qn = ["x", "y"], $n = ["innerHTML"], er = [
+	"fill",
+	"stroke",
+	"innerHTML"
+], Xn = { key: 12 }, Zn = ["x", "y"], Qn = ["innerHTML"], $n = ["x", "y"], er = ["innerHTML"], tr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], tr = [
+], nr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], nr = [
+], rr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], rr = [
+], ir = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], ir = [
+], ar = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], ar = { key: 0 }, or = ["id"], sr = ["fill", "stroke"], cr = [
+], or = { key: 0 }, sr = ["id"], cr = ["fill", "stroke"], lr = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"marker-end"
-], lr = [
+], ur = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"marker-end"
-], ur = [
+], dr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"stroke"
-], dr = ["id"], fr = ["stop-color"], pr = ["stop-color"], mr = [
+], fr = ["id"], pr = ["stop-color"], mr = ["stop-color"], hr = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"onMouseenter"
-], hr = [
+], gr = [
 	"font-size",
 	"fill",
 	"transform"
-], gr = [
+], _r = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], _r = [
+], vr = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"onClick"
-], vr = [
+], yr = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML",
 	"onClick"
-], yr = { key: 15 }, br = [
+], br = { key: 15 }, xr = [
 	"x1",
 	"y1",
 	"x2",
@@ -310,7 +316,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], xr = [
+], Sr = [
 	"x1",
 	"y1",
 	"x2",
@@ -318,28 +324,28 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Sr = [
+], Cr = [
 	"y",
 	"x",
 	"width",
 	"height",
 	"fill"
-], Cr = [
+], wr = [
 	"id",
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"text-anchor"
-], wr = {
+], Tr = {
 	key: 16,
 	style: { "pointer-events": "none" }
-}, Tr = ["x", "y"], Er = ["innerHTML"], Dr = [
+}, Er = ["x", "y"], Dr = ["innerHTML"], Or = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], Or = ["data-start", "data-end"], kr = {
+], kr = ["data-start", "data-end"], Ar = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -349,10 +355,10 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Ar = {
+}, jr = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, jr = {
+}, Mr = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "20",
 	viewBox: "0 0 10 20",
@@ -362,7 +368,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, Mr = ["fill"], Nr = ["innerHTML"], Pr = {
+}, Nr = ["fill"], Pr = ["innerHTML"], Fr = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "100%",
 	viewBox: "0 0 10 20",
@@ -372,7 +378,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, Fr = ["fill"], Ir = ["innerHTML"], Lr = {
+}, Ir = ["fill"], Lr = ["innerHTML"], Rr = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "20",
 	viewBox: "0 0 10 20",
@@ -382,7 +388,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, Rr = ["fill"], zr = ["innerHTML"], Br = {
+}, zr = ["fill"], Br = ["innerHTML"], Vr = {
 	class: "vue-ui-xy-tag-arrow",
 	height: "100%",
 	viewBox: "0 0 10 20",
@@ -392,25 +398,25 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-}, Vr = ["fill"], Hr = ["innerHTML"], Ur = ["id"], Wr = ["onClick", "onKeydown"], Gr = {
+}, Hr = ["fill"], Ur = ["innerHTML"], Wr = ["id"], Gr = ["onClick", "onKeydown"], Kr = {
 	key: 0,
 	viewBox: "0 0 20 12",
 	height: "1em",
 	width: "1.43em",
 	"aria-hidden": "true"
-}, Kr = ["stroke", "fill"], qr = {
+}, qr = ["stroke", "fill"], Jr = {
 	key: 1,
 	viewBox: "0 0 40 40",
 	height: "1em",
 	width: "1em",
 	"aria-hidden": "true"
-}, Jr = ["fill"], Yr = ["fill"], Xr = {
+}, Yr = ["fill"], Xr = ["fill"], Zr = {
 	key: 2,
 	viewBox: "0 0 12 12",
 	height: "1em",
 	width: "1em",
 	"aria-hidden": "true"
-}, Zr = {
+}, Qr = {
 	style: {
 		display: "flex",
 		"flex-direction": "row",
@@ -419,7 +425,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		"padding-left": "6px"
 	},
 	"data-dom-to-png-ignore": ""
-}, Qr = ["innerHTML"], F = /* @__PURE__ */ We({
+}, $r = ["innerHTML"], P = /* @__PURE__ */ We({
 	__name: "vue-ui-xy",
 	props: {
 		config: {
@@ -448,132 +454,132 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		"zoomReset",
 		"copyAlt"
 	],
-	setup(e, { expose: We, emit: ht }) {
-		let F = e, $r = et(() => import("./DataTable-ZG4GX2Zg.js")), ei = et(() => import("./Tooltip-V6Z0Ko-1.js")), ti = et(() => import("./UserOptions-Gaw1761w.js").then((e) => e.n)), ni = et(() => import("./BaseIcon-CL6Y7alf.js").then((e) => e.n)), ri = et(() => import("./vue-ui-table-sparkline-CSZf8XxP.js").then((e) => e.n)), ii = et(() => import("./PackageVersion-B1cPtZ3Q.js").then((e) => e.t)), ai = et(() => import("./PenAndPaper-DxBCVZAx.js").then((e) => e.t)), oi = et(() => import("./BaseDraggableDialog-LE75fWYz.js").then((e) => e.n)), si = ht, ci = ut(), li = tt(), { vue_ui_xy: ui } = je(), { isThemeValid: di, warnInvalidTheme: fi } = Le(), pi = k(null), mi = k(null), hi = k(null), gi = k(null), _i = k(null), vi = k(null), yi = k(null), bi = k(null), xi = k(null), Si = k(null), Ci = k(null), wi = k(null), Ti = k(null), Ei = k(null), Di = k(0), I = k(null), Oi = k(!0), ki = k(600), L = k(1e3), Ai = k("0 0 1000 600"), ji = k({
+	setup(e, { expose: We, emit: gt }) {
+		let P = e, ei = et(() => import("./DataTable-BvDJEAma.js")), ti = et(() => import("./Tooltip-B7lmdbac.js")), ni = et(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), ri = et(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), ii = et(() => import("./vue-ui-table-sparkline--f-jCYZG.js").then((e) => e.n)), ai = et(() => import("./PackageVersion-D3uPzhcq.js").then((e) => e.t)), oi = et(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), si = et(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), ci = gt, li = dt(), ui = tt(), { vue_ui_xy: di } = je(), { isThemeValid: fi, warnInvalidTheme: pi } = Le(), mi = k(null), hi = k(null), gi = k(null), _i = k(null), vi = k(null), yi = k(null), bi = k(null), xi = k(null), Si = k(null), Ci = k(null), wi = k(null), Ti = k(null), Ei = k(null), Di = k(null), Oi = k(0), F = k(null), ki = k(!0), Ai = k(600), I = k(1e3), ji = k("0 0 1000 600"), Mi = k({
 			x: 0,
 			y: 0
-		}), Mi = k({
+		}), Ni = k({
 			line: "line",
 			bar: "bar",
 			plot: "plot"
-		}), Ni = k(!1), Pi = k(!1), Fi = k(!1), Ii = k(null), R = k([]), z = k(o()), Li = k(0), Ri = k(0), zi = k(0), Bi = k(!0), Vi = k(0), B = k(null), Hi = k(!1), Ui = k(!0), Wi = k(!0), V = k(null), Gi = k({}), Ki = k(null), qi = k(!1), Ji = k(null), Yi = k(!1), Xi = k(!1), H = k(null), Zi = k(null), Qi = k({
+		}), Pi = k(!1), Fi = k(!1), Ii = k(!1), Li = k(null), L = k([]), R = k(o()), Ri = k(0), zi = k(0), Bi = k(0), Vi = k(!0), Hi = k(0), z = k(null), Ui = k(!1), Wi = k(!0), Gi = k(!0), B = k(null), Ki = k({}), qi = k(null), Ji = k(!1), Yi = k(null), Xi = k(!1), Zi = k(!1), V = k(null), Qi = k(null), $i = k({
 			x: 0,
 			y: 0
-		}), $i = ct(null), ea = k(!1), ta = k(0), na = k(0), ra = Re({
-			elementRef: $i,
+		}), ea = ct(null), ta = k(!1), na = k(0), ra = k(0), ia = Re({
+			elementRef: ea,
 			minimumWidth: 2,
 			minimumHeight: 2,
 			stableFramesRequired: 2,
 			once: !1,
 			onSizeAccepted: () => {
-				oa();
+				sa();
 			}
 		});
-		function ia() {
-			$i.value = pi.value?.parentNode ?? null;
-		}
 		function aa() {
+			ea.value = mi.value?.parentNode ?? null;
+		}
+		function oa() {
 			return new Promise((e) => {
 				requestAnimationFrame(() => {
 					requestAnimationFrame(e);
 				});
 			});
 		}
-		async function oa() {
-			let e = ++na.value;
-			ea.value = !1, await rt(), await aa(), await aa(), e === na.value && (ta.value += 1, ea.value = !0);
+		async function sa() {
+			let e = ++ra.value;
+			ta.value = !1, await rt(), await oa(), await oa(), e === ra.value && (na.value += 1, ta.value = !0);
 		}
-		let sa = x(() => ({
-			height: ki.value,
-			width: L.value
+		let ca = x(() => ({
+			height: Ai.value,
+			width: I.value
 		}));
-		function ca(e) {
+		function la(e) {
 			return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
 		}
-		function la(e, t, n = 0) {
+		function ua(e, t, n = 0) {
 			return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
 		}
-		let ua = k(!1), U = k({
+		let da = k(!1), H = k({
 			xAxis: 18,
 			yAxis: 12,
 			dataLabels: 20,
 			plotLabels: 10
-		}), da = k({
+		}), fa = k({
 			plot: 3,
 			line: 3
 		});
 		ot(() => {
-			qi.value = !0, F.dataset.length && F.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.series) && ce({
+			Ji.value = !0, P.dataset.length && P.dataset.forEach((e, t) => {
+				[null, void 0].includes(e.series) && se({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "series (number[])",
 					index: t,
-					debug: _a.value
+					debug: va.value
 				});
-			}), ia(), ra.start(), oa();
+			}), aa(), ia.start(), sa();
 		});
-		function fa() {
-			if (!Object.keys(F.config || {}).length) return ui;
+		function pa() {
+			if (!Object.keys(P.config || {}).length) return di;
 			let e = Ie({
-				userConfig: F.config,
-				defaultConfig: ui
+				userConfig: P.config,
+				defaultConfig: di
 			});
-			F.config && g(F.config, "chart.highlightArea") && (Array.isArray(F.config.chart.highlightArea) ? e.chart.highlightArea = F.config.chart.highlightArea : e.chart.highlightArea = [F.config.chart.highlightArea]), F.config && g(F.config, "chart.annotations") && Array.isArray(F.config.chart.annotations) && F.config.chart.annotations.length ? e.chart.annotations = F.config.chart.annotations.map((e) => Ie({
-				defaultConfig: ui.chart.annotations[0],
+			P.config && _(P.config, "chart.highlightArea") && (Array.isArray(P.config.chart.highlightArea) ? e.chart.highlightArea = P.config.chart.highlightArea : e.chart.highlightArea = [P.config.chart.highlightArea]), P.config && _(P.config, "chart.annotations") && Array.isArray(P.config.chart.annotations) && P.config.chart.annotations.length ? e.chart.annotations = P.config.chart.annotations.map((e) => Ie({
+				defaultConfig: di.chart.annotations[0],
 				userConfig: e
-			})) : e.chart.annotations = [], F.config && g(F.config, "chart.grid.position") && F.config.chart.grid.position === "start" && F.dataset.length && F.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", g(F.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), F.config && g(F.config, "chart.highlightArea") && (Array.isArray(F.config.chart.highlightArea) ? e.chart.highlightArea = F.config.chart.highlightArea.map((e) => pa({
-				defaultConfig: ui.chart.highlightArea,
+			})) : e.chart.annotations = [], P.config && _(P.config, "chart.grid.position") && P.config.chart.grid.position === "start" && P.dataset.length && P.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", _(P.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), P.config && _(P.config, "chart.highlightArea") && (Array.isArray(P.config.chart.highlightArea) ? e.chart.highlightArea = P.config.chart.highlightArea.map((e) => ma({
+				defaultConfig: di.chart.highlightArea,
 				userConfig: e
-			})) : e.chart.highlightArea = pa({
-				defaultConfig: ui.chart.highlightArea,
-				userConfig: F.config.chart.highlightArea
+			})) : e.chart.highlightArea = ma({
+				defaultConfig: di.chart.highlightArea,
+				userConfig: P.config.chart.highlightArea
 			}));
 			let t = e.theme;
 			if (!t) return e;
-			if (!di.value(e)) return fi(e), e;
+			if (!fi.value(e)) return pi(e), e;
 			let n = Ie({
-				userConfig: He[t] || F.config,
+				userConfig: He[t] || P.config,
 				defaultConfig: e
 			}), r = Ie({
-				userConfig: F.config,
+				userConfig: P.config,
 				defaultConfig: n
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ee[t] || se
+				customPalette: r.customPalette.length ? r.customPalette : ee[t] || h
 			};
 		}
-		function pa({ defaultConfig: e, userConfig: t }) {
+		function ma({ defaultConfig: e, userConfig: t }) {
 			return Ie({
 				defaultConfig: e,
 				userConfig: t
 			});
 		}
-		let ma = x({
+		let ha = x({
 			get() {
-				return !!F.dataset && F.dataset.length;
+				return !!P.dataset && P.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), W = k(fa()), ha = x(() => W.value.chart.userOptions.useCursorPointer), G = k({
+		}), U = k(pa()), ga = x(() => U.value.chart.userOptions.useCursorPointer), W = k({
 			dataLabels: { show: !0 },
 			showTooltip: !0,
 			showTable: !1,
 			isStacked: !1,
 			useIndividualScale: !1
 		});
-		function ga() {
-			ua.value ? (G.value.showTooltip = W.value.chart.tooltip.show === !0, G.value.isStacked = W.value.chart.grid.labels.yAxis.stacked, G.value.useIndividualScale ?? (G.value.useIndividualScale = W.value.chart.grid.labels.yAxis.useIndividualScale)) : (G.value = {
+		function _a() {
+			da.value ? (W.value.showTooltip = U.value.chart.tooltip.show === !0, W.value.isStacked = U.value.chart.grid.labels.yAxis.stacked, W.value.useIndividualScale ?? (W.value.useIndividualScale = U.value.chart.grid.labels.yAxis.useIndividualScale)) : (W.value = {
 				dataLabels: { show: !0 },
-				showTooltip: W.value.chart.tooltip.show === !0,
-				showTable: W.value.showTable === !0,
-				isStacked: W.value.chart.grid.labels.yAxis.stacked,
-				useIndividualScale: W.value.chart.grid.labels.yAxis.useIndividualScale
-			}, ua.value = !0);
+				showTooltip: U.value.chart.tooltip.show === !0,
+				showTable: U.value.showTable === !0,
+				isStacked: U.value.chart.grid.labels.yAxis.stacked,
+				useIndividualScale: U.value.chart.grid.labels.yAxis.useIndividualScale
+			}, da.value = !0);
 		}
-		let _a = x(() => !!W.value.debug), va = x(() => De({
+		let va = x(() => !!U.value.debug), ya = x(() => De({
 			defaultConfig: {
 				useCssAnimation: !1,
 				showTable: !1,
@@ -628,8 +634,8 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					labels: { show: !1 }
 				}
 			},
-			userConfig: W.value.skeletonConfig ?? {}
-		})), ya = x(() => F.config?.skeletonDataset ?? [{
+			userConfig: U.value.skeletonConfig ?? {}
+		})), ba = x(() => P.config?.skeletonDataset ?? [{
 			name: "",
 			series: [
 				0,
@@ -666,19 +672,19 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: ba, FINAL_DATASET: xa, manualLoading: Sa } = Ne({
-			...lt(F),
-			FINAL_CONFIG: W,
-			prepareConfig: fa,
+		}]), { loading: G, FINAL_DATASET: xa, manualLoading: Sa } = Ne({
+			...ut(P),
+			FINAL_CONFIG: U,
+			prepareConfig: pa,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await jo(), G.value.showTable = W.value.showTable;
+					await jo(), W.value.showTable = U.value.showTable;
 				});
 			},
-			skeletonDataset: ya.value,
+			skeletonDataset: ba.value,
 			skeletonConfig: De({
-				defaultConfig: W.value,
-				userConfig: va.value
+				defaultConfig: U.value,
+				userConfig: ya.value
 			})
 		});
 		function Ca(e) {
@@ -690,10 +696,10 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
 			};
 		}
-		let wa = Ca((e, t) => le({
+		let wa = Ca((e, t) => ce({
 			data: e,
 			threshold: t
-		})), Ta = (e) => wa(e, W.value.downsample.threshold), Ea = x({
+		})), Ta = (e) => wa(e, U.value.downsample.threshold), Ea = x({
 			get: () => Math.max(...xa.value.map((e) => Ta(e.series).length)),
 			set: (e) => e
 		}), K = k({
@@ -702,7 +708,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		}), Da = k({
 			start: 0,
 			end: Ea.value
-		}), Oa = x(() => W.value.chart.zoom.preview.enable && (Da.value.start !== K.value.start || Da.value.end !== K.value.end));
+		}), Oa = x(() => U.value.chart.zoom.preview.enable && (Da.value.start !== K.value.start || Da.value.end !== K.value.end));
 		function ka(e, t) {
 			Da.value[e] = t;
 		}
@@ -711,7 +717,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), K.value = {
 				start: t,
 				end: n
-			}, Da.value.start = t, Da.value.end = n, hi.value && (hi.value.setStartValue(t), hi.value.setEndValue(n));
+			}, Da.value.start = t, Da.value.end = n, gi.value && (gi.value.setStartValue(t), gi.value.setEndValue(n));
 		}
 		let ja = x(() => {
 			let { left: e, top: t, width: n, height: r } = q.value, i = K.value.start, a = K.value.end - i, o = n / a, s = Da.value.start - i, c = Da.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
@@ -720,10 +726,10 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				y: t,
 				width: (u - l) * o,
 				height: r,
-				fill: W.value.chart.zoom.preview.fill,
-				stroke: W.value.chart.zoom.preview.stroke,
-				"stroke-width": W.value.chart.zoom.preview.strokeWidth,
-				"stroke-dasharray": W.value.chart.zoom.preview.strokeDasharray,
+				fill: U.value.chart.zoom.preview.fill,
+				stroke: U.value.chart.zoom.preview.stroke,
+				"stroke-width": U.value.chart.zoom.preview.strokeWidth,
+				"stroke-dasharray": U.value.chart.zoom.preview.strokeDasharray,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				style: {
@@ -733,30 +739,30 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				}
 			};
 		});
-		ft(() => F.selectedXIndex, (e) => {
-			if ([null, void 0].includes(F.selectedXIndex)) {
-				H.value = null;
+		pt(() => P.selectedXIndex, (e) => {
+			if ([null, void 0].includes(P.selectedXIndex)) {
+				V.value = null;
 				return;
 			}
 			let t = e - K.value.start;
-			t < 0 || e >= K.value.end ? H.value = null : H.value = t ?? null;
+			t < 0 || e >= K.value.end ? V.value = null : V.value = t ?? null;
 		}, { immediate: !0 });
 		let { isPrinting: Ma, isImaging: Na, generatePdf: Pa, generateImage: Fa } = Me({
-			elementId: `vue-ui-xy_${z.value}`,
-			fileName: W.value.chart.title.text || "vue-ui-xy",
-			options: W.value.chart.userOptions.print
-		}), Ia = k(!1), La = x(() => we(W.value.customPalette)), Ra = x(() => {
-			let e = W.value.chart.grid.labels.yAxis.scaleMin;
+			elementId: `vue-ui-xy_${R.value}`,
+			fileName: U.value.chart.title.text || "vue-ui-xy",
+			options: U.value.chart.userOptions.print
+		}), Ia = k(!1), La = x(() => we(U.value.customPalette)), Ra = x(() => {
+			let e = U.value.chart.grid.labels.yAxis.scaleMin;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
 		}), za = x(() => Ra.value === null ? zo.value : q.value.bottom), Ba = x(() => {
-			let e = W.value.chart.grid.labels.yAxis.scaleMax;
+			let e = U.value.chart.grid.labels.yAxis.scaleMax;
 			if (e == null) return null;
 			let t = Number(e);
 			return Number.isFinite(t) ? t : null;
 		}), Va = x(() => Ra.value !== null || Ba.value !== null), Ha = x(() => {
-			let e = Ja.value.filter((e) => !R.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).filter(Number.isFinite);
+			let e = Ja.value.filter((e) => !L.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).filter(Number.isFinite);
 			return e.length ? {
 				min: Math.min(...e),
 				max: Math.max(...e)
@@ -788,13 +794,13 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			}
 			let n = Ra.value === null ? e > 0 ? 0 : e : Ra.value, r = Ba.value === null ? t : Ba.value;
 			return Ua(e < n ? e : n, t > r ? t : r).max;
-		}), Ka = x(() => W.value.chart.grid.labels.yAxis.useNiceScale ? fe(Wa.value, Ga.value < 0 ? 0 : Ga.value, W.value.chart.grid.labels.yAxis.commonScaleSteps) : de(Wa.value, Ga.value < 0 ? 0 : Ga.value, W.value.chart.grid.labels.yAxis.commonScaleSteps)), qa = x(() => [null, void 0].includes(W.value.chart.grid.labels.yAxis.scaleMin) ? Ka.value.min >= 0 ? 0 : Math.abs(Ka.value.min) : -Ka.value.min), Ja = x(() => Oi.value ? xa.value.map((e, t) => {
+		}), Ka = x(() => U.value.chart.grid.labels.yAxis.useNiceScale ? de(Wa.value, Ga.value < 0 ? 0 : Ga.value, U.value.chart.grid.labels.yAxis.commonScaleSteps) : ue(Wa.value, Ga.value < 0 ? 0 : Ga.value, U.value.chart.grid.labels.yAxis.commonScaleSteps)), qa = x(() => [null, void 0].includes(U.value.chart.grid.labels.yAxis.scaleMin) ? Ka.value.min >= 0 ? 0 : Math.abs(Ka.value.min) : -Ka.value.min), Ja = x(() => ki.value ? xa.value.map((e, t) => {
 			let n = Ta(e.series), r = `uniqueId_${t}`;
 			return {
 				...e,
 				slotAbsoluteIndex: t,
 				series: n.map((e) => _e(e) ? e : null).slice(K.value.start, K.value.end),
-				color: Te(e.color ? e.color : La.value[t] ? La.value[t] : se[t]),
+				color: Te(e.color ? e.color : La.value[t] ? La.value[t] : h[t]),
 				id: r,
 				scaleLabel: e.scaleLabel || r
 			};
@@ -804,24 +810,24 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			series: e.series.map((e) => e + qa.value),
 			absoluteValues: e.series,
 			segregate: () => rs(e),
-			isSegregated: R.value.includes(e.id)
+			isSegregated: L.value.includes(e.id)
 		}))), Xa = x(() => Ja.value.map((e, t) => ({
 			...e,
 			series: e.series.map((e) => e + qa.value),
 			absoluteValues: e.series
-		})).filter((e) => !R.value.includes(e.id))), Za = x(() => R.value.length === Ya.value.length);
+		})).filter((e) => !L.value.includes(e.id))), Za = x(() => L.value.length === Ya.value.length);
 		function Qa() {
 			let e = 0;
-			Ci.value && (e = Array.from(Ci.value.querySelectorAll("text")).reduce((e, t) => {
+			wi.value && (e = Array.from(wi.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
-				return (n > e ? n : e) + W.value.chart.grid.labels.yAxis.scaleValueOffsetX;
+				return (n > e ? n : e) + U.value.chart.grid.labels.yAxis.scaleValueOffsetX;
 			}, 0));
-			let t = xi.value ? xi.value.getBoundingClientRect().width + W.value.chart.grid.labels.axis.yLabelOffsetX + U.value.yAxis : 0, n = W.value.chart.grid.labels.yAxis.crosshairSize;
+			let t = Si.value ? Si.value.getBoundingClientRect().width + U.value.chart.grid.labels.axis.yLabelOffsetX + H.value.yAxis : 0, n = U.value.chart.grid.labels.yAxis.crosshairSize;
 			return e + t + n;
 		}
 		let $a = k(0), eo = k(0);
 		function to() {
-			let e = Si.value;
+			let e = Ci.value;
 			if (!e) {
 				$a.value = 0, eo.value = 0;
 				return;
@@ -835,38 +841,38 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		}
 		let no = x(() => {
 			let e = 0;
-			if (bi.value) try {
-				e = bi.value.getBBox().height || 0;
+			if (xi.value) try {
+				e = xi.value.getBBox().height || 0;
 			} catch {
 				e = 0;
 			}
-			return e + $a.value + U.value.xAxis;
+			return e + $a.value + H.value.xAxis;
 		}), ro = x(() => xa.value.some((e) => e.useProgression)), q = x(() => {
-			ta.value;
+			na.value;
 			let e = 0;
-			W.value.chart.grid.labels.show && (e = G.value.useIndividualScale && !G.value.isStacked ? (xa.value.length - R.value.length) * (W.value.chart.grid.labels.yAxis.labelWidth + 36) : G.value.useIndividualScale && G.value.isStacked ? W.value.chart.grid.labels.yAxis.labelWidth + 36 : Qa());
-			let t = W.value.chart.labels.fontSize * 1.1, n = ro.value ? 24 : 6;
-			Si.value && eo.value < 0 && (e += Math.abs(eo.value));
-			let r = L.value - e - W.value.chart.grid.labels.yAxis.crosshairSize - n - W.value.chart.padding?.left - W.value.chart.padding?.right, i = W.value.chart.grid.position === "middle" ? 0 : r / Y.value / 2;
+			U.value.chart.grid.labels.show && (e = W.value.useIndividualScale && !W.value.isStacked ? (xa.value.length - L.value.length) * (U.value.chart.grid.labels.yAxis.labelWidth + 36) : W.value.useIndividualScale && W.value.isStacked ? U.value.chart.grid.labels.yAxis.labelWidth + 36 : Qa());
+			let t = U.value.chart.labels.fontSize * 1.1, n = ro.value ? 24 : 6;
+			Ci.value && eo.value < 0 && (e += Math.abs(eo.value));
+			let r = I.value - e - U.value.chart.grid.labels.yAxis.crosshairSize - n - U.value.chart.padding?.left - U.value.chart.padding?.right, i = U.value.chart.grid.position === "middle" ? 0 : r / Y.value / 2;
 			return {
-				top: W.value.chart.padding?.top + t,
-				right: L.value - n - W.value.chart.padding?.right,
-				bottom: ki.value - no.value - W.value.chart.padding?.bottom - W.value.chart.grid.labels.axis.xLabelOffsetY,
-				left: e + W.value.chart.grid.labels.yAxis.crosshairSize - i + W.value.chart.padding?.left,
-				height: ki.value - no.value - W.value.chart.padding?.top - W.value.chart.padding?.bottom - t - W.value.chart.grid.labels.axis.xLabelOffsetY,
+				top: U.value.chart.padding?.top + t,
+				right: I.value - n - U.value.chart.padding?.right,
+				bottom: Ai.value - no.value - U.value.chart.padding?.bottom - U.value.chart.grid.labels.axis.xLabelOffsetY,
+				left: e + U.value.chart.grid.labels.yAxis.crosshairSize - i + U.value.chart.padding?.left,
+				height: Ai.value - no.value - U.value.chart.padding?.top - U.value.chart.padding?.bottom - t - U.value.chart.grid.labels.axis.xLabelOffsetY,
 				width: r,
 				scaleLabelX: e,
 				individualOffsetX: 36
 			};
 		}), io = x(() => {
-			let e = +(W.value.chart.grid.position === "middle"), t = Y.value + e, n = _(q.value?.top), r = _(q.value?.bottom);
+			let e = +(U.value.chart.grid.position === "middle"), t = Y.value + e, n = v(q.value?.top), r = v(q.value?.bottom);
 			return Array.from({ length: t }).map((e, t) => {
 				let i = q.value.width / Y.value * t + q.value?.left + Z.value;
 				return `M${i},${n} L${i},${r}`;
 			}).join(" ");
 		}), ao = x(() => {
-			if (!W.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-			let e = q.value.width / Y.value, t = W.value.chart.grid.labels.xAxis.crosshairSize, n = W.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
+			if (!U.value.chart.grid.labels.xAxis.showCrosshairs) return "";
+			let e = q.value.width / Y.value, t = U.value.chart.grid.labels.xAxis.crosshairSize, n = U.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
 			return vo.value.map((r, i) => {
 				if (!r || !r.text) return null;
 				let a = q.value?.left + e * i + e / 2;
@@ -874,36 +880,36 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			}).filter(Boolean).join(" ");
 		});
 		function oo() {
-			return !!li?.vnode.props?.onSelectTimeLabel;
+			return !!ui?.vnode.props?.onSelectTimeLabel;
 		}
 		function so(e, t, n) {
-			return Ki.value ||= document.createElement("canvas").getContext("2d"), Ki.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, Ki.value;
+			return qi.value ||= document.createElement("canvas").getContext("2d"), qi.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, qi.value;
 		}
 		function co() {
-			let e = pi.value.querySelectorAll(".vue-ui-xy-tag");
+			let e = mi.value.querySelectorAll(".vue-ui-xy-tag");
 			e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
 		}
 		function lo(e, t, n, r, i) {
-			n && (Gi.value[`${e}_${t}_${r}_${i}`] = n);
+			n && (Ki.value[`${e}_${t}_${r}_${i}`] = n);
 		}
 		let uo = k(!1);
 		async function fo(e = !1) {
-			await rt(), uo.value = e, Hi.value && (Wi.value = e);
+			await rt(), uo.value = e, Ui.value && (Gi.value = e);
 		}
 		function po() {
-			Ni.value = !Ni.value;
+			Pi.value = !Pi.value;
 		}
 		let J = k([]), mo = k([]), ho = 0;
-		pt(() => {
+		mt(() => {
 			let e = ++ho;
 			(async () => {
-				let t = Math.max(...xa.value.map((e) => le({
+				let t = Math.max(...xa.value.map((e) => ce({
 					data: e.series,
-					threshold: W.value.downsample.threshold
+					threshold: U.value.downsample.threshold
 				}).length)), n = await Ae({
-					values: W.value.chart.grid.labels.xAxisLabels.values,
+					values: U.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
-					formatter: W.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
+					formatter: U.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
 					start: K.value.start,
 					end: K.value.end
 				});
@@ -911,16 +917,16 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			})();
 		});
 		let go = 0;
-		pt(() => {
+		mt(() => {
 			let e = ++go;
 			(async () => {
-				let t = Math.max(...xa.value.map((e) => le({
+				let t = Math.max(...xa.value.map((e) => ce({
 					data: e.series,
-					threshold: W.value.downsample.threshold
+					threshold: U.value.downsample.threshold
 				}).length)), n = await Ae({
-					values: W.value.chart.grid.labels.xAxisLabels.values,
+					values: U.value.chart.grid.labels.xAxisLabels.values,
 					maxDatapoints: t,
-					formatter: W.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
+					formatter: U.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
 					start: 0,
 					end: Ea.value
 				});
@@ -928,31 +934,31 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			})();
 		});
 		let _o = x(() => {
-			let e = W.value.chart.grid.labels.xAxisLabels.modulo;
+			let e = U.value.chart.grid.labels.xAxisLabels.modulo;
 			return J.value.length ? Math.min(e, [...new Set(J.value.map((e) => e.text))].length) : e;
 		}), vo = x(() => {
-			let e = W.value.chart.grid.labels.xAxisLabels, t = J.value || [], n = mo.value || [], r = K.value.start ?? 0, i = H.value, a = Y.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
+			let e = U.value.chart.grid.labels.xAxisLabels, t = J.value || [], n = mo.value || [], r = K.value.start ?? 0, i = V.value, a = Y.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
 			return Se(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, _o.value || 1), o, s, r, i, a);
 		}), yo = x(() => (vo.value || []).map((e) => e?.text ?? "").join("|"));
 		ot(() => {
 			requestAnimationFrame(() => {
 				to();
-			}), ft([
+			}), pt([
 				() => yo.value,
-				() => W.value.chart.grid.labels.xAxisLabels.rotation,
-				() => U.value.xAxis,
-				() => L.value,
-				() => ki.value
+				() => U.value.chart.grid.labels.xAxisLabels.rotation,
+				() => H.value.xAxis,
+				() => I.value,
+				() => Ai.value
 			], async () => {
 				await rt(), requestAnimationFrame(() => {
 					to();
 				});
 			}, { flush: "post" });
 		}), at(() => {
-			$a.value = 0, eo.value = 0, ra.stop();
+			$a.value = 0, eo.value = 0, ia.stop();
 		});
 		function bo(e, t) {
-			si("selectTimeLabel", {
+			ci("selectTimeLabel", {
 				datapoint: Xa.value.map((e) => ({
 					shape: e.shape ?? e.type === "bar" ? "square" : "circle",
 					name: e.name,
@@ -960,34 +966,34 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					type: e.type,
 					value: e.absoluteValues.find((e, n) => n === t),
 					comments: e.comments || [],
-					prefix: e.prefix || W.value.chart.labels.prefix,
-					suffix: e.suffix || W.value.chart.labels.suffix
+					prefix: e.prefix || U.value.chart.labels.prefix,
+					suffix: e.suffix || U.value.chart.labels.suffix
 				})),
 				absoluteIndex: e.absoluteIndex,
 				label: e.text
 			});
 		}
 		let Y = x(() => {
-			let e = ca((K.value.end ?? 0) - (K.value.start ?? 0));
+			let e = la((K.value.end ?? 0) - (K.value.start ?? 0));
 			return Math.max(1, e);
 		});
 		function xo(e) {
-			B.value = e;
+			z.value = e;
 		}
 		function So() {
-			G.value.isStacked = !G.value.isStacked, G.value.isStacked ? G.value.useIndividualScale = !0 : G.value.useIndividualScale = W.value.chart.grid.labels.yAxis.useIndividualScale;
+			W.value.isStacked = !W.value.isStacked, W.value.isStacked ? W.value.useIndividualScale = !0 : W.value.useIndividualScale = U.value.chart.grid.labels.yAxis.useIndividualScale;
 		}
 		function Co(e) {
-			_a.value && e.autoScaling && (W.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), W.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+			va.value && e.autoScaling && (U.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), U.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
 		}
 		function wo(e, t) {
-			let n = ca(e), r = Array(n).fill(0);
+			let n = la(e), r = Array(n).fill(0);
 			for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
 			return r;
 		}
 		function To(e) {
 			let t = Math.max(...xa.value.map((e) => Ta(e.series).length));
-			return e > t ? t : e < 0 || W.value.chart.zoom.startIndex !== null && e < W.value.chart.zoom.startIndex ? W.value.chart.zoom.startIndex === null ? 1 : W.value.chart.zoom.startIndex + 1 : e;
+			return e > t ? t : e < 0 || U.value.chart.zoom.startIndex !== null && e < U.value.chart.zoom.startIndex ? U.value.chart.zoom.startIndex === null ? 1 : U.value.chart.zoom.startIndex + 1 : e;
 		}
 		let Eo = k(!1), Do = k(!1), Oo = k(0), ko = k(0);
 		function Ao(e, t) {
@@ -998,7 +1004,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			if (!Eo.value) {
 				Eo.value = !0;
 				try {
-					let { startIndex: e, endIndex: t } = W.value.chart.zoom, n = Math.max(...xa.value.map((e) => Ta(e.series).length));
+					let { startIndex: e, endIndex: t } = U.value.chart.zoom, n = Math.max(...xa.value.map((e) => Ta(e.series).length));
 					Oo.value = 0, ko.value = n;
 					let r = e ?? 0, i = t == null ? n : Math.min(To(t + 1), n);
 					Mo.value = !0, K.value.start = r, K.value.end = i, Da.value.start = r, Da.value.end = i, Aa(), Do.value = !0;
@@ -1013,7 +1019,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		function No(e) {
 			if (Eo.value || Mo.value) return;
 			let t = Number(e);
-			si("zoomStart", {
+			ci("zoomStart", {
 				index: t,
 				isZoom: Ao(t, Oo.value)
 			}), Number.isFinite(t) && t !== K.value.start && (K.value.start = t, Da.value.start = t, Aa());
@@ -1021,13 +1027,13 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		function Po(e) {
 			if (Eo.value || Mo.value) return;
 			let t = To(e);
-			si("zoomEnd", {
+			ci("zoomEnd", {
 				index: t,
 				isZoom: Ao(t, ko.value)
 			}), t !== K.value.end && (K.value.end = t, Da.value.end = t, Aa());
 		}
 		async function Fo() {
-			await jo(), si("zoomReset");
+			await jo(), ci("zoomReset");
 		}
 		function Io(e) {
 			return ![
@@ -1044,7 +1050,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		}
 		let zo = x(() => isNaN(Ro(qa.value)) ? q.value?.bottom : q.value?.bottom - q.value.height * Ro(qa.value));
 		function Bo(e) {
-			let t = ![null, void 0].includes(W.value.chart.grid.labels.yAxis.scaleMin) && W.value.chart.grid.labels.yAxis.scaleMin > 0 && Wa.value >= 0 ? q.value?.bottom : zo.value;
+			let t = ![null, void 0].includes(U.value.chart.grid.labels.yAxis.scaleMin) && U.value.chart.grid.labels.yAxis.scaleMin > 0 && Wa.value >= 0 ? q.value?.bottom : zo.value;
 			return e.value >= 0 ? y(t - e.y <= 0 ? 1e-5 : t - e.y) : y(e.y - zo.value <= 0 ? 1e-5 : e.y - zo.value);
 		}
 		function Vo(e) {
@@ -1053,16 +1059,16 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		let X = x(() => {
 			let e = Math.max(1, Y.value), t = Math.max(1, q.value.width);
 			return {
-				bar: la(t, e * Math.max(1, Ja.value.filter((e) => e.type === "bar" && !R.value.includes(e.id)).length), 1),
-				plot: la(t, e, 1),
-				line: la(t, e, 1)
+				bar: ua(t, e * Math.max(1, Ja.value.filter((e) => e.type === "bar" && !L.value.includes(e.id)).length), 1),
+				plot: ua(t, e, 1),
+				line: ua(t, e, 1)
 			};
 		});
 		function Ho() {
-			return G.value.useIndividualScale && G.value.isStacked ? X.value.line - q.value.width / Y.value * .1 : X.value.bar;
+			return W.value.useIndividualScale && W.value.isStacked ? X.value.line - q.value.width / Y.value * .1 : X.value.bar;
 		}
 		function Uo(e) {
-			return G.value.useIndividualScale && G.value.isStacked ? e.x + q.value.width / Y.value * .05 : e.x + X.value.bar / 2;
+			return W.value.useIndividualScale && W.value.isStacked ? e.x + q.value.width / Y.value * .05 : e.x + X.value.bar / 2;
 		}
 		function Wo(e) {
 			return e.value >= 0 ? e.y : [
@@ -1084,7 +1090,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		}
 		let Ko = k(null);
 		function qo(e) {
-			let t = V.value;
+			let t = B.value;
 			if (!t) return null;
 			if (t.createSVGPoint && t.getScreenCTM) {
 				let n = t.createSVGPoint();
@@ -1113,10 +1119,10 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		}
 		let Jo = 0;
 		function Yo(e) {
-			Zi.value = null, !Ni.value && (Jo && cancelAnimationFrame(Jo), Jo = requestAnimationFrame(() => {
+			Qi.value = null, !Pi.value && (Jo && cancelAnimationFrame(Jo), Jo = requestAnimationFrame(() => {
 				Jo = 0;
 				let t = qo(e);
-				if (!t || !V.value) {
+				if (!t || !B.value) {
 					Xo();
 					return;
 				}
@@ -1134,7 +1140,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		}
 		function Zo(e) {
 			let t = qo(e);
-			if (t && V.value) {
+			if (t && B.value) {
 				let { left: e, right: n, top: r, bottom: i, width: a } = q.value;
 				if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
 					let n = a / Math.max(1, Y.value), r = Math.floor((t.x - e) / n);
@@ -1157,11 +1163,11 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				color: t.color,
 				type: t.type
 			}));
-			si("selectX", {
+			ci("selectX", {
 				dataset: t,
 				index: e,
-				indexLabel: W.value.chart.grid.labels.xAxisLabels.values[e]
-			}), W.value.events.datapointClick && W.value.events.datapointClick({
+				indexLabel: U.value.chart.grid.labels.xAxisLabels.values[e]
+			}), U.value.events.datapointClick && U.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: e + K.value.start
 			});
@@ -1175,9 +1181,9 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			}));
 		}
 		async function es({ scale: e = 2 } = {}) {
-			if (!pi.value) return;
-			let { width: t, height: n } = pi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Be({
-				domElement: pi.value,
+			if (!mi.value) return;
+			let { width: t, height: n } = mi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Be({
+				domElement: mi.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -1185,46 +1191,46 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			return {
 				imageUri: i,
 				base64: a,
-				title: W.value.chart.title.text,
+				title: U.value.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
 		function ts() {
-			R.value.length ? R.value = [] : Ya.value.forEach((e) => {
-				R.value.push(e.id);
+			L.value.length ? L.value = [] : Ya.value.forEach((e) => {
+				L.value.push(e.id);
 			});
 		}
 		function ns(e, t) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), rs(t));
 		}
 		function rs(e) {
-			if (R.value.includes(e.id)) R.value = R.value.filter((t) => t !== e.id);
+			if (L.value.includes(e.id)) L.value = L.value.filter((t) => t !== e.id);
 			else {
-				if (R.value.length + 1 === Ja.value.length) return;
-				R.value.push(e.id);
+				if (L.value.length + 1 === Ja.value.length) return;
+				L.value.push(e.id);
 			}
-			si("selectLegend", Xa.value.map((e) => ({
+			ci("selectLegend", Xa.value.map((e) => ({
 				name: e.name,
 				values: e.absoluteValues,
 				color: e.color,
 				type: e.type
-			}))), Vi.value += 1;
+			}))), Hi.value += 1;
 		}
 		function is(e) {
-			return Ya.value.length ? Ya.value.find((t) => t.name === e) || (W.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (W.value.debug && console.warn("VueUiXy - There are no series to show."), null);
+			return Ya.value.length ? Ya.value.find((t) => t.name === e) || (U.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (U.value.debug && console.warn("VueUiXy - There are no series to show."), null);
 		}
 		function as(e) {
 			let t = is(e);
-			t !== null && R.value.includes(t.id) && rs({ id: t.id });
+			t !== null && L.value.includes(t.id) && rs({ id: t.id });
 		}
 		function os(e) {
 			let t = is(e);
-			t !== null && (R.value.includes(t.id) || rs({ id: t.id }));
+			t !== null && (L.value.includes(t.id) || rs({ id: t.id }));
 		}
-		let ss = x(() => `${W.value.chart.title.text || "Chart visualization"}. ${W.value.chart.title.subtitle.text || ""}`), cs = x(() => ({ linePlot: Y.value > W.value.line.dot.hideAboveMaxSerieLength })), ls = x(() => W.value.chart.userOptions.show && (!W.value.chart.title.show || !W.value.chart.title.text)), us = x(() => {
-			if (Array.isArray(W.value.chart.highlightArea)) return W.value.chart.highlightArea.map((e) => {
+		let ss = x(() => `${U.value.chart.title.text || "Chart visualization"}. ${U.value.chart.title.subtitle.text || ""}`), cs = x(() => ({ linePlot: Y.value > U.value.line.dot.hideAboveMaxSerieLength })), ls = x(() => U.value.chart.userOptions.show && (!U.value.chart.title.show || !U.value.chart.title.text)), us = x(() => {
+			if (Array.isArray(U.value.chart.highlightArea)) return U.value.chart.highlightArea.map((e) => {
 				let t = Math.min(e.to, Ea.value - 1);
 				return {
 					...e,
@@ -1232,18 +1238,18 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				};
 			});
 			let e = {
-				...W.value.chart.highlightArea,
-				to: Math.min(W.value.chart.highlightArea.to, Ea.value - 1)
+				...U.value.chart.highlightArea,
+				to: Math.min(U.value.chart.highlightArea.to, Ea.value - 1)
 			};
 			return [{
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), ds = x(() => Oi.value ? xa.value.map((e, t) => ({
+		}), ds = x(() => ki.value ? xa.value.map((e, t) => ({
 			...e,
 			series: Ta(e.series),
 			id: `uniqueId_${t}`,
-			color: Te(e.color ? e.color : La.value[t] ? La.value[t] : se[t])
+			color: Te(e.color ? e.color : La.value[t] ? La.value[t] : h[t])
 		})) : xa.value), fs = x(() => Xa.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
 			return {
@@ -1253,28 +1259,28 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				values: wo(Y.value, t)
 			};
 		})), ps = x(() => ({
-			responsiveBreakpoint: W.value.table.responsiveBreakpoint,
-			roundingValues: W.value.table.rounding,
+			responsiveBreakpoint: U.value.table.responsiveBreakpoint,
+			roundingValues: U.value.table.rounding,
 			showAverage: !1,
 			showMedian: !1,
 			showTotal: !1,
-			fontFamily: W.value.chart.fontFamily,
-			prefix: W.value.chart.labels.prefix,
-			suffix: W.value.chart.labels.suffix,
-			colNames: J.value.map((e, t) => W.value.table.useDefaultTimeFormat ? e.text : Ps.value(t + K.value.start, W.value.table.timeFormat)),
+			fontFamily: U.value.chart.fontFamily,
+			prefix: U.value.chart.labels.prefix,
+			suffix: U.value.chart.labels.suffix,
+			colNames: J.value.map((e, t) => U.value.table.useDefaultTimeFormat ? e.text : Ps.value(t + K.value.start, U.value.table.timeFormat)),
 			thead: {
-				backgroundColor: W.value.table.th.backgroundColor,
-				color: W.value.table.th.color,
-				outline: W.value.table.th.outline
+				backgroundColor: U.value.table.th.backgroundColor,
+				color: U.value.table.th.color,
+				outline: U.value.table.th.outline
 			},
 			tbody: {
-				backgroundColor: W.value.table.td.backgroundColor,
-				color: W.value.table.td.color,
-				outline: W.value.table.td.outline
+				backgroundColor: U.value.table.td.backgroundColor,
+				color: U.value.table.td.color,
+				outline: U.value.table.td.outline
 			},
 			userOptions: { show: !1 },
 			sparkline: { animation: { show: !1 } }
-		})), Z = x(() => W.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value / 2), ms = x(() => h(Ya.value.filter((e) => !R.value.includes(e.id))));
+		})), Z = x(() => U.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value / 2), ms = x(() => g(Ya.value.filter((e) => !L.value.includes(e.id))));
 		function hs(e, t) {
 			let n = Object.create(null);
 			for (let r = 0; r < e.length; r += 1) {
@@ -1295,34 +1301,34 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			}
 			return t;
 		}), gs = x(() => {
-			let e = Ja.value.filter((e) => e.type === "bar").filter((e) => !R.value.includes(e.id)).length;
+			let e = Ja.value.filter((e) => e.type === "bar").filter((e) => !L.value.includes(e.id)).length;
 			return q.value.width / Y.value / e - _s.value * e;
-		}), _s = x(() => X.value.line * W.value.bar.periodGap), vs = x(() => Math.max(1e-5, Ho() - (G.value.useIndividualScale && G.value.isStacked ? 0 : _s.value))), ys = x(() => vs.value * Math.min(Math.abs(W.value.bar.innerGap), .95)), bs = x(() => {
-			if (!W.value.chart.zoom.minimap.show) return [];
-			let e = ds.value.filter((e) => !R.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
+		}), _s = x(() => X.value.line * U.value.bar.periodGap), vs = x(() => Math.max(1e-5, Ho() - (W.value.useIndividualScale && W.value.isStacked ? 0 : _s.value))), ys = x(() => vs.value * Math.min(Math.abs(U.value.bar.innerGap), .95)), bs = x(() => {
+			if (!U.value.chart.zoom.minimap.show) return [];
+			let e = ds.value.filter((e) => !L.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
 			for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
 			let r = Math.min(...n);
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
-		}), xs = x(() => W.value.chart.zoom.minimap.show ? ds.value.map((e) => ({
+		}), xs = x(() => U.value.chart.zoom.minimap.show ? ds.value.map((e) => ({
 			...e,
-			isVisible: !R.value.includes(e.id)
+			isVisible: !L.value.includes(e.id)
 		})) : []), Ss = x(() => Xa.value.map((e) => ({
 			slotAbsoluteIndex: e.slotAbsoluteIndex,
 			shape: e.shape || e.type === "bar" ? "square" : "circle",
 			name: e.name,
 			color: e.color,
 			type: e.type,
-			value: e.absoluteValues.find((e, t) => t === H.value),
+			value: e.absoluteValues.find((e, t) => t === V.value),
 			comments: e.comments || [],
-			prefix: e.prefix || W.value.chart.labels.prefix,
-			suffix: e.suffix || W.value.chart.labels.suffix
+			prefix: e.prefix || U.value.chart.labels.prefix,
+			suffix: e.suffix || U.value.chart.labels.suffix
 		}))), Cs = x(() => Ka.value.ticks.map((e) => ({
 			y: e >= 0 ? zo.value - q.value.height * Ro(e) : zo.value + q.value.height * Ro(Math.abs(e)),
 			value: e,
-			prefix: W.value.chart.labels.prefix,
-			suffix: W.value.chart.labels.suffix
+			prefix: U.value.chart.labels.prefix,
+			suffix: U.value.chart.labels.suffix
 		}))), ws = x(() => {
-			let e = W.value.chart.annotations;
+			let e = U.value.chart.annotations;
 			if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
 			let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
 			if (!t.length) return [];
@@ -1367,10 +1373,10 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		});
 		function Ts(e, t) {
 			let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
-			return Io(e[t].value) && i && W.value.line.cutNullValues;
+			return Io(e[t].value) && i && U.value.line.cutNullValues;
 		}
 		function Es({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
-			let c = e.scaleSteps || W.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !W.value.chart.grid.labels.yAxis.useNiceScale ? de : fe, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, d = u(o.min, ee, c), f = u(i, te, c), p = d.min >= 0 ? 0 : Math.abs(d.min), m = d.max + Math.abs(p), ne = f.max + 0, re = e.stackIndex, ie = t - 1 - re, ae = G.value.isStacked ? 1 - e.cumulatedStackRatio : 0, oe = G.value.isStacked ? r * ae + n * ie : 0, se = G.value.isStacked ? r * e.stackRatio : q.value.height;
+			let c = e.scaleSteps || U.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !U.value.chart.grid.labels.yAxis.useNiceScale ? ue : de, ee = o.max === o.min ? o.max * l : o.max, te = a === i ? a * l : a, d = u(o.min, ee, c), f = u(i, te, c), p = d.min >= 0 ? 0 : Math.abs(d.min), m = d.max + Math.abs(p), ne = f.max + 0, re = e.stackIndex, ie = t - 1 - re, ae = W.value.isStacked ? 1 - e.cumulatedStackRatio : 0, oe = W.value.isStacked ? r * ae + n * ie : 0, h = W.value.isStacked ? r * e.stackRatio : q.value.height;
 			return {
 				scaleSteps: c,
 				individualScale: d,
@@ -1380,9 +1386,9 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				individualMax: m,
 				autoScaleMax: ne,
 				yOffset: oe,
-				individualHeight: se,
-				zeroPosition: q.value?.bottom - oe - se * p / m,
-				autoScaleZeroPosition: q.value?.bottom - oe - se * 0 / ne
+				individualHeight: h,
+				zeroPosition: q.value?.bottom - oe - h * p / m,
+				autoScaleZeroPosition: q.value?.bottom - oe - h * 0 / ne
 			};
 		}
 		let Ds = x(() => {
@@ -1390,7 +1396,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = W.value.chart.grid.labels.yAxis.gap, r = G.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
+			].includes(e.type)), t = e.length, n = U.value.chart.grid.labels.yAxis.gap, r = W.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
 			return e.filter((e) => e.type === "bar").map((e, r) => {
 				Co(e);
 				let a = Q.value[e.scaleLabel].min, o = Q.value[e.scaleLabel].max, s = {
@@ -1408,8 +1414,8 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					autoScaleValueMin: s.valueMin,
 					autoScaleValueMax: s.valueMax,
 					individualExtremes: c
-				}), re = Ya.value.filter((e) => e.type === "bar").filter((e) => !R.value.includes(e.id)).length, ie = e.series.map((t, n) => {
-					let i = G.value.useIndividualScale ? (e.absoluteValues[n] + ee) / te : Ro(t), a = G.value.useIndividualScale && G.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left + X.value.bar * r + X.value.bar * n * re - gs.value / 2 - r * _s.value;
+				}), re = Ya.value.filter((e) => e.type === "bar").filter((e) => !L.value.includes(e.id)).length, ie = e.series.map((t, n) => {
+					let i = W.value.useIndividualScale ? (e.absoluteValues[n] + ee) / te : Ro(t), a = W.value.useIndividualScale && W.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left + X.value.bar * r + X.value.bar * n * re - gs.value / 2 - r * _s.value;
 					return {
 						yOffset: y(f),
 						individualHeight: y(p),
@@ -1421,7 +1427,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
 				}), ae = e.absoluteValues.map((e) => u.min >= 0 ? (e - Math.abs(u.min)) / (u.max - Math.abs(u.min)) : (e + Math.abs(u.min)) / (u.max + Math.abs(u.min))), oe = e.series.map((t, n) => {
-					let i = G.value.useIndividualScale && G.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left - X.value.bar / 2 + X.value.bar * r + X.value.bar * n * Ya.value.filter((e) => e.type === "bar").filter((e) => !R.value.includes(e.id)).length;
+					let i = W.value.useIndividualScale && W.value.isStacked ? q.value?.left + q.value.width / Y.value * n : q.value?.left - X.value.bar / 2 + X.value.bar * r + X.value.bar * n * Ya.value.filter((e) => e.type === "bar").filter((e) => !L.value.includes(e.id)).length;
 					return {
 						yOffset: y(f),
 						individualHeight: y(p),
@@ -1432,28 +1438,28 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						individualMax: y(te),
 						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
-				}), se = l.ticks.map((t) => ({
+				}), h = l.ticks.map((t) => ({
 					y: t >= 0 ? m - t / te * p : m + p * Math.abs(t) / te,
 					value: t,
-					prefix: e.prefix || W.value.chart.labels.prefix,
-					suffix: e.suffix || W.value.chart.labels.suffix,
+					prefix: e.prefix || U.value.chart.labels.prefix,
+					suffix: e.suffix || U.value.chart.labels.suffix,
 					datapoint: e
-				})), ce = u.ticks.map((t) => {
+				})), se = u.ticks.map((t) => {
 					let n = (t - u.min) / (u.max - u.min);
 					return {
 						y: t >= 0 ? ne - p * n : ne + p * n,
 						value: t,
-						prefix: e.prefix || W.value.chart.labels.prefix,
-						suffix: e.suffix || W.value.chart.labels.suffix,
+						prefix: e.prefix || U.value.chart.labels.prefix,
+						suffix: e.suffix || U.value.chart.labels.suffix,
 						datapoint: e
 					};
 				});
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = W.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? ce : se, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : m, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : te, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = ce, Q.value[e.scaleLabel].unique = ms.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = U.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : h, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : m, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : te, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = ms.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: f,
-					autoScaleYLabels: ce,
+					autoScaleYLabels: se,
 					individualHeight: p,
-					scaleYLabels: e.autoScaling ? ce : se,
+					scaleYLabels: e.autoScaling ? se : h,
 					individualScale: e.autoScaling ? u : l,
 					individualMax: e.autoScaling ? d : te,
 					zeroPosition: e.autoScaling ? ne : m,
@@ -1466,7 +1472,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = W.value.chart.grid.labels.yAxis.gap, r = G.value.isStacked ? n * (t - 1) : 0, a = q.value.height - r;
+			].includes(e.type)), t = e.length, n = U.value.chart.grid.labels.yAxis.gap, r = W.value.isStacked ? n * (t - 1) : 0, a = q.value.height - r;
 			return e.filter((e) => e.type === "line").map((e, r) => {
 				Co(e);
 				let o = Q.value[e.scaleLabel].min, c = Q.value[e.scaleLabel].max, l = {
@@ -1476,7 +1482,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				}, ee = {
 					max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
 					min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
-				}, { individualScale: d, autoScaleSteps: p, individualZero: m, individualMax: re, autoScaleMax: ie, yOffset: ae, individualHeight: se, zeroPosition: ce, autoScaleZeroPosition: le } = Es({
+				}, { individualScale: d, autoScaleSteps: p, individualZero: m, individualMax: re, autoScaleMax: ie, yOffset: ae, individualHeight: h, zeroPosition: se, autoScaleZeroPosition: ce } = Es({
 					datapoint: e,
 					totalSeries: t,
 					gap: n,
@@ -1484,60 +1490,60 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					autoScaleValueMin: l.valueMin,
 					autoScaleValueMax: l.valueMax,
 					individualExtremes: ee
-				}), h = e.series.map((t, n) => {
-					let r = G.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(m)) / re : Ro(t);
+				}), g = e.series.map((t, n) => {
+					let r = W.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(m)) / re : Ro(t);
 					return {
 						x: y(q.value?.left + X.value.line / 2 + X.value.line * n),
-						y: y(q.value?.bottom - ae - se * r),
+						y: y(q.value?.bottom - ae - h * r),
 						value: e.absoluteValues[n],
 						comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 					};
-				}), ue = e.absoluteValues.map((e) => p.min >= 0 ? (e - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (e + Math.abs(p.min)) / (p.max + Math.abs(p.min))), g = e.series.map((t, n) => [void 0, null].includes(e.absoluteValues[n]) ? {
+				}), le = e.absoluteValues.map((e) => p.min >= 0 ? (e - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (e + Math.abs(p.min)) / (p.max + Math.abs(p.min))), _ = e.series.map((t, n) => [void 0, null].includes(e.absoluteValues[n]) ? {
 					x: y(q.value?.left + X.value.line / 2 + X.value.line * n),
-					y: ce,
+					y: se,
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
 				} : {
 					x: y(q.value?.left + X.value.line / 2 + X.value.line * n),
-					y: y(q.value?.bottom - ae - (se * ue[n] || 0)),
+					y: y(q.value?.bottom - ae - (h * le[n] || 0)),
 					value: e.absoluteValues[n],
 					comment: e.comments && e.comments.slice(K.value.start, K.value.end)[n] || ""
-				}), _ = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, de = W.value.line.cutNullValues ? pe(h) : he(h.filter((e) => e.value !== null)), fe = W.value.line.cutNullValues ? pe(g) : he(g.filter((e) => e.value !== null)), v = W.value.line.cutNullValues ? u(h) : s(h.filter((e) => e.value !== null)), me = W.value.line.cutNullValues ? u(g) : s(g.filter((e) => e.value !== null)), ge = i(W.value.line.cutNullValues ? h : h.filter((e) => e.value !== null)), _e = i(W.value.line.cutNullValues ? g : g.filter((e) => e.value !== null)), ve = _ ? ne(W.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), e.dashIndices.map((e) => e - K.value.start)) : [], ye = _ ? te(W.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), e.dashIndices.map((e) => e - K.value.start)) : [], be = d.ticks.map((t) => ({
-					y: t >= 0 ? ce - t / re * se : ce + se * Math.abs(t) / re,
+				}), v = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, ue = U.value.line.cutNullValues ? pe(g) : he(g.filter((e) => e.value !== null)), de = U.value.line.cutNullValues ? pe(_) : he(_.filter((e) => e.value !== null)), fe = U.value.line.cutNullValues ? u(g) : s(g.filter((e) => e.value !== null)), me = U.value.line.cutNullValues ? u(_) : s(_.filter((e) => e.value !== null)), ge = i(U.value.line.cutNullValues ? g : g.filter((e) => e.value !== null)), _e = i(U.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null)), ve = v ? ne(U.value.line.cutNullValues ? g : g.filter((e) => e.value !== null), e.dashIndices.map((e) => e - K.value.start)) : [], ye = v ? te(U.value.line.cutNullValues ? g : g.filter((e) => e.value !== null), e.dashIndices.map((e) => e - K.value.start)) : [], be = d.ticks.map((t) => ({
+					y: t >= 0 ? se - t / re * h : se + h * Math.abs(t) / re,
 					value: t,
-					prefix: e.prefix || W.value.chart.labels.prefix,
-					suffix: e.suffix || W.value.chart.labels.suffix,
+					prefix: e.prefix || U.value.chart.labels.prefix,
+					suffix: e.suffix || U.value.chart.labels.suffix,
 					datapoint: e
 				})), xe = p.ticks.map((t) => {
 					let n = (t - p.min) / (p.max - p.min);
 					return {
-						y: t >= 0 ? le - se * n : le + se * n,
+						y: t >= 0 ? ce - h * n : ce + h * n,
 						value: t,
-						prefix: e.prefix || W.value.chart.labels.prefix,
-						suffix: e.suffix || W.value.chart.labels.suffix,
+						prefix: e.prefix || U.value.chart.labels.prefix,
+						suffix: e.suffix || U.value.chart.labels.suffix,
 						datapoint: e
 					};
 				});
-				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = W.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? xe : be, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? le : ce, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ie : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = ae, Q.value[e.scaleLabel].individualHeight = se, Q.value[e.scaleLabel].autoScaleYLabels = xe, Q.value[e.scaleLabel].unique = ms.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
-				let Se = G.value.useIndividualScale ? e.autoScaling ? le : ce : za.value, we = Math.max(Math.max(e.autoScaling ? le : be.at(-1) ? be.at(-1).y : 0, q.value?.top), Se), Ee = e.autoScaling ? g : h, De = W.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null);
+				Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = U.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? xe : be, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ce : se, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ie : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = ae, Q.value[e.scaleLabel].individualHeight = h, Q.value[e.scaleLabel].autoScaleYLabels = xe, Q.value[e.scaleLabel].unique = ms.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
+				let Se = W.value.useIndividualScale ? e.autoScaling ? ce : se : za.value, we = Math.max(Math.max(e.autoScaling ? ce : be.at(-1) ? be.at(-1).y : 0, q.value?.top), Se), Ee = e.autoScaling ? _ : g, De = U.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null);
 				return {
 					...e,
 					temperatureColors: e.temperatureColors ? e.temperatureColors.map((e) => Te(e)) : null,
 					yOffset: ae,
 					autoScaleYLabels: xe,
-					individualHeight: se,
+					individualHeight: h,
 					scaleYLabels: e.autoScaling ? xe : be,
 					individualScale: e.autoScaling ? p : d,
 					individualMax: e.autoScaling ? ie : re,
-					zeroPosition: e.autoScaling ? le : ce,
-					curve: e.useStepper ? e.autoScaling ? _e : ge : e.autoScaling ? fe : de,
-					plots: e.autoScaling ? g : h,
+					zeroPosition: e.autoScaling ? ce : se,
+					curve: e.useStepper ? e.autoScaling ? _e : ge : e.autoScaling ? de : ue,
+					plots: e.autoScaling ? _ : g,
 					dashedStraight: ve,
 					dashedSmooth: ye,
-					hasDashedSegments: _,
-					area: e.useArea ? e.useStepper ? i(De, we) : G.value.useIndividualScale ? W.value.line.cutNullValues ? oe(e.autoScaling ? g : h, we) : Ce(e.autoScaling ? g.filter((e) => e.value !== null) : h.filter((e) => e.value !== null), we) : W.value.line.cutNullValues ? oe(h, we) : Ce(h.filter((e) => e.value !== null), we) : "",
-					curveAreas: e.useArea ? e.useStepper ? i(De, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : f(e.autoScaling ? W.value.line.cutNullValues ? g : g.filter((e) => e.value !== null) : W.value.line.cutNullValues ? h : h.filter((e) => e.value !== null), we, W.value.line.cutNullValues) : [],
-					straight: e.useStepper ? e.autoScaling ? _e : ge : e.autoScaling ? me : v,
+					hasDashedSegments: v,
+					area: e.useArea ? e.useStepper ? i(De, we) : W.value.useIndividualScale ? U.value.line.cutNullValues ? oe(e.autoScaling ? _ : g, we) : Ce(e.autoScaling ? _.filter((e) => e.value !== null) : g.filter((e) => e.value !== null), we) : U.value.line.cutNullValues ? oe(g, we) : Ce(g.filter((e) => e.value !== null), we) : "",
+					curveAreas: e.useArea ? e.useStepper ? i(De, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : f(e.autoScaling ? U.value.line.cutNullValues ? _ : _.filter((e) => e.value !== null) : U.value.line.cutNullValues ? g : g.filter((e) => e.value !== null), we, U.value.line.cutNullValues) : [],
+					straight: e.useStepper ? e.autoScaling ? _e : ge : e.autoScaling ? me : fe,
 					groupId: Q.value[e.scaleLabel].groupId
 				};
 			});
@@ -1546,7 +1552,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"bar",
 				"line",
 				"plot"
-			].includes(e.type)), t = e.length, n = W.value.chart.grid.labels.yAxis.gap, r = G.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
+			].includes(e.type)), t = e.length, n = U.value.chart.grid.labels.yAxis.gap, r = W.value.isStacked ? n * (t - 1) : 0, i = q.value.height - r;
 			return e.filter((e) => e.type === "plot").map((e) => {
 				Co(e);
 				let r = Q.value[e.scaleLabel].min, a = Q.value[e.scaleLabel].max, o = {
@@ -1566,7 +1572,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					individualExtremes: s,
 					forceExactScale: !0
 				}), ne = e.series.map((t, n) => {
-					let r = G.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Ro(t);
+					let r = W.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Ro(t);
 					return {
 						x: y(q.value?.left + X.value.plot / 2 + X.value.plot * n),
 						y: y(q.value?.bottom - d - f * r),
@@ -1581,20 +1587,20 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				})), ae = c.ticks.map((t) => ({
 					y: t >= 0 ? p - t / ee * f : p + f * Math.abs(t) / ee,
 					value: t,
-					prefix: e.prefix || W.value.chart.labels.prefix,
-					suffix: e.suffix || W.value.chart.labels.suffix,
+					prefix: e.prefix || U.value.chart.labels.prefix,
+					suffix: e.suffix || U.value.chart.labels.suffix,
 					datapoint: e
 				})), oe = l.ticks.map((t) => {
 					let n = (t - l.min) / (l.max - l.min);
 					return {
 						y: t >= 0 ? m - f * n : m + f * n,
 						value: t,
-						prefix: e.prefix || W.value.chart.labels.prefix,
-						suffix: e.suffix || W.value.chart.labels.suffix,
+						prefix: e.prefix || U.value.chart.labels.prefix,
+						suffix: e.suffix || U.value.chart.labels.suffix,
 						datapoint: e
 					};
 				});
-				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = W.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? oe : ae, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? m : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = d, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = oe, Q.value[e.scaleLabel].unique = ms.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
+				return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = U.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? oe : ae, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? m : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = d, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = oe, Q.value[e.scaleLabel].unique = ms.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
 					...e,
 					yOffset: d,
 					autoScaleYLabels: oe,
@@ -1642,22 +1648,22 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				id: e.id,
 				yOffset: e.yOffset || 0,
 				individualHeight: e.individualHeight || q.value.height
-			})), r = G.value.useIndividualScale && !G.value.isStacked ? Object.values(Q.value) : [
+			})), r = W.value.useIndividualScale && !W.value.isStacked ? Object.values(Q.value) : [
 				...e,
 				...t,
 				...n
 			], i = r.flatMap((e) => e).length;
 			return r.flatMap((e, t) => {
 				let n = 0;
-				n = G.value.isStacked ? q.value?.left : q.value?.left / i * (t + 1);
-				let r = G.value.useIndividualScale && !G.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
+				n = W.value.isStacked ? q.value?.left : q.value?.left / i * (t + 1);
+				let r = W.value.useIndividualScale && !W.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
 				return {
 					unique: e.unique,
 					id: e.id,
 					groupId: e.groupId,
 					scaleLabel: e.scaleLabel,
-					name: v(W.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
-					color: G.value.useIndividualScale && !G.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
+					name: fe(U.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
+					color: W.value.useIndividualScale && !W.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
 					scale: e.scale,
 					yOffset: e.yOffset,
 					individualHeight: e.individualHeight,
@@ -1669,7 +1675,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				};
 			});
 		}), As = x(() => {
-			let e = W.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
+			let e = U.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
 			if (!t.length) return [];
 			let r = [];
 			return t.forEach((e, t) => {
@@ -1678,7 +1684,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				let o = $.value.find((e) => e.name === i), s = $.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;
-				ue({
+				le({
 					lineA: o.plots,
 					lineB: s.plots,
 					smoothA: !!o.smooth,
@@ -1686,7 +1692,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					colorLineA: c,
 					colorLineB: l,
 					sampleStepPx: 2,
-					cutNullValues: W.value.line.cutNullValues
+					cutNullValues: U.value.line.cutNullValues
 				}).forEach((e, n) => {
 					r.push({
 						...e,
@@ -1695,73 +1701,73 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				});
 			}), r;
 		}), js = x(() => ({
-			timeLabel: J.value[H.value],
+			timeLabel: J.value[V.value],
 			datapoint: Ss.value,
-			seriesIndex: H.value,
+			seriesIndex: V.value,
 			series: Ya.value,
 			bars: Ds.value,
 			lines: $.value,
 			plots: Os.value,
-			config: W.value
+			config: U.value
 		})), Ms = k({
 			months: [],
 			shortMonths: [],
 			days: [],
 			shortDays: []
 		}), Ns = 0;
-		pt(() => {
-			let e = ++Ns, t = W.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+		mt(() => {
+			let e = ++Ns, t = U.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
 			(async () => {
 				let n = await ke(t.locale).catch(() => ke("en"));
 				e === Ns && (Ms.value = n.data);
 			})();
 		});
 		let Ps = x(() => {
-			let e = W.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Oe({
+			let e = U.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Oe({
 				useUTC: e.useUTC,
 				locale: Ms.value,
 				januaryAsYear: e.januaryAsYear
 			});
 			return (e, n) => {
-				let r = W.value.chart.grid.labels.xAxisLabels.values?.[e];
+				let r = U.value.chart.grid.labels.xAxisLabels.values?.[e];
 				return r == null ? "" : t.formatDate(new Date(r), n);
 			};
-		}), Fs = x(() => (W.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
-			text: Ps.value(t, W.value.chart.zoom.timeFormat),
+		}), Fs = x(() => (U.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
+			text: Ps.value(t, U.value.chart.zoom.timeFormat),
 			absoluteIndex: t
 		}))), Is = x(() => {
-			let e = "", t = Ss.value.map((e) => e.value).filter((e) => _e(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = J.value[H.value], i = W.value.chart.tooltip.customFormat;
+			let e = "", t = Ss.value.map((e) => e.value).filter((e) => _e(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = J.value[V.value], i = U.value.chart.tooltip.customFormat;
 			if (be(i) && ye(() => i({
-				absoluteIndex: H.value + K.value.start,
-				seriesIndex: H.value,
+				absoluteIndex: V.value + K.value.start,
+				seriesIndex: V.value,
 				datapoint: Ss.value,
 				series: Ya.value,
 				bars: Ds.value,
 				lines: $.value,
 				plots: Os.value,
-				config: W.value,
+				config: U.value,
 				dateLabel: n
 			}))) return i({
-				absoluteIndex: H.value + K.value.start,
-				seriesIndex: H.value,
+				absoluteIndex: V.value + K.value.start,
+				seriesIndex: V.value,
 				datapoint: Ss.value,
 				series: Ya.value,
 				bars: Ds.value,
 				lines: $.value,
 				plots: Os.value,
-				config: W.value,
+				config: U.value,
 				dateLabel: n
 			});
-			if (n && n.text && W.value.chart.tooltip.showTimeLabel) {
-				let t = Ps.value(H.value + K.value.start, W.value.chart.tooltip.timeFormat);
-				e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${W.value.chart.tooltip.borderColor}; width:100%">${W.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !W.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`;
+			if (n && n.text && U.value.chart.tooltip.showTimeLabel) {
+				let t = Ps.value(V.value + K.value.start, U.value.chart.tooltip.timeFormat);
+				e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${U.value.chart.tooltip.borderColor}; width:100%">${U.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !U.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`;
 			}
 			return Ss.value.forEach((n) => {
 				if (_e(n.value)) {
 					let i = "", o = "";
-					switch (Mi.value[n.type]) {
+					switch (Ni.value[n.type]) {
 						case "bar":
-							i = `<svg viewBox="0 0 40 40" height="14" width="14">${ci.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${n.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${ci.pattern ? `url(#pattern_${z.value}_${n.slotAbsoluteIndex}` : n.color}" /></svg>`;
+							i = `<svg viewBox="0 0 40 40" height="14" width="14">${li.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${n.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${li.pattern ? `url(#pattern_${R.value}_${n.slotAbsoluteIndex}` : n.color}" /></svg>`;
 							break;
 						case "line":
 							!n.shape || ![
@@ -1771,7 +1777,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								"diamond",
 								"pentagon",
 								"hexagon"
-							].includes(n.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${n.color}" />` : n.shape === "triangle" ? o = `<path d="${r({
+							].includes(n.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${n.color}" />` : n.shape === "triangle" ? o = `<path d="${r({
 								plot: {
 									x: 10,
 									y: 8
@@ -1779,7 +1785,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								radius: 4,
 								sides: 3,
 								rotation: .52
-							}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "square" ? o = `<path d="${r({
+							}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "square" ? o = `<path d="${r({
 								plot: {
 									x: 10,
 									y: 8
@@ -1787,7 +1793,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								radius: 4,
 								sides: 4,
 								rotation: .8
-							}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "diamond" ? o = `<path d="${r({
+							}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "diamond" ? o = `<path d="${r({
 								plot: {
 									x: 10,
 									y: 8
@@ -1795,7 +1801,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								radius: 4,
 								sides: 4,
 								rotation: 0
-							}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "pentagon" ? o = `<path d="${r({
+							}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "pentagon" ? o = `<path d="${r({
 								plot: {
 									x: 10,
 									y: 8
@@ -1803,7 +1809,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								radius: 4,
 								sides: 5,
 								rotation: .95
-							}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "hexagon" ? o = `<path d="${r({
+							}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "hexagon" ? o = `<path d="${r({
 								plot: {
 									x: 10,
 									y: 8
@@ -1811,13 +1817,13 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								radius: 4,
 								sides: 6,
 								rotation: 0
-							}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "star" && (o = `<polygon stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${n.color}" points="${m({
+							}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : n.shape === "star" && (o = `<polygon stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${n.color}" points="${m({
 								plot: {
 									x: 10,
 									y: 8
 								},
 								radius: 4
-							})}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${n.color}" />${o}</svg>`;
+							})}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${n.color}" />${o}</svg>`;
 							break;
 						case "plot":
 							if (!n.shape || ![
@@ -1828,11 +1834,11 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								"pentagon",
 								"hexagon"
 							].includes(n.shape)) {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${n.color}" /></svg>`;
+								i = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${n.color}" /></svg>`;
 								break;
 							}
 							if (n.shape === "star") {
-								i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${n.color}" points="${m({
+								i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${n.color}" points="${m({
 									plot: {
 										x: 6,
 										y: 6
@@ -1850,7 +1856,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 									radius: 6,
 									sides: 3,
 									rotation: .52
-								}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
 								break;
 							}
 							if (n.shape === "square") {
@@ -1862,7 +1868,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 									radius: 6,
 									sides: 4,
 									rotation: .8
-								}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
 								break;
 							}
 							if (n.shape === "diamond") {
@@ -1874,7 +1880,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 									radius: 5,
 									sides: 4,
 									rotation: 0
-								}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
 								break;
 							}
 							if (n.shape === "pentagon") {
@@ -1886,7 +1892,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 									radius: 5,
 									sides: 5,
 									rotation: .95
-								}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
 								break;
 							}
 							if (n.shape === "hexagon") {
@@ -1898,23 +1904,23 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 									radius: 5,
 									sides: 6,
 									rotation: 0
-								}).path}" fill="${n.color}" stroke="${W.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+								}).path}" fill="${n.color}" stroke="${U.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
 								break;
 							}
 						default: break;
 					}
-					e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${n.name}: <b>${W.value.chart.tooltip.showValue ? v(n.type === "line" ? W.value.line.labels.formatter : n.type === "bar" ? W.value.bar.labels.formatter : W.value.plot.labels.formatter, n.value, a({
+					e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${n.name}: <b>${U.value.chart.tooltip.showValue ? fe(n.type === "line" ? U.value.line.labels.formatter : n.type === "bar" ? U.value.bar.labels.formatter : U.value.plot.labels.formatter, n.value, a({
 						p: n.prefix,
 						v: n.value,
 						s: n.suffix,
-						r: W.value.chart.tooltip.roundingValue
-					}), { datapoint: n }) : ""}</b> ${W.value.chart.tooltip.showPercentage ? `(${a({
+						r: U.value.chart.tooltip.roundingValue
+					}), { datapoint: n }) : ""}</b> ${U.value.chart.tooltip.showPercentage ? `(${a({
 						v: y(Math.abs(n.value) / t * 100),
 						s: "%",
-						r: W.value.chart.tooltip.roundingPercentage
-					})})` : ""}</div>`, W.value.chart.comments.showInTooltip && n.comments.length && n.comments.slice(K.value.start, K.value.end)[H.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${n.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${n.color}">${n.comments.slice(K.value.start, K.value.end)[H.value]}</div>`);
+						r: U.value.chart.tooltip.roundingPercentage
+					})})` : ""}</div>`, U.value.chart.comments.showInTooltip && n.comments.length && n.comments.slice(K.value.start, K.value.end)[V.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${n.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${n.color}">${n.comments.slice(K.value.start, K.value.end)[V.value]}</div>`);
 				}
-			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${W.value.chart.tooltip.color}">${e}</div>`;
+			}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${U.value.chart.tooltip.color}">${e}</div>`;
 		}), Ls = x(() => {
 			if (Ja.value.length === 0) return {
 				head: [],
@@ -1928,40 +1934,40 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				type: e.type
 			})), t = [];
 			return J.value.forEach((e, n) => {
-				let r = W.value.table.useDefaultTimeFormat ? [e.text] : [Ps.value(n + K.value.start, W.value.table.timeFormat)];
+				let r = U.value.table.useDefaultTimeFormat ? [e.text] : [Ps.value(n + K.value.start, U.value.table.timeFormat)];
 				Xa.value.forEach((e) => {
-					r.push(Io(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(W.value.table.rounding)) : "");
+					r.push(Io(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(U.value.table.rounding)) : "");
 				}), t.push(r);
 			}), {
 				head: e,
 				body: t
 			};
 		}), Rs = x(() => {
-			let e = W.value.table.showSum, t = [""].concat(Xa.value.map((e) => e.name));
+			let e = U.value.table.showSum, t = [""].concat(Xa.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 = [];
 			for (let t = 0; t < Y.value; t += 1) {
 				let r = Xa.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
-				n.push([W.value.table.useDefaultTimeFormat ? J.value[t]?.text ?? "-" : Ps.value(t + K.value.start, W.value.table.timeFormat)].concat(Xa.value.map((e) => v(e.type === "line" ? W.value.line.labels.formatter : e.type === "bar" ? W.value.bar.labels.formatter : W.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, a({
-					p: e.prefix || W.value.chart.labels.prefix,
+				n.push([U.value.table.useDefaultTimeFormat ? J.value[t]?.text ?? "-" : Ps.value(t + K.value.start, U.value.table.timeFormat)].concat(Xa.value.map((e) => fe(e.type === "line" ? U.value.line.labels.formatter : e.type === "bar" ? U.value.bar.labels.formatter : U.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, a({
+					p: e.prefix || U.value.chart.labels.prefix,
 					v: e.absoluteValues[t] ?? 0,
-					s: e.suffix || W.value.chart.labels.suffix,
-					r: W.value.table.rounding
-				}))), e ? (r ?? 0).toFixed(W.value.table.rounding) : []));
+					s: e.suffix || U.value.chart.labels.suffix,
+					r: U.value.table.rounding
+				}))), e ? (r ?? 0).toFixed(U.value.table.rounding) : []));
 			}
 			let r = {
 				th: {
-					backgroundColor: W.value.table.th.backgroundColor,
-					color: W.value.table.th.color,
-					outline: W.value.table.th.outline
+					backgroundColor: U.value.table.th.backgroundColor,
+					color: U.value.table.th.color,
+					outline: U.value.table.th.outline
 				},
 				td: {
-					backgroundColor: W.value.table.td.backgroundColor,
-					color: W.value.table.td.color,
-					outline: W.value.table.td.outline
+					backgroundColor: U.value.table.td.backgroundColor,
+					color: U.value.table.td.color,
+					outline: U.value.table.td.outline
 				},
-				breakpoint: W.value.table.responsiveBreakpoint
-			}, i = [W.value.table.columnNames.period].concat(Xa.value.map((e) => e.name), W.value.table.columnNames.total);
+				breakpoint: U.value.table.responsiveBreakpoint
+			}, i = [U.value.table.columnNames.period].concat(Xa.value.map((e) => e.name), U.value.table.columnNames.total);
 			return {
 				head: t,
 				body: n,
@@ -1971,18 +1977,18 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		});
 		function zs(e = null) {
 			let t = [
-				[W.value.chart.title.text],
-				[W.value.chart.title.subtitle.text],
+				[U.value.chart.title.text],
+				[U.value.chart.title.subtitle.text],
 				[""]
 			], n = ["", ...Ls.value.head.map((e) => e.label)], r = Ls.value.body, i = ie(t.concat([n]).concat(r));
 			e ? e(i) : l({
 				csvContent: i,
-				title: W.value.chart.title.text || "vue-ui-xy"
+				title: U.value.chart.title.text || "vue-ui-xy"
 			});
 		}
 		function Bs(e, t = null) {
 			if (Za.value) return;
-			Fi.value = e;
+			Ii.value = e;
 			let n = Xa.value.map((e) => ({
 				name: e.name,
 				value: [
@@ -1993,110 +1999,110 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				color: e.color,
 				type: e.type
 			}));
-			e ? (H.value = t, W.value.events.datapointEnter && W.value.events.datapointEnter({
+			e ? (V.value = t, U.value.events.datapointEnter && U.value.events.datapointEnter({
 				datapoint: n,
 				seriesIndex: t + K.value.start
-			})) : (H.value = null, W.value.events.datapointLeave && W.value.events.datapointLeave({
+			})) : (V.value = null, U.value.events.datapointLeave && U.value.events.datapointLeave({
 				datapoint: n,
 				seriesIndex: t + K.value.start
 			}));
 		}
 		function Vs() {
-			G.value.showTable = !G.value.showTable;
+			W.value.showTable = !W.value.showTable;
 		}
 		function Hs() {
-			G.value.dataLabels.show = !G.value.dataLabels.show;
+			W.value.dataLabels.show = !W.value.dataLabels.show;
 		}
 		function Us() {
-			G.value.showTooltip = !G.value.showTooltip;
+			W.value.showTooltip = !W.value.showTooltip;
 		}
 		function Ws(e) {
-			Pi.value = e, Li.value += 1;
+			Fi.value = e, Ri.value += 1;
 		}
 		function Gs() {
-			if (!W.value.responsiveProportionalSizing) {
-				U.value.dataLabels = W.value.chart.grid.labels.fontSize, U.value.yAxis = W.value.chart.grid.labels.axis.fontSize, U.value.xAxis = W.value.chart.grid.labels.xAxisLabels.fontSize, U.value.plotLabels = W.value.chart.labels.fontSize, da.value.plot = W.value.plot.radius, da.value.line = W.value.line.radius;
+			if (!U.value.responsiveProportionalSizing) {
+				H.value.dataLabels = U.value.chart.grid.labels.fontSize, H.value.yAxis = U.value.chart.grid.labels.axis.fontSize, H.value.xAxis = U.value.chart.grid.labels.xAxisLabels.fontSize, H.value.plotLabels = U.value.chart.labels.fontSize, fa.value.plot = U.value.plot.radius, fa.value.line = U.value.line.radius;
 				return;
 			}
-			U.value.dataLabels = re({
-				relator: ki.value,
+			H.value.dataLabels = re({
+				relator: Ai.value,
 				adjuster: 400,
-				source: W.value.chart.grid.labels.fontSize,
+				source: U.value.chart.grid.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), U.value.yAxis = re({
-				relator: L.value,
+			}), H.value.yAxis = re({
+				relator: I.value,
 				adjuster: 1e3,
-				source: W.value.chart.grid.labels.axis.fontSize,
+				source: U.value.chart.grid.labels.axis.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), U.value.xAxis = re({
-				relator: L.value,
+			}), H.value.xAxis = re({
+				relator: I.value,
 				adjuster: 1e3,
-				source: W.value.chart.grid.labels.xAxisLabels.fontSize,
+				source: U.value.chart.grid.labels.xAxisLabels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), U.value.plotLabels = re({
-				relator: L.value,
+			}), H.value.plotLabels = re({
+				relator: I.value,
 				adjuster: 800,
-				source: W.value.chart.labels.fontSize,
+				source: U.value.chart.labels.fontSize,
 				threshold: 10,
 				fallback: 10
-			}), da.value.plot = re({
-				relator: L.value,
+			}), fa.value.plot = re({
+				relator: I.value,
 				adjuster: 800,
-				source: W.value.plot.radius,
+				source: U.value.plot.radius,
 				threshold: 1,
 				fallback: 1
-			}), da.value.line = re({
-				relator: L.value,
+			}), fa.value.line = re({
+				relator: I.value,
 				adjuster: 800,
-				source: W.value.line.radius,
+				source: U.value.line.radius,
 				threshold: 1,
 				fallback: 1
 			});
 		}
 		function Ks() {
-			if (ae(F.dataset) ? (ce({
+			if (ae(P.dataset) ? (se({
 				componentName: "VueUiXy",
 				type: "dataset",
-				debug: _a.value
-			}), Sa.value = !0) : F.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && (ce({
+				debug: va.value
+			}), Sa.value = !0) : P.dataset.forEach((e, t) => {
+				[null, void 0].includes(e.name) && (se({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
 					index: t,
-					debug: _a.value
+					debug: va.value
 				}), Sa.value = !0);
-			}), _a.value && F.dataset.forEach((e) => {
+			}), va.value && P.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
 					_e(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.`);
 				});
-			}), ae(F.dataset) || (Sa.value = W.value.loading), Hi.value = W.value.chart.userOptions.showOnChartHover, Ui.value = W.value.chart.userOptions.keepStateOnChartLeave, Wi.value = !W.value.chart.userOptions.showOnChartHover, ga(), W.value.responsive) {
-				let e = pi.value.parentNode;
-				Ti.value && (Ti.value.unobserve(Ei.value), Ti.value.disconnect());
+			}), ae(P.dataset) || (Sa.value = U.value.loading), Ui.value = U.value.chart.userOptions.showOnChartHover, Wi.value = U.value.chart.userOptions.keepStateOnChartLeave, Gi.value = !U.value.chart.userOptions.showOnChartHover, _a(), U.value.responsive) {
+				let e = mi.value.parentNode;
+				Ei.value && (Ei.value.unobserve(Di.value), Ei.value.disconnect());
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
-				W.value.chart.title.show && mi.value && (r = mi.value, i = r.getBoundingClientRect().height);
+				U.value.chart.title.show && hi.value && (r = hi.value, i = r.getBoundingClientRect().height);
 				let a = null, o = 0;
-				W.value.chart.zoom.show && Ea.value > 6 && ma.value && hi.value && hi.value.$el && (a = hi.value.$el, o = a.getBoundingClientRect().height);
+				U.value.chart.zoom.show && Ea.value > 6 && ha.value && gi.value && gi.value.$el && (a = gi.value.$el, o = a.getBoundingClientRect().height);
 				let s = null, c = 0;
-				W.value.chart.legend.show && gi.value && (s = gi.value, c = s.getBoundingClientRect().height);
+				U.value.chart.legend.show && _i.value && (s = _i.value, c = s.getBoundingClientRect().height);
 				let l = 0;
-				_i.value && (l = _i.value.getBoundingClientRect().height);
+				vi.value && (l = vi.value.getBoundingClientRect().height);
 				let u = 0;
-				vi.value && (u = vi.value.getBoundingClientRect().height), ki.value = t - i - c - o - l - u - 12, L.value = n, Ai.value = `0 0 ${L.value < 0 ? 10 : L.value} ${ki.value < 0 ? 10 : ki.value}`, Gs();
+				yi.value && (u = yi.value.getBoundingClientRect().height), Ai.value = t - i - c - o - l - u - 12, I.value = n, ji.value = `0 0 ${I.value < 0 ? 10 : I.value} ${Ai.value < 0 ? 10 : Ai.value}`, Gs();
 				let ee = new ResizeObserver((e) => {
-					for (let t of e) i = W.value.chart.title.show && mi.value ? mi.value.getBoundingClientRect().height : 0, o = hi.value && hi.value.$el ? hi.value.$el.getBoundingClientRect().height : 0, c = gi.value ? gi.value.getBoundingClientRect().height : 0, l = _i.value ? _i.value.getBoundingClientRect().height : 0, u = vi.value ? vi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
-						ki.value = t.contentRect.height - i - c - o - l - u - 12, L.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Ai.value = `0 0 ${L.value < 0 ? 10 : L.value} ${ki.value < 0 ? 10 : ki.value}`, Gs(), ia(), oa();
+					for (let t of e) i = U.value.chart.title.show && hi.value ? hi.value.getBoundingClientRect().height : 0, o = gi.value && gi.value.$el ? gi.value.$el.getBoundingClientRect().height : 0, c = _i.value ? _i.value.getBoundingClientRect().height : 0, l = vi.value ? vi.value.getBoundingClientRect().height : 0, u = yi.value ? yi.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
+						Ai.value = t.contentRect.height - i - c - o - l - u - 12, I.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, ji.value = `0 0 ${I.value < 0 ? 10 : I.value} ${Ai.value < 0 ? 10 : Ai.value}`, Gs(), aa(), sa();
 					});
 				});
-				Ti.value = ee, Ei.value = e, ee.observe(e);
-			} else ki.value = W.value.chart.height, L.value = W.value.chart.width, U.value.dataLabels = W.value.chart.grid.labels.fontSize, U.value.yAxis = W.value.chart.grid.labels.axis.fontSize, U.value.xAxis = W.value.chart.grid.labels.xAxisLabels.fontSize, U.value.plotLabels = W.value.chart.labels.fontSize, da.value.plot = W.value.plot.radius, da.value.line = W.value.line.radius, Ai.value = `0 0 ${L.value} ${ki.value}`;
-			ia(), oa();
+				Ei.value = ee, Di.value = e, ee.observe(e);
+			} else Ai.value = U.value.chart.height, I.value = U.value.chart.width, H.value.dataLabels = U.value.chart.grid.labels.fontSize, H.value.yAxis = U.value.chart.grid.labels.axis.fontSize, H.value.xAxis = U.value.chart.grid.labels.xAxisLabels.fontSize, H.value.plotLabels = U.value.chart.labels.fontSize, fa.value.plot = U.value.plot.radius, fa.value.line = U.value.line.radius, ji.value = `0 0 ${I.value} ${Ai.value}`;
+			aa(), sa();
 		}
 		function qs(e) {
-			ji.value = {
+			Mi.value = {
 				x: e.clientX,
 				y: e.clientY
 			};
@@ -2104,12 +2110,12 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 		ot(() => {
 			Ks(), jo(), document.addEventListener("mousemove", qs, { passive: !0 }), document.addEventListener("scroll", co, { passive: !0 });
 		}), at(() => {
-			document.removeEventListener("scroll", co, { passive: !0 }), document.removeEventListener("mousemove", qs, { passive: !0 }), Ti.value &&= (Ti.value.unobserve(Ei.value), Ti.value.disconnect(), null);
+			document.removeEventListener("scroll", co, { passive: !0 }), document.removeEventListener("mousemove", qs, { passive: !0 }), Ei.value &&= (Ei.value.unobserve(Di.value), Ei.value.disconnect(), null);
 		}), ze({
-			timeLabelsEls: Si,
+			timeLabelsEls: Ci,
 			timeLabels: J,
 			slicer: K,
-			configRef: W,
+			configRef: U,
 			rotationPath: [
 				"chart",
 				"grid",
@@ -2126,11 +2132,11 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"enable"
 			],
 			isAutoSize: Ia,
-			height: ki,
-			width: L,
-			rotation: W.value.chart.grid.labels.xAxisLabels.autoRotate.angle
+			height: Ai,
+			width: I,
+			rotation: U.value.chart.grid.labels.xAxisLabels.autoRotate.angle
 		});
-		let Js = k(!1), Ys = k(null), Xs = k(200), Zs = x(() => H.value ?? B.value ?? 0);
+		let Js = k(!1), Ys = k(null), Xs = k(200), Zs = x(() => V.value ?? z.value ?? 0);
 		function Qs() {
 			let e = Math.ceil(Xs.value || 200);
 			return Math.min(Math.max(e, 1), 200);
@@ -2147,7 +2153,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			}, r = new ResizeObserver((t) => {
 				let r = t.find((t) => t.target === e) || t[0];
 				r && n(r.contentRect.width || 200);
-			}), i = pt((t) => {
+			}), i = mt((t) => {
 				let i = Ys.value;
 				e && e !== i && (r.unobserve(e), e = null), i && i !== e && (rt(() => {
 					i.offsetParent !== null && n(i.offsetWidth || i.getBoundingClientRect().width || 200);
@@ -2162,8 +2168,8 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			});
 		});
 		let ec = x(() => {
-			if ([null, void 0].includes(H.value) && [null, void 0].includes(B.value)) return "";
-			let e = (H.value == null ? 0 : H.value) || (B.value == null ? 0 : B.value), t = W.value.chart.timeTag.customFormat;
+			if ([null, void 0].includes(V.value) && [null, void 0].includes(z.value)) return "";
+			let e = (V.value == null ? 0 : V.value) || (z.value == null ? 0 : z.value), t = U.value.chart.timeTag.customFormat;
 			if (Js.value = !1, be(t)) try {
 				let n = t({
 					absoluteIndex: e + K.value.start,
@@ -2172,53 +2178,89 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					bars: Ds.value,
 					lines: $.value,
 					plots: Os.value,
-					config: W.value
+					config: U.value
 				});
 				if (typeof n == "string") return Js.value = !0, n;
 			} catch {
 				console.warn("Custom format cannot be applied on timeTag."), Js.value = !1;
 			}
-			if (!Js.value) return [null, void 0].includes(J.value[e]) ? "" : W.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !W.value.chart.timeTag.useDefaultFormat ? Ps.value(e + K.value.start, W.value.chart.timeTag.timeFormat) : J.value[e].text;
+			if (!Js.value) return [null, void 0].includes(J.value[e]) ? "" : U.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !U.value.chart.timeTag.useDefaultFormat ? Ps.value(e + K.value.start, U.value.chart.timeTag.timeFormat) : J.value[e].text;
 		});
-		ft(() => F.dataset, (e) => {
+		function tc({ serie: e, plot: t, type: r }) {
+			return Io(t.value) ? n({
+				content: fe(U.value[r].labels.formatter, t.value, a({
+					p: e.prefix || U.value.chart.labels.prefix,
+					v: t.value,
+					x: e.suffix || U.value.chart.labels.suffix,
+					r: U.value[r].labels.rounding
+				}), {
+					datapoint: t,
+					serie: e
+				}),
+				fontSize: H.value.plotLabels,
+				fill: U.value[r].labels.color,
+				x: 0,
+				y: 0
+			}) : "";
+		}
+		function nc({ plot: e }) {
+			let t = U.value.bar.labels.offsetY, n = Math.abs(Vo(e)), r = e.value < 0, i = {
+				x: (W.value.useIndividualScale && W.value.isStacked ? e.x + X.value.line / 2 : Uo(e) + Ho() / 2 - _s.value / 2) + U.value.bar.labels.offsetX,
+				y: y(e.y) + (U.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
+			};
+			return `translate(${i.x}, ${i.y}) rotate(${U.value.bar.labels.rotation})`;
+		}
+		function rc({ plot: e, type: t }) {
+			let n = U.value[t].labels.offsetY, r = {
+				x: e.x + U.value[t].labels.offsetX,
+				y: y(e.y) + (U.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
+			};
+			return `translate(${r.x}, ${r.y}) rotate(${U.value[t].labels.rotation})`;
+		}
+		function ic({ plot: e, type: t }) {
+			if (U.value[t].labels.textAnchor != null) return U.value[t].labels.textAnchor;
+			let n = e.value >= 0;
+			return U.value[t].labels.rotation === 0 ? "middle" : U.value[t].labels.alwaysOnTop || n ? "start" : "end";
+		}
+		pt(() => P.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (Sa.value = !1), Ea.value = Math.max(...xa.value.map((e) => Ta(e.series).length)), K.value = {
 				start: 0,
 				end: Ea.value
-			}, Di.value += 1, Vi.value += 1, ia(), oa(), Aa();
-		}, { deep: !0 }), ft(() => F.config, (e) => {
-			ba.value || (W.value = fa()), Ks(), zi.value += 1, Ri.value += 1, ga(), ia(), oa(), Aa();
+			}, Oi.value += 1, Hi.value += 1, aa(), sa(), Aa();
+		}, { deep: !0 }), pt(() => P.config, (e) => {
+			G.value || (U.value = pa()), Ks(), Bi.value += 1, zi.value += 1, _a(), aa(), sa(), Aa();
 		}, { deep: !0 });
-		let tc = k(!1);
-		function nc() {
-			let e = pi.value?.parentNode;
+		let ac = k(!1);
+		function oc() {
+			let e = mi.value?.parentNode;
 			if (!e) {
-				tc.value = !1;
+				ac.value = !1;
 				return;
 			}
 			let t = e.getBoundingClientRect();
-			tc.value = t.width > 2 && t.height > 2;
+			ac.value = t.width > 2 && t.height > 2;
 		}
 		ot(() => {
-			nc();
+			oc();
 			let e = new ResizeObserver(() => {
-				nc(), tc.value && (Ks(), Aa(), jo());
+				oc(), ac.value && (Ks(), Aa(), jo());
 			});
-			pi.value?.parentNode && e.observe(pi.value.parentNode);
-		}), ft(W, () => {
-			ga();
+			mi.value?.parentNode && e.observe(mi.value.parentNode);
+		}), pt(U, () => {
+			_a();
 		}, { immediate: !0 });
-		let rc = x(() => {
-			let e = W.value.table.useDialog && !W.value.showTable, t = G.value.showTable;
+		let sc = x(() => {
+			let e = U.value.table.useDialog && !U.value.showTable, t = W.value.showTable;
 			return {
-				component: e ? oi : Ke,
-				title: `${W.value.chart.title.text}${W.value.chart.title.subtitle.text ? `: ${W.value.chart.title.subtitle.text}` : ""}`,
+				component: e ? si : Ke,
+				title: `${U.value.chart.title.text}${U.value.chart.title.subtitle.text ? `: ${U.value.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
-					backgroundColor: W.value.table.th.backgroundColor,
-					color: W.value.table.th.color,
-					headerColor: W.value.table.th.color,
-					headerBg: W.value.table.th.backgroundColor,
-					isFullscreen: Pi.value,
-					fullscreenParent: pi.value,
+					backgroundColor: U.value.table.th.backgroundColor,
+					color: U.value.table.th.color,
+					headerColor: U.value.table.th.color,
+					headerBg: U.value.table.th.backgroundColor,
+					isFullscreen: Fi.value,
+					fullscreenParent: mi.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8)
 				} : {
 					hideDetails: !0,
@@ -2226,65 +2268,65 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						open: t,
 						maxHeight: 1e4,
 						body: {
-							backgroundColor: W.value.chart.backgroundColor,
-							color: W.value.chart.color
+							backgroundColor: U.value.chart.backgroundColor,
+							color: U.value.chart.color
 						},
 						head: {
-							backgroundColor: W.value.chart.backgroundColor,
-							color: W.value.chart.color
+							backgroundColor: U.value.chart.backgroundColor,
+							color: U.value.chart.color
 						}
 					}
 				}
 			};
 		});
-		ft(() => G.value.showTable, (e) => {
-			W.value.showTable || (e && W.value.table.useDialog && Ji.value ? Ji.value.open() : Ji.value && Ji.value.close && Ji.value.close());
+		pt(() => W.value.showTable, (e) => {
+			U.value.showTable || (e && U.value.table.useDialog && Yi.value ? Yi.value.open() : Yi.value && Yi.value.close && Yi.value.close());
 		});
-		function ic() {
-			G.value.showTable = !1, wi.value && wi.value.setTableIconState(!1);
+		function cc() {
+			W.value.showTable = !1, Ti.value && Ti.value.setTableIconState(!1);
 		}
-		let ac = x(() => Ya.value.map((e) => ({
+		let lc = x(() => Ya.value.map((e) => ({
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), oc = x(() => W.value.chart.backgroundColor), sc = x(() => W.value.chart.legend), { exportSvg: cc, getSvg: lc } = Fe({
-			svg: V,
-			title: x(() => W.value.chart.title),
-			legend: sc,
-			legendItems: ac,
-			backgroundColor: oc
+		}))), uc = x(() => U.value.chart.backgroundColor), dc = x(() => U.value.chart.legend), { exportSvg: fc, getSvg: pc } = Fe({
+			svg: B,
+			title: x(() => U.value.chart.title),
+			legend: dc,
+			legendItems: lc,
+			backgroundColor: uc
 		});
-		async function uc({ isCb: e }) {
-			Xi.value = !0, await rt();
+		async function mc({ isCb: e }) {
+			Zi.value = !0, await rt();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await lc();
-					await Promise.resolve(W.value.chart.userOptions.callbacks.svg({
+					let { blob: e, url: t, text: n, dataUrl: r } = await pc();
+					await Promise.resolve(U.value.chart.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(cc());
+				} else await Promise.resolve(fc());
 			} finally {
-				Xi.value = !1;
+				Zi.value = !1;
 			}
 		}
-		function dc(e) {
+		function hc(e) {
 			if (e?.stage === "start") {
-				Yi.value = !0;
+				Xi.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Yi.value = !1;
+				Xi.value = !1;
 				return;
 			}
 			Fa();
 		}
-		async function fc() {
-			if (si("copyAlt", {
+		async function gc() {
+			if (ci("copyAlt", {
 				config: {
-					...W.value,
+					...U.value,
 					formattedDates: J.value
 				},
 				dataset: {
@@ -2292,13 +2334,13 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					bars: Ds.value,
 					plots: Os.value
 				}
-			}), !W.value.chart.userOptions.callbacks.altCopy) {
+			}), !U.value.chart.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(W.value.chart.userOptions.callbacks.altCopy({
+			await Promise.resolve(U.value.chart.userOptions.callbacks.altCopy({
 				config: {
-					...W.value,
+					...U.value,
 					formattedDates: J.value
 				},
 				dataset: {
@@ -2308,33 +2350,33 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				}
 			}));
 		}
-		let pc = k(!1);
-		function mc() {
-			K.value.end > K.value.start && (Zi.value = null), uo.value = !0, pc.value = !0;
+		let _c = k(!1);
+		function vc() {
+			K.value.end > K.value.start && (Qi.value = null), uo.value = !0, _c.value = !0;
 		}
-		function hc() {
-			Zi.value = null, Xo(), pc.value = !1, uo.value = !1;
+		function yc() {
+			Qi.value = null, Xo(), _c.value = !1, uo.value = !1;
 		}
-		function gc(e) {
-			if (!V.value || Ni.value || document.activeElement !== V.value) return;
+		function bc(e) {
+			if (!B.value || Pi.value || document.activeElement !== B.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n || !K.value.end && K.value.end !== 0) return;
 			let r = K.value.end - K.value.start;
 			if (r <= 0) return;
 			e.preventDefault(), e.stopPropagation();
-			let i = Zi.value, a = Ko.value;
-			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, Zi.value = i, _c(i), Bs(!0, i);
+			let i = Qi.value, a = Ko.value;
+			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, Qi.value = i, xc(i), Bs(!0, i);
 		}
-		function _c(e) {
+		function xc(e) {
 			let t = K.value.end - K.value.start;
 			if (t <= 0) return;
-			let n = q.value.width / t, r = c(q.value.left + n * e + n / 2, q.value.top + q.value.height / 2, V.value);
-			r && (Qi.value = r);
+			let n = q.value.width / t, r = c(q.value.left + n * e + n / 2, q.value.top + q.value.height / 2, B.value);
+			r && ($i.value = r);
 		}
-		let vc = x(() => {
+		let Sc = x(() => {
 			if (!Rs.value) return null;
-			let e = W.value.table.showSum, t = [W.value.table.columnNames.period].concat(Xa.value.map((e) => e.name));
-			e && (t = t.concat(W.value.table.columnNames.total));
+			let e = U.value.table.showSum, t = [U.value.table.columnNames.period].concat(Xa.value.map((e) => e.name));
+			e && (t = t.concat(U.value.table.columnNames.total));
 			let n = Rs.value.body.slice(K.value.start, K.value.end);
 			return {
 				headers: t,
@@ -2346,7 +2388,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			getImage: es,
 			generatePdf: Pa,
 			generateImage: Fa,
-			generateSvg: uc,
+			generateSvg: mc,
 			generateCsv: zs,
 			hideSeries: os,
 			showSeries: as,
@@ -2356,28 +2398,28 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			toggleTooltip: Us,
 			toggleAnnotator: po,
 			toggleFullscreen: Ws,
-			copyAlt: fc
+			copyAlt: gc
 		}), (r, i) => (O(), C("div", {
-			id: `vue-ui-xy_${z.value}`,
-			class: it(`vue-data-ui-component vue-ui-xy ${Pi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${W.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			id: `vue-ui-xy_${R.value}`,
+			class: it(`vue-data-ui-component vue-ui-xy ${Fi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${U.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "chart",
-			ref: pi,
-			style: D(`background:${W.value.chart.backgroundColor}; color:${W.value.chart.color};width:100%;font-family:${W.value.chart.fontFamily};${W.value.responsive ? "height: 100%" : ""}`),
+			ref: mi,
+			style: D(`background:${U.value.chart.backgroundColor}; color:${U.value.chart.color};width:100%;font-family:${U.value.chart.fontFamily};${U.value.responsive ? "height: 100%" : ""}`),
 			onMouseenter: i[6] ||= () => fo(!0),
 			onMouseleave: i[7] ||= () => fo(!1),
 			onClick: Zo
 		}, [
 			w("div", {
-				id: `chart-instructions-${z.value}`,
+				id: `chart-instructions-${R.value}`,
 				class: "sr-only"
-			}, [w("p", null, M(W.value.a11y.translations.keyboardNavigation), 1)], 8, _t),
-			vc.value?.rows?.length ? (O(), Xe(Je, {
+			}, [w("p", null, lt(U.value.a11y.translations.keyboardNavigation), 1)], 8, vt),
+			Sc.value?.rows?.length ? (O(), Xe(Je, {
 				key: 0,
-				uid: z.value,
-				head: vc.value.headers,
-				body: vc.value.rows,
-				notice: W.value.a11y.translations.tableAvailable,
-				caption: W.value.a11y.translations.tableCaption
+				uid: R.value,
+				head: Sc.value.headers,
+				body: Sc.value.rows,
+				notice: U.value.a11y.translations.tableAvailable,
+				caption: U.value.a11y.translations.tableCaption
 			}, null, 8, [
 				"uid",
 				"head",
@@ -2385,21 +2427,21 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"notice",
 				"caption"
 			])) : S("", !0),
-			W.value.chart.userOptions.buttons.annotator && V.value ? (O(), Xe(N(ai), {
+			U.value.chart.userOptions.buttons.annotator && B.value ? (O(), Xe(M(oi), {
 				key: 1,
-				svgRef: V.value,
-				backgroundColor: W.value.chart.backgroundColor,
-				color: W.value.chart.color,
-				active: Ni.value,
-				isCursorPointer: ha.value,
+				svgRef: B.value,
+				backgroundColor: U.value.chart.backgroundColor,
+				color: U.value.chart.color,
+				active: Pi.value,
+				isCursorPointer: ga.value,
 				onClose: po
 			}, {
-				"annotator-action-close": P(() => [j(r.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": P(({ color: e }) => [j(r.$slots, "annotator-action-color", E(T({ color: e })), void 0, !0)]),
-				"annotator-action-draw": P(({ mode: e }) => [j(r.$slots, "annotator-action-draw", E(T({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": P(({ disabled: e }) => [j(r.$slots, "annotator-action-undo", E(T({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": P(({ disabled: e }) => [j(r.$slots, "annotator-action-redo", E(T({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": P(({ disabled: e }) => [j(r.$slots, "annotator-action-delete", E(T({ disabled: e })), void 0, !0)]),
+				"annotator-action-close": N(() => [j(r.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": N(({ color: e }) => [j(r.$slots, "annotator-action-color", E(T({ color: e })), void 0, !0)]),
+				"annotator-action-draw": N(({ mode: e }) => [j(r.$slots, "annotator-action-draw", E(T({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": N(({ disabled: e }) => [j(r.$slots, "annotator-action-undo", E(T({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": N(({ disabled: e }) => [j(r.$slots, "annotator-action-redo", E(T({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": N(({ disabled: e }) => [j(r.$slots, "annotator-action-delete", E(T({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -2411,77 +2453,77 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 			ls.value ? (O(), C("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: vi,
+				ref: yi,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%; background:transparent"
 			}, null, 512)) : S("", !0),
-			W.value.chart.title.show ? (O(), C("div", {
+			U.value.chart.title.show ? (O(), C("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: mi,
+				ref: hi,
 				class: "vue-ui-xy-title",
-				style: D(`font-family:${W.value.chart.fontFamily}`)
+				style: D(`font-family:${U.value.chart.fontFamily}`)
 			}, [(O(), Xe(Ve, {
-				key: `title_${zi.value}`,
+				key: `title_${Bi.value}`,
 				config: {
 					title: {
 						cy: "xy-div-title",
-						...W.value.chart.title
+						...U.value.chart.title
 					},
 					subtitle: {
 						cy: "xy-div-subtitle",
-						...W.value.chart.title.subtitle
+						...U.value.chart.title.subtitle
 					}
 				}
 			}, null, 8, ["config"]))], 4)) : S("", !0),
-			w("div", { id: `legend-top-${z.value}` }, null, 8, vt),
-			W.value.chart.userOptions.show && (Ui.value || Wi.value) ? (O(), Xe(N(ti), {
+			w("div", { id: `legend-top-${R.value}` }, null, 8, yt),
+			U.value.chart.userOptions.show && (Wi.value || Gi.value) ? (O(), Xe(M(ni), {
 				ref_key: "userOptionsRef",
-				ref: wi,
-				key: `user_options_${Li.value}`,
-				backgroundColor: W.value.chart.backgroundColor,
-				color: W.value.chart.color,
-				isPrinting: N(Ma),
-				isImaging: N(Na),
-				uid: z.value,
-				hasTooltip: W.value.chart.userOptions.buttons.tooltip && W.value.chart.tooltip.show,
-				hasPdf: W.value.chart.userOptions.buttons.pdf,
-				hasXls: W.value.chart.userOptions.buttons.csv,
-				hasImg: W.value.chart.userOptions.buttons.img,
-				hasSvg: W.value.chart.userOptions.buttons.svg,
-				hasLabel: W.value.chart.userOptions.buttons.labels,
-				hasTable: W.value.chart.userOptions.buttons.table,
-				hasStack: e.dataset.length > 1 && W.value.chart.userOptions.buttons.stack,
-				hasFullscreen: W.value.chart.userOptions.buttons.fullscreen,
-				hasAltCopy: W.value.chart.userOptions.buttons.altCopy,
-				isStacked: G.value.isStacked,
-				isFullscreen: Pi.value,
+				ref: Ti,
+				key: `user_options_${Ri.value}`,
+				backgroundColor: U.value.chart.backgroundColor,
+				color: U.value.chart.color,
+				isPrinting: M(Ma),
+				isImaging: M(Na),
+				uid: R.value,
+				hasTooltip: U.value.chart.userOptions.buttons.tooltip && U.value.chart.tooltip.show,
+				hasPdf: U.value.chart.userOptions.buttons.pdf,
+				hasXls: U.value.chart.userOptions.buttons.csv,
+				hasImg: U.value.chart.userOptions.buttons.img,
+				hasSvg: U.value.chart.userOptions.buttons.svg,
+				hasLabel: U.value.chart.userOptions.buttons.labels,
+				hasTable: U.value.chart.userOptions.buttons.table,
+				hasStack: e.dataset.length > 1 && U.value.chart.userOptions.buttons.stack,
+				hasFullscreen: U.value.chart.userOptions.buttons.fullscreen,
+				hasAltCopy: U.value.chart.userOptions.buttons.altCopy,
+				isStacked: W.value.isStacked,
+				isFullscreen: Fi.value,
 				chartElement: r.$refs.chart,
-				position: W.value.chart.userOptions.position,
-				isTooltip: G.value.showTooltip,
-				titles: { ...W.value.chart.userOptions.buttonTitles },
-				hasAnnotator: W.value.chart.userOptions.buttons.annotator,
-				isAnnotation: Ni.value,
-				callbacks: W.value.chart.userOptions.callbacks,
-				tableDialog: W.value.table.useDialog,
-				printScale: W.value.chart.userOptions.print.scale,
-				isCursorPointer: ha.value,
+				position: U.value.chart.userOptions.position,
+				isTooltip: W.value.showTooltip,
+				titles: { ...U.value.chart.userOptions.buttonTitles },
+				hasAnnotator: U.value.chart.userOptions.buttons.annotator,
+				isAnnotation: Pi.value,
+				callbacks: U.value.chart.userOptions.callbacks,
+				tableDialog: U.value.table.useDialog,
+				printScale: U.value.chart.userOptions.print.scale,
+				isCursorPointer: ga.value,
 				onToggleFullscreen: Ws,
-				onGeneratePdf: N(Pa),
+				onGeneratePdf: M(Pa),
 				onGenerateCsv: zs,
-				onGenerateImage: dc,
-				onGenerateSvg: uc,
+				onGenerateImage: hc,
+				onGenerateSvg: mc,
 				onToggleTable: Vs,
 				onToggleLabels: Hs,
 				onToggleStack: So,
 				onToggleTooltip: Us,
 				onToggleAnnotator: po,
-				onCopyAlt: fc,
-				style: D({ visibility: Ui.value ? Wi.value ? "visible" : "hidden" : "visible" })
+				onCopyAlt: gc,
+				style: D({ visibility: Wi.value ? Gi.value ? "visible" : "hidden" : "visible" })
 			}, Ze({ _: 2 }, [
 				r.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: P(({ isOpen: e, color: t }) => [j(r.$slots, "menuIcon", E(T({
+					fn: N(({ isOpen: e, color: t }) => [j(r.$slots, "menuIcon", E(T({
 						isOpen: e,
 						color: t
 					})), void 0, !0)]),
@@ -2489,47 +2531,47 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				} : void 0,
 				r.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: P(() => [j(r.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: N(() => [j(r.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				r.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: P(() => [j(r.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: N(() => [j(r.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				r.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: P(() => [j(r.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: N(() => [j(r.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				r.$slots.optionImg ? {
 					name: "optionImg",
-					fn: P(() => [j(r.$slots, "optionImg", {}, void 0, !0)]),
+					fn: N(() => [j(r.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				r.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: P(() => [j(r.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: N(() => [j(r.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				r.$slots.optionTable ? {
 					name: "optionTable",
-					fn: P(() => [j(r.$slots, "optionTable", {}, void 0, !0)]),
+					fn: N(() => [j(r.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				r.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: P(() => [j(r.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: N(() => [j(r.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				r.$slots.optionStack ? {
 					name: "optionStack",
-					fn: P(({ isStack: e }) => [j(r.$slots, "optionStack", E(T({ isStack: e })), void 0, !0)]),
+					fn: N(({ isStack: e }) => [j(r.$slots, "optionStack", E(T({ isStack: e })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				r.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: P(({ toggleFullscreen: e, isFullscreen: t }) => [j(r.$slots, "optionFullscreen", E(T({
+					fn: N(({ toggleFullscreen: e, isFullscreen: t }) => [j(r.$slots, "optionFullscreen", E(T({
 						toggleFullscreen: e,
 						isFullscreen: t
 					})), void 0, !0)]),
@@ -2537,7 +2579,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				} : void 0,
 				r.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: P(({ toggleAnnotator: e, isAnnotator: t }) => [j(r.$slots, "optionAnnotator", E(T({
+					fn: N(({ toggleAnnotator: e, isAnnotator: t }) => [j(r.$slots, "optionAnnotator", E(T({
 						toggleAnnotator: e,
 						isAnnotator: t
 					})), void 0, !0)]),
@@ -2545,27 +2587,27 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				} : void 0,
 				r.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: P(({ altCopy: e }) => [j(r.$slots, "optionAltCopy", E(T({ altCopy: e })), void 0, !0)]),
+					fn: N(({ altCopy: e }) => [j(r.$slots, "optionAltCopy", E(T({ altCopy: e })), void 0, !0)]),
 					key: "11"
 				} : 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", yt, [(O(), C("svg", {
+			w("div", bt, [(O(), C("svg", {
 				ref_key: "svgRef",
-				ref: V,
+				ref: B,
 				xmlns: "http://www.w3.org/2000/svg",
 				class: it([{
-					"vue-data-ui-fullscreen--on": Pi.value,
-					"vue-data-ui-fulscreen--off": !Pi.value
+					"vue-data-ui-fullscreen--on": Fi.value,
+					"vue-data-ui-fulscreen--off": !Fi.value
 				}, "vue-ui-xy-svg vue-data-ui-svg"]),
 				width: "100%",
-				viewBox: Ai.value,
+				viewBox: ji.value,
 				style: D({
 					background: "transparent",
-					color: W.value.chart.color,
-					fontFamily: W.value.chart.fontFamily
+					color: U.value.chart.color,
+					fontFamily: U.value.chart.fontFamily
 				}),
 				"aria-label": ss.value,
-				"aria-describedby": `chart-instructions-${z.value}`,
+				"aria-describedby": `chart-instructions-${R.value}`,
 				"aria-live": "polite",
 				role: "img",
 				tabindex: "0",
@@ -2573,133 +2615,133 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				onMousemove: Yo,
 				onMouseleave: Xo,
 				onClick: Zo,
-				onFocus: mc,
-				onBlur: hc,
-				onKeydown: gc
+				onFocus: vc,
+				onBlur: yc,
+				onKeydown: bc
 			}, [w("g", {
 				ref_key: "G",
-				ref: yi,
+				ref: bi,
 				class: "vue-data-ui-g"
 			}, [
-				$e(N(ii)),
+				$e(M(ai)),
 				r.$slots["chart-background"] ? (O(), C("foreignObject", {
 					key: 0,
 					x: q.value?.left + Z.value < 0 ? 0 : q.value?.left + Z.value,
 					y: q.value?.top,
-					width: q.value.width - (W.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (W.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
+					width: q.value.width - (U.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (U.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
 					height: q.value.height < 0 ? 0 : q.value.height,
 					style: { pointerEvents: "none" }
-				}, [j(r.$slots, "chart-background", {}, void 0, !0)], 8, xt)) : S("", !0),
-				Y.value > 0 ? (O(), C("g", St, [
-					w("g", Ct, [
-						W.value.chart.grid.labels.xAxis.showBaseline ? (O(), C("line", {
+				}, [j(r.$slots, "chart-background", {}, void 0, !0)], 8, St)) : S("", !0),
+				Y.value > 0 ? (O(), C("g", Ct, [
+					w("g", wt, [
+						U.value.chart.grid.labels.xAxis.showBaseline ? (O(), C("line", {
 							key: 0,
-							stroke: W.value.chart.grid.stroke,
+							stroke: U.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: q.value?.left + Z.value,
 							x2: q.value?.right - Z.value,
-							y1: N(_)(q.value?.bottom),
-							y2: N(_)(q.value?.bottom),
+							y1: M(v)(q.value?.bottom),
+							y2: M(v)(q.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, wt)) : S("", !0),
-						G.value.useIndividualScale ? W.value.chart.grid.showHorizontalLines ? (O(!0), C(b, { key: 2 }, A(ks.value, (e) => (O(), C("g", null, [e.id === I.value && e.yLabels.length ? (O(!0), C(b, { key: 0 }, A(e.yLabels, (t) => (O(), C("line", {
+						}, null, 8, Tt)) : S("", !0),
+						W.value.useIndividualScale ? U.value.chart.grid.showHorizontalLines ? (O(!0), C(b, { key: 2 }, A(ks.value, (e) => (O(), C("g", null, [e.id === F.value && e.yLabels.length ? (O(!0), C(b, { key: 0 }, A(e.yLabels, (t) => (O(), C("line", {
 							x1: q.value?.left + Z.value,
 							x2: q.value?.right - Z.value,
-							y1: N(_)(t.y),
-							y2: N(_)(t.y),
+							y1: M(v)(t.y),
+							y2: M(v)(t.y),
 							stroke: e.color,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Ot))), 256)) : e.yLabels.length ? (O(!0), C(b, { key: 1 }, A(e.yLabels, (e) => (O(), C("line", {
+						}, null, 8, kt))), 256)) : e.yLabels.length ? (O(!0), C(b, { key: 1 }, A(e.yLabels, (e) => (O(), C("line", {
 							x1: q.value?.left + Z.value,
 							x2: q.value?.right - Z.value,
-							y1: N(_)(e.y),
-							y2: N(_)(e.y),
-							stroke: W.value.chart.grid.stroke,
+							y1: M(v)(e.y),
+							y2: M(v)(e.y),
+							stroke: U.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, kt))), 256)) : S("", !0)]))), 256)) : S("", !0) : (O(), C(b, { key: 1 }, [W.value.chart.grid.labels.yAxis.showBaseline ? (O(), C("line", {
+						}, null, 8, At))), 256)) : S("", !0)]))), 256)) : S("", !0) : (O(), C(b, { key: 1 }, [U.value.chart.grid.labels.yAxis.showBaseline ? (O(), C("line", {
 							key: 0,
-							stroke: W.value.chart.grid.stroke,
+							stroke: U.value.chart.grid.stroke,
 							"stroke-width": "1",
 							x1: q.value?.left + Z.value,
 							x2: q.value?.left + Z.value,
-							y1: N(_)(q.value?.top),
-							y2: N(_)(q.value?.bottom),
+							y1: M(v)(q.value?.top),
+							y2: M(v)(q.value?.bottom),
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Tt)) : S("", !0), W.value.chart.grid.showHorizontalLines ? (O(), C("g", Et, [(O(!0), C(b, null, A(Cs.value, (e) => (O(), C("line", {
+						}, null, 8, Et)) : S("", !0), U.value.chart.grid.showHorizontalLines ? (O(), C("g", Dt, [(O(!0), C(b, null, A(Cs.value, (e) => (O(), C("line", {
 							x1: q.value?.left + Z.value,
 							x2: q.value?.right,
-							y1: N(_)(e.y),
-							y2: N(_)(e.y),
-							stroke: W.value.chart.grid.stroke,
+							y1: M(v)(e.y),
+							y2: M(v)(e.y),
+							stroke: U.value.chart.grid.stroke,
 							"stroke-width": .5,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Dt))), 256))])) : S("", !0)], 64)),
-						W.value.chart.grid.showVerticalLines ? (O(), C("g", At, [w("path", {
+						}, null, 8, Ot))), 256))])) : S("", !0)], 64)),
+						U.value.chart.grid.showVerticalLines ? (O(), C("g", jt, [w("path", {
 							d: io.value,
 							"stroke-width": .5,
-							stroke: W.value.chart.grid.stroke,
+							stroke: U.value.chart.grid.stroke,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, jt)])) : S("", !0),
-						W.value.chart.grid.labels.xAxisLabels.show ? (O(), C("g", Mt, [w("path", {
+						}, null, 8, Mt)])) : S("", !0),
+						U.value.chart.grid.labels.xAxisLabels.show ? (O(), C("g", Nt, [w("path", {
 							d: ao.value,
-							stroke: W.value.chart.grid.stroke,
+							stroke: U.value.chart.grid.stroke,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, Nt)])) : S("", !0)
+						}, null, 8, Pt)])) : S("", !0)
 					]),
 					(O(!0), C(b, null, A(Ds.value, (e, t) => (O(), C("defs", { key: `def_rect_${t}` }, [r.$slots["bar-gradient"] ? j(r.$slots, "bar-gradient", nt({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
-						positiveId: `rectGradient_pos_${t}_${z.value}`,
-						negativeId: `rectGradient_neg_${t}_${z.value}`
+						positiveId: `rectGradient_pos_${t}_${R.value}`,
+						negativeId: `rectGradient_neg_${t}_${R.value}`
 					}), void 0, !0) : (O(), C(b, { key: 1 }, [w("linearGradient", {
-						id: `rectGradient_pos_${t}_${z.value}`,
+						id: `rectGradient_pos_${t}_${R.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
 						w("stop", {
 							offset: "0%",
 							"stop-color": e.color
-						}, null, 8, Ft),
+						}, null, 8, It),
 						w("stop", {
 							offset: "62%",
-							"stop-color": `${N(d)(e.color, .02)}`
-						}, null, 8, It),
+							"stop-color": `${M(d)(e.color, .02)}`
+						}, null, 8, Lt),
 						w("stop", {
 							offset: "100%",
-							"stop-color": `${N(d)(e.color, .05)}`
-						}, null, 8, Lt)
-					], 8, Pt), w("linearGradient", {
-						id: `rectGradient_neg_${t}_${z.value}`,
+							"stop-color": `${M(d)(e.color, .05)}`
+						}, null, 8, Rt)
+					], 8, Ft), w("linearGradient", {
+						id: `rectGradient_neg_${t}_${R.value}`,
 						x2: "0%",
 						y2: "100%"
 					}, [
 						w("stop", {
 							offset: "0%",
-							"stop-color": `${N(d)(e.color, .05)}`
-						}, null, 8, zt),
+							"stop-color": `${M(d)(e.color, .05)}`
+						}, null, 8, Bt),
 						w("stop", {
 							offset: "38%",
-							"stop-color": `${N(d)(e.color, .02)}`
-						}, null, 8, Bt),
+							"stop-color": `${M(d)(e.color, .02)}`
+						}, null, 8, Vt),
 						w("stop", {
 							offset: "100%",
 							"stop-color": e.color
-						}, null, 8, Vt)
-					], 8, Rt)], 64))]))), 128)),
+						}, null, 8, Ht)
+					], 8, zt)], 64))]))), 128)),
 					(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C("defs", { key: `def_plot_${t}` }, [w("radialGradient", {
-						id: `plotGradient_${t}_${z.value}`,
+						id: `plotGradient_${t}_${R.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
@@ -2707,13 +2749,13 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						fy: "50%"
 					}, [w("stop", {
 						offset: "0%",
-						"stop-color": `${N(d)(e.color, .05)}`
-					}, null, 8, Ut), w("stop", {
+						"stop-color": `${M(d)(e.color, .05)}`
+					}, null, 8, Wt), w("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, Wt)], 8, Ht)]))), 128)),
+					}, null, 8, Gt)], 8, Ut)]))), 128)),
 					(O(!0), C(b, null, A($.value, (e, n) => (O(), C(b, { key: `def_line_${e.id}` }, [w("defs", null, [w("radialGradient", {
-						id: `lineGradient_${n}_${z.value}`,
+						id: `lineGradient_${n}_${R.value}`,
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
@@ -2721,37 +2763,37 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						fy: "50%"
 					}, [w("stop", {
 						offset: "0%",
-						"stop-color": `${N(d)(e.color, .05)}`
-					}, null, 8, Kt), w("stop", {
+						"stop-color": `${M(d)(e.color, .05)}`
+					}, null, 8, qt), w("stop", {
 						offset: "100%",
 						"stop-color": e.color
-					}, null, 8, qt)], 8, Gt), r.$slots["area-gradient"] ? j(r.$slots, "area-gradient", nt({
+					}, null, 8, Jt)], 8, Kt), r.$slots["area-gradient"] ? j(r.$slots, "area-gradient", nt({
 						key: 0,
 						ref_for: !0
 					}, {
 						series: e,
-						id: `areaGradient_${n}_${z.value}`
+						id: `areaGradient_${n}_${R.value}`
 					}), void 0, !0) : (O(), C("linearGradient", {
 						key: 1,
-						id: `areaGradient_${n}_${z.value}`,
+						id: `areaGradient_${n}_${R.value}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
 						y2: "0%"
 					}, [w("stop", {
 						offset: "0%",
-						"stop-color": `${N(me)(N(d)(e.color, .03), W.value.line.area.opacity)}`
-					}, null, 8, Yt), w("stop", {
+						"stop-color": `${M(me)(M(d)(e.color, .03), U.value.line.area.opacity)}`
+					}, null, 8, Xt), w("stop", {
 						offset: "100%",
-						"stop-color": `${N(me)(e.color, W.value.line.area.opacity)}`
-					}, null, 8, Xt)], 8, Jt))]), e.temperatureColors ? (O(), C("defs", Zt, [w("linearGradient", {
-						id: `temperature_grad_line_${n}_${z.value}`,
+						"stop-color": `${M(me)(e.color, U.value.line.area.opacity)}`
+					}, null, 8, Zt)], 8, Yt))]), e.temperatureColors ? (O(), C("defs", Qt, [w("linearGradient", {
+						id: `temperature_grad_line_${n}_${R.value}`,
 						gradientTransform: "rotate(90)"
 					}, [(O(!0), C(b, null, A(e.temperatureColors, (r, i) => (O(), C("stop", {
-						key: `temperature_grad_stop_${n}_${i}_${z.value}`,
+						key: `temperature_grad_stop_${n}_${i}_${R.value}`,
 						"stop-color": r,
-						offset: N(t)(i, e.temperatureColors.length)
-					}, null, 8, $t))), 128))], 8, Qt)])) : S("", !0)], 64))), 128)),
+						offset: M(t)(i, e.temperatureColors.length)
+					}, null, 8, en))), 128))], 8, $t)])) : S("", !0)], 64))), 128)),
 					(O(!0), C(b, null, A(us.value, (e) => (O(), C("g", null, [e.show ? (O(), C(b, { key: 0 }, [(O(!0), C(b, null, A(e.span, (t, n) => (O(), C("g", null, [w("rect", {
 						style: D({
 							transition: "none",
@@ -2761,8 +2803,8 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						y: q.value?.top,
 						height: q.value.height < 0 ? 10 : q.value.height,
 						width: q.value.width / Y.value < 0 ? 1e-5 : q.value.width / Y.value,
-						fill: N(me)(e.color, e.opacity)
-					}, null, 12, en)]))), 256)), (O(!0), C(b, null, A(e.span, (t, n) => (O(), C("g", null, [e.caption.text && n === 0 ? (O(), C("foreignObject", {
+						fill: M(me)(e.color, e.opacity)
+					}, null, 12, tn)]))), 256)), (O(!0), C(b, null, A(e.span, (t, n) => (O(), C("g", null, [e.caption.text && n === 0 ? (O(), C("foreignObject", {
 						key: 0,
 						x: q.value?.left + q.value.width / Y.value * (e.from + n - K.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - q.value.width / Y.value * e.span / 2),
 						y: q.value?.top + e.caption.offsetY,
@@ -2772,92 +2814,92 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						}),
 						height: "1",
 						width: e.caption.width === "auto" ? q.value.width / Y.value * e.span : e.caption.width
-					}, [w("div", { style: D(`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"}`) }, M(e.caption.text), 5)], 12, tn)) : S("", !0)]))), 256))], 64)) : S("", !0)]))), 256)),
-					uo.value ? (O(), C("g", nn, [(O(!0), C(b, null, A(Y.value, (e, t) => (O(), C("g", { key: `tooltip_trap_highlighter_${t}` }, [w("rect", {
+					}, [w("div", { style: D(`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"}`) }, lt(e.caption.text), 5)], 12, nn)) : S("", !0)]))), 256))], 64)) : S("", !0)]))), 256)),
+					uo.value ? (O(), C("g", rn, [(O(!0), C(b, null, A(Y.value, (e, t) => (O(), C("g", { key: `tooltip_trap_highlighter_${t}` }, [w("rect", {
 						x: q.value?.left + q.value.width / Y.value * t,
 						y: q.value?.top,
 						height: q.value.height < 0 ? 10 : q.value.height,
 						width: q.value.width / Y.value < 0 ? 1e-5 : q.value.width / Y.value,
 						fill: [
-							B.value,
-							H.value,
-							Ii.value
-						].includes(t) ? N(me)(W.value.chart.highlighter.color, W.value.chart.highlighter.opacity) : "transparent",
+							z.value,
+							V.value,
+							Li.value
+						].includes(t) ? M(me)(U.value.chart.highlighter.color, U.value.chart.highlighter.opacity) : "transparent",
 						style: {
 							transition: "none !important",
 							animation: "none !important"
 						}
-					}, null, 8, rn)]))), 128))])) : S("", !0),
+					}, null, 8, an)]))), 128))])) : S("", !0),
 					Ds.value.length ? (O(!0), C(b, { key: 1 }, A(Ds.value, (e, t) => (O(), C("g", {
 						key: `serie_bar_${e.id}`,
 						class: it(`serie_bar_${t}`),
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [(O(!0), C(b, null, A(e.plots, (n, i) => (O(), C("g", { key: `bar_plot_${t}_${i}` }, [
 						Io(n.value) ? (O(), C("rect", {
 							key: 0,
 							x: Uo(n) + ys.value / 2,
-							y: G.value.useIndividualScale ? Go(n) : Wo(n),
-							height: G.value.useIndividualScale ? Math.abs(Vo(n)) : Math.abs(Bo(n)),
+							y: W.value.useIndividualScale ? Go(n) : Wo(n),
+							height: W.value.useIndividualScale ? Math.abs(Vo(n)) : Math.abs(Bo(n)),
 							width: vs.value - ys.value,
-							rx: W.value.bar.borderRadius,
-							fill: W.value.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${t}_${z.value})` : `url(#rectGradient_neg_${t}_${z.value})` : e.color,
-							stroke: W.value.bar.border.useSerieColor ? e.color : W.value.bar.border.stroke,
-							"stroke-width": W.value.bar.border.strokeWidth,
-							style: D({ transition: N(ba) || !W.value.bar.showTransition ? void 0 : `all ${W.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, an)) : S("", !0),
+							rx: U.value.bar.borderRadius,
+							fill: U.value.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${t}_${R.value})` : `url(#rectGradient_neg_${t}_${R.value})` : e.color,
+							stroke: U.value.bar.border.useSerieColor ? e.color : U.value.bar.border.stroke,
+							"stroke-width": U.value.bar.border.strokeWidth,
+							style: D({ transition: M(G) || !U.value.bar.showTransition ? void 0 : `all ${U.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, on)) : S("", !0),
 						Io(n.value) && r.$slots.pattern ? (O(), C("rect", {
 							key: 1,
 							x: Uo(n) - ys.value / 2,
-							y: G.value.useIndividualScale ? Go(n) : Wo(n),
-							height: G.value.useIndividualScale ? Math.abs(Vo(n)) : Math.abs(Bo(n)),
+							y: W.value.useIndividualScale ? Go(n) : Wo(n),
+							height: W.value.useIndividualScale ? Math.abs(Vo(n)) : Math.abs(Bo(n)),
 							width: vs.value - ys.value,
-							rx: W.value.bar.borderRadius,
-							fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-							stroke: W.value.bar.border.useSerieColor ? e.color : W.value.bar.border.stroke,
-							"stroke-width": W.value.bar.border.strokeWidth,
-							style: D({ transition: N(ba) || !W.value.bar.showTransition ? void 0 : `all ${W.value.bar.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, on)) : S("", !0),
-						n.comment && W.value.chart.comments.show ? (O(), C("foreignObject", {
+							rx: U.value.bar.borderRadius,
+							fill: `url(#pattern_${R.value}_${e.slotAbsoluteIndex})`,
+							stroke: U.value.bar.border.useSerieColor ? e.color : U.value.bar.border.stroke,
+							"stroke-width": U.value.bar.border.strokeWidth,
+							style: D({ transition: M(G) || !U.value.bar.showTransition ? void 0 : `all ${U.value.bar.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, sn)) : S("", !0),
+						n.comment && U.value.chart.comments.show ? (O(), C("foreignObject", {
 							key: 2,
 							style: { overflow: "visible" },
 							height: "12",
-							width: vs.value + W.value.chart.comments.width,
-							x: Uo(n) - W.value.chart.comments.width / 2 + W.value.chart.comments.offsetX,
-							y: N(y)(n.y) + W.value.chart.comments.offsetY + 6
+							width: vs.value + U.value.chart.comments.width,
+							x: Uo(n) - U.value.chart.comments.width / 2 + U.value.chart.comments.offsetX,
+							y: M(y)(n.y) + U.value.chart.comments.offsetY + 6
 						}, [j(r.$slots, "plot-comment", { plot: {
 							...n,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)], 8, sn)) : S("", !0)
+						} }, void 0, !0)], 8, cn)) : S("", !0)
 					]))), 128))], 6))), 128)) : S("", !0),
-					!G.value.useIndividualScale && W.value.chart.grid.labels.zeroLine.show ? (O(), C("line", {
+					!W.value.useIndividualScale && U.value.chart.grid.labels.zeroLine.show ? (O(), C("line", {
 						key: 2,
-						stroke: W.value.chart.grid.stroke,
+						stroke: U.value.chart.grid.stroke,
 						"stroke-width": "1",
 						x1: q.value?.left + Z.value,
 						x2: q.value?.right,
-						y1: N(_)(zo.value),
-						y2: N(_)(zo.value),
+						y1: M(v)(zo.value),
+						y2: M(v)(zo.value),
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, cn)) : S("", !0),
-					W.value.chart.highlighter.useLine && (![null, void 0].includes(H.value) || ![null, void 0].includes(B.value)) ? (O(), C("g", ln, [w("line", {
-						x1: q.value?.left + q.value.width / Y.value * ((H.value === null ? 0 : H.value) || (B.value === null ? 0 : B.value)) + q.value.width / Y.value / 2,
-						x2: q.value?.left + q.value.width / Y.value * ((H.value === null ? 0 : H.value) || (B.value === null ? 0 : B.value)) + q.value.width / Y.value / 2,
-						y1: N(_)(q.value?.top),
-						y2: N(_)(q.value?.bottom),
-						stroke: W.value.chart.highlighter.color,
-						"stroke-width": W.value.chart.highlighter.lineWidth,
-						"stroke-dasharray": W.value.chart.highlighter.lineDasharray,
+					}, null, 8, ln)) : S("", !0),
+					U.value.chart.highlighter.useLine && (![null, void 0].includes(V.value) || ![null, void 0].includes(z.value)) ? (O(), C("g", un, [w("line", {
+						x1: q.value?.left + q.value.width / Y.value * ((V.value === null ? 0 : V.value) || (z.value === null ? 0 : z.value)) + q.value.width / Y.value / 2,
+						x2: q.value?.left + q.value.width / Y.value * ((V.value === null ? 0 : V.value) || (z.value === null ? 0 : z.value)) + q.value.width / Y.value / 2,
+						y1: M(v)(q.value?.top),
+						y2: M(v)(q.value?.bottom),
+						stroke: U.value.chart.highlighter.color,
+						"stroke-width": U.value.chart.highlighter.lineWidth,
+						"stroke-dasharray": U.value.chart.highlighter.lineDasharray,
 						"stroke-linecap": "round",
 						style: {
 							transition: "none !important",
 							animation: "none !important",
 							"pointer-events": "none"
 						}
-					}, null, 8, un)])) : S("", !0),
-					W.value.chart.grid.frame.show ? (O(), C("rect", {
+					}, null, 8, dn)])) : S("", !0),
+					U.value.chart.grid.frame.show ? (O(), C("rect", {
 						key: 4,
 						style: {
 							pointerEvents: "none",
@@ -2866,89 +2908,89 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						},
 						x: q.value?.left + Z.value < 0 ? 0 : q.value?.left + Z.value,
 						y: q.value?.top,
-						width: q.value.width - (W.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (W.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
+						width: q.value.width - (U.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value) < 0 ? 0 : q.value.width - (U.value.chart.grid.position === "middle" ? 0 : q.value.width / Y.value),
 						height: q.value.height < 0 ? 0 : q.value.height,
 						fill: "transparent",
-						stroke: W.value.chart.grid.frame.stroke,
-						"stroke-width": W.value.chart.grid.frame.strokeWidth,
-						"stroke-linecap": W.value.chart.grid.frame.strokeLinecap,
-						"stroke-linejoin": W.value.chart.grid.frame.strokeLinejoin,
-						"stroke-dasharray": W.value.chart.grid.frame.strokeDasharray
-					}, null, 8, dn)) : S("", !0),
-					W.value.chart.grid.labels.show ? (O(), C("g", {
+						stroke: U.value.chart.grid.frame.stroke,
+						"stroke-width": U.value.chart.grid.frame.strokeWidth,
+						"stroke-linecap": U.value.chart.grid.frame.strokeLinecap,
+						"stroke-linejoin": U.value.chart.grid.frame.strokeLinejoin,
+						"stroke-dasharray": U.value.chart.grid.frame.strokeDasharray
+					}, null, 8, fn)) : S("", !0),
+					U.value.chart.grid.labels.show ? (O(), C("g", {
 						key: 5,
 						ref_key: "scaleLabels",
-						ref: Ci
-					}, [G.value.useIndividualScale ? (O(), C(b, { key: 0 }, [(O(!0), C(b, null, A(ks.value, (e) => (O(), C("g", null, [w("line", {
+						ref: wi
+					}, [W.value.useIndividualScale ? (O(), C(b, { key: 0 }, [(O(!0), C(b, null, A(ks.value, (e) => (O(), C("g", null, [w("line", {
 						x1: e.x + Z.value - q.value.individualOffsetX,
 						x2: e.x + Z.value - q.value.individualOffsetX,
-						y1: G.value.isStacked ? N(_)(q.value?.bottom - e.yOffset - e.individualHeight) : N(_)(q.value?.top),
-						y2: G.value.isStacked ? N(_)(q.value?.bottom - e.yOffset) : N(_)(q.value?.bottom),
+						y1: W.value.isStacked ? M(v)(q.value?.bottom - e.yOffset - e.individualHeight) : M(v)(q.value?.top),
+						y2: W.value.isStacked ? M(v)(q.value?.bottom - e.yOffset) : M(v)(q.value?.bottom),
 						stroke: e.color,
-						"stroke-width": W.value.chart.grid.stroke,
+						"stroke-width": U.value.chart.grid.stroke,
 						"stroke-linecap": "round",
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-					}, null, 12, fn)]))), 256)), (O(!0), C(b, null, A(ks.value, (e) => (O(), C("g", { style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+					}, null, 12, pn)]))), 256)), (O(!0), C(b, null, A(ks.value, (e) => (O(), C("g", { style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
 						w("text", {
 							fill: e.color,
-							"font-size": U.value.dataLabels * .8,
+							"font-size": H.value.dataLabels * .8,
 							"text-anchor": "middle",
-							transform: `translate(${e.x - U.value.dataLabels * .8 / 2 + Z.value}, ${G.value.isStacked ? q.value?.bottom - e.yOffset - e.individualHeight / 2 : q.value?.top + q.value.height / 2}) rotate(-90)`
-						}, M(e.name) + " " + M(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                        ${e.scaleLabel}` : ""), 9, pn),
-						(O(!0), C(b, null, A(e.yLabels, (t, n) => (O(), C(b, null, [W.value.chart.grid.labels.yAxis.showCrosshairs ? (O(), C("line", {
+							transform: `translate(${e.x - H.value.dataLabels * .8 / 2 + Z.value}, ${W.value.isStacked ? q.value?.bottom - e.yOffset - e.individualHeight / 2 : q.value?.top + q.value.height / 2}) rotate(-90)`
+						}, lt(e.name) + " " + lt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
+                                        ${e.scaleLabel}` : ""), 9, mn),
+						(O(!0), C(b, null, A(e.yLabels, (t, n) => (O(), C(b, null, [U.value.chart.grid.labels.yAxis.showCrosshairs ? (O(), C("line", {
 							key: 0,
-							x1: e.x + 3 + Z.value - W.value.chart.grid.labels.yAxis.crosshairSize - q.value.individualOffsetX,
+							x1: e.x + 3 + Z.value - U.value.chart.grid.labels.yAxis.crosshairSize - q.value.individualOffsetX,
 							x2: e.x + Z.value - q.value.individualOffsetX,
-							y1: N(_)(t.y),
-							y2: N(_)(t.y),
+							y1: M(v)(t.y),
+							y2: M(v)(t.y),
 							stroke: e.color,
 							"stroke-width": 1,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, mn)) : S("", !0)], 64))), 256)),
+						}, null, 8, hn)) : S("", !0)], 64))), 256)),
 						(O(!0), C(b, null, A(e.yLabels, (t, n) => (O(), C("text", {
 							x: e.x - 5 + Z.value - q.value.individualOffsetX,
-							y: N(_)(t.y) + U.value.dataLabels / 3,
-							"font-size": U.value.dataLabels,
+							y: M(v)(t.y) + H.value.dataLabels / 3,
+							"font-size": H.value.dataLabels,
 							"text-anchor": "end",
 							fill: e.color
-						}, M(N(v)(W.value.chart.grid.labels.yAxis.formatter, t.value, N(a)({
+						}, lt(M(fe)(U.value.chart.grid.labels.yAxis.formatter, t.value, M(a)({
 							p: t.prefix,
 							v: t.value,
 							s: t.suffix,
-							r: W.value.chart.grid.labels.yAxis.rounding
+							r: U.value.chart.grid.labels.yAxis.rounding
 						}), {
 							datapoint: t.datapoint,
 							seriesIndex: n
-						})), 9, hn))), 256))
-					], 4))), 256))], 64)) : (O(!0), C(b, { key: 1 }, A(Cs.value, (e, t) => (O(), C("g", { key: `yLabel_${t}` }, [Io(e) && e.value >= Ka.value.min && e.value <= Ka.value.max && W.value.chart.grid.labels.yAxis.showCrosshairs ? (O(), C("line", {
+						})), 9, gn))), 256))
+					], 4))), 256))], 64)) : (O(!0), C(b, { key: 1 }, A(Cs.value, (e, t) => (O(), C("g", { key: `yLabel_${t}` }, [Io(e) && e.value >= Ka.value.min && e.value <= Ka.value.max && U.value.chart.grid.labels.yAxis.showCrosshairs ? (O(), C("line", {
 						key: 0,
 						x1: q.value?.left + Z.value,
-						x2: q.value?.left + Z.value - W.value.chart.grid.labels.yAxis.crosshairSize,
-						y1: N(_)(e.y),
-						y2: N(_)(e.y),
-						stroke: W.value.chart.grid.stroke,
+						x2: q.value?.left + Z.value - U.value.chart.grid.labels.yAxis.crosshairSize,
+						y1: M(v)(e.y),
+						y2: M(v)(e.y),
+						stroke: U.value.chart.grid.stroke,
 						"stroke-width": "1",
 						"stroke-linecap": "round",
 						style: { animation: "none !important" }
-					}, null, 8, gn)) : S("", !0), e.value >= Ka.value.min && e.value <= Ka.value.max ? (O(), C("text", {
+					}, null, 8, _n)) : S("", !0), e.value >= Ka.value.min && e.value <= Ka.value.max ? (O(), C("text", {
 						key: 1,
-						x: q.value.scaleLabelX - W.value.chart.grid.labels.yAxis.crosshairSize,
-						y: N(y)(e.y + U.value.dataLabels / 3),
-						"font-size": U.value.dataLabels,
+						x: q.value.scaleLabelX - U.value.chart.grid.labels.yAxis.crosshairSize,
+						y: M(y)(e.y + H.value.dataLabels / 3),
+						"font-size": H.value.dataLabels,
 						"text-anchor": "end",
-						fill: W.value.chart.grid.labels.color
-					}, M(Io(e.value) ? N(v)(W.value.chart.grid.labels.yAxis.formatter, e.value, N(a)({
+						fill: U.value.chart.grid.labels.color
+					}, lt(Io(e.value) ? M(fe)(U.value.chart.grid.labels.yAxis.formatter, e.value, M(a)({
 						p: e.prefix,
 						v: e.value,
 						s: e.suffix,
-						r: W.value.chart.grid.labels.yAxis.rounding
-					})) : ""), 9, _n)) : S("", !0)]))), 128))], 512)) : S("", !0),
+						r: U.value.chart.grid.labels.yAxis.rounding
+					})) : ""), 9, vn)) : S("", !0)]))), 128))], 512)) : S("", !0),
 					(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C("g", {
 						key: `serie_plot_${e.id}`,
 						class: it(`serie_plot_${t}`),
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [(O(!0), C(b, null, A(e.plots, (n, i) => (O(), C("g", { key: `circle_plot_${t}_${i}` }, [n && Io(n.value) ? (O(), Xe(Ue, {
 						key: 0,
 						shape: [
@@ -2959,15 +3001,15 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 							"hexagon",
 							"star"
 						].includes(e.shape) ? e.shape : "circle",
-						color: W.value.plot.useGradient ? `url(#plotGradient_${t}_${z.value})` : W.value.plot.dot.useSerieColor ? e.color : W.value.plot.dot.fill,
+						color: U.value.plot.useGradient ? `url(#plotGradient_${t}_${R.value})` : U.value.plot.dot.useSerieColor ? e.color : U.value.plot.dot.fill,
 						plot: {
-							x: N(y)(n.x),
-							y: N(y)(n.y)
+							x: M(y)(n.x),
+							y: M(y)(n.y)
 						},
-						radius: H.value !== null && H.value === i || B.value !== null && B.value === i ? (da.value.plot || 6) * 1.5 : da.value.plot || 6,
-						stroke: W.value.plot.dot.useSerieColor ? W.value.chart.backgroundColor : e.color,
-						strokeWidth: W.value.plot.dot.strokeWidth,
-						transition: N(ba) || !W.value.plot.showTransition || H.value !== null && H.value === i || B.value !== null && B.value === i ? void 0 : `all ${W.value.plot.transitionDurationMs}ms ease-in-out`
+						radius: V.value !== null && V.value === i || z.value !== null && z.value === i ? (fa.value.plot || 6) * 1.5 : fa.value.plot || 6,
+						stroke: U.value.plot.dot.useSerieColor ? U.value.chart.backgroundColor : e.color,
+						strokeWidth: U.value.plot.dot.strokeWidth,
+						transition: M(G) || !U.value.plot.showTransition || V.value !== null && V.value === i || z.value !== null && z.value === i ? void 0 : `all ${U.value.plot.transitionDurationMs}ms ease-in-out`
 					}, null, 8, [
 						"shape",
 						"color",
@@ -2976,121 +3018,121 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						"stroke",
 						"strokeWidth",
 						"transition"
-					])) : S("", !0), n.comment && W.value.chart.comments.show ? (O(), C("foreignObject", {
+					])) : S("", !0), n.comment && U.value.chart.comments.show ? (O(), C("foreignObject", {
 						key: 1,
 						style: { overflow: "visible" },
 						height: "12",
-						width: W.value.chart.comments.width,
-						x: n.x - W.value.chart.comments.width / 2 + W.value.chart.comments.offsetX,
-						y: n.y + W.value.chart.comments.offsetY + 6
-					}, [w("div", yn, [j(r.$slots, "plot-comment", { plot: {
+						width: U.value.chart.comments.width,
+						x: n.x - U.value.chart.comments.width / 2 + U.value.chart.comments.offsetX,
+						y: n.y + U.value.chart.comments.offsetY + 6
+					}, [w("div", bn, [j(r.$slots, "plot-comment", { plot: {
 						...n,
 						color: e.color,
 						seriesIndex: t,
 						datapointIndex: i
-					} }, void 0, !0)])], 8, vn)) : S("", !0)]))), 128))], 6))), 128)),
+					} }, void 0, !0)])], 8, yn)) : S("", !0)]))), 128))], 6))), 128)),
 					(O(!0), C(b, null, A($.value, (e, t) => (O(), C("g", {
 						key: `serie_line_${e.id}`,
 						class: it(`serie_line_${t}`),
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [e.smooth && e.plots.length > 1 && e.curve ? (O(), C("path", {
 						key: 0,
 						d: `M${e.curve}`,
-						stroke: W.value.chart.backgroundColor,
-						"stroke-width": W.value.line.strokeWidth + 1,
-						"stroke-dasharray": e.dashed ? W.value.line.strokeWidth * 2 : 0,
+						stroke: U.value.chart.backgroundColor,
+						"stroke-width": U.value.line.strokeWidth + 1,
+						"stroke-dasharray": e.dashed ? U.value.line.strokeWidth * 2 : 0,
 						fill: "none",
-						style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, bn)) : e.plots.length > 1 && e.straight ? (O(), C("path", {
+						style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, xn)) : e.plots.length > 1 && e.straight ? (O(), C("path", {
 						key: 1,
 						d: `M${e.straight}`,
-						stroke: W.value.chart.backgroundColor,
-						"stroke-width": W.value.line.strokeWidth + 1,
-						"stroke-dasharray": e.dashed ? W.value.line.strokeWidth * 2 : 0,
+						stroke: U.value.chart.backgroundColor,
+						"stroke-width": U.value.line.strokeWidth + 1,
+						"stroke-dasharray": e.dashed ? U.value.line.strokeWidth * 2 : 0,
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, xn)) : S("", !0)], 6))), 128)),
-					r.$slots.pattern ? (O(), C("defs", Sn, [(O(!0), C(b, null, A(Ja.value, (e, t) => j(r.$slots, "pattern", nt({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
+						style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, Sn)) : S("", !0)], 6))), 128)),
+					r.$slots.pattern ? (O(), C("defs", Cn, [(O(!0), C(b, null, A(Ja.value, (e, t) => j(r.$slots, "pattern", nt({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
 						seriesIndex: e.slotAbsoluteIndex,
-						patternId: `pattern_${z.value}_${t}`
+						patternId: `pattern_${R.value}_${t}`
 					}), void 0, !0)), 128))])) : S("", !0),
-					As.value.length && !G.value.isStacked ? (O(), C("g", Cn, [(O(!0), C(b, null, A(As.value, (e) => (O(), C("path", {
+					As.value.length && !W.value.isStacked ? (O(), C("g", wn, [(O(!0), C(b, null, A(As.value, (e) => (O(), C("path", {
 						key: e.key,
 						d: e.d,
 						fill: e.color,
-						"fill-opacity": W.value.line.interLine.fillOpacity,
+						"fill-opacity": U.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-					}, null, 12, wn))), 128))])) : S("", !0),
+						style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+					}, null, 12, Tn))), 128))])) : S("", !0),
 					(O(!0), C(b, null, A($.value, (e, t) => (O(), C("g", {
 						key: `serie_line_above_${e.id}`,
 						class: it(`serie_line_${t}`),
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [
-						e.useArea && e.plots.length > 1 ? (O(), C("g", Tn, [e.smooth ? (O(!0), C(b, { key: 0 }, A(e.curveAreas, (n, i) => (O(), C(b, { key: i }, [n ? (O(), C("path", {
+						e.useArea && e.plots.length > 1 ? (O(), C("g", En, [e.smooth ? (O(!0), C(b, { key: 0 }, A(e.curveAreas, (n, i) => (O(), C(b, { key: i }, [n ? (O(), C("path", {
 							key: 0,
 							d: n,
-							fill: W.value.line.area.useGradient ? `url(#areaGradient_${t}_${z.value})` : N(me)(e.color, W.value.line.area.opacity),
-							style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, En)) : S("", !0), r.$slots.pattern && n ? (O(), C("path", {
+							fill: U.value.line.area.useGradient ? `url(#areaGradient_${t}_${R.value})` : M(me)(e.color, U.value.line.area.opacity),
+							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Dn)) : S("", !0), r.$slots.pattern && n ? (O(), C("path", {
 							key: 1,
 							d: n,
-							fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-							style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Dn)) : S("", !0)], 64))), 128)) : (O(!0), C(b, { key: 1 }, A(e.area.split(";"), (n, i) => (O(), C(b, { key: i }, [n ? (O(), C("path", {
+							fill: `url(#pattern_${R.value}_${e.slotAbsoluteIndex})`,
+							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, On)) : S("", !0)], 64))), 128)) : (O(!0), C(b, { key: 1 }, A(e.area.split(";"), (n, i) => (O(), C(b, { key: i }, [n ? (O(), C("path", {
 							key: 0,
 							d: `M${n}Z`,
-							fill: W.value.line.area.useGradient ? `url(#areaGradient_${t}_${z.value})` : N(me)(e.color, W.value.line.area.opacity),
-							style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, On)) : S("", !0), r.$slots.pattern && n ? (O(), C("path", {
+							fill: U.value.line.area.useGradient ? `url(#areaGradient_${t}_${R.value})` : M(me)(e.color, U.value.line.area.opacity),
+							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, kn)) : S("", !0), r.$slots.pattern && n ? (O(), C("path", {
 							key: 1,
 							d: `M${n}Z`,
-							fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-							style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, kn)) : S("", !0)], 64))), 128))])) : S("", !0),
+							fill: `url(#pattern_${R.value}_${e.slotAbsoluteIndex})`,
+							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, An)) : S("", !0)], 64))), 128))])) : S("", !0),
 						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (O(), C("path", {
 							key: 1,
 							d: `M${e.curve}`,
-							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${z.value})` : e.color,
-							"stroke-width": W.value.line.strokeWidth,
-							"stroke-dasharray": e.dashed ? W.value.line.strokeWidth * 2 : 0,
+							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${R.value})` : e.color,
+							"stroke-width": U.value.line.strokeWidth,
+							"stroke-dasharray": e.dashed ? U.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, An)) : e.hasDashedSegments ? (O(), C(b, { key: 2 }, [e.smooth ? (O(!0), C(b, { key: 0 }, A(e.dashedSmooth, (n) => (O(), C("path", {
+							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, jn)) : e.hasDashedSegments ? (O(), C(b, { key: 2 }, [e.smooth ? (O(!0), C(b, { key: 0 }, A(e.dashedSmooth, (n) => (O(), C("path", {
 							key: n.path,
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							d: `M ${n.path}`,
-							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${z.value})` : e.color,
-							"stroke-width": W.value.line.strokeWidth,
-							"stroke-dasharray": n.dashed ? W.value.line.strokeWidth * 2 : 0
-						}, null, 8, jn))), 128)) : (O(!0), C(b, { key: 1 }, A(e.dashedStraight, (n) => (O(), C("path", {
+							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${R.value})` : e.color,
+							"stroke-width": U.value.line.strokeWidth,
+							"stroke-dasharray": n.dashed ? U.value.line.strokeWidth * 2 : 0
+						}, null, 8, Mn))), 128)) : (O(!0), C(b, { key: 1 }, A(e.dashedStraight, (n) => (O(), C("path", {
 							key: n.path,
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							d: `M ${n.path}`,
-							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${z.value})` : e.color,
-							"stroke-width": W.value.line.strokeWidth,
-							"stroke-dasharray": n.dashed ? W.value.line.strokeWidth * 2 : 0
-						}, null, 8, Mn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (O(), C("path", {
+							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${R.value})` : e.color,
+							"stroke-width": U.value.line.strokeWidth,
+							"stroke-dasharray": n.dashed ? U.value.line.strokeWidth * 2 : 0
+						}, null, 8, Nn))), 128))], 64)) : e.plots.length > 1 && e.straight ? (O(), C("path", {
 							key: 3,
 							d: `M${e.straight}`,
-							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${z.value})` : e.color,
-							"stroke-width": W.value.line.strokeWidth,
-							"stroke-dasharray": e.dashed ? W.value.line.strokeWidth * 2 : 0,
+							stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${R.value})` : e.color,
+							"stroke-width": U.value.line.strokeWidth,
+							"stroke-dasharray": e.dashed ? U.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: D({ transition: N(ba) || !W.value.line.showTransition ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out` })
-						}, null, 12, Nn)) : S("", !0),
-						(O(!0), C(b, null, A(e.plots, (n, i) => (O(), C(b, { key: `circle_line_${t}_${i}` }, [!cs.value.linePlot && n && Io(n.value) || cs.value.linePlot && n && Io(n.value) && (H.value !== null && H.value === i || B.value !== null && B.value === i) || Ts(e.plots, i) ? (O(), Xe(Ue, {
+							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						}, null, 12, Pn)) : S("", !0),
+						(O(!0), C(b, null, A(e.plots, (n, i) => (O(), C(b, { key: `circle_line_${t}_${i}` }, [!cs.value.linePlot && n && Io(n.value) || cs.value.linePlot && n && Io(n.value) && (V.value !== null && V.value === i || z.value !== null && z.value === i) || Ts(e.plots, i) ? (O(), Xe(Ue, {
 							key: 0,
 							shape: [
 								"triangle",
@@ -3100,15 +3142,15 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 								"hexagon",
 								"star"
 							].includes(e.shape) ? e.shape : "circle",
-							color: W.value.line.useGradient ? `url(#lineGradient_${t}_${z.value})` : W.value.line.dot.useSerieColor ? e.color : W.value.line.dot.fill,
+							color: U.value.line.useGradient ? `url(#lineGradient_${t}_${R.value})` : U.value.line.dot.useSerieColor ? e.color : U.value.line.dot.fill,
 							plot: {
-								x: N(y)(n.x),
-								y: N(y)(n.y)
+								x: M(y)(n.x),
+								y: M(y)(n.y)
 							},
-							radius: H.value !== null && H.value === i || B.value !== null && B.value === i ? (da.value.line || 6) * 1.5 : (Ts(e.plots, i), da.value.line || 6),
-							stroke: W.value.line.dot.useSerieColor ? W.value.chart.backgroundColor : e.color,
-							strokeWidth: W.value.line.dot.strokeWidth,
-							transition: N(ba) || !W.value.line.showTransition || H.value !== null && H.value === i || B.value !== null && B.value === i ? void 0 : `all ${W.value.line.transitionDurationMs}ms ease-in-out`
+							radius: V.value !== null && V.value === i || z.value !== null && z.value === i ? (fa.value.line || 6) * 1.5 : (Ts(e.plots, i), fa.value.line || 6),
+							stroke: U.value.line.dot.useSerieColor ? U.value.chart.backgroundColor : e.color,
+							strokeWidth: U.value.line.dot.strokeWidth,
+							transition: M(G) || !U.value.line.showTransition || V.value !== null && V.value === i || z.value !== null && z.value === i ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out`
 						}, null, 8, [
 							"shape",
 							"color",
@@ -3117,69 +3159,74 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 							"stroke",
 							"strokeWidth",
 							"transition"
-						])) : S("", !0), n.comment && W.value.chart.comments.show ? (O(), C("foreignObject", {
+						])) : S("", !0), n.comment && U.value.chart.comments.show ? (O(), C("foreignObject", {
 							key: 1,
 							style: { overflow: "visible" },
 							height: "12",
-							width: W.value.chart.comments.width,
-							x: n.x - W.value.chart.comments.width / 2 + W.value.chart.comments.offsetX,
-							y: n.y + W.value.chart.comments.offsetY + 6
-						}, [w("div", Fn, [j(r.$slots, "plot-comment", { plot: {
+							width: U.value.chart.comments.width,
+							x: n.x - U.value.chart.comments.width / 2 + U.value.chart.comments.offsetX,
+							y: n.y + U.value.chart.comments.offsetY + 6
+						}, [w("div", In, [j(r.$slots, "plot-comment", { plot: {
 							...n,
 							color: e.color,
 							seriesIndex: t,
 							datapointIndex: i
-						} }, void 0, !0)])], 8, Pn)) : S("", !0)], 64))), 128))
+						} }, void 0, !0)])], 8, Fn)) : S("", !0)], 64))), 128))
 					], 6))), 128)),
-					(W.value.bar.labels.show || W.value.bar.serieName.show) && G.value.dataLabels.show ? (O(), C("g", In, [(O(!0), C(b, null, A(Ds.value, (e, t) => (O(), C(b, { key: `xLabel_bar_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || H.value !== null && H.value === r || B.value !== null && B.value === r) && W.value.bar.labels.show ? (O(), C("text", {
+					(U.value.bar.labels.show || U.value.bar.serieName.show) && W.value.dataLabels.show ? (O(), C("g", Ln, [(O(!0), C(b, null, A(Ds.value, (e, t) => (O(), C(b, { key: `xLabel_bar_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || V.value !== null && V.value === r || z.value !== null && z.value === r) && U.value.bar.labels.show ? (O(), C("text", {
 						key: 0,
-						x: G.value.useIndividualScale && G.value.isStacked ? n.x + X.value.line / 2 : Uo(n) + Ho() / 2 - _s.value / 2,
-						y: N(y)(n.y) + (n.value >= 0 ? W.value.bar.labels.offsetY : -W.value.bar.labels.offsetY * 3),
-						"text-anchor": "middle",
-						"font-size": U.value.plotLabels,
-						fill: W.value.bar.labels.color,
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, M(Io(n.value) ? N(v)(W.value.bar.labels.formatter, n.value, N(a)({
-						p: e.prefix || W.value.chart.labels.prefix,
-						v: n.value,
-						s: e.suffix || W.value.chart.labels.suffix,
-						r: W.value.bar.labels.rounding
-					}), {
-						datapoint: n,
-						serie: e
-					}) : ""), 13, Ln)) : S("", !0), n && W.value.bar.serieName.show ? (O(), C("text", {
+						"text-anchor": ic({
+							plot: n,
+							type: "bar"
+						}),
+						"font-size": H.value.plotLabels,
+						transform: nc({ plot: n }),
+						fill: U.value.bar.labels.color,
+						stroke: U.value.chart.backgroundColor,
+						"paint-order": "stroke",
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						innerHTML: tc({
+							serie: e,
+							plot: n,
+							type: "bar"
+						})
+					}, null, 12, Rn)) : S("", !0), n && U.value.bar.serieName.show ? (O(), C("text", {
 						key: 1,
-						x: G.value.useIndividualScale && G.value.isStacked ? n.x + X.value.line / 2 : n.x + Ho() * 1.1,
-						y: n.y + (n.value > 0 ? W.value.bar.serieName.offsetY : -W.value.bar.serieName.offsetY * 3),
+						x: W.value.useIndividualScale && W.value.isStacked ? n.x + X.value.line / 2 : n.x + Ho() * 1.1,
+						y: n.y + (n.value > 0 ? U.value.bar.serieName.offsetY : -U.value.bar.serieName.offsetY * 3),
 						"text-anchor": "middle",
-						"font-size": U.value.plotLabels,
-						fill: W.value.bar.serieName.useSerieColor ? e.color : W.value.bar.serieName.color,
-						"font-weight": W.value.bar.serieName.bold ? "bold" : "normal",
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, M(W.value.bar.serieName.useAbbreviation ? N(ve)({
+						"font-size": H.value.plotLabels,
+						fill: U.value.bar.serieName.useSerieColor ? e.color : U.value.bar.serieName.color,
+						"font-weight": U.value.bar.serieName.bold ? "bold" : "normal",
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, lt(U.value.bar.serieName.useAbbreviation ? M(ve)({
 						source: e.name,
-						length: W.value.bar.serieName.abbreviationSize
-					}) : e.name), 13, Rn)) : S("", !0)], 64))), 128))], 64))), 128))])) : S("", !0),
-					W.value.plot.labels.show && G.value.dataLabels.show ? (O(), C("g", zn, [(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C(b, { key: `xLabel_plot_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || H.value !== null && H.value === r || B.value !== null && B.value === r ? (O(), C("text", {
+						length: U.value.bar.serieName.abbreviationSize
+					}) : e.name), 13, zn)) : S("", !0)], 64))), 128))], 64))), 128))])) : S("", !0),
+					U.value.plot.labels.show && W.value.dataLabels.show ? (O(), C("g", Bn, [(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C(b, { key: `xLabel_plot_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || V.value !== null && V.value === r || z.value !== null && z.value === r ? (O(), C("text", {
 						key: 0,
-						x: n.x,
-						y: n.y + W.value.plot.labels.offsetY,
-						"text-anchor": "middle",
-						"font-size": U.value.plotLabels,
-						fill: W.value.plot.labels.color,
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, M(Io(n.value) ? N(v)(W.value.plot.labels.formatter, n.value, N(a)({
-						p: e.prefix || W.value.chart.labels.prefix,
-						v: n.value,
-						s: e.suffix || W.value.chart.labels.suffix,
-						r: W.value.plot.labels.rounding
-					}), {
-						datapoint: n,
-						serie: e
-					}) : ""), 13, Bn)) : S("", !0)], 64))), 128))], 64))), 128))])) : (O(), C("g", Vn, [(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C(b, { key: `xLabel_plot_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_plot_${t}_${r}` }, [W.value.plot.tag.followValue ? (O(), C(b, { key: 1 }, [[
-						B.value,
-						H.value,
-						Ii.value
+						transform: rc({
+							plot: n,
+							type: "plot"
+						}),
+						"text-anchor": ic({
+							plot: n,
+							type: "plot"
+						}),
+						"font-size": H.value.plotLabels,
+						fill: U.value.plot.labels.color,
+						stroke: U.value.chart.backgroundColor,
+						"paint-order": "stroke",
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						innerHTML: tc({
+							serie: e,
+							plot: n,
+							type: "plot"
+						})
+					}, null, 12, Vn)) : S("", !0)], 64))), 128))], 64))), 128))])) : (O(), C("g", Hn, [(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C(b, { key: `xLabel_plot_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_plot_${t}_${r}` }, [U.value.plot.tag.followValue ? (O(), C(b, { key: 1 }, [[
+						z.value,
+						V.value,
+						Li.value
 					].includes(r) && e.useTag ? (O(), C("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-plot",
@@ -3191,55 +3238,59 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, Kn)) : S("", !0)], 64)) : (O(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (O(), C("foreignObject", {
+					}, null, 8, qn)) : S("", !0)], 64)) : (O(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (O(), C("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: D(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`overflow: visible; opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [w("div", {
-						style: D(`padding: 3px; background:${N(me)(e.color, 80)};color:${N(xe)(e.color)};width:fit-content;font-size:${U.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: N(v)(W.value.plot.tag.formatter, n.value, e.name, {
+						style: D(`padding: 3px; background:${M(me)(e.color, 80)};color:${M(xe)(e.color)};width:fit-content;font-size:${H.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: M(fe)(U.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Un)], 12, Hn)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (O(), C("foreignObject", {
+					}, null, 12, Wn)], 12, Un)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (O(), C("foreignObject", {
 						key: 1,
-						x: n.x - e.name.length * (U.value.plotLabels / 2),
+						x: n.x - e.name.length * (H.value.plotLabels / 2),
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: D(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`overflow: visible; opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [w("div", {
-						style: D(`padding: 3px; background:${N(me)(e.color, 80)};color:${N(xe)(e.color)};width:fit-content;font-size:${U.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: N(v)(W.value.plot.tag.formatter, n.value, e.name, {
+						style: D(`padding: 3px; background:${M(me)(e.color, 80)};color:${M(xe)(e.color)};width:fit-content;font-size:${H.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: M(fe)(U.value.plot.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Gn)], 12, Wn)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
-					W.value.line.labels.show && G.value.dataLabels.show ? (O(), C("g", qn, [(O(!0), C(b, null, A($.value, (e, t) => (O(), C(b, { key: `xLabel_line_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || H.value !== null && H.value === r || B.value !== null && B.value === r ? (O(), C("text", {
+					}, null, 12, Kn)], 12, Gn)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					U.value.line.labels.show && W.value.dataLabels.show ? (O(), C("g", Jn, [(O(!0), C(b, null, A($.value, (e, t) => (O(), C(b, { key: `xLabel_line_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || V.value !== null && V.value === r || z.value !== null && z.value === r ? (O(), C("text", {
 						key: 0,
-						x: n.x,
-						y: n.y + (n.value >= 0 ? W.value.line.labels.offsetY : -W.value.line.labels.offsetY * 3),
-						"text-anchor": "middle",
-						"font-size": U.value.plotLabels,
-						fill: W.value.line.labels.color,
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, M(Io(n.value) ? N(v)(W.value.line.labels.formatter, n.value, N(a)({
-						p: e.prefix || W.value.chart.labels.prefix,
-						v: n.value,
-						s: e.suffix || W.value.chart.labels.suffix,
-						r: W.value.line.labels.rounding
-					}), {
-						datapoint: n,
-						serie: e
-					}) : ""), 13, Jn)) : S("", !0)], 64))), 128))], 64))), 128))])) : (O(), C("g", Yn, [(O(!0), C(b, null, A($.value, (e, t) => (O(), C(b, { key: `xLabel_line_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_line_${t}_${r}` }, [W.value.line.tag.followValue ? (O(), C(b, { key: 1 }, [[
-						B.value,
-						H.value,
-						Ii.value
+						transform: rc({
+							plot: n,
+							type: "line"
+						}),
+						"text-anchor": ic({
+							plot: n,
+							type: "line"
+						}),
+						"font-size": H.value.plotLabels,
+						fill: U.value.line.labels.color,
+						stroke: U.value.chart.backgroundColor,
+						"paint-order": "stroke",
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
+						innerHTML: tc({
+							serie: e,
+							plot: n,
+							type: "line"
+						})
+					}, null, 12, Yn)) : S("", !0)], 64))), 128))], 64))), 128))])) : (O(), C("g", Xn, [(O(!0), C(b, null, A($.value, (e, t) => (O(), C(b, { key: `xLabel_line_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_line_${t}_${r}` }, [U.value.line.tag.followValue ? (O(), C(b, { key: 1 }, [[
+						z.value,
+						V.value,
+						Li.value
 					].includes(r) && e.useTag ? (O(), C("line", {
 						key: 0,
 						class: "vue-ui-xy-tag-line",
@@ -3251,106 +3302,106 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						"stroke-linecap": "round",
 						"stroke-dasharray": "2",
 						stroke: e.color
-					}, null, 8, er)) : S("", !0)], 64)) : (O(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (O(), C("foreignObject", {
+					}, null, 8, tr)) : S("", !0)], 64)) : (O(), C(b, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (O(), C("foreignObject", {
 						key: 0,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: D(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`overflow: visible; opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [w("div", {
-						style: D(`padding: 3px; background:${N(me)(e.color, 80)};color:${N(xe)(e.color)};width:fit-content;font-size:${U.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: N(v)(W.value.line.tag.formatter, n.value, e.name, {
+						style: D(`padding: 3px; background:${M(me)(e.color, 80)};color:${M(xe)(e.color)};width:fit-content;font-size:${H.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: M(fe)(U.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, Zn)], 12, Xn)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (O(), C("foreignObject", {
+					}, null, 12, Qn)], 12, Zn)) : S("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (O(), C("foreignObject", {
 						key: 1,
 						x: n.x,
 						y: n.y - 20,
 						height: 24,
 						width: "150",
-						style: D(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+						style: D(`overflow: visible; opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
 					}, [w("div", {
-						style: D(`padding: 3px; background:${N(me)(e.color, 80)};color:${N(xe)(e.color)};width:fit-content;font-size:${U.value.plotLabels}px;border-radius: 2px;`),
-						innerHTML: N(v)(W.value.line.tag.formatter, n.value, e.name, {
+						style: D(`padding: 3px; background:${M(me)(e.color, 80)};color:${M(xe)(e.color)};width:fit-content;font-size:${H.value.plotLabels}px;border-radius: 2px;`),
+						innerHTML: M(fe)(U.value.line.tag.formatter, n.value, e.name, {
 							datapoint: n,
 							seriesIndex: r,
 							serieName: e.name
 						})
-					}, null, 12, $n)], 12, Qn)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
+					}, null, 12, er)], 12, $n)) : S("", !0)], 64))], 64))), 128))], 64))), 128))])),
 					(O(!0), C(b, null, A($.value, (e, t) => (O(), C(b, { key: `xLabel_line_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (O(), C("text", {
 						key: 0,
-						x: n.x - U.value.plotLabels,
+						x: n.x - H.value.plotLabels,
 						y: n.y,
-						"font-size": U.value.plotLabels,
+						"font-size": H.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: N(Ee)({
+						innerHTML: M(Ee)({
 							content: e.name,
-							fontSize: U.value.plotLabels,
+							fontSize: H.value.plotLabels,
 							fill: e.color,
-							x: n.x - U.value.plotLabels,
+							x: n.x - H.value.plotLabels,
 							y: n.y,
 							maxWords: 2
 						}),
-						style: D(`opacity:${I.value ? I.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" ? (O(), C("text", {
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, nr)) : S("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (O(), C("text", {
 						key: 1,
-						x: n.x + U.value.plotLabels,
+						x: n.x + H.value.plotLabels,
 						y: n.y,
-						"font-size": U.value.plotLabels,
+						"font-size": H.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: N(Ee)({
+						innerHTML: M(Ee)({
 							content: e.name,
-							fontSize: U.value.plotLabels,
+							fontSize: H.value.plotLabels,
 							fill: e.color,
-							x: n.x + U.value.plotLabels,
+							x: n.x + H.value.plotLabels,
 							y: n.y,
 							maxWords: 2
 						}),
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, nr)) : S("", !0)], 64))), 128))], 64))), 128)),
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, rr)) : S("", !0)], 64))), 128))], 64))), 128)),
 					(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C(b, { key: `xLabel_plot_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (O(), C("text", {
 						key: 0,
-						x: n.x - U.value.plotLabels,
+						x: n.x - H.value.plotLabels,
 						y: n.y,
-						"font-size": U.value.plotLabels,
+						"font-size": H.value.plotLabels,
 						"text-anchor": "end",
 						fill: e.color,
-						innerHTML: N(Ee)({
+						innerHTML: M(Ee)({
 							content: e.name,
-							fontSize: U.value.plotLabels,
+							fontSize: H.value.plotLabels,
 							fill: e.color,
-							x: n.x - U.value.plotLabels,
+							x: n.x - H.value.plotLabels,
 							y: n.y,
 							maxWords: 2
 						}),
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, rr)) : S("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (O(), C("text", {
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, ir)) : S("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (O(), C("text", {
 						key: 1,
-						x: n.x + U.value.plotLabels,
+						x: n.x + H.value.plotLabels,
 						y: n.y,
-						"font-size": U.value.plotLabels,
+						"font-size": H.value.plotLabels,
 						"text-anchor": "start",
 						fill: e.color,
-						innerHTML: N(Ee)({
+						innerHTML: M(Ee)({
 							content: e.name,
-							fontSize: U.value.plotLabels,
+							fontSize: H.value.plotLabels,
 							fill: e.color,
-							x: n.x + U.value.plotLabels,
+							x: n.x + H.value.plotLabels,
 							y: n.y,
 							maxWords: 2
 						}),
-						style: D(`opacity:${I.value ? I.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
-					}, null, 12, ir)) : S("", !0)], 64))), 128))], 64))), 128)),
+						style: D(`opacity:${F.value ? F.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
+					}, null, 12, ar)) : S("", !0)], 64))), 128))], 64))), 128)),
 					(O(!0), C(b, null, A([
 						...Os.value,
 						...$.value,
 						...Ds.value
-					], (e, t) => (O(), C(b, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(N(ge)(e.plots).trend) ? (O(), C("g", ar, [
+					], (e, t) => (O(), C(b, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(M(ge)(e.plots).trend) ? (O(), C("g", or, [
 						w("defs", null, [w("marker", {
 							id: `progression_arrow_${t}`,
 							markerWidth: "9",
@@ -3364,140 +3415,140 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						}, [w("polygon", {
 							points: "0,0 7,3.5 0,7",
 							fill: e.color,
-							stroke: W.value.chart.backgroundColor,
+							stroke: U.value.chart.backgroundColor,
 							"stroke-width": "1",
 							"stroke-linejoin": "round"
-						}, null, 8, sr)], 8, or)]),
+						}, null, 8, cr)], 8, sr)]),
 						e.plots.length > 1 ? (O(), C("line", {
 							key: 0,
-							x1: N(ge)(e.plots).x1 + (e.type === "bar" ? Ho() : 0),
-							x2: N(ge)(e.plots).x2 + (e.type === "bar" ? Ho() : 0),
-							y1: N(_)(N(ge)(e.plots).y1),
-							y2: N(_)(N(ge)(e.plots).y2),
+							x1: M(ge)(e.plots).x1 + (e.type === "bar" ? Ho() : 0),
+							x2: M(ge)(e.plots).x2 + (e.type === "bar" ? Ho() : 0),
+							y1: M(v)(M(ge)(e.plots).y1),
+							y2: M(v)(M(ge)(e.plots).y2),
 							"stroke-width": 1,
-							stroke: W.value.chart.backgroundColor,
+							stroke: U.value.chart.backgroundColor,
 							"stroke-dasharray": 2,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"marker-end": `url(#progression_arrow_${t})`
-						}, null, 8, cr)) : S("", !0),
+						}, null, 8, lr)) : S("", !0),
 						e.plots.length > 1 ? (O(), C("line", {
 							key: 1,
-							x1: N(ge)(e.plots).x1 + (e.type === "bar" ? Ho() : 0),
-							x2: N(ge)(e.plots).x2 + (e.type === "bar" ? Ho() : 0),
-							y1: N(_)(N(ge)(e.plots).y1),
-							y2: N(_)(N(ge)(e.plots).y2),
+							x1: M(ge)(e.plots).x1 + (e.type === "bar" ? Ho() : 0),
+							x2: M(ge)(e.plots).x2 + (e.type === "bar" ? Ho() : 0),
+							y1: M(v)(M(ge)(e.plots).y1),
+							y2: M(v)(M(ge)(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, lr)) : S("", !0),
+						}, null, 8, ur)) : S("", !0),
 						e.plots.length > 1 ? (O(), C("text", {
 							key: 2,
 							"text-anchor": "middle",
-							x: N(ge)(e.plots).x2 + (e.type === "bar" ? Ho() : 0),
-							y: N(ge)(e.plots).y2 - 12,
-							"font-size": U.value.plotLabels,
+							x: M(ge)(e.plots).x2 + (e.type === "bar" ? Ho() : 0),
+							y: M(ge)(e.plots).y2 - 12,
+							"font-size": H.value.plotLabels,
 							fill: e.color,
-							stroke: W.value.chart.backgroundColor,
+							stroke: U.value.chart.backgroundColor,
 							"stroke-width": 4,
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"paint-order": "stroke fill"
-						}, M(N(a)({
-							v: N(ge)(e.plots).trend * 100,
+						}, lt(M(a)({
+							v: M(ge)(e.plots).trend * 100,
 							s: "%",
 							r: 2
-						})), 9, ur)) : S("", !0)
+						})), 9, dr)) : S("", !0)
 					])) : S("", !0)], 64))), 128)),
-					G.value.useIndividualScale && !G.value.isStacked ? (O(), C(b, { key: 13 }, [w("defs", null, [(O(!0), C(b, null, A(ks.value, (e, t) => (O(), C("linearGradient", {
-						id: `individual_scale_gradient_${z.value}_${t}`,
+					W.value.useIndividualScale && !W.value.isStacked ? (O(), C(b, { key: 13 }, [w("defs", null, [(O(!0), C(b, null, A(ks.value, (e, t) => (O(), C("linearGradient", {
+						id: `individual_scale_gradient_${R.value}_${t}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
 						y2: "0%"
 					}, [w("stop", {
 						offset: "0%",
-						"stop-color": W.value.chart.backgroundColor,
+						"stop-color": U.value.chart.backgroundColor,
 						"stop-opacity": "0"
-					}, null, 8, fr), w("stop", {
+					}, null, 8, pr), w("stop", {
 						offset: "100%",
 						"stop-color": e.color,
 						"stop-opacity": "0.2"
-					}, null, 8, pr)], 8, dr))), 256))]), (O(!0), C(b, null, A(ks.value, (e, t) => (O(), C("rect", {
-						x: e.x - W.value.chart.grid.labels.yAxis.labelWidth + Z.value - q.value.individualOffsetX,
+					}, null, 8, mr)], 8, fr))), 256))]), (O(!0), C(b, null, A(ks.value, (e, t) => (O(), C("rect", {
+						x: e.x - U.value.chart.grid.labels.yAxis.labelWidth + Z.value - q.value.individualOffsetX,
 						y: q.value?.top,
-						width: W.value.chart.grid.labels.yAxis.labelWidth + q.value.individualOffsetX,
+						width: U.value.chart.grid.labels.yAxis.labelWidth + q.value.individualOffsetX,
 						height: q.value.height < 0 ? 10 : q.value.height,
-						fill: I.value === e.groupId ? `url(#individual_scale_gradient_${z.value}_${t})` : "transparent",
-						onMouseenter: (t) => I.value = e.groupId,
-						onMouseleave: i[0] ||= (e) => I.value = null
-					}, null, 40, mr))), 256))], 64)) : S("", !0),
-					w("g", null, [W.value.chart.grid.labels.axis.yLabel && !G.value.useIndividualScale ? (O(), C("text", {
+						fill: F.value === e.groupId ? `url(#individual_scale_gradient_${R.value}_${t})` : "transparent",
+						onMouseenter: (t) => F.value = e.groupId,
+						onMouseleave: i[0] ||= (e) => F.value = null
+					}, null, 40, hr))), 256))], 64)) : S("", !0),
+					w("g", null, [U.value.chart.grid.labels.axis.yLabel && !W.value.useIndividualScale ? (O(), C("text", {
 						key: 0,
 						ref_key: "yAxisLabel",
-						ref: xi,
-						"font-size": U.value.yAxis,
-						fill: W.value.chart.grid.labels.color,
-						transform: `translate(${W.value.chart.grid.labels.axis.fontSize}, ${q.value?.top + q.value.height / 2}) rotate(-90)`,
+						ref: Si,
+						"font-size": H.value.yAxis,
+						fill: U.value.chart.grid.labels.color,
+						transform: `translate(${U.value.chart.grid.labels.axis.fontSize}, ${q.value?.top + q.value.height / 2}) rotate(-90)`,
 						"text-anchor": "middle",
 						style: { transition: "none" }
-					}, M(W.value.chart.grid.labels.axis.yLabel), 9, hr)) : S("", !0), W.value.chart.grid.labels.axis.xLabel ? (O(), C("text", {
+					}, lt(U.value.chart.grid.labels.axis.yLabel), 9, gr)) : S("", !0), U.value.chart.grid.labels.axis.xLabel ? (O(), C("text", {
 						key: 1,
 						ref_key: "xAxisLabel",
-						ref: bi,
+						ref: xi,
 						"text-anchor": "middle",
-						x: L.value / 2,
-						y: ki.value - 3,
-						"font-size": U.value.yAxis,
-						fill: W.value.chart.grid.labels.color
-					}, M(W.value.chart.grid.labels.axis.xLabel), 9, gr)) : S("", !0)]),
-					W.value.chart.grid.labels.xAxisLabels.show ? (O(), C("g", {
+						x: I.value / 2,
+						y: Ai.value - 3,
+						"font-size": H.value.yAxis,
+						fill: U.value.chart.grid.labels.color
+					}, lt(U.value.chart.grid.labels.axis.xLabel), 9, _r)) : S("", !0)]),
+					U.value.chart.grid.labels.xAxisLabels.show ? (O(), C("g", {
 						key: 14,
 						ref_key: "timeLabelsEls",
-						ref: Si
+						ref: Ci
 					}, [r.$slots["time-label"] ? (O(!0), C(b, { key: 0 }, A(vo.value, (e, t) => j(r.$slots, "time-label", nt({
 						key: `time_label_${e.id}`,
 						ref_for: !0
 					}, {
 						x: q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2,
 						y: q.value?.bottom,
-						fontSize: U.value.xAxis,
-						fill: W.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + U.value.xAxis * 1.3 + W.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${W.value.chart.grid.labels.xAxisLabels.rotation})`,
+						fontSize: H.value.xAxis,
+						fill: U.value.chart.grid.labels.xAxisLabels.color,
+						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + H.value.xAxis * 1.3 + U.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${U.value.chart.grid.labels.xAxisLabels.rotation})`,
 						absoluteIndex: e.absoluteIndex,
 						content: e.text,
-						textAnchor: W.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : W.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+						textAnchor: U.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : U.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						show: e && e.text
 					}), void 0, !0)), 128)) : (O(!0), C(b, { key: 1 }, A(vo.value, (e, t) => (O(), C("g", { key: `time_label_${t}` }, [e && e.text ? (O(), C(b, { key: 0 }, [String(e.text).includes("\n") ? (O(), C("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
-						"text-anchor": W.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : W.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-						"font-size": U.value.xAxis,
-						fill: W.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + U.value.xAxis * 1.5}), rotate(${W.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: D({ cursor: oo() && ha.value ? "pointer" : "default" }),
-						innerHTML: N(n)({
+						"text-anchor": U.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : U.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+						"font-size": H.value.xAxis,
+						fill: U.value.chart.grid.labels.xAxisLabels.color,
+						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + H.value.xAxis * 1.5}), rotate(${U.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: D({ cursor: oo() && ga.value ? "pointer" : "default" }),
+						innerHTML: M(n)({
 							content: String(e.text),
-							fontSize: U.value.xAxis,
-							fill: W.value.chart.grid.labels.xAxisLabels.color,
+							fontSize: H.value.xAxis,
+							fill: U.value.chart.grid.labels.xAxisLabels.color,
 							x: 0,
 							y: 0
 						}),
 						onClick: () => bo(e, t)
-					}, null, 12, vr)) : (O(), C("text", {
+					}, null, 12, yr)) : (O(), C("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
-						"text-anchor": W.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : W.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-						"font-size": U.value.xAxis,
-						fill: W.value.chart.grid.labels.xAxisLabels.color,
-						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + U.value.xAxis * 1.5}), rotate(${W.value.chart.grid.labels.xAxisLabels.rotation})`,
-						style: D({ cursor: oo() && ha.value ? "pointer" : "default" }),
+						"text-anchor": U.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : U.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+						"font-size": H.value.xAxis,
+						fill: U.value.chart.grid.labels.xAxisLabels.color,
+						transform: `translate(${q.value?.left + q.value.width / Y.value * t + q.value.width / Y.value / 2}, ${q.value?.bottom + H.value.xAxis * 1.5}), rotate(${U.value.chart.grid.labels.xAxisLabels.rotation})`,
+						style: D({ cursor: oo() && ga.value ? "pointer" : "default" }),
 						onClick: () => bo(e, t)
-					}, M(e.text || ""), 13, _r))], 64)) : S("", !0)]))), 128))], 512)) : S("", !0),
-					ws.value.length && !G.value.isStacked ? (O(), C("g", yr, [(O(!0), C(b, null, A(ws.value, (e) => (O(), C("g", { key: e.uid }, [
+					}, lt(e.text || ""), 13, vr))], 64)) : S("", !0)]))), 128))], 512)) : S("", !0),
+					ws.value.length && !W.value.isStacked ? (O(), C("g", br, [(O(!0), C(b, null, A(ws.value, (e) => (O(), C("g", { key: e.uid }, [
 						e.yTop && e.show && isFinite(e.yTop) ? (O(), C("line", {
 							key: 0,
 							x1: e.x1,
@@ -3509,7 +3560,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, br)) : S("", !0),
+						}, null, 8, xr)) : S("", !0),
 						e.yBottom && e.show && isFinite(e.yBottom) ? (O(), C("line", {
 							key: 1,
 							x1: e.x1,
@@ -3521,16 +3572,16 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 							"stroke-dasharray": e.config.line.strokeDasharray,
 							"stroke-linecap": "round",
 							style: { animation: "none !important" }
-						}, null, 8, xr)) : S("", !0),
+						}, null, 8, Sr)) : S("", !0),
 						e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (O(), C("rect", {
 							key: 2,
 							y: Math.min(e.yTop, e.yBottom),
 							x: e.x1,
 							width: q.value.width,
-							height: N(y)(e.areaHeight, 0),
-							fill: N(me)(e.config.area.fill, e.config.area.opacity),
+							height: M(y)(e.areaHeight, 0),
+							fill: M(me)(e.config.area.fill, e.config.area.opacity),
 							style: { animation: "none !important" }
-						}, null, 8, Sr)) : S("", !0),
+						}, null, 8, Cr)) : S("", !0),
 						e.config.label.text && e.show && isFinite(e._box.y) ? (O(), C("rect", nt({
 							key: 3,
 							class: "vue-ui-xy-annotation-label-box"
@@ -3547,9 +3598,9 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 							"font-size": e.config.label.fontSize,
 							fill: e.config.label.color,
 							"text-anchor": e.config.label.textAnchor
-						}, M(e.config.label.text), 9, Cr)) : S("", !0)
+						}, lt(e.config.label.text), 9, wr)) : S("", !0)
 					]))), 128))])) : S("", !0),
-					W.value.chart.timeTag.show && (![null, void 0].includes(H.value) || ![null, void 0].includes(B.value)) ? (O(), C("g", wr, [(O(), C("foreignObject", {
+					U.value.chart.timeTag.show && (![null, void 0].includes(V.value) || ![null, void 0].includes(z.value)) ? (O(), C("g", Tr, [(O(), C("foreignObject", {
 						x: $s(),
 						y: q.value?.bottom,
 						width: "200",
@@ -3559,23 +3610,23 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 						ref_key: "timeTagEl",
 						ref: Ys,
 						class: "vue-ui-xy-time-tag",
-						style: D(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${W.value.chart.timeTag.backgroundColor};color:${W.value.chart.timeTag.color};font-size:${W.value.chart.timeTag.fontSize}px`),
+						style: D(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${U.value.chart.timeTag.backgroundColor};color:${U.value.chart.timeTag.color};font-size:${U.value.chart.timeTag.fontSize}px`),
 						innerHTML: ec.value
-					}, null, 12, Er)], 8, Tr)), w("circle", {
-						cx: q.value?.left + q.value.width / Y.value * ((H.value === null ? 0 : H.value) || (B.value === null ? 0 : B.value)) + q.value.width / Y.value / 2,
+					}, null, 12, Dr)], 8, Er)), w("circle", {
+						cx: q.value?.left + q.value.width / Y.value * ((V.value === null ? 0 : V.value) || (z.value === null ? 0 : z.value)) + q.value.width / Y.value / 2,
 						cy: q.value?.bottom,
-						r: W.value.chart.timeTag.circleMarker.radius,
-						fill: W.value.chart.timeTag.circleMarker.color
-					}, null, 8, Dr)])) : S("", !0)
+						r: U.value.chart.timeTag.circleMarker.radius,
+						fill: U.value.chart.timeTag.circleMarker.color
+					}, null, 8, Or)])) : S("", !0)
 				])) : S("", !0),
 				Oa.value ? (O(), C("rect", nt({ key: 2 }, ja.value, {
 					"data-start": K.value.start,
 					"data-end": K.value.end
-				}), null, 16, Or)) : S("", !0),
+				}), null, 16, kr)) : S("", !0),
 				j(r.$slots, "svg", { svg: {
-					...sa.value,
-					isPrintingImg: N(Ma) || N(Na) || Yi.value,
-					isPrintingSvg: Xi.value,
+					...ca.value,
+					isPrintingImg: M(Ma) || M(Na) || Xi.value,
+					isPrintingSvg: Zi.value,
 					data: [
 						...$.value,
 						...Ds.value,
@@ -3583,16 +3634,16 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					],
 					drawingArea: q.value
 				} }, void 0, !0)
-			], 512)], 46, bt)), r.$slots.hint ? (O(), C("div", kr, [j(r.$slots, "hint", E(T({
-				hint: W.value.a11y.translations.keyboardNavigation,
-				isVisible: pc.value
+			], 512)], 46, xt)), r.$slots.hint ? (O(), C("div", Ar, [j(r.$slots, "hint", E(T({
+				hint: U.value.a11y.translations.keyboardNavigation,
+				isVisible: _c.value
 			})), void 0, !0)])) : S("", !0)]),
-			r.$slots.watermark ? (O(), C("div", Ar, [j(r.$slots, "watermark", E(T({ isPrinting: N(Ma) || N(Na) || Yi.value || Xi.value })), void 0, !0)])) : S("", !0),
+			r.$slots.watermark ? (O(), C("div", jr, [j(r.$slots, "watermark", E(T({ isPrinting: M(Ma) || M(Na) || Xi.value || Zi.value })), void 0, !0)])) : S("", !0),
 			(O(!0), C(b, null, A($.value, (e, t) => (O(), C(b, { key: `tag_line_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `tag_line_${t}_${r}` }, [[
-				B.value,
-				H.value,
-				Ii.value
-			].includes(r) && e.useTag && e.useTag === "end" && W.value.line.tag.followValue ? (O(), C("div", {
+				z.value,
+				V.value,
+				Li.value
+			].includes(r) && e.useTag && e.useTag === "end" && U.value.line.tag.followValue ? (O(), C("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => lo(t, r, e, "right", "line"),
@@ -3600,44 +3651,44 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"data-tag": "right",
 				style: D({
 					position: "fixed",
-					top: N(p)({
-						svgElement: V.value,
-						x: q.value?.right + W.value.line.tag.fontSize / 1.5,
+					top: M(p)({
+						svgElement: B.value,
+						x: q.value?.right + U.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_right_line`],
+						element: Ki.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.top + "px",
-					left: N(p)({
-						svgElement: V.value,
-						x: q.value?.right + W.value.line.tag.fontSize / 1.5,
+					left: M(p)({
+						svgElement: B.value,
+						x: q.value?.right + U.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_right_line`],
+						element: Ki.value[`${t}_${r}_right_line`],
 						position: "right"
 					})?.left + "px",
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: N(xe)(e.color),
+					color: M(xe)(e.color),
 					padding: "0 6px",
-					fontSize: W.value.line.tag.fontSize + "px",
+					fontSize: U.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(O(), C("svg", jr, [w("path", {
+			}, [(O(), C("svg", Mr, [w("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Mr)])), w("div", {
+			}, null, 8, Nr)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: N(v)(W.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: M(fe)(U.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Nr)], 4)) : S("", !0), [
-				B.value,
-				H.value,
-				Ii.value
-			].includes(r) && e.useTag && e.useTag === "start" && W.value.line.tag.followValue ? (O(), C("div", {
+			}, null, 8, Pr)], 4)) : S("", !0), [
+				z.value,
+				V.value,
+				Li.value
+			].includes(r) && e.useTag && e.useTag === "start" && U.value.line.tag.followValue ? (O(), C("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => lo(t, r, e, "left", "line"),
@@ -3645,45 +3696,45 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"data-tag": "left",
 				style: D({
 					position: "fixed",
-					top: N(p)({
-						svgElement: V.value,
-						x: q.value?.left - W.value.line.tag.fontSize / 1.5,
+					top: M(p)({
+						svgElement: B.value,
+						x: q.value?.left - U.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_left_line`],
+						element: Ki.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.top + "px",
-					left: N(p)({
-						svgElement: V.value,
-						x: q.value?.left - W.value.line.tag.fontSize / 1.5,
+					left: M(p)({
+						svgElement: B.value,
+						x: q.value?.left - U.value.line.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_left_line`],
+						element: Ki.value[`${t}_${r}_left_line`],
 						position: "left"
 					})?.left + "px",
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: N(xe)(e.color),
+					color: M(xe)(e.color),
 					padding: "0 6px",
-					fontSize: W.value.line.tag.fontSize + "px",
+					fontSize: U.value.line.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(O(), C("svg", Pr, [w("path", {
+			}, [(O(), C("svg", Fr, [w("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Fr)])), w("div", {
+			}, null, 8, Ir)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: N(v)(W.value.line.tag.formatter, n.value, e.name, {
+				innerHTML: M(fe)(U.value.line.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Ir)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
+			}, null, 8, Lr)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
 			(O(!0), C(b, null, A(Os.value, (e, t) => (O(), C(b, { key: `tag_plot_${e.id}` }, [(O(!0), C(b, null, A(e.plots, (n, r) => (O(), C(b, { key: `tag_plot_${t}_${r}` }, [[
-				B.value,
-				H.value,
-				Ii.value
-			].includes(r) && e.useTag && e.useTag === "end" && W.value.plot.tag.followValue ? (O(), C("div", {
+				z.value,
+				V.value,
+				Li.value
+			].includes(r) && e.useTag && e.useTag === "end" && U.value.plot.tag.followValue ? (O(), C("div", {
 				key: 0,
 				ref_for: !0,
 				ref: (e) => lo(t, r, e, "right", "plot"),
@@ -3691,44 +3742,44 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"data-tag": "right",
 				style: D({
 					position: "fixed",
-					top: N(p)({
-						svgElement: V.value,
-						x: q.value?.right + W.value.plot.tag.fontSize / 1.5,
+					top: M(p)({
+						svgElement: B.value,
+						x: q.value?.right + U.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_right_plot`],
+						element: Ki.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.top + "px",
-					left: N(p)({
-						svgElement: V.value,
-						x: q.value?.right + W.value.plot.tag.fontSize / 1.5,
+					left: M(p)({
+						svgElement: B.value,
+						x: q.value?.right + U.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_right_plot`],
+						element: Ki.value[`${t}_${r}_right_plot`],
 						position: "right"
 					})?.left + "px",
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: N(xe)(e.color),
+					color: M(xe)(e.color),
 					padding: "0 6px",
-					fontSize: W.value.plot.tag.fontSize + "px",
+					fontSize: U.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(O(), C("svg", Lr, [w("path", {
+			}, [(O(), C("svg", Rr, [w("path", {
 				d: "M 0,10 10,0 10,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Rr)])), w("div", {
+			}, null, 8, zr)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: N(v)(W.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: M(fe)(U.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, zr)], 4)) : S("", !0), [
-				B.value,
-				H.value,
-				Ii.value
-			].includes(r) && e.useTag && e.useTag === "start" && W.value.plot.tag.followValue ? (O(), C("div", {
+			}, null, 8, Br)], 4)) : S("", !0), [
+				z.value,
+				V.value,
+				Li.value
+			].includes(r) && e.useTag && e.useTag === "start" && U.value.plot.tag.followValue ? (O(), C("div", {
 				key: 1,
 				ref_for: !0,
 				ref: (e) => lo(t, r, e, "left", "plot"),
@@ -3736,98 +3787,98 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"data-tag": "left",
 				style: D({
 					position: "fixed",
-					top: N(p)({
-						svgElement: V.value,
-						x: q.value?.left - W.value.plot.tag.fontSize / 1.5,
+					top: M(p)({
+						svgElement: B.value,
+						x: q.value?.left - U.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_left_plot`],
+						element: Ki.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.top + "px",
-					left: N(p)({
-						svgElement: V.value,
-						x: q.value?.left - W.value.plot.tag.fontSize / 1.5,
+					left: M(p)({
+						svgElement: B.value,
+						x: q.value?.left - U.value.plot.tag.fontSize / 1.5,
 						y: n.y,
-						element: Gi.value[`${t}_${r}_left_plot`],
+						element: Ki.value[`${t}_${r}_left_plot`],
 						position: "left"
 					})?.left + "px",
 					height: "fit-content",
 					width: "fit-content",
 					background: e.color,
-					color: N(xe)(e.color),
+					color: M(xe)(e.color),
 					padding: "0 6px",
-					fontSize: W.value.plot.tag.fontSize + "px",
+					fontSize: U.value.plot.tag.fontSize + "px",
 					opacity: 1
 				})
-			}, [(O(), C("svg", Br, [w("path", {
+			}, [(O(), C("svg", Vr, [w("path", {
 				d: "M 0,0 10,10 0,20 Z",
 				fill: e.color,
 				stroke: "none"
-			}, null, 8, Vr)])), w("div", {
+			}, null, 8, Hr)])), w("div", {
 				class: "vue-ui-xy-tag-content",
-				innerHTML: N(v)(W.value.plot.tag.formatter, n.value, e.name, {
+				innerHTML: M(fe)(U.value.plot.tag.formatter, n.value, e.name, {
 					datapoint: n,
 					seriesIndex: r,
 					serieName: e.name
 				})
-			}, null, 8, Hr)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
-			W.value.chart.zoom.show && Ea.value > 6 && ma.value && Do.value ? (O(), Xe(Ge, {
+			}, null, 8, Ur)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
+			U.value.chart.zoom.show && Ea.value > 6 && ha.value && Do.value ? (O(), Xe(Ge, {
 				key: 6,
 				ref_key: "chartSlicer",
-				ref: hi,
-				uuid: z.value,
+				ref: gi,
+				uuid: R.value,
 				allMinimaps: xs.value,
-				background: W.value.chart.zoom.color,
-				borderColor: W.value.chart.backgroundColor,
-				customFormat: W.value.chart.zoom.customFormat,
-				cutNullValues: W.value.line.cutNullValues,
-				enableRangeHandles: W.value.chart.zoom.enableRangeHandles,
-				enableSelectionDrag: W.value.chart.zoom.enableSelectionDrag,
+				background: U.value.chart.zoom.color,
+				borderColor: U.value.chart.backgroundColor,
+				customFormat: U.value.chart.zoom.customFormat,
+				cutNullValues: U.value.line.cutNullValues,
+				enableRangeHandles: U.value.chart.zoom.enableRangeHandles,
+				enableSelectionDrag: U.value.chart.zoom.enableSelectionDrag,
 				end: K.value.end,
-				focusOnDrag: W.value.chart.zoom.focusOnDrag,
-				focusRangeRatio: W.value.chart.zoom.focusRangeRatio,
-				fontSize: W.value.chart.zoom.fontSize,
-				useResetSlot: W.value.chart.zoom.useResetSlot,
-				immediate: !W.value.chart.zoom.preview.enable,
-				inputColor: W.value.chart.zoom.color,
+				focusOnDrag: U.value.chart.zoom.focusOnDrag,
+				focusRangeRatio: U.value.chart.zoom.focusRangeRatio,
+				fontSize: U.value.chart.zoom.fontSize,
+				useResetSlot: U.value.chart.zoom.useResetSlot,
+				immediate: !U.value.chart.zoom.preview.enable,
+				inputColor: U.value.chart.zoom.color,
 				isPreview: Oa.value,
 				labelLeft: J.value[0] ? J.value[0].text : "",
 				labelRight: J.value.at(-1) ? J.value.at(-1).text : "",
 				max: Ea.value,
 				min: 0,
 				minimap: bs.value,
-				minimapCompact: W.value.chart.zoom.minimap.compact,
-				minimapFrameColor: W.value.chart.zoom.minimap.frameColor,
-				minimapIndicatorColor: W.value.chart.zoom.minimap.indicatorColor,
-				minimapLineColor: W.value.chart.zoom.minimap.lineColor,
-				minimapMerged: W.value.chart.zoom.minimap.merged,
-				minimapSelectedColor: W.value.chart.zoom.minimap.selectedColor,
-				minimapSelectedColorOpacity: W.value.chart.zoom.minimap.selectedColorOpacity,
-				minimapSelectedIndex: H.value,
-				minimapSelectionRadius: W.value.chart.zoom.minimap.selectionRadius,
+				minimapCompact: U.value.chart.zoom.minimap.compact,
+				minimapFrameColor: U.value.chart.zoom.minimap.frameColor,
+				minimapIndicatorColor: U.value.chart.zoom.minimap.indicatorColor,
+				minimapLineColor: U.value.chart.zoom.minimap.lineColor,
+				minimapMerged: U.value.chart.zoom.minimap.merged,
+				minimapSelectedColor: U.value.chart.zoom.minimap.selectedColor,
+				minimapSelectedColorOpacity: U.value.chart.zoom.minimap.selectedColorOpacity,
+				minimapSelectedIndex: V.value,
+				minimapSelectionRadius: U.value.chart.zoom.minimap.selectionRadius,
 				preciseLabels: Fs.value.length ? Fs.value : mo.value,
-				refreshEndPoint: W.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ta(e.series).length)) : W.value.chart.zoom.endIndex + 1,
-				refreshStartPoint: W.value.chart.zoom.startIndex === null ? 0 : W.value.chart.zoom.startIndex,
-				selectColor: W.value.chart.zoom.highlightColor,
+				refreshEndPoint: U.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ta(e.series).length)) : U.value.chart.zoom.endIndex + 1,
+				refreshStartPoint: U.value.chart.zoom.startIndex === null ? 0 : U.value.chart.zoom.startIndex,
+				selectColor: U.value.chart.zoom.highlightColor,
 				selectedSeries: Ss.value,
-				smoothMinimap: W.value.chart.zoom.minimap.smooth,
+				smoothMinimap: U.value.chart.zoom.minimap.smooth,
 				start: K.value.start,
-				textColor: W.value.chart.color,
+				textColor: U.value.chart.color,
 				timeLabels: mo.value,
-				usePreciseLabels: W.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !W.value.chart.zoom.useDefaultFormat,
+				usePreciseLabels: U.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !U.value.chart.zoom.useDefaultFormat,
 				valueEnd: K.value.end,
 				valueStart: K.value.start,
-				verticalHandles: W.value.chart.zoom.minimap.verticalHandles,
-				minScale: W.value.chart.grid.labels.yAxis.scaleMin,
-				maxScale: W.value.chart.grid.labels.yAxis.scaleMax,
-				maxWidth: W.value.chart.zoom.maxWidth,
-				additionalMinimapHeight: W.value.chart.zoom.minimap.additionalHeight,
-				handleType: W.value.chart.zoom.minimap.handleType,
-				handleIconColor: W.value.chart.zoom.minimap.handleIconColor,
-				handleBorderWidth: W.value.chart.zoom.minimap.handleBorderWidth,
-				handleBorderColor: W.value.chart.zoom.minimap.handleBorderColor,
-				handleFill: W.value.chart.zoom.minimap.handleFill,
-				handleWidth: W.value.chart.zoom.minimap.handleWidth,
-				isCursorPointer: ha.value,
+				verticalHandles: U.value.chart.zoom.minimap.verticalHandles,
+				minScale: U.value.chart.grid.labels.yAxis.scaleMin,
+				maxScale: U.value.chart.grid.labels.yAxis.scaleMax,
+				maxWidth: U.value.chart.zoom.maxWidth,
+				additionalMinimapHeight: U.value.chart.zoom.minimap.additionalHeight,
+				handleType: U.value.chart.zoom.minimap.handleType,
+				handleIconColor: U.value.chart.zoom.minimap.handleIconColor,
+				handleBorderWidth: U.value.chart.zoom.minimap.handleBorderWidth,
+				handleBorderColor: U.value.chart.zoom.minimap.handleBorderColor,
+				handleFill: U.value.chart.zoom.minimap.handleFill,
+				handleWidth: U.value.chart.zoom.minimap.handleWidth,
+				isCursorPointer: ga.value,
 				onFutureEnd: i[1] ||= (e) => ka("end", e),
 				onFutureStart: i[2] ||= (e) => ka("start", e),
 				onReset: Fo,
@@ -3835,26 +3886,26 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"onUpdate:end": Po,
 				"onUpdate:start": No
 			}, {
-				"reset-action": P(({ reset: e }) => [j(r.$slots, "reset-action", E(T({ reset: e })), void 0, !0)]),
+				"reset-action": N(({ reset: e }) => [j(r.$slots, "reset-action", E(T({ 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.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.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-${z.value}` }, null, 8, Ur),
-			qi.value && (W.value.chart.legend.show || r.$slots.legend) ? (O(), Xe(Ye, {
+			w("div", { id: `legend-bottom-${R.value}` }, null, 8, Wr),
+			Ji.value && (U.value.chart.legend.show || r.$slots.legend) ? (O(), Xe(Ye, {
 				key: 7,
-				to: W.value.chart.legend.position === "top" ? `#legend-top-${z.value}` : `#legend-bottom-${z.value}`
+				to: U.value.chart.legend.position === "top" ? `#legend-top-${R.value}` : `#legend-bottom-${R.value}`
 			}, [w("div", {
 				ref_key: "chartLegend",
-				ref: gi
-			}, [j(r.$slots, "legend", { legend: Ya.value }, () => [W.value.chart.legend.show ? (O(), C("div", {
+				ref: _i
+			}, [j(r.$slots, "legend", { legend: Ya.value }, () => [U.value.chart.legend.show ? (O(), C("div", {
 				key: 0,
 				class: "vue-ui-xy-legend",
-				style: D({ fontSize: `var(--legend-font-size, ${W.value.chart.legend.fontSize ?? 14}px)` })
-			}, [W.value.chart.legend.selectAllToggle.show && Ya.value.length > 2 && !N(ba) ? (O(), Xe(qe, {
+				style: D({ fontSize: `var(--legend-font-size, ${U.value.chart.legend.fontSize ?? 14}px)` })
+			}, [U.value.chart.legend.selectAllToggle.show && Ya.value.length > 2 && !M(G) ? (O(), Xe(qe, {
 				key: 0,
-				backgroundColor: W.value.chart.legend.selectAllToggle.backgroundColor,
-				color: W.value.chart.legend.selectAllToggle.color,
-				fontSize: W.value.chart.legend.fontSize,
-				checked: R.value.length > 0,
+				backgroundColor: U.value.chart.legend.selectAllToggle.backgroundColor,
+				color: U.value.chart.legend.selectAllToggle.color,
+				fontSize: U.value.chart.legend.fontSize,
+				checked: L.value.length > 0,
 				onToggle: ts
 			}, null, 8, [
 				"backgroundColor",
@@ -3870,19 +3921,19 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				class: it({
 					"vue-ui-xy-legend-item-alone": Ya.value.length === 1,
 					"vue-ui-xy-legend-item": !0,
-					"vue-ui-xy-legend-item-segregated": R.value.includes(e.id)
+					"vue-ui-xy-legend-item-segregated": L.value.includes(e.id)
 				}),
-				style: D({ cursor: ha.value ? "pointer" : "default" })
-			}, [Mi.value[e.type] === "line" ? (O(), C("svg", Gr, [w("rect", {
+				style: D({ cursor: ga.value ? "pointer" : "default" })
+			}, [Ni.value[e.type] === "line" ? (O(), C("svg", Kr, [w("rect", {
 				x: "0",
 				y: "7.5",
 				rx: "1.5",
-				stroke: W.value.chart.backgroundColor,
+				stroke: U.value.chart.backgroundColor,
 				"stroke-width": .5,
 				height: "3",
 				width: "20",
 				fill: e.color
-			}, null, 8, Kr), $e(Ue, {
+			}, null, 8, qr), $e(Ue, {
 				plot: {
 					x: 10,
 					y: 9
@@ -3897,13 +3948,13 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle",
-				stroke: W.value.chart.backgroundColor,
+				stroke: U.value.chart.backgroundColor,
 				strokeWidth: .5
 			}, null, 8, [
 				"color",
 				"shape",
 				"stroke"
-			])])) : Mi.value[e.type] === "bar" ? (O(), C("svg", qr, [Mi.value[e.type] === "bar" && r.$slots.pattern ? (O(), C("rect", {
+			])])) : Ni.value[e.type] === "bar" ? (O(), C("svg", Jr, [Ni.value[e.type] === "bar" && r.$slots.pattern ? (O(), C("rect", {
 				key: 0,
 				x: "4",
 				y: "4",
@@ -3912,7 +3963,7 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				width: "32",
 				stroke: "none",
 				fill: e.color
-			}, null, 8, Jr)) : S("", !0), Mi.value[e.type] === "bar" ? (O(), C("rect", {
+			}, null, 8, Yr)) : S("", !0), Ni.value[e.type] === "bar" ? (O(), C("rect", {
 				key: 1,
 				x: "4",
 				y: "4",
@@ -3920,8 +3971,8 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				height: "32",
 				width: "32",
 				stroke: "none",
-				fill: r.$slots.pattern ? `url(#pattern_${z.value}_${e.slotAbsoluteIndex})` : e.color
-			}, null, 8, Yr)) : S("", !0)])) : (O(), C("svg", Xr, [$e(Ue, {
+				fill: r.$slots.pattern ? `url(#pattern_${R.value}_${e.slotAbsoluteIndex})` : e.color
+			}, null, 8, Xr)) : S("", !0)])) : (O(), C("svg", Zr, [$e(Ue, {
 				plot: {
 					x: 6,
 					y: 6
@@ -3936,39 +3987,39 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					"hexagon",
 					"star"
 				].includes(e.shape) ? e.shape : "circle"
-			}, null, 8, ["color", "shape"])])), w("span", { style: D(`color:${W.value.chart.legend.color}`) }, M(e.name), 5)], 46, Wr))), 128))], 4)) : S("", !0)], !0)], 512)], 8, ["to"])) : S("", !0),
+			}, null, 8, ["color", "shape"])])), w("span", { style: D(`color:${U.value.chart.legend.color}`) }, lt(e.name), 5)], 46, Gr))), 128))], 4)) : S("", !0)], !0)], 512)], 8, ["to"])) : S("", !0),
 			r.$slots.source ? (O(), C("div", {
 				key: 8,
 				ref_key: "source",
-				ref: _i,
+				ref: vi,
 				dir: "auto"
 			}, [j(r.$slots, "source", {}, void 0, !0)], 512)) : S("", !0),
-			$e(N(ei), {
-				teleportTo: W.value.chart.tooltip.teleportTo,
-				show: G.value.showTooltip && Fi.value,
-				backgroundColor: W.value.chart.tooltip.backgroundColor,
-				color: W.value.chart.tooltip.color,
-				fontSize: W.value.chart.tooltip.fontSize,
-				borderRadius: W.value.chart.tooltip.borderRadius,
-				borderColor: W.value.chart.tooltip.borderColor,
-				borderWidth: W.value.chart.tooltip.borderWidth,
-				backgroundOpacity: W.value.chart.tooltip.backgroundOpacity,
-				position: W.value.chart.tooltip.position,
-				offsetY: W.value.chart.tooltip.offsetY,
+			$e(M(ti), {
+				teleportTo: U.value.chart.tooltip.teleportTo,
+				show: W.value.showTooltip && Ii.value,
+				backgroundColor: U.value.chart.tooltip.backgroundColor,
+				color: U.value.chart.tooltip.color,
+				fontSize: U.value.chart.tooltip.fontSize,
+				borderRadius: U.value.chart.tooltip.borderRadius,
+				borderColor: U.value.chart.tooltip.borderColor,
+				borderWidth: U.value.chart.tooltip.borderWidth,
+				backgroundOpacity: U.value.chart.tooltip.backgroundOpacity,
+				position: U.value.chart.tooltip.position,
+				offsetY: U.value.chart.tooltip.offsetY,
 				parent: r.$refs.chart,
 				content: Is.value,
-				isFullscreen: Pi.value,
-				isCustom: W.value.chart.tooltip.customFormat && typeof W.value.chart.tooltip.customFormat == "function",
-				smooth: W.value.chart.tooltip.smooth,
-				backdropFilter: W.value.chart.tooltip.backdropFilter,
-				smoothForce: W.value.chart.tooltip.smoothForce,
-				smoothSnapThreshold: W.value.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: Zi.value != null,
-				a11yPosition: Qi.value
+				isFullscreen: Fi.value,
+				isCustom: U.value.chart.tooltip.customFormat && typeof U.value.chart.tooltip.customFormat == "function",
+				smooth: U.value.chart.tooltip.smooth,
+				backdropFilter: U.value.chart.tooltip.backdropFilter,
+				smoothForce: U.value.chart.tooltip.smoothForce,
+				smoothSnapThreshold: U.value.chart.tooltip.smoothSnapThreshold,
+				isA11yMode: Qi.value != null,
+				a11yPosition: $i.value
 			}, {
-				"tooltip-before": P(() => [j(r.$slots, "tooltip-before", E(T({ ...js.value })), void 0, !0)]),
-				tooltip: P(() => [j(r.$slots, "tooltip", E(T({ ...js.value })), void 0, !0)]),
-				"tooltip-after": P(() => [j(r.$slots, "tooltip-after", E(T({ ...js.value })), void 0, !0)]),
+				"tooltip-before": N(() => [j(r.$slots, "tooltip-before", E(T({ ...js.value })), void 0, !0)]),
+				tooltip: N(() => [j(r.$slots, "tooltip", E(T({ ...js.value })), void 0, !0)]),
+				"tooltip-after": N(() => [j(r.$slots, "tooltip-after", E(T({ ...js.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -3993,41 +4044,41 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			ma.value && W.value.chart.userOptions.buttons.table ? (O(), Xe(st(rc.value.component), nt({ key: 9 }, rc.value.props, {
+			ha.value && U.value.chart.userOptions.buttons.table ? (O(), Xe(st(sc.value.component), nt({ key: 9 }, sc.value.props, {
 				ref_key: "tableUnit",
-				ref: Ji,
-				onClose: ic
+				ref: Yi,
+				onClose: cc
 			}), Ze({
-				content: P(() => [w("div", { style: D(`${N(Ma) || W.value.table.useDialog ? "" : "max-height:400px"};${W.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${W.value.table.useDialog ? "" : "margin-top:48px"}`) }, [w("div", Zr, [mt(w("input", {
+				content: N(() => [w("div", { style: D(`${M(Ma) || U.value.table.useDialog ? "" : "max-height:400px"};${U.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${U.value.table.useDialog ? "" : "margin-top:48px"}`) }, [w("div", Qr, [ht(w("input", {
 					type: "checkbox",
-					"onUpdate:modelValue": i[4] ||= (e) => Bi.value = e
-				}, null, 512), [[dt, Bi.value]]), w("div", {
-					onClick: i[5] ||= (e) => Bi.value = !Bi.value,
-					style: D({ cursor: ha.value ? "pointer" : "default" })
-				}, [$e(N(ni), {
+					"onUpdate:modelValue": i[4] ||= (e) => Vi.value = e
+				}, null, 512), [[ft, Vi.value]]), w("div", {
+					onClick: i[5] ||= (e) => Vi.value = !Vi.value,
+					style: D({ cursor: ga.value ? "pointer" : "default" })
+				}, [$e(M(ri), {
 					name: "chartLine",
 					size: 20,
-					stroke: W.value.chart.color
-				}, null, 8, ["stroke"])], 4)]), Bi.value ? (O(), Xe(N(ri), {
-					key: `sparkline_${Vi.value}`,
+					stroke: U.value.chart.color
+				}, null, 8, ["stroke"])], 4)]), Vi.value ? (O(), Xe(M(ii), {
+					key: `sparkline_${Hi.value}`,
 					dataset: fs.value,
 					config: ps.value
-				}, null, 8, ["dataset", "config"])) : (O(), Xe(N($r), {
-					key: `table_${Ri.value}`,
+				}, null, 8, ["dataset", "config"])) : (O(), Xe(M(ei), {
+					key: `table_${zi.value}`,
 					colNames: Rs.value.colNames,
 					head: Rs.value.head,
 					body: Rs.value.body,
 					config: Rs.value.config,
-					title: W.value.table.useDialog ? "" : rc.value.title,
-					withCloseButton: !W.value.table.useDialog,
-					onClose: ic
+					title: U.value.table.useDialog ? "" : sc.value.title,
+					withCloseButton: !U.value.table.useDialog,
+					onClose: cc
 				}, {
-					th: P(({ th: e }) => [w("div", { innerHTML: e }, null, 8, Qr)]),
-					td: P(({ td: e }) => [Qe(M(isNaN(Number(e)) ? e : N(a)({
-						p: W.value.chart.labels.prefix,
+					th: N(({ th: e }) => [w("div", { innerHTML: e }, null, 8, $r)]),
+					td: N(({ td: e }) => [Qe(lt(isNaN(Number(e)) ? e : M(a)({
+						p: U.value.chart.labels.prefix,
 						v: e,
-						s: W.value.chart.labels.suffix,
-						r: W.value.table.rounding
+						s: U.value.chart.labels.suffix,
+						r: U.value.table.rounding
 					})), 1)]),
 					_: 1
 				}, 8, [
@@ -4039,25 +4090,25 @@ var ht = /* @__PURE__ */ e({ default: () => F }), gt = ["id"], _t = ["id"], vt =
 					"withCloseButton"
 				]))], 4)]),
 				_: 2
-			}, [W.value.table.useDialog ? {
+			}, [U.value.table.useDialog ? {
 				name: "title",
-				fn: P(() => [Qe(M(rc.value.title), 1)]),
+				fn: N(() => [Qe(lt(sc.value.title), 1)]),
 				key: "0"
-			} : void 0, W.value.table.useDialog ? {
+			} : void 0, U.value.table.useDialog ? {
 				name: "actions",
-				fn: P(() => [w("button", {
+				fn: N(() => [w("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: i[3] ||= (e) => zs(W.value.chart.userOptions.callbacks.csv)
-				}, [$e(N(ni), {
+					onClick: i[3] ||= (e) => zs(U.value.chart.userOptions.callbacks.csv)
+				}, [$e(M(ri), {
 					name: "fileCsv",
-					stroke: rc.value.props.color
+					stroke: sc.value.props.color
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : S("", !0),
-			j(r.$slots, "skeleton", {}, () => [N(ba) ? (O(), Xe(Pe, { key: 0 })) : S("", !0)], !0)
-		], 46, gt));
+			j(r.$slots, "skeleton", {}, () => [M(G) ? (O(), Xe(Pe, { key: 0 })) : S("", !0)], !0)
+		], 46, _t));
 	}
-}, [["__scopeId", "data-v-f63e75b2"]]);
+}, [["__scopeId", "data-v-e28cb293"]]);
 //#endregion
-export { ht as n, F as t };
+export { gt as n, P as t };