vue-data-ui 3.4.1 → 3.4.3

package/dist/{vue-ui-xy-tSMgXqqb.js → vue-ui-xy-DmWHarZg.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as Ye, useSlots as Eo, getCurrentInstance as Yo, ref as x, computed as b, onMounted as Ul, toRefs as Wo, watch as Al, watchEffect as La, onBeforeUnmount as yt, nextTick as Ma, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as je, createBlock as Me, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, createSlots as Aa, withCtx as ee, renderSlot as X, normalizeProps as el, guardReactiveProps as ll, Fragment as d, renderList as w, mergeProps as tl, toDisplayString as te, Teleport as Xo, resolveDynamicComponent as Go, withDirectives as Uo, vModelCheckbox as qo, createTextVNode as Ca } from "vue";
-import { c as kt, f as _t, t as Zo, e as Jo, m as Cl, n as al, h as Ta, p as za, q as ql, r as E, u as wt, v as Ko, w as Qo, x as P, y as Ia, z as Oa, A as Na, B as Va, C as jo, D as Pa, E as Fa, a as oe, F as es, G as Ra, H as ls, j as Ba, k as Ne, d as Ve, i as ol, s as Ae, I as ts, J as We, K as Zl, L as _e, M as as, N as Xe, O as fe, b as os, o as Ha, P as ss, Q as us, R as dl } from "./lib-BcBZIm6u.js";
+import { defineAsyncComponent as Ye, useSlots as Eo, getCurrentInstance as Yo, ref as x, computed as b, onMounted as Ul, toRefs as Wo, watch as Al, watchEffect as Lt, onBeforeUnmount as ya, nextTick as Mt, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as je, createBlock as Ae, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, createSlots as At, withCtx as ee, renderSlot as X, normalizeProps as el, guardReactiveProps as ll, Fragment as d, renderList as w, mergeProps as al, toDisplayString as ae, Teleport as Xo, resolveDynamicComponent as Go, withDirectives as Uo, vModelCheckbox as qo, createTextVNode as Ct } from "vue";
+import { c as ka, f as _a, t as Zo, e as Jo, m as Cl, n as tl, h as Tt, p as zt, q as ql, r as E, u as wa, v as Ko, w as Qo, x as P, y as It, z as Ot, A as Nt, B as Vt, C as jo, D as Pt, E as Ft, a as se, F as es, G as Rt, H as ls, j as Bt, k as Ne, d as Ve, i as ol, s as Ce, I as as, J as We, K as Zl, L as _e, M as ts, N as Xe, O as fe, b as os, o as Ht, P as ss, Q as us, R as dl } from "./lib-BcBZIm6u.js";
 import { t as is } from "./useResponsive-DfdjqQps.js";
-import { u as ns, a as Jl } from "./useNestedProp-B7CiTRDS.js";
+import { u as ns, a as Jl } from "./useNestedProp-CtheCta-.js";
 import { u as rs } from "./usePrinter-C1GiglOH.js";
 import { u as cs, B as vs } from "./BaseScanner-BgWxam9d.js";
-import { u as Da, a as ds, l as hs } from "./useTimeLabels-BGFjWgrv.js";
+import { u as Dt, a as ds, l as hs } from "./useTimeLabels-BGFjWgrv.js";
 import { u as fs } from "./useSvgExport-DrjCWun4.js";
 import { u as gs } from "./useTimeLabelCollider-CIsgDrl9.js";
 import ms from "./img-CFY3JivG.js";
-import bs from "./Title-CFmv95In.js";
-import { t as xs } from "./themes-Dw-dDudK.js";
+import bs from "./Title-D7_5ICX_.js";
+import { t as xs } from "./themes-AUNCOb2G.js";
 import { _ as Kl } from "./Shape-BhNvlGIN.js";
 import { S as ps } from "./SlicerPreview-Cobmb_1S.js";
-import ys from "./vue-ui-accordion-BKkTS12x.js";
+import ys from "./vue-ui-accordion-DXdd_qAk.js";
 import { _ as ks } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y", "width", "height"], Ls = { key: 1 }, Ms = { class: "vue-ui-xy-grid" }, As = ["stroke", "x1", "x2", "y1", "y2"], Cs = ["stroke", "x1", "x2", "y1", "y2"], Ts = { key: 1 }, zs = ["x1", "x2", "y1", "y2", "stroke"], Is = ["x1", "x2", "y1", "y2", "stroke"], Os = ["x1", "x2", "y1", "y2", "stroke"], Ns = { key: 3 }, Vs = ["d", "stroke"], Ps = { key: 4 }, Fs = ["d", "stroke"], Rs = ["id"], Bs = ["stop-color"], Hs = ["stop-color"], Ds = ["stop-color"], Es = ["id"], Ys = ["stop-color"], Ws = ["stop-color"], Xs = ["stop-color"], Gs = ["id"], Us = ["stop-color"], qs = ["stop-color"], Zs = ["id"], Js = ["stop-color"], Ks = ["stop-color"], Qs = ["id"], js = ["stop-color"], eu = ["stop-color"], lu = ["x", "y", "height", "width", "fill"], tu = ["x", "y", "width"], au = { key: 0 }, ou = ["x", "y", "height", "width", "fill"], su = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], uu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], iu = ["width", "x", "y"], nu = ["stroke", "x1", "x2", "y1", "y2"], ru = { key: 3 }, cu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], du = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hu = ["fill", "font-size", "transform"], fu = ["x1", "x2", "y1", "y2", "stroke"], gu = ["x", "y", "font-size", "fill"], mu = ["x1", "x2", "y1", "y2", "stroke"], bu = ["x", "y", "font-size", "fill"], xu = ["width", "x", "y"], pu = { style: { width: "100%" } }, yu = ["d", "stroke", "stroke-width", "stroke-dasharray"], ku = ["d", "stroke", "stroke-width", "stroke-dasharray"], _u = { key: 6 }, wu = { key: 7 }, Su = ["d", "fill", "fill-opacity"], $u = { key: 0 }, Lu = ["d", "fill"], Mu = ["d", "fill"], Au = ["d", "fill"], Cu = ["d", "fill"], Tu = ["d", "stroke", "stroke-width", "stroke-dasharray"], zu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Iu = ["width", "x", "y"], Ou = { style: { width: "100%" } }, Nu = { key: 8 }, Vu = ["x", "y", "font-size", "fill"], Pu = ["x", "y", "font-size", "fill", "font-weight"], Fu = { key: 9 }, Ru = ["x", "y", "font-size", "fill"], Bu = { key: 10 }, Hu = ["x", "y"], Du = ["innerHTML"], Eu = ["x", "y"], Yu = ["innerHTML"], Wu = ["x1", "x2", "y1", "y2", "stroke"], Xu = { key: 11 }, Gu = ["x", "y", "font-size", "fill"], Uu = { key: 12 }, qu = ["x", "y"], Zu = ["innerHTML"], Ju = ["x", "y"], Ku = ["innerHTML"], Qu = ["x1", "x2", "y1", "y2", "stroke"], ju = ["x", "y", "font-size", "fill", "innerHTML"], ei = ["x", "y", "font-size", "fill", "innerHTML"], li = ["x", "y", "font-size", "fill", "innerHTML"], ti = ["x", "y", "font-size", "fill", "innerHTML"], ai = { key: 0 }, oi = ["id"], si = ["fill", "stroke"], ui = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ii = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ni = ["x", "y", "font-size", "fill", "stroke"], ri = ["id"], ci = ["stop-color"], vi = ["stop-color"], di = ["x", "y", "width", "height", "fill", "onMouseenter"], hi = ["font-size", "fill", "transform"], fi = ["x", "y", "font-size", "fill"], gi = ["text-anchor", "font-size", "fill", "transform", "onClick"], mi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bi = { key: 15 }, xi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], pi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], yi = ["y", "x", "width", "height", "fill"], ki = ["id", "x", "y", "font-size", "fill", "text-anchor"], _i = {
+const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y", "width", "height"], Ls = { key: 1 }, Ms = { class: "vue-ui-xy-grid" }, As = ["stroke", "x1", "x2", "y1", "y2"], Cs = ["stroke", "x1", "x2", "y1", "y2"], Ts = { key: 1 }, zs = ["x1", "x2", "y1", "y2", "stroke"], Is = ["x1", "x2", "y1", "y2", "stroke"], Os = ["x1", "x2", "y1", "y2", "stroke"], Ns = { key: 3 }, Vs = ["d", "stroke"], Ps = { key: 4 }, Fs = ["d", "stroke"], Rs = ["id"], Bs = ["stop-color"], Hs = ["stop-color"], Ds = ["stop-color"], Es = ["id"], Ys = ["stop-color"], Ws = ["stop-color"], Xs = ["stop-color"], Gs = ["id"], Us = ["stop-color"], qs = ["stop-color"], Zs = ["id"], Js = ["stop-color"], Ks = ["stop-color"], Qs = ["id"], js = ["stop-color"], eu = ["stop-color"], lu = ["x", "y", "height", "width", "fill"], au = ["x", "y", "width"], tu = { key: 0 }, ou = ["x", "y", "height", "width", "fill"], su = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], uu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], iu = ["width", "x", "y"], nu = ["stroke", "x1", "x2", "y1", "y2"], ru = { key: 3 }, cu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], du = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hu = ["fill", "font-size", "transform"], fu = ["x1", "x2", "y1", "y2", "stroke"], gu = ["x", "y", "font-size", "fill"], mu = ["x1", "x2", "y1", "y2", "stroke"], bu = ["x", "y", "font-size", "fill"], xu = ["width", "x", "y"], pu = { style: { width: "100%" } }, yu = ["d", "stroke", "stroke-width", "stroke-dasharray"], ku = ["d", "stroke", "stroke-width", "stroke-dasharray"], _u = { key: 6 }, wu = { key: 7 }, Su = ["d", "fill", "fill-opacity"], $u = { key: 0 }, Lu = ["d", "fill"], Mu = ["d", "fill"], Au = ["d", "fill"], Cu = ["d", "fill"], Tu = ["d", "stroke", "stroke-width", "stroke-dasharray"], zu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Iu = ["width", "x", "y"], Ou = { style: { width: "100%" } }, Nu = { key: 8 }, Vu = ["x", "y", "font-size", "fill"], Pu = ["x", "y", "font-size", "fill", "font-weight"], Fu = { key: 9 }, Ru = ["x", "y", "font-size", "fill"], Bu = { key: 10 }, Hu = ["x", "y"], Du = ["innerHTML"], Eu = ["x", "y"], Yu = ["innerHTML"], Wu = ["x1", "x2", "y1", "y2", "stroke"], Xu = { key: 11 }, Gu = ["x", "y", "font-size", "fill"], Uu = { key: 12 }, qu = ["x", "y"], Zu = ["innerHTML"], Ju = ["x", "y"], Ku = ["innerHTML"], Qu = ["x1", "x2", "y1", "y2", "stroke"], ju = ["x", "y", "font-size", "fill", "innerHTML"], ei = ["x", "y", "font-size", "fill", "innerHTML"], li = ["x", "y", "font-size", "fill", "innerHTML"], ai = ["x", "y", "font-size", "fill", "innerHTML"], ti = { key: 0 }, oi = ["id"], si = ["fill", "stroke"], ui = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ii = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ni = ["x", "y", "font-size", "fill", "stroke"], ri = ["id"], ci = ["stop-color"], vi = ["stop-color"], di = ["x", "y", "width", "height", "fill", "onMouseenter"], hi = ["font-size", "fill", "transform"], fi = ["x", "y", "font-size", "fill"], gi = ["text-anchor", "font-size", "fill", "transform", "onClick"], mi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bi = { key: 15 }, xi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], pi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], yi = ["y", "x", "width", "height", "fill"], ki = ["id", "x", "y", "font-size", "fill", "text-anchor"], _i = {
   key: 16,
   style: { "pointer-events": "none" }
 }, wi = ["x", "y"], Si = ["innerHTML"], $i = ["cx", "cy", "r", "fill"], Li = ["data-start", "data-end"], Mi = {
@@ -79,26 +79,26 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup(Ql, { expose: Ea, emit: Ya }) {
-    const g = Ql, Wa = Ye(() => import("./DataTable-DOx3zgih.js")), Xa = Ye(() => import("./Tooltip-Cs4v8OnI.js")), Ga = Ye(() => import("./UserOptions-C0YT60JN.js")), St = Ye(() => import("./BaseIcon-B5KaGWWC.js")), Ua = Ye(() => import("./vue-ui-table-sparkline-BBFEJ8c6.js")), qa = Ye(() => import("./PackageVersion-VpPtLYhK.js")), Za = Ye(() => import("./PenAndPaper-Dj2diYr0.js")), Ja = Ye(() => import("./BaseDraggableDialog-CbuLbfrc.js")), jl = Ya, $t = Eo(), Ka = Yo(), { vue_ui_xy: hl } = ns(), Ce = x(null), fl = x(null), Te = x(null), sl = x(null), gl = x(null), ml = x(null), Qa = x(null), et = x(null), lt = x(null), ul = x(null), tt = x(null), at = x(null), Re = x(null), ot = x(null), ja = x(0), I = x(null), Lt = x(!0), ve = x(600), Q = x(1e3), Tl = x("0 0 1000 600"), eo = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), Ge = x(!1), Mt = x(!1), Ue = x(null), j = x([]), D = x(kt()), At = x(0), Ct = x(0), Tt = x(0), pl = x(!0), st = x(0), V = x(null), zt = x(!1), ut = x(!0), zl = x(!0), se = x(null), Pe = x({}), Il = x(null), It = x(!1), il = x(null), _ = x(null), lo = b(() => ({
+  setup(Ql, { expose: Et, emit: Yt }) {
+    const g = Ql, Wt = Ye(() => import("./DataTable-DOx3zgih.js")), Xt = Ye(() => import("./Tooltip-Cs4v8OnI.js")), Gt = Ye(() => import("./UserOptions-C0YT60JN.js")), Sa = Ye(() => import("./BaseIcon-B5KaGWWC.js")), Ut = Ye(() => import("./vue-ui-table-sparkline-Elk05A1j.js")), qt = Ye(() => import("./PackageVersion-Df-8U2yE.js")), Zt = Ye(() => import("./PenAndPaper-Dj2diYr0.js")), Jt = Ye(() => import("./BaseDraggableDialog-CbuLbfrc.js")), jl = Yt, $a = Eo(), Kt = Yo(), { vue_ui_xy: hl } = ns(), Te = x(null), fl = x(null), ze = x(null), sl = x(null), gl = x(null), ml = x(null), Qt = x(null), ea = x(null), la = x(null), ul = x(null), aa = x(null), ta = x(null), Re = x(null), oa = x(null), jt = x(0), I = x(null), La = x(!0), ve = x(600), Q = x(1e3), Tl = x("0 0 1000 600"), eo = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), Ge = x(!1), Ma = x(!1), Ue = x(null), j = x([]), D = x(ka()), Aa = x(0), Ca = x(0), Ta = x(0), pl = x(!0), sa = x(0), V = x(null), za = x(!1), ua = x(!0), zl = x(!0), ue = x(null), Pe = x({}), Il = x(null), Ia = x(!1), il = x(null), _ = x(null), lo = b(() => ({
       height: ve.value,
       width: Q.value
     }));
-    function Ot(t) {
-      return Number.isFinite(t) ? Math.max(0, Math.floor(t)) : 0;
+    function Oa(a) {
+      return Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0;
     }
-    function it(t, s, e = 0) {
-      return Number.isFinite(t) && Number.isFinite(s) && Math.abs(s) > 1e-9 ? t / s : e;
+    function ia(a, s, e = 0) {
+      return Number.isFinite(a) && Number.isFinite(s) && Math.abs(s) > 1e-9 ? a / s : e;
     }
-    const Nt = x(!1), y = x({
+    const Na = x(!1), y = x({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
     }), we = x({ plot: 3, line: 3 });
     Ul(() => {
-      It.value = !0, g.dataset.length && g.dataset.forEach((t, s) => {
-        [null, void 0].includes(t.series) && _t({
+      Ia.value = !0, g.dataset.length && g.dataset.forEach((a, s) => {
+        [null, void 0].includes(a.series) && _a({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "series (number[])",
@@ -107,63 +107,63 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         });
       });
     });
-    function nt() {
+    function na() {
       if (!Object.keys(g.config || {}).length)
         return hl;
-      const t = Jl({
+      const a = Jl({
         userConfig: g.config,
         defaultConfig: hl
       });
-      return g.config && fe(g.config, "chart.highlightArea") && (Array.isArray(g.config.chart.highlightArea) ? t.chart.highlightArea = g.config.chart.highlightArea : t.chart.highlightArea = [g.config.chart.highlightArea]), g.config && fe(g.config, "chart.grid.labels.yAxis.scaleMin") ? t.chart.grid.labels.yAxis.scaleMin = g.config.chart.grid.labels.yAxis.scaleMin : t.chart.grid.labels.yAxis.scaleMin = null, g.config && fe(g.config, "chart.grid.labels.yAxis.scaleMax") ? t.chart.grid.labels.yAxis.scaleMax = g.config.chart.grid.labels.yAxis.scaleMax : t.chart.grid.labels.yAxis.scaleMax = null, g.config && fe(g.config, "chart.zoom.startIndex") ? t.chart.zoom.startIndex = g.config.chart.zoom.startIndex : t.chart.zoom.startIndex = null, g.config && fe(g.config, "chart.zoom.endIndex") ? t.chart.zoom.endIndex = g.config.chart.zoom.endIndex : t.chart.zoom.endIndex = null, g.config && fe(g.config, "chart.grid.labels.yAxis.groupColor") ? t.chart.grid.labels.yAxis.groupColor = g.config.chart.grid.labels.yAxis.groupColor : t.chart.grid.labels.yAxis.groupColor = null, g.config && fe(g.config, "chart.annotations") && Array.isArray(g.config.chart.annotations) && g.config.chart.annotations.length ? t.chart.annotations = g.config.chart.annotations.map((s) => Jl({
+      return g.config && fe(g.config, "chart.highlightArea") && (Array.isArray(g.config.chart.highlightArea) ? a.chart.highlightArea = g.config.chart.highlightArea : a.chart.highlightArea = [g.config.chart.highlightArea]), g.config && fe(g.config, "chart.grid.labels.yAxis.scaleMin") ? a.chart.grid.labels.yAxis.scaleMin = g.config.chart.grid.labels.yAxis.scaleMin : a.chart.grid.labels.yAxis.scaleMin = null, g.config && fe(g.config, "chart.grid.labels.yAxis.scaleMax") ? a.chart.grid.labels.yAxis.scaleMax = g.config.chart.grid.labels.yAxis.scaleMax : a.chart.grid.labels.yAxis.scaleMax = null, g.config && fe(g.config, "chart.zoom.startIndex") ? a.chart.zoom.startIndex = g.config.chart.zoom.startIndex : a.chart.zoom.startIndex = null, g.config && fe(g.config, "chart.zoom.endIndex") ? a.chart.zoom.endIndex = g.config.chart.zoom.endIndex : a.chart.zoom.endIndex = null, g.config && fe(g.config, "chart.grid.labels.yAxis.groupColor") ? a.chart.grid.labels.yAxis.groupColor = g.config.chart.grid.labels.yAxis.groupColor : a.chart.grid.labels.yAxis.groupColor = null, g.config && fe(g.config, "chart.annotations") && Array.isArray(g.config.chart.annotations) && g.config.chart.annotations.length ? a.chart.annotations = g.config.chart.annotations.map((s) => Jl({
         defaultConfig: hl.chart.annotations[0],
         userConfig: s
-      })) : t.chart.annotations = [], g.config && fe(g.config, "chart.grid.position") && g.config.chart.grid.position === "start" && g.dataset.length && g.dataset.some((s) => s.type === "bar") && (t.chart.grid.position = "middle", fe(g.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), g.config && fe(g.config, "chart.grid.labels.yAxis.serieNameFormatter") ? t.chart.grid.labels.yAxis.serieNameFormatter = g.config.chart.grid.labels.yAxis.serieNameFormatter : t.chart.grid.labels.yAxis.serieNameFormatter = null, g.config && fe(g.config, "events.datapointEnter") ? t.events.datapointEnter = g.config.events.datapointEnter : t.events.datapointEnter = null, g.config && fe(g.config, "events.datapointLeave") ? t.events.datapointLeave = g.config.events.datapointLeave : t.events.datapointLeave = null, g.config && fe(g.config, "events.datapointClick") ? t.events.datapointClick = g.config.events.datapointClick : t.events.datapointClick = null, g.config && fe(g.config, "chart.highlightArea") && (Array.isArray(g.config.chart.highlightArea) ? t.chart.highlightArea = g.config.chart.highlightArea.map((s) => Vt({
+      })) : a.chart.annotations = [], g.config && fe(g.config, "chart.grid.position") && g.config.chart.grid.position === "start" && g.dataset.length && g.dataset.some((s) => s.type === "bar") && (a.chart.grid.position = "middle", fe(g.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), g.config && fe(g.config, "chart.grid.labels.yAxis.serieNameFormatter") ? a.chart.grid.labels.yAxis.serieNameFormatter = g.config.chart.grid.labels.yAxis.serieNameFormatter : a.chart.grid.labels.yAxis.serieNameFormatter = null, g.config && fe(g.config, "events.datapointEnter") ? a.events.datapointEnter = g.config.events.datapointEnter : a.events.datapointEnter = null, g.config && fe(g.config, "events.datapointLeave") ? a.events.datapointLeave = g.config.events.datapointLeave : a.events.datapointLeave = null, g.config && fe(g.config, "events.datapointClick") ? a.events.datapointClick = g.config.events.datapointClick : a.events.datapointClick = null, g.config && fe(g.config, "chart.highlightArea") && (Array.isArray(g.config.chart.highlightArea) ? a.chart.highlightArea = g.config.chart.highlightArea.map((s) => Va({
         defaultConfig: hl.chart.highlightArea,
         userConfig: s
-      })) : t.chart.highlightArea = Vt({
+      })) : a.chart.highlightArea = Va({
         defaultConfig: hl.chart.highlightArea,
         userConfig: g.config.chart.highlightArea
-      })), t.theme ? {
+      })), a.theme ? {
         ...Jl({
-          userConfig: xs.vue_ui_xy[t.theme] || g.config,
-          defaultConfig: t
+          userConfig: xs.vue_ui_xy[a.theme] || g.config,
+          defaultConfig: a
         }),
-        customPalette: os[t.theme] || g.palette
-      } : t;
+        customPalette: os[a.theme] || g.palette
+      } : a;
     }
-    function Vt({ defaultConfig: t, userConfig: s }) {
+    function Va({ defaultConfig: a, userConfig: s }) {
       return Jl({
-        defaultConfig: t,
+        defaultConfig: a,
         userConfig: s
       });
     }
-    const rt = b({
+    const ra = b({
       get() {
         return !!g.dataset && g.dataset.length;
       },
-      set(t) {
-        return t;
+      set(a) {
+        return a;
       }
-    }), l = x(nt()), f = x({
+    }), l = x(na()), f = x({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
       isStacked: !1,
       useIndividualScale: !1
     });
-    function ct() {
-      Nt.value ? (f.value.isStacked = l.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
+    function ca() {
+      Na.value ? (f.value.isStacked = l.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
         dataLabels: { show: !0 },
         showTooltip: l.value.chart.tooltip.show === !0,
         showTable: l.value.showTable === !0,
         isStacked: l.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: l.value.chart.grid.labels.yAxis.useIndividualScale
-      }, Nt.value = !0);
+      }, Na.value = !0);
     }
-    const yl = b(() => !!l.value.debug), { loading: ue, FINAL_DATASET: ge, manualLoading: Ol } = cs({
+    const yl = b(() => !!l.value.debug), { loading: ie, FINAL_DATASET: ge, manualLoading: Ol } = cs({
       ...Wo(g),
       FINAL_CONFIG: l,
-      prepareConfig: nt,
+      prepareConfig: na,
       callback: () => {
         Promise.resolve().then(async () => {
           await Rl(), f.value.showTable = l.value.showTable;
@@ -242,35 +242,35 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }
       })
     });
-    function to(t) {
+    function ao(a) {
       const s = /* @__PURE__ */ new WeakMap();
       return (e, ...u) => {
-        let a = s.get(e);
+        let t = s.get(e);
         const i = JSON.stringify(u);
-        if (a && a.has(i)) return a.get(i);
-        const o = t(e, ...u);
-        return a || (a = /* @__PURE__ */ new Map(), s.set(e, a)), a.set(i, o), o;
+        if (t && t.has(i)) return t.get(i);
+        const o = a(e, ...u);
+        return t || (t = /* @__PURE__ */ new Map(), s.set(e, t)), t.set(i, o), o;
       };
     }
-    const ao = to((t, s) => wt({ data: t, threshold: s })), Be = (t) => ao(t, l.value.downsample.threshold), ze = b({
-      get: () => Math.max(...ge.value.map((t) => Be(t.series).length)),
-      set: (t) => t
-    }), m = x({ start: 0, end: ze.value }), Se = x({ start: 0, end: ze.value }), Pt = b(() => l.value.chart.zoom.preview.enable && (Se.value.start !== m.value.start || Se.value.end !== m.value.end));
-    function Ft(t, s) {
-      Se.value[t] = s;
+    const to = ao((a, s) => wa({ data: a, threshold: s })), Be = (a) => to(a, l.value.downsample.threshold), Ie = b({
+      get: () => Math.max(...ge.value.map((a) => Be(a.series).length)),
+      set: (a) => a
+    }), m = x({ start: 0, end: Ie.value }), Se = x({ start: 0, end: Ie.value }), Pa = b(() => l.value.chart.zoom.preview.enable && (Se.value.start !== m.value.start || Se.value.end !== m.value.end));
+    function Fa(a, s) {
+      Se.value[a] = s;
     }
     function nl() {
-      const t = Math.max(
+      const a = Math.max(
         1,
         ...ge.value.map((u) => Be(u.series).length)
       );
-      let s = Math.max(0, Math.min(m.value.start ?? 0, t - 1)), e = Math.max(s + 1, Math.min(m.value.end ?? t, t));
-      (!Number.isFinite(s) || !Number.isFinite(e) || e <= s) && (s = 0, e = t), m.value = { start: s, end: e }, Se.value.start = s, Se.value.end = e, Te.value && (Te.value.setStartValue(s), Te.value.setEndValue(e));
+      let s = Math.max(0, Math.min(m.value.start ?? 0, a - 1)), e = Math.max(s + 1, Math.min(m.value.end ?? a, a));
+      (!Number.isFinite(s) || !Number.isFinite(e) || e <= s) && (s = 0, e = a), m.value = { start: s, end: e }, Se.value.start = s, Se.value.end = e, ze.value && (ze.value.setStartValue(s), ze.value.setEndValue(e));
     }
     const oo = b(() => {
-      const { left: t, top: s, width: e, height: u } = c.value, a = m.value.start, o = m.value.end - a, A = e / o, C = Se.value.start - a, O = Se.value.end - a, S = Math.max(0, Math.min(o, C)), T = Math.max(0, Math.min(o, O));
+      const { left: a, top: s, width: e, height: u } = c.value, t = m.value.start, o = m.value.end - t, A = e / o, C = Se.value.start - t, O = Se.value.end - t, S = Math.max(0, Math.min(o, C)), T = Math.max(0, Math.min(o, O));
       return {
-        x: t + S * A,
+        x: a + S * A,
         y: s,
         width: (T - S) * A,
         height: u,
@@ -287,216 +287,216 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }
       };
     });
-    Al(() => g.selectedXIndex, (t) => {
+    Al(() => g.selectedXIndex, (a) => {
       if ([null, void 0].includes(g.selectedXIndex)) {
         _.value = null;
         return;
       }
-      const s = t - m.value.start;
-      s < 0 || t >= m.value.end ? _.value = null : _.value = s ?? null;
+      const s = a - m.value.start;
+      s < 0 || a >= m.value.end ? _.value = null : _.value = s ?? null;
     }, { immediate: !0 });
-    const { isPrinting: vt, isImaging: Rt, generatePdf: Bt, generateImage: Ht } = rs({
+    const { isPrinting: va, isImaging: Ra, generatePdf: Ba, generateImage: Ha } = rs({
       elementId: `vue-ui-xy_${D.value}`,
       fileName: l.value.chart.title.text || "vue-ui-xy",
       options: l.value.chart.userOptions.print
     }), so = x(!1), Nl = b(() => Jo(l.value.customPalette)), Vl = b(() => {
       if (l.value.chart.grid.labels.yAxis.scaleMin !== null)
         return l.value.chart.grid.labels.yAxis.scaleMin;
-      const t = Math.min(...Fe.value.filter((s) => !j.value.includes(s.id)).map((s) => Math.min(...s.series)));
-      return t > 0 ? 0 : t;
+      const a = Math.min(...Fe.value.filter((s) => !j.value.includes(s.id)).map((s) => Math.min(...s.series)));
+      return a > 0 ? 0 : a;
     }), Pl = b(() => {
       if (l.value.chart.grid.labels.yAxis.scaleMax)
         return l.value.chart.grid.labels.yAxis.scaleMax;
-      const t = Math.max(...Fe.value.filter((s) => !j.value.includes(s.id)).map((s) => Math.max(...s.series)));
-      return Vl.value === t ? t + 1 : t;
-    }), $e = b(() => l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : al(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), kl = b(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? $e.value.min >= 0 ? 0 : Math.abs($e.value.min) : -$e.value.min), Fe = b(() => Lt.value ? ge.value.map((t, s) => {
-      const e = Be(t.series), u = `uniqueId_${s}`;
+      const a = Math.max(...Fe.value.filter((s) => !j.value.includes(s.id)).map((s) => Math.max(...s.series)));
+      return Vl.value === a ? a + 1 : a;
+    }), $e = b(() => l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : tl(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), kl = b(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? $e.value.min >= 0 ? 0 : Math.abs($e.value.min) : -$e.value.min), Fe = b(() => La.value ? ge.value.map((a, s) => {
+      const e = Be(a.series), u = `uniqueId_${s}`;
       return {
-        ...t,
+        ...a,
         slotAbsoluteIndex: s,
-        series: e.map((a) => ql(a) ? a : null).slice(m.value.start, m.value.end),
-        color: Ta(t.color ? t.color : Nl.value[s] ? Nl.value[s] : za[s]),
+        series: e.map((t) => ql(t) ? t : null).slice(m.value.start, m.value.end),
+        color: Tt(a.color ? a.color : Nl.value[s] ? Nl.value[s] : zt[s]),
         id: u,
-        scaleLabel: t.scaleLabel || u
+        scaleLabel: a.scaleLabel || u
       };
-    }) : ge.value), Le = b(() => Fe.value.map((t, s) => ({
+    }) : ge.value), Le = b(() => Fe.value.map((a, s) => ({
       absoluteIndex: s,
-      ...t,
-      series: t.series.map((e) => e + kl.value),
-      absoluteValues: t.series,
-      segregate: () => oa(t),
-      isSegregated: j.value.includes(t.id)
-    }))), pe = b(() => Fe.value.map((t, s) => ({
-      ...t,
-      series: t.series.map((e) => e + kl.value),
-      absoluteValues: t.series
-    })).filter((t) => !j.value.includes(t.id)));
+      ...a,
+      series: a.series.map((e) => e + kl.value),
+      absoluteValues: a.series,
+      segregate: () => ot(a),
+      isSegregated: j.value.includes(a.id)
+    }))), ye = b(() => Fe.value.map((a, s) => ({
+      ...a,
+      series: a.series.map((e) => e + kl.value),
+      absoluteValues: a.series
+    })).filter((a) => !j.value.includes(a.id)));
     function uo() {
-      let t = 0;
-      tt.value && (t = Array.from(tt.value.querySelectorAll("text")).reduce((a, i) => {
+      let a = 0;
+      aa.value && (a = Array.from(aa.value.querySelectorAll("text")).reduce((t, i) => {
         const o = i.getComputedTextLength();
-        return (o > a ? o : a) + l.value.chart.grid.labels.yAxis.scaleValueOffsetX;
+        return (o > t ? o : t) + l.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
-      const s = lt.value ? lt.value.getBoundingClientRect().width + l.value.chart.grid.labels.axis.yLabelOffsetX + y.value.yAxis : 0, e = l.value.chart.grid.labels.yAxis.crosshairSize;
-      return t + s + e;
+      const s = la.value ? la.value.getBoundingClientRect().width + l.value.chart.grid.labels.axis.yLabelOffsetX + y.value.yAxis : 0, e = l.value.chart.grid.labels.yAxis.crosshairSize;
+      return a + s + e;
     }
-    const dt = x(0), io = is((t) => {
-      dt.value = t;
+    const da = x(0), io = is((a) => {
+      da.value = a;
     }, 100);
-    La((t) => {
+    Lt((a) => {
       const s = ul.value;
       if (!s) return;
       const e = new ResizeObserver((u) => {
         io(u[0].contentRect.height);
       });
-      e.observe(s), t(() => e.disconnect());
-    }), yt(() => {
-      dt.value = 0;
+      e.observe(s), a(() => e.disconnect());
+    }), ya(() => {
+      da.value = 0;
     });
-    const Dt = b(() => {
-      let t = 0;
-      et.value && (t = et.value.getBBox().height);
+    const Da = b(() => {
+      let a = 0;
+      ea.value && (a = ea.value.getBBox().height);
       let s = 0;
-      return ul.value && (s = dt.value), t + s + y.value.xAxis;
-    }), no = b(() => ge.value.some((t) => t.useProgression)), c = b(() => {
-      let t = 0;
+      return ul.value && (s = da.value), a + s + y.value.xAxis;
+    }), no = b(() => ge.value.some((a) => a.useProgression)), c = b(() => {
+      let a = 0;
       const s = 36;
-      l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? t = (ge.value.length - j.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + s) : f.value.useIndividualScale && f.value.isStacked ? t = l.value.chart.grid.labels.yAxis.labelWidth + s : t = uo());
+      l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? a = (ge.value.length - j.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + s) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + s : a = uo());
       const e = l.value.chart.labels.fontSize * 1.1, u = no.value ? 24 : 6;
       if (ul.value) {
         const o = ul.value.getBBox().x;
-        o < 0 && (t += Math.abs(o));
+        o < 0 && (a += Math.abs(o));
       }
-      const a = Q.value - t - l.value.chart.grid.labels.yAxis.crosshairSize - u - l.value.chart.padding.left - l.value.chart.padding.right, i = l.value.chart.grid.position === "middle" ? 0 : a / L.value / 2;
+      const t = Q.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - u - l.value.chart.padding.left - l.value.chart.padding.right, i = l.value.chart.grid.position === "middle" ? 0 : t / L.value / 2;
       return {
         top: l.value.chart.padding.top + e,
         right: Q.value - u - l.value.chart.padding.right,
-        bottom: ve.value - Dt.value - l.value.chart.padding.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
-        left: t + l.value.chart.grid.labels.yAxis.crosshairSize - i + l.value.chart.padding.left,
-        height: ve.value - Dt.value - l.value.chart.padding.top - l.value.chart.padding.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
-        width: a,
-        scaleLabelX: t,
+        bottom: ve.value - Da.value - l.value.chart.padding.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        left: a + l.value.chart.grid.labels.yAxis.crosshairSize - i + l.value.chart.padding.left,
+        height: ve.value - Da.value - l.value.chart.padding.top - l.value.chart.padding.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        width: t,
+        scaleLabelX: a,
         individualOffsetX: s
       };
     }), ro = b(() => {
-      const t = l.value.chart.grid.position === "middle" ? 1 : 0, s = L.value + t, e = E(c.value.top), u = E(c.value.bottom);
-      return Array.from({ length: s }).map((a, i) => {
+      const a = l.value.chart.grid.position === "middle" ? 1 : 0, s = L.value + a, e = E(c.value.top), u = E(c.value.bottom);
+      return Array.from({ length: s }).map((t, i) => {
         const o = c.value.width / L.value * i + c.value.left + G.value;
         return `M${o},${e} L${o},${u}`;
       }).join(" ");
     }), co = b(() => {
       if (!l.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-      const t = c.value.width / L.value, s = l.value.chart.grid.labels.xAxis.crosshairSize, e = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-      return gt.value.map((u, a) => {
+      const a = c.value.width / L.value, s = l.value.chart.grid.labels.xAxis.crosshairSize, e = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
+      return ga.value.map((u, t) => {
         if (!u || !u.text) return null;
-        const i = c.value.left + t * a + t / 2, o = e ? ie.value - (ie.value === c.value.bottom ? 0 : s / 2) : c.value.bottom, A = e ? ie.value + s / (ie.value === c.value.bottom ? 1 : 2) : c.value.bottom + s;
+        const i = c.value.left + a * t + a / 2, o = e ? ne.value - (ne.value === c.value.bottom ? 0 : s / 2) : c.value.bottom, A = e ? ne.value + s / (ne.value === c.value.bottom ? 1 : 2) : c.value.bottom + s;
         return `M${i},${o} L${i},${A}`;
       }).filter(Boolean).join(" ");
     });
-    function Et() {
-      return !!Ka?.vnode.props?.onSelectTimeLabel;
+    function Ea() {
+      return !!Kt?.vnode.props?.onSelectTimeLabel;
     }
-    function vo(t, s, e) {
+    function vo(a, s, e) {
       if (!Il.value) {
         const u = document.createElement("canvas");
         Il.value = u.getContext("2d");
       }
-      return Il.value.font = `normal ${t}px sans-serif`, Il.value;
+      return Il.value.font = `normal ${a}px sans-serif`, Il.value;
     }
-    function Yt() {
-      const t = Ce.value.querySelectorAll(".vue-ui-xy-tag");
-      t.length && Array.from(t).forEach((s) => s.style.opacity = "0");
+    function Ya() {
+      const a = Te.value.querySelectorAll(".vue-ui-xy-tag");
+      a.length && Array.from(a).forEach((s) => s.style.opacity = "0");
     }
-    function Fl(t, s, e, u, a) {
-      e && (Pe.value[`${t}_${s}_${u}_${a}`] = e);
+    function Fl(a, s, e, u, t) {
+      e && (Pe.value[`${a}_${s}_${u}_${t}`] = e);
     }
-    const Wt = x(!1);
-    async function Xt(t = !1) {
-      await Ma(), Wt.value = t, zt.value && (zl.value = t);
+    const Wa = x(!1);
+    async function Xa(a = !1) {
+      await Mt(), Wa.value = a, za.value && (zl.value = a);
     }
-    function ht() {
+    function ha() {
       xl.value = !xl.value;
     }
     const de = b(() => {
-      const t = Math.max(...ge.value.map((s) => wt({ data: s.series, threshold: l.value.downsample.threshold }).length));
-      return Da({
+      const a = Math.max(...ge.value.map((s) => wa({ data: s.series, threshold: l.value.downsample.threshold }).length));
+      return Dt({
         values: l.value.chart.grid.labels.xAxisLabels.values,
-        maxDatapoints: t,
+        maxDatapoints: a,
         formatter: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: m.value.start,
         end: m.value.end
       });
-    }), ft = b(() => {
-      const t = Math.max(...ge.value.map((s) => wt({ data: s.series, threshold: l.value.downsample.threshold }).length));
-      return Da({
+    }), fa = b(() => {
+      const a = Math.max(...ge.value.map((s) => wa({ data: s.series, threshold: l.value.downsample.threshold }).length));
+      return Dt({
         values: l.value.chart.grid.labels.xAxisLabels.values,
-        maxDatapoints: t,
+        maxDatapoints: a,
         formatter: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: 0,
-        end: ze.value
+        end: Ie.value
       });
     }), ho = b(() => {
-      const t = l.value.chart.grid.labels.xAxisLabels.modulo;
-      return de.value.length ? Math.min(t, [...new Set(de.value.map((s) => s.text))].length) : t;
-    }), gt = b(() => {
-      const t = l.value.chart.grid.labels.xAxisLabels, s = de.value || [], e = ft.value || [], u = m.value.start ?? 0, a = _.value, i = L.value, o = s.map((C) => C?.text ?? ""), A = e.map((C) => C?.text ?? "");
+      const a = l.value.chart.grid.labels.xAxisLabels.modulo;
+      return de.value.length ? Math.min(a, [...new Set(de.value.map((s) => s.text))].length) : a;
+    }), ga = b(() => {
+      const a = l.value.chart.grid.labels.xAxisLabels, s = de.value || [], e = fa.value || [], u = m.value.start ?? 0, t = _.value, i = L.value, o = s.map((C) => C?.text ?? ""), A = e.map((C) => C?.text ?? "");
       return Ko(
-        !!t.showOnlyFirstAndLast,
-        !!t.showOnlyAtModulo,
+        !!a.showOnlyFirstAndLast,
+        !!a.showOnlyAtModulo,
         Math.max(1, ho.value || 1),
         o,
         A,
         u,
-        a,
+        t,
         i
       );
     });
-    function Gt(t, s) {
-      const e = pe.value.map((u) => ({
+    function Ga(a, s) {
+      const e = ye.value.map((u) => ({
         shape: u.shape || null,
         name: u.name,
         color: u.color,
         type: u.type,
-        value: u.absoluteValues.find((a, i) => i === s),
+        value: u.absoluteValues.find((t, i) => i === s),
         comments: u.comments || [],
         prefix: u.prefix || l.value.chart.labels.prefix,
         suffix: u.suffix || l.value.chart.labels.suffix
       }));
       jl("selectTimeLabel", {
         datapoint: e,
-        absoluteIndex: t.absoluteIndex,
-        label: t.text
+        absoluteIndex: a.absoluteIndex,
+        label: a.text
       });
     }
     const L = b(() => {
-      const t = Ot((m.value.end ?? 0) - (m.value.start ?? 0));
-      return Math.max(1, t);
+      const a = Oa((m.value.end ?? 0) - (m.value.start ?? 0));
+      return Math.max(1, a);
     });
-    function fo(t) {
-      V.value = t;
+    function fo(a) {
+      V.value = a;
     }
-    function Ut() {
+    function Ua() {
       f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale;
     }
-    function mt(t) {
-      yl.value && t.autoScaling && (l.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), l.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+    function ma(a) {
+      yl.value && a.autoScaling && (l.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`), l.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 go(t, s) {
-      const e = Ot(t), u = Array(e).fill(0);
-      for (let a = 0; a < s.length && a < e; a += 1) u[a] = s[a] ?? 0;
+    function go(a, s) {
+      const e = Oa(a), u = Array(e).fill(0);
+      for (let t = 0; t < s.length && t < e; t += 1) u[t] = s[t] ?? 0;
       return u;
     }
-    function qt(t) {
+    function qa(a) {
       const s = Math.max(...ge.value.map((e) => Be(e.series).length));
-      return t > s ? s : t < 0 || l.value.chart.zoom.startIndex !== null && t < l.value.chart.zoom.startIndex ? l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex + 1 : 1 : t;
+      return a > s ? s : a < 0 || l.value.chart.zoom.startIndex !== null && a < l.value.chart.zoom.startIndex ? l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex + 1 : 1 : a;
     }
-    const _l = x(!1), Zt = x(!1);
+    const _l = x(!1), Za = x(!1);
     function Rl() {
       if (!_l.value) {
         _l.value = !0;
         try {
-          const { startIndex: t, endIndex: s } = l.value.chart.zoom, e = Math.max(...ge.value.map((i) => Be(i.series).length)), u = t ?? 0, a = s != null ? Math.min(qt(s + 1), e) : e;
-          Bl.value = !0, m.value.start = u, m.value.end = a, Se.value.start = u, Se.value.end = a, nl(), Zt.value = !0;
+          const { startIndex: a, endIndex: s } = l.value.chart.zoom, e = Math.max(...ge.value.map((i) => Be(i.series).length)), u = a ?? 0, t = s != null ? Math.min(qa(s + 1), e) : e;
+          Bl.value = !0, m.value.start = u, m.value.end = t, Se.value.start = u, Se.value.end = t, nl(), Za.value = !0;
         } finally {
           queueMicrotask(() => {
             Bl.value = !1;
@@ -505,107 +505,107 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       }
     }
     const Bl = x(!1);
-    function mo(t) {
-      _l.value || Bl.value || t !== m.value.start && (m.value.start = t, Se.value.start = t, nl());
+    function mo(a) {
+      _l.value || Bl.value || a !== m.value.start && (m.value.start = a, Se.value.start = a, nl());
     }
-    function bo(t) {
+    function bo(a) {
       if (_l.value || Bl.value) return;
-      const s = qt(t);
+      const s = qa(a);
       s !== m.value.end && (m.value.end = s, Se.value.end = s, nl());
     }
     async function xo() {
       await Rl();
     }
-    function me(t) {
-      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
+    function me(a) {
+      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
     }
-    const Jt = b(() => $e.value.max + kl.value);
-    function qe(t) {
-      return t / (me(Jt.value) ? Jt.value : 1);
+    const Ja = b(() => $e.value.max + kl.value);
+    function qe(a) {
+      return a / (me(Ja.value) ? Ja.value : 1);
     }
-    const ie = b(() => isNaN(qe(kl.value)) ? c.value.bottom : c.value.bottom - c.value.height * qe(kl.value));
-    function Kt(t) {
-      const s = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && Vl.value >= 0 ? c.value.bottom : ie.value;
-      return t.value >= 0 ? P(s - t.y <= 0 ? 1e-5 : s - t.y) : P(t.y - ie.value <= 0 ? 1e-5 : t.y - ie.value);
+    const ne = b(() => isNaN(qe(kl.value)) ? c.value.bottom : c.value.bottom - c.value.height * qe(kl.value));
+    function Ka(a) {
+      const s = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && Vl.value >= 0 ? c.value.bottom : ne.value;
+      return a.value >= 0 ? P(s - a.y <= 0 ? 1e-5 : s - a.y) : P(a.y - ne.value <= 0 ? 1e-5 : a.y - ne.value);
     }
-    function Qt(t) {
-      return t.value >= 0 ? P(t.zeroPosition - t.y <= 0 ? 1e-5 : t.zeroPosition - t.y) : P(t.y - t.zeroPosition <= 0 ? 1e-5 : t.zeroPosition - t.y);
+    function Qa(a) {
+      return a.value >= 0 ? P(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : P(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
     }
     const q = b(() => {
-      const t = Math.max(1, L.value), s = Math.max(1, c.value.width), e = Math.max(1, Fe.value.filter((u) => u.type === "bar" && !j.value.includes(u.id)).length);
+      const a = Math.max(1, L.value), s = Math.max(1, c.value.width), e = Math.max(1, Fe.value.filter((u) => u.type === "bar" && !j.value.includes(u.id)).length);
       return {
-        bar: it(s, t * e, 1),
-        plot: it(s, t, 1),
-        line: it(s, t, 1)
+        bar: ia(s, a * e, 1),
+        plot: ia(s, a, 1),
+        line: ia(s, a, 1)
       };
     });
     function He() {
       return f.value.useIndividualScale && f.value.isStacked ? q.value.line - c.value.width / L.value * 0.1 : q.value.bar;
     }
-    function Hl(t) {
-      return f.value.useIndividualScale && f.value.isStacked ? t.x + c.value.width / L.value * 0.05 : t.x + q.value.bar / 2;
+    function Hl(a) {
+      return f.value.useIndividualScale && f.value.isStacked ? a.x + c.value.width / L.value * 0.05 : a.x + q.value.bar / 2;
     }
-    function jt(t) {
-      return t.value >= 0 ? t.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ie.value) ? c.bottom.value : ie.value;
+    function ja(a) {
+      return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ne.value) ? c.bottom.value : ne.value;
     }
-    function ea(t) {
-      return t.value >= 0 ? t.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(t.zeroPosition) ? 0 : t.zeroPosition;
+    function et(a) {
+      return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
     }
     const wl = x(null);
-    function la(t) {
-      const s = se.value;
+    function lt(a) {
+      const s = ue.value;
       if (!s) return null;
       if (s.createSVGPoint && s.getScreenCTM) {
         const T = s.createSVGPoint();
-        T.x = t.clientX, T.y = t.clientY;
+        T.x = a.clientX, T.y = a.clientY;
         const Y = s.getScreenCTM();
         if (Y) {
           const k = T.matrixTransform(Y.inverse());
           return { x: k.x, y: k.y, ok: !0 };
         }
       }
-      const e = s.getBoundingClientRect(), u = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / u.width, e.height / u.height), i = u.width * a, o = u.height * a, A = (e.width - i) / 2, C = (e.height - o) / 2, O = (t.clientX - e.left - A) / a + u.x, S = (t.clientY - e.top - C) / a + u.y;
+      const e = s.getBoundingClientRect(), u = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, t = Math.min(e.width / u.width, e.height / u.height), i = u.width * t, o = u.height * t, A = (e.width - i) / 2, C = (e.height - o) / 2, O = (a.clientX - e.left - A) / t + u.x, S = (a.clientY - e.top - C) / t + u.y;
       return { x: O, y: S, ok: !0 };
     }
     let Ze = 0;
-    function po(t) {
+    function po(a) {
       xl.value || (Ze && cancelAnimationFrame(Ze), Ze = requestAnimationFrame(() => {
         Ze = 0;
-        const s = la(t);
-        if (!s || !se.value) {
+        const s = lt(a);
+        if (!s || !ue.value) {
           Dl();
           return;
         }
-        const { left: e, right: u, top: a, bottom: i, width: o } = c.value;
-        if (s.x < e || s.x > u || s.y < a || s.y > i) {
+        const { left: e, right: u, top: t, bottom: i, width: o } = c.value;
+        if (s.x < e || s.x > u || s.y < t || s.y > i) {
           Dl();
           return;
         }
         const A = s.x - e, C = o / L.value, O = Math.floor(A / C);
-        O >= 0 && O < L.value ? wl.value !== O && (wl.value = O, fa(!0, O)) : Dl();
+        O >= 0 && O < L.value ? wl.value !== O && (wl.value = O, ft(!0, O)) : Dl();
       }));
     }
     function Dl() {
-      Ze && (cancelAnimationFrame(Ze), Ze = 0), wl.value = null, fa(!1, null);
+      Ze && (cancelAnimationFrame(Ze), Ze = 0), wl.value = null, ft(!1, null);
     }
-    function ta(t) {
-      const s = la(t);
-      if (s && se.value) {
-        const { left: e, right: u, top: a, bottom: i, width: o } = c.value;
-        if (s.x >= e && s.x <= u && s.y >= a && s.y <= i) {
+    function at(a) {
+      const s = lt(a);
+      if (s && ue.value) {
+        const { left: e, right: u, top: t, bottom: i, width: o } = c.value;
+        if (s.x >= e && s.x <= u && s.y >= t && s.y <= i) {
           const A = o / Math.max(1, L.value), C = Math.floor((s.x - e) / A);
           if (C >= 0 && C < L.value) {
-            aa(C);
+            tt(C);
             return;
           }
         }
       }
-      wl.value != null && aa(wl.value);
+      wl.value != null && tt(wl.value);
     }
-    function aa(t) {
-      const s = pe.value.map((e) => ({
+    function tt(a) {
+      const s = ye.value.map((e) => ({
         name: e.name,
-        value: [null, void 0, NaN].includes(e.absoluteValues[t]) ? null : e.absoluteValues[t],
+        value: [null, void 0, NaN].includes(e.absoluteValues[a]) ? null : e.absoluteValues[a],
         color: e.color,
         type: e.type
       }));
@@ -613,24 +613,24 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         "selectX",
         {
           dataset: s,
-          index: t,
-          indexLabel: l.value.chart.grid.labels.xAxisLabels.values[t]
+          index: a,
+          indexLabel: l.value.chart.grid.labels.xAxisLabels.values[a]
         }
-      ), l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: s, seriesIndex: t + m.value.start });
+      ), l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: s, seriesIndex: a + m.value.start });
     }
     function yo() {
-      return Le.value.map((t) => ({
-        values: t.absoluteValues,
-        color: t.color,
-        name: t.name,
-        type: t.type
+      return Le.value.map((a) => ({
+        values: a.absoluteValues,
+        color: a.color,
+        name: a.name,
+        type: a.type
       }));
     }
-    async function ko({ scale: t = 2 } = {}) {
-      if (!Ce.value) return;
-      const { width: s, height: e } = Ce.value.getBoundingClientRect(), u = s / e, { imageUri: a, base64: i } = await ms({ domElement: Ce.value, base64: !0, img: !0, scale: t });
+    async function ko({ scale: a = 2 } = {}) {
+      if (!Te.value) return;
+      const { width: s, height: e } = Te.value.getBoundingClientRect(), u = s / e, { imageUri: t, base64: i } = await ms({ domElement: Te.value, base64: !0, img: !0, scale: a });
       return {
-        imageUri: a,
+        imageUri: t,
         base64: i,
         title: l.value.chart.title.text,
         width: s,
@@ -638,50 +638,50 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         aspectRatio: u
       };
     }
-    function oa(t) {
-      if (j.value.includes(t.id))
-        j.value = j.value.filter((s) => s !== t.id);
+    function ot(a) {
+      if (j.value.includes(a.id))
+        j.value = j.value.filter((s) => s !== a.id);
       else {
         if (j.value.length + 1 === Fe.value.length) return;
-        j.value.push(t.id);
+        j.value.push(a.id);
       }
-      jl("selectLegend", pe.value.map((s) => ({
+      jl("selectLegend", ye.value.map((s) => ({
         name: s.name,
         values: s.absoluteValues,
         color: s.color,
         type: s.type
-      }))), st.value += 1;
+      }))), sa.value += 1;
     }
     const _o = b(() => {
-      const t = l.value.chart.title.text || "Chart visualization", s = l.value.chart.title.subtitle.text || "";
-      return `${t}. ${s}`;
-    }), sa = b(() => ({
+      const a = l.value.chart.title.text || "Chart visualization", s = l.value.chart.title.subtitle.text || "";
+      return `${a}. ${s}`;
+    }), st = b(() => ({
       linePlot: L.value > l.value.line.dot.hideAboveMaxSerieLength
     })), wo = b(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), So = b(() => {
       if (Array.isArray(l.value.chart.highlightArea))
         return l.value.chart.highlightArea.map((s) => {
-          const e = Math.min(s.to, ze.value - 1);
+          const e = Math.min(s.to, Ie.value - 1);
           return {
             ...s,
             span: s.from === e ? 1 : e < s.from ? 0 : e - s.from + 1
           };
         });
-      const t = {
+      const a = {
         ...l.value.chart.highlightArea,
-        to: Math.min(l.value.chart.highlightArea.to, ze.value - 1)
+        to: Math.min(l.value.chart.highlightArea.to, Ie.value - 1)
       };
-      return [{ ...t, span: t.from === t.to ? 1 : t.to < t.from ? 0 : t.to - t.from + 1 }];
-    }), ua = b(() => Lt.value ? ge.value.map((t, s) => ({
-      ...t,
-      series: Be(t.series),
+      return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
+    }), ut = b(() => La.value ? ge.value.map((a, s) => ({
+      ...a,
+      series: Be(a.series),
       id: `uniqueId_${s}`,
-      color: Ta(t.color ? t.color : Nl.value[s] ? Nl.value[s] : za[s])
-    })) : ge.value), $o = b(() => pe.value.map((t) => {
-      const s = t.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
+      color: Tt(a.color ? a.color : Nl.value[s] ? Nl.value[s] : zt[s])
+    })) : ge.value), $o = b(() => ye.value.map((a) => {
+      const s = a.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
-        id: t.id,
-        name: t.name,
-        color: t.color,
+        id: a.id,
+        name: a.name,
+        color: a.color,
         values: go(L.value, s)
       };
     })), Lo = b(() => ({
@@ -693,7 +693,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       fontFamily: l.value.chart.fontFamily,
       prefix: l.value.chart.labels.prefix,
       suffix: l.value.chart.labels.suffix,
-      colNames: de.value.map((t, s) => l.value.table.useDefaultTimeFormat ? t.text : rl.value(s + m.value.start, l.value.table.timeFormat)),
+      colNames: de.value.map((a, s) => l.value.table.useDefaultTimeFormat ? a.text : rl.value(s + m.value.start, l.value.table.timeFormat)),
       thead: {
         backgroundColor: l.value.table.th.backgroundColor,
         color: l.value.table.th.color,
@@ -710,66 +710,66 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       sparkline: {
         animation: { show: !1 }
       }
-    })), G = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value / 2), Je = b(() => Qo(Le.value.filter((t) => !j.value.includes(t.id)))), M = b(() => {
-      const t = Object.groupBy(Je.value, (e) => e.scaleLabel), s = {};
-      for (const [e, u] of Object.entries(t)) {
-        const a = u.flatMap((i) => i.absoluteValues);
+    })), G = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value / 2), Je = b(() => Qo(Le.value.filter((a) => !j.value.includes(a.id)))), M = b(() => {
+      const a = Object.groupBy(Je.value, (e) => e.scaleLabel), s = {};
+      for (const [e, u] of Object.entries(a)) {
+        const t = u.flatMap((i) => i.absoluteValues);
         s[e] = {
-          min: Math.min(...a) || 0,
-          max: Math.max(...a) || 1,
-          groupId: `scale_group_${kt()}`
+          min: Math.min(...t) || 0,
+          max: Math.max(...t) || 1,
+          groupId: `scale_group_${ka()}`
         };
       }
       return s;
     }), Mo = b(() => {
-      const t = Fe.value.filter((s) => s.type === "bar").filter((s) => !j.value.includes(s.id)).length;
-      return c.value.width / L.value / t - El.value * t;
+      const a = Fe.value.filter((s) => s.type === "bar").filter((s) => !j.value.includes(s.id)).length;
+      return c.value.width / L.value / a - El.value * a;
     }), El = b(() => q.value.line * l.value.bar.periodGap), Yl = b(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : El.value))), Wl = b(() => Yl.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), Ao = b(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
-      const t = ua.value.filter((a) => !j.value.includes(a.id)), s = Math.max(...t.map((a) => a.series.length)), e = [];
-      for (let a = 0; a < s; a += 1)
-        e.push(t.map((i) => i.series[a] || 0).reduce((i, o) => (i || 0) + (o || 0), 0));
+      const a = ut.value.filter((t) => !j.value.includes(t.id)), s = Math.max(...a.map((t) => t.series.length)), e = [];
+      for (let t = 0; t < s; t += 1)
+        e.push(a.map((i) => i.series[t] || 0).reduce((i, o) => (i || 0) + (o || 0), 0));
       const u = Math.min(...e);
-      return e.map((a) => a + (u < 0 ? Math.abs(u) : 0));
-    }), Co = b(() => l.value.chart.zoom.minimap.show ? ua.value.map((s) => ({
+      return e.map((t) => t + (u < 0 ? Math.abs(u) : 0));
+    }), Co = b(() => l.value.chart.zoom.minimap.show ? ut.value.map((s) => ({
       ...s,
       isVisible: !j.value.includes(s.id)
-    })) : []), Ke = b(() => pe.value.map((t) => ({
-      slotAbsoluteIndex: t.slotAbsoluteIndex,
-      shape: t.shape || null,
-      name: t.name,
-      color: t.color,
-      type: t.type,
-      value: t.absoluteValues.find((s, e) => e === _.value),
-      comments: t.comments || [],
-      prefix: t.prefix || l.value.chart.labels.prefix,
-      suffix: t.suffix || l.value.chart.labels.suffix
-    }))), ia = b(() => $e.value.ticks.map((t) => ({
-      y: t >= 0 ? ie.value - c.value.height * qe(t) : ie.value + c.value.height * qe(Math.abs(t)),
-      value: t,
+    })) : []), Ke = 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((s, e) => e === _.value),
+      comments: a.comments || [],
+      prefix: a.prefix || l.value.chart.labels.prefix,
+      suffix: a.suffix || l.value.chart.labels.suffix
+    }))), it = b(() => $e.value.ticks.map((a) => ({
+      y: a >= 0 ? ne.value - c.value.height * qe(a) : ne.value + c.value.height * qe(Math.abs(a)),
+      value: a,
       prefix: l.value.chart.labels.prefix,
       suffix: l.value.chart.labels.suffix
-    }))), na = b(() => {
-      const t = l.value.chart.annotations;
-      if (!t || !Array.isArray(t) || t.every((S) => !S.show)) return [];
-      const s = t.filter(
+    }))), nt = b(() => {
+      const a = l.value.chart.annotations;
+      if (!a || !Array.isArray(a) || a.every((S) => !S.show)) return [];
+      const s = a.filter(
         (S) => S.show && (S.yAxis.yTop != null || S.yAxis.yBottom != null)
       );
       if (!s.length) return [];
-      const { left: e, right: u } = c.value, a = ie.value, i = c.value.height, o = $e.value.min, C = $e.value.max - o, O = (S) => {
+      const { left: e, right: u } = c.value, t = ne.value, i = c.value.height, o = $e.value.min, C = $e.value.max - o, O = (S) => {
         const T = (S - 0) / C;
-        return a - T * i;
+        return t - T * i;
       };
       return s.map((S) => {
         const { yAxis: { yTop: T, yBottom: Y, label: k } } = S, F = T != null && Y != null && T !== Y, z = T == null ? null : O(T), le = Y == null ? null : O(Y), re = vo(k.fontSize);
         re.font = `${k.fontSize}px sans-serif`;
-        const U = re.measureText(k.text).width, ke = k.fontSize, Oe = (k.position === "start" ? e + k.padding.left : u - k.padding.right) + k.offsetX, be = (z != null && le != null ? Math.min(z, le) : z ?? le) - k.fontSize / 3 + k.offsetY - k.padding.top;
+        const U = re.measureText(k.text).width, ke = k.fontSize, Oe = (k.position === "start" ? e + k.padding.left : u - k.padding.right) + k.offsetX, xe = (z != null && le != null ? Math.min(z, le) : z ?? le) - k.fontSize / 3 + k.offsetY - k.padding.top;
         let B;
         k.textAnchor === "middle" ? B = Oe - U / 2 - k.padding.left : k.textAnchor === "end" ? B = Oe - U - k.padding.right : B = Oe - k.padding.left;
-        const H = be - ke * 0.75 - k.padding.top;
+        const H = xe - ke * 0.75 - k.padding.top;
         return {
           show: ![z, le, H].includes(NaN),
-          id: `annotation_y_${kt()}`,
+          id: `annotation_y_${ka()}`,
           hasArea: F,
           areaHeight: F ? Math.abs(z - le) : 0,
           yTop: z,
@@ -777,7 +777,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           config: S.yAxis,
           x1: e,
           x2: u,
-          _text: { x: Oe, y: be },
+          _text: { x: Oe, y: xe },
           _box: {
             x: B,
             y: H,
@@ -792,15 +792,15 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         };
       });
     });
-    function ra(t, s) {
-      const e = t[s - 1], u = t[s + 1];
-      let a = !!e && !!u && e.value == null && u.value == null || !e && !!u && u.value == null || !!e && !u && e.value == null;
-      return me(t[s].value) && a && l.value.line.cutNullValues;
+    function rt(a, s) {
+      const e = a[s - 1], u = a[s + 1];
+      let t = !!e && !!u && e.value == null && u.value == null || !e && !!u && u.value == null || !!e && !u && e.value == null;
+      return me(a[s].value) && t && l.value.line.cutNullValues;
     }
-    const Ie = b(() => {
-      const t = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = t.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, a = u ? e * (s - 1) : 0, i = c.value.height - a;
-      return t.filter((o) => o.type === "bar").map((o, A) => {
-        mt(o);
+    const Me = b(() => {
+      const a = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
+      return a.filter((o) => o.type === "bar").map((o, A) => {
+        ma(o);
         const C = M.value[o.scaleLabel].min, O = M.value[o.scaleLabel].max;
         o.absoluteValues.filter((R) => ![null, void 0].includes(R)).map((R) => (R - C) / (O - C));
         const S = {
@@ -809,7 +809,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((R) => ![void 0, null].includes(R))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((R) => ![null, void 0].includes(R)))
-        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, F = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(T.min, T.max === T.min ? T.max * k : T.max, Y) : al(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y) : al(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, U = F.max + le, ke = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, be = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * be + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, Z = c.value.bottom - B - H * le / U, xe = c.value.bottom - B - H * re / ke, ce = Le.value.filter((R) => R.type === "bar").filter((R) => !j.value.includes(R.id)).length, Ll = o.series.map((R, K) => {
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, F = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(T.min, T.max === T.min ? T.max * k : T.max, Y) : tl(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y) : tl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, U = F.max + le, ke = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, xe = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * xe + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, Z = c.value.bottom - B - H * le / U, pe = c.value.bottom - B - H * re / ke, ce = Le.value.filter((R) => R.type === "bar").filter((R) => !j.value.includes(R.id)).length, Ll = o.series.map((R, K) => {
           const Ee = f.value.useIndividualScale ? (o.absoluteValues[K] + le) / U : qe(R), Qe = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * K : c.value.left + q.value.bar * A + q.value.bar * K * ce - Mo.value / 2 - A * El.value;
           return {
             yOffset: P(B),
@@ -842,14 +842,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         })), J = z.ticks.map((R) => {
           const K = (R - z.min) / (z.max - z.min);
           return {
-            y: R >= 0 ? xe - H * K : xe + H * K,
+            y: R >= 0 ? pe - H * K : pe + H * K,
             value: R,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? J : W, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? xe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = J, M.value[o.scaleLabel].unique = Je.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1, {
+        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? J : W, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = J, M.value[o.scaleLabel].unique = Je.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: B,
           autoScaleYLabels: J,
@@ -857,15 +857,15 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           scaleYLabels: o.autoScaling ? J : W,
           individualScale: o.autoScaling ? z : F,
           individualMax: o.autoScaling ? ke : U,
-          zeroPosition: o.autoScaling ? xe : Z,
+          zeroPosition: o.autoScaling ? pe : Z,
           plots: o.autoScaling ? De : Ll,
           groupId: M.value[o.scaleLabel].groupId
         };
       });
-    }), ne = b(() => {
-      const t = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = t.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, a = u ? e * (s - 1) : 0, i = c.value.height - a;
-      return t.filter((o) => o.type === "line").map((o, A) => {
-        mt(o);
+    }), te = b(() => {
+      const a = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
+      return a.filter((o) => o.type === "line").map((o, A) => {
+        ma(o);
         const C = M.value[o.scaleLabel].min, O = M.value[o.scaleLabel].max;
         o.absoluteValues.filter((N) => ![null, void 0].includes(N)).map((N) => (N - C) / (O - C));
         const S = {
@@ -874,42 +874,42 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, F = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(T.min, T.max === T.min ? T.max * k : T.max, Y) : al(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y) : al(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, U = F.max + Math.abs(le), ke = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, be = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * be + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, Z = c.value.bottom - B - H * le / U, xe = c.value.bottom - B - H * re / ke, ce = o.series.map((N, ae) => {
-          const Do = f.value.useIndividualScale ? (o.absoluteValues[ae] + Math.abs(le)) / U : qe(N);
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, F = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(T.min, T.max === T.min ? T.max * k : T.max, Y) : tl(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y) : tl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, U = F.max + Math.abs(le), ke = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, xe = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * xe + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, Z = c.value.bottom - B - H * le / U, pe = c.value.bottom - B - H * re / ke, ce = o.series.map((N, oe) => {
+          const Do = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(le)) / U : qe(N);
           return {
-            x: P(c.value.left + q.value.line / 2 + q.value.line * ae),
+            x: P(c.value.left + q.value.line / 2 + q.value.line * oe),
             y: P(c.value.bottom - B - H * Do),
-            value: o.absoluteValues[ae],
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[ae] || ""
+            value: o.absoluteValues[oe],
+            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
           };
-        }), Ll = o.absoluteValues.map((N) => z.min >= 0 ? (N - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (N + Math.abs(z.min)) / (z.max + Math.abs(z.min))), he = o.series.map((N, ae) => [void 0, null].includes(o.absoluteValues[ae]) ? {
-          x: P(c.value.left + q.value.line / 2 + q.value.line * ae),
+        }), Ll = o.absoluteValues.map((N) => z.min >= 0 ? (N - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (N + Math.abs(z.min)) / (z.max + Math.abs(z.min))), he = o.series.map((N, oe) => [void 0, null].includes(o.absoluteValues[oe]) ? {
+          x: P(c.value.left + q.value.line / 2 + q.value.line * oe),
           y: Z,
-          value: o.absoluteValues[ae],
-          comment: o.comments && o.comments.slice(m.value.start, m.value.end)[ae] || ""
+          value: o.absoluteValues[oe],
+          comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
         } : {
-          x: P(c.value.left + q.value.line / 2 + q.value.line * ae),
-          y: P(c.value.bottom - B - (H * Ll[ae] || 0)),
-          value: o.absoluteValues[ae],
-          comment: o.comments && o.comments.slice(m.value.start, m.value.end)[ae] || ""
-        }), De = l.value.line.cutNullValues ? Ia(ce) : Oa(ce.filter((N) => N.value !== null)), W = l.value.line.cutNullValues ? Ia(he) : Oa(he.filter((N) => N.value !== null)), J = l.value.line.cutNullValues ? Na(ce) : Va(ce.filter((N) => N.value !== null)), R = l.value.line.cutNullValues ? Na(he) : Va(he.filter((N) => N.value !== null)), K = F.ticks.map((N) => ({
+          x: P(c.value.left + q.value.line / 2 + q.value.line * oe),
+          y: P(c.value.bottom - B - (H * Ll[oe] || 0)),
+          value: o.absoluteValues[oe],
+          comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
+        }), De = l.value.line.cutNullValues ? It(ce) : Ot(ce.filter((N) => N.value !== null)), W = l.value.line.cutNullValues ? It(he) : Ot(he.filter((N) => N.value !== null)), J = l.value.line.cutNullValues ? Nt(ce) : Vt(ce.filter((N) => N.value !== null)), R = l.value.line.cutNullValues ? Nt(he) : Vt(he.filter((N) => N.value !== null)), K = F.ticks.map((N) => ({
           y: N >= 0 ? Z - H * (N / U) : Z + H * Math.abs(N) / U,
           value: N,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
         })), Ee = z.ticks.map((N) => {
-          const ae = (N - z.min) / (z.max - z.min);
+          const oe = (N - z.min) / (z.max - z.min);
           return {
-            y: N >= 0 ? xe - H * ae : xe + H * ae,
+            y: N >= 0 ? pe - H * oe : pe + H * oe,
             value: N,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ee : K, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? xe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = Ee, M.value[o.scaleLabel].unique = Je.value.filter((N) => N.scaleLabel === o.scaleLabel).length === 1;
-        const Qe = f.value.useIndividualScale ? o.autoScaling ? xe : Z : ie.value, Ml = Math.max(Math.max(o.autoScaling ? xe : K.at(-1) ? K.at(-1).y : 0, c.value.top), Qe);
+        M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ee : K, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = Ee, M.value[o.scaleLabel].unique = Je.value.filter((N) => N.scaleLabel === o.scaleLabel).length === 1;
+        const Qe = f.value.useIndividualScale ? o.autoScaling ? pe : Z : ne.value, Ml = Math.max(Math.max(o.autoScaling ? pe : K.at(-1) ? K.at(-1).y : 0, c.value.top), Qe);
         return {
           ...o,
           yOffset: B,
@@ -918,16 +918,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           scaleYLabels: o.autoScaling ? Ee : K,
           individualScale: o.autoScaling ? z : F,
           individualMax: o.autoScaling ? ke : U,
-          zeroPosition: o.autoScaling ? xe : Z,
+          zeroPosition: o.autoScaling ? pe : Z,
           curve: o.autoScaling ? W : De,
           plots: o.autoScaling ? he : ce,
-          area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Pa(
+          area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Pt(
             o.autoScaling ? he : ce,
             Ml
-          ) : Fa(
+          ) : Ft(
             o.autoScaling ? he.filter((N) => N.value !== null) : ce.filter((N) => N.value !== null),
             Ml
-          ) : l.value.line.cutNullValues ? Pa(ce, Ml) : Fa(ce.filter((N) => N.value !== null), Ml) : "",
+          ) : l.value.line.cutNullValues ? Pt(ce, Ml) : Ft(ce.filter((N) => N.value !== null), Ml) : "",
           curveAreas: o.useArea ? jo(
             o.autoScaling ? l.value.line.cutNullValues ? he : he.filter((N) => N.value !== null) : l.value.line.cutNullValues ? ce : ce.filter((N) => N.value !== null),
             Ml,
@@ -937,10 +937,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           groupId: M.value[o.scaleLabel].groupId
         };
       });
-    }), ye = b(() => {
-      const t = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = t.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, a = u ? e * (s - 1) : 0, i = c.value.height - a;
-      return t.filter((o) => o.type === "plot").map((o) => {
-        mt(o);
+    }), be = b(() => {
+      const a = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
+      return a.filter((o) => o.type === "plot").map((o) => {
+        ma(o);
         const A = M.value[o.scaleLabel].min, C = M.value[o.scaleLabel].max;
         o.absoluteValues.filter((W) => ![null, void 0].includes(W)).map((W) => (W - A) / (C - A));
         const O = {
@@ -949,17 +949,17 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }, S = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, Y = 1.0000001, k = al(S.min, S.max === S.min ? S.max * Y : S.max, T), F = al(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * Y : O.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), le = 0, re = k.max + z, U = F.max + Math.abs(le), ke = o.stackIndex, Oe = s - 1 - ke, cl = u ? 1 - o.cumulatedStackRatio : 0, be = u ? i * cl + e * Oe : 0, B = u ? i * o.stackRatio : c.value.height, H = c.value.bottom - be - B * z / re, Z = c.value.bottom - be - B * le / U, xe = o.series.map((W, J) => {
+        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, Y = 1.0000001, k = tl(S.min, S.max === S.min ? S.max * Y : S.max, T), F = tl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * Y : O.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), le = 0, re = k.max + z, U = F.max + Math.abs(le), ke = o.stackIndex, Oe = s - 1 - ke, cl = u ? 1 - o.cumulatedStackRatio : 0, xe = u ? i * cl + e * Oe : 0, B = u ? i * o.stackRatio : c.value.height, H = c.value.bottom - xe - B * z / re, Z = c.value.bottom - xe - B * le / U, pe = o.series.map((W, J) => {
           const R = f.value.useIndividualScale ? (o.absoluteValues[J] + Math.abs(z)) / re : qe(W);
           return {
             x: P(c.value.left + q.value.plot / 2 + q.value.plot * J),
-            y: P(c.value.bottom - be - B * R),
+            y: P(c.value.bottom - xe - B * R),
             value: o.absoluteValues[J],
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[J] || ""
           };
         }), ce = o.absoluteValues.map((W) => F.min >= 0 ? (W - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (W + Math.abs(F.min)) / (F.max + Math.abs(F.min))), Ll = o.series.map((W, J) => ({
           x: P(c.value.left + q.value.plot / 2 + q.value.plot * J),
-          y: P(c.value.bottom - be - (B * ce[J] || 0)),
+          y: P(c.value.bottom - xe - (B * ce[J] || 0)),
           value: o.absoluteValues[J],
           comment: o.comments && o.comments.slice(m.value.start, m.value.end)[J] || ""
         })), he = k.ticks.map((W) => ({
@@ -978,21 +978,21 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             datapoint: o
           };
         });
-        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? De : he, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? Z : H, M.value[o.scaleLabel].individualMax = o.autoScaling ? U : re, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = be, M.value[o.scaleLabel].individualHeight = B, M.value[o.scaleLabel].autoScaleYLabels = De, M.value[o.scaleLabel].unique = Je.value.filter((W) => W.scaleLabel === o.scaleLabel).length === 1, {
+        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? De : he, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? Z : H, M.value[o.scaleLabel].individualMax = o.autoScaling ? U : re, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = xe, M.value[o.scaleLabel].individualHeight = B, M.value[o.scaleLabel].autoScaleYLabels = De, M.value[o.scaleLabel].unique = Je.value.filter((W) => W.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
-          yOffset: be,
+          yOffset: xe,
           autoScaleYLabels: De,
           individualHeight: B,
           scaleYLabels: o.autoScaling ? De : he,
           individualScale: o.autoScaling ? F : k,
           individualMax: o.autoScaling ? U : re,
           zeroPosition: o.autoScaling ? Z : H,
-          plots: o.autoScaling ? Ll : xe,
+          plots: o.autoScaling ? Ll : pe,
           groupId: M.value[o.scaleLabel].groupId
         };
       });
     }), Sl = b(() => {
-      const t = ne.value.map((i) => ({
+      const a = te.value.map((i) => ({
         name: i.name,
         color: i.color,
         scale: i.individualScale,
@@ -1004,7 +1004,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || c.value.height,
         autoScaleYLabels: i.autoScaleYLabels
-      })), s = Ie.value.map((i) => ({
+      })), s = Me.value.map((i) => ({
         name: i.name,
         color: i.color,
         scale: i.individualScale,
@@ -1015,7 +1015,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         id: i.id,
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || c.value.height
-      })), e = ye.value.map((i) => ({
+      })), e = be.value.map((i) => ({
         name: i.name,
         color: i.color,
         scale: i.individualScale,
@@ -1027,17 +1027,17 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         id: i.id,
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || c.value.height
-      })), u = f.value.useIndividualScale && !f.value.isStacked ? Object.values(M.value) : [...t, ...s, ...e], a = u.flatMap((i) => i).length;
+      })), u = f.value.useIndividualScale && !f.value.isStacked ? Object.values(M.value) : [...a, ...s, ...e], t = u.flatMap((i) => i).length;
       return u.flatMap((i, o) => {
         let A = 0;
-        A = f.value.isStacked ? c.value.left : c.value.left / a * (o + 1);
+        A = f.value.isStacked ? c.value.left : c.value.left / t * (o + 1);
         const C = f.value.useIndividualScale && !f.value.isStacked ? i.unique ? i.name : i.groupName : i.name;
         return {
           unique: i.unique,
           id: i.id,
           groupId: i.groupId,
           scaleLabel: i.scaleLabel,
-          name: oe(
+          name: se(
             l.value.chart.grid.labels.yAxis.serieNameFormatter,
             C,
             C,
@@ -1054,14 +1054,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           }))
         };
       });
-    }), ca = b(() => {
-      const t = l.value.line.interLine || {}, s = t.pairs || [], e = t.colors || [];
+    }), ct = b(() => {
+      const a = l.value.line.interLine || {}, s = a.pairs || [], e = a.colors || [];
       if (!s.length) return [];
       const u = [];
-      return s.forEach((a, i) => {
-        const [o, A] = Array.isArray(a) ? a : [a.a, a.b];
+      return s.forEach((t, i) => {
+        const [o, A] = Array.isArray(t) ? t : [t.a, t.b];
         if (!o || !A) return;
-        const C = ne.value.find((k) => k.name === o), O = ne.value.find((k) => k.name === A);
+        const C = te.value.find((k) => k.name === o), O = te.value.find((k) => k.name === A);
         if (!C || !O || C.type !== "line" || O.type !== "line") return;
         const S = e?.[i]?.[0] ?? C.color, T = e?.[i]?.[1] ?? O.color;
         es({
@@ -1077,38 +1077,38 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           u.push({ ...k, key: `inter_${o}_${A}_${i}_${F}` });
         });
       }), u;
-    }), va = b(() => ({
+    }), vt = b(() => ({
       datapoint: Ke.value,
       seriesIndex: _.value,
       series: Le.value,
-      bars: Ie.value,
-      lines: ne.value,
-      plots: ye.value,
+      bars: Me.value,
+      lines: te.value,
+      plots: be.value,
       config: l.value
     })), rl = b(() => {
-      const t = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter, s = ds({
-        useUTC: t.useUTC,
-        locale: hs[t.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
-        januaryAsYear: t.januaryAsYear
+      const a = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter, s = ds({
+        useUTC: a.useUTC,
+        locale: hs[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        januaryAsYear: a.januaryAsYear
       });
       return (e, u) => {
         const i = l.value.chart.grid.labels.xAxisLabels.values?.[e];
         return i == null ? "" : s.formatDate(new Date(i), u);
       };
-    }), da = b(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((s, e) => ({
+    }), dt = b(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((s, e) => ({
       text: rl.value(e, l.value.chart.zoom.timeFormat),
       absoluteIndex: e
     }))), To = b(() => {
-      let t = "", s = Ke.value.map((a) => a.value).filter((a) => ql(a) && a !== null).reduce((a, i) => Math.abs(a) + Math.abs(i), 0);
+      let a = "", s = Ke.value.map((t) => t.value).filter((t) => ql(t) && t !== null).reduce((t, i) => Math.abs(t) + Math.abs(i), 0);
       const e = de.value[_.value], u = l.value.chart.tooltip.customFormat;
-      if (Ra(u) && ls(() => u({
+      if (Rt(u) && ls(() => u({
         absoluteIndex: _.value + m.value.start,
         seriesIndex: _.value,
         datapoint: Ke.value,
         series: Le.value,
-        bars: Ie.value,
-        lines: ne.value,
-        plots: ye.value,
+        bars: Me.value,
+        lines: te.value,
+        plots: be.value,
         config: l.value
       })))
         return u({
@@ -1116,97 +1116,97 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           seriesIndex: _.value,
           datapoint: Ke.value,
           series: Le.value,
-          bars: Ie.value,
-          lines: ne.value,
-          plots: ye.value,
+          bars: Me.value,
+          lines: te.value,
+          plots: be.value,
           config: l.value
         });
       if (e && e.text && l.value.chart.tooltip.showTimeLabel) {
-        const a = rl.value(_.value + m.value.start, l.value.chart.tooltip.timeFormat);
-        t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.chart.tooltip.borderColor}; width:100%">${l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
+        const t = rl.value(_.value + m.value.start, l.value.chart.tooltip.timeFormat);
+        a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.chart.tooltip.borderColor}; width:100%">${l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.tooltip.useDefaultTimeFormat ? t : e.text}</div>`;
       }
-      return Ke.value.forEach((a) => {
-        if (ql(a.value)) {
+      return Ke.value.forEach((t) => {
+        if (ql(t.value)) {
           let i = "", o = "";
-          switch (bl.value[a.type]) {
+          switch (bl.value[t.type]) {
             case "bar":
-              i = `<svg viewBox="0 0 40 40" height="14" width="14">${$t.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="${$t.pattern ? `url(#pattern_${D.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
+              i = `<svg viewBox="0 0 40 40" height="14" width="14">${$a.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${$a.pattern ? `url(#pattern_${D.value}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
               break;
             case "line":
-              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${Ba({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${Bt({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
               break;
             case "plot":
-              if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" /></svg>`;
+              if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" /></svg>`;
                 break;
               }
-              if (a.shape === "star") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${Ba({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+              if (t.shape === "star") {
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${Bt({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
-              if (a.shape === "triangle") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (t.shape === "triangle") {
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (a.shape === "square") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (t.shape === "square") {
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (a.shape === "diamond") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (t.shape === "diamond") {
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (a.shape === "pentagon") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (t.shape === "pentagon") {
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (a.shape === "hexagon") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (t.shape === "hexagon") {
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
-          t += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${a.name}: <b>${l.value.chart.tooltip.showValue ? oe(
-            a.type === "line" ? l.value.line.labels.formatter : a.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
-            a.value,
+          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${t.name}: <b>${l.value.chart.tooltip.showValue ? se(
+            t.type === "line" ? l.value.line.labels.formatter : t.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
+            t.value,
             Ve({
-              p: a.prefix,
-              v: a.value,
-              s: a.suffix,
+              p: t.prefix,
+              v: t.value,
+              s: t.suffix,
               r: l.value.chart.tooltip.roundingValue
             }),
-            { datapoint: a }
+            { datapoint: t }
           ) : ""}</b> ${l.value.chart.tooltip.showPercentage ? `(${Ve({
-            v: P(Math.abs(a.value) / s * 100),
+            v: P(Math.abs(t.value) / s * 100),
             s: "%",
             r: l.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, l.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(m.value.start, m.value.end)[_.value] && (t += `<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>`, l.value.chart.comments.showInTooltip && t.comments.length && t.comments.slice(m.value.start, m.value.end)[_.value] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(m.value.start, m.value.end)[_.value]}</div>`);
         }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${l.value.chart.tooltip.color}">${t}</div>`;
-    }), ha = b(() => {
+      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${l.value.chart.tooltip.color}">${a}</div>`;
+    }), ht = b(() => {
       if (Fe.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const t = pe.value.map((e) => ({
+      const a = ye.value.map((e) => ({
         label: e.name,
         color: e.color,
         type: e.type
       })), s = [];
       return de.value.forEach((e, u) => {
-        const a = l.value.table.useDefaultTimeFormat ? [e.text] : [rl.value(u + m.value.start, l.value.table.timeFormat)];
-        pe.value.forEach((i) => {
-          a.push(me(i.absoluteValues[u]) ? Number(i.absoluteValues[u].toFixed(l.value.table.rounding)) : "");
-        }), s.push(a);
-      }), { head: t, body: s };
+        const t = l.value.table.useDefaultTimeFormat ? [e.text] : [rl.value(u + m.value.start, l.value.table.timeFormat)];
+        ye.value.forEach((i) => {
+          t.push(me(i.absoluteValues[u]) ? Number(i.absoluteValues[u].toFixed(l.value.table.rounding)) : "");
+        }), s.push(t);
+      }), { head: a, body: s };
     }), Xl = b(() => {
-      const t = l.value.table.showSum;
-      let s = [""].concat(pe.value.map((i) => i.name));
-      t && (s = s.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>'));
+      const a = l.value.table.showSum;
+      let s = [""].concat(ye.value.map((i) => i.name));
+      a && (s = s.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 i = 0; i < L.value; i += 1) {
-        const o = pe.value.map((A) => A.absoluteValues[i] ?? 0).reduce((A, C) => A + C, 0);
+        const o = ye.value.map((A) => A.absoluteValues[i] ?? 0).reduce((A, C) => A + C, 0);
         e.push(
           [
             l.value.table.useDefaultTimeFormat ? de.value[i].text ?? "-" : rl.value(i + m.value.start, l.value.table.timeFormat)
-          ].concat(pe.value.map(
-            (A) => oe(
+          ].concat(ye.value.map(
+            (A) => se(
               A.type === "line" ? l.value.line.labels.formatter : A.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
               A.absoluteValues[i] ?? 0,
               Ve({
@@ -1216,7 +1216,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 r: l.value.table.rounding
               })
             )
-          )).concat(t ? (o ?? 0).toFixed(l.value.table.rounding) : [])
+          )).concat(a ? (o ?? 0).toFixed(l.value.table.rounding) : [])
         );
       }
       const u = {
@@ -1231,36 +1231,36 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           outline: l.value.table.td.outline
         },
         breakpoint: l.value.table.responsiveBreakpoint
-      }, a = [l.value.table.columnNames.period].concat(pe.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
-      return { head: s, body: e, config: u, colNames: a };
+      }, t = [l.value.table.columnNames.period].concat(ye.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
+      return { head: s, body: e, config: u, colNames: t };
     });
-    function bt(t = null) {
-      const s = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...ha.value.head.map((o) => o.label)], u = ha.value.body, a = s.concat([e]).concat(u), i = ss(a);
-      t ? t(i) : us({ csvContent: i, title: l.value.chart.title.text || "vue-ui-xy" });
+    function ba(a = null) {
+      const s = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...ht.value.head.map((o) => o.label)], u = ht.value.body, t = s.concat([e]).concat(u), i = ss(t);
+      a ? a(i) : us({ csvContent: i, title: l.value.chart.title.text || "vue-ui-xy" });
     }
-    function fa(t, s = null) {
-      Mt.value = t;
-      const e = pe.value.map((u) => ({
+    function ft(a, s = null) {
+      Ma.value = a;
+      const e = ye.value.map((u) => ({
         name: u.name,
         value: [null, void 0, NaN].includes(u.absoluteValues[s]) ? null : u.absoluteValues[s],
         color: u.color,
         type: u.type
       }));
-      t ? (_.value = s, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: s + m.value.start })) : (_.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: s + m.value.start }));
+      a ? (_.value = s, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: s + m.value.start })) : (_.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: s + m.value.start }));
     }
-    function ga() {
+    function gt() {
       f.value.showTable = !f.value.showTable;
     }
-    function ma() {
+    function mt() {
       f.value.dataLabels.show = !f.value.dataLabels.show;
     }
-    function ba() {
+    function bt() {
       f.value.showTooltip = !f.value.showTooltip;
     }
-    function xa(t) {
-      Ge.value = t, At.value += 1;
+    function xt(a) {
+      Ge.value = a, Aa.value += 1;
     }
-    function pa() {
+    function pt() {
       if (!l.value.responsiveProportionalSizing) {
         y.value.dataLabels = l.value.chart.grid.labels.fontSize, y.value.yAxis = l.value.chart.grid.labels.axis.fontSize, y.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, y.value.plotLabels = l.value.chart.labels.fontSize, we.value.plot = l.value.plot.radius, we.value.line = l.value.line.radius;
         return;
@@ -1303,13 +1303,13 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         fallback: 1
       });
     }
-    function xt() {
-      Ha(g.dataset) ? (_t({
+    function xa() {
+      Ht(g.dataset) ? (_a({
         componentName: "VueUiXy",
         type: "dataset",
         debug: yl.value
       }), Ol.value = !0) : g.dataset.forEach((s, e) => {
-        [null, void 0].includes(s.name) && (_t({
+        [null, void 0].includes(s.name) && (_a({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
@@ -1322,42 +1322,42 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
 -----> The serie '${s.name}' contains the value '${e}' at index ${u}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), Ha(g.dataset) || (Ol.value = l.value.loading), zt.value = l.value.chart.userOptions.showOnChartHover, ut.value = l.value.chart.userOptions.keepStateOnChartLeave, zl.value = !l.value.chart.userOptions.showOnChartHover, ct();
-      const t = 12;
+      }), Ht(g.dataset) || (Ol.value = l.value.loading), za.value = l.value.chart.userOptions.showOnChartHover, ua.value = l.value.chart.userOptions.keepStateOnChartLeave, zl.value = !l.value.chart.userOptions.showOnChartHover, ca();
+      const a = 12;
       if (l.value.responsive) {
-        const e = Ce.value.parentNode;
-        Re.value && (Re.value.unobserve(ot.value), Re.value.disconnect());
-        const { height: u, width: a } = e.getBoundingClientRect();
+        const e = Te.value.parentNode;
+        Re.value && (Re.value.unobserve(oa.value), Re.value.disconnect());
+        const { height: u, width: t } = e.getBoundingClientRect();
         let i = null, o = 0;
         l.value.chart.title.show && fl.value && (i = fl.value, o = i.getBoundingClientRect().height);
         let A = null, C = 0;
-        l.value.chart.zoom.show && ze.value > 6 && rt.value && Te.value && Te.value.$el && (A = Te.value.$el, C = A.getBoundingClientRect().height);
+        l.value.chart.zoom.show && Ie.value > 6 && ra.value && ze.value && ze.value.$el && (A = ze.value.$el, C = A.getBoundingClientRect().height);
         let O = null, S = 0;
         l.value.chart.legend.show && sl.value && (O = sl.value, S = O.getBoundingClientRect().height);
         let T = 0;
         gl.value && (T = gl.value.getBoundingClientRect().height);
         let Y = 0;
-        ml.value && (Y = ml.value.getBoundingClientRect().height), ve.value = u - o - S - C - T - Y - t, Q.value = a, Tl.value = `0 0 ${Q.value < 0 ? 10 : Q.value} ${ve.value < 0 ? 10 : ve.value}`, pa();
+        ml.value && (Y = ml.value.getBoundingClientRect().height), ve.value = u - o - S - C - T - Y - a, Q.value = t, Tl.value = `0 0 ${Q.value < 0 ? 10 : Q.value} ${ve.value < 0 ? 10 : ve.value}`, pt();
         const k = new ResizeObserver((F) => {
           for (const z of F)
-            l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, Te.value && Te.value.$el ? C = Te.value.$el.getBoundingClientRect().height : C = 0, sl.value ? S = sl.value.getBoundingClientRect().height : S = 0, gl.value ? T = gl.value.getBoundingClientRect().height : T = 0, ml.value ? Y = ml.value.getBoundingClientRect().height : Y = 0, requestAnimationFrame(() => {
-              ve.value = z.contentRect.height - o - S - C - T - Y - t, Q.value = z.contentBoxSize[0].inlineSize, Tl.value = `0 0 ${Q.value < 0 ? 10 : Q.value} ${ve.value < 0 ? 10 : ve.value}`, pa();
+            l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, ze.value && ze.value.$el ? C = ze.value.$el.getBoundingClientRect().height : C = 0, sl.value ? S = sl.value.getBoundingClientRect().height : S = 0, gl.value ? T = gl.value.getBoundingClientRect().height : T = 0, ml.value ? Y = ml.value.getBoundingClientRect().height : Y = 0, requestAnimationFrame(() => {
+              ve.value = z.contentRect.height - o - S - C - T - Y - a, Q.value = z.contentBoxSize[0].inlineSize, Tl.value = `0 0 ${Q.value < 0 ? 10 : Q.value} ${ve.value < 0 ? 10 : ve.value}`, pt();
             });
         });
-        Re.value = k, ot.value = e, k.observe(e);
+        Re.value = k, oa.value = e, k.observe(e);
       } else
         ve.value = l.value.chart.height, Q.value = l.value.chart.width, y.value.dataLabels = l.value.chart.grid.labels.fontSize, y.value.yAxis = l.value.chart.grid.labels.axis.fontSize, y.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, y.value.plotLabels = l.value.chart.labels.fontSize, we.value.plot = l.value.plot.radius, we.value.line = l.value.line.radius, Tl.value = `0 0 ${Q.value} ${ve.value}`;
     }
-    function ya(t) {
+    function yt(a) {
       eo.value = {
-        x: t.clientX,
-        y: t.clientY
+        x: a.clientX,
+        y: a.clientY
       };
     }
     Ul(() => {
-      xt(), Rl(), document.addEventListener("mousemove", ya, { passive: !0 }), document.addEventListener("scroll", Yt, { passive: !0 });
-    }), yt(() => {
-      document.removeEventListener("scroll", Yt, { passive: !0 }), document.removeEventListener("mousemove", ya, { passive: !0 }), Re.value && (Re.value.unobserve(ot.value), Re.value.disconnect(), Re.value = null);
+      xa(), Rl(), document.addEventListener("mousemove", yt, { passive: !0 }), document.addEventListener("scroll", Ya, { passive: !0 });
+    }), ya(() => {
+      document.removeEventListener("scroll", Ya, { passive: !0 }), document.removeEventListener("mousemove", yt, { passive: !0 }), Re.value && (Re.value.unobserve(oa.value), Re.value.disconnect(), Re.value = null);
     }), gs({
       timeLabelsEls: ul,
       timeLabels: de,
@@ -1370,53 +1370,53 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       width: Q,
       rotation: l.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const Gl = x(!1), ka = x(null), _a = x(200), zo = b(
+    const Gl = x(!1), kt = x(null), _t = x(200), zo = b(
       () => _.value ?? V.value ?? 0
     );
     function Io() {
-      const t = Math.ceil(_a.value || 200);
-      return Math.min(Math.max(t, 1), 200);
+      const a = Math.ceil(_t.value || 200);
+      return Math.min(Math.max(a, 1), 200);
     }
     function Oo() {
-      const t = Io(), s = 200, e = Math.max(1, L.value), u = c.value.width / e, i = c.value.left + zo.value * u + u / 2 - t / 2 - (s - t) / 2, o = c.value.left - (s - t) / 2, A = c.value.right - (s + t) / 2, C = Math.max(o, Math.min(i, A));
+      const a = Io(), s = 200, e = Math.max(1, L.value), u = c.value.width / e, i = c.value.left + zo.value * u + u / 2 - a / 2 - (s - a) / 2, o = c.value.left - (s - a) / 2, A = c.value.right - (s + a) / 2, C = Math.max(o, Math.min(i, A));
       return P(C);
     }
     Ul(() => {
-      let t = null, s = null;
+      let a = null, s = null;
       const e = (i) => {
         cancelAnimationFrame(s), s = requestAnimationFrame(() => {
-          _a.value = Math.min(Math.max(Math.ceil(i || 0), 1), 200);
+          _t.value = Math.min(Math.max(Math.ceil(i || 0), 1), 200);
         });
       }, u = new ResizeObserver((i) => {
-        let o = i.find((A) => A.target === t) || i[0];
+        let o = i.find((A) => A.target === a) || i[0];
         o && e(o.contentRect.width || 200);
-      }), a = La((i) => {
-        const o = ka.value;
-        t && t !== o && (u.unobserve(t), t = null), o && o !== t && (Ma(() => {
+      }), t = Lt((i) => {
+        const o = kt.value;
+        a && a !== o && (u.unobserve(a), a = null), o && o !== a && (Mt(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
-        }), u.observe(o), t = o), i(() => {
-          t && (u.unobserve(t), t = null);
+        }), u.observe(o), a = o), i(() => {
+          a && (u.unobserve(a), a = null);
         });
       });
-      yt(() => {
+      ya(() => {
         try {
-          t && u.unobserve(t), u.disconnect(), a();
+          a && u.unobserve(a), u.disconnect(), t();
         } catch {
         }
       });
     });
     const No = b(() => {
       if ([null, void 0].includes(_.value) && [null, void 0].includes(V.value)) return "";
-      const t = (_.value != null ? _.value : 0) || (V.value != null ? V.value : 0), s = l.value.chart.timeTag.customFormat;
-      if (Gl.value = !1, Ra(s))
+      const a = (_.value != null ? _.value : 0) || (V.value != null ? V.value : 0), s = l.value.chart.timeTag.customFormat;
+      if (Gl.value = !1, Rt(s))
         try {
           const e = s({
-            absoluteIndex: t + m.value.start,
-            seriesIndex: t,
+            absoluteIndex: a + m.value.start,
+            seriesIndex: a,
             datapoint: Ke.value,
-            bars: Ie.value,
-            lines: ne.value,
-            plots: ye.value,
+            bars: Me.value,
+            lines: te.value,
+            plots: be.value,
             config: l.value
           });
           if (typeof e == "string")
@@ -1425,47 +1425,47 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           console.warn("Custom format cannot be applied on timeTag."), Gl.value = !1;
         }
       if (!Gl.value)
-        return [null, void 0].includes(de.value[t]) ? "" : l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.timeTag.useDefaultFormat ? rl.value(t + m.value.start, l.value.chart.timeTag.timeFormat) : de.value[t].text;
+        return [null, void 0].includes(de.value[a]) ? "" : l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.timeTag.useDefaultFormat ? rl.value(a + m.value.start, l.value.chart.timeTag.timeFormat) : de.value[a].text;
     });
-    Al(() => g.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Ol.value = !1), ze.value = Math.max(...ge.value.map((s) => Be(s.series).length)), m.value = {
+    Al(() => g.dataset, (a) => {
+      Array.isArray(a) && a.length > 0 && (Ol.value = !1), Ie.value = Math.max(...ge.value.map((s) => Be(s.series).length)), m.value = {
         start: 0,
-        end: ze.value
-      }, ja.value += 1, st.value += 1, nl();
-    }, { deep: !0 }), Al(() => g.config, (t) => {
-      ue.value || (l.value = nt()), xt(), Tt.value += 1, Ct.value += 1, ct(), nl();
+        end: Ie.value
+      }, jt.value += 1, sa.value += 1, nl();
+    }, { deep: !0 }), Al(() => g.config, (a) => {
+      ie.value || (l.value = na()), xa(), Ta.value += 1, Ca.value += 1, ca(), nl();
     }, { deep: !0 });
-    const pt = x(!1);
-    function wa() {
-      const t = Ce.value?.parentNode;
-      if (!t) {
-        pt.value = !1;
+    const pa = x(!1);
+    function wt() {
+      const a = Te.value?.parentNode;
+      if (!a) {
+        pa.value = !1;
         return;
       }
-      const s = t.getBoundingClientRect();
-      pt.value = s.width > 2 && s.height > 2;
+      const s = a.getBoundingClientRect();
+      pa.value = s.width > 2 && s.height > 2;
     }
     Ul(() => {
-      wa();
-      const t = new ResizeObserver(() => {
-        wa(), pt.value && (xt(), nl(), Rl());
+      wt();
+      const a = new ResizeObserver(() => {
+        wt(), pa.value && (xa(), nl(), Rl());
       });
-      Ce.value?.parentNode && t.observe(Ce.value.parentNode);
+      Te.value?.parentNode && a.observe(Te.value.parentNode);
     }), Al(l, () => {
-      ct();
+      ca();
     }, { immediate: !0 });
     const $l = b(() => {
-      const t = l.value.table.useDialog && !l.value.showTable, s = f.value.showTable;
+      const a = l.value.table.useDialog && !l.value.showTable, s = f.value.showTable;
       return {
-        component: t ? Ja : ys,
+        component: a ? Jt : ys,
         title: `${l.value.chart.title.text}${l.value.chart.title.subtitle.text ? `: ${l.value.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
+        props: a ? {
           backgroundColor: l.value.table.th.backgroundColor,
           color: l.value.table.th.color,
           headerColor: l.value.table.th.color,
           headerBg: l.value.table.th.backgroundColor,
           isFullscreen: Ge.value,
-          fullscreenParent: Ce.value,
+          fullscreenParent: Te.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -1484,60 +1484,60 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }
       };
     });
-    Al(() => f.value.showTable, (t) => {
-      l.value.showTable || (t && l.value.table.useDialog && il.value ? il.value.open() : il.value && il.value.close && il.value.close());
+    Al(() => f.value.showTable, (a) => {
+      l.value.showTable || (a && l.value.table.useDialog && il.value ? il.value.open() : il.value && il.value.close && il.value.close());
     });
-    function Sa() {
-      f.value.showTable = !1, at.value && at.value.setTableIconState(!1);
+    function St() {
+      f.value.showTable = !1, ta.value && ta.value.setTableIconState(!1);
     }
-    const Vo = b(() => Le.value.map((t) => ({
-      shape: t.type === "bar" ? "square" : t.shape ?? "circle",
-      color: t.color,
-      name: t.name
+    const Vo = b(() => Le.value.map((a) => ({
+      shape: a.type === "bar" ? "square" : a.shape ?? "circle",
+      color: a.color,
+      name: a.name
     }))), Po = b(() => l.value.chart.backgroundColor), Fo = b(() => l.value.chart.legend), Ro = b(() => l.value.chart.title), { exportSvg: Bo, getSvg: Ho } = fs({
-      svg: se,
+      svg: ue,
       title: Ro,
       legend: Fo,
       legendItems: Vo,
       backgroundColor: Po
     });
-    async function $a({ isCb: t }) {
-      if (t) {
-        const { blob: s, url: e, text: u, dataUrl: a } = await Ho();
-        l.value.chart.userOptions.callbacks.svg({ blob: s, url: e, text: u, dataUrl: a });
+    async function $t({ isCb: a }) {
+      if (a) {
+        const { blob: s, url: e, text: u, dataUrl: t } = await Ho();
+        l.value.chart.userOptions.callbacks.svg({ blob: s, url: e, text: u, dataUrl: t });
       } else
         Bo();
     }
-    return Ea({
+    return Et({
       getData: yo,
       getImage: ko,
-      generatePdf: Bt,
-      generateImage: Ht,
-      generateSvg: $a,
-      generateCsv: bt,
-      toggleStack: Ut,
-      toggleTable: ga,
-      toggleLabels: ma,
-      toggleTooltip: ba,
-      toggleAnnotator: ht,
-      toggleFullscreen: xa
-    }), (t, s) => (n(), r("div", {
+      generatePdf: Ba,
+      generateImage: Ha,
+      generateSvg: $t,
+      generateCsv: ba,
+      toggleStack: Ua,
+      toggleTable: gt,
+      toggleLabels: mt,
+      toggleTooltip: bt,
+      toggleAnnotator: ha,
+      toggleFullscreen: xt
+    }), (a, s) => (n(), r("div", {
       id: `vue-ui-xy_${D.value}`,
       class: je(`vue-data-ui-component vue-ui-xy ${Ge.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${l.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
-      ref: Ce,
+      ref: Te,
       style: $(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[6] || (s[6] = () => Xt(!0)),
-      onMouseleave: s[7] || (s[7] = () => Xt(!1)),
-      onClick: ta
+      onMouseenter: s[6] || (s[6] = () => Xa(!0)),
+      onMouseleave: s[7] || (s[7] = () => Xa(!1)),
+      onClick: at
     }, [
-      l.value.chart.userOptions.buttons.annotator && se.value ? (n(), Me(v(Za), {
+      l.value.chart.userOptions.buttons.annotator && ue.value ? (n(), Ae(v(Zt), {
         key: 0,
-        svgRef: se.value,
+        svgRef: ue.value,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
         active: xl.value,
-        onClose: ht
+        onClose: ha
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
       wo.value ? (n(), r("div", {
         key: 1,
@@ -1553,8 +1553,8 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         class: "vue-ui-xy-title",
         style: $(`font-family:${l.value.chart.fontFamily}`)
       }, [
-        (n(), Me(bs, {
-          key: `title_${Tt.value}`,
+        (n(), Ae(bs, {
+          key: `title_${Ta.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -1570,14 +1570,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       p("div", {
         id: `legend-top-${D.value}`
       }, null, 8, ws),
-      l.value.chart.userOptions.show && (ut.value || zl.value) ? (n(), Me(v(Ga), {
+      l.value.chart.userOptions.show && (ua.value || zl.value) ? (n(), Ae(v(Gt), {
         ref_key: "userOptionsRef",
-        ref: at,
-        key: `user_options_${At.value}`,
+        ref: ta,
+        key: `user_options_${Aa.value}`,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
-        isPrinting: v(vt),
-        isImaging: v(Rt),
+        isPrinting: v(va),
+        isImaging: v(Ra),
         uid: D.value,
         hasTooltip: l.value.chart.userOptions.buttons.tooltip && l.value.chart.tooltip.show,
         hasPdf: l.value.chart.userOptions.buttons.pdf,
@@ -1590,7 +1590,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         hasFullscreen: l.value.chart.userOptions.buttons.fullscreen,
         isStacked: f.value.isStacked,
         isFullscreen: Ge.value,
-        chartElement: t.$refs.chart,
+        chartElement: a.$refs.chart,
         position: l.value.chart.userOptions.position,
         isTooltip: f.value.showTooltip,
         titles: { ...l.value.chart.userOptions.buttonTitles },
@@ -1599,94 +1599,94 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         callbacks: l.value.chart.userOptions.callbacks,
         tableDialog: l.value.table.useDialog,
         printScale: l.value.chart.userOptions.print.scale,
-        onToggleFullscreen: xa,
-        onGeneratePdf: v(Bt),
-        onGenerateCsv: bt,
-        onGenerateImage: v(Ht),
-        onGenerateSvg: $a,
-        onToggleTable: ga,
-        onToggleLabels: ma,
-        onToggleStack: Ut,
-        onToggleTooltip: ba,
-        onToggleAnnotator: ht,
+        onToggleFullscreen: xt,
+        onGeneratePdf: v(Ba),
+        onGenerateCsv: ba,
+        onGenerateImage: v(Ha),
+        onGenerateSvg: $t,
+        onToggleTable: gt,
+        onToggleLabels: mt,
+        onToggleStack: Ua,
+        onToggleTooltip: bt,
+        onToggleAnnotator: ha,
         style: $({
-          visibility: ut.value ? zl.value ? "visible" : "hidden" : "visible"
+          visibility: ua.value ? zl.value ? "visible" : "hidden" : "visible"
         })
-      }, Aa({ _: 2 }, [
-        t.$slots.menuIcon ? {
+      }, At({ _: 2 }, [
+        a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: ee(({ isOpen: e, color: u }) => [
-            X(t.$slots, "menuIcon", el(ll({ isOpen: e, color: u })), void 0, !0)
+            X(a.$slots, "menuIcon", el(ll({ isOpen: e, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        t.$slots.optionTooltip ? {
+        a.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: ee(() => [
-            X(t.$slots, "optionTooltip", {}, void 0, !0)
+            X(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        t.$slots.optionPdf ? {
+        a.$slots.optionPdf ? {
           name: "optionPdf",
           fn: ee(() => [
-            X(t.$slots, "optionPdf", {}, void 0, !0)
+            X(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        t.$slots.optionCsv ? {
+        a.$slots.optionCsv ? {
           name: "optionCsv",
           fn: ee(() => [
-            X(t.$slots, "optionCsv", {}, void 0, !0)
+            X(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        t.$slots.optionImg ? {
+        a.$slots.optionImg ? {
           name: "optionImg",
           fn: ee(() => [
-            X(t.$slots, "optionImg", {}, void 0, !0)
+            X(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
-        t.$slots.optionTable ? {
+        a.$slots.optionTable ? {
           name: "optionTable",
           fn: ee(() => [
-            X(t.$slots, "optionTable", {}, void 0, !0)
+            X(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
-        t.$slots.optionLabels ? {
+        a.$slots.optionLabels ? {
           name: "optionLabels",
           fn: ee(() => [
-            X(t.$slots, "optionLabels", {}, void 0, !0)
+            X(a.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
-        t.$slots.optionStack ? {
+        a.$slots.optionStack ? {
           name: "optionStack",
           fn: ee(() => [
-            X(t.$slots, "optionStack", {}, void 0, !0)
+            X(a.$slots, "optionStack", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
-        t.$slots.optionFullscreen ? {
+        a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: ee(({ toggleFullscreen: e, isFullscreen: u }) => [
-            X(t.$slots, "optionFullscreen", el(ll({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
+            X(a.$slots, "optionFullscreen", el(ll({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
-        t.$slots.optionAnnotator ? {
+        a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: ee(({ toggleAnnotator: e, isAnnotator: u }) => [
-            X(t.$slots, "optionAnnotator", el(ll({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
+            X(a.$slots, "optionAnnotator", el(ll({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
           ]),
           key: "9"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "tableDialog", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       (n(), r("svg", {
         ref_key: "svgRef",
-        ref: se,
+        ref: ue,
         xmlns: "http://www.w3.org/2000/svg",
         class: je([{ "vue-data-ui-fullscreen--on": Ge.value, "vue-data-ui-fulscreen--off": !Ge.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
         width: "100%",
@@ -1702,15 +1702,15 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         preserveAspectRatio: "xMidYMid",
         onMousemove: po,
         onMouseleave: Dl,
-        onClick: ta
+        onClick: at
       }, [
         p("g", {
           ref_key: "G",
-          ref: Qa,
+          ref: Qt,
           class: "vue-data-ui-g"
         }, [
-          vl(v(qa)),
-          t.$slots["chart-background"] ? (n(), r("foreignObject", {
+          vl(v(qt)),
+          a.$slots["chart-background"] ? (n(), r("foreignObject", {
             key: 0,
             x: c.value.left + G.value < 0 ? 0 : c.value.left + G.value,
             y: c.value.top,
@@ -1720,7 +1720,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               pointerEvents: "none"
             }
           }, [
-            X(t.$slots, "chart-background", {}, void 0, !0)
+            X(a.$slots, "chart-background", {}, void 0, !0)
           ], 8, $s)) : h("", !0),
           L.value > 0 ? (n(), r("g", Ls, [
             p("g", Ms, [
@@ -1768,7 +1768,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   style: { animation: "none !important" }
                 }, null, 8, Cs)) : h("", !0),
                 l.value.chart.grid.showHorizontalLines ? (n(), r("g", Ts, [
-                  (n(!0), r(d, null, w(ia.value, (e) => (n(), r("line", {
+                  (n(!0), r(d, null, w(it.value, (e) => (n(), r("line", {
                     x1: c.value.left + G.value,
                     x2: c.value.right,
                     y1: v(E)(e.y),
@@ -1799,10 +1799,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 }, null, 8, Fs)
               ])) : h("", !0)
             ]),
-            (n(!0), r(d, null, w(Ie.value, (e, u) => (n(), r("defs", {
+            (n(!0), r(d, null, w(Me.value, (e, u) => (n(), r("defs", {
               key: `def_rect_${u}`
             }, [
-              t.$slots["bar-gradient"] ? X(t.$slots, "bar-gradient", tl({
+              a.$slots["bar-gradient"] ? X(a.$slots, "bar-gradient", al({
                 key: 0,
                 ref_for: !0
               }, { series: e, positiveId: `rectGradient_pos_${u}_${D.value}`, negativeId: `rectGradient_neg_${u}_${D.value}` }), void 0, !0) : (n(), r(d, { key: 1 }, [
@@ -1844,7 +1844,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 ], 8, Es)
               ], 64))
             ]))), 128)),
-            (n(!0), r(d, null, w(ye.value, (e, u) => (n(), r("defs", {
+            (n(!0), r(d, null, w(be.value, (e, u) => (n(), r("defs", {
               key: `def_plot_${u}`
             }, [
               p("radialGradient", {
@@ -1865,7 +1865,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 }, null, 8, qs)
               ], 8, Gs)
             ]))), 128)),
-            (n(!0), r(d, null, w(ne.value, (e, u) => (n(), r("defs", {
+            (n(!0), r(d, null, w(te.value, (e, u) => (n(), r("defs", {
               key: `def_line_${e.id}`
             }, [
               p("radialGradient", {
@@ -1885,7 +1885,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   "stop-color": e.color
                 }, null, 8, Ks)
               ], 8, Zs),
-              t.$slots["area-gradient"] ? X(t.$slots, "area-gradient", tl({
+              a.$slots["area-gradient"] ? X(a.$slots, "area-gradient", al({
                 key: 0,
                 ref_for: !0
               }, { series: e, id: `areaGradient_${u}_${D.value}` }), void 0, !0) : (n(), r("linearGradient", {
@@ -1898,33 +1898,33 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               }, [
                 p("stop", {
                   offset: "0%",
-                  "stop-color": `${v(Ae)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
+                  "stop-color": `${v(Ce)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
                 }, null, 8, js),
                 p("stop", {
                   offset: "100%",
-                  "stop-color": `${v(Ae)(e.color, l.value.line.area.opacity)}`
+                  "stop-color": `${v(Ce)(e.color, l.value.line.area.opacity)}`
                 }, null, 8, eu)
               ], 8, Qs))
             ]))), 128)),
             (n(!0), r(d, null, w(So.value, (e) => (n(), r("g", null, [
               e.show ? (n(), r(d, { key: 0 }, [
-                (n(!0), r(d, null, w(e.span, (u, a) => (n(), r("g", null, [
+                (n(!0), r(d, null, w(e.span, (u, t) => (n(), r("g", null, [
                   p("rect", {
                     style: $({
                       transition: "none",
-                      opacity: e.from + a >= m.value.start && e.from + a <= m.value.end - 1 ? 1 : 0
+                      opacity: e.from + t >= m.value.start && e.from + t <= m.value.end - 1 ? 1 : 0
                     }),
-                    x: c.value.left + c.value.width / L.value * (e.from + a - m.value.start),
+                    x: c.value.left + c.value.width / L.value * (e.from + t - m.value.start),
                     y: c.value.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / L.value < 0 ? 1e-5 : c.value.width / L.value,
-                    fill: v(Ae)(e.color, e.opacity)
+                    fill: v(Ce)(e.color, e.opacity)
                   }, null, 12, lu)
                 ]))), 256)),
-                (n(!0), r(d, null, w(e.span, (u, a) => (n(), r("g", null, [
-                  e.caption.text && a === 0 ? (n(), r("foreignObject", {
+                (n(!0), r(d, null, w(e.span, (u, t) => (n(), r("g", null, [
+                  e.caption.text && t === 0 ? (n(), r("foreignObject", {
                     key: 0,
-                    x: c.value.left + c.value.width / L.value * (e.from + a - m.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / L.value * e.span / 2),
+                    x: c.value.left + c.value.width / L.value * (e.from + t - m.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / L.value * e.span / 2),
                     y: c.value.top + e.caption.offsetY,
                     style: $({
                       overflow: "visible",
@@ -1935,12 +1935,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   }, [
                     p("div", {
                       style: $(`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"}`)
-                    }, te(e.caption.text), 5)
-                  ], 12, tu)) : h("", !0)
+                    }, ae(e.caption.text), 5)
+                  ], 12, au)) : h("", !0)
                 ]))), 256))
               ], 64)) : h("", !0)
             ]))), 256)),
-            Wt.value ? (n(), r("g", au, [
+            Wa.value ? (n(), r("g", tu, [
               (n(!0), r(d, null, w(L.value, (e, u) => (n(), r("g", {
                 key: `tooltip_trap_highlighter_${u}`
               }, [
@@ -1949,55 +1949,55 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   y: c.value.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   width: c.value.width / L.value < 0 ? 1e-5 : c.value.width / L.value,
-                  fill: [V.value, _.value, Ue.value].includes(u) ? v(Ae)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
+                  fill: [V.value, _.value, Ue.value].includes(u) ? v(Ce)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, ou)
               ]))), 128))
             ])) : h("", !0),
-            Ie.value.length ? (n(!0), r(d, { key: 1 }, w(Ie.value, (e, u) => (n(), r("g", {
+            Me.value.length ? (n(!0), r(d, { key: 1 }, w(Me.value, (e, u) => (n(), r("g", {
               key: `serie_bar_${e.id}`,
               class: je(`serie_bar_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r("g", {
+              (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r("g", {
                 key: `bar_plot_${u}_${i}`
               }, [
-                me(a.value) ? (n(), r("rect", {
+                me(t.value) ? (n(), r("rect", {
                   key: 0,
-                  x: Hl(a) + Wl.value / 2,
-                  y: f.value.useIndividualScale ? ea(a) : jt(a),
-                  height: f.value.useIndividualScale ? Math.abs(Qt(a)) : Math.abs(Kt(a)),
+                  x: Hl(t) + Wl.value / 2,
+                  y: f.value.useIndividualScale ? et(t) : ja(t),
+                  height: f.value.useIndividualScale ? Math.abs(Qa(t)) : Math.abs(Ka(t)),
                   width: Yl.value - Wl.value,
                   rx: l.value.bar.borderRadius,
-                  fill: l.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${u}_${D.value})` : `url(#rectGradient_neg_${u}_${D.value})` : e.color,
+                  fill: l.value.bar.useGradient ? t.value >= 0 ? `url(#rectGradient_pos_${u}_${D.value})` : `url(#rectGradient_neg_${u}_${D.value})` : e.color,
                   stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
                   "stroke-width": l.value.bar.border.strokeWidth,
                   style: $({
-                    transition: v(ue) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out`
+                    transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out`
                   })
                 }, null, 12, su)) : h("", !0),
-                me(a.value) && t.$slots.pattern ? (n(), r("rect", {
+                me(t.value) && a.$slots.pattern ? (n(), r("rect", {
                   key: 1,
-                  x: Hl(a) - Wl.value / 2,
-                  y: f.value.useIndividualScale ? ea(a) : jt(a),
-                  height: f.value.useIndividualScale ? Math.abs(Qt(a)) : Math.abs(Kt(a)),
+                  x: Hl(t) - Wl.value / 2,
+                  y: f.value.useIndividualScale ? et(t) : ja(t),
+                  height: f.value.useIndividualScale ? Math.abs(Qa(t)) : Math.abs(Ka(t)),
                   width: Yl.value - Wl.value,
                   rx: l.value.bar.borderRadius,
                   fill: `url(#pattern_${D.value}_${e.slotAbsoluteIndex})`,
                   stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
                   "stroke-width": l.value.bar.border.strokeWidth,
-                  style: $({ transition: v(ue) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
+                  style: $({ transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, uu)) : h("", !0),
-                a.comment && l.value.chart.comments.show ? (n(), r("foreignObject", {
+                t.comment && l.value.chart.comments.show ? (n(), r("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
                   width: Yl.value / 2 + l.value.chart.comments.width,
-                  x: Hl(a) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: v(P)(a.y) + l.value.chart.comments.offsetY + 6
+                  x: Hl(t) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
+                  y: v(P)(t.y) + l.value.chart.comments.offsetY + 6
                 }, [
-                  X(t.$slots, "plot-comment", {
-                    plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: i }
+                  X(a.$slots, "plot-comment", {
+                    plot: { ...t, color: e.color, seriesIndex: u, datapointIndex: i }
                   }, void 0, !0)
                 ], 8, iu)) : h("", !0)
               ]))), 128))
@@ -2008,8 +2008,8 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               "stroke-width": "1",
               x1: c.value.left + G.value,
               x2: c.value.right,
-              y1: v(E)(ie.value),
-              y2: v(E)(ie.value),
+              y1: v(E)(ne.value),
+              y2: v(E)(ne.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, nu)) : h("", !0),
@@ -2043,7 +2043,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             l.value.chart.grid.labels.show ? (n(), r("g", {
               key: 5,
               ref_key: "scaleLabels",
-              ref: tt
+              ref: aa
             }, [
               f.value.useIndividualScale ? (n(), r(d, { key: 0 }, [
                 (n(!0), r(d, null, w(Sl.value, (e) => (n(), r("g", null, [
@@ -2066,9 +2066,9 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                     "font-size": y.value.dataLabels * 0.8,
                     "text-anchor": "middle",
                     transform: `translate(${e.x - y.value.dataLabels * 0.8 / 2 + G.value}, ${f.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
-                  }, te(e.name) + " " + te(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
+                  }, ae(e.name) + " " + ae(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
                                     ${e.scaleLabel}` : ""), 9, hu),
-                  (n(!0), r(d, null, w(e.yLabels, (u, a) => (n(), r(d, null, [
+                  (n(!0), r(d, null, w(e.yLabels, (u, t) => (n(), r(d, null, [
                     l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), r("line", {
                       key: 0,
                       x1: e.x + 3 + G.value - l.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
@@ -2081,13 +2081,13 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       style: { animation: "none !important" }
                     }, null, 8, fu)) : h("", !0)
                   ], 64))), 256)),
-                  (n(!0), r(d, null, w(e.yLabels, (u, a) => (n(), r("text", {
+                  (n(!0), r(d, null, w(e.yLabels, (u, t) => (n(), r("text", {
                     x: e.x - 5 + G.value - c.value.individualOffsetX,
                     y: v(E)(u.y) + y.value.dataLabels / 3,
                     "font-size": y.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
-                  }, te(v(oe)(
+                  }, ae(v(se)(
                     l.value.chart.grid.labels.yAxis.formatter,
                     u.value,
                     v(Ve)({
@@ -2096,10 +2096,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       s: u.suffix,
                       r: l.value.chart.grid.labels.yAxis.rounding
                     }),
-                    { datapoint: u.datapoint, seriesIndex: a }
+                    { datapoint: u.datapoint, seriesIndex: t }
                   )), 9, gu))), 256))
                 ], 4))), 256))
-              ], 64)) : (n(!0), r(d, { key: 1 }, w(ia.value, (e, u) => (n(), r("g", {
+              ], 64)) : (n(!0), r(d, { key: 1 }, w(it.value, (e, u) => (n(), r("g", {
                 key: `yLabel_${u}`
               }, [
                 me(e) && e.value >= $e.value.min && e.value <= $e.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), r("line", {
@@ -2120,7 +2120,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   "font-size": y.value.dataLabels,
                   "text-anchor": "end",
                   fill: l.value.chart.grid.labels.color
-                }, te(me(e.value) ? v(oe)(
+                }, ae(me(e.value) ? v(se)(
                   l.value.chart.grid.labels.yAxis.formatter,
                   e.value,
                   v(Ve)({
@@ -2132,41 +2132,41 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 ) : ""), 9, bu)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
-            (n(!0), r(d, null, w(ye.value, (e, u) => (n(), r("g", {
+            (n(!0), r(d, null, w(be.value, (e, u) => (n(), r("g", {
               key: `serie_plot_${e.id}`,
               class: je(`serie_plot_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r("g", {
+              (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r("g", {
                 key: `circle_plot_${u}_${i}`
               }, [
-                a && me(a.value) ? (n(), Me(Kl, {
+                t && me(t.value) ? (n(), Ae(Kl, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: l.value.plot.useGradient ? `url(#plotGradient_${u}_${D.value})` : l.value.plot.dot.useSerieColor ? e.color : l.value.plot.dot.fill,
-                  plot: { x: v(P)(a.x), y: v(P)(a.y) },
+                  plot: { x: v(P)(t.x), y: v(P)(t.y) },
                   radius: _.value !== null && _.value === i || V.value !== null && V.value === i ? (we.value.plot || 6) * 1.5 : we.value.plot || 6,
                   stroke: l.value.plot.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.plot.dot.strokeWidth,
-                  transition: v(ue) || !l.value.plot.showTransition || _.value !== null && _.value === i || V.value !== null && V.value === i ? void 0 : `all ${l.value.plot.transitionDurationMs}ms ease-in-out`
+                  transition: v(ie) || !l.value.plot.showTransition || _.value !== null && _.value === i || V.value !== null && V.value === i ? void 0 : `all ${l.value.plot.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                a.comment && l.value.chart.comments.show ? (n(), r("foreignObject", {
+                t.comment && l.value.chart.comments.show ? (n(), r("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
                   width: l.value.chart.comments.width,
-                  x: a.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: a.y + l.value.chart.comments.offsetY + 6
+                  x: t.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
+                  y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
                   p("div", pu, [
-                    X(t.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: i }
+                    X(a.$slots, "plot-comment", {
+                      plot: { ...t, color: e.color, seriesIndex: u, datapointIndex: i }
                     }, void 0, !0)
                   ])
                 ], 8, xu)) : h("", !0)
               ]))), 128))
             ], 6))), 128)),
-            (n(!0), r(d, null, w(ne.value, (e, u) => (n(), r("g", {
+            (n(!0), r(d, null, w(te.value, (e, u) => (n(), r("g", {
               key: `serie_line_${e.id}`,
               class: je(`serie_line_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2178,7 +2178,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 "stroke-width": l.value.line.strokeWidth + 1,
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
-                style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, yu)) : e.plots.length > 1 && e.straight ? (n(), r("path", {
                 key: 1,
                 d: `M${e.straight}`,
@@ -2188,56 +2188,56 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, ku)) : h("", !0)
             ], 6))), 128)),
-            t.$slots.pattern ? (n(), r("defs", _u, [
-              (n(!0), r(d, null, w(Fe.value, (e, u) => X(t.$slots, "pattern", tl({
+            a.$slots.pattern ? (n(), r("defs", _u, [
+              (n(!0), r(d, null, w(Fe.value, (e, u) => X(a.$slots, "pattern", al({
                 key: `serie_pattern_slot_${e.id}`
               }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${D.value}_${u}` }), void 0, !0)), 128))
             ])) : h("", !0),
-            ca.value.length && !f.value.isStacked ? (n(), r("g", wu, [
-              (n(!0), r(d, null, w(ca.value, (e) => (n(), r("path", {
+            ct.value.length && !f.value.isStacked ? (n(), r("g", wu, [
+              (n(!0), r(d, null, w(ct.value, (e) => (n(), r("path", {
                 key: e.key,
                 d: e.d,
                 fill: e.color,
                 "fill-opacity": l.value.line.interLine.fillOpacity,
                 stroke: "none",
                 "pointer-events": "none",
-                style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, Su))), 128))
             ])) : h("", !0),
-            (n(!0), r(d, null, w(ne.value, (e, u) => (n(), r("g", {
+            (n(!0), r(d, null, w(te.value, (e, u) => (n(), r("g", {
               key: `serie_line_above_${e.id}`,
               class: je(`serie_line_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               e.useArea && e.plots.length > 1 ? (n(), r("g", $u, [
-                e.smooth ? (n(!0), r(d, { key: 0 }, w(e.curveAreas, (a, i) => (n(), r(d, { key: i }, [
-                  a ? (n(), r("path", {
+                e.smooth ? (n(!0), r(d, { key: 0 }, w(e.curveAreas, (t, i) => (n(), r(d, { key: i }, [
+                  t ? (n(), r("path", {
                     key: 0,
-                    d: a,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${D.value})` : v(Ae)(e.color, l.value.line.area.opacity),
-                    style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    d: t,
+                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${D.value})` : v(Ce)(e.color, l.value.line.area.opacity),
+                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Lu)) : h("", !0),
-                  t.$slots.pattern && a ? (n(), r("path", {
+                  a.$slots.pattern && t ? (n(), r("path", {
                     key: 1,
-                    d: a,
+                    d: t,
                     fill: `url(#pattern_${D.value}_${e.slotAbsoluteIndex})`,
-                    style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Mu)) : h("", !0)
-                ], 64))), 128)) : (n(!0), r(d, { key: 1 }, w(e.area.split(";"), (a, i) => (n(), r(d, { key: i }, [
-                  a ? (n(), r("path", {
+                ], 64))), 128)) : (n(!0), r(d, { key: 1 }, w(e.area.split(";"), (t, i) => (n(), r(d, { key: i }, [
+                  t ? (n(), r("path", {
                     key: 0,
-                    d: `M${a}Z`,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${D.value})` : v(Ae)(e.color, l.value.line.area.opacity),
-                    style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    d: `M${t}Z`,
+                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${D.value})` : v(Ce)(e.color, l.value.line.area.opacity),
+                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Au)) : h("", !0),
-                  t.$slots.pattern && a ? (n(), r("path", {
+                  a.$slots.pattern && t ? (n(), r("path", {
                     key: 1,
-                    d: `M${a}Z`,
+                    d: `M${t}Z`,
                     fill: `url(#pattern_${D.value}_${e.slotAbsoluteIndex})`,
-                    style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Cu)) : h("", !0)
                 ], 64))), 128))
               ])) : h("", !0),
@@ -2249,7 +2249,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
-                style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, Tu)) : e.plots.length > 1 && e.straight ? (n(), r("path", {
                 key: 2,
                 d: `M${e.straight}`,
@@ -2259,76 +2259,76 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: $({ transition: v(ue) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, zu)) : h("", !0),
-              (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+              (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                 key: `circle_line_${u}_${i}`
               }, [
-                !sa.value.linePlot && a && me(a.value) || sa.value.linePlot && a && me(a.value) && (_.value !== null && _.value === i || V.value !== null && V.value === i) || ra(e.plots, i) ? (n(), Me(Kl, {
+                !st.value.linePlot && t && me(t.value) || st.value.linePlot && t && me(t.value) && (_.value !== null && _.value === i || V.value !== null && V.value === i) || rt(e.plots, i) ? (n(), Ae(Kl, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: l.value.line.useGradient ? `url(#lineGradient_${u}_${D.value})` : l.value.line.dot.useSerieColor ? e.color : l.value.line.dot.fill,
-                  plot: { x: v(P)(a.x), y: v(P)(a.y) },
-                  radius: _.value !== null && _.value === i || V.value !== null && V.value === i ? (we.value.line || 6) * 1.5 : (ra(e.plots, i), we.value.line || 6),
+                  plot: { x: v(P)(t.x), y: v(P)(t.y) },
+                  radius: _.value !== null && _.value === i || V.value !== null && V.value === i ? (we.value.line || 6) * 1.5 : (rt(e.plots, i), we.value.line || 6),
                   stroke: l.value.line.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.line.dot.strokeWidth,
-                  transition: v(ue) || !l.value.line.showTransition || _.value !== null && _.value === i || V.value !== null && V.value === i ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out`
+                  transition: v(ie) || !l.value.line.showTransition || _.value !== null && _.value === i || V.value !== null && V.value === i ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                a.comment && l.value.chart.comments.show ? (n(), r("foreignObject", {
+                t.comment && l.value.chart.comments.show ? (n(), r("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
                   width: l.value.chart.comments.width,
-                  x: a.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: a.y + l.value.chart.comments.offsetY + 6
+                  x: t.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
+                  y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
                   p("div", Ou, [
-                    X(t.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: i }
+                    X(a.$slots, "plot-comment", {
+                      plot: { ...t, color: e.color, seriesIndex: u, datapointIndex: i }
                     }, void 0, !0)
                   ])
                 ], 8, Iu)) : h("", !0)
               ], 64))), 128))
             ], 6))), 128)),
             (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (n(), r("g", Nu, [
-              (n(!0), r(d, null, w(Ie.value, (e, u) => (n(), r(d, {
+              (n(!0), r(d, null, w(Me.value, (e, u) => (n(), r(d, {
                 key: `xLabel_bar_${e.id}`
               }, [
-                (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+                (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                   key: `xLabel_bar_${u}_${i}`
                 }, [
-                  a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || V.value !== null && V.value === i) && l.value.bar.labels.show ? (n(), r("text", {
+                  t && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || V.value !== null && V.value === i) && l.value.bar.labels.show ? (n(), r("text", {
                     key: 0,
-                    x: f.value.useIndividualScale && f.value.isStacked ? a.x + q.value.line / 2 : Hl(a) + He() / 2 - El.value / 2,
-                    y: v(P)(a.y) + (a.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
+                    x: f.value.useIndividualScale && f.value.isStacked ? t.x + q.value.line / 2 : Hl(t) + He() / 2 - El.value / 2,
+                    y: v(P)(t.y) + (t.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
                     fill: l.value.bar.labels.color,
                     style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(me(a.value) ? v(oe)(
+                  }, ae(me(t.value) ? v(se)(
                     l.value.bar.labels.formatter,
-                    a.value,
+                    t.value,
                     v(Ve)({
                       p: e.prefix || l.value.chart.labels.prefix,
-                      v: a.value,
+                      v: t.value,
                       s: e.suffix || l.value.chart.labels.suffix,
                       r: l.value.bar.labels.rounding
                     }),
                     {
-                      datapoint: a,
+                      datapoint: t,
                       serie: e
                     }
                   ) : ""), 13, Vu)) : h("", !0),
-                  a && l.value.bar.serieName.show ? (n(), r("text", {
+                  t && l.value.bar.serieName.show ? (n(), r("text", {
                     key: 1,
-                    x: f.value.useIndividualScale && f.value.isStacked ? a.x + q.value.line / 2 : a.x + He() * 1.1,
-                    y: a.y + (a.value > 0 ? l.value.bar.serieName.offsetY : -l.value.bar.serieName.offsetY * 3),
+                    x: f.value.useIndividualScale && f.value.isStacked ? t.x + q.value.line / 2 : t.x + He() * 1.1,
+                    y: t.y + (t.value > 0 ? l.value.bar.serieName.offsetY : -l.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
                     fill: l.value.bar.serieName.useSerieColor ? e.color : l.value.bar.serieName.color,
                     "font-weight": l.value.bar.serieName.bold ? "bold" : "normal",
                     style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(l.value.bar.serieName.useAbbreviation ? v(ts)({
+                  }, ae(l.value.bar.serieName.useAbbreviation ? v(as)({
                     source: e.name,
                     length: l.value.bar.serieName.abbreviationSize
                   }) : e.name), 13, Pu)) : h("", !0)
@@ -2336,41 +2336,41 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               ], 64))), 128))
             ])) : h("", !0),
             l.value.plot.labels.show && f.value.dataLabels.show ? (n(), r("g", Fu, [
-              (n(!0), r(d, null, w(ye.value, (e, u) => (n(), r(d, {
+              (n(!0), r(d, null, w(be.value, (e, u) => (n(), r(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+                (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                   key: `xLabel_plot_${u}_${i}`
                 }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || V.value !== null && V.value === i ? (n(), r("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || V.value !== null && V.value === i ? (n(), r("text", {
                     key: 0,
-                    x: a.x,
-                    y: a.y + l.value.plot.labels.offsetY,
+                    x: t.x,
+                    y: t.y + l.value.plot.labels.offsetY,
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
                     fill: l.value.plot.labels.color,
                     style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(me(a.value) ? v(oe)(
+                  }, ae(me(t.value) ? v(se)(
                     l.value.plot.labels.formatter,
-                    a.value,
+                    t.value,
                     v(Ve)({
                       p: e.prefix || l.value.chart.labels.prefix,
-                      v: a.value,
+                      v: t.value,
                       s: e.suffix || l.value.chart.labels.suffix,
                       r: l.value.plot.labels.rounding
                     }),
                     {
-                      datapoint: a,
+                      datapoint: t,
                       serie: e
                     }
                   ) : ""), 13, Ru)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : (n(), r("g", Bu, [
-              (n(!0), r(d, null, w(ye.value, (e, u) => (n(), r(d, {
+              (n(!0), r(d, null, w(be.value, (e, u) => (n(), r(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+                (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                   key: `xLabel_plot_${u}_${i}`
                 }, [
                   l.value.plot.tag.followValue ? (n(), r(d, { key: 1 }, [
@@ -2379,52 +2379,52 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value.left,
                       x2: c.value.right,
-                      y1: a.y,
-                      y2: a.y,
+                      y1: t.y,
+                      y2: t.y,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
                     }, null, 8, Wu)) : h("", !0)
                   ], 64)) : (n(), r(d, { key: 0 }, [
-                    a && i === 0 && e.useTag && e.useTag === "start" ? (n(), r("foreignObject", {
+                    t && i === 0 && e.useTag && e.useTag === "start" ? (n(), r("foreignObject", {
                       key: 0,
-                      x: a.x,
-                      y: a.y - 20,
+                      x: t.x,
+                      y: t.y - 20,
                       height: 24,
                       width: "150",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ae)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(oe)(
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(se)(
                           l.value.plot.tag.formatter,
-                          a.value,
+                          t.value,
                           e.name,
                           {
-                            datapoint: a,
+                            datapoint: t,
                             seriesIndex: i,
                             serieName: e.name
                           }
                         )
                       }, null, 12, Du)
                     ], 12, Hu)) : h("", !0),
-                    a && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), r("foreignObject", {
+                    t && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), r("foreignObject", {
                       key: 1,
-                      x: a.x - e.name.length * (y.value.plotLabels / 2),
-                      y: a.y - 20,
+                      x: t.x - e.name.length * (y.value.plotLabels / 2),
+                      y: t.y - 20,
                       height: 24,
                       width: "150",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ae)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(oe)(
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(se)(
                           l.value.plot.tag.formatter,
-                          a.value,
+                          t.value,
                           e.name,
                           {
-                            datapoint: a,
+                            datapoint: t,
                             seriesIndex: i,
                             serieName: e.name
                           }
@@ -2436,41 +2436,41 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               ], 64))), 128))
             ])),
             l.value.line.labels.show && f.value.dataLabels.show ? (n(), r("g", Xu, [
-              (n(!0), r(d, null, w(ne.value, (e, u) => (n(), r(d, {
+              (n(!0), r(d, null, w(te.value, (e, u) => (n(), r(d, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+                (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                   key: `xLabel_line_${u}_${i}`
                 }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || V.value !== null && V.value === i ? (n(), r("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || V.value !== null && V.value === i ? (n(), r("text", {
                     key: 0,
-                    x: a.x,
-                    y: a.y + (a.value >= 0 ? l.value.line.labels.offsetY : -l.value.line.labels.offsetY * 3),
+                    x: t.x,
+                    y: t.y + (t.value >= 0 ? l.value.line.labels.offsetY : -l.value.line.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
                     fill: l.value.line.labels.color,
                     style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(me(a.value) ? v(oe)(
+                  }, ae(me(t.value) ? v(se)(
                     l.value.line.labels.formatter,
-                    a.value,
+                    t.value,
                     v(Ve)({
                       p: e.prefix || l.value.chart.labels.prefix,
-                      v: a.value,
+                      v: t.value,
                       s: e.suffix || l.value.chart.labels.suffix,
                       r: l.value.line.labels.rounding
                     }),
                     {
-                      datapoint: a,
+                      datapoint: t,
                       serie: e
                     }
                   ) : ""), 13, Gu)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : (n(), r("g", Uu, [
-              (n(!0), r(d, null, w(ne.value, (e, u) => (n(), r(d, {
+              (n(!0), r(d, null, w(te.value, (e, u) => (n(), r(d, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+                (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                   key: `xLabel_line_${u}_${i}`
                 }, [
                   l.value.line.tag.followValue ? (n(), r(d, { key: 1 }, [
@@ -2479,52 +2479,52 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       class: "vue-ui-xy-tag-line",
                       x1: c.value.left,
                       x2: c.value.right,
-                      y1: a.y,
-                      y2: a.y,
+                      y1: t.y,
+                      y2: t.y,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
                     }, null, 8, Qu)) : h("", !0)
                   ], 64)) : (n(), r(d, { key: 0 }, [
-                    a && i === 0 && e.useTag && e.useTag === "start" ? (n(), r("foreignObject", {
+                    t && i === 0 && e.useTag && e.useTag === "start" ? (n(), r("foreignObject", {
                       key: 0,
-                      x: a.x,
-                      y: a.y - 20,
+                      x: t.x,
+                      y: t.y - 20,
                       height: 24,
                       width: "150",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ae)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(oe)(
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(se)(
                           l.value.line.tag.formatter,
-                          a.value,
+                          t.value,
                           e.name,
                           {
-                            datapoint: a,
+                            datapoint: t,
                             seriesIndex: i,
                             serieName: e.name
                           }
                         )
                       }, null, 12, Zu)
                     ], 12, qu)) : h("", !0),
-                    a && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), r("foreignObject", {
+                    t && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), r("foreignObject", {
                       key: 1,
-                      x: a.x,
-                      y: a.y - 20,
+                      x: t.x,
+                      y: t.y - 20,
                       height: 24,
                       width: "150",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ae)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: v(oe)(
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(se)(
                           l.value.line.tag.formatter,
-                          a.value,
+                          t.value,
                           e.name,
                           {
-                            datapoint: a,
+                            datapoint: t,
                             seriesIndex: i,
                             serieName: e.name
                           }
@@ -2535,16 +2535,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            (n(!0), r(d, null, w(ne.value, (e, u) => (n(), r(d, {
+            (n(!0), r(d, null, w(te.value, (e, u) => (n(), r(d, {
               key: `xLabel_line_${e.id}`
             }, [
-              (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+              (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                 key: `xLabel_line_${u}_${i}`
               }, [
-                a && i === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), r("text", {
+                t && i === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), r("text", {
                   key: 0,
-                  x: a.x - y.value.plotLabels,
-                  y: a.y,
+                  x: t.x - y.value.plotLabels,
+                  y: t.y,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
@@ -2552,16 +2552,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
-                    x: a.x - y.value.plotLabels,
-                    y: a.y,
+                    x: t.x - y.value.plotLabels,
+                    y: t.y,
                     maxWords: 2
                   }),
                   style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, ju)) : h("", !0),
-                a && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), r("text", {
+                t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), r("text", {
                   key: 1,
-                  x: a.x + y.value.plotLabels,
-                  y: a.y,
+                  x: t.x + y.value.plotLabels,
+                  y: t.y,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
@@ -2569,24 +2569,24 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
-                    x: a.x + y.value.plotLabels,
-                    y: a.y,
+                    x: t.x + y.value.plotLabels,
+                    y: t.y,
                     maxWords: 2
                   }),
                   style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, ei)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (n(!0), r(d, null, w(ye.value, (e, u) => (n(), r(d, {
+            (n(!0), r(d, null, w(be.value, (e, u) => (n(), r(d, {
               key: `xLabel_plot_${e.id}`
             }, [
-              (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+              (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
                 key: `xLabel_plot_${u}_${i}`
               }, [
-                a && i === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), r("text", {
+                t && i === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), r("text", {
                   key: 0,
-                  x: a.x - y.value.plotLabels,
-                  y: a.y,
+                  x: t.x - y.value.plotLabels,
+                  y: t.y,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
@@ -2594,16 +2594,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
-                    x: a.x - y.value.plotLabels,
-                    y: a.y,
+                    x: t.x - y.value.plotLabels,
+                    y: t.y,
                     maxWords: 2
                   }),
                   style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, li)) : h("", !0),
-                a && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), r("text", {
+                t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), r("text", {
                   key: 1,
-                  x: a.x + y.value.plotLabels,
-                  y: a.y,
+                  x: t.x + y.value.plotLabels,
+                  y: t.y,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
@@ -2611,18 +2611,18 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
-                    x: a.x + y.value.plotLabels,
-                    y: a.y,
+                    x: t.x + y.value.plotLabels,
+                    y: t.y,
                     maxWords: 2
                   }),
                   style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ti)) : h("", !0)
+                }, null, 12, ai)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (n(!0), r(d, null, w([...ye.value, ...ne.value, ...Ie.value], (e, u) => (n(), r(d, {
+            (n(!0), r(d, null, w([...be.value, ...te.value, ...Me.value], (e, u) => (n(), r(d, {
               key: `progression-${u}`
             }, [
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(_e)(e.plots).trend) ? (n(), r("g", ai, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(_e)(e.plots).trend) ? (n(), r("g", ti, [
                 p("defs", null, [
                   p("marker", {
                     id: `progression_arrow_${u}`,
@@ -2682,7 +2682,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "paint-order": "stroke fill"
-                }, te(v(Ve)({
+                }, ae(v(Ve)({
                   v: v(_e)(e.plots).trend * 100,
                   s: "%",
                   r: 2
@@ -2716,38 +2716,38 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 width: l.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
                 height: c.value.height < 0 ? 10 : c.value.height,
                 fill: I.value === e.groupId ? `url(#individual_scale_gradient_${D.value}_${u})` : "transparent",
-                onMouseenter: (a) => I.value = e.groupId,
-                onMouseleave: s[0] || (s[0] = (a) => I.value = null)
+                onMouseenter: (t) => I.value = e.groupId,
+                onMouseleave: s[0] || (s[0] = (t) => I.value = null)
               }, null, 40, di))), 256))
             ], 64)) : h("", !0),
             p("g", null, [
               l.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (n(), r("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
-                ref: lt,
+                ref: la,
                 "font-size": y.value.yAxis,
                 fill: l.value.chart.grid.labels.color,
                 transform: `translate(${l.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
-              }, te(l.value.chart.grid.labels.axis.yLabel), 9, hi)) : h("", !0),
+              }, ae(l.value.chart.grid.labels.axis.yLabel), 9, hi)) : h("", !0),
               l.value.chart.grid.labels.axis.xLabel ? (n(), r("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
-                ref: et,
+                ref: ea,
                 "text-anchor": "middle",
                 x: Q.value / 2,
                 y: ve.value - 3,
                 "font-size": y.value.yAxis,
                 fill: l.value.chart.grid.labels.color
-              }, te(l.value.chart.grid.labels.axis.xLabel), 9, fi)) : h("", !0)
+              }, ae(l.value.chart.grid.labels.axis.xLabel), 9, fi)) : h("", !0)
             ]),
             l.value.chart.grid.labels.xAxisLabels.show ? (n(), r("g", {
               key: 14,
               ref_key: "timeLabelsEls",
               ref: ul
             }, [
-              t.$slots["time-label"] ? (n(!0), r(d, { key: 0 }, w(gt.value, (e, u) => X(t.$slots, "time-label", tl({
+              a.$slots["time-label"] ? (n(!0), r(d, { key: 0 }, w(ga.value, (e, u) => X(a.$slots, "time-label", al({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -2760,7 +2760,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 content: e.text,
                 textAnchor: l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                 show: e && e.text
-              }), void 0, !0)), 128)) : (n(!0), r(d, { key: 1 }, w(gt.value, (e, u) => (n(), r("g", {
+              }), void 0, !0)), 128)) : (n(!0), r(d, { key: 1 }, w(ga.value, (e, u) => (n(), r("g", {
                 key: `time_label_${u}`
               }, [
                 e && e.text ? (n(), r(d, { key: 0 }, [
@@ -2773,16 +2773,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
                     transform: `translate(${c.value.left + c.value.width / L.value * u + c.value.width / L.value / 2}, ${c.value.bottom + y.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: $({
-                      cursor: Et() ? "pointer" : "default"
+                      cursor: Ea() ? "pointer" : "default"
                     }),
-                    innerHTML: v(as)({
+                    innerHTML: v(ts)({
                       content: String(e.text),
                       fontSize: y.value.xAxis,
                       fill: l.value.chart.grid.labels.xAxisLabels.color,
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => Gt(e, u)
+                    onClick: () => Ga(e, u)
                   }, null, 12, mi)) : (n(), r("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
@@ -2791,15 +2791,15 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
                     transform: `translate(${c.value.left + c.value.width / L.value * u + c.value.width / L.value / 2}, ${c.value.bottom + y.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: $({
-                      cursor: Et() ? "pointer" : "default"
+                      cursor: Ea() ? "pointer" : "default"
                     }),
-                    onClick: () => Gt(e, u)
-                  }, te(e.text || ""), 13, gi))
+                    onClick: () => Ga(e, u)
+                  }, ae(e.text || ""), 13, gi))
                 ], 64)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
-            na.value.length && !f.value.isStacked ? (n(), r("g", bi, [
-              (n(!0), r(d, null, w(na.value, (e) => (n(), r("g", {
+            nt.value.length && !f.value.isStacked ? (n(), r("g", bi, [
+              (n(!0), r(d, null, w(nt.value, (e) => (n(), r("g", {
                 key: e.uid
               }, [
                 e.yTop && e.show && isFinite(e.yTop) ? (n(), r("line", {
@@ -2832,10 +2832,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   x: e.x1,
                   width: c.value.width,
                   height: v(P)(e.areaHeight, 0),
-                  fill: v(Ae)(e.config.area.fill, e.config.area.opacity),
+                  fill: v(Ce)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
                 }, null, 8, yi)) : h("", !0),
-                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), r("rect", tl({
+                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), r("rect", al({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
                 }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : h("", !0),
@@ -2848,7 +2848,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, te(e.config.label.text), 9, ki)) : h("", !0)
+                }, ae(e.config.label.text), 9, ki)) : h("", !0)
               ]))), 128))
             ])) : h("", !0),
             l.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(V.value)) ? (n(), r("g", _i, [
@@ -2861,7 +2861,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               }, [
                 p("div", {
                   ref_key: "timeTagEl",
-                  ref: ka,
+                  ref: kt,
                   class: "vue-ui-xy-time-tag",
                   style: $(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${l.value.chart.timeTag.backgroundColor};color:${l.value.chart.timeTag.color};font-size:${l.value.chart.timeTag.fontSize}px`),
                   innerHTML: No.value
@@ -2875,20 +2875,26 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               }, null, 8, $i)
             ])) : h("", !0)
           ])) : h("", !0),
-          Pt.value ? (n(), r("rect", tl({ key: 2 }, oo.value, {
+          Pa.value ? (n(), r("rect", al({ key: 2 }, oo.value, {
             "data-start": m.value.start,
             "data-end": m.value.end
           }), null, 16, Li)) : h("", !0),
-          X(t.$slots, "svg", { svg: lo.value }, void 0, !0)
+          X(a.$slots, "svg", {
+            svg: {
+              ...lo.value,
+              data: [...te.value, ...Me.value, ...be.value],
+              drawingArea: c.value
+            }
+          }, void 0, !0)
         ], 512)
       ], 46, Ss)),
-      t.$slots.watermark ? (n(), r("div", Mi, [
-        X(t.$slots, "watermark", el(ll({ isPrinting: v(vt) || v(Rt) })), void 0, !0)
+      a.$slots.watermark ? (n(), r("div", Mi, [
+        X(a.$slots, "watermark", el(ll({ isPrinting: v(va) || v(Ra) })), void 0, !0)
       ])) : h("", !0),
-      (n(!0), r(d, null, w(ne.value, (e, u) => (n(), r(d, {
+      (n(!0), r(d, null, w(te.value, (e, u) => (n(), r(d, {
         key: `tag_line_${e.id}`
       }, [
-        (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+        (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
           key: `tag_line_${u}_${i}`
         }, [
           [V.value, _.value, Ue.value].includes(i) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (n(), r("div", {
@@ -2900,16 +2906,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             style: $({
               position: "fixed",
               top: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.right + l.value.line.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_right_line`],
                 position: "right"
               }).top + "px",
               left: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.right + l.value.line.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_right_line`],
                 position: "right"
               }).left + "px",
@@ -2931,12 +2937,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(oe)(
+              innerHTML: v(se)(
                 l.value.line.tag.formatter,
-                a.value,
+                t.value,
                 e.name,
                 {
-                  datapoint: a,
+                  datapoint: t,
                   seriesIndex: i,
                   serieName: e.name
                 }
@@ -2952,16 +2958,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             style: $({
               position: "fixed",
               top: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.left - l.value.line.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_left_line`],
                 position: "left"
               }).top + "px",
               left: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.left - l.value.line.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_left_line`],
                 position: "left"
               }).left + "px",
@@ -2983,12 +2989,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(oe)(
+              innerHTML: v(se)(
                 l.value.line.tag.formatter,
-                a.value,
+                t.value,
                 e.name,
                 {
-                  datapoint: a,
+                  datapoint: t,
                   seriesIndex: i,
                   serieName: e.name
                 }
@@ -2997,10 +3003,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      (n(!0), r(d, null, w(ye.value, (e, u) => (n(), r(d, {
+      (n(!0), r(d, null, w(be.value, (e, u) => (n(), r(d, {
         key: `tag_plot_${e.id}`
       }, [
-        (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
+        (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
           key: `tag_plot_${u}_${i}`
         }, [
           [V.value, _.value, Ue.value].includes(i) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (n(), r("div", {
@@ -3012,16 +3018,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             style: $({
               position: "fixed",
               top: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.right + l.value.plot.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_right_plot`],
                 position: "right"
               }).top + "px",
               left: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.right + l.value.plot.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_right_plot`],
                 position: "right"
               }).left + "px",
@@ -3043,12 +3049,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(oe)(
+              innerHTML: v(se)(
                 l.value.plot.tag.formatter,
-                a.value,
+                t.value,
                 e.name,
                 {
-                  datapoint: a,
+                  datapoint: t,
                   seriesIndex: i,
                   serieName: e.name
                 }
@@ -3064,16 +3070,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             style: $({
               position: "fixed",
               top: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.left - l.value.plot.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_left_plot`],
                 position: "left"
               }).top + "px",
               left: v(Xe)({
-                svgElement: se.value,
+                svgElement: ue.value,
                 x: c.value.left - l.value.plot.tag.fontSize / 1.5,
-                y: a.y,
+                y: t.y,
                 element: Pe.value[`${u}_${i}_left_plot`],
                 position: "left"
               }).left + "px",
@@ -3095,12 +3101,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: v(oe)(
+              innerHTML: v(se)(
                 l.value.plot.tag.formatter,
-                a.value,
+                t.value,
                 e.name,
                 {
-                  datapoint: a,
+                  datapoint: t,
                   seriesIndex: i,
                   serieName: e.name
                 }
@@ -3109,10 +3115,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      l.value.chart.zoom.show && ze.value > 6 && rt.value && Zt.value ? (n(), Me(ps, {
+      l.value.chart.zoom.show && Ie.value > 6 && ra.value && Za.value ? (n(), Ae(ps, {
         key: 5,
         ref_key: "chartSlicer",
-        ref: Te,
+        ref: ze,
         allMinimaps: Co.value,
         background: l.value.chart.zoom.color,
         borderColor: l.value.chart.backgroundColor,
@@ -3127,10 +3133,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         useResetSlot: l.value.chart.zoom.useResetSlot,
         immediate: !l.value.chart.zoom.preview.enable,
         inputColor: l.value.chart.zoom.color,
-        isPreview: Pt.value,
+        isPreview: Pa.value,
         labelLeft: de.value[0] ? de.value[0].text : "",
         labelRight: de.value.at(-1) ? de.value.at(-1).text : "",
-        max: ze.value,
+        max: Ie.value,
         min: 0,
         minimap: Ao.value,
         minimapCompact: l.value.chart.zoom.minimap.compact,
@@ -3142,7 +3148,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         minimapSelectedColorOpacity: l.value.chart.zoom.minimap.selectedColorOpacity,
         minimapSelectedIndex: _.value,
         minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
-        preciseLabels: da.value.length ? da.value : ft.value,
+        preciseLabels: dt.value.length ? dt.value : fa.value,
         refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...Ql.dataset.map((e) => Be(e.series).length)),
         refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
         selectColor: l.value.chart.zoom.highlightColor,
@@ -3150,27 +3156,27 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         smoothMinimap: l.value.chart.zoom.minimap.smooth,
         start: m.value.start,
         textColor: l.value.chart.color,
-        timeLabels: ft.value,
+        timeLabels: fa.value,
         usePreciseLabels: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.zoom.useDefaultFormat,
         valueEnd: m.value.end,
         valueStart: m.value.start,
         verticalHandles: l.value.chart.zoom.minimap.verticalHandles,
-        onFutureEnd: s[1] || (s[1] = (e) => Ft("end", e)),
-        onFutureStart: s[2] || (s[2] = (e) => Ft("start", e)),
+        onFutureEnd: s[1] || (s[1] = (e) => Fa("end", e)),
+        onFutureStart: s[2] || (s[2] = (e) => Fa("start", e)),
         onReset: xo,
         onTrapMouse: fo,
         "onUpdate:end": bo,
         "onUpdate:start": mo
       }, {
         "reset-action": ee(({ reset: e }) => [
-          X(t.$slots, "reset-action", el(ll({ reset: e })), void 0, !0)
+          X(a.$slots, "reset-action", el(ll({ reset: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["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"])) : h("", !0),
       p("div", {
         id: `legend-bottom-${D.value}`
       }, null, 8, Hi),
-      It.value ? (n(), Me(Xo, {
+      Ia.value ? (n(), Ae(Xo, {
         key: 6,
         to: l.value.chart.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
       }, [
@@ -3185,7 +3191,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }, [
           (n(!0), r(d, null, w(Le.value, (e, u) => (n(), r("div", {
             key: `div_legend_item_${u}`,
-            onClick: (a) => oa(e),
+            onClick: (t) => ot(e),
             class: je({ "vue-ui-xy-legend-item-alone": Le.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": j.value.includes(e.id) })
           }, [
             bl.value[e.type] === "line" ? (n(), r("svg", Ei, [
@@ -3208,7 +3214,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
             ])) : bl.value[e.type] === "bar" ? (n(), r("svg", Wi, [
-              bl.value[e.type] === "bar" && t.$slots.pattern ? (n(), r("rect", {
+              bl.value[e.type] === "bar" && a.$slots.pattern ? (n(), r("rect", {
                 key: 0,
                 x: "4",
                 y: "4",
@@ -3226,7 +3232,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 height: "32",
                 width: "32",
                 stroke: "none",
-                fill: t.$slots.pattern ? `url(#pattern_${D.value}_${e.slotAbsoluteIndex})` : e.color
+                fill: a.$slots.pattern ? `url(#pattern_${D.value}_${e.slotAbsoluteIndex})` : e.color
               }, null, 8, Gi)) : h("", !0)
             ])) : (n(), r("svg", Ui, [
               vl(Kl, {
@@ -3238,26 +3244,26 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ])),
             p("span", {
               style: $(`color:${l.value.chart.legend.color}`)
-            }, te(e.name), 5)
+            }, ae(e.name), 5)
           ], 10, Di))), 128))
         ], 4)) : (n(), r("div", {
           key: 1,
           ref_key: "chartLegend",
           ref: sl
         }, [
-          X(t.$slots, "legend", { legend: Le.value }, void 0, !0)
+          X(a.$slots, "legend", { legend: Le.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : h("", !0),
-      t.$slots.source ? (n(), r("div", {
+      a.$slots.source ? (n(), r("div", {
         key: 7,
         ref_key: "source",
         ref: gl,
         dir: "auto"
       }, [
-        X(t.$slots, "source", {}, void 0, !0)
+        X(a.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      vl(v(Xa), {
-        show: f.value.showTooltip && Mt.value,
+      vl(v(Xt), {
+        show: f.value.showTooltip && Ma.value,
         backgroundColor: l.value.chart.tooltip.backgroundColor,
         color: l.value.chart.tooltip.color,
         fontSize: l.value.chart.tooltip.fontSize,
@@ -3267,7 +3273,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         backgroundOpacity: l.value.chart.tooltip.backgroundOpacity,
         position: l.value.chart.tooltip.position,
         offsetY: l.value.chart.tooltip.offsetY,
-        parent: t.$refs.chart,
+        parent: a.$refs.chart,
         content: To.value,
         isFullscreen: Ge.value,
         isCustom: l.value.chart.tooltip.customFormat && typeof l.value.chart.tooltip.customFormat == "function",
@@ -3277,21 +3283,21 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         smoothSnapThreshold: l.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": ee(() => [
-          X(t.$slots, "tooltip-before", el(ll({ ...va.value })), void 0, !0)
+          X(a.$slots, "tooltip-before", el(ll({ ...vt.value })), void 0, !0)
         ]),
         "tooltip-after": ee(() => [
-          X(t.$slots, "tooltip-after", el(ll({ ...va.value })), void 0, !0)
+          X(a.$slots, "tooltip-after", el(ll({ ...vt.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      rt.value && l.value.chart.userOptions.buttons.table ? (n(), Me(Go($l.value.component), tl({ key: 8 }, $l.value.props, {
+      ra.value && l.value.chart.userOptions.buttons.table ? (n(), Ae(Go($l.value.component), al({ key: 8 }, $l.value.props, {
         ref_key: "tableUnit",
         ref: il,
-        onClose: Sa
-      }), Aa({
+        onClose: St
+      }), At({
         content: ee(() => [
           p("div", {
-            style: $(`${v(vt) || l.value.table.useDialog ? "" : "max-height:400px"};${l.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${l.value.table.useDialog ? "" : "margin-top:48px"}`)
+            style: $(`${v(va) || l.value.table.useDialog ? "" : "max-height:400px"};${l.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${l.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
             p("div", qi, [
               Uo(p("input", {
@@ -3304,32 +3310,32 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 onClick: s[5] || (s[5] = (e) => pl.value = !pl.value),
                 style: { cursor: "pointer" }
               }, [
-                vl(v(St), {
+                vl(v(Sa), {
                   name: "chartLine",
                   size: 20,
                   stroke: l.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
-            pl.value ? (n(), Me(v(Ua), {
-              key: `sparkline_${st.value}`,
+            pl.value ? (n(), Ae(v(Ut), {
+              key: `sparkline_${sa.value}`,
               dataset: $o.value,
               config: Lo.value
-            }, null, 8, ["dataset", "config"])) : (n(), Me(v(Wa), {
-              key: `table_${Ct.value}`,
+            }, null, 8, ["dataset", "config"])) : (n(), Ae(v(Wt), {
+              key: `table_${Ca.value}`,
               colNames: Xl.value.colNames,
               head: Xl.value.head,
               body: Xl.value.body,
               config: Xl.value.config,
               title: l.value.table.useDialog ? "" : $l.value.title,
               withCloseButton: !l.value.table.useDialog,
-              onClose: Sa
+              onClose: St
             }, {
               th: ee(({ th: e }) => [
                 p("div", { innerHTML: e }, null, 8, Zi)
               ]),
               td: ee(({ td: e }) => [
-                Ca(te(isNaN(Number(e)) ? e : v(Ve)({
+                Ct(ae(isNaN(Number(e)) ? e : v(Ve)({
                   p: l.value.chart.labels.prefix,
                   v: e,
                   s: l.value.chart.labels.suffix,
@@ -3345,7 +3351,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         l.value.table.useDialog ? {
           name: "title",
           fn: ee(() => [
-            Ca(te($l.value.title), 1)
+            Ct(ae($l.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -3355,9 +3361,9 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[3] || (s[3] = (e) => bt(l.value.chart.userOptions.callbacks.csv))
+              onClick: s[3] || (s[3] = (e) => ba(l.value.chart.userOptions.callbacks.csv))
             }, [
-              vl(v(St), {
+              vl(v(Sa), {
                 name: "excel",
                 stroke: $l.value.props.color
               }, null, 8, ["stroke"])
@@ -3366,10 +3372,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      v(ue) ? (n(), Me(vs, { key: 9 })) : h("", !0)
+      v(ie) ? (n(), Ae(vs, { key: 9 })) : h("", !0)
     ], 46, _s));
   }
-}, fn = /* @__PURE__ */ ks(Ji, [["__scopeId", "data-v-c96105f9"]]);
+}, fn = /* @__PURE__ */ ks(Ji, [["__scopeId", "data-v-a62a27be"]]);
 export {
   fn as default
 };