vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-xy-B9Q4FR0g.js → vue-ui-xy-BdzEiImZ.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as Re, useSlots as Nu, getCurrentInstance as Fu, ref as g, shallowRef as Vu, computed as b, onMounted as It, toRefs as Bu, watch as ct, watchEffect as sa, nextTick as Pt, onBeforeUnmount as Ia, openBlock as i, createElementBlock as r, normalizeStyle as w, normalizeClass as Je, createElementVNode as y, toDisplayString as ue, createBlock as _e, createCommentVNode as h, unref as v, withCtx as X, renderSlot as F, normalizeProps as ge, guardReactiveProps as be, createSlots as ao, createVNode as vt, Fragment as d, renderList as k, mergeProps as Qe, Teleport as Ru, resolveDynamicComponent as Hu, withDirectives as Du, vModelCheckbox as Wu, createTextVNode as lo } from "vue";
-import { j as Pa, q as Oa, t as oo, n as Eu, D as uo, E as so, s as Na, p as Fa, F as na, G as W, H as Va, I as Yu, J as Xu, K as O, L as no, c as io, M as ro, b as co, N as Gu, O as qu, P as Uu, Q as vo, R as ho, k as ve, S as Zu, T as fo, U as Ku, z as mo, A as Ie, l as Pe, v as je, u as Ce, V as Ju, a as Qu, W as He, d as ia, Y as Se, Z as ju, _ as De, $ as Ot, m as es, o as go, a0 as ts, a1 as as, a2 as dt, a3 as ls } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as Re, useSlots as Nu, getCurrentInstance as Fu, ref as g, shallowRef as Vu, computed as b, onMounted as It, toRefs as Bu, watch as vt, watchEffect as sl, nextTick as Pt, onBeforeUnmount as Il, openBlock as i, createElementBlock as r, normalizeStyle as w, normalizeClass as Je, createElementVNode as y, toDisplayString as ue, createBlock as _e, createCommentVNode as h, unref as v, withCtx as X, renderSlot as F, normalizeProps as ge, guardReactiveProps as be, createSlots as lo, createVNode as dt, Fragment as d, renderList as k, mergeProps as Qe, Teleport as Ru, resolveDynamicComponent as Hu, withDirectives as Du, vModelCheckbox as Wu, createTextVNode as ao } from "vue";
+import { j as Pl, q as Ol, t as oo, n as Eu, D as uo, E as so, s as Nl, p as Fl, F as nl, G as W, H as Vl, I as Yu, J as Xu, K as O, L as no, c as io, M as ro, b as co, N as Gu, O as qu, P as Uu, Q as vo, R as ho, k as ve, S as Zu, T as fo, U as Ku, z as mo, A as Ie, l as Pe, v as je, u as Ce, V as Ju, a as Qu, W as He, d as il, Y as Se, Z as ju, _ as De, $ as Ot, m as es, o as go, a0 as ts, a1 as ls, a2 as ht, a3 as as } from "./lib-DBptbyyI.js";
 import { u as bo, a as po, b as os } from "./useTimeLabels-C-A2uZKi.js";
 import { u as us } from "./useConfig-DO94Aj5s.js";
 import { u as ss } from "./usePrinter-CEpYU3r5.js";
@@ -12,13 +12,13 @@ import { u as ds } from "./useTimeLabelCollider-CIsgDrl9.js";
 import hs from "./img-LXxMLmCg.js";
 import fs from "./Title-BeMKE1cj.js";
 import ms from "./vue_ui_xy-esktmpg-.js";
-import { _ as ra } from "./Shape-BKRUOeKk.js";
+import { _ as rl } from "./Shape-BKRUOeKk.js";
 import { S as gs } from "./SlicerPreview-DTjwV0iY.js";
 import bs from "./vue-ui-accordion-nvggWcGN.js";
 import { B as ps } from "./BaseLegendToggle-BQVIawmA.js";
 import { A as ys } from "./A11yDataTable-KcVAX2cP.js";
 import { _ as xs } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative" } }, $s = ["viewBox", "aria-label", "aria-describedby"], Ls = ["x", "y", "width", "height"], Ms = { key: 1 }, As = { class: "vue-ui-xy-grid" }, Cs = ["stroke", "x1", "x2", "y1", "y2"], Ts = ["stroke", "x1", "x2", "y1", "y2"], zs = { key: 1 }, Is = ["x1", "x2", "y1", "y2", "stroke"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Os = ["x1", "x2", "y1", "y2", "stroke"], Ns = { key: 3 }, Fs = ["d", "stroke"], Vs = { key: 4 }, Bs = ["d", "stroke"], Rs = ["id"], Hs = ["stop-color"], Ds = ["stop-color"], Ws = ["stop-color"], Es = ["id"], Ys = ["stop-color"], Xs = ["stop-color"], Gs = ["stop-color"], qs = ["id"], Us = ["stop-color"], Zs = ["stop-color"], Ks = ["id"], Js = ["stop-color"], Qs = ["stop-color"], js = ["id"], en = ["stop-color"], tn = ["stop-color"], an = { key: 0 }, ln = ["id"], on = ["stop-color", "offset"], un = ["x", "y", "height", "width", "fill"], sn = ["x", "y", "width"], nn = { key: 0 }, rn = ["x", "y", "height", "width", "fill"], cn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], dn = ["width", "x", "y"], hn = ["stroke", "x1", "x2", "y1", "y2"], fn = { key: 3 }, mn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gn = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], bn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pn = ["fill", "font-size", "transform"], yn = ["x1", "x2", "y1", "y2", "stroke"], xn = ["x", "y", "font-size", "fill"], kn = ["x1", "x2", "y1", "y2", "stroke"], _n = ["x", "y", "font-size", "fill"], wn = ["width", "x", "y"], Sn = { style: { width: "100%" } }, $n = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ln = ["d", "stroke", "stroke-width", "stroke-dasharray"], Mn = { key: 6 }, An = { key: 7 }, Cn = ["d", "fill", "fill-opacity"], Tn = { key: 0 }, zn = ["d", "fill"], In = ["d", "fill"], Pn = ["d", "fill"], On = ["d", "fill"], Nn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Vn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Rn = ["width", "x", "y"], Hn = { style: { width: "100%" } }, Dn = { key: 8 }, Wn = ["x", "y", "font-size", "fill"], En = ["x", "y", "font-size", "fill", "font-weight"], Yn = { key: 9 }, Xn = ["x", "y", "font-size", "fill"], Gn = { key: 10 }, qn = ["x", "y"], Un = ["innerHTML"], Zn = ["x", "y"], Kn = ["innerHTML"], Jn = ["x1", "x2", "y1", "y2", "stroke"], Qn = { key: 11 }, jn = ["x", "y", "font-size", "fill"], ei = { key: 12 }, ti = ["x", "y"], ai = ["innerHTML"], li = ["x", "y"], oi = ["innerHTML"], ui = ["x1", "x2", "y1", "y2", "stroke"], si = ["x", "y", "font-size", "fill", "innerHTML"], ni = ["x", "y", "font-size", "fill", "innerHTML"], ii = ["x", "y", "font-size", "fill", "innerHTML"], ri = ["x", "y", "font-size", "fill", "innerHTML"], ci = { key: 0 }, vi = ["id"], di = ["fill", "stroke"], hi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], fi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], mi = ["x", "y", "font-size", "fill", "stroke"], gi = ["id"], bi = ["stop-color"], pi = ["stop-color"], yi = ["x", "y", "width", "height", "fill", "onMouseenter"], xi = ["font-size", "fill", "transform"], ki = ["x", "y", "font-size", "fill"], _i = ["text-anchor", "font-size", "fill", "transform", "onClick"], wi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Si = { key: 15 }, $i = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Li = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mi = ["y", "x", "width", "height", "fill"], Ai = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ci = {
+const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative" } }, $s = ["viewBox", "aria-label", "aria-describedby"], Ls = ["x", "y", "width", "height"], Ms = { key: 1 }, As = { class: "vue-ui-xy-grid" }, Cs = ["stroke", "x1", "x2", "y1", "y2"], Ts = ["stroke", "x1", "x2", "y1", "y2"], zs = { key: 1 }, Is = ["x1", "x2", "y1", "y2", "stroke"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Os = ["x1", "x2", "y1", "y2", "stroke"], Ns = { key: 3 }, Fs = ["d", "stroke"], Vs = { key: 4 }, Bs = ["d", "stroke"], Rs = ["id"], Hs = ["stop-color"], Ds = ["stop-color"], Ws = ["stop-color"], Es = ["id"], Ys = ["stop-color"], Xs = ["stop-color"], Gs = ["stop-color"], qs = ["id"], Us = ["stop-color"], Zs = ["stop-color"], Ks = ["id"], Js = ["stop-color"], Qs = ["stop-color"], js = ["id"], en = ["stop-color"], tn = ["stop-color"], ln = { key: 0 }, an = ["id"], on = ["stop-color", "offset"], un = ["x", "y", "height", "width", "fill"], sn = ["x", "y", "width"], nn = { key: 0 }, rn = ["x", "y", "height", "width", "fill"], cn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], dn = ["width", "x", "y"], hn = ["stroke", "x1", "x2", "y1", "y2"], fn = { key: 3 }, mn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gn = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], bn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pn = ["fill", "font-size", "transform"], yn = ["x1", "x2", "y1", "y2", "stroke"], xn = ["x", "y", "font-size", "fill"], kn = ["x1", "x2", "y1", "y2", "stroke"], _n = ["x", "y", "font-size", "fill"], wn = ["width", "x", "y"], Sn = { style: { width: "100%" } }, $n = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ln = ["d", "stroke", "stroke-width", "stroke-dasharray"], Mn = { key: 6 }, An = { key: 7 }, Cn = ["d", "fill", "fill-opacity"], Tn = { key: 0 }, zn = ["d", "fill"], In = ["d", "fill"], Pn = ["d", "fill"], On = ["d", "fill"], Nn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Vn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Rn = ["width", "x", "y"], Hn = { style: { width: "100%" } }, Dn = { key: 8 }, Wn = ["x", "y", "font-size", "fill"], En = ["x", "y", "font-size", "fill", "font-weight"], Yn = { key: 9 }, Xn = ["x", "y", "font-size", "fill"], Gn = { key: 10 }, qn = ["x", "y"], Un = ["innerHTML"], Zn = ["x", "y"], Kn = ["innerHTML"], Jn = ["x1", "x2", "y1", "y2", "stroke"], Qn = { key: 11 }, jn = ["x", "y", "font-size", "fill"], ei = { key: 12 }, ti = ["x", "y"], li = ["innerHTML"], ai = ["x", "y"], oi = ["innerHTML"], ui = ["x1", "x2", "y1", "y2", "stroke"], si = ["x", "y", "font-size", "fill", "innerHTML"], ni = ["x", "y", "font-size", "fill", "innerHTML"], ii = ["x", "y", "font-size", "fill", "innerHTML"], ri = ["x", "y", "font-size", "fill", "innerHTML"], ci = { key: 0 }, vi = ["id"], di = ["fill", "stroke"], hi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], fi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], mi = ["x", "y", "font-size", "fill", "stroke"], gi = ["id"], bi = ["stop-color"], pi = ["stop-color"], yi = ["x", "y", "width", "height", "fill", "onMouseenter"], xi = ["font-size", "fill", "transform"], ki = ["x", "y", "font-size", "fill"], _i = ["text-anchor", "font-size", "fill", "transform", "onClick"], wi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Si = { key: 15 }, $i = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Li = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mi = ["y", "x", "width", "height", "fill"], Ai = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ci = {
   key: 16,
   style: { "pointer-events": "none" }
 }, Ti = ["x", "y"], zi = ["innerHTML"], Ii = ["cx", "cy", "r", "fill"], Pi = ["data-start", "data-end"], Oi = {
@@ -67,10 +67,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
   height: "1em",
   width: "1em",
   "aria-hidden": "true"
-}, ar = {
+}, lr = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, lr = ["innerHTML"], or = {
+}, ar = ["innerHTML"], or = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -91,9 +91,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend", "zoomStart", "zoomEnd", "zoomReset", "copyAlt"],
-  setup(ca, { expose: yo, emit: xo }) {
-    const T = ca, ko = Re(() => import("./DataTable-DT2kIdQ6.js")), _o = Re(() => import("./Tooltip-Bf-kM3_A.js")), wo = Re(() => import("./UserOptions-DWHf8jyO.js")), Ba = Re(() => import("./BaseIcon-Cb3zzG6s.js")), So = Re(() => import("./vue-ui-table-sparkline-DdtbqaUL.js")), $o = Re(() => import("./PackageVersion-IIGK_e2C.js")), Lo = Re(() => import("./PenAndPaper-DARlvvKW.js")), Mo = Re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), We = xo, Ra = Nu(), Ao = Fu(), { vue_ui_xy: ht } = us(), { isThemeValid: Co, warnInvalidTheme: To } = cs(), $e = g(null), ft = g(null), Te = g(null), et = g(null), mt = g(null), gt = g(null), zo = g(null), va = g(null), da = g(null), Ft = g(null), ha = g(null), fa = g(null), Ne = g(null), ma = g(null), Io = g(0), C = g(null), Ha = g(!0), de = g(600), ee = g(1e3), Vt = g("0 0 1000 600"), Po = g({ x: 0, y: 0 }), bt = g({ line: "line", bar: "bar", plot: "plot" }), tt = g(!1), Ee = g(!1), Da = g(!1), Ye = g(null), G = g([]), z = g(Pa()), Wa = g(0), Ea = g(0), Ya = g(0), pt = g(!0), ga = g(0), P = g(null), Xa = g(!1), ba = g(!0), Bt = g(!0), le = g(null), Oe = g({}), Rt = g(null), Ga = g(!1), at = g(null), Ht = g(!1), Dt = g(!1), _ = g(null), lt = g(null), qa = g({ x: 0, y: 0 }), Ua = Vu(null), Za = g(!1), Ka = g(0), Ja = g(0), Qa = vs({
-      elementRef: Ua,
+  setup(cl, { expose: yo, emit: xo }) {
+    const T = cl, ko = Re(() => import("./DataTable-DT2kIdQ6.js")), _o = Re(() => import("./Tooltip-Bf-kM3_A.js")), wo = Re(() => import("./UserOptions-rW2fRf3V.js")), Bl = Re(() => import("./BaseIcon-Cb3zzG6s.js")), So = Re(() => import("./vue-ui-table-sparkline-CXK1dFr-.js")), $o = Re(() => import("./PackageVersion-DPO-OOVI.js")), Lo = Re(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mo = Re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), We = xo, Rl = Nu(), Ao = Fu(), { vue_ui_xy: ft } = us(), { isThemeValid: Co, warnInvalidTheme: To } = cs(), $e = g(null), mt = g(null), Te = g(null), et = g(null), gt = g(null), bt = g(null), zo = g(null), vl = g(null), dl = g(null), Ft = g(null), hl = g(null), fl = g(null), Ne = g(null), ml = g(null), Io = g(0), C = g(null), Hl = g(!0), de = g(600), ee = g(1e3), Vt = g("0 0 1000 600"), Po = g({ x: 0, y: 0 }), pt = g({ line: "line", bar: "bar", plot: "plot" }), tt = g(!1), Ee = g(!1), Dl = g(!1), Ye = g(null), G = g([]), z = g(Pl()), Wl = g(0), El = g(0), Yl = g(0), yt = g(!0), gl = g(0), P = g(null), Xl = g(!1), bl = g(!0), Bt = g(!0), ae = g(null), Oe = g({}), Rt = g(null), Gl = g(!1), lt = g(null), Ht = g(!1), Dt = g(!1), _ = g(null), at = g(null), ql = g({ x: 0, y: 0 }), Ul = Vu(null), Zl = g(!1), Kl = g(0), Jl = g(0), Ql = vs({
+      elementRef: Ul,
       minimumWidth: 2,
       minimumHeight: 2,
       stableFramesRequired: 2,
@@ -102,110 +102,110 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         ot();
       }
     });
-    function yt() {
-      Ua.value = $e.value?.parentNode ?? null;
+    function xt() {
+      Ul.value = $e.value?.parentNode ?? null;
     }
-    function ja() {
-      return new Promise((a) => {
+    function jl() {
+      return new Promise((l) => {
         requestAnimationFrame(() => {
-          requestAnimationFrame(a);
+          requestAnimationFrame(l);
         });
       });
     }
     async function ot() {
-      const a = ++Ja.value;
-      Za.value = !1, await Pt(), await ja(), await ja(), a === Ja.value && (Ka.value += 1, Za.value = !0);
+      const l = ++Jl.value;
+      Zl.value = !1, await Pt(), await jl(), await jl(), l === Jl.value && (Kl.value += 1, Zl.value = !0);
     }
     const Oo = b(() => ({
       height: de.value,
       width: ee.value
     }));
-    function el(a) {
-      return Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0;
+    function ea(l) {
+      return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
     }
-    function pa(a, o, e = 0) {
-      return Number.isFinite(a) && Number.isFinite(o) && Math.abs(o) > 1e-9 ? a / o : e;
+    function pl(l, o, e = 0) {
+      return Number.isFinite(l) && Number.isFinite(o) && Math.abs(o) > 1e-9 ? l / o : e;
     }
-    const tl = g(!1), x = g({
+    const ta = g(!1), x = g({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
     }), Le = g({ plot: 3, line: 3 });
     It(() => {
-      Ga.value = !0, T.dataset.length && T.dataset.forEach((a, o) => {
-        [null, void 0].includes(a.series) && Oa({
+      Gl.value = !0, T.dataset.length && T.dataset.forEach((l, o) => {
+        [null, void 0].includes(l.series) && Ol({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "series (number[])",
           index: o,
-          debug: xt.value
+          debug: kt.value
         });
-      }), yt(), Qa.start(), ot();
+      }), xt(), Ql.start(), ot();
     });
-    function ya() {
+    function yl() {
       if (!Object.keys(T.config || {}).length)
-        return ht;
-      const a = Nt({
+        return ft;
+      const l = Nt({
         userConfig: T.config,
-        defaultConfig: ht
+        defaultConfig: ft
       });
-      T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? a.chart.highlightArea = T.config.chart.highlightArea : a.chart.highlightArea = [T.config.chart.highlightArea]), T.config && Ot(T.config, "chart.annotations") && Array.isArray(T.config.chart.annotations) && T.config.chart.annotations.length ? a.chart.annotations = T.config.chart.annotations.map((l) => Nt({
-        defaultConfig: ht.chart.annotations[0],
-        userConfig: l
-      })) : a.chart.annotations = [], T.config && Ot(T.config, "chart.grid.position") && T.config.chart.grid.position === "start" && T.dataset.length && T.dataset.some((l) => l.type === "bar") && (a.chart.grid.position = "middle", Ot(T.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? a.chart.highlightArea = T.config.chart.highlightArea.map((l) => al({
-        defaultConfig: ht.chart.highlightArea,
-        userConfig: l
-      })) : a.chart.highlightArea = al({
-        defaultConfig: ht.chart.highlightArea,
+      T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea : l.chart.highlightArea = [T.config.chart.highlightArea]), T.config && Ot(T.config, "chart.annotations") && Array.isArray(T.config.chart.annotations) && T.config.chart.annotations.length ? l.chart.annotations = T.config.chart.annotations.map((a) => Nt({
+        defaultConfig: ft.chart.annotations[0],
+        userConfig: a
+      })) : l.chart.annotations = [], T.config && Ot(T.config, "chart.grid.position") && T.config.chart.grid.position === "start" && T.dataset.length && T.dataset.some((a) => a.type === "bar") && (l.chart.grid.position = "middle", Ot(T.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea.map((a) => la({
+        defaultConfig: ft.chart.highlightArea,
+        userConfig: a
+      })) : l.chart.highlightArea = la({
+        defaultConfig: ft.chart.highlightArea,
         userConfig: T.config.chart.highlightArea
       }));
-      const o = a.theme;
-      if (!o) return a;
-      if (!Co.value(a))
-        return To(a), a;
+      const o = l.theme;
+      if (!o) return l;
+      if (!Co.value(l))
+        return To(l), l;
       const e = Nt({
         userConfig: ms[o] || T.config,
-        defaultConfig: a
+        defaultConfig: l
       }), s = Nt({
         userConfig: T.config,
         defaultConfig: e
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : es[o] || Fa
+        customPalette: s.customPalette.length ? s.customPalette : es[o] || Fl
       };
     }
-    function al({ defaultConfig: a, userConfig: o }) {
+    function la({ defaultConfig: l, userConfig: o }) {
       return Nt({
-        defaultConfig: a,
+        defaultConfig: l,
         userConfig: o
       });
     }
-    const xa = b({
+    const xl = b({
       get() {
         return !!T.dataset && T.dataset.length;
       },
-      set(a) {
-        return a;
+      set(l) {
+        return l;
       }
-    }), t = g(ya()), Xe = b(() => t.value.chart.userOptions.useCursorPointer), f = g({
+    }), t = g(yl()), Xe = b(() => t.value.chart.userOptions.useCursorPointer), f = g({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
       isStacked: !1,
       useIndividualScale: !1
     });
-    function ka() {
-      tl.value ? (f.value.showTooltip = t.value.chart.tooltip.show === !0, f.value.showTable = t.value.showTable === !0, f.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
+    function kl() {
+      ta.value ? (f.value.showTooltip = t.value.chart.tooltip.show === !0, f.value.showTable = t.value.showTable === !0, f.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
         dataLabels: { show: !0 },
         showTooltip: t.value.chart.tooltip.show === !0,
         showTable: t.value.showTable === !0,
         isStacked: t.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: t.value.chart.grid.labels.yAxis.useIndividualScale
-      }, tl.value = !0);
+      }, ta.value = !0);
     }
-    const xt = b(() => !!t.value.debug), No = b(() => oo({
+    const kt = b(() => !!t.value.debug), No = b(() => oo({
       defaultConfig: {
         useCssAnimation: !1,
         showTable: !1,
@@ -278,7 +278,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     ]), { loading: ne, FINAL_DATASET: pe, manualLoading: Wt } = ns({
       ...Bu(T),
       FINAL_CONFIG: t,
-      prepareConfig: ya,
+      prepareConfig: yl,
       callback: () => {
         Promise.resolve().then(async () => {
           await Jt(), f.value.showTable = t.value.showTable;
@@ -290,37 +290,37 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         userConfig: No.value
       })
     });
-    function Vo(a) {
+    function Vo(l) {
       const o = /* @__PURE__ */ new WeakMap();
       return (e, ...s) => {
-        let l = o.get(e);
+        let a = o.get(e);
         const n = JSON.stringify(s);
-        if (l && l.has(n)) return l.get(n);
-        const u = a(e, ...s);
-        return l || (l = /* @__PURE__ */ new Map(), o.set(e, l)), l.set(n, u), u;
+        if (a && a.has(n)) return a.get(n);
+        const u = l(e, ...s);
+        return a || (a = /* @__PURE__ */ new Map(), o.set(e, a)), a.set(n, u), u;
       };
     }
-    const Bo = Vo((a, o) => Va({ data: a, threshold: o })), Fe = (a) => Bo(a, t.value.downsample.threshold), ze = b({
-      get: () => Math.max(...pe.value.map((a) => Fe(a.series).length)),
-      set: (a) => a
-    }), m = g({ start: 0, end: ze.value }), Me = g({ start: 0, end: ze.value }), ll = b(() => t.value.chart.zoom.preview.enable && (Me.value.start !== m.value.start || Me.value.end !== m.value.end));
-    function ol(a, o) {
-      Me.value[a] = o;
+    const Bo = Vo((l, o) => Vl({ data: l, threshold: o })), Fe = (l) => Bo(l, t.value.downsample.threshold), ze = b({
+      get: () => Math.max(...pe.value.map((l) => Fe(l.series).length)),
+      set: (l) => l
+    }), m = g({ start: 0, end: ze.value }), Me = g({ start: 0, end: ze.value }), aa = b(() => t.value.chart.zoom.preview.enable && (Me.value.start !== m.value.start || Me.value.end !== m.value.end));
+    function oa(l, o) {
+      Me.value[l] = o;
     }
     function ut() {
-      const a = Math.max(
+      const l = Math.max(
         1,
         ...pe.value.map((s) => Fe(s.series).length)
       );
-      let o = Math.max(0, Math.min(m.value.start ?? 0, a - 1)), e = Math.max(o + 1, Math.min(m.value.end ?? a, a));
-      (!Number.isFinite(o) || !Number.isFinite(e) || e <= o) && (o = 0, e = a), m.value = { start: o, end: e }, Me.value.start = o, Me.value.end = e, Te.value && (Te.value.setStartValue(o), Te.value.setEndValue(e));
+      let o = Math.max(0, Math.min(m.value.start ?? 0, l - 1)), e = Math.max(o + 1, Math.min(m.value.end ?? l, l));
+      (!Number.isFinite(o) || !Number.isFinite(e) || e <= o) && (o = 0, e = l), m.value = { start: o, end: e }, Me.value.start = o, Me.value.end = e, Te.value && (Te.value.setStartValue(o), Te.value.setEndValue(e));
     }
     const Ro = b(() => {
-      const { left: a, top: o, width: e, height: s } = c.value, l = m.value.start, u = m.value.end - l, L = e / u, M = Me.value.start - l, I = Me.value.end - l, V = Math.max(0, Math.min(u, M)), D = Math.max(0, Math.min(u, I));
+      const { left: l, top: o, width: e, height: s } = c.value, a = m.value.start, u = m.value.end - a, S = e / u, M = Me.value.start - a, I = Me.value.end - a, V = Math.max(0, Math.min(u, M)), D = Math.max(0, Math.min(u, I));
       return {
-        x: a + V * L,
+        x: l + V * S,
         y: o,
-        width: (D - V) * L,
+        width: (D - V) * S,
         height: s,
         fill: t.value.chart.zoom.preview.fill,
         stroke: t.value.chart.zoom.preview.stroke,
@@ -335,174 +335,174 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }
       };
     });
-    ct(() => T.selectedXIndex, (a) => {
+    vt(() => T.selectedXIndex, (l) => {
       if ([null, void 0].includes(T.selectedXIndex)) {
         _.value = null;
         return;
       }
-      const o = a - m.value.start;
-      o < 0 || a >= m.value.end ? _.value = null : _.value = o ?? null;
+      const o = l - m.value.start;
+      o < 0 || l >= m.value.end ? _.value = null : _.value = o ?? null;
     }, { immediate: !0 });
-    const { isPrinting: Et, isImaging: _a, generatePdf: ul, generateImage: sl } = ss({
+    const { isPrinting: Et, isImaging: _l, generatePdf: ua, generateImage: sa } = ss({
       elementId: `vue-ui-xy_${z.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
     }), Ho = g(!1), Yt = b(() => Eu(t.value.customPalette)), st = b(() => {
-      const a = t.value.chart.grid.labels.yAxis.scaleMin;
-      if (a == null) return null;
-      const o = Number(a);
+      const l = t.value.chart.grid.labels.yAxis.scaleMin;
+      if (l == null) return null;
+      const o = Number(l);
       return Number.isFinite(o) ? o : null;
-    }), Do = b(() => st.value !== null ? c.value.bottom : he.value), kt = b(() => {
-      const a = t.value.chart.grid.labels.yAxis.scaleMax;
-      if (a == null) return null;
-      const o = Number(a);
+    }), Do = b(() => st.value !== null ? c.value.bottom : he.value), _t = b(() => {
+      const l = t.value.chart.grid.labels.yAxis.scaleMax;
+      if (l == null) return null;
+      const o = Number(l);
       return Number.isFinite(o) ? o : null;
-    }), nl = b(() => st.value !== null || kt.value !== null), il = b(() => {
-      const a = Ve.value.filter((o) => !G.value.includes(o.id)).flatMap((o) => Array.isArray(o.series) ? o.series : []).filter(Number.isFinite);
-      return a.length ? {
-        min: Math.min(...a),
-        max: Math.max(...a)
+    }), na = b(() => st.value !== null || _t.value !== null), ia = b(() => {
+      const l = Ve.value.filter((o) => !G.value.includes(o.id)).flatMap((o) => Array.isArray(o.series) ? o.series : []).filter(Number.isFinite);
+      return l.length ? {
+        min: Math.min(...l),
+        max: Math.max(...l)
       } : { min: 0, max: 1 };
     });
-    function rl(a, o) {
-      let e = Number.isFinite(a) ? a : 0, s = Number.isFinite(o) ? o : 1;
+    function ra(l, o) {
+      let e = Number.isFinite(l) ? l : 0, s = Number.isFinite(o) ? o : 1;
       return e === s ? s = e + 1 : e > s && ([e, s] = [s, e]), { min: e, max: s };
     }
     const Xt = b(() => {
-      const { min: a, max: o } = il.value;
-      if (!nl.value) {
-        const u = a;
+      const { min: l, max: o } = ia.value;
+      if (!na.value) {
+        const u = l;
         return u > 0 ? 0 : u;
       }
-      const e = st.value !== null ? st.value : a > 0 ? 0 : a, s = kt.value !== null ? kt.value : o, l = a < e ? a : e, n = o > s ? o : s;
-      return rl(l, n).min;
+      const e = st.value !== null ? st.value : l > 0 ? 0 : l, s = _t.value !== null ? _t.value : o, a = l < e ? l : e, n = o > s ? o : s;
+      return ra(a, n).min;
     }), Gt = b(() => {
-      const { min: a, max: o } = il.value;
-      if (!nl.value) {
+      const { min: l, max: o } = ia.value;
+      if (!na.value) {
         const u = o;
         return Xt.value === u ? u + 1 : u;
       }
-      const e = st.value !== null ? st.value : a > 0 ? 0 : a, s = kt.value !== null ? kt.value : o, l = a < e ? a : e, n = o > s ? o : s;
-      return rl(l, n).max;
-    }), Ae = b(() => t.value.chart.grid.labels.yAxis.useNiceScale ? uo(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : so(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), _t = b(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Ve = b(() => Ha.value ? pe.value.map((a, o) => {
-      const e = Fe(a.series), s = `uniqueId_${o}`;
+      const e = st.value !== null ? st.value : l > 0 ? 0 : l, s = _t.value !== null ? _t.value : o, a = l < e ? l : e, n = o > s ? o : s;
+      return ra(a, n).max;
+    }), Ae = b(() => t.value.chart.grid.labels.yAxis.useNiceScale ? uo(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : so(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), wt = b(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Ve = b(() => Hl.value ? pe.value.map((l, o) => {
+      const e = Fe(l.series), s = `uniqueId_${o}`;
       return {
-        ...a,
+        ...l,
         slotAbsoluteIndex: o,
-        series: e.map((l) => na(l) ? l : null).slice(m.value.start, m.value.end),
-        color: Na(a.color ? a.color : Yt.value[o] ? Yt.value[o] : Fa[o]),
+        series: e.map((a) => nl(a) ? a : null).slice(m.value.start, m.value.end),
+        color: Nl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Fl[o]),
         id: s,
-        scaleLabel: a.scaleLabel || s
+        scaleLabel: l.scaleLabel || s
       };
-    }) : pe.value), ie = b(() => Ve.value.map((a, o) => ({
+    }) : pe.value), ie = b(() => Ve.value.map((l, o) => ({
       absoluteIndex: o,
-      ...a,
-      series: a.series.map((e) => e + _t.value),
-      absoluteValues: a.series,
-      segregate: () => Mt(a),
-      isSegregated: G.value.includes(a.id)
-    }))), ye = b(() => Ve.value.map((a, o) => ({
-      ...a,
-      series: a.series.map((e) => e + _t.value),
-      absoluteValues: a.series
-    })).filter((a) => !G.value.includes(a.id))), Wo = b(() => G.value.length === ie.value.length);
+      ...l,
+      series: l.series.map((e) => e + wt.value),
+      absoluteValues: l.series,
+      segregate: () => Mt(l),
+      isSegregated: G.value.includes(l.id)
+    }))), ye = b(() => Ve.value.map((l, o) => ({
+      ...l,
+      series: l.series.map((e) => e + wt.value),
+      absoluteValues: l.series
+    })).filter((l) => !G.value.includes(l.id))), Wo = b(() => G.value.length === ie.value.length);
     function Eo() {
-      let a = 0;
-      ha.value && (a = Array.from(ha.value.querySelectorAll("text")).reduce((l, n) => {
+      let l = 0;
+      hl.value && (l = Array.from(hl.value.querySelectorAll("text")).reduce((a, n) => {
         const u = n.getComputedTextLength();
-        return (u > l ? u : l) + t.value.chart.grid.labels.yAxis.scaleValueOffsetX;
+        return (u > a ? u : a) + t.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
-      const o = da.value ? da.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + x.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
-      return a + o + e;
-    }
-    const wt = g(0), nt = g(0);
-    function cl() {
-      const a = Ft.value;
-      if (!a) {
-        wt.value = 0, nt.value = 0;
+      const o = dl.value ? dl.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + x.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
+      return l + o + e;
+    }
+    const St = g(0), nt = g(0);
+    function ca() {
+      const l = Ft.value;
+      if (!l) {
+        St.value = 0, nt.value = 0;
         return;
       }
       try {
-        const o = a.getBBox();
-        wt.value = o?.height ?? 0, nt.value = o?.x ?? 0;
+        const o = l.getBBox();
+        St.value = o?.height ?? 0, nt.value = o?.x ?? 0;
       } catch {
-        wt.value = 0, nt.value = 0;
+        St.value = 0, nt.value = 0;
       }
     }
-    const vl = b(() => {
-      let a = 0;
-      if (va.value)
+    const va = b(() => {
+      let l = 0;
+      if (vl.value)
         try {
-          a = va.value.getBBox().height || 0;
+          l = vl.value.getBBox().height || 0;
         } catch {
-          a = 0;
+          l = 0;
         }
-      return a + wt.value + x.value.xAxis;
-    }), Yo = b(() => pe.value.some((a) => a.useProgression)), c = b(() => {
-      Ka.value;
-      let a = 0;
+      return l + St.value + x.value.xAxis;
+    }), Yo = b(() => pe.value.some((l) => l.useProgression)), c = b(() => {
+      Kl.value;
+      let l = 0;
       const o = 36;
-      t.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? a = (pe.value.length - G.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + o) : f.value.useIndividualScale && f.value.isStacked ? a = t.value.chart.grid.labels.yAxis.labelWidth + o : a = Eo());
+      t.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? l = (pe.value.length - G.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + o) : f.value.useIndividualScale && f.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + o : l = Eo());
       const e = t.value.chart.labels.fontSize * 1.1, s = Yo.value ? 24 : 6;
-      Ft.value && nt.value < 0 && (a += Math.abs(nt.value));
-      const l = ee.value - a - t.value.chart.grid.labels.yAxis.crosshairSize - s - t.value.chart.padding?.left - t.value.chart.padding?.right, n = t.value.chart.grid.position === "middle" ? 0 : l / S.value / 2;
+      Ft.value && nt.value < 0 && (l += Math.abs(nt.value));
+      const a = ee.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - s - t.value.chart.padding?.left - t.value.chart.padding?.right, n = t.value.chart.grid.position === "middle" ? 0 : a / $.value / 2;
       return {
         top: t.value.chart.padding?.top + e,
         right: ee.value - s - t.value.chart.padding?.right,
-        bottom: de.value - vl.value - t.value.chart.padding?.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
-        left: a + t.value.chart.grid.labels.yAxis.crosshairSize - n + t.value.chart.padding?.left,
-        height: de.value - vl.value - t.value.chart.padding?.top - t.value.chart.padding?.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
-        width: l,
-        scaleLabelX: a,
+        bottom: de.value - va.value - t.value.chart.padding?.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
+        left: l + t.value.chart.grid.labels.yAxis.crosshairSize - n + t.value.chart.padding?.left,
+        height: de.value - va.value - t.value.chart.padding?.top - t.value.chart.padding?.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
+        width: a,
+        scaleLabelX: l,
         individualOffsetX: o
       };
     }), Xo = b(() => {
-      const a = t.value.chart.grid.position === "middle" ? 1 : 0, o = S.value + a, e = W(c.value?.top), s = W(c.value?.bottom);
-      return Array.from({ length: o }).map((l, n) => {
-        const u = c.value.width / S.value * n + c.value?.left + q.value;
+      const l = t.value.chart.grid.position === "middle" ? 1 : 0, o = $.value + l, e = W(c.value?.top), s = W(c.value?.bottom);
+      return Array.from({ length: o }).map((a, n) => {
+        const u = c.value.width / $.value * n + c.value?.left + q.value;
         return `M${u},${e} L${u},${s}`;
       }).join(" ");
     }), Go = b(() => {
       if (!t.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-      const a = c.value.width / S.value, o = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-      return Kt.value.map((s, l) => {
+      const l = c.value.width / $.value, o = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
+      return Kt.value.map((s, a) => {
         if (!s || !s.text) return null;
-        const n = c.value?.left + a * l + a / 2, u = e ? he.value - (he.value === c.value?.bottom ? 0 : o / 2) : c.value?.bottom, L = e ? he.value + o / (he.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + o;
-        return `M${n},${u} L${n},${L}`;
+        const n = c.value?.left + l * a + l / 2, u = e ? he.value - (he.value === c.value?.bottom ? 0 : o / 2) : c.value?.bottom, S = e ? he.value + o / (he.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + o;
+        return `M${n},${u} L${n},${S}`;
       }).filter(Boolean).join(" ");
     });
-    function dl() {
+    function da() {
       return !!Ao?.vnode.props?.onSelectTimeLabel;
     }
-    function qo(a, o, e) {
+    function qo(l, o, e) {
       if (!Rt.value) {
         const s = document.createElement("canvas");
         Rt.value = s.getContext("2d");
       }
-      return Rt.value.font = `normal ${a}px sans-serif`, Rt.value;
+      return Rt.value.font = `normal ${l}px sans-serif`, Rt.value;
     }
-    function hl() {
-      const a = $e.value.querySelectorAll(".vue-ui-xy-tag");
-      a.length && Array.from(a).forEach((o) => o.style.opacity = "0");
+    function ha() {
+      const l = $e.value.querySelectorAll(".vue-ui-xy-tag");
+      l.length && Array.from(l).forEach((o) => o.style.opacity = "0");
     }
-    function qt(a, o, e, s, l) {
-      e && (Oe.value[`${a}_${o}_${s}_${l}`] = e);
+    function qt(l, o, e, s, a) {
+      e && (Oe.value[`${l}_${o}_${s}_${a}`] = e);
     }
     const Ut = g(!1);
-    async function fl(a = !1) {
-      await Pt(), Ut.value = a, Xa.value && (Bt.value = a);
+    async function fa(l = !1) {
+      await Pt(), Ut.value = l, Xl.value && (Bt.value = l);
     }
-    function wa() {
+    function wl() {
       tt.value = !tt.value;
     }
     const se = g([]), Zt = g([]);
-    let ml = 0;
-    sa(() => {
-      const a = ++ml;
+    let ma = 0;
+    sl(() => {
+      const l = ++ma;
       (async () => {
         const o = Math.max(
           ...pe.value.map(
-            (s) => Va({
+            (s) => Vl({
               data: s.series,
               threshold: t.value.downsample.threshold
             }).length
@@ -514,16 +514,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           start: m.value.start,
           end: m.value.end
         });
-        a === ml && (se.value = e);
+        l === ma && (se.value = e);
       })();
     });
-    let gl = 0;
-    sa(() => {
-      const a = ++gl;
+    let ga = 0;
+    sl(() => {
+      const l = ++ga;
       (async () => {
         const o = Math.max(
           ...pe.value.map(
-            (s) => Va({
+            (s) => Vl({
               data: s.series,
               threshold: t.value.downsample.threshold
             }).length
@@ -535,29 +535,29 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           start: 0,
           end: ze.value
         });
-        a === gl && (Zt.value = e);
+        l === ga && (Zt.value = e);
       })();
     });
     const Uo = b(() => {
-      const a = t.value.chart.grid.labels.xAxisLabels.modulo;
-      return se.value.length ? Math.min(a, [...new Set(se.value.map((o) => o.text))].length) : a;
+      const l = t.value.chart.grid.labels.xAxisLabels.modulo;
+      return se.value.length ? Math.min(l, [...new Set(se.value.map((o) => o.text))].length) : l;
     }), Kt = b(() => {
-      const a = t.value.chart.grid.labels.xAxisLabels, o = se.value || [], e = Zt.value || [], s = m.value.start ?? 0, l = _.value, n = S.value, u = o.map((M) => M?.text ?? ""), L = e.map((M) => M?.text ?? "");
+      const l = t.value.chart.grid.labels.xAxisLabels, o = se.value || [], e = Zt.value || [], s = m.value.start ?? 0, a = _.value, n = $.value, u = o.map((M) => M?.text ?? ""), S = e.map((M) => M?.text ?? "");
       return Yu(
-        !!a.showOnlyFirstAndLast,
-        !!a.showOnlyAtModulo,
+        !!l.showOnlyFirstAndLast,
+        !!l.showOnlyAtModulo,
         Math.max(1, Uo.value || 1),
         u,
-        L,
+        S,
         s,
-        l,
+        a,
         n
       );
-    }), Zo = b(() => (Kt.value || []).map((a) => a?.text ?? "").join("|"));
+    }), Zo = b(() => (Kt.value || []).map((l) => l?.text ?? "").join("|"));
     It(() => {
       requestAnimationFrame(() => {
-        cl();
-      }), ct(
+        ca();
+      }), vt(
         [
           () => Zo.value,
           () => t.value.chart.grid.labels.xAxisLabels.rotation,
@@ -567,183 +567,183 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         ],
         async () => {
           await Pt(), requestAnimationFrame(() => {
-            cl();
+            ca();
           });
         },
         { flush: "post" }
       );
-    }), Ia(() => {
-      wt.value = 0, nt.value = 0, Qa.stop();
+    }), Il(() => {
+      St.value = 0, nt.value = 0, Ql.stop();
     });
-    function bl(a, o) {
+    function ba(l, o) {
       const e = ye.value.map((s) => ({
         shape: s.shape || null,
         name: s.name,
         color: s.color,
         type: s.type,
-        value: s.absoluteValues.find((l, n) => n === o),
+        value: s.absoluteValues.find((a, n) => n === o),
         comments: s.comments || [],
         prefix: s.prefix || t.value.chart.labels.prefix,
         suffix: s.suffix || t.value.chart.labels.suffix
       }));
       We("selectTimeLabel", {
         datapoint: e,
-        absoluteIndex: a.absoluteIndex,
-        label: a.text
+        absoluteIndex: l.absoluteIndex,
+        label: l.text
       });
     }
-    const S = b(() => {
-      const a = el((m.value.end ?? 0) - (m.value.start ?? 0));
-      return Math.max(1, a);
+    const $ = b(() => {
+      const l = ea((m.value.end ?? 0) - (m.value.start ?? 0));
+      return Math.max(1, l);
     });
-    function Ko(a) {
-      P.value = a;
+    function Ko(l) {
+      P.value = l;
     }
-    function pl() {
+    function pa() {
       f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
     }
-    function Sa(a) {
-      xt.value && a.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+    function Sl(l) {
+      kt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function Jo(a, o) {
-      const e = el(a), s = Array(e).fill(0);
-      for (let l = 0; l < o.length && l < e; l += 1) s[l] = o[l] ?? 0;
+    function Jo(l, o) {
+      const e = ea(l), s = Array(e).fill(0);
+      for (let a = 0; a < o.length && a < e; a += 1) s[a] = o[a] ?? 0;
       return s;
     }
-    function yl(a) {
+    function ya(l) {
       const o = Math.max(...pe.value.map((e) => Fe(e.series).length));
-      return a > o ? o : a < 0 || t.value.chart.zoom.startIndex !== null && a < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : a;
+      return l > o ? o : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
-    const St = g(!1), xl = g(!1), kl = g(0), _l = g(0);
-    function wl(a, o) {
-      const e = Number(a), s = Number(o);
+    const $t = g(!1), xa = g(!1), ka = g(0), _a = g(0);
+    function wa(l, o) {
+      const e = Number(l), s = Number(o);
       return !Number.isFinite(e) || !Number.isFinite(s) ? !1 : !Object.is(e, s);
     }
     function Jt() {
-      if (!St.value) {
-        St.value = !0;
+      if (!$t.value) {
+        $t.value = !0;
         try {
-          const { startIndex: a, endIndex: o } = t.value.chart.zoom, e = Math.max(...pe.value.map((n) => Fe(n.series).length));
-          kl.value = 0, _l.value = e;
-          const s = a ?? 0, l = o != null ? Math.min(yl(o + 1), e) : e;
-          Qt.value = !0, m.value.start = s, m.value.end = l, Me.value.start = s, Me.value.end = l, ut(), xl.value = !0;
+          const { startIndex: l, endIndex: o } = t.value.chart.zoom, e = Math.max(...pe.value.map((n) => Fe(n.series).length));
+          ka.value = 0, _a.value = e;
+          const s = l ?? 0, a = o != null ? Math.min(ya(o + 1), e) : e;
+          Qt.value = !0, m.value.start = s, m.value.end = a, Me.value.start = s, Me.value.end = a, ut(), xa.value = !0;
         } finally {
           queueMicrotask(() => {
             Qt.value = !1;
-          }), St.value = !1;
+          }), $t.value = !1;
         }
       }
     }
     const Qt = g(!1);
-    function Qo(a) {
-      if (St.value || Qt.value) return;
-      const o = Number(a);
+    function Qo(l) {
+      if ($t.value || Qt.value) return;
+      const o = Number(l);
       We("zoomStart", {
         index: o,
-        isZoom: wl(o, kl.value)
+        isZoom: wa(o, ka.value)
       }), Number.isFinite(o) && o !== m.value.start && (m.value.start = o, Me.value.start = o, ut());
     }
-    function jo(a) {
-      if (St.value || Qt.value) return;
-      const o = yl(a);
+    function jo(l) {
+      if ($t.value || Qt.value) return;
+      const o = ya(l);
       We("zoomEnd", {
         index: o,
-        isZoom: wl(o, _l.value)
+        isZoom: wa(o, _a.value)
       }), o !== m.value.end && (m.value.end = o, Me.value.end = o, ut());
     }
     async function eu() {
       await Jt(), We("zoomReset");
     }
-    function xe(a) {
-      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
+    function xe(l) {
+      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(l);
     }
-    const Sl = b(() => Ae.value.max + _t.value);
-    function Ge(a) {
-      return a / (xe(Sl.value) ? Sl.value : 1);
+    const Sa = b(() => Ae.value.max + wt.value);
+    function Ge(l) {
+      return l / (xe(Sa.value) ? Sa.value : 1);
     }
-    const he = b(() => isNaN(Ge(_t.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Ge(_t.value));
-    function $l(a) {
+    const he = b(() => isNaN(Ge(wt.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Ge(wt.value));
+    function $a(l) {
       const o = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Xt.value >= 0 ? c.value?.bottom : he.value;
-      return a.value >= 0 ? O(o - a.y <= 0 ? 1e-5 : o - a.y) : O(a.y - he.value <= 0 ? 1e-5 : a.y - he.value);
+      return l.value >= 0 ? O(o - l.y <= 0 ? 1e-5 : o - l.y) : O(l.y - he.value <= 0 ? 1e-5 : l.y - he.value);
     }
-    function Ll(a) {
-      return a.value >= 0 ? O(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : O(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
+    function La(l) {
+      return l.value >= 0 ? O(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : O(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
     }
     const J = b(() => {
-      const a = Math.max(1, S.value), o = Math.max(1, c.value.width), e = Math.max(1, Ve.value.filter((s) => s.type === "bar" && !G.value.includes(s.id)).length);
+      const l = Math.max(1, $.value), o = Math.max(1, c.value.width), e = Math.max(1, Ve.value.filter((s) => s.type === "bar" && !G.value.includes(s.id)).length);
       return {
-        bar: pa(o, a * e, 1),
-        plot: pa(o, a, 1),
-        line: pa(o, a, 1)
+        bar: pl(o, l * e, 1),
+        plot: pl(o, l, 1),
+        line: pl(o, l, 1)
       };
     });
     function Be() {
-      return f.value.useIndividualScale && f.value.isStacked ? J.value.line - c.value.width / S.value * 0.1 : J.value.bar;
+      return f.value.useIndividualScale && f.value.isStacked ? J.value.line - c.value.width / $.value * 0.1 : J.value.bar;
     }
-    function jt(a) {
-      return f.value.useIndividualScale && f.value.isStacked ? a.x + c.value.width / S.value * 0.05 : a.x + J.value.bar / 2;
+    function jt(l) {
+      return f.value.useIndividualScale && f.value.isStacked ? l.x + c.value.width / $.value * 0.05 : l.x + J.value.bar / 2;
     }
-    function Ml(a) {
-      return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(he.value) ? c?.bottom.value : he.value;
+    function Ma(l) {
+      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(he.value) ? c?.bottom.value : he.value;
     }
-    function Al(a) {
-      return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
+    function Aa(l) {
+      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
     }
-    const $t = g(null);
-    function Cl(a) {
-      const o = le.value;
+    const it = g(null);
+    function Ca(l) {
+      const o = ae.value;
       if (!o) return null;
       if (o.createSVGPoint && o.getScreenCTM) {
         const D = o.createSVGPoint();
-        D.x = a.clientX, D.y = a.clientY;
+        D.x = l.clientX, D.y = l.clientY;
         const N = o.getScreenCTM();
         if (N) {
           const p = D.matrixTransform(N.inverse());
           return { x: p.x, y: p.y, ok: !0 };
         }
       }
-      const e = o.getBoundingClientRect(), s = o.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, l = Math.min(e.width / s.width, e.height / s.height), n = s.width * l, u = s.height * l, L = (e.width - n) / 2, M = (e.height - u) / 2, I = (a.clientX - e?.left - L) / l + s.x, V = (a.clientY - e?.top - M) / l + s.y;
+      const e = o.getBoundingClientRect(), s = o.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / s.width, e.height / s.height), n = s.width * a, u = s.height * a, S = (e.width - n) / 2, M = (e.height - u) / 2, I = (l.clientX - e?.left - S) / a + s.x, V = (l.clientY - e?.top - M) / a + s.y;
       return { x: I, y: V, ok: !0 };
     }
     let qe = 0;
-    function tu(a) {
-      lt.value = null, !tt.value && (qe && cancelAnimationFrame(qe), qe = requestAnimationFrame(() => {
+    function tu(l) {
+      at.value = null, !tt.value && (qe && cancelAnimationFrame(qe), qe = requestAnimationFrame(() => {
         qe = 0;
-        const o = Cl(a);
-        if (!o || !le.value) {
+        const o = Ca(l);
+        if (!o || !ae.value) {
           Lt();
           return;
         }
-        const { left: e, right: s, top: l, bottom: n, width: u } = c.value;
-        if (o.x < e || o.x > s || o.y < l || o.y > n) {
+        const { left: e, right: s, top: a, bottom: n, width: u } = c.value;
+        if (o.x < e || o.x > s || o.y < a || o.y > n) {
           Lt();
           return;
         }
-        const L = o.x - e, M = u / S.value, I = Math.floor(L / M);
-        I >= 0 && I < S.value ? $t.value !== I && ($t.value = I, Ma(!0, I)) : Lt();
+        const S = o.x - e, M = u / $.value, I = Math.floor(S / M);
+        I >= 0 && I < $.value ? it.value !== I && (it.value = I, Ml(!0, I)) : Lt();
       }));
     }
     function Lt() {
-      qe && (cancelAnimationFrame(qe), qe = 0), $t.value = null, Ma(!1, null);
-    }
-    function Tl(a) {
-      const o = Cl(a);
-      if (o && le.value) {
-        const { left: e, right: s, top: l, bottom: n, width: u } = c.value;
-        if (o.x >= e && o.x <= s && o.y >= l && o.y <= n) {
-          const L = u / Math.max(1, S.value), M = Math.floor((o.x - e) / L);
-          if (M >= 0 && M < S.value) {
-            zl(M);
+      qe && (cancelAnimationFrame(qe), qe = 0), it.value = null, Ml(!1, null);
+    }
+    function Ta(l) {
+      const o = Ca(l);
+      if (o && ae.value) {
+        const { left: e, right: s, top: a, bottom: n, width: u } = c.value;
+        if (o.x >= e && o.x <= s && o.y >= a && o.y <= n) {
+          const S = u / Math.max(1, $.value), M = Math.floor((o.x - e) / S);
+          if (M >= 0 && M < $.value) {
+            za(M);
             return;
           }
         }
       }
-      $t.value != null && zl($t.value);
+      it.value != null && za(it.value);
     }
-    function zl(a) {
+    function za(l) {
       const o = ye.value.map((e) => ({
         name: e.name,
-        value: [null, void 0, NaN].includes(e.absoluteValues[a]) ? null : e.absoluteValues[a],
+        value: [null, void 0, NaN].includes(e.absoluteValues[l]) ? null : e.absoluteValues[l],
         color: e.color,
         type: e.type
       }));
@@ -751,24 +751,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         "selectX",
         {
           dataset: o,
-          index: a,
-          indexLabel: t.value.chart.grid.labels.xAxisLabels.values[a]
+          index: l,
+          indexLabel: t.value.chart.grid.labels.xAxisLabels.values[l]
         }
-      ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: o, seriesIndex: a + m.value.start });
-    }
-    function au() {
-      return ie.value.map((a) => ({
-        values: a.absoluteValues,
-        color: a.color,
-        name: a.name,
-        type: a.type
+      ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: o, seriesIndex: l + m.value.start });
+    }
+    function lu() {
+      return ie.value.map((l) => ({
+        values: l.absoluteValues,
+        color: l.color,
+        name: l.name,
+        type: l.type
       }));
     }
-    async function lu({ scale: a = 2 } = {}) {
+    async function au({ scale: l = 2 } = {}) {
       if (!$e.value) return;
-      const { width: o, height: e } = $e.value.getBoundingClientRect(), s = o / e, { imageUri: l, base64: n } = await hs({ domElement: $e.value, base64: !0, img: !0, scale: a });
+      const { width: o, height: e } = $e.value.getBoundingClientRect(), s = o / e, { imageUri: a, base64: n } = await hs({ domElement: $e.value, base64: !0, img: !0, scale: l });
       return {
-        imageUri: l,
+        imageUri: a,
         base64: n,
         title: t.value.chart.title.text,
         width: o,
@@ -777,46 +777,46 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       };
     }
     function ou() {
-      G.value.length ? G.value = [] : ie.value.forEach((a) => {
-        G.value.push(a.id);
+      G.value.length ? G.value = [] : ie.value.forEach((l) => {
+        G.value.push(l.id);
       });
     }
-    function uu(a, o) {
-      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), Mt(o));
+    function uu(l, o) {
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), Mt(o));
     }
-    function Mt(a) {
-      if (G.value.includes(a.id))
-        G.value = G.value.filter((o) => o !== a.id);
+    function Mt(l) {
+      if (G.value.includes(l.id))
+        G.value = G.value.filter((o) => o !== l.id);
       else {
         if (G.value.length + 1 === Ve.value.length) return;
-        G.value.push(a.id);
+        G.value.push(l.id);
       }
       We("selectLegend", ye.value.map((o) => ({
         name: o.name,
         values: o.absoluteValues,
         color: o.color,
         type: o.type
-      }))), ga.value += 1;
+      }))), gl.value += 1;
     }
-    function Il(a) {
+    function Ia(l) {
       if (!ie.value.length)
         return t.value.debug && console.warn("VueUiXy - There are no series to show."), null;
-      const o = ie.value.find((e) => e.name === a);
-      return o || (t.value.debug && console.warn(`VueUiXy - Series name not found "${a}"`), null);
+      const o = ie.value.find((e) => e.name === l);
+      return o || (t.value.debug && console.warn(`VueUiXy - Series name not found "${l}"`), null);
     }
-    function su(a) {
-      const o = Il(a);
+    function su(l) {
+      const o = Ia(l);
       o !== null && G.value.includes(o.id) && Mt({ id: o.id });
     }
-    function nu(a) {
-      const o = Il(a);
+    function nu(l) {
+      const o = Ia(l);
       o !== null && (G.value.includes(o.id) || Mt({ id: o.id }));
     }
     const iu = b(() => {
-      const a = t.value.chart.title.text || "Chart visualization", o = t.value.chart.title.subtitle.text || "";
-      return `${a}. ${o}`;
-    }), Pl = b(() => ({
-      linePlot: S.value > t.value.line.dot.hideAboveMaxSerieLength
+      const l = t.value.chart.title.text || "Chart visualization", o = t.value.chart.title.subtitle.text || "";
+      return `${l}. ${o}`;
+    }), Pa = b(() => ({
+      linePlot: $.value > t.value.line.dot.hideAboveMaxSerieLength
     })), ru = b(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), cu = b(() => {
       if (Array.isArray(t.value.chart.highlightArea))
         return t.value.chart.highlightArea.map((o) => {
@@ -826,23 +826,23 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             span: o.from === e ? 1 : e < o.from ? 0 : e - o.from + 1
           };
         });
-      const a = {
+      const l = {
         ...t.value.chart.highlightArea,
         to: Math.min(t.value.chart.highlightArea.to, ze.value - 1)
       };
-      return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
-    }), Ol = b(() => Ha.value ? pe.value.map((a, o) => ({
-      ...a,
-      series: Fe(a.series),
+      return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
+    }), Oa = b(() => Hl.value ? pe.value.map((l, o) => ({
+      ...l,
+      series: Fe(l.series),
       id: `uniqueId_${o}`,
-      color: Na(a.color ? a.color : Yt.value[o] ? Yt.value[o] : Fa[o])
-    })) : pe.value), vu = b(() => ye.value.map((a) => {
-      const o = a.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
+      color: Nl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Fl[o])
+    })) : pe.value), vu = b(() => ye.value.map((l) => {
+      const o = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
-        id: a.id,
-        name: a.name,
-        color: a.color,
-        values: Jo(S.value, o)
+        id: l.id,
+        name: l.name,
+        color: l.color,
+        values: Jo($.value, o)
       };
     })), du = b(() => ({
       responsiveBreakpoint: t.value.table.responsiveBreakpoint,
@@ -853,7 +853,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       fontFamily: t.value.chart.fontFamily,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix,
-      colNames: se.value.map((a, o) => t.value.table.useDefaultTimeFormat ? a.text : it.value(o + m.value.start, t.value.table.timeFormat)),
+      colNames: se.value.map((l, o) => t.value.table.useDefaultTimeFormat ? l.text : rt.value(o + m.value.start, t.value.table.timeFormat)),
       thead: {
         backgroundColor: t.value.table.th.backgroundColor,
         color: t.value.table.th.color,
@@ -870,64 +870,64 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       sparkline: {
         animation: { show: !1 }
       }
-    })), q = b(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value / 2), Ue = b(() => Xu(ie.value.filter((a) => !G.value.includes(a.id))));
-    function hu(a, o) {
+    })), q = b(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), Ue = b(() => Xu(ie.value.filter((l) => !G.value.includes(l.id))));
+    function hu(l, o) {
       const e = /* @__PURE__ */ Object.create(null);
-      for (let s = 0; s < a.length; s += 1) {
-        const l = a[s], n = String(o(l));
-        e[n] || (e[n] = []), e[n].push(l);
+      for (let s = 0; s < l.length; s += 1) {
+        const a = l[s], n = String(o(a));
+        e[n] || (e[n] = []), e[n].push(a);
       }
       return e;
     }
-    const $ = b(() => {
-      const a = hu(Ue.value, (e) => e.scaleLabel), o = {};
-      for (const [e, s] of Object.entries(a)) {
-        const l = s.flatMap((n) => n.absoluteValues);
+    const L = b(() => {
+      const l = hu(Ue.value, (e) => e.scaleLabel), o = {};
+      for (const [e, s] of Object.entries(l)) {
+        const a = s.flatMap((n) => n.absoluteValues);
         o[e] = {
-          min: Math.min(...l) || 0,
-          max: Math.max(...l) || 1,
-          groupId: `scale_group_${Pa()}`
+          min: Math.min(...a) || 0,
+          max: Math.max(...a) || 1,
+          groupId: `scale_group_${Pl()}`
         };
       }
       return o;
     }), fu = b(() => {
-      const a = Ve.value.filter((o) => o.type === "bar").filter((o) => !G.value.includes(o.id)).length;
-      return c.value.width / S.value / a - ea.value * a;
-    }), ea = b(() => J.value.line * t.value.bar.periodGap), ta = b(() => Math.max(1e-5, Be() - (f.value.useIndividualScale && f.value.isStacked ? 0 : ea.value))), aa = b(() => ta.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), mu = b(() => {
+      const l = Ve.value.filter((o) => o.type === "bar").filter((o) => !G.value.includes(o.id)).length;
+      return c.value.width / $.value / l - el.value * l;
+    }), el = b(() => J.value.line * t.value.bar.periodGap), tl = b(() => Math.max(1e-5, Be() - (f.value.useIndividualScale && f.value.isStacked ? 0 : el.value))), ll = b(() => tl.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), mu = b(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
-      const a = Ol.value.filter((l) => !G.value.includes(l.id)), o = Math.max(...a.map((l) => l.series.length)), e = [];
-      for (let l = 0; l < o; l += 1)
-        e.push(a.map((n) => n.series[l] || 0).reduce((n, u) => (n || 0) + (u || 0), 0));
+      const l = Oa.value.filter((a) => !G.value.includes(a.id)), o = Math.max(...l.map((a) => a.series.length)), e = [];
+      for (let a = 0; a < o; a += 1)
+        e.push(l.map((n) => n.series[a] || 0).reduce((n, u) => (n || 0) + (u || 0), 0));
       const s = Math.min(...e);
-      return e.map((l) => l + (s < 0 ? Math.abs(s) : 0));
-    }), gu = b(() => t.value.chart.zoom.minimap.show ? Ol.value.map((o) => ({
+      return e.map((a) => a + (s < 0 ? Math.abs(s) : 0));
+    }), gu = b(() => t.value.chart.zoom.minimap.show ? Oa.value.map((o) => ({
       ...o,
       isVisible: !G.value.includes(o.id)
-    })) : []), Ze = b(() => ye.value.map((a) => ({
-      slotAbsoluteIndex: a.slotAbsoluteIndex,
-      shape: a.shape || null,
-      name: a.name,
-      color: a.color,
-      type: a.type,
-      value: a.absoluteValues.find((o, e) => e === _.value),
-      comments: a.comments || [],
-      prefix: a.prefix || t.value.chart.labels.prefix,
-      suffix: a.suffix || t.value.chart.labels.suffix
-    }))), Nl = b(() => Ae.value.ticks.map((a) => ({
-      y: a >= 0 ? he.value - c.value.height * Ge(a) : he.value + c.value.height * Ge(Math.abs(a)),
-      value: a,
+    })) : []), Ze = b(() => ye.value.map((l) => ({
+      slotAbsoluteIndex: l.slotAbsoluteIndex,
+      shape: l.shape || null,
+      name: l.name,
+      color: l.color,
+      type: l.type,
+      value: l.absoluteValues.find((o, e) => e === _.value),
+      comments: l.comments || [],
+      prefix: l.prefix || t.value.chart.labels.prefix,
+      suffix: l.suffix || t.value.chart.labels.suffix
+    }))), Na = b(() => Ae.value.ticks.map((l) => ({
+      y: l >= 0 ? he.value - c.value.height * Ge(l) : he.value + c.value.height * Ge(Math.abs(l)),
+      value: l,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix
-    }))), Fl = b(() => {
-      const a = t.value.chart.annotations;
-      if (!a || !Array.isArray(a) || a.every((V) => !V.show)) return [];
-      const o = a.filter(
+    }))), Fa = b(() => {
+      const l = t.value.chart.annotations;
+      if (!l || !Array.isArray(l) || l.every((V) => !V.show)) return [];
+      const o = l.filter(
         (V) => V.show && (V.yAxis.yTop != null || V.yAxis.yBottom != null)
       );
       if (!o.length) return [];
-      const { left: e, right: s } = c.value, l = he.value, n = c.value.height, u = Ae.value.min, M = Ae.value.max - u, I = (V) => {
+      const { left: e, right: s } = c.value, a = he.value, n = c.value.height, u = Ae.value.min, M = Ae.value.max - u, I = (V) => {
         const D = (V - 0) / M;
-        return l - D * n;
+        return a - D * n;
       };
       return o.map((V) => {
         const { yAxis: { yTop: D, yBottom: N, label: p } } = V, te = D != null && N != null && D !== N, B = D == null ? null : I(D), Q = N == null ? null : I(N), Y = qo(p.fontSize);
@@ -938,7 +938,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         const me = we - U * 0.75 - p.padding?.top;
         return {
           show: ![B, Q, me].includes(NaN),
-          id: `annotation_y_${Pa()}`,
+          id: `annotation_y_${Pl()}`,
           hasArea: te,
           areaHeight: te ? Math.abs(B - Q) : 0,
           yTop: B,
@@ -961,30 +961,30 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         };
       });
     });
-    function Vl(a, o) {
-      const e = a[o - 1], s = a[o + 1];
-      let l = !!e && !!s && e.value == null && s.value == null || !e && !!s && s.value == null || !!e && !s && e.value == null;
-      return xe(a[o].value) && l && t.value.line.cutNullValues;
+    function Va(l, o) {
+      const e = l[o - 1], s = l[o + 1];
+      let a = !!e && !!s && e.value == null && s.value == null || !e && !!s && s.value == null || !!e && !s && e.value == null;
+      return xe(l[o].value) && a && t.value.line.cutNullValues;
     }
-    function $a({
-      datapoint: a,
+    function $l({
+      datapoint: l,
       totalSeries: o,
       gap: e,
       usableHeight: s,
-      autoScaleValueMin: l,
+      autoScaleValueMin: a,
       autoScaleValueMax: n,
       individualExtremes: u,
-      forceExactScale: L = !1
+      forceExactScale: S = !1
     }) {
-      const M = a.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, V = L || !t.value.chart.grid.labels.yAxis.useNiceScale ? so : uo, D = u.max === u.min ? u.max * I : u.max, N = n === l ? n * I : n, p = V(
+      const M = l.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, V = S || !t.value.chart.grid.labels.yAxis.useNiceScale ? so : uo, D = u.max === u.min ? u.max * I : u.max, N = n === a ? n * I : n, p = V(
         u.min,
         D,
         M
       ), te = V(
-        l,
+        a,
         N,
         M
-      ), B = p.min >= 0 ? 0 : Math.abs(p.min), Q = 0, Y = p.max + Math.abs(B), H = te.max + Math.abs(Q), U = a.stackIndex, j = o - 1 - U, K = f.value.isStacked ? 1 - a.cumulatedStackRatio : 0, we = f.value.isStacked ? s * K + e * j : 0, Z = f.value.isStacked ? s * a.stackRatio : c.value.height, me = c.value?.bottom - we - Z * B / Y, E = c.value?.bottom - we - Z * Q / H;
+      ), B = p.min >= 0 ? 0 : Math.abs(p.min), Q = 0, Y = p.max + Math.abs(B), H = te.max + Math.abs(Q), U = l.stackIndex, j = o - 1 - U, K = f.value.isStacked ? 1 - l.cumulatedStackRatio : 0, we = f.value.isStacked ? s * K + e * j : 0, Z = f.value.isStacked ? s * l.stackRatio : c.value.height, me = c.value?.bottom - we - Z * B / Y, E = c.value?.bottom - we - Z * Q / H;
       return {
         scaleSteps: M,
         individualScale: p,
@@ -1000,10 +1000,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       };
     }
     const ke = b(() => {
-      const a = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = a.length, e = t.value.chart.grid.labels.yAxis.gap, l = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - l;
-      return a.filter((u) => u.type === "bar").map((u, L) => {
-        Sa(u);
-        const M = $.value[u.scaleLabel].min, I = $.value[u.scaleLabel].max;
+      const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
+      return l.filter((u) => u.type === "bar").map((u, S) => {
+        Sl(u);
+        const M = L.value[u.scaleLabel].min, I = L.value[u.scaleLabel].max;
         u.absoluteValues.filter((R) => ![null, void 0].includes(R)).map((R) => (R - M) / (I - M));
         const V = {
           valueMin: M,
@@ -1021,7 +1021,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           individualHeight: H,
           zeroPosition: U,
           autoScaleZeroPosition: j
-        } = $a({
+        } = $l({
           datapoint: u,
           totalSeries: o,
           gap: e,
@@ -1030,7 +1030,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           autoScaleValueMax: V.valueMax,
           individualExtremes: D
         }), K = ie.value.filter((R) => R.type === "bar").filter((R) => !G.value.includes(R.id)).length, we = u.series.map((R, re) => {
-          const Tt = f.value.useIndividualScale ? (u.absoluteValues[re] + te) / B : Ge(R), Ke = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / S.value * re : c.value?.left + J.value.bar * L + J.value.bar * re * K - fu.value / 2 - L * ea.value;
+          const Tt = f.value.useIndividualScale ? (u.absoluteValues[re] + te) / B : Ge(R), Ke = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left + J.value.bar * S + J.value.bar * re * K - fu.value / 2 - S * el.value;
           return {
             yOffset: O(Y),
             individualHeight: O(H),
@@ -1042,7 +1042,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             comment: u.comments && u.comments.slice(m.value.start, m.value.end)[re] || ""
           };
         }), Z = u.absoluteValues.map((R) => p.min >= 0 ? (R - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (R + Math.abs(p.min)) / (p.max + Math.abs(p.min))), me = u.series.map((R, re) => {
-          const Tt = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / S.value * re : c.value?.left - J.value.bar / 2 + J.value.bar * L + J.value.bar * re * ie.value.filter((Ke) => Ke.type === "bar").filter((Ke) => !G.value.includes(Ke.id)).length;
+          const Tt = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left - J.value.bar / 2 + J.value.bar * S + J.value.bar * re * ie.value.filter((Ke) => Ke.type === "bar").filter((Ke) => !G.value.includes(Ke.id)).length;
           return {
             yOffset: O(Y),
             individualHeight: O(H),
@@ -1059,7 +1059,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           prefix: u.prefix || t.value.chart.labels.prefix,
           suffix: u.suffix || t.value.chart.labels.suffix,
           datapoint: u
-        })), ae = p.ticks.map((R) => {
+        })), le = p.ticks.map((R) => {
           const re = (R - p.min) / (p.max - p.min);
           return {
             y: R >= 0 ? j - H * re : j + H * re,
@@ -1069,24 +1069,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             datapoint: u
           };
         });
-        return $.value[u.scaleLabel].name = u.name, $.value[u.scaleLabel].groupName = u.scaleLabel, $.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, $.value[u.scaleLabel].color = u.color, $.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ae : E, $.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, $.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, $.value[u.scaleLabel].scaleLabel = u.scaleLabel, $.value[u.scaleLabel].id = u.id, $.value[u.scaleLabel].yOffset = Y, $.value[u.scaleLabel].individualHeight = H, $.value[u.scaleLabel].autoScaleYLabels = ae, $.value[u.scaleLabel].unique = Ue.value.filter((R) => R.scaleLabel === u.scaleLabel).length === 1, {
+        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? le : E, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Y, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = le, L.value[u.scaleLabel].unique = Ue.value.filter((R) => R.scaleLabel === u.scaleLabel).length === 1, {
           ...u,
           yOffset: Y,
-          autoScaleYLabels: ae,
+          autoScaleYLabels: le,
           individualHeight: H,
-          scaleYLabels: u.autoScaling ? ae : E,
+          scaleYLabels: u.autoScaling ? le : E,
           individualScale: u.autoScaling ? p : N,
           individualMax: u.autoScaling ? Q : B,
           zeroPosition: u.autoScaling ? j : U,
           plots: u.autoScaling ? me : we,
-          groupId: $.value[u.scaleLabel].groupId
+          groupId: L.value[u.scaleLabel].groupId
         };
       });
     }), oe = b(() => {
-      const a = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = a.length, e = t.value.chart.grid.labels.yAxis.gap, l = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - l;
-      return a.filter((u) => u.type === "line").map((u, L) => {
-        Sa(u);
-        const M = $.value[u.scaleLabel].min, I = $.value[u.scaleLabel].max;
+      const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
+      return l.filter((u) => u.type === "line").map((u, S) => {
+        Sl(u);
+        const M = L.value[u.scaleLabel].min, I = L.value[u.scaleLabel].max;
         u.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - M) / (I - M));
         const V = {
           valueMin: M,
@@ -1104,7 +1104,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           individualHeight: H,
           zeroPosition: U,
           autoScaleZeroPosition: j
-        } = $a({
+        } = $l({
           datapoint: u,
           totalSeries: o,
           gap: e,
@@ -1130,13 +1130,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           y: O(c.value?.bottom - Y - (H * we[ce] || 0)),
           value: u.absoluteValues[ce],
           comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ce] || ""
-        }), me = u.dashIndices && Array.isArray(u.dashIndices) && u?.dashIndices?.length > 0, E = t.value.line.cutNullValues ? no(K) : io(K.filter((A) => A.value !== null)), ae = t.value.line.cutNullValues ? no(Z) : io(Z.filter((A) => A.value !== null)), R = t.value.line.cutNullValues ? ro(K) : co(K.filter((A) => A.value !== null)), re = t.value.line.cutNullValues ? ro(Z) : co(Z.filter((A) => A.value !== null)), Tt = me ? Gu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], Ke = me ? qu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], oa = N.ticks.map((A) => ({
+        }), me = u.dashIndices && Array.isArray(u.dashIndices) && u?.dashIndices?.length > 0, E = t.value.line.cutNullValues ? no(K) : io(K.filter((A) => A.value !== null)), le = t.value.line.cutNullValues ? no(Z) : io(Z.filter((A) => A.value !== null)), R = t.value.line.cutNullValues ? ro(K) : co(K.filter((A) => A.value !== null)), re = t.value.line.cutNullValues ? ro(Z) : co(Z.filter((A) => A.value !== null)), Tt = me ? Gu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], Ke = me ? qu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], ol = N.ticks.map((A) => ({
           y: A >= 0 ? U - H * (A / B) : U + H * Math.abs(A) / B,
           value: A,
           prefix: u.prefix || t.value.chart.labels.prefix,
           suffix: u.suffix || t.value.chart.labels.suffix,
           datapoint: u
-        })), ua = p.ticks.map((A) => {
+        })), ul = p.ticks.map((A) => {
           const ce = (A - p.min) / (p.max - p.min);
           return {
             y: A >= 0 ? j - H * ce : j + H * ce,
@@ -1146,25 +1146,25 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             datapoint: u
           };
         });
-        $.value[u.scaleLabel].name = u.name, $.value[u.scaleLabel].groupName = u.scaleLabel, $.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, $.value[u.scaleLabel].color = u.color, $.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ua : oa, $.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, $.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, $.value[u.scaleLabel].scaleLabel = u.scaleLabel, $.value[u.scaleLabel].id = u.id, $.value[u.scaleLabel].yOffset = Y, $.value[u.scaleLabel].individualHeight = H, $.value[u.scaleLabel].autoScaleYLabels = ua, $.value[u.scaleLabel].unique = Ue.value.filter((A) => A.scaleLabel === u.scaleLabel).length === 1;
+        L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ul : ol, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Y, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = ul, L.value[u.scaleLabel].unique = Ue.value.filter((A) => A.scaleLabel === u.scaleLabel).length === 1;
         const Pu = f.value.useIndividualScale ? u.autoScaling ? j : U : Do.value, zt = Math.max(
           Math.max(
-            u.autoScaling ? j : oa.at(-1) ? oa.at(-1).y : 0,
+            u.autoScaling ? j : ol.at(-1) ? ol.at(-1).y : 0,
             c.value?.top
           ),
           Pu
         );
         return {
           ...u,
-          temperatureColors: u.temperatureColors ? u.temperatureColors.map((A) => Na(A)) : null,
+          temperatureColors: u.temperatureColors ? u.temperatureColors.map((A) => Nl(A)) : null,
           yOffset: Y,
-          autoScaleYLabels: ua,
+          autoScaleYLabels: ul,
           individualHeight: H,
-          scaleYLabels: u.autoScaling ? ua : oa,
+          scaleYLabels: u.autoScaling ? ul : ol,
           individualScale: u.autoScaling ? p : N,
           individualMax: u.autoScaling ? Q : B,
           zeroPosition: u.autoScaling ? j : U,
-          curve: u.autoScaling ? ae : E,
+          curve: u.autoScaling ? le : E,
           plots: u.autoScaling ? Z : K,
           dashedStraight: Tt,
           dashedSmooth: Ke,
@@ -1182,17 +1182,17 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             t.value.line.cutNullValues
           ) : [],
           straight: u.autoScaling ? re : R,
-          groupId: $.value[u.scaleLabel].groupId
+          groupId: L.value[u.scaleLabel].groupId
         };
       });
     }), fe = b(() => {
-      const a = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = a.length, e = t.value.chart.grid.labels.yAxis.gap, l = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - l;
-      return a.filter((u) => u.type === "plot").map((u) => {
-        Sa(u);
-        const L = $.value[u.scaleLabel].min, M = $.value[u.scaleLabel].max;
-        u.absoluteValues.filter((E) => ![null, void 0].includes(E)).map((E) => (E - L) / (M - L));
+      const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
+      return l.filter((u) => u.type === "plot").map((u) => {
+        Sl(u);
+        const S = L.value[u.scaleLabel].min, M = L.value[u.scaleLabel].max;
+        u.absoluteValues.filter((E) => ![null, void 0].includes(E)).map((E) => (E - S) / (M - S));
         const I = {
-          valueMin: L,
+          valueMin: S,
           valueMax: M
         }, V = {
           max: u.scaleMax || Math.max(...u.absoluteValues) || 1,
@@ -1207,7 +1207,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           individualHeight: Y,
           zeroPosition: H,
           autoScaleZeroPosition: U
-        } = $a({
+        } = $l({
           datapoint: u,
           totalSeries: o,
           gap: e,
@@ -1216,19 +1216,19 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           autoScaleValueMax: I.valueMax,
           individualExtremes: V,
           forceExactScale: !0
-        }), j = u.series.map((E, ae) => {
-          const R = f.value.useIndividualScale ? (u.absoluteValues[ae] + Math.abs(p)) / te : Ge(E);
+        }), j = u.series.map((E, le) => {
+          const R = f.value.useIndividualScale ? (u.absoluteValues[le] + Math.abs(p)) / te : Ge(E);
           return {
-            x: O(c.value?.left + J.value.plot / 2 + J.value.plot * ae),
+            x: O(c.value?.left + J.value.plot / 2 + J.value.plot * le),
             y: O(c.value?.bottom - Q - Y * R),
-            value: u.absoluteValues[ae],
-            comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ae] || ""
+            value: u.absoluteValues[le],
+            comment: u.comments && u.comments.slice(m.value.start, m.value.end)[le] || ""
           };
-        }), K = u.absoluteValues.map((E) => N.min >= 0 ? (E - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (E + Math.abs(N.min)) / (N.max + Math.abs(N.min))), we = u.series.map((E, ae) => ({
-          x: O(c.value?.left + J.value.plot / 2 + J.value.plot * ae),
-          y: O(c.value?.bottom - Q - (Y * K[ae] || 0)),
-          value: u.absoluteValues[ae],
-          comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ae] || ""
+        }), K = u.absoluteValues.map((E) => N.min >= 0 ? (E - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (E + Math.abs(N.min)) / (N.max + Math.abs(N.min))), we = u.series.map((E, le) => ({
+          x: O(c.value?.left + J.value.plot / 2 + J.value.plot * le),
+          y: O(c.value?.bottom - Q - (Y * K[le] || 0)),
+          value: u.absoluteValues[le],
+          comment: u.comments && u.comments.slice(m.value.start, m.value.end)[le] || ""
         })), Z = D.ticks.map((E) => ({
           y: E >= 0 ? H - Y * (E / te) : H + Y * Math.abs(E) / te,
           value: E,
@@ -1236,16 +1236,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           suffix: u.suffix || t.value.chart.labels.suffix,
           datapoint: u
         })), me = N.ticks.map((E) => {
-          const ae = (E - N.min) / (N.max - N.min);
+          const le = (E - N.min) / (N.max - N.min);
           return {
-            y: E >= 0 ? U - Y * ae : U + Y * ae,
+            y: E >= 0 ? U - Y * le : U + Y * le,
             value: E,
             prefix: u.prefix || t.value.chart.labels.prefix,
             suffix: u.suffix || t.value.chart.labels.suffix,
             datapoint: u
           };
         });
-        return $.value[u.scaleLabel].name = u.name, $.value[u.scaleLabel].groupName = u.scaleLabel, $.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, $.value[u.scaleLabel].color = u.color, $.value[u.scaleLabel].scaleYLabels = u.autoScaling ? me : Z, $.value[u.scaleLabel].zeroPosition = u.autoScaling ? U : H, $.value[u.scaleLabel].individualMax = u.autoScaling ? B : te, $.value[u.scaleLabel].scaleLabel = u.scaleLabel, $.value[u.scaleLabel].id = u.id, $.value[u.scaleLabel].yOffset = Q, $.value[u.scaleLabel].individualHeight = Y, $.value[u.scaleLabel].autoScaleYLabels = me, $.value[u.scaleLabel].unique = Ue.value.filter((E) => E.scaleLabel === u.scaleLabel).length === 1, {
+        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? me : Z, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? U : H, L.value[u.scaleLabel].individualMax = u.autoScaling ? B : te, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Q, L.value[u.scaleLabel].individualHeight = Y, L.value[u.scaleLabel].autoScaleYLabels = me, L.value[u.scaleLabel].unique = Ue.value.filter((E) => E.scaleLabel === u.scaleLabel).length === 1, {
           ...u,
           yOffset: Q,
           autoScaleYLabels: me,
@@ -1255,11 +1255,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           individualMax: u.autoScaling ? B : te,
           zeroPosition: u.autoScaling ? U : H,
           plots: u.autoScaling ? we : j,
-          groupId: $.value[u.scaleLabel].groupId
+          groupId: L.value[u.scaleLabel].groupId
         };
       });
     }), At = b(() => {
-      const a = oe.value.map((n) => ({
+      const l = oe.value.map((n) => ({
         name: n.name,
         color: n.color,
         scale: n.individualScale,
@@ -1294,10 +1294,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         id: n.id,
         yOffset: n.yOffset || 0,
         individualHeight: n.individualHeight || c.value.height
-      })), s = f.value.useIndividualScale && !f.value.isStacked ? Object.values($.value) : [...a, ...o, ...e], l = s.flatMap((n) => n).length;
+      })), s = f.value.useIndividualScale && !f.value.isStacked ? Object.values(L.value) : [...l, ...o, ...e], a = s.flatMap((n) => n).length;
       return s.flatMap((n, u) => {
-        let L = 0;
-        L = f.value.isStacked ? c.value?.left : c.value?.left / l * (u + 1);
+        let S = 0;
+        S = f.value.isStacked ? c.value?.left : c.value?.left / a * (u + 1);
         const M = f.value.useIndividualScale && !f.value.isStacked ? n.unique ? n.name : n.groupName : n.name;
         return {
           unique: n.unique,
@@ -1314,21 +1314,21 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           scale: n.scale,
           yOffset: n.yOffset,
           individualHeight: n.individualHeight,
-          x: L,
+          x: S,
           yLabels: n.scaleYLabels || n.scale.ticks.map((I) => ({
             y: I >= 0 ? n.zero - n.individualHeight * (I / n.max) : n.zero + n.individualHeight * Math.abs(I) / n.max,
             value: I
           }))
         };
       });
-    }), Bl = b(() => {
-      const a = t.value.line.interLine || {}, o = a.pairs || [], e = a.colors || [];
+    }), Ba = b(() => {
+      const l = t.value.line.interLine || {}, o = l.pairs || [], e = l.colors || [];
       if (!o.length) return [];
       const s = [];
-      return o.forEach((l, n) => {
-        const [u, L] = Array.isArray(l) ? l : [l.a, l.b];
-        if (!u || !L) return;
-        const M = oe.value.find((p) => p.name === u), I = oe.value.find((p) => p.name === L);
+      return o.forEach((a, n) => {
+        const [u, S] = Array.isArray(a) ? a : [a.a, a.b];
+        if (!u || !S) return;
+        const M = oe.value.find((p) => p.name === u), I = oe.value.find((p) => p.name === S);
         if (!M || !I || M.type !== "line" || I.type !== "line") return;
         const V = e?.[n]?.[0] ?? M.color, D = e?.[n]?.[1] ?? I.color;
         Zu({
@@ -1341,10 +1341,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           sampleStepPx: 2,
           cutNullValues: t.value.line.cutNullValues
         }).forEach((p, te) => {
-          s.push({ ...p, key: `inter_${u}_${L}_${n}_${te}` });
+          s.push({ ...p, key: `inter_${u}_${S}_${n}_${te}` });
         });
       }), s;
-    }), Rl = b(() => ({
+    }), Ra = b(() => ({
       datapoint: Ze.value,
       seriesIndex: _.value,
       series: ie.value,
@@ -1352,30 +1352,30 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       lines: oe.value,
       plots: fe.value,
       config: t.value
-    })), Hl = g({ months: [], shortMonths: [], days: [], shortDays: [] });
-    let Dl = 0;
-    sa(() => {
-      const a = ++Dl, o = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
+    })), Ha = g({ months: [], shortMonths: [], days: [], shortDays: [] });
+    let Da = 0;
+    sl(() => {
+      const l = ++Da, o = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
       (async () => {
         const e = await po(o.locale).catch(() => po("en"));
-        a === Dl && (Hl.value = e.data);
+        l === Da && (Ha.value = e.data);
       })();
     });
-    const it = b(() => {
-      const a = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, o = os({
-        useUTC: a.useUTC,
-        locale: Hl.value,
-        januaryAsYear: a.januaryAsYear
+    const rt = b(() => {
+      const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, o = os({
+        useUTC: l.useUTC,
+        locale: Ha.value,
+        januaryAsYear: l.januaryAsYear
       });
       return (e, s) => {
         const n = t.value.chart.grid.labels.xAxisLabels.values?.[e];
         return n == null ? "" : o.formatDate(new Date(n), s);
       };
-    }), Wl = b(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((o, e) => ({
-      text: it.value(e, t.value.chart.zoom.timeFormat),
+    }), Wa = b(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((o, e) => ({
+      text: rt.value(e, t.value.chart.zoom.timeFormat),
       absoluteIndex: e
     }))), bu = b(() => {
-      let a = "", o = Ze.value.map((l) => l.value).filter((l) => na(l) && l !== null).reduce((l, n) => Math.abs(l) + Math.abs(n), 0);
+      let l = "", o = Ze.value.map((a) => a.value).filter((a) => nl(a) && a !== null).reduce((a, n) => Math.abs(a) + Math.abs(n), 0);
       const e = se.value[_.value], s = t.value.chart.tooltip.customFormat;
       if (fo(s) && Ku(() => s({
         absoluteIndex: _.value + m.value.start,
@@ -1400,101 +1400,101 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           dateLabel: e
         });
       if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const l = it.value(_.value + m.value.start, t.value.chart.tooltip.timeFormat);
-        a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? l : e.text}</div>`;
+        const a = rt.value(_.value + m.value.start, t.value.chart.tooltip.timeFormat);
+        l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
       }
-      return Ze.value.forEach((l) => {
-        if (na(l.value)) {
+      return Ze.value.forEach((a) => {
+        if (nl(a.value)) {
           let n = "", u = "";
-          switch (bt.value[l.type]) {
+          switch (pt.value[a.type]) {
             case "bar":
-              n = `<svg viewBox="0 0 40 40" height="14" width="14">${Ra.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${l.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Ra.pattern ? `url(#pattern_${z.value}_${l.slotAbsoluteIndex}` : l.color}" /></svg>`;
+              n = `<svg viewBox="0 0 40 40" height="14" width="14">${Rl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Rl.pattern ? `url(#pattern_${z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
               break;
             case "line":
-              !l.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(l.shape) ? u = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${l.color}" />` : l.shape === "triangle" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : l.shape === "square" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : l.shape === "diamond" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : l.shape === "pentagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : l.shape === "hexagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : l.shape === "star" && (u = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${l.color}" points="${mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${l.color}" />${u}</svg>`;
+              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? u = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (u = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${u}</svg>`;
               break;
             case "plot":
-              if (!l.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(l.shape)) {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${l.color}" /></svg>`;
+              if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" /></svg>`;
                 break;
               }
-              if (l.shape === "star") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${l.color}" points="${mo({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+              if (a.shape === "star") {
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${mo({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
-              if (l.shape === "triangle") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "triangle") {
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (l.shape === "square") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "square") {
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (l.shape === "diamond") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "diamond") {
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (l.shape === "pentagon") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "pentagon") {
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (l.shape === "hexagon") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${l.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (a.shape === "hexagon") {
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ie({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
-          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${l.name}: <b>${t.value.chart.tooltip.showValue ? ve(
-            l.type === "line" ? t.value.line.labels.formatter : l.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
-            l.value,
+          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${n}</div> ${a.name}: <b>${t.value.chart.tooltip.showValue ? ve(
+            a.type === "line" ? t.value.line.labels.formatter : a.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
+            a.value,
             Pe({
-              p: l.prefix,
-              v: l.value,
-              s: l.suffix,
+              p: a.prefix,
+              v: a.value,
+              s: a.suffix,
               r: t.value.chart.tooltip.roundingValue
             }),
-            { datapoint: l }
+            { datapoint: a }
           ) : ""}</b> ${t.value.chart.tooltip.showPercentage ? `(${Pe({
-            v: O(Math.abs(l.value) / o * 100),
+            v: O(Math.abs(a.value) / o * 100),
             s: "%",
             r: t.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && l.comments.length && l.comments.slice(m.value.start, m.value.end)[_.value] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${l.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${l.color}">${l.comments.slice(m.value.start, m.value.end)[_.value]}</div>`);
+          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(m.value.start, m.value.end)[_.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(m.value.start, m.value.end)[_.value]}</div>`);
         }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${t.value.chart.tooltip.color}">${a}</div>`;
-    }), El = b(() => {
+      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${t.value.chart.tooltip.color}">${l}</div>`;
+    }), Ea = b(() => {
       if (Ve.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const a = ye.value.map((e) => ({
+      const l = ye.value.map((e) => ({
         label: e.name,
         color: e.color,
         type: e.type
       })), o = [];
       return se.value.forEach((e, s) => {
-        const l = t.value.table.useDefaultTimeFormat ? [e.text] : [it.value(s + m.value.start, t.value.table.timeFormat)];
+        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [rt.value(s + m.value.start, t.value.table.timeFormat)];
         ye.value.forEach((n) => {
-          l.push(xe(n.absoluteValues[s]) ? Number(n.absoluteValues[s].toFixed(t.value.table.rounding)) : "");
-        }), o.push(l);
-      }), { head: a, body: o };
-    }), rt = b(() => {
-      const a = t.value.table.showSum;
+          a.push(xe(n.absoluteValues[s]) ? Number(n.absoluteValues[s].toFixed(t.value.table.rounding)) : "");
+        }), o.push(a);
+      }), { head: l, body: o };
+    }), ct = b(() => {
+      const l = t.value.table.showSum;
       let o = [""].concat(ye.value.map((n) => n.name));
-      a && (o = o.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>'));
+      l && (o = o.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 e = [];
-      for (let n = 0; n < S.value; n += 1) {
-        const u = ye.value.map((L) => L.absoluteValues[n] ?? 0).reduce((L, M) => L + M, 0);
+      for (let n = 0; n < $.value; n += 1) {
+        const u = ye.value.map((S) => S.absoluteValues[n] ?? 0).reduce((S, M) => S + M, 0);
         e.push(
           [
-            t.value.table.useDefaultTimeFormat ? se.value[n]?.text ?? "-" : it.value(n + m.value.start, t.value.table.timeFormat)
+            t.value.table.useDefaultTimeFormat ? se.value[n]?.text ?? "-" : rt.value(n + m.value.start, t.value.table.timeFormat)
           ].concat(ye.value.map(
-            (L) => ve(
-              L.type === "line" ? t.value.line.labels.formatter : L.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
-              L.absoluteValues[n] ?? 0,
+            (S) => ve(
+              S.type === "line" ? t.value.line.labels.formatter : S.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
+              S.absoluteValues[n] ?? 0,
               Pe({
-                p: L.prefix || t.value.chart.labels.prefix,
-                v: L.absoluteValues[n] ?? 0,
-                s: L.suffix || t.value.chart.labels.suffix,
+                p: S.prefix || t.value.chart.labels.prefix,
+                v: S.absoluteValues[n] ?? 0,
+                s: S.suffix || t.value.chart.labels.suffix,
                 r: t.value.table.rounding
               })
             )
-          )).concat(a ? (u ?? 0).toFixed(t.value.table.rounding) : [])
+          )).concat(l ? (u ?? 0).toFixed(t.value.table.rounding) : [])
         );
       }
       const s = {
@@ -1509,72 +1509,72 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           outline: t.value.table.td.outline
         },
         breakpoint: t.value.table.responsiveBreakpoint
-      }, l = [t.value.table.columnNames.period].concat(ye.value.map((n) => n.name)).concat(t.value.table.columnNames.total);
-      return { head: o, body: e, config: s, colNames: l };
+      }, a = [t.value.table.columnNames.period].concat(ye.value.map((n) => n.name)).concat(t.value.table.columnNames.total);
+      return { head: o, body: e, config: s, colNames: a };
     });
-    function La(a = null) {
-      const o = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...El.value.head.map((u) => u.label)], s = El.value.body, l = o.concat([e]).concat(s), n = ts(l);
-      a ? a(n) : as({ csvContent: n, title: t.value.chart.title.text || "vue-ui-xy" });
+    function Ll(l = null) {
+      const o = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...Ea.value.head.map((u) => u.label)], s = Ea.value.body, a = o.concat([e]).concat(s), n = ts(a);
+      l ? l(n) : ls({ csvContent: n, title: t.value.chart.title.text || "vue-ui-xy" });
     }
-    function Ma(a, o = null) {
+    function Ml(l, o = null) {
       if (Wo.value) return;
-      Da.value = a;
+      Dl.value = l;
       const e = ye.value.map((s) => ({
         name: s.name,
         value: [null, void 0, NaN].includes(s.absoluteValues[o]) ? null : s.absoluteValues[o],
         color: s.color,
         type: s.type
       }));
-      a ? (_.value = o, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: o + m.value.start })) : (_.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: o + m.value.start }));
+      l ? (_.value = o, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: o + m.value.start })) : (_.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: o + m.value.start }));
     }
-    function Yl() {
+    function Ya() {
       f.value.showTable = !f.value.showTable;
     }
-    function Xl() {
+    function Xa() {
       f.value.dataLabels.show = !f.value.dataLabels.show;
     }
-    function Gl() {
+    function Ga() {
       f.value.showTooltip = !f.value.showTooltip;
     }
-    function ql(a) {
-      Ee.value = a, Wa.value += 1;
+    function qa(l) {
+      Ee.value = l, Wl.value += 1;
     }
-    function Ul() {
+    function Ua() {
       if (!t.value.responsiveProportionalSizing) {
         x.value.dataLabels = t.value.chart.grid.labels.fontSize, x.value.yAxis = t.value.chart.grid.labels.axis.fontSize, x.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = t.value.chart.labels.fontSize, Le.value.plot = t.value.plot.radius, Le.value.line = t.value.line.radius;
         return;
       }
-      x.value.dataLabels = dt({
+      x.value.dataLabels = ht({
         relator: de.value,
         adjuster: 400,
         source: t.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), x.value.yAxis = dt({
+      }), x.value.yAxis = ht({
         relator: ee.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
-      }), x.value.xAxis = dt({
+      }), x.value.xAxis = ht({
         relator: ee.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
-      }), x.value.plotLabels = dt({
+      }), x.value.plotLabels = ht({
         relator: ee.value,
         adjuster: 800,
         source: t.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), Le.value.plot = dt({
+      }), Le.value.plot = ht({
         relator: ee.value,
         adjuster: 800,
         source: t.value.plot.radius,
         threshold: 1,
         fallback: 1
-      }), Le.value.line = dt({
+      }), Le.value.line = ht({
         relator: ee.value,
         adjuster: 800,
         source: t.value.line.radius,
@@ -1582,62 +1582,62 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         fallback: 1
       });
     }
-    function Aa() {
-      go(T.dataset) ? (Oa({
+    function Al() {
+      go(T.dataset) ? (Ol({
         componentName: "VueUiXy",
         type: "dataset",
-        debug: xt.value
+        debug: kt.value
       }), Wt.value = !0) : T.dataset.forEach((o, e) => {
-        [null, void 0].includes(o.name) && (Oa({
+        [null, void 0].includes(o.name) && (Ol({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: e,
-          debug: xt.value
+          debug: kt.value
         }), Wt.value = !0);
-      }), xt.value && T.dataset.forEach((o) => {
+      }), kt.value && T.dataset.forEach((o) => {
         o.series.forEach((e, s) => {
-          na(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+          nl(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${o.name}' contains the value '${e}' at index ${s}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), go(T.dataset) || (Wt.value = t.value.loading), Xa.value = t.value.chart.userOptions.showOnChartHover, ba.value = t.value.chart.userOptions.keepStateOnChartLeave, Bt.value = !t.value.chart.userOptions.showOnChartHover, ka();
-      const a = 12;
+      }), go(T.dataset) || (Wt.value = t.value.loading), Xl.value = t.value.chart.userOptions.showOnChartHover, bl.value = t.value.chart.userOptions.keepStateOnChartLeave, Bt.value = !t.value.chart.userOptions.showOnChartHover, kl();
+      const l = 12;
       if (t.value.responsive) {
         const e = $e.value.parentNode;
-        Ne.value && (Ne.value.unobserve(ma.value), Ne.value.disconnect());
-        const { height: s, width: l } = e.getBoundingClientRect();
+        Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect());
+        const { height: s, width: a } = e.getBoundingClientRect();
         let n = null, u = 0;
-        t.value.chart.title.show && ft.value && (n = ft.value, u = n.getBoundingClientRect().height);
-        let L = null, M = 0;
-        t.value.chart.zoom.show && ze.value > 6 && xa.value && Te.value && Te.value.$el && (L = Te.value.$el, M = L.getBoundingClientRect().height);
+        t.value.chart.title.show && mt.value && (n = mt.value, u = n.getBoundingClientRect().height);
+        let S = null, M = 0;
+        t.value.chart.zoom.show && ze.value > 6 && xl.value && Te.value && Te.value.$el && (S = Te.value.$el, M = S.getBoundingClientRect().height);
         let I = null, V = 0;
         t.value.chart.legend.show && et.value && (I = et.value, V = I.getBoundingClientRect().height);
         let D = 0;
-        mt.value && (D = mt.value.getBoundingClientRect().height);
+        gt.value && (D = gt.value.getBoundingClientRect().height);
         let N = 0;
-        gt.value && (N = gt.value.getBoundingClientRect().height), de.value = s - u - V - M - D - N - a, ee.value = l, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, Ul();
+        bt.value && (N = bt.value.getBoundingClientRect().height), de.value = s - u - V - M - D - N - l, ee.value = a, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, Ua();
         const p = new ResizeObserver((te) => {
           for (const B of te)
-            t.value.chart.title.show && ft.value ? u = ft.value.getBoundingClientRect().height : u = 0, Te.value && Te.value.$el ? M = Te.value.$el.getBoundingClientRect().height : M = 0, et.value ? V = et.value.getBoundingClientRect().height : V = 0, mt.value ? D = mt.value.getBoundingClientRect().height : D = 0, gt.value ? N = gt.value.getBoundingClientRect().height : N = 0, requestAnimationFrame(() => {
-              de.value = B.contentRect.height - u - V - M - D - N - a, ee.value = B.contentBoxSize[0].inlineSize ?? B.contentRect.width, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, Ul(), yt(), ot();
+            t.value.chart.title.show && mt.value ? u = mt.value.getBoundingClientRect().height : u = 0, Te.value && Te.value.$el ? M = Te.value.$el.getBoundingClientRect().height : M = 0, et.value ? V = et.value.getBoundingClientRect().height : V = 0, gt.value ? D = gt.value.getBoundingClientRect().height : D = 0, bt.value ? N = bt.value.getBoundingClientRect().height : N = 0, requestAnimationFrame(() => {
+              de.value = B.contentRect.height - u - V - M - D - N - l, ee.value = B.contentBoxSize[0].inlineSize ?? B.contentRect.width, Vt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${de.value < 0 ? 10 : de.value}`, Ua(), xt(), ot();
             });
         });
-        Ne.value = p, ma.value = e, p.observe(e);
+        Ne.value = p, ml.value = e, p.observe(e);
       } else
         de.value = t.value.chart.height, ee.value = t.value.chart.width, x.value.dataLabels = t.value.chart.grid.labels.fontSize, x.value.yAxis = t.value.chart.grid.labels.axis.fontSize, x.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, x.value.plotLabels = t.value.chart.labels.fontSize, Le.value.plot = t.value.plot.radius, Le.value.line = t.value.line.radius, Vt.value = `0 0 ${ee.value} ${de.value}`;
-      yt(), ot();
+      xt(), ot();
     }
-    function Zl(a) {
+    function Za(l) {
       Po.value = {
-        x: a.clientX,
-        y: a.clientY
+        x: l.clientX,
+        y: l.clientY
       };
     }
     It(() => {
-      Aa(), Jt(), document.addEventListener("mousemove", Zl, { passive: !0 }), document.addEventListener("scroll", hl, { passive: !0 });
-    }), Ia(() => {
-      document.removeEventListener("scroll", hl, { passive: !0 }), document.removeEventListener("mousemove", Zl, { passive: !0 }), Ne.value && (Ne.value.unobserve(ma.value), Ne.value.disconnect(), Ne.value = null);
+      Al(), Jt(), document.addEventListener("mousemove", Za, { passive: !0 }), document.addEventListener("scroll", ha, { passive: !0 });
+    }), Il(() => {
+      document.removeEventListener("scroll", ha, { passive: !0 }), document.removeEventListener("mousemove", Za, { passive: !0 }), Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect(), Ne.value = null);
     }), ds({
       timeLabelsEls: Ft,
       timeLabels: se,
@@ -1650,49 +1650,49 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       width: ee,
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const la = g(!1), Kl = g(null), Jl = g(200), pu = b(
+    const al = g(!1), Ka = g(null), Ja = g(200), pu = b(
       () => _.value ?? P.value ?? 0
     );
     function yu() {
-      const a = Math.ceil(Jl.value || 200);
-      return Math.min(Math.max(a, 1), 200);
+      const l = Math.ceil(Ja.value || 200);
+      return Math.min(Math.max(l, 1), 200);
     }
     function xu() {
-      const a = yu(), o = 200, e = Math.max(1, S.value), s = c.value.width / e, n = c.value?.left + pu.value * s + s / 2 - a / 2 - (o - a) / 2, u = c.value?.left - (o - a) / 2, L = c.value?.right - (o + a) / 2, M = Math.max(u, Math.min(n, L));
+      const l = yu(), o = 200, e = Math.max(1, $.value), s = c.value.width / e, n = c.value?.left + pu.value * s + s / 2 - l / 2 - (o - l) / 2, u = c.value?.left - (o - l) / 2, S = c.value?.right - (o + l) / 2, M = Math.max(u, Math.min(n, S));
       return O(M);
     }
     It(() => {
-      let a = null, o = null;
+      let l = null, o = null;
       const e = (n) => {
         cancelAnimationFrame(o), o = requestAnimationFrame(() => {
-          Jl.value = Math.min(Math.max(Math.ceil(n || 0), 1), 200);
+          Ja.value = Math.min(Math.max(Math.ceil(n || 0), 1), 200);
         });
       }, s = new ResizeObserver((n) => {
-        let u = n.find((L) => L.target === a) || n[0];
+        let u = n.find((S) => S.target === l) || n[0];
         u && e(u.contentRect.width || 200);
-      }), l = sa((n) => {
-        const u = Kl.value;
-        a && a !== u && (s.unobserve(a), a = null), u && u !== a && (Pt(() => {
+      }), a = sl((n) => {
+        const u = Ka.value;
+        l && l !== u && (s.unobserve(l), l = null), u && u !== l && (Pt(() => {
           u.offsetParent !== null && e(u.offsetWidth || u.getBoundingClientRect().width || 200);
-        }), s.observe(u), a = u), n(() => {
-          a && (s.unobserve(a), a = null);
+        }), s.observe(u), l = u), n(() => {
+          l && (s.unobserve(l), l = null);
         });
       });
-      Ia(() => {
+      Il(() => {
         try {
-          a && s.unobserve(a), s.disconnect(), l();
+          l && s.unobserve(l), s.disconnect(), a();
         } catch {
         }
       });
     });
     const ku = b(() => {
       if ([null, void 0].includes(_.value) && [null, void 0].includes(P.value)) return "";
-      const a = (_.value != null ? _.value : 0) || (P.value != null ? P.value : 0), o = t.value.chart.timeTag.customFormat;
-      if (la.value = !1, fo(o))
+      const l = (_.value != null ? _.value : 0) || (P.value != null ? P.value : 0), o = t.value.chart.timeTag.customFormat;
+      if (al.value = !1, fo(o))
         try {
           const e = o({
-            absoluteIndex: a + m.value.start,
-            seriesIndex: a,
+            absoluteIndex: l + m.value.start,
+            seriesIndex: l,
             datapoint: Ze.value,
             bars: ke.value,
             lines: oe.value,
@@ -1700,46 +1700,46 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             config: t.value
           });
           if (typeof e == "string")
-            return la.value = !0, e;
+            return al.value = !0, e;
         } catch {
-          console.warn("Custom format cannot be applied on timeTag."), la.value = !1;
+          console.warn("Custom format cannot be applied on timeTag."), al.value = !1;
         }
-      if (!la.value)
-        return [null, void 0].includes(se.value[a]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? it.value(a + m.value.start, t.value.chart.timeTag.timeFormat) : se.value[a].text;
+      if (!al.value)
+        return [null, void 0].includes(se.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? rt.value(l + m.value.start, t.value.chart.timeTag.timeFormat) : se.value[l].text;
     });
-    ct(() => T.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (Wt.value = !1), ze.value = Math.max(...pe.value.map((o) => Fe(o.series).length)), m.value = {
+    vt(() => T.dataset, (l) => {
+      Array.isArray(l) && l.length > 0 && (Wt.value = !1), ze.value = Math.max(...pe.value.map((o) => Fe(o.series).length)), m.value = {
         start: 0,
         end: ze.value
-      }, Io.value += 1, ga.value += 1, yt(), ot(), ut();
-    }, { deep: !0 }), ct(() => T.config, (a) => {
-      ne.value || (t.value = ya()), Aa(), Ya.value += 1, Ea.value += 1, ka(), yt(), ot(), ut();
+      }, Io.value += 1, gl.value += 1, xt(), ot(), ut();
+    }, { deep: !0 }), vt(() => T.config, (l) => {
+      ne.value || (t.value = yl()), Al(), Yl.value += 1, El.value += 1, kl(), xt(), ot(), ut();
     }, { deep: !0 });
-    const Ca = g(!1);
-    function Ql() {
-      const a = $e.value?.parentNode;
-      if (!a) {
-        Ca.value = !1;
+    const Cl = g(!1);
+    function Qa() {
+      const l = $e.value?.parentNode;
+      if (!l) {
+        Cl.value = !1;
         return;
       }
-      const o = a.getBoundingClientRect();
-      Ca.value = o.width > 2 && o.height > 2;
+      const o = l.getBoundingClientRect();
+      Cl.value = o.width > 2 && o.height > 2;
     }
     It(() => {
-      Ql();
-      const a = new ResizeObserver(() => {
-        Ql(), Ca.value && (Aa(), ut(), Jt());
+      Qa();
+      const l = new ResizeObserver(() => {
+        Qa(), Cl.value && (Al(), ut(), Jt());
       });
-      $e.value?.parentNode && a.observe($e.value.parentNode);
-    }), ct(t, () => {
-      ka();
+      $e.value?.parentNode && l.observe($e.value.parentNode);
+    }), vt(t, () => {
+      kl();
     }, { immediate: !0 });
     const Ct = b(() => {
-      const a = t.value.table.useDialog && !t.value.showTable, o = f.value.showTable;
+      const l = t.value.table.useDialog && !t.value.showTable, o = f.value.showTable;
       return {
-        component: a ? Mo : bs,
+        component: l ? Mo : bs,
         title: `${t.value.chart.title.text}${t.value.chart.title.subtitle.text ? `: ${t.value.chart.title.subtitle.text}` : ""}`,
-        props: a ? {
+        props: l ? {
           backgroundColor: t.value.table.th.backgroundColor,
           color: t.value.table.th.color,
           headerColor: t.value.table.th.color,
@@ -1764,45 +1764,45 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }
       };
     });
-    ct(() => f.value.showTable, (a) => {
-      t.value.showTable || (a && t.value.table.useDialog && at.value ? at.value.open() : at.value && at.value.close && at.value.close());
+    vt(() => f.value.showTable, (l) => {
+      t.value.showTable || (l && t.value.table.useDialog && lt.value ? lt.value.open() : lt.value && lt.value.close && lt.value.close());
     });
-    function jl() {
-      f.value.showTable = !1, fa.value && fa.value.setTableIconState(!1);
+    function ja() {
+      f.value.showTable = !1, fl.value && fl.value.setTableIconState(!1);
     }
-    const _u = b(() => ie.value.map((a) => ({
-      shape: a.type === "bar" ? "square" : a.shape ?? "circle",
-      color: a.color,
-      name: a.name
+    const _u = b(() => ie.value.map((l) => ({
+      shape: l.type === "bar" ? "square" : l.shape ?? "circle",
+      color: l.color,
+      name: l.name
     }))), wu = b(() => t.value.chart.backgroundColor), Su = b(() => t.value.chart.legend), $u = b(() => t.value.chart.title), { exportSvg: Lu, getSvg: Mu } = rs({
-      svg: le,
+      svg: ae,
       title: $u,
       legend: Su,
       legendItems: _u,
       backgroundColor: wu
     });
-    async function eo({ isCb: a }) {
+    async function eo({ isCb: l }) {
       Dt.value = !0, await Pt();
       try {
-        if (a) {
-          const { blob: o, url: e, text: s, dataUrl: l } = await Mu();
-          await Promise.resolve(t.value.chart.userOptions.callbacks.svg({ blob: o, url: e, text: s, dataUrl: l }));
+        if (l) {
+          const { blob: o, url: e, text: s, dataUrl: a } = await Mu();
+          await Promise.resolve(t.value.chart.userOptions.callbacks.svg({ blob: o, url: e, text: s, dataUrl: a }));
         } else
           await Promise.resolve(Lu());
       } finally {
         Dt.value = !1;
       }
     }
-    function Au(a) {
-      if (a?.stage === "start") {
+    function Au(l) {
+      if (l?.stage === "start") {
         Ht.value = !0;
         return;
       }
-      if (a?.stage === "end") {
+      if (l?.stage === "end") {
         Ht.value = !1;
         return;
       }
-      sl();
+      sa();
     }
     async function to() {
       if (We("copyAlt", {
@@ -1831,65 +1831,66 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }
       }));
     }
-    const Ta = g(!1);
+    const Tl = g(!1);
     function Cu() {
-      m.value.end > m.value.start && (lt.value = null), Ut.value = !0, Ta.value = !0;
+      m.value.end > m.value.start && (at.value = null), Ut.value = !0, Tl.value = !0;
     }
     function Tu() {
-      lt.value = null, Lt(), Ta.value = !1, Ut.value = !1;
+      at.value = null, Lt(), Tl.value = !1, Ut.value = !1;
     }
-    function zu(a) {
-      if (!le.value || tt.value || document.activeElement !== le.value) return;
-      const o = a.key === "ArrowLeft", e = a.key === "ArrowRight";
+    function zu(l) {
+      if (!ae.value || tt.value || document.activeElement !== ae.value) return;
+      const o = l.key === "ArrowLeft", e = l.key === "ArrowRight";
       if (!o && !e || !m.value.end && m.value.end !== 0) return;
       const s = m.value.end - m.value.start;
       if (s <= 0) return;
-      a.preventDefault(), a.stopPropagation();
-      let l = lt.value;
-      l === null || l < 0 || l >= s ? e ? l = 0 : l = s - 1 : e ? (l += 1, l >= s && (l = 0)) : o && (l -= 1, l < 0 && (l = s - 1)), lt.value = l, Iu(l), Ma(!0, l);
+      l.preventDefault(), l.stopPropagation();
+      let a = at.value;
+      const n = it.value, u = a !== null && a >= 0 && a < s, S = n !== null && n >= 0 && n < s;
+      u ? e ? (a += 1, a >= s && (a = 0)) : o && (a -= 1, a < 0 && (a = s - 1)) : S ? (a = e ? n + 1 : n - 1, a >= s && (a = 0), a < 0 && (a = s - 1)) : e ? a = 0 : a = s - 1, at.value = a, Iu(a), Ml(!0, a);
     }
-    function Iu(a) {
+    function Iu(l) {
       const o = m.value.end - m.value.start;
       if (o <= 0) return;
-      const e = c.value.width / o, s = c.value.left + e * a + e / 2, l = c.value.top + c.value.height / 2, n = ls(s, l, le.value);
-      n && (qa.value = n);
+      const e = c.value.width / o, s = c.value.left + e * l + e / 2, a = c.value.top + c.value.height / 2, n = as(s, a, ae.value);
+      n && (ql.value = n);
     }
-    const za = b(() => {
-      if (!rt.value) return null;
-      const a = t.value.table.showSum;
+    const zl = b(() => {
+      if (!ct.value) return null;
+      const l = t.value.table.showSum;
       let o = [t.value.table.columnNames.period].concat(ye.value.map((s) => s.name));
-      a && (o = o.concat(t.value.table.columnNames.total));
-      const e = rt.value.body.slice(m.value.start, m.value.end);
+      l && (o = o.concat(t.value.table.columnNames.total));
+      const e = ct.value.body.slice(m.value.start, m.value.end);
       return {
         headers: o,
         rows: e
       };
     });
     return yo({
-      getData: au,
-      getImage: lu,
-      generatePdf: ul,
-      generateImage: sl,
+      getData: lu,
+      getImage: au,
+      generatePdf: ua,
+      generateImage: sa,
       generateSvg: eo,
-      generateCsv: La,
+      generateCsv: Ll,
       hideSeries: nu,
       showSeries: su,
-      toggleStack: pl,
-      toggleTable: Yl,
-      toggleLabels: Xl,
-      toggleTooltip: Gl,
-      toggleAnnotator: wa,
-      toggleFullscreen: ql,
+      toggleStack: pa,
+      toggleTable: Ya,
+      toggleLabels: Xa,
+      toggleTooltip: Ga,
+      toggleAnnotator: wl,
+      toggleFullscreen: qa,
       copyAlt: to
-    }), (a, o) => (i(), r("div", {
+    }), (l, o) => (i(), r("div", {
       id: `vue-ui-xy_${z.value}`,
       class: Je(`vue-data-ui-component vue-ui-xy ${Ee.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: $e,
       style: w(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: o[6] || (o[6] = () => fl(!0)),
-      onMouseleave: o[7] || (o[7] = () => fl(!1)),
-      onClick: Tl
+      onMouseenter: o[6] || (o[6] = () => fa(!0)),
+      onMouseleave: o[7] || (o[7] = () => fa(!1)),
+      onClick: Ta
     }, [
       y("div", {
         id: `chart-instructions-${z.value}`,
@@ -1897,59 +1898,59 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       }, [
         y("p", null, ue(t.value.a11y.translations.keyboardNavigation), 1)
       ], 8, _s),
-      za.value?.rows?.length ? (i(), _e(ys, {
+      zl.value?.rows?.length ? (i(), _e(ys, {
         key: 0,
         uid: z.value,
-        head: za.value.headers,
-        body: za.value.rows,
+        head: zl.value.headers,
+        body: zl.value.rows,
         notice: t.value.a11y.translations.tableAvailable,
         caption: t.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : h("", !0),
-      t.value.chart.userOptions.buttons.annotator && le.value ? (i(), _e(v(Lo), {
+      t.value.chart.userOptions.buttons.annotator && ae.value ? (i(), _e(v(Lo), {
         key: 1,
-        svgRef: le.value,
+        svgRef: ae.value,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
         active: tt.value,
         isCursorPointer: Xe.value,
-        onClose: wa
+        onClose: wl
       }, {
         "annotator-action-close": X(() => [
-          F(a.$slots, "annotator-action-close", {}, void 0, !0)
+          F(l.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": X(({ color: e }) => [
-          F(a.$slots, "annotator-action-color", ge(be({ color: e })), void 0, !0)
+          F(l.$slots, "annotator-action-color", ge(be({ color: e })), void 0, !0)
         ]),
         "annotator-action-draw": X(({ mode: e }) => [
-          F(a.$slots, "annotator-action-draw", ge(be({ mode: e })), void 0, !0)
+          F(l.$slots, "annotator-action-draw", ge(be({ mode: e })), void 0, !0)
         ]),
         "annotator-action-undo": X(({ disabled: e }) => [
-          F(a.$slots, "annotator-action-undo", ge(be({ disabled: e })), void 0, !0)
+          F(l.$slots, "annotator-action-undo", ge(be({ disabled: e })), void 0, !0)
         ]),
         "annotator-action-redo": X(({ disabled: e }) => [
-          F(a.$slots, "annotator-action-redo", ge(be({ disabled: e })), void 0, !0)
+          F(l.$slots, "annotator-action-redo", ge(be({ disabled: e })), void 0, !0)
         ]),
         "annotator-action-delete": X(({ disabled: e }) => [
-          F(a.$slots, "annotator-action-delete", ge(be({ disabled: e })), void 0, !0)
+          F(l.$slots, "annotator-action-delete", ge(be({ disabled: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : h("", !0),
       ru.value ? (i(), r("div", {
         key: 2,
         ref_key: "noTitle",
-        ref: gt,
+        ref: bt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%; background:transparent"
       }, null, 512)) : h("", !0),
       t.value.chart.title.show ? (i(), r("div", {
         key: 3,
         ref_key: "chartTitle",
-        ref: ft,
+        ref: mt,
         class: "vue-ui-xy-title",
         style: w(`font-family:${t.value.chart.fontFamily}`)
       }, [
         (i(), _e(fs, {
-          key: `title_${Ya.value}`,
+          key: `title_${Yl.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -1965,14 +1966,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       y("div", {
         id: `legend-top-${z.value}`
       }, null, 8, ws),
-      t.value.chart.userOptions.show && (ba.value || Bt.value) ? (i(), _e(v(wo), {
+      t.value.chart.userOptions.show && (bl.value || Bt.value) ? (i(), _e(v(wo), {
         ref_key: "userOptionsRef",
-        ref: fa,
-        key: `user_options_${Wa.value}`,
+        ref: fl,
+        key: `user_options_${Wl.value}`,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
         isPrinting: v(Et),
-        isImaging: v(_a),
+        isImaging: v(_l),
         uid: z.value,
         hasTooltip: t.value.chart.userOptions.buttons.tooltip && t.value.chart.tooltip.show,
         hasPdf: t.value.chart.userOptions.buttons.pdf,
@@ -1981,12 +1982,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         hasSvg: t.value.chart.userOptions.buttons.svg,
         hasLabel: t.value.chart.userOptions.buttons.labels,
         hasTable: t.value.chart.userOptions.buttons.table,
-        hasStack: ca.dataset.length > 1 && t.value.chart.userOptions.buttons.stack,
+        hasStack: cl.dataset.length > 1 && t.value.chart.userOptions.buttons.stack,
         hasFullscreen: t.value.chart.userOptions.buttons.fullscreen,
         hasAltCopy: t.value.chart.userOptions.buttons.altCopy,
         isStacked: f.value.isStacked,
         isFullscreen: Ee.value,
-        chartElement: a.$refs.chart,
+        chartElement: l.$refs.chart,
         position: t.value.chart.userOptions.position,
         isTooltip: f.value.showTooltip,
         titles: { ...t.value.chart.userOptions.buttonTitles },
@@ -1996,102 +1997,102 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         tableDialog: t.value.table.useDialog,
         printScale: t.value.chart.userOptions.print.scale,
         isCursorPointer: Xe.value,
-        onToggleFullscreen: ql,
-        onGeneratePdf: v(ul),
-        onGenerateCsv: La,
+        onToggleFullscreen: qa,
+        onGeneratePdf: v(ua),
+        onGenerateCsv: Ll,
         onGenerateImage: Au,
         onGenerateSvg: eo,
-        onToggleTable: Yl,
-        onToggleLabels: Xl,
-        onToggleStack: pl,
-        onToggleTooltip: Gl,
-        onToggleAnnotator: wa,
+        onToggleTable: Ya,
+        onToggleLabels: Xa,
+        onToggleStack: pa,
+        onToggleTooltip: Ga,
+        onToggleAnnotator: wl,
         onCopyAlt: to,
         style: w({
-          visibility: ba.value ? Bt.value ? "visible" : "hidden" : "visible"
+          visibility: bl.value ? Bt.value ? "visible" : "hidden" : "visible"
         })
-      }, ao({ _: 2 }, [
-        a.$slots.menuIcon ? {
+      }, lo({ _: 2 }, [
+        l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: X(({ isOpen: e, color: s }) => [
-            F(a.$slots, "menuIcon", ge(be({ isOpen: e, color: s })), void 0, !0)
+            F(l.$slots, "menuIcon", ge(be({ isOpen: e, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        a.$slots.optionTooltip ? {
+        l.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: X(() => [
-            F(a.$slots, "optionTooltip", {}, void 0, !0)
+            F(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        a.$slots.optionPdf ? {
+        l.$slots.optionPdf ? {
           name: "optionPdf",
           fn: X(() => [
-            F(a.$slots, "optionPdf", {}, void 0, !0)
+            F(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        a.$slots.optionCsv ? {
+        l.$slots.optionCsv ? {
           name: "optionCsv",
           fn: X(() => [
-            F(a.$slots, "optionCsv", {}, void 0, !0)
+            F(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        a.$slots.optionImg ? {
+        l.$slots.optionImg ? {
           name: "optionImg",
           fn: X(() => [
-            F(a.$slots, "optionImg", {}, void 0, !0)
+            F(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
-        a.$slots.optionSvg ? {
+        l.$slots.optionSvg ? {
           name: "optionSvg",
           fn: X(() => [
-            F(a.$slots, "optionSvg", {}, void 0, !0)
+            F(l.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
-        a.$slots.optionTable ? {
+        l.$slots.optionTable ? {
           name: "optionTable",
           fn: X(() => [
-            F(a.$slots, "optionTable", {}, void 0, !0)
+            F(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
-        a.$slots.optionLabels ? {
+        l.$slots.optionLabels ? {
           name: "optionLabels",
           fn: X(() => [
-            F(a.$slots, "optionLabels", {}, void 0, !0)
+            F(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
-        a.$slots.optionStack ? {
+        l.$slots.optionStack ? {
           name: "optionStack",
           fn: X(({ isStack: e }) => [
-            F(a.$slots, "optionStack", ge(be({ isStack: e })), void 0, !0)
+            F(l.$slots, "optionStack", ge(be({ isStack: e })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
-        a.$slots.optionFullscreen ? {
+        l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: X(({ toggleFullscreen: e, isFullscreen: s }) => [
-            F(a.$slots, "optionFullscreen", ge(be({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
+            F(l.$slots, "optionFullscreen", ge(be({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
-        a.$slots.optionAnnotator ? {
+        l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: X(({ toggleAnnotator: e, isAnnotator: s }) => [
-            F(a.$slots, "optionAnnotator", ge(be({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
+            F(l.$slots, "optionAnnotator", ge(be({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
           ]),
           key: "10"
         } : void 0,
-        a.$slots.optionAltCopy ? {
+        l.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: X(({ altCopy: e }) => [
-            F(a.$slots, "optionAltCopy", ge(be({ altCopy: e })), void 0, !0)
+            F(l.$slots, "optionAltCopy", ge(be({ altCopy: e })), void 0, !0)
           ]),
           key: "11"
         } : void 0
@@ -2099,7 +2100,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       y("div", Ss, [
         (i(), r("svg", {
           ref_key: "svgRef",
-          ref: le,
+          ref: ae,
           xmlns: "http://www.w3.org/2000/svg",
           class: Je([{ "vue-data-ui-fullscreen--on": Ee.value, "vue-data-ui-fulscreen--off": !Ee.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
           width: "100%",
@@ -2117,7 +2118,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           preserveAspectRatio: "xMidYMid",
           onMousemove: tu,
           onMouseleave: Lt,
-          onClick: Tl,
+          onClick: Ta,
           onFocus: Cu,
           onBlur: Tu,
           onKeydown: zu
@@ -2127,20 +2128,20 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             ref: zo,
             class: "vue-data-ui-g"
           }, [
-            vt(v($o)),
-            a.$slots["chart-background"] ? (i(), r("foreignObject", {
+            dt(v($o)),
+            l.$slots["chart-background"] ? (i(), r("foreignObject", {
               key: 0,
               x: c.value?.left + q.value < 0 ? 0 : c.value?.left + q.value,
               y: c.value?.top,
-              width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value),
+              width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
               height: c.value.height < 0 ? 0 : c.value.height,
               style: {
                 pointerEvents: "none"
               }
             }, [
-              F(a.$slots, "chart-background", {}, void 0, !0)
+              F(l.$slots, "chart-background", {}, void 0, !0)
             ], 8, Ls)) : h("", !0),
-            S.value > 0 ? (i(), r("g", Ms, [
+            $.value > 0 ? (i(), r("g", Ms, [
               y("g", As, [
                 t.value.chart.grid.labels.xAxis.showBaseline ? (i(), r("line", {
                   key: 0,
@@ -2186,7 +2187,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     style: { animation: "none !important" }
                   }, null, 8, Ts)) : h("", !0),
                   t.value.chart.grid.showHorizontalLines ? (i(), r("g", zs, [
-                    (i(!0), r(d, null, k(Nl.value, (e) => (i(), r("line", {
+                    (i(!0), r(d, null, k(Na.value, (e) => (i(), r("line", {
                       x1: c.value?.left + q.value,
                       x2: c.value?.right,
                       y1: v(W)(e.y),
@@ -2220,7 +2221,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               (i(!0), r(d, null, k(ke.value, (e, s) => (i(), r("defs", {
                 key: `def_rect_${s}`
               }, [
-                a.$slots["bar-gradient"] ? F(a.$slots, "bar-gradient", Qe({
+                l.$slots["bar-gradient"] ? F(l.$slots, "bar-gradient", Qe({
                   key: 0,
                   ref_for: !0
                 }, { series: e, positiveId: `rectGradient_pos_${s}_${z.value}`, negativeId: `rectGradient_neg_${s}_${z.value}` }), void 0, !0) : (i(), r(d, { key: 1 }, [
@@ -2304,7 +2305,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       "stop-color": e.color
                     }, null, 8, Qs)
                   ], 8, Ks),
-                  a.$slots["area-gradient"] ? F(a.$slots, "area-gradient", Qe({
+                  l.$slots["area-gradient"] ? F(l.$slots, "area-gradient", Qe({
                     key: 0,
                     ref_for: !0
                   }, { series: e, id: `areaGradient_${s}_${z.value}` }), void 0, !0) : (i(), r("linearGradient", {
@@ -2325,45 +2326,45 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     }, null, 8, tn)
                   ], 8, js))
                 ]),
-                e.temperatureColors ? (i(), r("defs", an, [
+                e.temperatureColors ? (i(), r("defs", ln, [
                   y("linearGradient", {
                     id: `temperature_grad_line_${s}_${z.value}`,
                     gradientTransform: "rotate(90)"
                   }, [
-                    (i(!0), r(d, null, k(e.temperatureColors, (l, n) => (i(), r("stop", {
+                    (i(!0), r(d, null, k(e.temperatureColors, (a, n) => (i(), r("stop", {
                       key: `temperature_grad_stop_${s}_${n}_${z.value}`,
-                      "stop-color": l,
+                      "stop-color": a,
                       offset: v(Ju)(n, e.temperatureColors.length)
                     }, null, 8, on))), 128))
-                  ], 8, ln)
+                  ], 8, an)
                 ])) : h("", !0)
               ], 64))), 128)),
               (i(!0), r(d, null, k(cu.value, (e) => (i(), r("g", null, [
                 e.show ? (i(), r(d, { key: 0 }, [
-                  (i(!0), r(d, null, k(e.span, (s, l) => (i(), r("g", null, [
+                  (i(!0), r(d, null, k(e.span, (s, a) => (i(), r("g", null, [
                     y("rect", {
                       style: w({
                         transition: "none",
-                        opacity: e.from + l >= m.value.start && e.from + l <= m.value.end - 1 ? 1 : 0
+                        opacity: e.from + a >= m.value.start && e.from + a <= m.value.end - 1 ? 1 : 0
                       }),
-                      x: c.value?.left + c.value.width / S.value * (e.from + l - m.value.start),
+                      x: c.value?.left + c.value.width / $.value * (e.from + a - m.value.start),
                       y: c.value?.top,
                       height: c.value.height < 0 ? 10 : c.value.height,
-                      width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
+                      width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
                       fill: v(Ce)(e.color, e.opacity)
                     }, null, 12, un)
                   ]))), 256)),
-                  (i(!0), r(d, null, k(e.span, (s, l) => (i(), r("g", null, [
-                    e.caption.text && l === 0 ? (i(), r("foreignObject", {
+                  (i(!0), r(d, null, k(e.span, (s, a) => (i(), r("g", null, [
+                    e.caption.text && a === 0 ? (i(), r("foreignObject", {
                       key: 0,
-                      x: c.value?.left + c.value.width / S.value * (e.from + l - m.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / S.value * e.span / 2),
+                      x: c.value?.left + c.value.width / $.value * (e.from + a - m.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / $.value * e.span / 2),
                       y: c.value?.top + e.caption.offsetY,
                       style: w({
                         overflow: "visible",
                         opacity: e.to >= m.value.start && e.from < m.value.end ? 1 : 0
                       }),
                       height: "1",
-                      width: e.caption.width === "auto" ? c.value.width / S.value * e.span : e.caption.width
+                      width: e.caption.width === "auto" ? c.value.width / $.value * e.span : e.caption.width
                     }, [
                       y("div", {
                         style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
@@ -2373,14 +2374,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 ], 64)) : h("", !0)
               ]))), 256)),
               Ut.value ? (i(), r("g", nn, [
-                (i(!0), r(d, null, k(S.value, (e, s) => (i(), r("g", {
+                (i(!0), r(d, null, k($.value, (e, s) => (i(), r("g", {
                   key: `tooltip_trap_highlighter_${s}`
                 }, [
                   y("rect", {
-                    x: c.value?.left + c.value.width / S.value * s,
+                    x: c.value?.left + c.value.width / $.value * s,
                     y: c.value?.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
-                    width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
+                    width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
                     fill: [P.value, _.value, Ye.value].includes(s) ? v(Ce)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
                     style: { transition: "none !important", animation: "none !important" }
                   }, null, 8, rn)
@@ -2391,45 +2392,45 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 class: Je(`serie_bar_${s}`),
                 style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, [
-                (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r("g", {
+                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r("g", {
                   key: `bar_plot_${s}_${n}`
                 }, [
-                  xe(l.value) ? (i(), r("rect", {
+                  xe(a.value) ? (i(), r("rect", {
                     key: 0,
-                    x: jt(l) + aa.value / 2,
-                    y: f.value.useIndividualScale ? Al(l) : Ml(l),
-                    height: f.value.useIndividualScale ? Math.abs(Ll(l)) : Math.abs($l(l)),
-                    width: ta.value - aa.value,
+                    x: jt(a) + ll.value / 2,
+                    y: f.value.useIndividualScale ? Aa(a) : Ma(a),
+                    height: f.value.useIndividualScale ? Math.abs(La(a)) : Math.abs($a(a)),
+                    width: tl.value - ll.value,
                     rx: t.value.bar.borderRadius,
-                    fill: t.value.bar.useGradient ? l.value >= 0 ? `url(#rectGradient_pos_${s}_${z.value})` : `url(#rectGradient_neg_${s}_${z.value})` : e.color,
+                    fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${s}_${z.value})` : `url(#rectGradient_neg_${s}_${z.value})` : e.color,
                     stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                     "stroke-width": t.value.bar.border.strokeWidth,
                     style: w({
                       transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
                     })
                   }, null, 12, cn)) : h("", !0),
-                  xe(l.value) && a.$slots.pattern ? (i(), r("rect", {
+                  xe(a.value) && l.$slots.pattern ? (i(), r("rect", {
                     key: 1,
-                    x: jt(l) - aa.value / 2,
-                    y: f.value.useIndividualScale ? Al(l) : Ml(l),
-                    height: f.value.useIndividualScale ? Math.abs(Ll(l)) : Math.abs($l(l)),
-                    width: ta.value - aa.value,
+                    x: jt(a) - ll.value / 2,
+                    y: f.value.useIndividualScale ? Aa(a) : Ma(a),
+                    height: f.value.useIndividualScale ? Math.abs(La(a)) : Math.abs($a(a)),
+                    width: tl.value - ll.value,
                     rx: t.value.bar.borderRadius,
                     fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
                     stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                     "stroke-width": t.value.bar.border.strokeWidth,
                     style: w({ transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, vn)) : h("", !0),
-                  l.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
+                  a.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
                     key: 2,
                     style: { overflow: "visible" },
                     height: "12",
-                    width: ta.value + t.value.chart.comments.width,
-                    x: jt(l) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                    y: v(O)(l.y) + t.value.chart.comments.offsetY + 6
+                    width: tl.value + t.value.chart.comments.width,
+                    x: jt(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
+                    y: v(O)(a.y) + t.value.chart.comments.offsetY + 6
                   }, [
-                    F(a.$slots, "plot-comment", {
-                      plot: { ...l, color: e.color, seriesIndex: s, datapointIndex: n }
+                    F(l.$slots, "plot-comment", {
+                      plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
                     }, void 0, !0)
                   ], 8, dn)) : h("", !0)
                 ]))), 128))
@@ -2447,8 +2448,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               }, null, 8, hn)) : h("", !0),
               t.value.chart.highlighter.useLine && (![null, void 0].includes(_.value) || ![null, void 0].includes(P.value)) ? (i(), r("g", fn, [
                 y("line", {
-                  x1: c.value?.left + c.value.width / S.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / S.value / 2,
-                  x2: c.value?.left + c.value.width / S.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / S.value / 2,
+                  x1: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
+                  x2: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
                   y1: v(W)(c.value?.top),
                   y2: v(W)(c.value?.bottom),
                   stroke: t.value.chart.highlighter.color,
@@ -2463,7 +2464,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 style: { pointerEvents: "none", transition: "none", animation: "none !important" },
                 x: c.value?.left + q.value < 0 ? 0 : c.value?.left + q.value,
                 y: c.value?.top,
-                width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value),
+                width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
                 height: c.value.height < 0 ? 0 : c.value.height,
                 fill: "transparent",
                 stroke: t.value.chart.grid.frame.stroke,
@@ -2475,7 +2476,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               t.value.chart.grid.labels.show ? (i(), r("g", {
                 key: 5,
                 ref_key: "scaleLabels",
-                ref: ha
+                ref: hl
               }, [
                 f.value.useIndividualScale ? (i(), r(d, { key: 0 }, [
                   (i(!0), r(d, null, k(At.value, (e) => (i(), r("g", null, [
@@ -2500,7 +2501,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       transform: `translate(${e.x - x.value.dataLabels * 0.8 / 2 + q.value}, ${f.value.isStacked ? c.value?.bottom - e.yOffset - e.individualHeight / 2 : c.value?.top + c.value.height / 2}) rotate(-90)`
                     }, ue(e.name) + " " + ue(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
                                         ${e.scaleLabel}` : ""), 9, pn),
-                    (i(!0), r(d, null, k(e.yLabels, (s, l) => (i(), r(d, null, [
+                    (i(!0), r(d, null, k(e.yLabels, (s, a) => (i(), r(d, null, [
                       t.value.chart.grid.labels.yAxis.showCrosshairs ? (i(), r("line", {
                         key: 0,
                         x1: e.x + 3 + q.value - t.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
@@ -2513,7 +2514,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         style: { animation: "none !important" }
                       }, null, 8, yn)) : h("", !0)
                     ], 64))), 256)),
-                    (i(!0), r(d, null, k(e.yLabels, (s, l) => (i(), r("text", {
+                    (i(!0), r(d, null, k(e.yLabels, (s, a) => (i(), r("text", {
                       x: e.x - 5 + q.value - c.value.individualOffsetX,
                       y: v(W)(s.y) + x.value.dataLabels / 3,
                       "font-size": x.value.dataLabels,
@@ -2528,10 +2529,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         s: s.suffix,
                         r: t.value.chart.grid.labels.yAxis.rounding
                       }),
-                      { datapoint: s.datapoint, seriesIndex: l }
+                      { datapoint: s.datapoint, seriesIndex: a }
                     )), 9, xn))), 256))
                   ], 4))), 256))
-                ], 64)) : (i(!0), r(d, { key: 1 }, k(Nl.value, (e, s) => (i(), r("g", {
+                ], 64)) : (i(!0), r(d, { key: 1 }, k(Na.value, (e, s) => (i(), r("g", {
                   key: `yLabel_${s}`
                 }, [
                   xe(e) && e.value >= Ae.value.min && e.value <= Ae.value.max && t.value.chart.grid.labels.yAxis.showCrosshairs ? (i(), r("line", {
@@ -2569,30 +2570,30 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 class: Je(`serie_plot_${s}`),
                 style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, [
-                (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r("g", {
+                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r("g", {
                   key: `circle_plot_${s}_${n}`
                 }, [
-                  l && xe(l.value) ? (i(), _e(ra, {
+                  a && xe(a.value) ? (i(), _e(rl, {
                     key: 0,
                     shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                     color: t.value.plot.useGradient ? `url(#plotGradient_${s}_${z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
-                    plot: { x: v(O)(l.x), y: v(O)(l.y) },
+                    plot: { x: v(O)(a.x), y: v(O)(a.y) },
                     radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
                     stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                     strokeWidth: t.value.plot.dot.strokeWidth,
                     transition: v(ne) || !t.value.plot.showTransition || _.value !== null && _.value === n || P.value !== null && P.value === n ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
                   }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                  l.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
+                  a.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
                     key: 1,
                     style: { overflow: "visible" },
                     height: "12",
                     width: t.value.chart.comments.width,
-                    x: l.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                    y: l.y + t.value.chart.comments.offsetY + 6
+                    x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
+                    y: a.y + t.value.chart.comments.offsetY + 6
                   }, [
                     y("div", Sn, [
-                      F(a.$slots, "plot-comment", {
-                        plot: { ...l, color: e.color, seriesIndex: s, datapointIndex: n }
+                      F(l.$slots, "plot-comment", {
+                        plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
                       }, void 0, !0)
                     ])
                   ], 8, wn)) : h("", !0)
@@ -2623,13 +2624,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Ln)) : h("", !0)
               ], 6))), 128)),
-              a.$slots.pattern ? (i(), r("defs", Mn, [
-                (i(!0), r(d, null, k(Ve.value, (e, s) => F(a.$slots, "pattern", Qe({
+              l.$slots.pattern ? (i(), r("defs", Mn, [
+                (i(!0), r(d, null, k(Ve.value, (e, s) => F(l.$slots, "pattern", Qe({
                   key: `serie_pattern_slot_${e.id}`
                 }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${z.value}_${s}` }), void 0, !0)), 128))
               ])) : h("", !0),
-              Bl.value.length && !f.value.isStacked ? (i(), r("g", An, [
-                (i(!0), r(d, null, k(Bl.value, (e) => (i(), r("path", {
+              Ba.value.length && !f.value.isStacked ? (i(), r("g", An, [
+                (i(!0), r(d, null, k(Ba.value, (e) => (i(), r("path", {
                   key: e.key,
                   d: e.d,
                   fill: e.color,
@@ -2645,29 +2646,29 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, [
                 e.useArea && e.plots.length > 1 ? (i(), r("g", Tn, [
-                  e.smooth ? (i(!0), r(d, { key: 0 }, k(e.curveAreas, (l, n) => (i(), r(d, { key: n }, [
-                    l ? (i(), r("path", {
+                  e.smooth ? (i(!0), r(d, { key: 0 }, k(e.curveAreas, (a, n) => (i(), r(d, { key: n }, [
+                    a ? (i(), r("path", {
                       key: 0,
-                      d: l,
+                      d: a,
                       fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(e.color, t.value.line.area.opacity),
                       style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                     }, null, 12, zn)) : h("", !0),
-                    a.$slots.pattern && l ? (i(), r("path", {
+                    l.$slots.pattern && a ? (i(), r("path", {
                       key: 1,
-                      d: l,
+                      d: a,
                       fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
                       style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                     }, null, 12, In)) : h("", !0)
-                  ], 64))), 128)) : (i(!0), r(d, { key: 1 }, k(e.area.split(";"), (l, n) => (i(), r(d, { key: n }, [
-                    l ? (i(), r("path", {
+                  ], 64))), 128)) : (i(!0), r(d, { key: 1 }, k(e.area.split(";"), (a, n) => (i(), r(d, { key: n }, [
+                    a ? (i(), r("path", {
                       key: 0,
-                      d: `M${l}Z`,
+                      d: `M${a}Z`,
                       fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(e.color, t.value.line.area.opacity),
                       style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                     }, null, 12, Pn)) : h("", !0),
-                    a.$slots.pattern && l ? (i(), r("path", {
+                    l.$slots.pattern && a ? (i(), r("path", {
                       key: 1,
-                      d: `M${l}Z`,
+                      d: `M${a}Z`,
                       fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
                       style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                     }, null, 12, On)) : h("", !0)
@@ -2683,24 +2684,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   "stroke-linecap": "round",
                   style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Nn)) : e.hasDashedSegments ? (i(), r(d, { key: 2 }, [
-                  e.smooth ? (i(!0), r(d, { key: 0 }, k(e.dashedSmooth, (l) => (i(), r("path", {
-                    key: l.path,
+                  e.smooth ? (i(!0), r(d, { key: 0 }, k(e.dashedSmooth, (a) => (i(), r("path", {
+                    key: a.path,
                     fill: "none",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
-                    d: `M ${l.path}`,
+                    d: `M ${a.path}`,
                     stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${z.value})` : e.color,
                     "stroke-width": t.value.line.strokeWidth,
-                    "stroke-dasharray": l.dashed ? t.value.line.strokeWidth * 2 : 0
-                  }, null, 8, Fn))), 128)) : (i(!0), r(d, { key: 1 }, k(e.dashedStraight, (l) => (i(), r("path", {
-                    key: l.path,
+                    "stroke-dasharray": a.dashed ? t.value.line.strokeWidth * 2 : 0
+                  }, null, 8, Fn))), 128)) : (i(!0), r(d, { key: 1 }, k(e.dashedStraight, (a) => (i(), r("path", {
+                    key: a.path,
                     fill: "none",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
-                    d: `M ${l.path}`,
+                    d: `M ${a.path}`,
                     stroke: e.temperatureColors ? `url(#temperature_grad_line_${s}_${z.value})` : e.color,
                     "stroke-width": t.value.line.strokeWidth,
-                    "stroke-dasharray": l.dashed ? t.value.line.strokeWidth * 2 : 0
+                    "stroke-dasharray": a.dashed ? t.value.line.strokeWidth * 2 : 0
                   }, null, 8, Vn))), 128))
                 ], 64)) : e.plots.length > 1 && e.straight ? (i(), r("path", {
                   key: 3,
@@ -2713,30 +2714,30 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   "stroke-linejoin": "round",
                   style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Bn)) : h("", !0),
-                (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                   key: `circle_line_${s}_${n}`
                 }, [
-                  !Pl.value.linePlot && l && xe(l.value) || Pl.value.linePlot && l && xe(l.value) && (_.value !== null && _.value === n || P.value !== null && P.value === n) || Vl(e.plots, n) ? (i(), _e(ra, {
+                  !Pa.value.linePlot && a && xe(a.value) || Pa.value.linePlot && a && xe(a.value) && (_.value !== null && _.value === n || P.value !== null && P.value === n) || Va(e.plots, n) ? (i(), _e(rl, {
                     key: 0,
                     shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                     color: t.value.line.useGradient ? `url(#lineGradient_${s}_${z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
-                    plot: { x: v(O)(l.x), y: v(O)(l.y) },
-                    radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.line || 6) * 1.5 : (Vl(e.plots, n), Le.value.line || 6),
+                    plot: { x: v(O)(a.x), y: v(O)(a.y) },
+                    radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.line || 6) * 1.5 : (Va(e.plots, n), Le.value.line || 6),
                     stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                     strokeWidth: t.value.line.dot.strokeWidth,
                     transition: v(ne) || !t.value.line.showTransition || _.value !== null && _.value === n || P.value !== null && P.value === n ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
                   }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                  l.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
+                  a.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
                     key: 1,
                     style: { overflow: "visible" },
                     height: "12",
                     width: t.value.chart.comments.width,
-                    x: l.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                    y: l.y + t.value.chart.comments.offsetY + 6
+                    x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
+                    y: a.y + t.value.chart.comments.offsetY + 6
                   }, [
                     y("div", Hn, [
-                      F(a.$slots, "plot-comment", {
-                        plot: { ...l, color: e.color, seriesIndex: s, datapointIndex: n }
+                      F(l.$slots, "plot-comment", {
+                        plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
                       }, void 0, !0)
                     ])
                   ], 8, Rn)) : h("", !0)
@@ -2746,35 +2747,35 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 (i(!0), r(d, null, k(ke.value, (e, s) => (i(), r(d, {
                   key: `xLabel_bar_${e.id}`
                 }, [
-                  (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_bar_${s}_${n}`
                   }, [
-                    l && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n) && t.value.bar.labels.show ? (i(), r("text", {
+                    a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n) && t.value.bar.labels.show ? (i(), r("text", {
                       key: 0,
-                      x: f.value.useIndividualScale && f.value.isStacked ? l.x + J.value.line / 2 : jt(l) + Be() / 2 - ea.value / 2,
-                      y: v(O)(l.y) + (l.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
+                      x: f.value.useIndividualScale && f.value.isStacked ? a.x + J.value.line / 2 : jt(a) + Be() / 2 - el.value / 2,
+                      y: v(O)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                       "text-anchor": "middle",
                       "font-size": x.value.plotLabels,
                       fill: t.value.bar.labels.color,
                       style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, ue(xe(l.value) ? v(ve)(
+                    }, ue(xe(a.value) ? v(ve)(
                       t.value.bar.labels.formatter,
-                      l.value,
+                      a.value,
                       v(Pe)({
                         p: e.prefix || t.value.chart.labels.prefix,
-                        v: l.value,
+                        v: a.value,
                         s: e.suffix || t.value.chart.labels.suffix,
                         r: t.value.bar.labels.rounding
                       }),
                       {
-                        datapoint: l,
+                        datapoint: a,
                         serie: e
                       }
                     ) : ""), 13, Wn)) : h("", !0),
-                    l && t.value.bar.serieName.show ? (i(), r("text", {
+                    a && t.value.bar.serieName.show ? (i(), r("text", {
                       key: 1,
-                      x: f.value.useIndividualScale && f.value.isStacked ? l.x + J.value.line / 2 : l.x + Be() * 1.1,
-                      y: l.y + (l.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
+                      x: f.value.useIndividualScale && f.value.isStacked ? a.x + J.value.line / 2 : a.x + Be() * 1.1,
+                      y: a.y + (a.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
                       "text-anchor": "middle",
                       "font-size": x.value.plotLabels,
                       fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
@@ -2791,28 +2792,28 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
                   key: `xLabel_plot_${e.id}`
                 }, [
-                  (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_plot_${s}_${n}`
                   }, [
-                    l && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
+                    a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
                       key: 0,
-                      x: l.x,
-                      y: l.y + t.value.plot.labels.offsetY,
+                      x: a.x,
+                      y: a.y + t.value.plot.labels.offsetY,
                       "text-anchor": "middle",
                       "font-size": x.value.plotLabels,
                       fill: t.value.plot.labels.color,
                       style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, ue(xe(l.value) ? v(ve)(
+                    }, ue(xe(a.value) ? v(ve)(
                       t.value.plot.labels.formatter,
-                      l.value,
+                      a.value,
                       v(Pe)({
                         p: e.prefix || t.value.chart.labels.prefix,
-                        v: l.value,
+                        v: a.value,
                         s: e.suffix || t.value.chart.labels.suffix,
                         r: t.value.plot.labels.rounding
                       }),
                       {
-                        datapoint: l,
+                        datapoint: a,
                         serie: e
                       }
                     ) : ""), 13, Xn)) : h("", !0)
@@ -2822,7 +2823,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
                   key: `xLabel_plot_${e.id}`
                 }, [
-                  (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_plot_${s}_${n}`
                   }, [
                     t.value.plot.tag.followValue ? (i(), r(d, { key: 1 }, [
@@ -2831,18 +2832,18 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         class: "vue-ui-xy-tag-plot",
                         x1: c.value?.left,
                         x2: c.value?.right,
-                        y1: l.y,
-                        y2: l.y,
+                        y1: a.y,
+                        y2: a.y,
                         "stroke-width": 1,
                         "stroke-linecap": "round",
                         "stroke-dasharray": "2",
                         stroke: e.color
                       }, null, 8, Jn)) : h("", !0)
                     ], 64)) : (i(), r(d, { key: 0 }, [
-                      l && n === 0 && e.useTag && e.useTag === "start" ? (i(), r("foreignObject", {
+                      a && n === 0 && e.useTag && e.useTag === "start" ? (i(), r("foreignObject", {
                         key: 0,
-                        x: l.x,
-                        y: l.y - 20,
+                        x: a.x,
+                        y: a.y - 20,
                         height: 24,
                         width: "150",
                         style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2851,20 +2852,20 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
                           innerHTML: v(ve)(
                             t.value.plot.tag.formatter,
-                            l.value,
+                            a.value,
                             e.name,
                             {
-                              datapoint: l,
+                              datapoint: a,
                               seriesIndex: n,
                               serieName: e.name
                             }
                           )
                         }, null, 12, Un)
                       ], 12, qn)) : h("", !0),
-                      l && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (i(), r("foreignObject", {
+                      a && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (i(), r("foreignObject", {
                         key: 1,
-                        x: l.x - e.name.length * (x.value.plotLabels / 2),
-                        y: l.y - 20,
+                        x: a.x - e.name.length * (x.value.plotLabels / 2),
+                        y: a.y - 20,
                         height: 24,
                         width: "150",
                         style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2873,10 +2874,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
                           innerHTML: v(ve)(
                             t.value.plot.tag.formatter,
-                            l.value,
+                            a.value,
                             e.name,
                             {
-                              datapoint: l,
+                              datapoint: a,
                               seriesIndex: n,
                               serieName: e.name
                             }
@@ -2891,28 +2892,28 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
                   key: `xLabel_line_${e.id}`
                 }, [
-                  (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_line_${s}_${n}`
                   }, [
-                    l && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
+                    a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
                       key: 0,
-                      x: l.x,
-                      y: l.y + (l.value >= 0 ? t.value.line.labels.offsetY : -t.value.line.labels.offsetY * 3),
+                      x: a.x,
+                      y: a.y + (a.value >= 0 ? t.value.line.labels.offsetY : -t.value.line.labels.offsetY * 3),
                       "text-anchor": "middle",
                       "font-size": x.value.plotLabels,
                       fill: t.value.line.labels.color,
                       style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, ue(xe(l.value) ? v(ve)(
+                    }, ue(xe(a.value) ? v(ve)(
                       t.value.line.labels.formatter,
-                      l.value,
+                      a.value,
                       v(Pe)({
                         p: e.prefix || t.value.chart.labels.prefix,
-                        v: l.value,
+                        v: a.value,
                         s: e.suffix || t.value.chart.labels.suffix,
                         r: t.value.line.labels.rounding
                       }),
                       {
-                        datapoint: l,
+                        datapoint: a,
                         serie: e
                       }
                     ) : ""), 13, jn)) : h("", !0)
@@ -2922,7 +2923,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
                   key: `xLabel_line_${e.id}`
                 }, [
-                  (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                  (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_line_${s}_${n}`
                   }, [
                     t.value.line.tag.followValue ? (i(), r(d, { key: 1 }, [
@@ -2931,18 +2932,18 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         class: "vue-ui-xy-tag-line",
                         x1: c.value?.left,
                         x2: c.value?.right,
-                        y1: l.y,
-                        y2: l.y,
+                        y1: a.y,
+                        y2: a.y,
                         "stroke-width": 1,
                         "stroke-linecap": "round",
                         "stroke-dasharray": "2",
                         stroke: e.color
                       }, null, 8, ui)) : h("", !0)
                     ], 64)) : (i(), r(d, { key: 0 }, [
-                      l && n === 0 && e.useTag && e.useTag === "start" ? (i(), r("foreignObject", {
+                      a && n === 0 && e.useTag && e.useTag === "start" ? (i(), r("foreignObject", {
                         key: 0,
-                        x: l.x,
-                        y: l.y - 20,
+                        x: a.x,
+                        y: a.y - 20,
                         height: 24,
                         width: "150",
                         style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2951,20 +2952,20 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
                           innerHTML: v(ve)(
                             t.value.line.tag.formatter,
-                            l.value,
+                            a.value,
                             e.name,
                             {
-                              datapoint: l,
+                              datapoint: a,
                               seriesIndex: n,
                               serieName: e.name
                             }
                           )
-                        }, null, 12, ai)
+                        }, null, 12, li)
                       ], 12, ti)) : h("", !0),
-                      l && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (i(), r("foreignObject", {
+                      a && n === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (i(), r("foreignObject", {
                         key: 1,
-                        x: l.x,
-                        y: l.y - 20,
+                        x: a.x,
+                        y: a.y - 20,
                         height: 24,
                         width: "150",
                         style: w(`overflow: visible; opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2973,16 +2974,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                           style: w(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(He)(e.color)};width:fit-content;font-size:${x.value.plotLabels}px;border-radius: 2px;`),
                           innerHTML: v(ve)(
                             t.value.line.tag.formatter,
-                            l.value,
+                            a.value,
                             e.name,
                             {
-                              datapoint: l,
+                              datapoint: a,
                               seriesIndex: n,
                               serieName: e.name
                             }
                           )
                         }, null, 12, oi)
-                      ], 12, li)) : h("", !0)
+                      ], 12, ai)) : h("", !0)
                     ], 64))
                   ], 64))), 128))
                 ], 64))), 128))
@@ -2990,39 +2991,39 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                   key: `xLabel_line_${s}_${n}`
                 }, [
-                  l && n === 0 && e.showSerieName && e.showSerieName === "start" ? (i(), r("text", {
+                  a && n === 0 && e.showSerieName && e.showSerieName === "start" ? (i(), r("text", {
                     key: 0,
-                    x: l.x - x.value.plotLabels,
-                    y: l.y,
+                    x: a.x - x.value.plotLabels,
+                    y: a.y,
                     "font-size": x.value.plotLabels,
                     "text-anchor": "end",
                     fill: e.color,
-                    innerHTML: v(ia)({
+                    innerHTML: v(il)({
                       content: e.name,
                       fontSize: x.value.plotLabels,
                       fill: e.color,
-                      x: l.x - x.value.plotLabels,
-                      y: l.y,
+                      x: a.x - x.value.plotLabels,
+                      y: a.y,
                       maxWords: 2
                     }),
                     style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, null, 12, si)) : h("", !0),
-                  l && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (i(), r("text", {
+                  a && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (i(), r("text", {
                     key: 1,
-                    x: l.x + x.value.plotLabels,
-                    y: l.y,
+                    x: a.x + x.value.plotLabels,
+                    y: a.y,
                     "font-size": x.value.plotLabels,
                     "text-anchor": "start",
                     fill: e.color,
-                    innerHTML: v(ia)({
+                    innerHTML: v(il)({
                       content: e.name,
                       fontSize: x.value.plotLabels,
                       fill: e.color,
-                      x: l.x + x.value.plotLabels,
-                      y: l.y,
+                      x: a.x + x.value.plotLabels,
+                      y: a.y,
                       maxWords: 2
                     }),
                     style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -3032,39 +3033,39 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+                (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                   key: `xLabel_plot_${s}_${n}`
                 }, [
-                  l && n === 0 && e.showSerieName && e.showSerieName === "start" ? (i(), r("text", {
+                  a && n === 0 && e.showSerieName && e.showSerieName === "start" ? (i(), r("text", {
                     key: 0,
-                    x: l.x - x.value.plotLabels,
-                    y: l.y,
+                    x: a.x - x.value.plotLabels,
+                    y: a.y,
                     "font-size": x.value.plotLabels,
                     "text-anchor": "end",
                     fill: e.color,
-                    innerHTML: v(ia)({
+                    innerHTML: v(il)({
                       content: e.name,
                       fontSize: x.value.plotLabels,
                       fill: e.color,
-                      x: l.x - x.value.plotLabels,
-                      y: l.y,
+                      x: a.x - x.value.plotLabels,
+                      y: a.y,
                       maxWords: 2
                     }),
                     style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, null, 12, ii)) : h("", !0),
-                  l && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (i(), r("text", {
+                  a && n === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (i(), r("text", {
                     key: 1,
-                    x: l.x + x.value.plotLabels,
-                    y: l.y,
+                    x: a.x + x.value.plotLabels,
+                    y: a.y,
                     "font-size": x.value.plotLabels,
                     "text-anchor": "start",
                     fill: e.color,
-                    innerHTML: v(ia)({
+                    innerHTML: v(il)({
                       content: e.name,
                       fontSize: x.value.plotLabels,
                       fill: e.color,
-                      x: l.x + x.value.plotLabels,
-                      y: l.y,
+                      x: a.x + x.value.plotLabels,
+                      y: a.y,
                       maxWords: 2
                     }),
                     style: w(`opacity:${C.value ? C.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -3168,15 +3169,15 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   width: t.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   fill: C.value === e.groupId ? `url(#individual_scale_gradient_${z.value}_${s})` : "transparent",
-                  onMouseenter: (l) => C.value = e.groupId,
-                  onMouseleave: o[0] || (o[0] = (l) => C.value = null)
+                  onMouseenter: (a) => C.value = e.groupId,
+                  onMouseleave: o[0] || (o[0] = (a) => C.value = null)
                 }, null, 40, yi))), 256))
               ], 64)) : h("", !0),
               y("g", null, [
                 t.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (i(), r("text", {
                   key: 0,
                   ref_key: "yAxisLabel",
-                  ref: da,
+                  ref: dl,
                   "font-size": x.value.yAxis,
                   fill: t.value.chart.grid.labels.color,
                   transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value?.top + c.value.height / 2}) rotate(-90)`,
@@ -3186,7 +3187,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 t.value.chart.grid.labels.axis.xLabel ? (i(), r("text", {
                   key: 1,
                   ref_key: "xAxisLabel",
-                  ref: va,
+                  ref: vl,
                   "text-anchor": "middle",
                   x: ee.value / 2,
                   y: de.value - 3,
@@ -3199,15 +3200,15 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 ref_key: "timeLabelsEls",
                 ref: Ft
               }, [
-                a.$slots["time-label"] ? (i(!0), r(d, { key: 0 }, k(Kt.value, (e, s) => F(a.$slots, "time-label", Qe({
+                l.$slots["time-label"] ? (i(!0), r(d, { key: 0 }, k(Kt.value, (e, s) => F(l.$slots, "time-label", Qe({
                   key: `time_label_${e.id}`,
                   ref_for: !0
                 }, {
-                  x: c.value?.left + c.value.width / S.value * s + c.value.width / S.value / 2,
+                  x: c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2,
                   y: c.value?.bottom,
                   fontSize: x.value.xAxis,
                   fill: t.value.chart.grid.labels.xAxisLabels.color,
-                  transform: `translate(${c.value?.left + c.value.width / S.value * s + c.value.width / S.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                  transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                   absoluteIndex: e.absoluteIndex,
                   content: e.text,
                   textAnchor: t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
@@ -3223,9 +3224,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                       "font-size": x.value.xAxis,
                       fill: t.value.chart.grid.labels.xAxisLabels.color,
-                      transform: `translate(${c.value?.left + c.value.width / S.value * s + c.value.width / S.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                      transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                       style: w({
-                        cursor: dl() && Xe.value ? "pointer" : "default"
+                        cursor: da() && Xe.value ? "pointer" : "default"
                       }),
                       innerHTML: v(ju)({
                         content: String(e.text),
@@ -3234,24 +3235,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         x: 0,
                         y: 0
                       }),
-                      onClick: () => bl(e, s)
+                      onClick: () => ba(e, s)
                     }, null, 12, wi)) : (i(), r("text", {
                       key: 0,
                       class: "vue-data-ui-time-label",
                       "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                       "font-size": x.value.xAxis,
                       fill: t.value.chart.grid.labels.xAxisLabels.color,
-                      transform: `translate(${c.value?.left + c.value.width / S.value * s + c.value.width / S.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                      transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + x.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                       style: w({
-                        cursor: dl() && Xe.value ? "pointer" : "default"
+                        cursor: da() && Xe.value ? "pointer" : "default"
                       }),
-                      onClick: () => bl(e, s)
+                      onClick: () => ba(e, s)
                     }, ue(e.text || ""), 13, _i))
                   ], 64)) : h("", !0)
                 ]))), 128))
               ], 512)) : h("", !0),
-              Fl.value.length && !f.value.isStacked ? (i(), r("g", Si, [
-                (i(!0), r(d, null, k(Fl.value, (e) => (i(), r("g", {
+              Fa.value.length && !f.value.isStacked ? (i(), r("g", Si, [
+                (i(!0), r(d, null, k(Fa.value, (e) => (i(), r("g", {
                   key: e.uid
                 }, [
                   e.yTop && e.show && isFinite(e.yTop) ? (i(), r("line", {
@@ -3313,28 +3314,28 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 }, [
                   y("div", {
                     ref_key: "timeTagEl",
-                    ref: Kl,
+                    ref: Ka,
                     class: "vue-ui-xy-time-tag",
                     style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${t.value.chart.timeTag.backgroundColor};color:${t.value.chart.timeTag.color};font-size:${t.value.chart.timeTag.fontSize}px`),
                     innerHTML: ku.value
                   }, null, 12, zi)
                 ], 8, Ti)),
                 y("circle", {
-                  cx: c.value?.left + c.value.width / S.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / S.value / 2,
+                  cx: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
                   cy: c.value?.bottom,
                   r: t.value.chart.timeTag.circleMarker.radius,
                   fill: t.value.chart.timeTag.circleMarker.color
                 }, null, 8, Ii)
               ])) : h("", !0)
             ])) : h("", !0),
-            ll.value ? (i(), r("rect", Qe({ key: 2 }, Ro.value, {
+            aa.value ? (i(), r("rect", Qe({ key: 2 }, Ro.value, {
               "data-start": m.value.start,
               "data-end": m.value.end
             }), null, 16, Pi)) : h("", !0),
-            F(a.$slots, "svg", {
+            F(l.$slots, "svg", {
               svg: {
                 ...Oo.value,
-                isPrintingImg: v(Et) | v(_a) | Ht.value,
+                isPrintingImg: v(Et) | v(_l) | Ht.value,
                 isPrintingSvg: Dt.value,
                 data: [...oe.value, ...ke.value, ...fe.value],
                 drawingArea: c.value
@@ -3342,17 +3343,17 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             }, void 0, !0)
           ], 512)
         ], 46, $s)),
-        a.$slots.hint ? (i(), r("div", Oi, [
-          F(a.$slots, "hint", ge(be({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Ta.value })), void 0, !0)
+        l.$slots.hint ? (i(), r("div", Oi, [
+          F(l.$slots, "hint", ge(be({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Tl.value })), void 0, !0)
         ])) : h("", !0)
       ]),
-      a.$slots.watermark ? (i(), r("div", Ni, [
-        F(a.$slots, "watermark", ge(be({ isPrinting: v(Et) || v(_a) || Ht.value || Dt.value })), void 0, !0)
+      l.$slots.watermark ? (i(), r("div", Ni, [
+        F(l.$slots, "watermark", ge(be({ isPrinting: v(Et) || v(_l) || Ht.value || Dt.value })), void 0, !0)
       ])) : h("", !0),
       (i(!0), r(d, null, k(oe.value, (e, s) => (i(), r(d, {
         key: `tag_line_${e.id}`
       }, [
-        (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+        (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
           key: `tag_line_${s}_${n}`
         }, [
           [P.value, _.value, Ye.value].includes(n) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (i(), r("div", {
@@ -3364,16 +3365,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             style: w({
               position: "fixed",
               top: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.right + t.value.line.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_right_line`],
                 position: "right"
               })?.top + "px",
               left: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.right + t.value.line.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_right_line`],
                 position: "right"
               })?.left + "px",
@@ -3397,10 +3398,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ve)(
                 t.value.line.tag.formatter,
-                l.value,
+                a.value,
                 e.name,
                 {
-                  datapoint: l,
+                  datapoint: a,
                   seriesIndex: n,
                   serieName: e.name
                 }
@@ -3416,16 +3417,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             style: w({
               position: "fixed",
               top: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.left - t.value.line.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_left_line`],
                 position: "left"
               })?.top + "px",
               left: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.left - t.value.line.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_left_line`],
                 position: "left"
               })?.left + "px",
@@ -3449,10 +3450,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ve)(
                 t.value.line.tag.formatter,
-                l.value,
+                a.value,
                 e.name,
                 {
-                  datapoint: l,
+                  datapoint: a,
                   seriesIndex: n,
                   serieName: e.name
                 }
@@ -3464,7 +3465,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       (i(!0), r(d, null, k(fe.value, (e, s) => (i(), r(d, {
         key: `tag_plot_${e.id}`
       }, [
-        (i(!0), r(d, null, k(e.plots, (l, n) => (i(), r(d, {
+        (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
           key: `tag_plot_${s}_${n}`
         }, [
           [P.value, _.value, Ye.value].includes(n) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (i(), r("div", {
@@ -3476,16 +3477,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             style: w({
               position: "fixed",
               top: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.right + t.value.plot.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_right_plot`],
                 position: "right"
               })?.top + "px",
               left: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.right + t.value.plot.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_right_plot`],
                 position: "right"
               })?.left + "px",
@@ -3509,10 +3510,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ve)(
                 t.value.plot.tag.formatter,
-                l.value,
+                a.value,
                 e.name,
                 {
-                  datapoint: l,
+                  datapoint: a,
                   seriesIndex: n,
                   serieName: e.name
                 }
@@ -3528,16 +3529,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             style: w({
               position: "fixed",
               top: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.left - t.value.plot.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_left_plot`],
                 position: "left"
               })?.top + "px",
               left: v(De)({
-                svgElement: le.value,
+                svgElement: ae.value,
                 x: c.value?.left - t.value.plot.tag.fontSize / 1.5,
-                y: l.y,
+                y: a.y,
                 element: Oe.value[`${s}_${n}_left_plot`],
                 position: "left"
               })?.left + "px",
@@ -3561,10 +3562,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               class: "vue-ui-xy-tag-content",
               innerHTML: v(ve)(
                 t.value.plot.tag.formatter,
-                l.value,
+                a.value,
                 e.name,
                 {
-                  datapoint: l,
+                  datapoint: a,
                   seriesIndex: n,
                   serieName: e.name
                 }
@@ -3573,7 +3574,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      t.value.chart.zoom.show && ze.value > 6 && xa.value && xl.value ? (i(), _e(gs, {
+      t.value.chart.zoom.show && ze.value > 6 && xl.value && xa.value ? (i(), _e(gs, {
         key: 6,
         ref_key: "chartSlicer",
         ref: Te,
@@ -3592,7 +3593,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         useResetSlot: t.value.chart.zoom.useResetSlot,
         immediate: !t.value.chart.zoom.preview.enable,
         inputColor: t.value.chart.zoom.color,
-        isPreview: ll.value,
+        isPreview: aa.value,
         labelLeft: se.value[0] ? se.value[0].text : "",
         labelRight: se.value.at(-1) ? se.value.at(-1).text : "",
         max: ze.value,
@@ -3607,8 +3608,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         minimapSelectedColorOpacity: t.value.chart.zoom.minimap.selectedColorOpacity,
         minimapSelectedIndex: _.value,
         minimapSelectionRadius: t.value.chart.zoom.minimap.selectionRadius,
-        preciseLabels: Wl.value.length ? Wl.value : Zt.value,
-        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(...ca.dataset.map((e) => Fe(e.series).length)),
+        preciseLabels: Wa.value.length ? Wa.value : Zt.value,
+        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(...cl.dataset.map((e) => Fe(e.series).length)),
         refreshStartPoint: t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex : 0,
         selectColor: t.value.chart.zoom.highlightColor,
         selectedSeries: Ze.value,
@@ -3631,22 +3632,22 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         handleFill: t.value.chart.zoom.minimap.handleFill,
         handleWidth: t.value.chart.zoom.minimap.handleWidth,
         isCursorPointer: Xe.value,
-        onFutureEnd: o[1] || (o[1] = (e) => ol("end", e)),
-        onFutureStart: o[2] || (o[2] = (e) => ol("start", e)),
+        onFutureEnd: o[1] || (o[1] = (e) => oa("end", e)),
+        onFutureStart: o[2] || (o[2] = (e) => oa("start", e)),
         onReset: eu,
         onTrapMouse: Ko,
         "onUpdate:end": jo,
         "onUpdate:start": Qo
       }, {
         "reset-action": X(({ reset: e }) => [
-          F(a.$slots, "reset-action", ge(be({ reset: e })), void 0, !0)
+          F(l.$slots, "reset-action", ge(be({ reset: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["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"])) : h("", !0),
       y("div", {
         id: `legend-bottom-${z.value}`
       }, null, 8, Ui),
-      Ga.value ? (i(), _e(Ru, {
+      Gl.value ? (i(), _e(Ru, {
         key: 7,
         to: t.value.chart.legend.position === "top" ? `#legend-top-${z.value}` : `#legend-bottom-${z.value}`
       }, [
@@ -3669,8 +3670,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : h("", !0),
           (i(!0), r(d, null, k(ie.value, (e, s) => (i(), r("div", {
             key: `div_legend_item_${s}`,
-            onClick: (l) => Mt(e),
-            onKeydown: (l) => uu(l, e),
+            onClick: (a) => Mt(e),
+            onKeydown: (a) => uu(a, e),
             role: "button",
             tabindex: "0",
             class: Je({
@@ -3682,7 +3683,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               cursor: Xe.value ? "pointer" : "default"
             })
           }, [
-            bt.value[e.type] === "line" ? (i(), r("svg", Ki, [
+            pt.value[e.type] === "line" ? (i(), r("svg", Ki, [
               y("rect", {
                 x: "0",
                 y: "7.5",
@@ -3693,7 +3694,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 width: "20",
                 fill: e.color
               }, null, 8, Ji),
-              vt(ra, {
+              dt(rl, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
                 color: e.color,
@@ -3701,8 +3702,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 stroke: t.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : bt.value[e.type] === "bar" ? (i(), r("svg", Qi, [
-              bt.value[e.type] === "bar" && a.$slots.pattern ? (i(), r("rect", {
+            ])) : pt.value[e.type] === "bar" ? (i(), r("svg", Qi, [
+              pt.value[e.type] === "bar" && l.$slots.pattern ? (i(), r("rect", {
                 key: 0,
                 x: "4",
                 y: "4",
@@ -3712,7 +3713,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 stroke: "none",
                 fill: e.color
               }, null, 8, ji)) : h("", !0),
-              bt.value[e.type] === "bar" ? (i(), r("rect", {
+              pt.value[e.type] === "bar" ? (i(), r("rect", {
                 key: 1,
                 x: "4",
                 y: "4",
@@ -3720,10 +3721,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 height: "32",
                 width: "32",
                 stroke: "none",
-                fill: a.$slots.pattern ? `url(#pattern_${z.value}_${e.slotAbsoluteIndex})` : e.color
+                fill: l.$slots.pattern ? `url(#pattern_${z.value}_${e.slotAbsoluteIndex})` : e.color
               }, null, 8, er)) : h("", !0)
             ])) : (i(), r("svg", tr, [
-              vt(ra, {
+              dt(rl, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
                 color: e.color,
@@ -3739,20 +3740,20 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           ref_key: "chartLegend",
           ref: et
         }, [
-          F(a.$slots, "legend", { legend: ie.value }, void 0, !0)
+          F(l.$slots, "legend", { legend: ie.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : h("", !0),
-      a.$slots.source ? (i(), r("div", {
+      l.$slots.source ? (i(), r("div", {
         key: 8,
         ref_key: "source",
-        ref: mt,
+        ref: gt,
         dir: "auto"
       }, [
-        F(a.$slots, "source", {}, void 0, !0)
+        F(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      vt(v(_o), {
+      dt(v(_o), {
         teleportTo: t.value.chart.tooltip.teleportTo,
-        show: f.value.showTooltip && Da.value,
+        show: f.value.showTooltip && Dl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
         fontSize: t.value.chart.tooltip.fontSize,
@@ -3762,7 +3763,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         backgroundOpacity: t.value.chart.tooltip.backgroundOpacity,
         position: t.value.chart.tooltip.position,
         offsetY: t.value.chart.tooltip.offsetY,
-        parent: a.$refs.chart,
+        parent: l.$refs.chart,
         content: bu.value,
         isFullscreen: Ee.value,
         isCustom: t.value.chart.tooltip.customFormat && typeof t.value.chart.tooltip.customFormat == "function",
@@ -3770,65 +3771,65 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         backdropFilter: t.value.chart.tooltip.backdropFilter,
         smoothForce: t.value.chart.tooltip.smoothForce,
         smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: lt.value != null,
-        a11yPosition: qa.value
+        isA11yMode: at.value != null,
+        a11yPosition: ql.value
       }, {
         "tooltip-before": X(() => [
-          F(a.$slots, "tooltip-before", ge(be({ ...Rl.value })), void 0, !0)
+          F(l.$slots, "tooltip-before", ge(be({ ...Ra.value })), void 0, !0)
         ]),
         "tooltip-after": X(() => [
-          F(a.$slots, "tooltip-after", ge(be({ ...Rl.value })), void 0, !0)
+          F(l.$slots, "tooltip-after", ge(be({ ...Ra.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      xa.value && t.value.chart.userOptions.buttons.table ? (i(), _e(Hu(Ct.value.component), Qe({ key: 9 }, Ct.value.props, {
+      xl.value && t.value.chart.userOptions.buttons.table ? (i(), _e(Hu(Ct.value.component), Qe({ key: 9 }, Ct.value.props, {
         ref_key: "tableUnit",
-        ref: at,
-        onClose: jl
-      }), ao({
+        ref: lt,
+        onClose: ja
+      }), lo({
         content: X(() => [
           y("div", {
             style: w(`${v(Et) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
-            y("div", ar, [
+            y("div", lr, [
               Du(y("input", {
                 type: "checkbox",
-                "onUpdate:modelValue": o[4] || (o[4] = (e) => pt.value = e)
+                "onUpdate:modelValue": o[4] || (o[4] = (e) => yt.value = e)
               }, null, 512), [
-                [Wu, pt.value]
+                [Wu, yt.value]
               ]),
               y("div", {
-                onClick: o[5] || (o[5] = (e) => pt.value = !pt.value),
+                onClick: o[5] || (o[5] = (e) => yt.value = !yt.value),
                 style: w({
                   cursor: Xe.value ? "pointer" : "default"
                 })
               }, [
-                vt(v(Ba), {
+                dt(v(Bl), {
                   name: "chartLine",
                   size: 20,
                   stroke: t.value.chart.color
                 }, null, 8, ["stroke"])
               ], 4)
             ]),
-            pt.value ? (i(), _e(v(So), {
-              key: `sparkline_${ga.value}`,
+            yt.value ? (i(), _e(v(So), {
+              key: `sparkline_${gl.value}`,
               dataset: vu.value,
               config: du.value
             }, null, 8, ["dataset", "config"])) : (i(), _e(v(ko), {
-              key: `table_${Ea.value}`,
-              colNames: rt.value.colNames,
-              head: rt.value.head,
-              body: rt.value.body,
-              config: rt.value.config,
+              key: `table_${El.value}`,
+              colNames: ct.value.colNames,
+              head: ct.value.head,
+              body: ct.value.body,
+              config: ct.value.config,
               title: t.value.table.useDialog ? "" : Ct.value.title,
               withCloseButton: !t.value.table.useDialog,
-              onClose: jl
+              onClose: ja
             }, {
               th: X(({ th: e }) => [
-                y("div", { innerHTML: e }, null, 8, lr)
+                y("div", { innerHTML: e }, null, 8, ar)
               ]),
               td: X(({ td: e }) => [
-                lo(ue(isNaN(Number(e)) ? e : v(Pe)({
+                ao(ue(isNaN(Number(e)) ? e : v(Pe)({
                   p: t.value.chart.labels.prefix,
                   v: e,
                   s: t.value.chart.labels.suffix,
@@ -3844,7 +3845,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         t.value.table.useDialog ? {
           name: "title",
           fn: X(() => [
-            lo(ue(Ct.value.title), 1)
+            ao(ue(Ct.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -3854,9 +3855,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             y("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[3] || (o[3] = (e) => La(t.value.chart.userOptions.callbacks.csv))
+              onClick: o[3] || (o[3] = (e) => Ll(t.value.chart.userOptions.callbacks.csv))
             }, [
-              vt(v(Ba), {
+              dt(v(Bl), {
                 name: "fileCsv",
                 stroke: Ct.value.props.color
               }, null, 8, ["stroke"])
@@ -3865,12 +3866,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      F(a.$slots, "skeleton", {}, () => [
+      F(l.$slots, "skeleton", {}, () => [
         v(ne) ? (i(), _e(is, { key: 0 })) : h("", !0)
       ], !0)
     ], 46, ks));
   }
-}, $r = /* @__PURE__ */ xs(or, [["__scopeId", "data-v-e0260fa8"]]);
+}, $r = /* @__PURE__ */ xs(or, [["__scopeId", "data-v-bb9bd5fa"]]);
 export {
   $r as default
 };