vue-data-ui 3.5.0 → 3.5.1

package/dist/{vue-ui-xy-B68qQ-gX.js → vue-ui-xy-NDDbNbds.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as Ye, useSlots as Xo, getCurrentInstance as Go, ref as x, computed as b, onMounted as ql, toRefs as Uo, watch as Al, watchEffect as Ma, onBeforeUnmount as kt, nextTick as Aa, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as ll, createBlock as Ae, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, createSlots as Ca, withCtx as j, renderSlot as W, normalizeProps as We, guardReactiveProps as Xe, Fragment as d, renderList as w, mergeProps as tl, toDisplayString as te, Teleport as qo, resolveDynamicComponent as Zo, withDirectives as Jo, vModelCheckbox as Ko, createTextVNode as Ta } from "vue";
-import { c as _t, f as wt, t as Qo, e as jo, m as Cl, n as al, h as za, p as Ia, q as Zl, r as E, u as St, v as es, w as ls, x as P, y as Oa, z as Na, A as Va, B as Pa, C as ts, D as Fa, E as Ra, a as se, F as as, G as Ba, H as os, j as Ha, k as Ne, d as Ve, i as ol, s as Ce, I as ss, J as Ge, K as Jl, L as we, M as us, N as Ue, O as fe, b as is, o as Da, P as ns, Q as rs, R as dl } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as Xe, useSlots as Xo, getCurrentInstance as Go, ref as x, computed as b, onMounted as ql, toRefs as Uo, watch as Al, watchEffect as Ma, onBeforeUnmount as kt, nextTick as Aa, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as ll, createBlock as Te, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, withCtx as G, renderSlot as B, normalizeProps as ke, guardReactiveProps as _e, createSlots as Ca, Fragment as d, renderList as w, mergeProps as tl, toDisplayString as te, Teleport as qo, resolveDynamicComponent as Zo, withDirectives as Jo, vModelCheckbox as Ko, createTextVNode as Ta } from "vue";
+import { c as _t, f as wt, t as Qo, e as jo, m as Cl, n as al, h as za, p as Ia, q as Zl, r as Y, u as St, v as es, w as ls, x as P, y as Oa, z as Na, A as Va, B as Pa, C as ts, D as Fa, E as Ra, a as se, F as as, G as Ba, H as os, j as Ha, k as Pe, d as Fe, i as ol, s as ze, I as ss, J as Ge, K as Jl, L as $e, M as us, N as Ue, O as fe, b as is, o as Da, P as ns, Q as rs, R as dl } from "./lib-C_mNZmhD.js";
 import { t as cs } from "./useResponsive-DfdjqQps.js";
-import { u as vs, a as Kl } from "./useNestedProp-BjZe1Y85.js";
+import { u as vs, a as Kl } from "./useNestedProp-DjGXw6S9.js";
 import { u as ds } from "./usePrinter-DTzqpYKF.js";
 import { u as hs, B as fs } from "./BaseScanner-BgWxam9d.js";
 import { u as Ea, a as gs, l as ms } from "./useTimeLabels-BGFjWgrv.js";
 import { u as bs } from "./useSvgExport-DrjCWun4.js";
 import { u as xs } from "./useTimeLabelCollider-CIsgDrl9.js";
 import ps from "./img-BecE5qXd.js";
-import ys from "./Title-l36lOBMx.js";
+import ys from "./Title-isbiM8i8.js";
 import { t as ks } from "./themes-AUNCOb2G.js";
 import { _ as Ql } from "./Shape-CNXKB8O0.js";
 import { S as _s } from "./SlicerPreview-ij72TAs6.js";
-import ws from "./vue-ui-accordion-CZ0thhxa.js";
+import ws from "./vue-ui-accordion-CqhVCfc2.js";
 import { _ as Ss } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y", "width", "height"], Cs = { key: 1 }, Ts = { class: "vue-ui-xy-grid" }, zs = ["stroke", "x1", "x2", "y1", "y2"], Is = ["stroke", "x1", "x2", "y1", "y2"], Os = { key: 1 }, Ns = ["x1", "x2", "y1", "y2", "stroke"], Vs = ["x1", "x2", "y1", "y2", "stroke"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Fs = { key: 3 }, Rs = ["d", "stroke"], Bs = { key: 4 }, Hs = ["d", "stroke"], Ds = ["id"], Es = ["stop-color"], Ys = ["stop-color"], Ws = ["stop-color"], Xs = ["id"], Gs = ["stop-color"], Us = ["stop-color"], qs = ["stop-color"], Zs = ["id"], Js = ["stop-color"], Ks = ["stop-color"], Qs = ["id"], js = ["stop-color"], eu = ["stop-color"], lu = ["id"], tu = ["stop-color"], au = ["stop-color"], ou = ["x", "y", "height", "width", "fill"], su = ["x", "y", "width"], uu = { key: 0 }, iu = ["x", "y", "height", "width", "fill"], nu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ru = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], cu = ["width", "x", "y"], vu = ["stroke", "x1", "x2", "y1", "y2"], du = { key: 3 }, hu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], fu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], gu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mu = ["fill", "font-size", "transform"], bu = ["x1", "x2", "y1", "y2", "stroke"], xu = ["x", "y", "font-size", "fill"], pu = ["x1", "x2", "y1", "y2", "stroke"], yu = ["x", "y", "font-size", "fill"], ku = ["width", "x", "y"], _u = { style: { width: "100%" } }, wu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Su = ["d", "stroke", "stroke-width", "stroke-dasharray"], $u = { key: 6 }, Lu = { key: 7 }, Mu = ["d", "fill", "fill-opacity"], Au = { key: 0 }, Cu = ["d", "fill"], Tu = ["d", "fill"], zu = ["d", "fill"], Iu = ["d", "fill"], Ou = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Vu = ["width", "x", "y"], Pu = { style: { width: "100%" } }, Fu = { key: 8 }, Ru = ["x", "y", "font-size", "fill"], Bu = ["x", "y", "font-size", "fill", "font-weight"], Hu = { key: 9 }, Du = ["x", "y", "font-size", "fill"], Eu = { key: 10 }, Yu = ["x", "y"], Wu = ["innerHTML"], Xu = ["x", "y"], Gu = ["innerHTML"], Uu = ["x1", "x2", "y1", "y2", "stroke"], qu = { key: 11 }, Zu = ["x", "y", "font-size", "fill"], Ju = { key: 12 }, Ku = ["x", "y"], Qu = ["innerHTML"], ju = ["x", "y"], ei = ["innerHTML"], li = ["x1", "x2", "y1", "y2", "stroke"], ti = ["x", "y", "font-size", "fill", "innerHTML"], ai = ["x", "y", "font-size", "fill", "innerHTML"], oi = ["x", "y", "font-size", "fill", "innerHTML"], si = ["x", "y", "font-size", "fill", "innerHTML"], ui = { key: 0 }, ii = ["id"], ni = ["fill", "stroke"], ri = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ci = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], vi = ["x", "y", "font-size", "fill", "stroke"], di = ["id"], hi = ["stop-color"], fi = ["stop-color"], gi = ["x", "y", "width", "height", "fill", "onMouseenter"], mi = ["font-size", "fill", "transform"], bi = ["x", "y", "font-size", "fill"], xi = ["text-anchor", "font-size", "fill", "transform", "onClick"], pi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], yi = { key: 15 }, ki = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], _i = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], wi = ["y", "x", "width", "height", "fill"], Si = ["id", "x", "y", "font-size", "fill", "text-anchor"], $i = {
   key: 16,
@@ -80,7 +80,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(jl, { expose: Ya, emit: Wa }) {
-    const g = jl, Xa = Ye(() => import("./DataTable-BT7VF2ua.js")), Ga = Ye(() => import("./Tooltip-oWCO1HKy.js")), Ua = Ye(() => import("./UserOptions-CGnQt6Fd.js")), $t = Ye(() => import("./BaseIcon-BmMbm4d0.js")), qa = Ye(() => import("./vue-ui-table-sparkline-DZaAh10E.js")), Za = Ye(() => import("./PackageVersion-Cyx_s25h.js")), Ja = Ye(() => import("./PenAndPaper-DSvu9dwa.js")), Ka = Ye(() => import("./BaseDraggableDialog-ymf2sfB8.js")), et = Wa, Lt = Xo(), Qa = Go(), { vue_ui_xy: hl } = vs(), Te = x(null), fl = x(null), ze = x(null), sl = x(null), gl = x(null), ml = x(null), ja = x(null), lt = x(null), tt = x(null), ul = x(null), at = x(null), ot = x(null), Re = x(null), st = x(null), eo = x(0), I = x(null), Mt = x(!0), ve = x(600), ee = x(1e3), Tl = x("0 0 1000 600"), lo = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), At = x(!1), Ze = x(null), Z = x([]), D = x(_t()), Ct = x(0), Tt = x(0), zt = x(0), pl = x(!0), ut = x(0), V = x(null), It = x(!1), it = x(!0), zl = x(!0), ue = x(null), Pe = x({}), Il = x(null), Ot = x(!1), il = x(null), _ = x(null), to = b(() => ({
+    const g = jl, Xa = Xe(() => import("./DataTable-BT7VF2ua.js")), Ga = Xe(() => import("./Tooltip-oWCO1HKy.js")), Ua = Xe(() => import("./UserOptions-CGnQt6Fd.js")), $t = Xe(() => import("./BaseIcon-BmMbm4d0.js")), qa = Xe(() => import("./vue-ui-table-sparkline-DpqY_4ay.js")), Za = Xe(() => import("./PackageVersion-DQvyATVa.js")), Ja = Xe(() => import("./PenAndPaper-SZQIAgkg.js")), Ka = Xe(() => import("./BaseDraggableDialog-ymf2sfB8.js")), et = Wa, Lt = Xo(), Qa = Go(), { vue_ui_xy: hl } = vs(), Ie = x(null), fl = x(null), Oe = x(null), sl = x(null), gl = x(null), ml = x(null), ja = x(null), lt = x(null), tt = x(null), ul = x(null), at = x(null), ot = x(null), He = x(null), st = x(null), eo = x(0), I = x(null), Mt = x(!0), ve = x(600), ee = x(1e3), Tl = x("0 0 1000 600"), lo = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), At = x(!1), Ze = x(null), J = x([]), E = x(_t()), Ct = x(0), Tt = x(0), zt = x(0), pl = x(!0), ut = x(0), V = x(null), It = x(!1), it = x(!0), zl = x(!0), ue = x(null), Re = x({}), Il = x(null), Ot = x(!1), il = x(null), _ = x(null), to = b(() => ({
       height: ve.value,
       width: ee.value
     }));
@@ -95,7 +95,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
-    }), Se = x({ plot: 3, line: 3 });
+    }), Le = x({ plot: 3, line: 3 });
     ql(() => {
       Ot.value = !0, g.dataset.length && g.dataset.forEach((t, s) => {
         [null, void 0].includes(t.series) && wt({
@@ -252,23 +252,23 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         return a || (a = /* @__PURE__ */ new Map(), s.set(e, a)), a.set(i, o), o;
       };
     }
-    const oo = ao((t, s) => St({ data: t, threshold: s })), Be = (t) => oo(t, l.value.downsample.threshold), Ie = b({
-      get: () => Math.max(...ge.value.map((t) => Be(t.series).length)),
+    const oo = ao((t, s) => St({ data: t, threshold: s })), De = (t) => oo(t, l.value.downsample.threshold), Ne = b({
+      get: () => Math.max(...ge.value.map((t) => De(t.series).length)),
       set: (t) => t
-    }), m = x({ start: 0, end: Ie.value }), $e = x({ start: 0, end: Ie.value }), Ft = b(() => l.value.chart.zoom.preview.enable && ($e.value.start !== m.value.start || $e.value.end !== m.value.end));
+    }), m = x({ start: 0, end: Ne.value }), Me = x({ start: 0, end: Ne.value }), Ft = b(() => l.value.chart.zoom.preview.enable && (Me.value.start !== m.value.start || Me.value.end !== m.value.end));
     function Rt(t, s) {
-      $e.value[t] = s;
+      Me.value[t] = s;
     }
     function nl() {
       const t = Math.max(
         1,
-        ...ge.value.map((u) => Be(u.series).length)
+        ...ge.value.map((u) => De(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 }, $e.value.start = s, $e.value.end = e, ze.value && (ze.value.setStartValue(s), ze.value.setEndValue(e));
+      (!Number.isFinite(s) || !Number.isFinite(e) || e <= s) && (s = 0, e = t), m.value = { start: s, end: e }, Me.value.start = s, Me.value.end = e, Oe.value && (Oe.value.setStartValue(s), Oe.value.setEndValue(e));
     }
     const so = 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 = $e.value.start - a, O = $e.value.end - a, S = Math.max(0, Math.min(o, C)), T = Math.max(0, Math.min(o, O));
+      const { left: t, top: s, width: e, height: u } = c.value, a = m.value.start, o = m.value.end - a, A = e / o, C = Me.value.start - a, O = Me.value.end - a, S = Math.max(0, Math.min(o, C)), T = Math.max(0, Math.min(o, O));
       return {
         x: t + S * A,
         y: s,
@@ -296,21 +296,21 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       s < 0 || t >= m.value.end ? _.value = null : _.value = s ?? null;
     }, { immediate: !0 });
     const { isPrinting: dt, isImaging: Bt, generatePdf: Ht, generateImage: Dt } = ds({
-      elementId: `vue-ui-xy_${D.value}`,
+      elementId: `vue-ui-xy_${E.value}`,
       fileName: l.value.chart.title.text || "vue-ui-xy",
       options: l.value.chart.userOptions.print
     }), uo = 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) => !Z.value.includes(s.id)).map((s) => Math.min(...s.series)));
+      const t = Math.min(...Be.value.filter((s) => !J.value.includes(s.id)).map((s) => Math.min(...s.series)));
       return t > 0 ? 0 : t;
     }), 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) => !Z.value.includes(s.id)).map((s) => Math.max(...s.series)));
+      const t = Math.max(...Be.value.filter((s) => !J.value.includes(s.id)).map((s) => Math.max(...s.series)));
       return Vl.value === t ? t + 1 : t;
-    }), Le = 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) ? Le.value.min >= 0 ? 0 : Math.abs(Le.value.min) : -Le.value.min), Fe = b(() => Mt.value ? ge.value.map((t, s) => {
-      const e = Be(t.series), u = `uniqueId_${s}`;
+    }), Ae = 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) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Be = b(() => Mt.value ? ge.value.map((t, s) => {
+      const e = De(t.series), u = `uniqueId_${s}`;
       return {
         ...t,
         slotAbsoluteIndex: s,
@@ -319,18 +319,18 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         id: u,
         scaleLabel: t.scaleLabel || u
       };
-    }) : ge.value), me = b(() => Fe.value.map((t, s) => ({
+    }) : ge.value), me = b(() => Be.value.map((t, s) => ({
       absoluteIndex: s,
       ...t,
       series: t.series.map((e) => e + kl.value),
       absoluteValues: t.series,
       segregate: () => El(t),
-      isSegregated: Z.value.includes(t.id)
-    }))), ke = b(() => Fe.value.map((t, s) => ({
+      isSegregated: J.value.includes(t.id)
+    }))), we = b(() => Be.value.map((t, s) => ({
       ...t,
       series: t.series.map((e) => e + kl.value),
       absoluteValues: t.series
-    })).filter((t) => !Z.value.includes(t.id)));
+    })).filter((t) => !J.value.includes(t.id)));
     function io() {
       let t = 0;
       at.value && (t = Array.from(at.value.querySelectorAll("text")).reduce((a, i) => {
@@ -361,7 +361,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     }), ro = b(() => ge.value.some((t) => t.useProgression)), c = b(() => {
       let t = 0;
       const s = 36;
-      l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? t = (ge.value.length - Z.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 = io());
+      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 = io());
       const e = l.value.chart.labels.fontSize * 1.1, u = ro.value ? 24 : 6;
       if (ul.value) {
         const o = ul.value.getBBox().x;
@@ -379,9 +379,9 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         individualOffsetX: s
       };
     }), co = 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);
+      const t = l.value.chart.grid.position === "middle" ? 1 : 0, s = L.value + t, e = Y(c.value.top), u = Y(c.value.bottom);
       return Array.from({ length: s }).map((a, i) => {
-        const o = c.value.width / L.value * i + c.value.left + G.value;
+        const o = c.value.width / L.value * i + c.value.left + U.value;
         return `M${o},${e} L${o},${u}`;
       }).join(" ");
     }), vo = b(() => {
@@ -404,11 +404,11 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       return Il.value.font = `normal ${t}px sans-serif`, Il.value;
     }
     function Wt() {
-      const t = Te.value.querySelectorAll(".vue-ui-xy-tag");
+      const t = Ie.value.querySelectorAll(".vue-ui-xy-tag");
       t.length && Array.from(t).forEach((s) => s.style.opacity = "0");
     }
     function Fl(t, s, e, u, a) {
-      e && (Pe.value[`${t}_${s}_${u}_${a}`] = e);
+      e && (Re.value[`${t}_${s}_${u}_${a}`] = e);
     }
     const Xt = x(!1);
     async function Gt(t = !1) {
@@ -433,7 +433,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         maxDatapoints: t,
         formatter: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: 0,
-        end: Ie.value
+        end: Ne.value
       });
     }), fo = b(() => {
       const t = l.value.chart.grid.labels.xAxisLabels.modulo;
@@ -452,7 +452,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       );
     });
     function Ut(t, s) {
-      const e = ke.value.map((u) => ({
+      const e = we.value.map((u) => ({
         shape: u.shape || null,
         name: u.name,
         color: u.color,
@@ -487,7 +487,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       return u;
     }
     function Zt(t) {
-      const s = Math.max(...ge.value.map((e) => Be(e.series).length));
+      const s = Math.max(...ge.value.map((e) => De(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;
     }
     const _l = x(!1), Jt = x(!1);
@@ -495,8 +495,8 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       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(Zt(s + 1), e) : e;
-          Bl.value = !0, m.value.start = u, m.value.end = a, $e.value.start = u, $e.value.end = a, nl(), Jt.value = !0;
+          const { startIndex: t, endIndex: s } = l.value.chart.zoom, e = Math.max(...ge.value.map((i) => De(i.series).length)), u = t ?? 0, a = s != null ? Math.min(Zt(s + 1), e) : e;
+          Bl.value = !0, m.value.start = u, m.value.end = a, Me.value.start = u, Me.value.end = a, nl(), Jt.value = !0;
         } finally {
           queueMicrotask(() => {
             Bl.value = !1;
@@ -506,12 +506,12 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     }
     const Bl = x(!1);
     function bo(t) {
-      _l.value || Bl.value || t !== m.value.start && (m.value.start = t, $e.value.start = t, nl());
+      _l.value || Bl.value || t !== m.value.start && (m.value.start = t, Me.value.start = t, nl());
     }
     function xo(t) {
       if (_l.value || Bl.value) return;
       const s = Zt(t);
-      s !== m.value.end && (m.value.end = s, $e.value.end = s, nl());
+      s !== m.value.end && (m.value.end = s, Me.value.end = s, nl());
     }
     async function po() {
       await Rl();
@@ -519,7 +519,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     function be(t) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
     }
-    const Kt = b(() => Le.value.max + kl.value);
+    const Kt = b(() => Ae.value.max + kl.value);
     function Je(t) {
       return t / (be(Kt.value) ? Kt.value : 1);
     }
@@ -531,19 +531,19 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     function jt(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);
     }
-    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" && !Z.value.includes(u.id)).length);
+    const Z = b(() => {
+      const t = Math.max(1, L.value), s = Math.max(1, c.value.width), e = Math.max(1, Be.value.filter((u) => u.type === "bar" && !J.value.includes(u.id)).length);
       return {
         bar: nt(s, t * e, 1),
         plot: nt(s, t, 1),
         line: nt(s, t, 1)
       };
     });
-    function He() {
-      return f.value.useIndividualScale && f.value.isStacked ? q.value.line - c.value.width / L.value * 0.1 : q.value.bar;
+    function Ee() {
+      return f.value.useIndividualScale && f.value.isStacked ? Z.value.line - c.value.width / L.value * 0.1 : Z.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;
+      return f.value.useIndividualScale && f.value.isStacked ? t.x + c.value.width / L.value * 0.05 : t.x + Z.value.bar / 2;
     }
     function ea(t) {
       return t.value >= 0 ? t.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ne.value) ? c.bottom.value : ne.value;
@@ -558,9 +558,9 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       if (s.createSVGPoint && s.getScreenCTM) {
         const T = s.createSVGPoint();
         T.x = t.clientX, T.y = t.clientY;
-        const Y = s.getScreenCTM();
-        if (Y) {
-          const k = T.matrixTransform(Y.inverse());
+        const W = s.getScreenCTM();
+        if (W) {
+          const k = T.matrixTransform(W.inverse());
           return { x: k.x, y: k.y, ok: !0 };
         }
       }
@@ -603,7 +603,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       wl.value != null && oa(wl.value);
     }
     function oa(t) {
-      const s = ke.value.map((e) => ({
+      const s = we.value.map((e) => ({
         name: e.name,
         value: [null, void 0, NaN].includes(e.absoluteValues[t]) ? null : e.absoluteValues[t],
         color: e.color,
@@ -627,8 +627,8 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       }));
     }
     async function _o({ scale: t = 2 } = {}) {
-      if (!Te.value) return;
-      const { width: s, height: e } = Te.value.getBoundingClientRect(), u = s / e, { imageUri: a, base64: i } = await ps({ domElement: Te.value, base64: !0, img: !0, scale: t });
+      if (!Ie.value) return;
+      const { width: s, height: e } = Ie.value.getBoundingClientRect(), u = s / e, { imageUri: a, base64: i } = await ps({ domElement: Ie.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: a,
         base64: i,
@@ -639,13 +639,13 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       };
     }
     function El(t) {
-      if (Z.value.includes(t.id))
-        Z.value = Z.value.filter((s) => s !== t.id);
+      if (J.value.includes(t.id))
+        J.value = J.value.filter((s) => s !== t.id);
       else {
-        if (Z.value.length + 1 === Fe.value.length) return;
-        Z.value.push(t.id);
+        if (J.value.length + 1 === Be.value.length) return;
+        J.value.push(t.id);
       }
-      et("selectLegend", ke.value.map((s) => ({
+      et("selectLegend", we.value.map((s) => ({
         name: s.name,
         values: s.absoluteValues,
         color: s.color,
@@ -660,11 +660,11 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     }
     function wo(t) {
       const s = sa(t);
-      s !== null && Z.value.includes(s.id) && El({ id: s.id });
+      s !== null && J.value.includes(s.id) && El({ id: s.id });
     }
     function So(t) {
       const s = sa(t);
-      s !== null && (Z.value.includes(s.id) || El({ id: s.id }));
+      s !== null && (J.value.includes(s.id) || El({ id: s.id }));
     }
     const $o = b(() => {
       const t = l.value.chart.title.text || "Chart visualization", s = l.value.chart.title.subtitle.text || "";
@@ -674,7 +674,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     })), Lo = b(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), Mo = b(() => {
       if (Array.isArray(l.value.chart.highlightArea))
         return l.value.chart.highlightArea.map((s) => {
-          const e = Math.min(s.to, Ie.value - 1);
+          const e = Math.min(s.to, Ne.value - 1);
           return {
             ...s,
             span: s.from === e ? 1 : e < s.from ? 0 : e - s.from + 1
@@ -682,15 +682,15 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         });
       const t = {
         ...l.value.chart.highlightArea,
-        to: Math.min(l.value.chart.highlightArea.to, Ie.value - 1)
+        to: Math.min(l.value.chart.highlightArea.to, Ne.value - 1)
       };
       return [{ ...t, span: t.from === t.to ? 1 : t.to < t.from ? 0 : t.to - t.from + 1 }];
     }), ia = b(() => Mt.value ? ge.value.map((t, s) => ({
       ...t,
-      series: Be(t.series),
+      series: De(t.series),
       id: `uniqueId_${s}`,
       color: za(t.color ? t.color : Nl.value[s] ? Nl.value[s] : Ia[s])
-    })) : ge.value), Ao = b(() => ke.value.map((t) => {
+    })) : ge.value), Ao = b(() => we.value.map((t) => {
       const s = t.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: t.id,
@@ -724,7 +724,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       sparkline: {
         animation: { show: !1 }
       }
-    })), G = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value / 2), Qe = b(() => ls(me.value.filter((t) => !Z.value.includes(t.id)))), M = b(() => {
+    })), U = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value / 2), Qe = b(() => ls(me.value.filter((t) => !J.value.includes(t.id)))), M = b(() => {
       const t = Object.groupBy(Qe.value, (e) => e.scaleLabel), s = {};
       for (const [e, u] of Object.entries(t)) {
         const a = u.flatMap((i) => i.absoluteValues);
@@ -736,19 +736,19 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       }
       return s;
     }), To = b(() => {
-      const t = Fe.value.filter((s) => s.type === "bar").filter((s) => !Z.value.includes(s.id)).length;
+      const t = Be.value.filter((s) => s.type === "bar").filter((s) => !J.value.includes(s.id)).length;
       return c.value.width / L.value / t - Yl.value * t;
-    }), Yl = b(() => q.value.line * l.value.bar.periodGap), Wl = b(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Yl.value))), Xl = b(() => Wl.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), zo = b(() => {
+    }), Yl = b(() => Z.value.line * l.value.bar.periodGap), Wl = b(() => Math.max(1e-5, Ee() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Yl.value))), Xl = b(() => Wl.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), zo = b(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
-      const t = ia.value.filter((a) => !Z.value.includes(a.id)), s = Math.max(...t.map((a) => a.series.length)), e = [];
+      const t = ia.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 u = Math.min(...e);
       return e.map((a) => a + (u < 0 ? Math.abs(u) : 0));
     }), Io = b(() => l.value.chart.zoom.minimap.show ? ia.value.map((s) => ({
       ...s,
-      isVisible: !Z.value.includes(s.id)
-    })) : []), je = b(() => ke.value.map((t) => ({
+      isVisible: !J.value.includes(s.id)
+    })) : []), je = b(() => we.value.map((t) => ({
       slotAbsoluteIndex: t.slotAbsoluteIndex,
       shape: t.shape || null,
       name: t.name,
@@ -758,7 +758,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       comments: t.comments || [],
       prefix: t.prefix || l.value.chart.labels.prefix,
       suffix: t.suffix || l.value.chart.labels.suffix
-    }))), na = b(() => Le.value.ticks.map((t) => ({
+    }))), na = b(() => Ae.value.ticks.map((t) => ({
       y: t >= 0 ? ne.value - c.value.height * Je(t) : ne.value + c.value.height * Je(Math.abs(t)),
       value: t,
       prefix: l.value.chart.labels.prefix,
@@ -770,19 +770,19 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         (S) => S.show && (S.yAxis.yTop != null || S.yAxis.yBottom != null)
       );
       if (!s.length) return [];
-      const { left: e, right: u } = c.value, a = ne.value, i = c.value.height, o = Le.value.min, C = Le.value.max - o, O = (S) => {
+      const { left: e, right: u } = c.value, a = ne.value, i = c.value.height, o = Ae.value.min, C = Ae.value.max - o, O = (S) => {
         const T = (S - 0) / C;
         return a - 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 = ho(k.fontSize);
+        const { yAxis: { yTop: T, yBottom: W, label: k } } = S, F = T != null && W != null && T !== W, z = T == null ? null : O(T), le = W == null ? null : O(W), re = ho(k.fontSize);
         re.font = `${k.fontSize}px sans-serif`;
-        const U = re.measureText(k.text).width, _e = k.fontSize, Oe = (k.position === "start" ? e + k.padding.left : u - k.padding.right) + k.offsetX, pe = (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 = pe - _e * 0.75 - k.padding.top;
+        const q = re.measureText(k.text).width, Se = k.fontSize, Ve = (k.position === "start" ? e + k.padding.left : u - k.padding.right) + k.offsetX, pe = (z != null && le != null ? Math.min(z, le) : z ?? le) - k.fontSize / 3 + k.offsetY - k.padding.top;
+        let H;
+        k.textAnchor === "middle" ? H = Ve - q / 2 - k.padding.left : k.textAnchor === "end" ? H = Ve - q - k.padding.right : H = Ve - k.padding.left;
+        const D = pe - Se * 0.75 - k.padding.top;
         return {
-          show: ![z, le, H].includes(NaN),
+          show: ![z, le, D].includes(NaN),
           id: `annotation_y_${_t()}`,
           hasArea: F,
           areaHeight: F ? Math.abs(z - le) : 0,
@@ -791,12 +791,12 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           config: S.yAxis,
           x1: e,
           x2: u,
-          _text: { x: Oe, y: pe },
+          _text: { x: Ve, y: pe },
           _box: {
-            x: B,
-            y: H,
-            width: U + k.padding.left + k.padding.right,
-            height: _e + k.padding.top + k.padding.bottom,
+            x: H,
+            y: D,
+            width: q + k.padding.left + k.padding.right,
+            height: Se + k.padding.top + k.padding.bottom,
             fill: k.backgroundColor,
             stroke: k.border.stroke,
             rx: k.border.rx,
@@ -811,7 +811,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       let a = !!e && !!u && e.value == null && u.value == null || !e && !!u && u.value == null || !!e && !u && e.value == null;
       return be(t[s].value) && a && l.value.line.cutNullValues;
     }
-    const Me = b(() => {
+    const Ce = b(() => {
       const t = Qe.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) => {
         bt(o);
@@ -823,56 +823,56 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["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, _e = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, pe = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * pe + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, J = c.value.bottom - B - H * le / U, ye = c.value.bottom - B - H * re / _e, ce = me.value.filter((R) => R.type === "bar").filter((R) => !Z.value.includes(R.id)).length, Ll = o.series.map((R, Q) => {
-          const Ee = f.value.useIndividualScale ? (o.absoluteValues[Q] + le) / U : Je(R), el = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * Q : c.value.left + q.value.bar * A + q.value.bar * Q * ce - To.value / 2 - A * Yl.value;
+        }, W = 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, W) : al(T.min, T.max === T.min ? T.max * k : T.max, W), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W) : al(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, q = F.max + le, Se = z.max + Math.abs(re), Ve = o.stackIndex, cl = s - 1 - Ve, pe = u ? 1 - o.cumulatedStackRatio : 0, H = u ? i * pe + e * cl : 0, D = u ? i * o.stackRatio : c.value.height, K = c.value.bottom - H - D * le / q, ye = c.value.bottom - H - D * re / Se, ce = me.value.filter((R) => R.type === "bar").filter((R) => !J.value.includes(R.id)).length, Ll = o.series.map((R, j) => {
+          const We = f.value.useIndividualScale ? (o.absoluteValues[j] + le) / q : Je(R), el = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * j : c.value.left + Z.value.bar * A + Z.value.bar * j * ce - To.value / 2 - A * Yl.value;
           return {
-            yOffset: P(B),
-            individualHeight: P(H),
+            yOffset: P(H),
+            individualHeight: P(D),
             x: P(el),
-            y: c.value.bottom - B - H * Ee,
-            value: o.absoluteValues[Q],
-            zeroPosition: P(J),
-            individualMax: P(U),
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[Q] || ""
+            y: c.value.bottom - H - D * We,
+            value: o.absoluteValues[j],
+            zeroPosition: P(K),
+            individualMax: P(q),
+            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[j] || ""
           };
-        }), he = o.absoluteValues.map((R) => z.min >= 0 ? (R - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (R + Math.abs(z.min)) / (z.max + Math.abs(z.min))), De = o.series.map((R, Q) => {
-          const Ee = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * Q : c.value.left - q.value.bar / 2 + q.value.bar * A + q.value.bar * Q * me.value.filter((el) => el.type === "bar").filter((el) => !Z.value.includes(el.id)).length;
+        }), he = o.absoluteValues.map((R) => z.min >= 0 ? (R - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (R + Math.abs(z.min)) / (z.max + Math.abs(z.min))), Ye = o.series.map((R, j) => {
+          const We = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * j : c.value.left - Z.value.bar / 2 + Z.value.bar * A + Z.value.bar * j * me.value.filter((el) => el.type === "bar").filter((el) => !J.value.includes(el.id)).length;
           return {
-            yOffset: P(B),
-            individualHeight: P(H),
-            x: P(Ee),
-            y: P(c.value.bottom - P(B) - (P(H) * he[Q] || 0)),
-            value: o.absoluteValues[Q],
-            zeroPosition: P(J),
-            individualMax: P(U),
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[Q] || ""
+            yOffset: P(H),
+            individualHeight: P(D),
+            x: P(We),
+            y: P(c.value.bottom - P(H) - (P(D) * he[j] || 0)),
+            value: o.absoluteValues[j],
+            zeroPosition: P(K),
+            individualMax: P(q),
+            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[j] || ""
           };
         }), X = F.ticks.map((R) => ({
-          y: R >= 0 ? J - H * (R / U) : J + H * Math.abs(R) / U,
+          y: R >= 0 ? K - D * (R / q) : K + D * Math.abs(R) / q,
           value: R,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), K = z.ticks.map((R) => {
-          const Q = (R - z.min) / (z.max - z.min);
+        })), Q = z.ticks.map((R) => {
+          const j = (R - z.min) / (z.max - z.min);
           return {
-            y: R >= 0 ? ye - H * Q : ye + H * Q,
+            y: R >= 0 ? ye - D * j : ye + D * j,
             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 ? K : X, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : J, M.value[o.scaleLabel].individualMax = o.autoScaling ? _e : 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 = K, M.value[o.scaleLabel].unique = Qe.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 ? Q : X, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : K, M.value[o.scaleLabel].individualMax = o.autoScaling ? Se : q, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = H, M.value[o.scaleLabel].individualHeight = D, M.value[o.scaleLabel].autoScaleYLabels = Q, M.value[o.scaleLabel].unique = Qe.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
-          yOffset: B,
-          autoScaleYLabels: K,
-          individualHeight: H,
-          scaleYLabels: o.autoScaling ? K : X,
+          yOffset: H,
+          autoScaleYLabels: Q,
+          individualHeight: D,
+          scaleYLabels: o.autoScaling ? Q : X,
           individualScale: o.autoScaling ? z : F,
-          individualMax: o.autoScaling ? _e : U,
-          zeroPosition: o.autoScaling ? ye : J,
-          plots: o.autoScaling ? De : Ll,
+          individualMax: o.autoScaling ? Se : q,
+          zeroPosition: o.autoScaling ? ye : K,
+          plots: o.autoScaling ? Ye : Ll,
           groupId: M.value[o.scaleLabel].groupId
         };
       });
@@ -888,52 +888,52 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["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), _e = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, pe = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * pe + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, J = c.value.bottom - B - H * le / U, ye = c.value.bottom - B - H * re / _e, ce = o.series.map((N, oe) => {
-          const Wo = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(le)) / U : Je(N);
+        }, W = 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, W) : al(T.min, T.max === T.min ? T.max * k : T.max, W), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W) : al(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, q = F.max + Math.abs(le), Se = z.max + Math.abs(re), Ve = o.stackIndex, cl = s - 1 - Ve, pe = u ? 1 - o.cumulatedStackRatio : 0, H = u ? i * pe + e * cl : 0, D = u ? i * o.stackRatio : c.value.height, K = c.value.bottom - H - D * le / q, ye = c.value.bottom - H - D * re / Se, ce = o.series.map((N, oe) => {
+          const Wo = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(le)) / q : Je(N);
           return {
-            x: P(c.value.left + q.value.line / 2 + q.value.line * oe),
-            y: P(c.value.bottom - B - H * Wo),
+            x: P(c.value.left + Z.value.line / 2 + Z.value.line * oe),
+            y: P(c.value.bottom - H - D * Wo),
             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, oe) => [void 0, null].includes(o.absoluteValues[oe]) ? {
-          x: P(c.value.left + q.value.line / 2 + q.value.line * oe),
-          y: J,
+          x: P(c.value.left + Z.value.line / 2 + Z.value.line * oe),
+          y: K,
           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 * oe),
-          y: P(c.value.bottom - B - (H * Ll[oe] || 0)),
+          x: P(c.value.left + Z.value.line / 2 + Z.value.line * oe),
+          y: P(c.value.bottom - H - (D * 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 ? Oa(ce) : Na(ce.filter((N) => N.value !== null)), X = l.value.line.cutNullValues ? Oa(he) : Na(he.filter((N) => N.value !== null)), K = l.value.line.cutNullValues ? Va(ce) : Pa(ce.filter((N) => N.value !== null)), R = l.value.line.cutNullValues ? Va(he) : Pa(he.filter((N) => N.value !== null)), Q = F.ticks.map((N) => ({
-          y: N >= 0 ? J - H * (N / U) : J + H * Math.abs(N) / U,
+        }), Ye = l.value.line.cutNullValues ? Oa(ce) : Na(ce.filter((N) => N.value !== null)), X = l.value.line.cutNullValues ? Oa(he) : Na(he.filter((N) => N.value !== null)), Q = l.value.line.cutNullValues ? Va(ce) : Pa(ce.filter((N) => N.value !== null)), R = l.value.line.cutNullValues ? Va(he) : Pa(he.filter((N) => N.value !== null)), j = F.ticks.map((N) => ({
+          y: N >= 0 ? K - D * (N / q) : K + D * Math.abs(N) / q,
           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) => {
+        })), We = z.ticks.map((N) => {
           const oe = (N - z.min) / (z.max - z.min);
           return {
-            y: N >= 0 ? ye - H * oe : ye + H * oe,
+            y: N >= 0 ? ye - D * oe : ye + D * 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 : Q, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : J, M.value[o.scaleLabel].individualMax = o.autoScaling ? _e : 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 = Qe.value.filter((N) => N.scaleLabel === o.scaleLabel).length === 1;
-        const el = f.value.useIndividualScale ? o.autoScaling ? ye : J : ne.value, Ml = Math.max(Math.max(o.autoScaling ? ye : Q.at(-1) ? Q.at(-1).y : 0, c.value.top), el);
+        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 ? We : j, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : K, M.value[o.scaleLabel].individualMax = o.autoScaling ? Se : q, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = H, M.value[o.scaleLabel].individualHeight = D, M.value[o.scaleLabel].autoScaleYLabels = We, M.value[o.scaleLabel].unique = Qe.value.filter((N) => N.scaleLabel === o.scaleLabel).length === 1;
+        const el = f.value.useIndividualScale ? o.autoScaling ? ye : K : ne.value, Ml = Math.max(Math.max(o.autoScaling ? ye : j.at(-1) ? j.at(-1).y : 0, c.value.top), el);
         return {
           ...o,
-          yOffset: B,
-          autoScaleYLabels: Ee,
-          individualHeight: H,
-          scaleYLabels: o.autoScaling ? Ee : Q,
+          yOffset: H,
+          autoScaleYLabels: We,
+          individualHeight: D,
+          scaleYLabels: o.autoScaling ? We : j,
           individualScale: o.autoScaling ? z : F,
-          individualMax: o.autoScaling ? _e : U,
-          zeroPosition: o.autoScaling ? ye : J,
-          curve: o.autoScaling ? X : De,
+          individualMax: o.autoScaling ? Se : q,
+          zeroPosition: o.autoScaling ? ye : K,
+          curve: o.autoScaling ? X : Ye,
           plots: o.autoScaling ? he : ce,
           area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Fa(
             o.autoScaling ? he : ce,
@@ -947,7 +947,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
             Ml,
             l.value.line.cutNullValues
           ) : [],
-          straight: o.autoScaling ? R : K,
+          straight: o.autoScaling ? R : Q,
           groupId: M.value[o.scaleLabel].groupId
         };
       });
@@ -963,44 +963,44 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["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), _e = o.stackIndex, Oe = s - 1 - _e, cl = u ? 1 - o.cumulatedStackRatio : 0, pe = u ? i * cl + e * Oe : 0, B = u ? i * o.stackRatio : c.value.height, H = c.value.bottom - pe - B * z / re, J = c.value.bottom - pe - B * le / U, ye = o.series.map((X, K) => {
-          const R = f.value.useIndividualScale ? (o.absoluteValues[K] + Math.abs(z)) / re : Je(X);
+        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, W = 1.0000001, k = al(S.min, S.max === S.min ? S.max * W : S.max, T), F = al(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * W : O.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), le = 0, re = k.max + z, q = F.max + Math.abs(le), Se = o.stackIndex, Ve = s - 1 - Se, cl = u ? 1 - o.cumulatedStackRatio : 0, pe = u ? i * cl + e * Ve : 0, H = u ? i * o.stackRatio : c.value.height, D = c.value.bottom - pe - H * z / re, K = c.value.bottom - pe - H * le / q, ye = o.series.map((X, Q) => {
+          const R = f.value.useIndividualScale ? (o.absoluteValues[Q] + Math.abs(z)) / re : Je(X);
           return {
-            x: P(c.value.left + q.value.plot / 2 + q.value.plot * K),
-            y: P(c.value.bottom - pe - B * R),
-            value: o.absoluteValues[K],
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
+            x: P(c.value.left + Z.value.plot / 2 + Z.value.plot * Q),
+            y: P(c.value.bottom - pe - H * R),
+            value: o.absoluteValues[Q],
+            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[Q] || ""
           };
-        }), ce = o.absoluteValues.map((X) => F.min >= 0 ? (X - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (X + Math.abs(F.min)) / (F.max + Math.abs(F.min))), Ll = o.series.map((X, K) => ({
-          x: P(c.value.left + q.value.plot / 2 + q.value.plot * K),
-          y: P(c.value.bottom - pe - (B * ce[K] || 0)),
-          value: o.absoluteValues[K],
-          comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
+        }), ce = o.absoluteValues.map((X) => F.min >= 0 ? (X - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (X + Math.abs(F.min)) / (F.max + Math.abs(F.min))), Ll = o.series.map((X, Q) => ({
+          x: P(c.value.left + Z.value.plot / 2 + Z.value.plot * Q),
+          y: P(c.value.bottom - pe - (H * ce[Q] || 0)),
+          value: o.absoluteValues[Q],
+          comment: o.comments && o.comments.slice(m.value.start, m.value.end)[Q] || ""
         })), he = k.ticks.map((X) => ({
-          y: X >= 0 ? H - B * (X / re) : H + B * Math.abs(X) / re,
+          y: X >= 0 ? D - H * (X / re) : D + H * Math.abs(X) / re,
           value: X,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), De = F.ticks.map((X) => {
-          const K = (X - F.min) / (F.max - F.min);
+        })), Ye = F.ticks.map((X) => {
+          const Q = (X - F.min) / (F.max - F.min);
           return {
-            y: X >= 0 ? J - B * K : J + B * K,
+            y: X >= 0 ? K - H * Q : K + H * Q,
             value: X,
             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 ? De : he, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? J : 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 = pe, M.value[o.scaleLabel].individualHeight = B, M.value[o.scaleLabel].autoScaleYLabels = De, M.value[o.scaleLabel].unique = Qe.value.filter((X) => X.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 ? Ye : he, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? K : D, M.value[o.scaleLabel].individualMax = o.autoScaling ? q : re, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = pe, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = Ye, M.value[o.scaleLabel].unique = Qe.value.filter((X) => X.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: pe,
-          autoScaleYLabels: De,
-          individualHeight: B,
-          scaleYLabels: o.autoScaling ? De : he,
+          autoScaleYLabels: Ye,
+          individualHeight: H,
+          scaleYLabels: o.autoScaling ? Ye : he,
           individualScale: o.autoScaling ? F : k,
-          individualMax: o.autoScaling ? U : re,
-          zeroPosition: o.autoScaling ? J : H,
+          individualMax: o.autoScaling ? q : re,
+          zeroPosition: o.autoScaling ? K : D,
           plots: o.autoScaling ? Ll : ye,
           groupId: M.value[o.scaleLabel].groupId
         };
@@ -1018,7 +1018,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || c.value.height,
         autoScaleYLabels: i.autoScaleYLabels
-      })), s = Me.value.map((i) => ({
+      })), s = Ce.value.map((i) => ({
         name: i.name,
         color: i.color,
         scale: i.individualScale,
@@ -1095,7 +1095,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       datapoint: je.value,
       seriesIndex: _.value,
       series: me.value,
-      bars: Me.value,
+      bars: Ce.value,
       lines: ae.value,
       plots: xe.value,
       config: l.value
@@ -1120,7 +1120,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         seriesIndex: _.value,
         datapoint: je.value,
         series: me.value,
-        bars: Me.value,
+        bars: Ce.value,
         lines: ae.value,
         plots: xe.value,
         config: l.value
@@ -1130,7 +1130,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           seriesIndex: _.value,
           datapoint: je.value,
           series: me.value,
-          bars: Me.value,
+          bars: Ce.value,
           lines: ae.value,
           plots: xe.value,
           config: l.value
@@ -1144,10 +1144,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           let i = "", o = "";
           switch (bl.value[a.type]) {
             case "bar":
-              i = `<svg viewBox="0 0 40 40" height="14" width="14">${Lt.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="${Lt.pattern ? `url(#pattern_${D.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
+              i = `<svg viewBox="0 0 40 40" height="14" width="14">${Lt.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="${Lt.pattern ? `url(#pattern_${E.value}_${a.slotAbsoluteIndex}` : a.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="${Ha({ 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>`;
+              !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="${Pe({ 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="${Pe({ 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="${Pe({ 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="${Pe({ 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="${Pe({ 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="${Ha({ 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>`;
               break;
             case "plot":
               if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
@@ -1159,37 +1159,37 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 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>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Pe({ 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>`;
                 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>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Pe({ 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>`;
                 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>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Pe({ 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>`;
                 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>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Pe({ 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>`;
                 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>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Pe({ 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>`;
                 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 ? se(
             a.type === "line" ? l.value.line.labels.formatter : a.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
             a.value,
-            Ve({
+            Fe({
               p: a.prefix,
               v: a.value,
               s: a.suffix,
               r: l.value.chart.tooltip.roundingValue
             }),
             { datapoint: a }
-          ) : ""}</b> ${l.value.chart.tooltip.showPercentage ? `(${Ve({
+          ) : ""}</b> ${l.value.chart.tooltip.showPercentage ? `(${Fe({
             v: P(Math.abs(a.value) / s * 100),
             s: "%",
             r: l.value.chart.tooltip.roundingPercentage
@@ -1197,33 +1197,33 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${l.value.chart.tooltip.color}">${t}</div>`;
     }), fa = b(() => {
-      if (Fe.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const t = ke.value.map((e) => ({
+      if (Be.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
+      const t = we.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)];
-        ke.value.forEach((i) => {
+        we.value.forEach((i) => {
           a.push(be(i.absoluteValues[u]) ? Number(i.absoluteValues[u].toFixed(l.value.table.rounding)) : "");
         }), s.push(a);
       }), { head: t, body: s };
     }), Gl = b(() => {
       const t = l.value.table.showSum;
-      let s = [""].concat(ke.value.map((i) => i.name));
+      let s = [""].concat(we.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>'));
       let e = [];
       for (let i = 0; i < L.value; i += 1) {
-        const o = ke.value.map((A) => A.absoluteValues[i] ?? 0).reduce((A, C) => A + C, 0);
+        const o = we.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(ke.value.map(
+          ].concat(we.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({
+              Fe({
                 p: A.prefix || l.value.chart.labels.prefix,
                 v: A.absoluteValues[i] ?? 0,
                 s: A.suffix || l.value.chart.labels.suffix,
@@ -1245,7 +1245,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           outline: l.value.table.td.outline
         },
         breakpoint: l.value.table.responsiveBreakpoint
-      }, a = [l.value.table.columnNames.period].concat(ke.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
+      }, a = [l.value.table.columnNames.period].concat(we.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
       return { head: s, body: e, config: u, colNames: a };
     });
     function xt(t = null) {
@@ -1254,7 +1254,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     }
     function ga(t, s = null) {
       At.value = t;
-      const e = ke.value.map((u) => ({
+      const e = we.value.map((u) => ({
         name: u.name,
         value: [null, void 0, NaN].includes(u.absoluteValues[s]) ? null : u.absoluteValues[s],
         color: u.color,
@@ -1276,7 +1276,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     }
     function ya() {
       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, Se.value.plot = l.value.plot.radius, Se.value.line = l.value.line.radius;
+        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, Le.value.plot = l.value.plot.radius, Le.value.line = l.value.line.radius;
         return;
       }
       y.value.dataLabels = dl({
@@ -1303,13 +1303,13 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         source: l.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), Se.value.plot = dl({
+      }), Le.value.plot = dl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.plot.radius,
         threshold: 1,
         fallback: 1
-      }), Se.value.line = dl({
+      }), Le.value.line = dl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.line.radius,
@@ -1339,28 +1339,28 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       }), Da(g.dataset) || (Ol.value = l.value.loading), It.value = l.value.chart.userOptions.showOnChartHover, it.value = l.value.chart.userOptions.keepStateOnChartLeave, zl.value = !l.value.chart.userOptions.showOnChartHover, vt();
       const t = 12;
       if (l.value.responsive) {
-        const e = Te.value.parentNode;
-        Re.value && (Re.value.unobserve(st.value), Re.value.disconnect());
+        const e = Ie.value.parentNode;
+        He.value && (He.value.unobserve(st.value), He.value.disconnect());
         const { height: u, width: a } = 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 && Ie.value > 6 && ct.value && ze.value && ze.value.$el && (A = ze.value.$el, C = A.getBoundingClientRect().height);
+        l.value.chart.zoom.show && Ne.value > 6 && ct.value && Oe.value && Oe.value.$el && (A = Oe.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, ee.value = a, Tl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, ya();
+        let W = 0;
+        ml.value && (W = ml.value.getBoundingClientRect().height), ve.value = u - o - S - C - T - W - t, ee.value = a, Tl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, ya();
         const k = new ResizeObserver((F) => {
           for (const z of F)
-            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 - t, ee.value = z.contentBoxSize[0].inlineSize, Tl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, ya();
+            l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, Oe.value && Oe.value.$el ? C = Oe.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 ? W = ml.value.getBoundingClientRect().height : W = 0, requestAnimationFrame(() => {
+              ve.value = z.contentRect.height - o - S - C - T - W - t, ee.value = z.contentBoxSize[0].inlineSize, Tl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, ya();
             });
         });
-        Re.value = k, st.value = e, k.observe(e);
+        He.value = k, st.value = e, k.observe(e);
       } else
-        ve.value = l.value.chart.height, ee.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, Se.value.plot = l.value.plot.radius, Se.value.line = l.value.line.radius, Tl.value = `0 0 ${ee.value} ${ve.value}`;
+        ve.value = l.value.chart.height, ee.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, Le.value.plot = l.value.plot.radius, Le.value.line = l.value.line.radius, Tl.value = `0 0 ${ee.value} ${ve.value}`;
     }
     function ka(t) {
       lo.value = {
@@ -1371,7 +1371,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
     ql(() => {
       pt(), Rl(), document.addEventListener("mousemove", ka, { passive: !0 }), document.addEventListener("scroll", Wt, { passive: !0 });
     }), kt(() => {
-      document.removeEventListener("scroll", Wt, { passive: !0 }), document.removeEventListener("mousemove", ka, { passive: !0 }), Re.value && (Re.value.unobserve(st.value), Re.value.disconnect(), Re.value = null);
+      document.removeEventListener("scroll", Wt, { passive: !0 }), document.removeEventListener("mousemove", ka, { passive: !0 }), He.value && (He.value.unobserve(st.value), He.value.disconnect(), He.value = null);
     }), xs({
       timeLabelsEls: ul,
       timeLabels: de,
@@ -1428,7 +1428,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
             absoluteIndex: t + m.value.start,
             seriesIndex: t,
             datapoint: je.value,
-            bars: Me.value,
+            bars: Ce.value,
             lines: ae.value,
             plots: xe.value,
             config: l.value
@@ -1442,16 +1442,16 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         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;
     });
     Al(() => g.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Ol.value = !1), Ie.value = Math.max(...ge.value.map((s) => Be(s.series).length)), m.value = {
+      Array.isArray(t) && t.length > 0 && (Ol.value = !1), Ne.value = Math.max(...ge.value.map((s) => De(s.series).length)), m.value = {
         start: 0,
-        end: Ie.value
+        end: Ne.value
       }, eo.value += 1, ut.value += 1, nl();
     }, { deep: !0 }), Al(() => g.config, (t) => {
       ie.value || (l.value = rt()), pt(), zt.value += 1, Tt.value += 1, vt(), nl();
     }, { deep: !0 });
     const yt = x(!1);
     function Sa() {
-      const t = Te.value?.parentNode;
+      const t = Ie.value?.parentNode;
       if (!t) {
         yt.value = !1;
         return;
@@ -1464,7 +1464,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       const t = new ResizeObserver(() => {
         Sa(), yt.value && (pt(), nl(), Rl());
       });
-      Te.value?.parentNode && t.observe(Te.value.parentNode);
+      Ie.value?.parentNode && t.observe(Ie.value.parentNode);
     }), Al(l, () => {
       vt();
     }, { immediate: !0 });
@@ -1479,7 +1479,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           headerColor: l.value.table.th.color,
           headerBg: l.value.table.th.backgroundColor,
           isFullscreen: qe.value,
-          fullscreenParent: Te.value,
+          fullscreenParent: Ie.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -1538,23 +1538,43 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       toggleAnnotator: ft,
       toggleFullscreen: pa
     }), (t, s) => (n(), r("div", {
-      id: `vue-ui-xy_${D.value}`,
+      id: `vue-ui-xy_${E.value}`,
       class: ll(`vue-data-ui-component vue-ui-xy ${qe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${l.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
-      ref: Te,
+      ref: Ie,
       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] = () => Gt(!0)),
       onMouseleave: s[7] || (s[7] = () => Gt(!1)),
       onClick: aa
     }, [
-      l.value.chart.userOptions.buttons.annotator && ue.value ? (n(), Ae(v(Ja), {
+      l.value.chart.userOptions.buttons.annotator && ue.value ? (n(), Te(v(Ja), {
         key: 0,
         svgRef: ue.value,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
         active: xl.value,
         onClose: ft
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
+      }, {
+        "annotator-action-close": G(() => [
+          B(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": G(({ color: e }) => [
+          B(t.$slots, "annotator-action-color", ke(_e({ color: e })), void 0, !0)
+        ]),
+        "annotator-action-draw": G(({ mode: e }) => [
+          B(t.$slots, "annotator-action-draw", ke(_e({ mode: e })), void 0, !0)
+        ]),
+        "annotator-action-undo": G(({ disabled: e }) => [
+          B(t.$slots, "annotator-action-undo", ke(_e({ disabled: e })), void 0, !0)
+        ]),
+        "annotator-action-redo": G(({ disabled: e }) => [
+          B(t.$slots, "annotator-action-redo", ke(_e({ disabled: e })), void 0, !0)
+        ]),
+        "annotator-action-delete": G(({ disabled: e }) => [
+          B(t.$slots, "annotator-action-delete", ke(_e({ disabled: e })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
       Lo.value ? (n(), r("div", {
         key: 1,
         ref_key: "noTitle",
@@ -1569,7 +1589,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         class: "vue-ui-xy-title",
         style: $(`font-family:${l.value.chart.fontFamily}`)
       }, [
-        (n(), Ae(ys, {
+        (n(), Te(ys, {
           key: `title_${zt.value}`,
           config: {
             title: {
@@ -1584,9 +1604,9 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         }, null, 8, ["config"]))
       ], 4)) : h("", !0),
       p("div", {
-        id: `legend-top-${D.value}`
+        id: `legend-top-${E.value}`
       }, null, 8, Ls),
-      l.value.chart.userOptions.show && (it.value || zl.value) ? (n(), Ae(v(Ua), {
+      l.value.chart.userOptions.show && (it.value || zl.value) ? (n(), Te(v(Ua), {
         ref_key: "userOptionsRef",
         ref: ot,
         key: `user_options_${Ct.value}`,
@@ -1594,7 +1614,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         color: l.value.chart.color,
         isPrinting: v(dt),
         isImaging: v(Bt),
-        uid: D.value,
+        uid: E.value,
         hasTooltip: l.value.chart.userOptions.buttons.tooltip && l.value.chart.tooltip.show,
         hasPdf: l.value.chart.userOptions.buttons.pdf,
         hasXls: l.value.chart.userOptions.buttons.csv,
@@ -1631,78 +1651,78 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       }, Ca({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: j(({ isOpen: e, color: u }) => [
-            W(t.$slots, "menuIcon", We(Xe({ isOpen: e, color: u })), void 0, !0)
+          fn: G(({ isOpen: e, color: u }) => [
+            B(t.$slots, "menuIcon", ke(_e({ isOpen: e, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: j(() => [
-            W(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: G(() => [
+            B(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: j(() => [
-            W(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: G(() => [
+            B(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: j(() => [
-            W(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: G(() => [
+            B(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: j(() => [
-            W(t.$slots, "optionImg", {}, void 0, !0)
+          fn: G(() => [
+            B(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: j(() => [
-            W(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: G(() => [
+            B(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: j(() => [
-            W(t.$slots, "optionTable", {}, void 0, !0)
+          fn: G(() => [
+            B(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: j(() => [
-            W(t.$slots, "optionLabels", {}, void 0, !0)
+          fn: G(() => [
+            B(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionStack ? {
           name: "optionStack",
-          fn: j(({ isStack: e }) => [
-            W(t.$slots, "optionStack", We(Xe({ isStack: e })), void 0, !0)
+          fn: G(({ isStack: e }) => [
+            B(t.$slots, "optionStack", ke(_e({ isStack: e })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: j(({ toggleFullscreen: e, isFullscreen: u }) => [
-            W(t.$slots, "optionFullscreen", We(Xe({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
+          fn: G(({ toggleFullscreen: e, isFullscreen: u }) => [
+            B(t.$slots, "optionFullscreen", ke(_e({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: j(({ toggleAnnotator: e, isAnnotator: u }) => [
-            W(t.$slots, "optionAnnotator", We(Xe({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
+          fn: G(({ toggleAnnotator: e, isAnnotator: u }) => [
+            B(t.$slots, "optionAnnotator", ke(_e({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
           ]),
           key: "10"
         } : void 0
@@ -1735,7 +1755,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           vl(v(Za)),
           t.$slots["chart-background"] ? (n(), r("foreignObject", {
             key: 0,
-            x: c.value.left + G.value < 0 ? 0 : c.value.left + G.value,
+            x: c.value.left + U.value < 0 ? 0 : c.value.left + U.value,
             y: c.value.top,
             width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value),
             height: c.value.height < 0 ? 0 : c.value.height,
@@ -1743,7 +1763,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               pointerEvents: "none"
             }
           }, [
-            W(t.$slots, "chart-background", {}, void 0, !0)
+            B(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, As)) : h("", !0),
           L.value > 0 ? (n(), r("g", Cs, [
             p("g", Ts, [
@@ -1751,28 +1771,28 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 key: 0,
                 stroke: l.value.chart.grid.stroke,
                 "stroke-width": "1",
-                x1: c.value.left + G.value,
-                x2: c.value.right - G.value,
-                y1: v(E)(c.value.bottom),
-                y2: v(E)(c.value.bottom),
+                x1: c.value.left + U.value,
+                x2: c.value.right - U.value,
+                y1: v(Y)(c.value.bottom),
+                y2: v(Y)(c.value.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, zs)) : h("", !0),
               f.value.useIndividualScale ? l.value.chart.grid.showHorizontalLines ? (n(!0), r(d, { key: 2 }, w(Sl.value, (e) => (n(), r("g", null, [
                 e.id === I.value && e.yLabels.length ? (n(!0), r(d, { key: 0 }, w(e.yLabels, (u) => (n(), r("line", {
-                  x1: c.value.left + G.value,
-                  x2: c.value.right - G.value,
-                  y1: v(E)(u.y),
-                  y2: v(E)(u.y),
+                  x1: c.value.left + U.value,
+                  x2: c.value.right - U.value,
+                  y1: v(Y)(u.y),
+                  y2: v(Y)(u.y),
                   stroke: e.color,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, Vs))), 256)) : e.yLabels.length ? (n(!0), r(d, { key: 1 }, w(e.yLabels, (u) => (n(), r("line", {
-                  x1: c.value.left + G.value,
-                  x2: c.value.right - G.value,
-                  y1: v(E)(u.y),
-                  y2: v(E)(u.y),
+                  x1: c.value.left + U.value,
+                  x2: c.value.right - U.value,
+                  y1: v(Y)(u.y),
+                  y2: v(Y)(u.y),
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
@@ -1783,19 +1803,19 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   key: 0,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": "1",
-                  x1: c.value.left + G.value,
-                  x2: c.value.left + G.value,
-                  y1: v(E)(c.value.top),
-                  y2: v(E)(c.value.bottom),
+                  x1: c.value.left + U.value,
+                  x2: c.value.left + U.value,
+                  y1: v(Y)(c.value.top),
+                  y2: v(Y)(c.value.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, Is)) : h("", !0),
                 l.value.chart.grid.showHorizontalLines ? (n(), r("g", Os, [
                   (n(!0), r(d, null, w(na.value, (e) => (n(), r("line", {
-                    x1: c.value.left + G.value,
+                    x1: c.value.left + U.value,
                     x2: c.value.right,
-                    y1: v(E)(e.y),
-                    y2: v(E)(e.y),
+                    y1: v(Y)(e.y),
+                    y2: v(Y)(e.y),
                     stroke: l.value.chart.grid.stroke,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
@@ -1822,15 +1842,15 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 }, null, 8, Hs)
               ])) : h("", !0)
             ]),
-            (n(!0), r(d, null, w(Me.value, (e, u) => (n(), r("defs", {
+            (n(!0), r(d, null, w(Ce.value, (e, u) => (n(), r("defs", {
               key: `def_rect_${u}`
             }, [
-              t.$slots["bar-gradient"] ? W(t.$slots, "bar-gradient", tl({
+              t.$slots["bar-gradient"] ? B(t.$slots, "bar-gradient", tl({
                 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 }, [
+              }, { series: e, positiveId: `rectGradient_pos_${u}_${E.value}`, negativeId: `rectGradient_neg_${u}_${E.value}` }), void 0, !0) : (n(), r(d, { key: 1 }, [
                 p("linearGradient", {
-                  id: `rectGradient_pos_${u}_${D.value}`,
+                  id: `rectGradient_pos_${u}_${E.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
@@ -1848,7 +1868,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   }, null, 8, Ws)
                 ], 8, Ds),
                 p("linearGradient", {
-                  id: `rectGradient_neg_${u}_${D.value}`,
+                  id: `rectGradient_neg_${u}_${E.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
@@ -1871,7 +1891,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               key: `def_plot_${u}`
             }, [
               p("radialGradient", {
-                id: `plotGradient_${u}_${D.value}`,
+                id: `plotGradient_${u}_${E.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -1892,7 +1912,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               key: `def_line_${e.id}`
             }, [
               p("radialGradient", {
-                id: `lineGradient_${u}_${D.value}`,
+                id: `lineGradient_${u}_${E.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -1908,12 +1928,12 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   "stop-color": e.color
                 }, null, 8, eu)
               ], 8, Qs),
-              t.$slots["area-gradient"] ? W(t.$slots, "area-gradient", tl({
+              t.$slots["area-gradient"] ? B(t.$slots, "area-gradient", tl({
                 key: 0,
                 ref_for: !0
-              }, { series: e, id: `areaGradient_${u}_${D.value}` }), void 0, !0) : (n(), r("linearGradient", {
+              }, { series: e, id: `areaGradient_${u}_${E.value}` }), void 0, !0) : (n(), r("linearGradient", {
                 key: 1,
-                id: `areaGradient_${u}_${D.value}`,
+                id: `areaGradient_${u}_${E.value}`,
                 x1: "0%",
                 x2: "100%",
                 y1: "0%",
@@ -1921,11 +1941,11 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               }, [
                 p("stop", {
                   offset: "0%",
-                  "stop-color": `${v(Ce)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
+                  "stop-color": `${v(ze)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
                 }, null, 8, tu),
                 p("stop", {
                   offset: "100%",
-                  "stop-color": `${v(Ce)(e.color, l.value.line.area.opacity)}`
+                  "stop-color": `${v(ze)(e.color, l.value.line.area.opacity)}`
                 }, null, 8, au)
               ], 8, lu))
             ]))), 128)),
@@ -1941,7 +1961,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["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(Ce)(e.color, e.opacity)
+                    fill: v(ze)(e.color, e.opacity)
                   }, null, 12, ou)
                 ]))), 256)),
                 (n(!0), r(d, null, w(e.span, (u, a) => (n(), r("g", null, [
@@ -1972,12 +1992,12 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["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, Ze.value].includes(u) ? v(Ce)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
+                  fill: [V.value, _.value, Ze.value].includes(u) ? v(ze)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, iu)
               ]))), 128))
             ])) : h("", !0),
-            Me.value.length ? (n(!0), r(d, { key: 1 }, w(Me.value, (e, u) => (n(), r("g", {
+            Ce.value.length ? (n(!0), r(d, { key: 1 }, w(Ce.value, (e, u) => (n(), r("g", {
               key: `serie_bar_${e.id}`,
               class: ll(`serie_bar_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -1992,7 +2012,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   height: f.value.useIndividualScale ? Math.abs(jt(a)) : Math.abs(Qt(a)),
                   width: Wl.value - Xl.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 ? a.value >= 0 ? `url(#rectGradient_pos_${u}_${E.value})` : `url(#rectGradient_neg_${u}_${E.value})` : e.color,
                   stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
                   "stroke-width": l.value.bar.border.strokeWidth,
                   style: $({
@@ -2006,7 +2026,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   height: f.value.useIndividualScale ? Math.abs(jt(a)) : Math.abs(Qt(a)),
                   width: Wl.value - Xl.value,
                   rx: l.value.bar.borderRadius,
-                  fill: `url(#pattern_${D.value}_${e.slotAbsoluteIndex})`,
+                  fill: `url(#pattern_${E.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(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
@@ -2019,7 +2039,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   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
                 }, [
-                  W(t.$slots, "plot-comment", {
+                  B(t.$slots, "plot-comment", {
                     plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: i }
                   }, void 0, !0)
                 ], 8, cu)) : h("", !0)
@@ -2029,10 +2049,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               key: 2,
               stroke: l.value.chart.grid.stroke,
               "stroke-width": "1",
-              x1: c.value.left + G.value,
+              x1: c.value.left + U.value,
               x2: c.value.right,
-              y1: v(E)(ne.value),
-              y2: v(E)(ne.value),
+              y1: v(Y)(ne.value),
+              y2: v(Y)(ne.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, vu)) : h("", !0),
@@ -2040,8 +2060,8 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               p("line", {
                 x1: c.value.left + c.value.width / L.value * ((_.value !== null ? _.value : 0) || (V.value !== null ? V.value : 0)) + c.value.width / L.value / 2,
                 x2: c.value.left + c.value.width / L.value * ((_.value !== null ? _.value : 0) || (V.value !== null ? V.value : 0)) + c.value.width / L.value / 2,
-                y1: v(E)(c.value.top),
-                y2: v(E)(c.value.bottom),
+                y1: v(Y)(c.value.top),
+                y2: v(Y)(c.value.bottom),
                 stroke: l.value.chart.highlighter.color,
                 "stroke-width": l.value.chart.highlighter.lineWidth,
                 "stroke-dasharray": l.value.chart.highlighter.lineDasharray,
@@ -2052,7 +2072,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
             l.value.chart.grid.frame.show ? (n(), r("rect", {
               key: 4,
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-              x: c.value.left + G.value < 0 ? 0 : c.value.left + G.value,
+              x: c.value.left + U.value < 0 ? 0 : c.value.left + U.value,
               y: c.value.top,
               width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value),
               height: c.value.height < 0 ? 0 : c.value.height,
@@ -2071,10 +2091,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               f.value.useIndividualScale ? (n(), r(d, { key: 0 }, [
                 (n(!0), r(d, null, w(Sl.value, (e) => (n(), r("g", null, [
                   p("line", {
-                    x1: e.x + G.value - c.value.individualOffsetX,
-                    x2: e.x + G.value - c.value.individualOffsetX,
-                    y1: f.value.isStacked ? v(E)(c.value.bottom - e.yOffset - e.individualHeight) : v(E)(c.value.top),
-                    y2: f.value.isStacked ? v(E)(c.value.bottom - e.yOffset) : v(E)(c.value.bottom),
+                    x1: e.x + U.value - c.value.individualOffsetX,
+                    x2: e.x + U.value - c.value.individualOffsetX,
+                    y1: f.value.isStacked ? v(Y)(c.value.bottom - e.yOffset - e.individualHeight) : v(Y)(c.value.top),
+                    y2: f.value.isStacked ? v(Y)(c.value.bottom - e.yOffset) : v(Y)(c.value.bottom),
                     stroke: e.color,
                     "stroke-width": l.value.chart.grid.stroke,
                     "stroke-linecap": "round",
@@ -2088,16 +2108,16 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                     fill: e.color,
                     "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)`
+                    transform: `translate(${e.x - y.value.dataLabels * 0.8 / 2 + U.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 ? `-
                                     ${e.scaleLabel}` : ""), 9, mu),
                   (n(!0), r(d, null, w(e.yLabels, (u, a) => (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,
-                      x2: e.x + G.value - c.value.individualOffsetX,
-                      y1: v(E)(u.y),
-                      y2: v(E)(u.y),
+                      x1: e.x + 3 + U.value - l.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
+                      x2: e.x + U.value - c.value.individualOffsetX,
+                      y1: v(Y)(u.y),
+                      y2: v(Y)(u.y),
                       stroke: e.color,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
@@ -2105,15 +2125,15 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                     }, null, 8, bu)) : h("", !0)
                   ], 64))), 256)),
                   (n(!0), r(d, null, w(e.yLabels, (u, a) => (n(), r("text", {
-                    x: e.x - 5 + G.value - c.value.individualOffsetX,
-                    y: v(E)(u.y) + y.value.dataLabels / 3,
+                    x: e.x - 5 + U.value - c.value.individualOffsetX,
+                    y: v(Y)(u.y) + y.value.dataLabels / 3,
                     "font-size": y.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
                   }, te(v(se)(
                     l.value.chart.grid.labels.yAxis.formatter,
                     u.value,
-                    v(Ve)({
+                    v(Fe)({
                       p: u.prefix,
                       v: u.value,
                       s: u.suffix,
@@ -2125,18 +2145,18 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               ], 64)) : (n(!0), r(d, { key: 1 }, w(na.value, (e, u) => (n(), r("g", {
                 key: `yLabel_${u}`
               }, [
-                be(e) && e.value >= Le.value.min && e.value <= Le.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), r("line", {
+                be(e) && e.value >= Ae.value.min && e.value <= Ae.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), r("line", {
                   key: 0,
-                  x1: c.value.left + G.value,
-                  x2: c.value.left + G.value - l.value.chart.grid.labels.yAxis.crosshairSize,
-                  y1: v(E)(e.y),
-                  y2: v(E)(e.y),
+                  x1: c.value.left + U.value,
+                  x2: c.value.left + U.value - l.value.chart.grid.labels.yAxis.crosshairSize,
+                  y1: v(Y)(e.y),
+                  y2: v(Y)(e.y),
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, pu)) : h("", !0),
-                e.value >= Le.value.min && e.value <= Le.value.max ? (n(), r("text", {
+                e.value >= Ae.value.min && e.value <= Ae.value.max ? (n(), r("text", {
                   key: 1,
                   x: c.value.scaleLabelX - l.value.chart.grid.labels.yAxis.crosshairSize,
                   y: v(P)(e.y + y.value.dataLabels / 3),
@@ -2146,7 +2166,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 }, te(be(e.value) ? v(se)(
                   l.value.chart.grid.labels.yAxis.formatter,
                   e.value,
-                  v(Ve)({
+                  v(Fe)({
                     p: e.prefix,
                     v: e.value,
                     s: e.suffix,
@@ -2163,12 +2183,12 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r("g", {
                 key: `circle_plot_${u}_${i}`
               }, [
-                a && be(a.value) ? (n(), Ae(Ql, {
+                a && be(a.value) ? (n(), Te(Ql, {
                   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,
+                  color: l.value.plot.useGradient ? `url(#plotGradient_${u}_${E.value})` : l.value.plot.dot.useSerieColor ? e.color : l.value.plot.dot.fill,
                   plot: { x: v(P)(a.x), y: v(P)(a.y) },
-                  radius: _.value !== null && _.value === i || V.value !== null && V.value === i ? (Se.value.plot || 6) * 1.5 : Se.value.plot || 6,
+                  radius: _.value !== null && _.value === i || V.value !== null && V.value === i ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
                   stroke: l.value.plot.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.plot.dot.strokeWidth,
                   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`
@@ -2182,7 +2202,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   y: a.y + l.value.chart.comments.offsetY + 6
                 }, [
                   p("div", _u, [
-                    W(t.$slots, "plot-comment", {
+                    B(t.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: i }
                     }, void 0, !0)
                   ])
@@ -2215,9 +2235,9 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               }, null, 12, Su)) : h("", !0)
             ], 6))), 128)),
             t.$slots.pattern ? (n(), r("defs", $u, [
-              (n(!0), r(d, null, w(Fe.value, (e, u) => W(t.$slots, "pattern", tl({
+              (n(!0), r(d, null, w(Be.value, (e, u) => B(t.$slots, "pattern", tl({
                 key: `serie_pattern_slot_${e.id}`
-              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${D.value}_${u}` }), void 0, !0)), 128))
+              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${E.value}_${u}` }), void 0, !0)), 128))
             ])) : h("", !0),
             va.value.length && !f.value.isStacked ? (n(), r("g", Lu, [
               (n(!0), r(d, null, w(va.value, (e) => (n(), r("path", {
@@ -2240,26 +2260,26 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   a ? (n(), r("path", {
                     key: 0,
                     d: a,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${D.value})` : v(Ce)(e.color, l.value.line.area.opacity),
+                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${E.value})` : v(ze)(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, Cu)) : h("", !0),
                   t.$slots.pattern && a ? (n(), r("path", {
                     key: 1,
                     d: a,
-                    fill: `url(#pattern_${D.value}_${e.slotAbsoluteIndex})`,
+                    fill: `url(#pattern_${E.value}_${e.slotAbsoluteIndex})`,
                     style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Tu)) : 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", {
                     key: 0,
                     d: `M${a}Z`,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${D.value})` : v(Ce)(e.color, l.value.line.area.opacity),
+                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${E.value})` : v(ze)(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, zu)) : h("", !0),
                   t.$slots.pattern && a ? (n(), r("path", {
                     key: 1,
                     d: `M${a}Z`,
-                    fill: `url(#pattern_${D.value}_${e.slotAbsoluteIndex})`,
+                    fill: `url(#pattern_${E.value}_${e.slotAbsoluteIndex})`,
                     style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Iu)) : h("", !0)
                 ], 64))), 128))
@@ -2287,12 +2307,12 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
                 key: `circle_line_${u}_${i}`
               }, [
-                !ua.value.linePlot && a && be(a.value) || ua.value.linePlot && a && be(a.value) && (_.value !== null && _.value === i || V.value !== null && V.value === i) || ca(e.plots, i) ? (n(), Ae(Ql, {
+                !ua.value.linePlot && a && be(a.value) || ua.value.linePlot && a && be(a.value) && (_.value !== null && _.value === i || V.value !== null && V.value === i) || ca(e.plots, i) ? (n(), Te(Ql, {
                   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,
+                  color: l.value.line.useGradient ? `url(#lineGradient_${u}_${E.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 ? (Se.value.line || 6) * 1.5 : (ca(e.plots, i), Se.value.line || 6),
+                  radius: _.value !== null && _.value === i || V.value !== null && V.value === i ? (Le.value.line || 6) * 1.5 : (ca(e.plots, i), Le.value.line || 6),
                   stroke: l.value.line.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.line.dot.strokeWidth,
                   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`
@@ -2306,7 +2326,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   y: a.y + l.value.chart.comments.offsetY + 6
                 }, [
                   p("div", Pu, [
-                    W(t.$slots, "plot-comment", {
+                    B(t.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: i }
                     }, void 0, !0)
                   ])
@@ -2314,7 +2334,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               ], 64))), 128))
             ], 6))), 128)),
             (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (n(), r("g", Fu, [
-              (n(!0), r(d, null, w(Me.value, (e, u) => (n(), r(d, {
+              (n(!0), r(d, null, w(Ce.value, (e, u) => (n(), r(d, {
                 key: `xLabel_bar_${e.id}`
               }, [
                 (n(!0), r(d, null, w(e.plots, (a, i) => (n(), r(d, {
@@ -2322,7 +2342,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 }, [
                   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", {
                     key: 0,
-                    x: f.value.useIndividualScale && f.value.isStacked ? a.x + q.value.line / 2 : Hl(a) + He() / 2 - Yl.value / 2,
+                    x: f.value.useIndividualScale && f.value.isStacked ? a.x + Z.value.line / 2 : Hl(a) + Ee() / 2 - Yl.value / 2,
                     y: v(P)(a.y) + (a.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
@@ -2331,7 +2351,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   }, te(be(a.value) ? v(se)(
                     l.value.bar.labels.formatter,
                     a.value,
-                    v(Ve)({
+                    v(Fe)({
                       p: e.prefix || l.value.chart.labels.prefix,
                       v: a.value,
                       s: e.suffix || l.value.chart.labels.suffix,
@@ -2344,7 +2364,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   ) : ""), 13, Ru)) : h("", !0),
                   a && 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,
+                    x: f.value.useIndividualScale && f.value.isStacked ? a.x + Z.value.line / 2 : a.x + Ee() * 1.1,
                     y: a.y + (a.value > 0 ? l.value.bar.serieName.offsetY : -l.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
@@ -2376,7 +2396,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   }, te(be(a.value) ? v(se)(
                     l.value.plot.labels.formatter,
                     a.value,
-                    v(Ve)({
+                    v(Fe)({
                       p: e.prefix || l.value.chart.labels.prefix,
                       v: a.value,
                       s: e.suffix || l.value.chart.labels.suffix,
@@ -2419,7 +2439,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                       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(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.plot.tag.formatter,
                           a.value,
@@ -2441,7 +2461,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                       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(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.plot.tag.formatter,
                           a.value,
@@ -2476,7 +2496,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   }, te(be(a.value) ? v(se)(
                     l.value.line.labels.formatter,
                     a.value,
-                    v(Ve)({
+                    v(Fe)({
                       p: e.prefix || l.value.chart.labels.prefix,
                       v: a.value,
                       s: e.suffix || l.value.chart.labels.suffix,
@@ -2519,7 +2539,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                       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(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.line.tag.formatter,
                           a.value,
@@ -2541,7 +2561,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                       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(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.line.tag.formatter,
                           a.value,
@@ -2642,10 +2662,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 }, null, 12, si)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (n(!0), r(d, null, w([...xe.value, ...ae.value, ...Me.value], (e, u) => (n(), r(d, {
+            (n(!0), r(d, null, w([...xe.value, ...ae.value, ...Ce.value], (e, u) => (n(), r(d, {
               key: `progression-${u}`
             }, [
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(we)(e.plots).trend) ? (n(), r("g", ui, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v($e)(e.plots).trend) ? (n(), r("g", ui, [
                 p("defs", null, [
                   p("marker", {
                     id: `progression_arrow_${u}`,
@@ -2669,10 +2689,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 ]),
                 e.plots.length > 1 ? (n(), r("line", {
                   key: 0,
-                  x1: v(we)(e.plots).x1 + (e.type === "bar" ? He() : 0),
-                  x2: v(we)(e.plots).x2 + (e.type === "bar" ? He() : 0),
-                  y1: v(E)(v(we)(e.plots).y1),
-                  y2: v(E)(v(we)(e.plots).y2),
+                  x1: v($e)(e.plots).x1 + (e.type === "bar" ? Ee() : 0),
+                  x2: v($e)(e.plots).x2 + (e.type === "bar" ? Ee() : 0),
+                  y1: v(Y)(v($e)(e.plots).y1),
+                  y2: v(Y)(v($e)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: l.value.chart.backgroundColor,
                   "stroke-dasharray": 2,
@@ -2682,10 +2702,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 }, null, 8, ri)) : h("", !0),
                 e.plots.length > 1 ? (n(), r("line", {
                   key: 1,
-                  x1: v(we)(e.plots).x1 + (e.type === "bar" ? He() : 0),
-                  x2: v(we)(e.plots).x2 + (e.type === "bar" ? He() : 0),
-                  y1: v(E)(v(we)(e.plots).y1),
-                  y2: v(E)(v(we)(e.plots).y2),
+                  x1: v($e)(e.plots).x1 + (e.type === "bar" ? Ee() : 0),
+                  x2: v($e)(e.plots).x2 + (e.type === "bar" ? Ee() : 0),
+                  y1: v(Y)(v($e)(e.plots).y1),
+                  y2: v(Y)(v($e)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
@@ -2696,8 +2716,8 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 e.plots.length > 1 ? (n(), r("text", {
                   key: 2,
                   "text-anchor": "middle",
-                  x: v(we)(e.plots).x2 + (e.type === "bar" ? He() : 0),
-                  y: v(we)(e.plots).y2 - 12,
+                  x: v($e)(e.plots).x2 + (e.type === "bar" ? Ee() : 0),
+                  y: v($e)(e.plots).y2 - 12,
                   "font-size": y.value.plotLabels,
                   fill: e.color,
                   stroke: l.value.chart.backgroundColor,
@@ -2705,8 +2725,8 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "paint-order": "stroke fill"
-                }, te(v(Ve)({
-                  v: v(we)(e.plots).trend * 100,
+                }, te(v(Fe)({
+                  v: v($e)(e.plots).trend * 100,
                   s: "%",
                   r: 2
                 })), 9, vi)) : h("", !0)
@@ -2715,7 +2735,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
             f.value.useIndividualScale && !f.value.isStacked ? (n(), r(d, { key: 13 }, [
               p("defs", null, [
                 (n(!0), r(d, null, w(Sl.value, (e, u) => (n(), r("linearGradient", {
-                  id: `individual_scale_gradient_${D.value}_${u}`,
+                  id: `individual_scale_gradient_${E.value}_${u}`,
                   x1: "0%",
                   x2: "100%",
                   y1: "0%",
@@ -2734,11 +2754,11 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 ], 8, di))), 256))
               ]),
               (n(!0), r(d, null, w(Sl.value, (e, u) => (n(), r("rect", {
-                x: e.x - l.value.chart.grid.labels.yAxis.labelWidth + G.value - c.value.individualOffsetX,
+                x: e.x - l.value.chart.grid.labels.yAxis.labelWidth + U.value - c.value.individualOffsetX,
                 y: c.value.top,
                 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",
+                fill: I.value === e.groupId ? `url(#individual_scale_gradient_${E.value}_${u})` : "transparent",
                 onMouseenter: (a) => I.value = e.groupId,
                 onMouseleave: s[0] || (s[0] = (a) => I.value = null)
               }, null, 40, gi))), 256))
@@ -2770,7 +2790,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               ref_key: "timeLabelsEls",
               ref: ul
             }, [
-              t.$slots["time-label"] ? (n(!0), r(d, { key: 0 }, w(mt.value, (e, u) => W(t.$slots, "time-label", tl({
+              t.$slots["time-label"] ? (n(!0), r(d, { key: 0 }, w(mt.value, (e, u) => B(t.$slots, "time-label", tl({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -2855,7 +2875,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                   x: e.x1,
                   width: c.value.width,
                   height: v(P)(e.areaHeight, 0),
-                  fill: v(Ce)(e.config.area.fill, e.config.area.opacity),
+                  fill: v(ze)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
                 }, null, 8, wi)) : h("", !0),
                 e.config.label.text && e.show && isFinite(e._box.y) ? (n(), r("rect", tl({
@@ -2902,17 +2922,17 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
             "data-start": m.value.start,
             "data-end": m.value.end
           }), null, 16, Ci)) : h("", !0),
-          W(t.$slots, "svg", {
+          B(t.$slots, "svg", {
             svg: {
               ...to.value,
-              data: [...ae.value, ...Me.value, ...xe.value],
+              data: [...ae.value, ...Ce.value, ...xe.value],
               drawingArea: c.value
             }
           }, void 0, !0)
         ], 512)
       ], 46, Ms)),
       t.$slots.watermark ? (n(), r("div", Ti, [
-        W(t.$slots, "watermark", We(Xe({ isPrinting: v(dt) || v(Bt) })), void 0, !0)
+        B(t.$slots, "watermark", ke(_e({ isPrinting: v(dt) || v(Bt) })), void 0, !0)
       ])) : h("", !0),
       (n(!0), r(d, null, w(ae.value, (e, u) => (n(), r(d, {
         key: `tag_line_${e.id}`
@@ -2932,14 +2952,14 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 svgElement: ue.value,
                 x: c.value.right + l.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_right_line`],
+                element: Re.value[`${u}_${i}_right_line`],
                 position: "right"
               }).top + "px",
               left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.right + l.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_right_line`],
+                element: Re.value[`${u}_${i}_right_line`],
                 position: "right"
               }).left + "px",
               height: "fit-content",
@@ -2984,14 +3004,14 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 svgElement: ue.value,
                 x: c.value.left - l.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_left_line`],
+                element: Re.value[`${u}_${i}_left_line`],
                 position: "left"
               }).top + "px",
               left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.left - l.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_left_line`],
+                element: Re.value[`${u}_${i}_left_line`],
                 position: "left"
               }).left + "px",
               height: "fit-content",
@@ -3044,14 +3064,14 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 svgElement: ue.value,
                 x: c.value.right + l.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_right_plot`],
+                element: Re.value[`${u}_${i}_right_plot`],
                 position: "right"
               }).top + "px",
               left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.right + l.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_right_plot`],
+                element: Re.value[`${u}_${i}_right_plot`],
                 position: "right"
               }).left + "px",
               height: "fit-content",
@@ -3096,14 +3116,14 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 svgElement: ue.value,
                 x: c.value.left - l.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_left_plot`],
+                element: Re.value[`${u}_${i}_left_plot`],
                 position: "left"
               }).top + "px",
               left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.left - l.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: Pe.value[`${u}_${i}_left_plot`],
+                element: Re.value[`${u}_${i}_left_plot`],
                 position: "left"
               }).left + "px",
               height: "fit-content",
@@ -3138,10 +3158,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      l.value.chart.zoom.show && Ie.value > 6 && ct.value && Jt.value ? (n(), Ae(_s, {
+      l.value.chart.zoom.show && Ne.value > 6 && ct.value && Jt.value ? (n(), Te(_s, {
         key: 5,
         ref_key: "chartSlicer",
-        ref: ze,
+        ref: Oe,
         allMinimaps: Io.value,
         background: l.value.chart.zoom.color,
         borderColor: l.value.chart.backgroundColor,
@@ -3159,7 +3179,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         isPreview: Ft.value,
         labelLeft: de.value[0] ? de.value[0].text : "",
         labelRight: de.value.at(-1) ? de.value.at(-1).text : "",
-        max: Ie.value,
+        max: Ne.value,
         min: 0,
         minimap: zo.value,
         minimapCompact: l.value.chart.zoom.minimap.compact,
@@ -3172,7 +3192,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         minimapSelectedIndex: _.value,
         minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
         preciseLabels: ha.value.length ? ha.value : gt.value,
-        refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...jl.dataset.map((e) => Be(e.series).length)),
+        refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...jl.dataset.map((e) => De(e.series).length)),
         refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
         selectColor: l.value.chart.zoom.highlightColor,
         selectedSeries: je.value,
@@ -3191,17 +3211,17 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         "onUpdate:end": xo,
         "onUpdate:start": bo
       }, {
-        "reset-action": j(({ reset: e }) => [
-          W(t.$slots, "reset-action", We(Xe({ reset: e })), void 0, !0)
+        "reset-action": G(({ reset: e }) => [
+          B(t.$slots, "reset-action", ke(_e({ 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}`
+        id: `legend-bottom-${E.value}`
       }, null, 8, Yi),
-      Ot.value ? (n(), Ae(qo, {
+      Ot.value ? (n(), Te(qo, {
         key: 6,
-        to: l.value.chart.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
+        to: l.value.chart.legend.position === "top" ? `#legend-top-${E.value}` : `#legend-bottom-${E.value}`
       }, [
         l.value.chart.legend.show ? (n(), r("div", {
           key: 0,
@@ -3215,7 +3235,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           (n(!0), r(d, null, w(me.value, (e, u) => (n(), r("div", {
             key: `div_legend_item_${u}`,
             onClick: (a) => El(e),
-            class: ll({ "vue-ui-xy-legend-item-alone": me.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": Z.value.includes(e.id) })
+            class: ll({ "vue-ui-xy-legend-item-alone": me.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", Xi, [
               p("rect", {
@@ -3255,7 +3275,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 height: "32",
                 width: "32",
                 stroke: "none",
-                fill: t.$slots.pattern ? `url(#pattern_${D.value}_${e.slotAbsoluteIndex})` : e.color
+                fill: t.$slots.pattern ? `url(#pattern_${E.value}_${e.slotAbsoluteIndex})` : e.color
               }, null, 8, Zi)) : h("", !0)
             ])) : (n(), r("svg", Ji, [
               vl(Ql, {
@@ -3274,7 +3294,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           ref_key: "chartLegend",
           ref: sl
         }, [
-          W(t.$slots, "legend", { legend: me.value }, void 0, !0)
+          B(t.$slots, "legend", { legend: me.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : h("", !0),
       t.$slots.source ? (n(), r("div", {
@@ -3283,7 +3303,7 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         ref: gl,
         dir: "auto"
       }, [
-        W(t.$slots, "source", {}, void 0, !0)
+        B(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       vl(v(Ga), {
         show: f.value.showTooltip && At.value,
@@ -3305,20 +3325,20 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
         smoothForce: l.value.chart.tooltip.smoothForce,
         smoothSnapThreshold: l.value.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": j(() => [
-          W(t.$slots, "tooltip-before", We(Xe({ ...da.value })), void 0, !0)
+        "tooltip-before": G(() => [
+          B(t.$slots, "tooltip-before", ke(_e({ ...da.value })), void 0, !0)
         ]),
-        "tooltip-after": j(() => [
-          W(t.$slots, "tooltip-after", We(Xe({ ...da.value })), void 0, !0)
+        "tooltip-after": G(() => [
+          B(t.$slots, "tooltip-after", ke(_e({ ...da.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ct.value && l.value.chart.userOptions.buttons.table ? (n(), Ae(Zo($l.value.component), tl({ key: 8 }, $l.value.props, {
+      ct.value && l.value.chart.userOptions.buttons.table ? (n(), Te(Zo($l.value.component), tl({ key: 8 }, $l.value.props, {
         ref_key: "tableUnit",
         ref: il,
         onClose: $a
       }), Ca({
-        content: j(() => [
+        content: G(() => [
           p("div", {
             style: $(`${v(dt) || 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"}`)
           }, [
@@ -3340,11 +3360,11 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
                 }, null, 8, ["stroke"])
               ])
             ]),
-            pl.value ? (n(), Ae(v(qa), {
+            pl.value ? (n(), Te(v(qa), {
               key: `sparkline_${ut.value}`,
               dataset: Ao.value,
               config: Co.value
-            }, null, 8, ["dataset", "config"])) : (n(), Ae(v(Xa), {
+            }, null, 8, ["dataset", "config"])) : (n(), Te(v(Xa), {
               key: `table_${Tt.value}`,
               colNames: Gl.value.colNames,
               head: Gl.value.head,
@@ -3354,11 +3374,11 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
               withCloseButton: !l.value.table.useDialog,
               onClose: $a
             }, {
-              th: j(({ th: e }) => [
+              th: G(({ th: e }) => [
                 p("div", { innerHTML: e }, null, 8, Qi)
               ]),
-              td: j(({ td: e }) => [
-                Ta(te(isNaN(Number(e)) ? e : v(Ve)({
+              td: G(({ td: e }) => [
+                Ta(te(isNaN(Number(e)) ? e : v(Fe)({
                   p: l.value.chart.labels.prefix,
                   v: e,
                   s: l.value.chart.labels.suffix,
@@ -3373,14 +3393,14 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
       }, [
         l.value.table.useDialog ? {
           name: "title",
-          fn: j(() => [
+          fn: G(() => [
             Ta(te($l.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         l.value.table.useDialog ? {
           name: "actions",
-          fn: j(() => [
+          fn: G(() => [
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -3395,10 +3415,10 @@ const $s = ["id"], Ls = ["id"], Ms = ["viewBox", "aria-label"], As = ["x", "y",
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      v(ie) ? (n(), Ae(fs, { key: 9 })) : h("", !0)
+      v(ie) ? (n(), Te(fs, { key: 9 })) : h("", !0)
     ], 46, $s));
   }
-}, bn = /* @__PURE__ */ Ss(ji, [["__scopeId", "data-v-76bab46a"]]);
+}, bn = /* @__PURE__ */ Ss(ji, [["__scopeId", "data-v-71b071f4"]]);
 export {
   bn as default
 };