vue-data-ui 3.0.17 → 3.0.18

package/dist/{vue-ui-xy-Dr406GVq.js → vue-ui-xy-D3BEh4Ts.js}

@@ -1,16 +1,16 @@
-import { useCssVars as Ao, computed as x, ref as b, onMounted as tl, onBeforeUnmount as ll, watch as vt, nextTick as Et, onUpdated as zo, createElementBlock as r, openBlock as s, createElementVNode as y, createCommentVNode as f, renderSlot as j, normalizeStyle as $, createVNode as el, withDirectives as aa, unref as v, Fragment as g, renderList as C, normalizeClass as Ee, withKeys as Ea, vModelText as Wa, toDisplayString as ne, defineAsyncComponent as St, useSlots as Io, getCurrentInstance as To, toRefs as No, watchEffect as Da, createBlock as Ue, createSlots as Ro, withCtx as ye, normalizeProps as _t, guardReactiveProps as $t, mergeProps as Rl, Teleport as Po, vModelCheckbox as Oo, createTextVNode as Fo } from "vue";
-import { c as Hl, V as Bl, U as El, y as Vl, X as Ho, F as tt, u as Vo, f as ea, t as Bo, d as Eo, D as pl, ac as Vt, e as Wo, p as Do, ad as Pl, a9 as q, a4 as ta, ae as Xo, h as D, af as Xa, ag as Ya, ah as Yo, ai as Ga, aj as Ua, k as Le, ak as Go, z as Uo, _ as qa, R as ct, i as qe, x as Bt, s as et, a7 as te, L as qo, al as Ol, I as Zo, am as Lt, C as Ze, a as Ko, b as Jo, o as Za, v as Qo, w as jo, E as jt } from "./index-FPxvoief.js";
+import { useCssVars as Ao, computed as x, ref as p, onMounted as tl, onBeforeUnmount as ll, watch as vt, nextTick as Et, onUpdated as zo, createElementBlock as r, openBlock as s, createElementVNode as y, createCommentVNode as f, renderSlot as j, normalizeStyle as $, createVNode as el, withDirectives as aa, unref as v, Fragment as g, renderList as C, normalizeClass as Ee, withKeys as Ea, vModelText as Da, toDisplayString as ne, defineAsyncComponent as St, useSlots as Io, getCurrentInstance as To, toRefs as No, watchEffect as Wa, createBlock as Ue, createSlots as Ro, withCtx as ye, normalizeProps as _t, guardReactiveProps as $t, mergeProps as Rl, Teleport as Po, vModelCheckbox as Oo, createTextVNode as Fo } from "vue";
+import { c as Hl, V as Bl, U as El, y as Vl, X as Ho, F as tt, u as Vo, f as ea, t as Bo, d as Eo, D as pl, ac as Vt, e as Do, p as Wo, ad as Pl, a9 as q, a4 as ta, ae as Xo, h as W, af as Xa, ag as Ya, ah as Yo, ai as Ga, aj as Ua, k as Le, ak as Go, z as Uo, _ as qa, R as ct, i as qe, x as Bt, s as et, a7 as te, L as qo, al as Ol, I as Zo, am as Lt, C as Ze, a as Ko, b as Jo, o as Za, v as Qo, w as jo, E as jt } from "./index-DJSyeunB.js";
 import { t as oa, u as en } from "./useResponsive-DfdjqQps.js";
-import { u as tn } from "./usePrinter-M0JhvX8r.js";
+import { u as tn } from "./usePrinter-CbqromOy.js";
 import { u as ln, B as an } from "./useLoading-D7YHNtLX.js";
-import { u as la } from "./useNestedProp-DzVMdkPE.js";
+import { u as la } from "./useNestedProp-CRd5Y8D5.js";
 import { u as Ka, a as on, l as nn } from "./useTimeLabels-4la0yDx0.js";
 import { u as un } from "./useTimeLabelCollider-CIsgDrl9.js";
-import sn from "./img-CUZp-9tT.js";
-import rn from "./Title-D_WUff_Y.js";
-import { S as cn } from "./Slicer-D6stZJ6_.js";
-import { _ as Fl } from "./Shape-Dn4xCkhb.js";
-import vn from "./BaseIcon-xyB9D1pA.js";
+import sn from "./img-ZcIvlri1.js";
+import rn from "./Title-Cg1YYB1O.js";
+import { S as cn } from "./Slicer-CuQsQK2M.js";
+import { _ as Fl } from "./Shape-BDZG6rn4.js";
+import vn from "./BaseIcon-CZRMSu7L.js";
 import { _ as Ja } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dn = {
   class: "vue-data-ui-slicer-labels",
@@ -22,7 +22,7 @@ const dn = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, mn = ["xmlns", "viewBox"], gn = ["id"], xn = ["stop-color"], bn = ["d", "stroke"], pn = ["x", "width", "height", "fill", "rx"], yn = ["d", "fill"], kn = ["x", "width", "height", "rx", "fill"], wn = ["x", "width", "height", "fill", "rx"], Sn = ["d", "fill"], _n = ["d", "stroke"], $n = ["cx", "cy", "stroke", "fill"], Ln = ["cx", "cy", "stroke", "fill"], Mn = ["x1", "x2", "y2", "stroke"], Cn = ["x", "height", "width", "onMouseenter"], An = ["min", "max"], zn = ["min", "max"], In = {
+}, mn = ["xmlns", "viewBox"], gn = ["id"], bn = ["stop-color"], xn = ["d", "stroke"], pn = ["x", "width", "height", "fill", "rx"], yn = ["d", "fill"], kn = ["x", "width", "height", "rx", "fill"], wn = ["x", "width", "height", "fill", "rx"], Sn = ["d", "fill"], _n = ["d", "stroke"], $n = ["cx", "cy", "stroke", "fill"], Ln = ["cx", "cy", "stroke", "fill"], Mn = ["x1", "x2", "y2", "stroke"], Cn = ["x", "height", "width", "onMouseenter"], An = ["min", "max"], zn = ["min", "max"], In = {
   __name: "SlicerPreview",
   props: {
     background: {
@@ -154,21 +154,21 @@ const dn = {
     }
   },
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
-  setup(N, { expose: Wl, emit: Dl }) {
+  setup(N, { expose: Dl, emit: Wl }) {
     Ao((m) => ({
       ef4890c2: Ct.value,
-      20514013: De.value,
+      20514013: We.value,
       "6d4a3344": Xl.value,
       "00868143": N.selectColor,
       62429251: At.value
     }));
-    const d = N, We = b(null), ve = b(d.min), de = b(d.max), Mt = x(() => !!d.minimap.length), al = b(Hl()), Wt = b(!1), Dt = b(0), pt = x({
+    const d = N, De = p(null), ve = p(d.min), de = p(d.max), Mt = x(() => !!d.minimap.length), al = p(Hl()), Dt = p(!1), Wt = p(0), pt = x({
       get() {
         return ve.value;
       },
       set(m) {
         const h = Math.min(m, de.value - 1);
-        ve.value = h, Z.value && (Z.value.value = String(h)), be("futureStart", h);
+        ve.value = h, Z.value && (Z.value.value = String(h)), xe("futureStart", h);
       }
     }), lt = x({
       get() {
@@ -176,12 +176,12 @@ const dn = {
       },
       set(m) {
         const h = Math.max(m, ve.value + 1);
-        de.value = h, Gt.value && (Gt.value.value = String(h)), be("futureEnd", h);
+        de.value = h, Gt.value && (Gt.value.value = String(h)), xe("futureEnd", h);
       }
     });
     tl(() => {
       const m = () => {
-        We.value && (Dt.value = We.value.getBoundingClientRect().width);
+        De.value && (Wt.value = De.value.getBoundingClientRect().width);
       };
       m();
       const h = oa(m, 50);
@@ -191,10 +191,10 @@ const dn = {
     });
     let ol = null;
     function Ke() {
-      clearTimeout(ol), be("update:start", Number(ve.value)), be("update:end", Number(de.value)), Wt.value = !1;
+      clearTimeout(ol), xe("update:start", Number(ve.value)), xe("update:end", Number(de.value)), Dt.value = !1;
     }
-    const nl = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), be = Dl, ke = x(() => {
-      const m = d.max - d.min, h = (ve.value - d.min) / m * 100, w = (de.value - d.min) / m * 100, Y = (h + w) / 2, Ce = at.value ? `calc(${Y}% - ${p.value.width}px)` : Oe.value ? `calc(${Y}%)` : `calc(${Y}% - ${p.value.width / 2}px)`;
+    const nl = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), xe = Wl, ke = x(() => {
+      const m = d.max - d.min, h = (ve.value - d.min) / m * 100, w = (de.value - d.min) / m * 100, Y = (h + w) / 2, Ce = at.value ? `calc(${Y}% - ${b.value.width}px)` : Oe.value ? `calc(${Y}%)` : `calc(${Y}% - ${b.value.width / 2}px)`;
       return {
         left: `${h}%`,
         width: `${w - h}%`,
@@ -205,14 +205,14 @@ const dn = {
         arrowLeft: !Oe.value,
         arrowRight: !at.value
       };
-    }), Oe = x(() => We.value ? We.value.getBoundingClientRect().width * ((ve.value - d.min) / (d.max - d.min)) - mt.value / 2 < 0 : !1), at = x(() => We.value ? We.value.getBoundingClientRect().width * ((de.value - d.min) / (d.max - d.min)) + se.value / 2 > We.value.getBoundingClientRect().width : !1), Ct = x(() => d.inputColor), At = x(() => d.background), Xl = x(() => `${d.selectColor}33`), De = x(() => d.borderColor), Xt = x(() => {
+    }), Oe = x(() => De.value ? De.value.getBoundingClientRect().width * ((ve.value - d.min) / (d.max - d.min)) - mt.value / 2 < 0 : !1), at = x(() => De.value ? De.value.getBoundingClientRect().width * ((de.value - d.min) / (d.max - d.min)) + se.value / 2 > De.value.getBoundingClientRect().width : !1), Ct = x(() => d.inputColor), At = x(() => d.background), Xl = x(() => `${d.selectColor}33`), We = x(() => d.borderColor), Xt = x(() => {
       let m = [];
       for (let h = 0; h < d.minimap.length; h += 1)
         m.push(h);
       return m;
     });
     function dt() {
-      be("reset");
+      xe("reset");
     }
     vt(
       () => d.min,
@@ -225,10 +225,10 @@ const dn = {
         Number(ve.value) > Number(m) && (ve.value = Number(m)), Number(de.value) > Number(m) && (de.value = Number(m));
       }
     );
-    const zt = b(null), K = b({
+    const zt = p(null), K = p({
       width: 1,
       height: 1
-    }), ot = b(null);
+    }), ot = p(null);
     tl(() => {
       if (Mt.value) {
         const m = oa(() => {
@@ -270,7 +270,7 @@ const dn = {
         x: ie.value * m + ie.value / 2,
         width: ie.value * (h - m) - ie.value
       };
-    }), ht = b(d.minimapSelectedIndex);
+    }), ht = p(d.minimapSelectedIndex);
     vt(() => d.minimapSelectedIndex, (m) => {
       if ([null, void 0].includes(m)) {
         ht.value = null;
@@ -281,9 +281,9 @@ const dn = {
     function ft(m) {
       ht.value = m;
       const h = nt.value, w = It.value;
-      m >= h && m < w && be("trapMouse", m - h);
+      m >= h && m < w && xe("trapMouse", m - h);
     }
-    const he = b(0), Z = b(null), Gt = b(null);
+    const he = p(0), Z = p(null), Gt = p(null);
     function il(m) {
       if (typeof m == "object" && m && "target" in m) {
         const w = m.target, Y = "valueAsNumber" in w ? w.valueAsNumber : +w.value;
@@ -293,19 +293,19 @@ const dn = {
       return Number.isFinite(h) ? h : NaN;
     }
     function sl(m) {
-      Wt.value = !0;
+      Dt.value = !0;
       const h = il(m);
       Number.isFinite(h) && (pt.value = h);
     }
     function yt(m) {
-      Wt.value = !0;
+      Dt.value = !0;
       const h = il(m);
       Number.isFinite(h) && (lt.value = h);
     }
-    const Tt = x(() => d.valueEnd - d.valueStart), F = b(!1);
-    let Ut = b(null);
-    const rl = x(() => (Dt.value - 48) / (d.max - d.min)), qt = x(() => (Dt.value - 48) / (d.max - d.min) * Tt.value), Me = b(2.5), Xe = x(() => {
-      const m = Dt.value - 48;
+    const Tt = x(() => d.valueEnd - d.valueStart), F = p(!1);
+    let Ut = p(null);
+    const rl = x(() => (Wt.value - 48) / (d.max - d.min)), qt = x(() => (Wt.value - 48) / (d.max - d.min) * Tt.value), Me = p(2.5), Xe = x(() => {
+      const m = Wt.value - 48;
       return Math.ceil(
         (d.max - d.min) / ((m - qt.value) / Me.value)
       );
@@ -320,9 +320,9 @@ const dn = {
       F.value && k(m.clientX);
     }
     function yl(m) {
-      if (!F.value || !We.value) return;
+      if (!F.value || !De.value) return;
       const h = m.target;
-      if (!(h instanceof Element) || !We.value.contains(h) || h.classList && h.classList.contains("range-handle")) return;
+      if (!(h instanceof Element) || !De.value.contains(h) || h.classList && h.classList.contains("range-handle")) return;
       m.preventDefault();
       const w = m.targetTouches && m.targetTouches[0] ? m.targetTouches[0] : null;
       w && k(w.clientX);
@@ -350,30 +350,30 @@ const dn = {
     function Ie() {
       F.value = !1, Fe && S && window.removeEventListener(Fe, S), Je && ut && window.removeEventListener(Je, ut), Fe = Je = null, S = ut = null, Ke();
     }
-    const it = b(!1), st = b(null), t = b(null), mt = b(1), se = b(1), re = b(!1);
+    const it = p(!1), st = p(null), t = p(null), mt = p(1), se = p(1), re = p(!1);
     function Nt() {
       st.value && (mt.value = st.value.getBoundingClientRect().width);
     }
     function kl() {
       t.value && (se.value = t.value.getBoundingClientRect().width);
     }
-    const wl = b(0);
+    const wl = p(0);
     function Ye(m) {
       wl.value = m === "start" ? 1 : 0;
     }
-    const xe = b(!1), p = b({
+    const be = p(!1), b = p({
       width: 0,
       left: 0
     });
     vt([ve, de], async () => {
       if (await Et(), !st.value || !t.value) {
-        xe.value = !1, p.value = { width: 0, left: 0 };
+        be.value = !1, b.value = { width: 0, left: 0 };
         return;
       }
       const m = st.value.getBoundingClientRect(), h = t.value.getBoundingClientRect();
-      xe.value = m.x + m.width > h.x;
+      be.value = m.x + m.width > h.x;
       const w = m.x + m.width / 2, Y = h.x + h.width / 2, Ce = m.width + h.width, Rt = (w + Y) / 2;
-      p.value = {
+      b.value = {
         width: Ce,
         left: Rt - Ce / 2
       };
@@ -384,7 +384,7 @@ const dn = {
     }, { deep: !0 }), vt(() => d.labelRight, () => {
       Et(kl);
     }, { deep: !0 });
-    const Te = b(!1), ce = x(() => {
+    const Te = p(!1), ce = x(() => {
       let m = { text: "" }, h = { text: "" };
       if (Te.value = !1, Vl(d.customFormat))
         try {
@@ -408,7 +408,7 @@ const dn = {
     });
     return ll(() => {
       ot.value && ot.value.disconnect(), Fe && S && window.removeEventListener(Fe, S), Je && ut && window.removeEventListener(Je, ut), Fe = Je = null, S = ut = null, clearTimeout(ol);
-    }), Wl({
+    }), Dl({
       setStartValue: sl,
       setEndValue: yt
     }), (m, h) => (s(), r("div", {
@@ -416,7 +416,7 @@ const dn = {
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
-      ref: We,
+      ref: De,
       onMousedown: cl,
       onTouchstart: cl
     }, [
@@ -467,7 +467,7 @@ const dn = {
                 y("stop", {
                   offset: "0%",
                   "stop-color": `${N.minimapLineColor}50`
-                }, null, 8, xn),
+                }, null, 8, bn),
                 h[15] || (h[15] = y("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
@@ -482,13 +482,13 @@ const dn = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "1" }
-            }, null, 8, bn),
+            }, null, 8, xn),
             y("rect", {
               x: Se.value.x,
               width: Se.value.width < 0 ? 0 : Se.value.width,
               height: Math.max(K.value.height, 0),
               y: 0,
-              fill: De.value,
+              fill: We.value,
               rx: N.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, pn),
@@ -504,9 +504,9 @@ const dn = {
               height: Math.max(K.value.height, 0),
               y: 0,
               rx: N.minimapSelectionRadius,
-              fill: De.value,
+              fill: We.value,
               style: $({
-                opacity: F.value || Wt.value ? 0 : 1
+                opacity: F.value || Dt.value ? 0 : 1
               })
             }, null, 12, kn),
             y("rect", {
@@ -538,7 +538,7 @@ const dn = {
               cx: we.value.firstPlot.x,
               cy: we.value.firstPlot.y,
               "stroke-width": "0.5",
-              stroke: De.value,
+              stroke: We.value,
               r: "3",
               fill: N.minimapLineColor
             }, null, 8, $n),
@@ -546,7 +546,7 @@ const dn = {
               cx: we.value.lastPlot.x,
               cy: we.value.lastPlot.y,
               "stroke-width": "0.5",
-              stroke: De.value,
+              stroke: We.value,
               r: "3",
               fill: N.minimapLineColor
             }, null, 8, Ln),
@@ -576,7 +576,7 @@ const dn = {
               onMouseup: h[1] || (h[1] = (Ce) => it.value = !1),
               onMouseenter: (Ce) => ft(w),
               onMouseleave: h[2] || (h[2] = (Ce) => {
-                ht.value = null, be("trapMouse", null);
+                ht.value = null, xe("trapMouse", null);
               })
             }, null, 44, Cn))), 256))
           ], 8, mn))
@@ -612,7 +612,7 @@ const dn = {
           onPointerup: Ke
         }, null, 42, An)), [
           [
-            Wa,
+            Da,
             pt.value,
             void 0,
             { number: !0 }
@@ -636,7 +636,7 @@ const dn = {
           onPointerup: Ke
         }, null, 42, zn)), [
           [
-            Wa,
+            Da,
             lt.value,
             void 0,
             { number: !0 }
@@ -656,12 +656,12 @@ const dn = {
             left: ke.value.tooltipLeft,
             color: v(tt)(N.selectColor),
             backgroundColor: N.selectColor,
-            border: `1px solid ${De.value}`,
+            border: `1px solid ${We.value}`,
             zIndex: `${wl.value + 4}`,
-            visibility: xe.value || ce.value.left === ce.value.right ? "hidden" : "visible"
+            visibility: be.value || ce.value.left === ce.value.right ? "hidden" : "visible"
           })
         }, ne(ce.value.left), 7)) : f("", !0),
-        (xe.value || ce.value.left === ce.value.right) && (ce.value.left || ce.value.right) ? (s(), r("div", {
+        (be.value || ce.value.left === ce.value.right) && (ce.value.left || ce.value.right) ? (s(), r("div", {
           key: 4,
           ref: "tooltipMerge",
           class: Ee({
@@ -673,10 +673,10 @@ const dn = {
           }),
           style: $({
             left: ke.value.tooltipCenter,
-            width: p.value.width + "px",
+            width: b.value.width + "px",
             color: v(tt)(N.selectColor),
             backgroundColor: N.selectColor,
-            border: `1px solid ${De.value}`,
+            border: `1px solid ${We.value}`,
             zIndex: "4"
           })
         }, ne(ce.value.left === ce.value.right ? ce.value.left : `${ce.value.left} - ${ce.value.right}`), 7)) : f("", !0),
@@ -694,18 +694,18 @@ const dn = {
             left: ke.value.tooltipRight,
             color: v(tt)(N.selectColor),
             backgroundColor: N.selectColor,
-            border: `1px solid ${De.value}`,
+            border: `1px solid ${We.value}`,
             zIndex: "4",
-            visibility: xe.value || ce.value.left === ce.value.right ? "hidden" : "visible"
+            visibility: be.value || ce.value.left === ce.value.right ? "hidden" : "visible"
           })
         }, ne(ce.value.right), 7)) : f("", !0)
       ], 544)
     ], 544));
   }
-}, Tn = /* @__PURE__ */ Ja(In, [["__scopeId", "data-v-58fccd9f"]]), Nn = ["id"], Rn = ["id"], Pn = ["viewBox", "aria-label"], On = ["x", "y", "width", "height"], Fn = { key: 1 }, Hn = { class: "vue-ui-xy-grid" }, Vn = ["stroke", "x1", "x2", "y1", "y2"], Bn = ["stroke", "x1", "x2", "y1", "y2"], En = { key: 1 }, Wn = ["x1", "x2", "y1", "y2", "stroke"], Dn = ["x1", "x2", "y1", "y2", "stroke"], Xn = ["x1", "x2", "y1", "y2", "stroke"], Yn = { key: 3 }, Gn = ["d", "stroke"], Un = { key: 4 }, qn = ["d", "stroke"], Zn = ["id"], Kn = ["stop-color"], Jn = ["stop-color"], Qn = ["stop-color"], jn = ["id"], eu = ["stop-color"], tu = ["stop-color"], lu = ["stop-color"], au = ["id"], ou = ["stop-color"], nu = ["stop-color"], uu = ["id"], iu = ["stop-color"], su = ["stop-color"], ru = ["id"], cu = ["stop-color"], vu = ["stop-color"], du = ["x", "y", "height", "width", "fill"], hu = ["x", "y", "width"], fu = { key: 0 }, mu = ["x", "y", "height", "width", "fill"], gu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], xu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], bu = ["width", "x", "y"], pu = { key: 0 }, yu = ["id"], ku = ["fill"], wu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Su = ["x", "y", "font-size", "fill"], _u = ["stroke", "x1", "x2", "y1", "y2"], $u = { key: 3 }, Lu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Cu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Au = ["fill", "font-size", "transform"], zu = ["x1", "x2", "y1", "y2", "stroke"], Iu = ["x", "y", "font-size", "fill"], Tu = ["x1", "x2", "y1", "y2", "stroke"], Nu = ["x", "y", "font-size", "fill"], Ru = ["width", "x", "y"], Pu = { style: { width: "100%" } }, Ou = { key: 0 }, Fu = ["id"], Hu = ["fill"], Vu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Bu = ["x", "y", "font-size", "fill"], Eu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Wu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Du = { key: 6 }, Xu = { key: 7 }, Yu = ["d", "fill", "fill-opacity"], Gu = { key: 0 }, Uu = ["d", "fill"], qu = ["d", "fill"], Zu = ["d", "fill"], Ku = ["d", "fill"], Ju = ["d", "stroke", "stroke-width", "stroke-dasharray"], Qu = ["d", "stroke", "stroke-width", "stroke-dasharray"], ju = ["width", "x", "y"], ei = { style: { width: "100%" } }, ti = { key: 3 }, li = ["id"], ai = ["fill"], oi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ni = ["x", "y", "font-size", "fill"], ui = { key: 8 }, ii = ["x", "y", "font-size", "fill"], si = ["x", "y", "font-size", "fill", "font-weight"], ri = { key: 9 }, ci = ["x", "y", "font-size", "fill"], vi = { key: 10 }, di = ["x", "y"], hi = ["innerHTML"], fi = ["x", "y"], mi = ["innerHTML"], gi = ["x1", "x2", "y1", "y2", "stroke"], xi = { key: 11 }, bi = ["x", "y", "font-size", "fill"], pi = { key: 12 }, yi = ["x", "y"], ki = ["innerHTML"], wi = ["x", "y"], Si = ["innerHTML"], _i = ["x1", "x2", "y1", "y2", "stroke"], $i = ["x", "y", "font-size", "fill", "innerHTML"], Li = ["x", "y", "font-size", "fill", "innerHTML"], Mi = ["x", "y", "font-size", "fill", "innerHTML"], Ci = ["x", "y", "font-size", "fill", "innerHTML"], Ai = ["id"], zi = ["stop-color"], Ii = ["stop-color"], Ti = ["x", "y", "width", "height", "fill", "onMouseenter"], Ni = ["font-size", "fill", "transform"], Ri = ["x", "y", "font-size", "fill"], Pi = ["text-anchor", "font-size", "fill", "transform", "onClick"], Oi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Fi = { key: 15 }, Hi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bi = ["y", "x", "width", "height", "fill"], Ei = ["id", "x", "y", "font-size", "fill", "text-anchor"], Wi = {
+}, Tn = /* @__PURE__ */ Ja(In, [["__scopeId", "data-v-58fccd9f"]]), Nn = ["id"], Rn = ["id"], Pn = ["viewBox", "aria-label"], On = ["x", "y", "width", "height"], Fn = { key: 1 }, Hn = { class: "vue-ui-xy-grid" }, Vn = ["stroke", "x1", "x2", "y1", "y2"], Bn = ["stroke", "x1", "x2", "y1", "y2"], En = { key: 1 }, Dn = ["x1", "x2", "y1", "y2", "stroke"], Wn = ["x1", "x2", "y1", "y2", "stroke"], Xn = ["x1", "x2", "y1", "y2", "stroke"], Yn = { key: 3 }, Gn = ["d", "stroke"], Un = { key: 4 }, qn = ["d", "stroke"], Zn = ["id"], Kn = ["stop-color"], Jn = ["stop-color"], Qn = ["stop-color"], jn = ["id"], eu = ["stop-color"], tu = ["stop-color"], lu = ["stop-color"], au = ["id"], ou = ["stop-color"], nu = ["stop-color"], uu = ["id"], iu = ["stop-color"], su = ["stop-color"], ru = ["id"], cu = ["stop-color"], vu = ["stop-color"], du = ["x", "y", "height", "width", "fill"], hu = ["x", "y", "width"], fu = { key: 0 }, mu = ["x", "y", "height", "width", "fill"], gu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], bu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], xu = ["width", "x", "y"], pu = { key: 0 }, yu = ["id"], ku = ["fill"], wu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Su = ["x", "y", "font-size", "fill"], _u = ["stroke", "x1", "x2", "y1", "y2"], $u = { key: 3 }, Lu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Cu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Au = ["fill", "font-size", "transform"], zu = ["x1", "x2", "y1", "y2", "stroke"], Iu = ["x", "y", "font-size", "fill"], Tu = ["x1", "x2", "y1", "y2", "stroke"], Nu = ["x", "y", "font-size", "fill"], Ru = ["width", "x", "y"], Pu = { style: { width: "100%" } }, Ou = { key: 0 }, Fu = ["id"], Hu = ["fill"], Vu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Bu = ["x", "y", "font-size", "fill"], Eu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Du = ["d", "stroke", "stroke-width", "stroke-dasharray"], Wu = { key: 6 }, Xu = { key: 7 }, Yu = ["d", "fill", "fill-opacity"], Gu = { key: 0 }, Uu = ["d", "fill"], qu = ["d", "fill"], Zu = ["d", "fill"], Ku = ["d", "fill"], Ju = ["d", "stroke", "stroke-width", "stroke-dasharray"], Qu = ["d", "stroke", "stroke-width", "stroke-dasharray"], ju = ["width", "x", "y"], ei = { style: { width: "100%" } }, ti = { key: 3 }, li = ["id"], ai = ["fill"], oi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ni = ["x", "y", "font-size", "fill"], ui = { key: 8 }, ii = ["x", "y", "font-size", "fill"], si = ["x", "y", "font-size", "fill", "font-weight"], ri = { key: 9 }, ci = ["x", "y", "font-size", "fill"], vi = { key: 10 }, di = ["x", "y"], hi = ["innerHTML"], fi = ["x", "y"], mi = ["innerHTML"], gi = ["x1", "x2", "y1", "y2", "stroke"], bi = { key: 11 }, xi = ["x", "y", "font-size", "fill"], pi = { key: 12 }, yi = ["x", "y"], ki = ["innerHTML"], wi = ["x", "y"], Si = ["innerHTML"], _i = ["x1", "x2", "y1", "y2", "stroke"], $i = ["x", "y", "font-size", "fill", "innerHTML"], Li = ["x", "y", "font-size", "fill", "innerHTML"], Mi = ["x", "y", "font-size", "fill", "innerHTML"], Ci = ["x", "y", "font-size", "fill", "innerHTML"], Ai = ["id"], zi = ["stop-color"], Ii = ["stop-color"], Ti = ["x", "y", "width", "height", "fill", "onMouseenter"], Ni = ["font-size", "fill", "transform"], Ri = ["x", "y", "font-size", "fill"], Pi = ["text-anchor", "font-size", "fill", "transform", "onClick"], Oi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Fi = { key: 15 }, Hi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bi = ["y", "x", "width", "height", "fill"], Ei = ["id", "x", "y", "font-size", "fill", "text-anchor"], Di = {
   key: 16,
   style: { "pointer-events": "none" }
-}, Di = ["x", "y"], Xi = ["innerHTML"], Yi = ["cx", "cy", "r", "fill"], Gi = ["data-start", "data-end"], Ui = {
+}, Wi = ["x", "y"], Xi = ["innerHTML"], Yi = ["cx", "cy", "r", "fill"], Gi = ["data-start", "data-end"], Ui = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, qi = {
@@ -767,8 +767,8 @@ const dn = {
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup(N, { expose: Wl, emit: Dl }) {
-    const d = N, We = St(() => import("./DataTable-D5jcKSEP.js")), ve = St(() => import("./Tooltip-CZV_BR2c.js")), de = St(() => import("./UserOptions-ZcUANK_c.js")), Mt = St(() => import("./BaseIcon-xyB9D1pA.js")), al = St(() => import("./vue-ui-table-sparkline-CMW71OVJ.js")), Wt = St(() => import("./vue-ui-accordion-u-pE5AEw.js")), Dt = St(() => import("./PackageVersion-CvI7dfPE.js")), pt = St(() => import("./PenAndPaper-ByuyUNh2.js")), lt = Dl, ol = Io(), Ke = To(), { vue_ui_xy: nl } = Vo(), be = b(null), ke = b(null), Oe = b(null), at = b(null), Ct = b(null), At = b(null), Xl = b(null), De = b(null), Xt = b(null), dt = b(null), zt = b(null), K = b(null), ot = b(null), Yt = b(0), O = b(null), ul = b(!0), pe = b(600), ue = b(1e3), nt = b("0 0 1000 600"), It = b({ x: 0, y: 0 }), ie = b({ line: "line", bar: "bar", plot: "plot" }), we = b(!1), Se = b(!1), ht = b(!1), ft = b(null), he = b([]), Z = b(Hl()), Gt = b(0), il = b(0), sl = b(0), yt = b(!0), Tt = b(0), F = b(null), Ut = b(!1), rl = b(!0), qt = b(!0), Me = b(null), Xe = b({}), Fe = b(null), Je = b(!1), S = b(null), ut = x(() => ({
+  setup(N, { expose: Dl, emit: Wl }) {
+    const d = N, De = St(() => import("./DataTable-B8fwwP3k.js")), ve = St(() => import("./Tooltip-Bbr0zB06.js")), de = St(() => import("./UserOptions-B47zyMrH.js")), Mt = St(() => import("./BaseIcon-CZRMSu7L.js")), al = St(() => import("./vue-ui-table-sparkline-BQ85WQiE.js")), Dt = St(() => import("./vue-ui-accordion-D39N-6DM.js")), Wt = St(() => import("./PackageVersion-CgspZZpA.js")), pt = St(() => import("./PenAndPaper-CqngHFG4.js")), lt = Wl, ol = Io(), Ke = To(), { vue_ui_xy: nl } = Vo(), xe = p(null), ke = p(null), Oe = p(null), at = p(null), Ct = p(null), At = p(null), Xl = p(null), We = p(null), Xt = p(null), dt = p(null), zt = p(null), K = p(null), ot = p(null), Yt = p(0), O = p(null), ul = p(!0), pe = p(600), ue = p(1e3), nt = p("0 0 1000 600"), It = p({ x: 0, y: 0 }), ie = p({ line: "line", bar: "bar", plot: "plot" }), we = p(!1), Se = p(!1), ht = p(!1), ft = p(null), he = p([]), Z = p(Hl()), Gt = p(0), il = p(0), sl = p(0), yt = p(!0), Tt = p(0), F = p(null), Ut = p(!1), rl = p(!0), qt = p(!0), Me = p(null), Xe = p({}), Fe = p(null), Je = p(!1), S = p(null), ut = x(() => ({
       height: pe.value,
       width: ue.value
     }));
@@ -778,7 +778,7 @@ const dn = {
     function vl(l, u, e = 0) {
       return Number.isFinite(l) && Number.isFinite(u) && Math.abs(u) > 1e-9 ? l / u : e;
     }
-    const yl = b(!1), k = b({
+    const yl = p(!1), k = p({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
@@ -794,12 +794,12 @@ const dn = {
         useIndividualScale: t.value.chart.grid.labels.yAxis.useIndividualScale
       }, yl.value = !0);
     }
-    const _ = b({
+    const _ = p({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
-    }), Ie = b({ plot: 3, line: 3 });
+    }), Ie = p({ plot: 3, line: 3 });
     tl(() => {
       Je.value = !0, d.dataset.length && d.dataset.forEach((l, u) => {
         [null, void 0].includes(l.series) && ea({
@@ -836,7 +836,7 @@ const dn = {
       set(l) {
         return l;
       }
-    }), t = b(it()), mt = x(() => !!t.value.debug), { loading: se, FINAL_DATASET: re, manualLoading: Nt } = ln({
+    }), t = p(it()), mt = x(() => !!t.value.debug), { loading: se, FINAL_DATASET: re, manualLoading: Nt } = ln({
       ...No(d),
       FINAL_CONFIG: t,
       prepareConfig: it,
@@ -928,10 +928,10 @@ const dn = {
         return a || (a = /* @__PURE__ */ new Map(), u.set(e, a)), a.set(i, o), o;
       };
     }
-    const wl = kl((l, u) => ta({ data: l, threshold: u })), Ye = (l) => wl(l, t.value.downsample.threshold), xe = x({
+    const wl = kl((l, u) => ta({ data: l, threshold: u })), Ye = (l) => wl(l, t.value.downsample.threshold), be = x({
       get: () => Math.max(...re.value.map((l) => Ye(l.series).length)),
       set: (l) => l
-    }), p = b({ start: 0, end: xe.value }), Te = b({ start: 0, end: xe.value }), ce = x(() => t.value.chart.zoom.preview.enable && (Te.value.start !== p.value.start || Te.value.end !== p.value.end));
+    }), b = p({ start: 0, end: be.value }), Te = p({ start: 0, end: be.value }), ce = x(() => t.value.chart.zoom.preview.enable && (Te.value.start !== b.value.start || Te.value.end !== b.value.end));
     function m(l, u) {
       Te.value[l] = u;
     }
@@ -940,11 +940,11 @@ const dn = {
         1,
         ...re.value.map((n) => Ye(n.series).length)
       );
-      let u = Math.max(0, Math.min(p.value.start ?? 0, l - 1)), e = Math.max(u + 1, Math.min(p.value.end ?? l, l));
-      (!Number.isFinite(u) || !Number.isFinite(e) || e <= u) && (u = 0, e = l), p.value = { start: u, end: e }, Te.value.start = u, Te.value.end = e;
+      let u = Math.max(0, Math.min(b.value.start ?? 0, l - 1)), e = Math.max(u + 1, Math.min(b.value.end ?? l, l));
+      (!Number.isFinite(u) || !Number.isFinite(e) || e <= u) && (u = 0, e = l), b.value = { start: u, end: e }, Te.value.start = u, Te.value.end = e;
     }
     const w = x(() => {
-      const { left: l, top: u, width: e, height: n } = c.value, a = p.value.start, o = p.value.end - a, z = e / o, H = Te.value.start - a, E = Te.value.end - a, L = Math.max(0, Math.min(o, H)), T = Math.max(0, Math.min(o, E));
+      const { left: l, top: u, width: e, height: n } = c.value, a = b.value.start, o = b.value.end - a, z = e / o, H = Te.value.start - a, E = Te.value.end - a, L = Math.max(0, Math.min(o, H)), T = Math.max(0, Math.min(o, E));
       return {
         x: l + L * z,
         y: u,
@@ -968,14 +968,14 @@ const dn = {
         S.value = null;
         return;
       }
-      const u = l - p.value.start;
-      u < 0 || l >= p.value.end ? S.value = null : S.value = u ?? null;
+      const u = l - b.value.start;
+      u < 0 || l >= b.value.end ? S.value = null : S.value = u ?? null;
     }, { immediate: !0 });
     const { isPrinting: Y, isImaging: Ce, generatePdf: Rt, generateImage: Sl } = tn({
       elementId: `vue-ui-xy_${Z.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
-    }), hl = b(!1), _l = x(() => Eo(t.value.customPalette)), Zt = x(() => {
+    }), hl = p(!1), _l = x(() => Eo(t.value.customPalette)), Zt = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMin !== null)
         return t.value.chart.grid.labels.yAxis.scaleMin;
       const l = Math.min(...gt.value.filter((u) => !he.value.includes(u.id)).map((u) => Math.min(...u.series)));
@@ -990,8 +990,8 @@ const dn = {
       return {
         ...l,
         slotAbsoluteIndex: u,
-        series: e.map((a) => Pl(a) ? a : null).slice(p.value.start, p.value.end),
-        color: Wo(l.color ? l.color : _l.value[u] ? _l.value[u] : Do[u]),
+        series: e.map((a) => Pl(a) ? a : null).slice(b.value.start, b.value.end),
+        color: Do(l.color ? l.color : _l.value[u] ? _l.value[u] : Wo[u]),
         id: n,
         scaleLabel: l.scaleLabel || n
       };
@@ -1016,10 +1016,10 @@ const dn = {
       const u = Xt.value ? Xt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + _.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
       return l + u + e;
     }
-    const Yl = b(0), ja = oa((l) => {
+    const Yl = p(0), ja = oa((l) => {
       Yl.value = l;
     }, 100);
-    Da((l) => {
+    Wa((l) => {
       const u = dt.value;
       if (!u) return;
       const e = new ResizeObserver((n) => {
@@ -1031,7 +1031,7 @@ const dn = {
     });
     const na = x(() => {
       let l = 0;
-      De.value && (l = De.value.getBBox().height);
+      We.value && (l = We.value.getBBox().height);
       let u = 0;
       return dt.value && (u = Yl.value), l + u + _.value.xAxis;
     }), eo = x(() => re.value.some((l) => l.useProgression)), c = x(() => {
@@ -1080,13 +1080,13 @@ const dn = {
       return Fe.value.font = `normal ${l}px sans-serif`, Fe.value;
     }
     function ia() {
-      const l = be.value.querySelectorAll(".vue-ui-xy-tag");
+      const l = xe.value.querySelectorAll(".vue-ui-xy-tag");
       l.length && Array.from(l).forEach((u) => u.style.opacity = "0");
     }
     function $l(l, u, e, n, a) {
       e && (Xe.value[`${l}_${u}_${n}_${a}`] = e);
     }
-    const sa = b(!1);
+    const sa = p(!1);
     async function ra(l = !1) {
       await Et(), sa.value = l, Ut.value && (qt.value = l);
     }
@@ -1099,8 +1099,8 @@ const dn = {
         values: t.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: l,
         formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-        start: p.value.start,
-        end: p.value.end
+        start: b.value.start,
+        end: b.value.end
       });
     }), ca = x(() => {
       const l = Math.max(...re.value.map((u) => ta({ data: u.series, threshold: t.value.downsample.threshold }).length));
@@ -1109,7 +1109,7 @@ const dn = {
         maxDatapoints: l,
         formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: 0,
-        end: xe.value
+        end: be.value
       });
     }), oo = x(() => {
       const l = t.value.chart.grid.labels.xAxisLabels.modulo;
@@ -1140,17 +1140,17 @@ const dn = {
       if (!E.length)
         return n.map((V, P) => ({ text: "", absoluteIndex: P }));
       const L = E.length, T = H, J = Math.max(2, Math.min(T - 3, L)), M = Math.min(L, T + 3);
-      let W = Math.min(T, L), R = 1 / 0;
+      let D = Math.min(T, L), R = 1 / 0;
       for (let V = J; V <= M; V += 1) {
         const P = (L - 1) % (V - 1), le = Math.abs(V - T), Re = P * 10 + le;
-        Re < R && (R = Re, W = V);
+        Re < R && (R = Re, D = V);
       }
       const oe = /* @__PURE__ */ new Set();
-      if (W <= 1)
+      if (D <= 1)
         oe.add(E[Math.round((L - 1) / 2)]);
       else {
-        const V = (L - 1) / (W - 1);
-        for (let P = 0; P < W; P += 1)
+        const V = (L - 1) / (D - 1);
+        for (let P = 0; P < D; P += 1)
           oe.add(E[Math.round(P * V)]);
       }
       return n.map((V, P) => ({
@@ -1158,7 +1158,7 @@ const dn = {
         absoluteIndex: P
       }));
     }), Ul = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, u = _e.value || [], e = ca.value || [], n = p.value.start ?? 0, a = S.value, i = I.value, o = u.map((H) => H?.text ?? ""), z = e.map((H) => H?.text ?? "");
+      const l = t.value.chart.grid.labels.xAxisLabels, u = _e.value || [], e = ca.value || [], n = b.value.start ?? 0, a = S.value, i = I.value, o = u.map((H) => H?.text ?? ""), z = e.map((H) => H?.text ?? "");
       return uo(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
@@ -1188,7 +1188,7 @@ const dn = {
       });
     }
     const I = x(() => {
-      const l = cl((p.value.end ?? 0) - (p.value.start ?? 0));
+      const l = cl((b.value.end ?? 0) - (b.value.start ?? 0));
       return Math.max(1, l);
     });
     function da(l) {
@@ -1212,7 +1212,7 @@ const dn = {
     async function Ll() {
       await Et(), await Et();
       const { startIndex: l, endIndex: u } = t.value.chart.zoom, e = Oe.value, n = Math.max(...re.value.map((a) => Ye(a.series).length));
-      (l != null || u != null) && e ? (l != null && (p.value.start = l, e.setStartValue(l)), u != null && (p.value.end = u + 1, e.setEndValue(so(u + 1)))) : (p.value = { start: 0, end: n }, Yt.value += 1), Te.value.start = p.value.start, Te.value.end = p.value.end, h();
+      b.value = { start: 0, end: n }, (l != null || u != null) && e ? (l != null ? (b.value.start = l, e.setStartValue(l)) : (b.value.start = 0, e.setStartValue(0)), u != null ? (b.value.end = u + 1, e.setEndValue(so(u + 1))) : (b.value.end = n, e.setEndValue(n))) : (b.value = { start: 0, end: n }, Yt.value += 1), Te.value.start = b.value.start, Te.value.end = b.value.end, h();
     }
     async function fa() {
       await Ll();
@@ -1227,10 +1227,10 @@ const dn = {
     const Ae = x(() => isNaN(Pt(fl.value)) ? c.value.bottom : c.value.bottom - c.value.height * Pt(fl.value));
     function ga(l) {
       const u = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Zt.value >= 0 ? c.value.bottom : Ae.value;
-      return l.value >= 0 ? D(u - l.y <= 0 ? 1e-5 : u - l.y) : D(l.y - Ae.value <= 0 ? 1e-5 : l.y - Ae.value);
+      return l.value >= 0 ? W(u - l.y <= 0 ? 1e-5 : u - l.y) : W(l.y - Ae.value <= 0 ? 1e-5 : l.y - Ae.value);
     }
-    function xa(l) {
-      return l.value >= 0 ? D(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : D(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
+    function ba(l) {
+      return l.value >= 0 ? W(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : W(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
     }
     const ae = x(() => {
       const l = Math.max(1, I.value), u = Math.max(1, c.value.width), e = Math.max(1, gt.value.filter((n) => n.type === "bar" && !he.value.includes(n.id)).length);
@@ -1246,13 +1246,13 @@ const dn = {
     function Ml(l) {
       return k.value.useIndividualScale && k.value.isStacked ? l.x + c.value.width / I.value * 0.05 : l.x + ae.value.bar / 2;
     }
-    function ba(l) {
+    function xa(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(Ae.value) ? c.bottom.value : Ae.value;
     }
     function pa(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
     }
-    const ml = b(null);
+    const ml = p(null);
     let Ot = 0;
     function ro(l, u, e) {
       return l >= e.left && l <= e.right && u >= e.top && u <= e.bottom;
@@ -1290,7 +1290,7 @@ const dn = {
           index: l,
           indexLabel: t.value.chart.grid.labels.xAxisLabels.values[l]
         }
-      ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: u, seriesIndex: l + p.value.start });
+      ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: u, seriesIndex: l + b.value.start });
     }
     function fo() {
       return rt.value.map((l) => ({
@@ -1301,8 +1301,8 @@ const dn = {
       }));
     }
     async function mo({ scale: l = 2 } = {}) {
-      if (!be.value) return;
-      const { width: u, height: e } = be.value.getBoundingClientRect(), n = u / e, { imageUri: a, base64: i } = await sn({ domElement: be.value, base64: !0, img: !0, scale: l });
+      if (!xe.value) return;
+      const { width: u, height: e } = xe.value.getBoundingClientRect(), n = u / e, { imageUri: a, base64: i } = await sn({ domElement: xe.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: a,
         base64: i,
@@ -1331,10 +1331,10 @@ const dn = {
       return `${l}. ${u}`;
     }), ka = x(() => ({
       linePlot: I.value > t.value.line.dot.hideAboveMaxSerieLength
-    })), xo = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), bo = x(() => {
+    })), bo = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), xo = x(() => {
       if (Array.isArray(t.value.chart.highlightArea))
         return t.value.chart.highlightArea.map((u) => {
-          const e = Math.min(u.to, xe.value - 1);
+          const e = Math.min(u.to, be.value - 1);
           return {
             ...u,
             span: u.from === e ? 1 : e < u.from ? 0 : e - u.from + 1
@@ -1342,7 +1342,7 @@ const dn = {
         });
       const l = {
         ...t.value.chart.highlightArea,
-        to: Math.min(t.value.chart.highlightArea.to, xe.value - 1)
+        to: Math.min(t.value.chart.highlightArea.to, be.value - 1)
       };
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
     }), po = x(() => ul.value ? re.value.map((l, u) => ({
@@ -1401,7 +1401,7 @@ const dn = {
         e.push(l.map((i) => i.series[a] || 0).reduce((i, o) => (i || 0) + (o || 0), 0));
       const n = Math.min(...e);
       return e.map((a) => a + (n < 0 ? Math.abs(n) : 0));
-    }), xt = x(() => Ge.value.map((l) => ({
+    }), bt = x(() => Ge.value.map((l) => ({
       slotAbsoluteIndex: l.slotAbsoluteIndex,
       shape: l.shape || null,
       name: l.name,
@@ -1428,7 +1428,7 @@ const dn = {
         return a - T * i;
       };
       return u.map((L) => {
-        const { yAxis: { yTop: T, yBottom: J, label: M } } = L, W = T != null && J != null && T !== J, R = T == null ? null : E(T), oe = J == null ? null : E(J), V = ao(M.fontSize);
+        const { yAxis: { yTop: T, yBottom: J, label: M } } = L, D = T != null && J != null && T !== J, R = T == null ? null : E(T), oe = J == null ? null : E(J), V = ao(M.fontSize);
         V.font = `${M.fontSize}px sans-serif`;
         const P = V.measureText(M.text).width, le = M.fontSize, Re = (M.position === "start" ? e + M.padding.left : n - M.padding.right) + M.offsetX, Ve = (R != null && oe != null ? Math.min(R, oe) : R ?? oe) - M.fontSize / 3 + M.offsetY - M.padding.top;
         let G;
@@ -1437,8 +1437,8 @@ const dn = {
         return {
           show: ![R, oe, U].includes(NaN),
           id: `annotation_y_${Hl()}`,
-          hasArea: W,
-          areaHeight: W ? Math.abs(R - oe) : 0,
+          hasArea: D,
+          areaHeight: D ? Math.abs(R - oe) : 0,
           yTop: R,
           yBottom: oe,
           config: L.yAxis,
@@ -1464,7 +1464,7 @@ const dn = {
       let a = !!e && !!n && e.value == null && n.value == null || !e && !!n && n.value == null || !!e && !n && e.value == null;
       return He(l[u].value) && a && t.value.line.cutNullValues;
     }
-    const bt = x(() => {
+    const xt = x(() => {
       const l = Ft.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), u = l.length, e = t.value.chart.grid.labels.yAxis.gap, n = k.value.isStacked, a = n ? e * (u - 1) : 0, i = c.value.height - a;
       return l.filter((o) => o.type === "bar").map((o, z) => {
         ql(o);
@@ -1476,31 +1476,31 @@ const dn = {
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((X) => ![void 0, null].includes(X))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((X) => ![null, void 0].includes(X)))
-        }, J = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, W = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(T.min, T.max === T.min ? T.max * M : T.max, J) : Vt(T.min, T.max === T.min ? T.max * M : T.max, J), R = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J) : Vt(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J), oe = W.min >= 0 ? 0 : Math.abs(W.min), V = 0, P = W.max + oe, le = R.max + Math.abs(V), Re = o.stackIndex, Qt = u - 1 - Re, Ve = n ? 1 - o.cumulatedStackRatio : 0, G = n ? i * Ve + e * Qt : 0, U = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - G - U * oe / P, Be = c.value.bottom - G - U * V / le, ze = rt.value.filter((X) => X.type === "bar").filter((X) => !he.value.includes(X.id)).length, xl = o.series.map((X, ge) => {
+        }, J = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, D = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(T.min, T.max === T.min ? T.max * M : T.max, J) : Vt(T.min, T.max === T.min ? T.max * M : T.max, J), R = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J) : Vt(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J), oe = D.min >= 0 ? 0 : Math.abs(D.min), V = 0, P = D.max + oe, le = R.max + Math.abs(V), Re = o.stackIndex, Qt = u - 1 - Re, Ve = n ? 1 - o.cumulatedStackRatio : 0, G = n ? i * Ve + e * Qt : 0, U = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - G - U * oe / P, Be = c.value.bottom - G - U * V / le, ze = rt.value.filter((X) => X.type === "bar").filter((X) => !he.value.includes(X.id)).length, bl = o.series.map((X, ge) => {
           const wt = k.value.useIndividualScale ? (o.absoluteValues[ge] + oe) / P : Pt(X), Ht = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / I.value * ge : c.value.left + ae.value.bar * z + ae.value.bar * ge * ze - wo.value / 2 - z * Cl.value;
           return {
-            yOffset: D(G),
-            individualHeight: D(U),
-            x: D(Ht),
+            yOffset: W(G),
+            individualHeight: W(U),
+            x: W(Ht),
             y: c.value.bottom - G - U * wt,
             value: o.absoluteValues[ge],
-            zeroPosition: D(fe),
-            individualMax: D(P),
-            comment: o.comments && o.comments.slice(p.value.start, p.value.end)[ge] || ""
+            zeroPosition: W(fe),
+            individualMax: W(P),
+            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ge] || ""
           };
         }), Pe = o.absoluteValues.map((X) => R.min >= 0 ? (X - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (X + Math.abs(R.min)) / (R.max + Math.abs(R.min))), kt = o.series.map((X, ge) => {
           const wt = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / I.value * ge : c.value.left - ae.value.bar / 2 + ae.value.bar * z + ae.value.bar * ge * rt.value.filter((Ht) => Ht.type === "bar").filter((Ht) => !he.value.includes(Ht.id)).length;
           return {
-            yOffset: D(G),
-            individualHeight: D(U),
-            x: D(wt),
-            y: D(c.value.bottom - D(G) - (D(U) * Pe[ge] || 0)),
+            yOffset: W(G),
+            individualHeight: W(U),
+            x: W(wt),
+            y: W(c.value.bottom - W(G) - (W(U) * Pe[ge] || 0)),
             value: o.absoluteValues[ge],
-            zeroPosition: D(fe),
-            individualMax: D(P),
-            comment: o.comments && o.comments.slice(p.value.start, p.value.end)[ge] || ""
+            zeroPosition: W(fe),
+            individualMax: W(P),
+            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[ge] || ""
           };
-        }), Q = W.ticks.map((X) => ({
+        }), Q = D.ticks.map((X) => ({
           y: X >= 0 ? fe - U * (X / P) : fe + U * Math.abs(X) / P,
           value: X,
           prefix: o.prefix || t.value.chart.labels.prefix,
@@ -1522,10 +1522,10 @@ const dn = {
           autoScaleYLabels: me,
           individualHeight: U,
           scaleYLabels: o.autoScaling ? me : Q,
-          individualScale: o.autoScaling ? R : W,
+          individualScale: o.autoScaling ? R : D,
           individualMax: o.autoScaling ? le : P,
           zeroPosition: o.autoScaling ? Be : fe,
-          plots: o.autoScaling ? kt : xl,
+          plots: o.autoScaling ? kt : bl,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
@@ -1541,25 +1541,25 @@ const dn = {
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, J = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, W = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(T.min, T.max === T.min ? T.max * M : T.max, J) : Vt(T.min, T.max === T.min ? T.max * M : T.max, J), R = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J) : Vt(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J), oe = W.min >= 0 ? 0 : Math.abs(W.min), V = 0, P = W.max + Math.abs(oe), le = R.max + Math.abs(V), Re = o.stackIndex, Qt = u - 1 - Re, Ve = n ? 1 - o.cumulatedStackRatio : 0, G = n ? i * Ve + e * Qt : 0, U = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - G - U * oe / P, Be = c.value.bottom - G - U * V / le, ze = o.series.map((B, $e) => {
+        }, J = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, D = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(T.min, T.max === T.min ? T.max * M : T.max, J) : Vt(T.min, T.max === T.min ? T.max * M : T.max, J), R = t.value.chart.grid.labels.yAxis.useNiceScale ? pl(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J) : Vt(L.valueMin, L.valueMax === L.valueMin ? L.valueMax * M : L.valueMax, J), oe = D.min >= 0 ? 0 : Math.abs(D.min), V = 0, P = D.max + Math.abs(oe), le = R.max + Math.abs(V), Re = o.stackIndex, Qt = u - 1 - Re, Ve = n ? 1 - o.cumulatedStackRatio : 0, G = n ? i * Ve + e * Qt : 0, U = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - G - U * oe / P, Be = c.value.bottom - G - U * V / le, ze = o.series.map((B, $e) => {
           const Co = k.value.useIndividualScale ? (o.absoluteValues[$e] + Math.abs(oe)) / P : Pt(B);
           return {
-            x: D(c.value.left + ae.value.line / 2 + ae.value.line * $e),
-            y: D(c.value.bottom - G - U * Co),
+            x: W(c.value.left + ae.value.line / 2 + ae.value.line * $e),
+            y: W(c.value.bottom - G - U * Co),
             value: o.absoluteValues[$e],
-            comment: o.comments && o.comments.slice(p.value.start, p.value.end)[$e] || ""
+            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[$e] || ""
           };
-        }), xl = o.absoluteValues.map((B) => R.min >= 0 ? (B - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (B + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Pe = o.series.map((B, $e) => [void 0, null].includes(o.absoluteValues[$e]) ? {
-          x: D(c.value.left + ae.value.line / 2 + ae.value.line * $e),
+        }), bl = o.absoluteValues.map((B) => R.min >= 0 ? (B - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (B + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Pe = o.series.map((B, $e) => [void 0, null].includes(o.absoluteValues[$e]) ? {
+          x: W(c.value.left + ae.value.line / 2 + ae.value.line * $e),
           y: fe,
           value: o.absoluteValues[$e],
-          comment: o.comments && o.comments.slice(p.value.start, p.value.end)[$e] || ""
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[$e] || ""
         } : {
-          x: D(c.value.left + ae.value.line / 2 + ae.value.line * $e),
-          y: D(c.value.bottom - G - (U * xl[$e] || 0)),
+          x: W(c.value.left + ae.value.line / 2 + ae.value.line * $e),
+          y: W(c.value.bottom - G - (U * bl[$e] || 0)),
           value: o.absoluteValues[$e],
-          comment: o.comments && o.comments.slice(p.value.start, p.value.end)[$e] || ""
-        }), kt = t.value.line.cutNullValues ? Xa(ze) : Bl(ze.filter((B) => B.value !== null)), Q = t.value.line.cutNullValues ? Xa(Pe) : Bl(Pe.filter((B) => B.value !== null)), me = t.value.line.cutNullValues ? Ya(ze) : El(ze.filter((B) => B.value !== null)), X = t.value.line.cutNullValues ? Ya(Pe) : El(Pe.filter((B) => B.value !== null)), ge = W.ticks.map((B) => ({
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[$e] || ""
+        }), kt = t.value.line.cutNullValues ? Xa(ze) : Bl(ze.filter((B) => B.value !== null)), Q = t.value.line.cutNullValues ? Xa(Pe) : Bl(Pe.filter((B) => B.value !== null)), me = t.value.line.cutNullValues ? Ya(ze) : El(ze.filter((B) => B.value !== null)), X = t.value.line.cutNullValues ? Ya(Pe) : El(Pe.filter((B) => B.value !== null)), ge = D.ticks.map((B) => ({
           y: B >= 0 ? fe - U * (B / P) : fe + U * Math.abs(B) / P,
           value: B,
           prefix: o.prefix || t.value.chart.labels.prefix,
@@ -1576,28 +1576,28 @@ const dn = {
           };
         });
         A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? wt : ge, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Be : fe, A.value[o.scaleLabel].individualMax = o.autoScaling ? le : P, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = G, A.value[o.scaleLabel].individualHeight = U, A.value[o.scaleLabel].autoScaleYLabels = wt, A.value[o.scaleLabel].unique = Ft.value.filter((B) => B.scaleLabel === o.scaleLabel).length === 1;
-        const Ht = k.value.useIndividualScale ? o.autoScaling ? Be : fe : Ae.value, bl = Math.max(Math.max(o.autoScaling ? Be : ge.at(-1) ? ge.at(-1).y : 0, c.value.top), Ht);
+        const Ht = k.value.useIndividualScale ? o.autoScaling ? Be : fe : Ae.value, xl = Math.max(Math.max(o.autoScaling ? Be : ge.at(-1) ? ge.at(-1).y : 0, c.value.top), Ht);
         return {
           ...o,
           yOffset: G,
           autoScaleYLabels: wt,
           individualHeight: U,
           scaleYLabels: o.autoScaling ? wt : ge,
-          individualScale: o.autoScaling ? R : W,
+          individualScale: o.autoScaling ? R : D,
           individualMax: o.autoScaling ? le : P,
           zeroPosition: o.autoScaling ? Be : fe,
           curve: o.autoScaling ? Q : kt,
           plots: o.autoScaling ? Pe : ze,
           area: o.useArea ? k.value.useIndividualScale ? t.value.line.cutNullValues ? Ga(
             o.autoScaling ? Pe : ze,
-            bl
+            xl
           ) : Ua(
             o.autoScaling ? Pe.filter((B) => B.value !== null) : ze.filter((B) => B.value !== null),
-            bl
-          ) : t.value.line.cutNullValues ? Ga(ze, bl) : Ua(ze.filter((B) => B.value !== null), bl) : "",
+            xl
+          ) : t.value.line.cutNullValues ? Ga(ze, xl) : Ua(ze.filter((B) => B.value !== null), xl) : "",
           curveAreas: o.useArea ? Yo(
             o.autoScaling ? t.value.line.cutNullValues ? Pe : Pe.filter((B) => B.value !== null) : t.value.line.cutNullValues ? ze : ze.filter((B) => B.value !== null),
-            bl,
+            xl,
             t.value.line.cutNullValues
           ) : [],
           straight: o.autoScaling ? X : me,
@@ -1616,27 +1616,27 @@ const dn = {
         }, L = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, T = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, J = 1.0000001, M = Vt(L.min, L.max === L.min ? L.max * J : L.max, T), W = Vt(E.valueMin, E.valueMax === E.valueMin ? E.valueMax * J : E.valueMax, T), R = M.min >= 0 ? 0 : Math.abs(M.min), oe = 0, V = M.max + R, P = W.max + Math.abs(oe), le = o.stackIndex, Re = u - 1 - le, Qt = n ? 1 - o.cumulatedStackRatio : 0, Ve = n ? i * Qt + e * Re : 0, G = n ? i * o.stackRatio : c.value.height, U = c.value.bottom - Ve - G * R / V, fe = c.value.bottom - Ve - G * oe / P, Be = o.series.map((Q, me) => {
+        }, T = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, J = 1.0000001, M = Vt(L.min, L.max === L.min ? L.max * J : L.max, T), D = Vt(E.valueMin, E.valueMax === E.valueMin ? E.valueMax * J : E.valueMax, T), R = M.min >= 0 ? 0 : Math.abs(M.min), oe = 0, V = M.max + R, P = D.max + Math.abs(oe), le = o.stackIndex, Re = u - 1 - le, Qt = n ? 1 - o.cumulatedStackRatio : 0, Ve = n ? i * Qt + e * Re : 0, G = n ? i * o.stackRatio : c.value.height, U = c.value.bottom - Ve - G * R / V, fe = c.value.bottom - Ve - G * oe / P, Be = o.series.map((Q, me) => {
           const X = k.value.useIndividualScale ? (o.absoluteValues[me] + Math.abs(R)) / V : Pt(Q);
           return {
-            x: D(c.value.left + ae.value.plot / 2 + ae.value.plot * me),
-            y: D(c.value.bottom - Ve - G * X),
+            x: W(c.value.left + ae.value.plot / 2 + ae.value.plot * me),
+            y: W(c.value.bottom - Ve - G * X),
             value: o.absoluteValues[me],
-            comment: o.comments && o.comments.slice(p.value.start, p.value.end)[me] || ""
+            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[me] || ""
           };
-        }), ze = o.absoluteValues.map((Q) => W.min >= 0 ? (Q - Math.abs(W.min)) / (W.max - Math.abs(W.min)) : (Q + Math.abs(W.min)) / (W.max + Math.abs(W.min))), xl = o.series.map((Q, me) => ({
-          x: D(c.value.left + ae.value.plot / 2 + ae.value.plot * me),
-          y: D(c.value.bottom - Ve - (G * ze[me] || 0)),
+        }), ze = o.absoluteValues.map((Q) => D.min >= 0 ? (Q - Math.abs(D.min)) / (D.max - Math.abs(D.min)) : (Q + Math.abs(D.min)) / (D.max + Math.abs(D.min))), bl = o.series.map((Q, me) => ({
+          x: W(c.value.left + ae.value.plot / 2 + ae.value.plot * me),
+          y: W(c.value.bottom - Ve - (G * ze[me] || 0)),
           value: o.absoluteValues[me],
-          comment: o.comments && o.comments.slice(p.value.start, p.value.end)[me] || ""
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[me] || ""
         })), Pe = M.ticks.map((Q) => ({
           y: Q >= 0 ? U - G * (Q / V) : U + G * Math.abs(Q) / V,
           value: Q,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), kt = W.ticks.map((Q) => {
-          const me = (Q - W.min) / (W.max - W.min);
+        })), kt = D.ticks.map((Q) => {
+          const me = (Q - D.min) / (D.max - D.min);
           return {
             y: Q >= 0 ? fe - G * me : fe + G * me,
             value: Q,
@@ -1651,10 +1651,10 @@ const dn = {
           autoScaleYLabels: kt,
           individualHeight: G,
           scaleYLabels: o.autoScaling ? kt : Pe,
-          individualScale: o.autoScaling ? W : M,
+          individualScale: o.autoScaling ? D : M,
           individualMax: o.autoScaling ? P : V,
           zeroPosition: o.autoScaling ? fe : U,
-          plots: o.autoScaling ? xl : Be,
+          plots: o.autoScaling ? bl : Be,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
@@ -1671,7 +1671,7 @@ const dn = {
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || c.value.height,
         autoScaleYLabels: i.autoScaleYLabels
-      })), u = bt.value.map((i) => ({
+      })), u = xt.value.map((i) => ({
         name: i.name,
         color: i.color,
         scale: i.individualScale,
@@ -1740,15 +1740,15 @@ const dn = {
           colorLineB: T,
           sampleStepPx: 2,
           cutNullValues: t.value.line.cutNullValues
-        }).forEach((M, W) => {
-          n.push({ ...M, key: `inter_${o}_${z}_${i}_${W}` });
+        }).forEach((M, D) => {
+          n.push({ ...M, key: `inter_${o}_${z}_${i}_${D}` });
         });
       }), n;
     }), Ma = x(() => ({
-      datapoint: xt.value,
+      datapoint: bt.value,
       seriesIndex: S.value,
       series: rt.value,
-      bars: bt.value,
+      bars: xt.value,
       lines: Ne.value,
       plots: je.value,
       config: t.value
@@ -1765,7 +1765,7 @@ const dn = {
     }), Jl = x(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((u, e) => ({
       text: Kl.value(e, t.value.chart.zoom.timeFormat),
       absoluteIndex: e
-    }))), Il = b(!1), Ca = x(() => {
+    }))), Il = p(!1), Ca = x(() => {
       let l = "", u = "";
       if (t.value.chart.zoom.preview.enable)
         return { left: l, right: u };
@@ -1774,52 +1774,52 @@ const dn = {
       if (Vl(e))
         try {
           const n = e({
-            absoluteIndex: p.value.start,
-            seriesIndex: p.value.start,
-            datapoint: xt.value
+            absoluteIndex: b.value.start,
+            seriesIndex: b.value.start,
+            datapoint: bt.value
           }), a = e({
-            absoluteIndex: p.value.end - 1,
-            seriesIndex: p.value.end - 1,
-            datapoint: xt.value
+            absoluteIndex: b.value.end - 1,
+            seriesIndex: b.value.end - 1,
+            datapoint: bt.value
           });
           typeof n == "string" && typeof a == "string" && (l = n, u = a, Il.value = !0);
         } catch {
           console.warn("Custom format cannot be applied on zoom labels."), Il.value = !1;
         }
       if (!Il.value) {
-        l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable ? Jl.value[p.value.start]?.text || "" : _e.value[0]?.text || "";
-        const n = Math.max(p.value.start, p.value.end - 1);
-        u = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable ? Jl.value[n]?.text || "" : _e.value.at(-1)?.text || "";
+        l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Jl.value[b.value.start]?.text || "" : _e.value[0]?.text || "";
+        const n = Math.max(b.value.start, b.value.end - 1);
+        u = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Jl.value[n]?.text || "" : _e.value.at(-1)?.text || "";
       }
       return { left: l, right: u };
     }), So = x(() => {
-      let l = "", u = xt.value.map((a) => a.value).filter((a) => Pl(a) && a !== null).reduce((a, i) => Math.abs(a) + Math.abs(i), 0);
+      let l = "", u = bt.value.map((a) => a.value).filter((a) => Pl(a) && a !== null).reduce((a, i) => Math.abs(a) + Math.abs(i), 0);
       const e = _e.value[S.value], n = t.value.chart.tooltip.customFormat;
       if (Vl(n) && Uo(() => n({
-        absoluteIndex: S.value + p.value.start,
+        absoluteIndex: S.value + b.value.start,
         seriesIndex: S.value,
-        datapoint: xt.value,
+        datapoint: bt.value,
         series: rt.value,
-        bars: bt.value,
+        bars: xt.value,
         lines: Ne.value,
         plots: je.value,
         config: t.value
       })))
         return n({
-          absoluteIndex: S.value + p.value.start,
+          absoluteIndex: S.value + b.value.start,
           seriesIndex: S.value,
-          datapoint: xt.value,
+          datapoint: bt.value,
           series: rt.value,
-          bars: bt.value,
+          bars: xt.value,
           lines: Ne.value,
           plots: je.value,
           config: t.value
         });
       if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = Kl.value(S.value + p.value.start, t.value.chart.tooltip.timeFormat);
+        const a = Kl.value(S.value + b.value.start, t.value.chart.tooltip.timeFormat);
         l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
       }
-      return xt.value.forEach((a) => {
+      return bt.value.forEach((a) => {
         if (Pl(a.value)) {
           let i = "", o = "";
           switch (ie.value[a.type]) {
@@ -1870,10 +1870,10 @@ const dn = {
             }),
             { datapoint: a }
           ) : ""}</b> ${t.value.chart.tooltip.showPercentage ? `(${qe({
-            v: D(Math.abs(a.value) / u * 100),
+            v: W(Math.abs(a.value) / u * 100),
             s: "%",
             r: t.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(p.value.start, p.value.end)[S.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(p.value.start, p.value.end)[S.value]}</div>`);
+          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(b.value.start, b.value.end)[S.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(b.value.start, b.value.end)[S.value]}</div>`);
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${t.value.chart.tooltip.color}">${l}</div>`;
     }), Aa = x(() => {
@@ -1940,7 +1940,7 @@ const dn = {
         color: n.color,
         type: n.type
       }));
-      l ? (S.value = u, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: u + p.value.start })) : (S.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: u + p.value.start }));
+      l ? (S.value = u, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: u + b.value.start })) : (S.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: u + b.value.start }));
     }
     function Ta() {
       k.value.showTable = !k.value.showTable;
@@ -2019,21 +2019,21 @@ const dn = {
       }), Za(d.dataset) || (Nt.value = t.value.loading), Ut.value = t.value.chart.userOptions.showOnChartHover, rl.value = t.value.chart.userOptions.keepStateOnChartLeave, qt.value = !t.value.chart.userOptions.showOnChartHover, dl();
       const l = 12;
       if (t.value.responsive) {
-        const e = be.value.parentNode;
+        const e = xe.value.parentNode;
         K.value && (K.value.unobserve(ot.value), K.value.disconnect());
         const { height: n, width: a } = e.getBoundingClientRect();
         let i = null, o = 0;
         t.value.chart.title.show && ke.value && (i = ke.value, o = i.getBoundingClientRect().height);
         let z = null, H = 0;
-        t.value.chart.zoom.show && xe.value > 6 && st.value && Oe.value && Oe.value.$el && (z = Oe.value.$el, H = z.getBoundingClientRect().height);
+        t.value.chart.zoom.show && be.value > 6 && st.value && Oe.value && Oe.value.$el && (z = Oe.value.$el, H = z.getBoundingClientRect().height);
         let E = null, L = 0;
         t.value.chart.legend.show && at.value && (E = at.value, L = E.getBoundingClientRect().height);
         let T = 0;
         Ct.value && (T = Ct.value.getBoundingClientRect().height);
         let J = 0;
         At.value && (J = At.value.getBoundingClientRect().height), pe.value = n - o - L - H - T - J - l, ue.value = a, nt.value = `0 0 ${ue.value < 0 ? 10 : ue.value} ${pe.value < 0 ? 10 : pe.value}`, Oa();
-        const M = new ResizeObserver((W) => {
-          for (const R of W)
+        const M = new ResizeObserver((D) => {
+          for (const R of D)
             t.value.chart.title.show && ke.value ? o = ke.value.getBoundingClientRect().height : o = 0, Oe.value && Oe.value.$el ? H = Oe.value.$el.getBoundingClientRect().height : H = 0, at.value ? L = at.value.getBoundingClientRect().height : L = 0, Ct.value ? T = Ct.value.getBoundingClientRect().height : T = 0, At.value ? J = At.value.getBoundingClientRect().height : J = 0, requestAnimationFrame(() => {
               pe.value = R.contentRect.height - o - L - H - T - J - l, ue.value = R.contentBoxSize[0].inlineSize, nt.value = `0 0 ${ue.value < 0 ? 10 : ue.value} ${pe.value < 0 ? 10 : pe.value}`, Oa();
             });
@@ -2055,7 +2055,7 @@ const dn = {
     }), un({
       timeLabelsEls: dt,
       timeLabels: _e,
-      slicer: p,
+      slicer: b,
       configRef: t,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
@@ -2064,7 +2064,7 @@ const dn = {
       width: ue,
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const Nl = b(!1), Ha = b(null), Va = b(200), _o = x(
+    const Nl = p(!1), Ha = p(null), Va = p(200), _o = x(
       () => S.value ?? F.value ?? 0
     );
     function $o() {
@@ -2073,7 +2073,7 @@ const dn = {
     }
     function Lo() {
       const l = $o(), u = 200, e = Math.max(1, I.value), n = c.value.width / e, i = c.value.left + _o.value * n + n / 2 - l / 2 - (u - l) / 2, o = c.value.left - (u - l) / 2, z = c.value.right - (u + l) / 2, H = Math.max(o, Math.min(i, z));
-      return D(H);
+      return W(H);
     }
     tl(() => {
       let l = null, u = null;
@@ -2084,7 +2084,7 @@ const dn = {
       }, n = new ResizeObserver((i) => {
         let o = i.find((z) => z.target === l) || i[0];
         o && e(o.contentRect.width || 200);
-      }), a = Da((i) => {
+      }), a = Wa((i) => {
         const o = Ha.value;
         l && l !== o && (n.unobserve(l), l = null), o && o !== l && (Et(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
@@ -2105,10 +2105,10 @@ const dn = {
       if (Nl.value = !1, Vl(u))
         try {
           const e = u({
-            absoluteIndex: l + p.value.start,
+            absoluteIndex: l + b.value.start,
             seriesIndex: l,
-            datapoint: xt.value,
-            bars: bt.value,
+            datapoint: bt.value,
+            bars: xt.value,
             lines: Ne.value,
             plots: je.value,
             config: t.value
@@ -2119,19 +2119,19 @@ const dn = {
           console.warn("Custom format cannot be applied on timeTag."), Nl.value = !1;
         }
       if (!Nl.value)
-        return [null, void 0].includes(_e.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? Kl.value(l + p.value.start, t.value.chart.timeTag.timeFormat) : _e.value[l].text;
+        return [null, void 0].includes(_e.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? Kl.value(l + b.value.start, t.value.chart.timeTag.timeFormat) : _e.value[l].text;
     });
     vt(() => d.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (Nt.value = !1), xe.value = Math.max(...re.value.map((u) => Ye(u.series).length)), p.value = {
+      Array.isArray(l) && l.length > 0 && (Nt.value = !1), be.value = Math.max(...re.value.map((u) => Ye(u.series).length)), b.value = {
         start: 0,
-        end: xe.value
+        end: be.value
       }, Yt.value += 1, Tt.value += 1, h();
     }, { deep: !0 }), vt(() => d.config, (l) => {
       se.value || (t.value = it()), Ql(), sl.value += 1, il.value += 1, dl(), h();
     }, { deep: !0 });
-    const jl = b(!1);
+    const jl = p(!1);
     function Ba() {
-      const l = be.value?.parentNode;
+      const l = xe.value?.parentNode;
       if (!l) {
         jl.value = !1;
         return;
@@ -2144,10 +2144,10 @@ const dn = {
       const l = new ResizeObserver(() => {
         Ba(), jl.value && (Ql(), h(), Ll());
       });
-      be.value?.parentNode && l.observe(be.value.parentNode);
+      xe.value?.parentNode && l.observe(xe.value.parentNode);
     }), vt(t, () => {
       dl();
-    }, { immediate: !0 }), Wl({
+    }, { immediate: !0 }), Dl({
       getData: fo,
       getImage: mo,
       generatePdf: Rt,
@@ -2163,7 +2163,7 @@ const dn = {
       id: `vue-ui-xy_${Z.value}`,
       class: Ee(`vue-ui-xy ${Se.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
-      ref: be,
+      ref: xe,
       style: $(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: u[10] || (u[10] = () => ra(!0)),
       onMouseleave: u[11] || (u[11] = () => ra(!1))
@@ -2176,7 +2176,7 @@ const dn = {
         active: we.value,
         onClose: Gl
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      xo.value ? (s(), r("div", {
+      bo.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: At,
@@ -2342,7 +2342,7 @@ const dn = {
           ref: Xl,
           class: "vue-data-ui-g"
         }, [
-          el(v(Dt)),
+          el(v(Wt)),
           l.$slots["chart-background"] ? (s(), r("foreignObject", {
             key: 0,
             x: c.value.left + ee.value < 0 ? 0 : c.value.left + ee.value,
@@ -2378,7 +2378,7 @@ const dn = {
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Dn))), 256)) : e.yLabels.length ? (s(!0), r(g, { key: 1 }, C(e.yLabels, (n) => (s(), r("line", {
+                }, null, 8, Wn))), 256)) : e.yLabels.length ? (s(!0), r(g, { key: 1 }, C(e.yLabels, (n) => (s(), r("line", {
                   x1: c.value.left + ee.value,
                   x2: c.value.right - ee.value,
                   y1: v(q)(n.y),
@@ -2410,7 +2410,7 @@ const dn = {
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
-                  }, null, 8, Wn))), 256))
+                  }, null, 8, Dn))), 256))
                 ])) : f("", !0)
               ], 64)),
               t.value.chart.grid.showVerticalLines ? (s(), r("g", Yn, [
@@ -2432,7 +2432,7 @@ const dn = {
                 }, null, 8, qn)
               ])) : f("", !0)
             ]),
-            (s(!0), r(g, null, C(bt.value, (e, n) => (s(), r("defs", {
+            (s(!0), r(g, null, C(xt.value, (e, n) => (s(), r("defs", {
               key: `def_rect_${n}`
             }, [
               y("linearGradient", {
@@ -2530,15 +2530,15 @@ const dn = {
                 }, null, 8, vu)
               ], 8, ru)
             ]))), 128)),
-            (s(!0), r(g, null, C(bo.value, (e) => (s(), r("g", null, [
+            (s(!0), r(g, null, C(xo.value, (e) => (s(), r("g", null, [
               e.show ? (s(), r(g, { key: 0 }, [
                 (s(!0), r(g, null, C(e.span, (n, a) => (s(), r("g", null, [
                   y("rect", {
                     style: $({
                       transition: "none",
-                      opacity: e.from + a >= p.value.start && e.from + a <= p.value.end - 1 ? 1 : 0
+                      opacity: e.from + a >= b.value.start && e.from + a <= b.value.end - 1 ? 1 : 0
                     }),
-                    x: c.value.left + c.value.width / I.value * (e.from + a - p.value.start),
+                    x: c.value.left + c.value.width / I.value * (e.from + a - b.value.start),
                     y: c.value.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / I.value < 0 ? 1e-5 : c.value.width / I.value,
@@ -2548,11 +2548,11 @@ const dn = {
                 (s(!0), r(g, null, C(e.span, (n, a) => (s(), r("g", null, [
                   e.caption.text && a === 0 ? (s(), r("foreignObject", {
                     key: 0,
-                    x: c.value.left + c.value.width / I.value * (e.from + a - p.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / I.value * e.span / 2),
+                    x: c.value.left + c.value.width / I.value * (e.from + a - b.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / I.value * e.span / 2),
                     y: c.value.top + e.caption.offsetY,
                     style: $({
                       overflow: "visible",
-                      opacity: e.to >= p.value.start && e.from < p.value.end ? 1 : 0
+                      opacity: e.to >= b.value.start && e.from < b.value.end ? 1 : 0
                     }),
                     height: "1",
                     width: e.caption.width === "auto" ? c.value.width / I.value * e.span : e.caption.width
@@ -2578,7 +2578,7 @@ const dn = {
                 }, null, 8, mu)
               ]))), 128))
             ])) : f("", !0),
-            bt.value.length ? (s(!0), r(g, { key: 1 }, C(bt.value, (e, n) => (s(), r("g", {
+            xt.value.length ? (s(!0), r(g, { key: 1 }, C(xt.value, (e, n) => (s(), r("g", {
               key: `serie_bar_${e.id}`,
               class: Ee(`serie_bar_${n}`),
               style: $(`opacity:${O.value ? O.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2589,8 +2589,8 @@ const dn = {
                 He(a.value) ? (s(), r("rect", {
                   key: 0,
                   x: Ml(a) + zl.value / 2,
-                  y: k.value.useIndividualScale ? pa(a) : ba(a),
-                  height: k.value.useIndividualScale ? Math.abs(xa(a)) : Math.abs(ga(a)),
+                  y: k.value.useIndividualScale ? pa(a) : xa(a),
+                  height: k.value.useIndividualScale ? Math.abs(ba(a)) : Math.abs(ga(a)),
                   width: Al.value - zl.value,
                   rx: t.value.bar.borderRadius,
                   fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${n}_${Z.value})` : `url(#rectGradient_neg_${n}_${Z.value})` : e.color,
@@ -2603,27 +2603,27 @@ const dn = {
                 He(a.value) && l.$slots.pattern ? (s(), r("rect", {
                   key: 1,
                   x: Ml(a) - zl.value / 2,
-                  y: k.value.useIndividualScale ? pa(a) : ba(a),
-                  height: k.value.useIndividualScale ? Math.abs(xa(a)) : Math.abs(ga(a)),
+                  y: k.value.useIndividualScale ? pa(a) : xa(a),
+                  height: k.value.useIndividualScale ? Math.abs(ba(a)) : Math.abs(ga(a)),
                   width: Al.value - zl.value,
                   rx: t.value.bar.borderRadius,
                   fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
                   style: $({ transition: v(se) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, xu)) : f("", !0),
+                }, null, 12, bu)) : f("", !0),
                 a.comment && t.value.chart.comments.show ? (s(), r("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
                   width: Al.value / 2 + t.value.chart.comments.width,
                   x: Ml(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                  y: v(D)(a.y) + t.value.chart.comments.offsetY + 6
+                  y: v(W)(a.y) + t.value.chart.comments.offsetY + 6
                 }, [
                   j(l.$slots, "plot-comment", {
                     plot: { ...a, color: e.color, seriesIndex: n, datapointIndex: i }
                   }, void 0, !0)
-                ], 8, bu)) : f("", !0)
+                ], 8, xu)) : f("", !0)
               ]))), 128)),
               Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(te)(e.plots).trend) ? (s(), r("g", pu, [
                 y("defs", null, [
@@ -2780,7 +2780,7 @@ const dn = {
                 e.value >= Qe.value.min && e.value <= Qe.value.max ? (s(), r("text", {
                   key: 1,
                   x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
-                  y: v(D)(e.y + _.value.dataLabels / 3),
+                  y: v(W)(e.y + _.value.dataLabels / 3),
                   "font-size": _.value.dataLabels,
                   "text-anchor": "end",
                   fill: t.value.chart.grid.labels.color
@@ -2808,7 +2808,7 @@ const dn = {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: t.value.plot.useGradient ? `url(#plotGradient_${n}_${Z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
-                  plot: { x: v(D)(a.x), y: v(D)(a.y) },
+                  plot: { x: v(W)(a.x), y: v(W)(a.y) },
                   radius: S.value !== null && S.value === i || F.value !== null && F.value === i ? (Ie.value.plot || 6) * 1.5 : Ie.value.plot || 6,
                   stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                   strokeWidth: t.value.plot.dot.strokeWidth,
@@ -2893,9 +2893,9 @@ const dn = {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: $({ transition: v(se) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Wu)) : f("", !0)
+              }, null, 12, Du)) : f("", !0)
             ], 6))), 128)),
-            l.$slots.pattern ? (s(), r("defs", Du, [
+            l.$slots.pattern ? (s(), r("defs", Wu, [
               (s(!0), r(g, null, C(gt.value, (e, n) => j(l.$slots, "pattern", Rl({
                 key: `serie_pattern_slot_${e.id}`
               }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Z.value}_${n}` }), void 0, !0)), 128))
@@ -2972,7 +2972,7 @@ const dn = {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: t.value.line.useGradient ? `url(#lineGradient_${n}_${Z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
-                  plot: { x: v(D)(a.x), y: v(D)(a.y) },
+                  plot: { x: v(W)(a.x), y: v(W)(a.y) },
                   radius: S.value !== null && S.value === i || F.value !== null && F.value === i ? (Ie.value.line || 6) * 1.5 : ($a(e.plots, i), Ie.value.line || 6),
                   stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                   strokeWidth: t.value.line.dot.strokeWidth,
@@ -3035,7 +3035,7 @@ const dn = {
               ])) : f("", !0)
             ], 6))), 128)),
             (t.value.bar.labels.show || t.value.bar.serieName.show) && k.value.dataLabels.show ? (s(), r("g", ui, [
-              (s(!0), r(g, null, C(bt.value, (e, n) => (s(), r(g, {
+              (s(!0), r(g, null, C(xt.value, (e, n) => (s(), r(g, {
                 key: `xLabel_bar_${e.id}`
               }, [
                 (s(!0), r(g, null, C(e.plots, (a, i) => (s(), r(g, {
@@ -3044,7 +3044,7 @@ const dn = {
                   a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || S.value !== null && S.value === i || F.value !== null && F.value === i) && t.value.bar.labels.show ? (s(), r("text", {
                     key: 0,
                     x: k.value.useIndividualScale && k.value.isStacked ? a.x + ae.value.line / 2 : Ml(a) + Jt() / 2 - Cl.value / 2,
-                    y: v(D)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
+                    y: v(W)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": _.value.plotLabels,
                     fill: t.value.bar.labels.color,
@@ -3179,7 +3179,7 @@ const dn = {
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            t.value.line.labels.show && k.value.dataLabels.show ? (s(), r("g", xi, [
+            t.value.line.labels.show && k.value.dataLabels.show ? (s(), r("g", bi, [
               (s(!0), r(g, null, C(Ne.value, (e, n) => (s(), r(g, {
                 key: `xLabel_line_${e.id}`
               }, [
@@ -3207,7 +3207,7 @@ const dn = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, bi)) : f("", !0)
+                  ) : ""), 13, xi)) : f("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : (s(), r("g", pi, [
@@ -3408,7 +3408,7 @@ const dn = {
               t.value.chart.grid.labels.axis.xLabel ? (s(), r("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
-                ref: De,
+                ref: We,
                 "text-anchor": "middle",
                 x: ue.value / 2,
                 y: pe.value - 3,
@@ -3505,7 +3505,7 @@ const dn = {
                   y: Math.min(e.yTop, e.yBottom),
                   x: e.x1,
                   width: c.value.width,
-                  height: v(D)(e.areaHeight, 0),
+                  height: v(W)(e.areaHeight, 0),
                   fill: v(et)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
                 }, null, 8, Bi)) : f("", !0),
@@ -3525,7 +3525,7 @@ const dn = {
                 }, ne(e.config.label.text), 9, Ei)) : f("", !0)
               ]))), 128))
             ])) : f("", !0),
-            t.value.chart.timeTag.show && (![null, void 0].includes(S.value) || ![null, void 0].includes(F.value)) ? (s(), r("g", Wi, [
+            t.value.chart.timeTag.show && (![null, void 0].includes(S.value) || ![null, void 0].includes(F.value)) ? (s(), r("g", Di, [
               (s(), r("foreignObject", {
                 x: Lo(),
                 y: c.value.bottom,
@@ -3540,7 +3540,7 @@ const dn = {
                   style: $(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${t.value.chart.timeTag.backgroundColor};color:${t.value.chart.timeTag.color};font-size:${t.value.chart.timeTag.fontSize}px`),
                   innerHTML: Mo.value
                 }, null, 12, Xi)
-              ], 8, Di)),
+              ], 8, Wi)),
               y("circle", {
                 cx: c.value.left + c.value.width / I.value * ((S.value !== null ? S.value : 0) || (F.value !== null ? F.value : 0)) + c.value.width / I.value / 2,
                 cy: c.value.bottom,
@@ -3550,8 +3550,8 @@ const dn = {
             ])) : f("", !0)
           ])) : f("", !0),
           ce.value ? (s(), r("rect", Rl({ key: 2 }, w.value, {
-            "data-start": p.value.start,
-            "data-end": p.value.end
+            "data-start": b.value.start,
+            "data-end": b.value.end
           }), null, 16, Gi)) : f("", !0),
           j(l.$slots, "svg", { svg: ut.value }, void 0, !0)
         ], 512)
@@ -3784,19 +3784,19 @@ const dn = {
         ], 64))), 128))
       ], 64))), 128)),
       t.value.chart.zoom.preview.enable ? (s(), r(g, { key: 5 }, [
-        t.value.chart.zoom.show && xe.value > 6 && st.value ? (s(), Ue(Tn, {
+        t.value.chart.zoom.show && be.value > 6 && st.value ? (s(), Ue(Tn, {
           ref_key: "chartSlicer",
           ref: Oe,
           key: `slicer_${Yt.value}`,
-          max: xe.value,
+          max: be.value,
           min: 0,
-          valueStart: p.value.start,
-          valueEnd: p.value.end,
-          start: p.value.start,
-          "onUpdate:start": u[1] || (u[1] = (e) => p.value.start = e),
-          end: p.value.end,
-          "onUpdate:end": u[2] || (u[2] = (e) => p.value.end = e),
-          selectedSeries: xt.value,
+          valueStart: b.value.start,
+          valueEnd: b.value.end,
+          start: b.value.start,
+          "onUpdate:start": u[1] || (u[1] = (e) => b.value.start = e),
+          end: b.value.end,
+          "onUpdate:end": u[2] || (u[2] = (e) => b.value.end = e),
+          selectedSeries: bt.value,
           customFormat: t.value.chart.zoom.customFormat,
           background: t.value.chart.zoom.color,
           fontSize: t.value.chart.zoom.fontSize,
@@ -3835,18 +3835,18 @@ const dn = {
           _: 3
         }, 8, ["max", "valueStart", "valueEnd", "start", "end", "selectedSeries", "customFormat", "background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "usePreciseLabels", "preciseLabels", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "timeLabels", "isPreview"])) : f("", !0)
       ], 64)) : (s(), r(g, { key: 6 }, [
-        t.value.chart.zoom.show && xe.value > 6 && st.value ? (s(), Ue(cn, {
+        t.value.chart.zoom.show && be.value > 6 && st.value ? (s(), Ue(cn, {
           ref_key: "chartSlicer",
           ref: Oe,
           key: `slicer_${Yt.value}`,
-          max: xe.value,
+          max: be.value,
           min: 0,
-          valueStart: p.value.start,
-          valueEnd: p.value.end,
-          start: p.value.start,
-          "onUpdate:start": u[5] || (u[5] = (e) => p.value.start = e),
-          end: p.value.end,
-          "onUpdate:end": u[6] || (u[6] = (e) => p.value.end = e),
+          valueStart: b.value.start,
+          valueEnd: b.value.end,
+          start: b.value.start,
+          "onUpdate:start": u[5] || (u[5] = (e) => b.value.start = e),
+          end: b.value.end,
+          "onUpdate:end": u[6] || (u[6] = (e) => b.value.end = e),
           background: t.value.chart.zoom.color,
           fontSize: t.value.chart.zoom.fontSize,
           useResetSlot: t.value.chart.zoom.useResetSlot,
@@ -3991,7 +3991,7 @@ const dn = {
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      st.value ? (s(), Ue(v(Wt), {
+      st.value ? (s(), Ue(v(Dt), {
         key: 9,
         hideDetails: "",
         config: {
@@ -4033,7 +4033,7 @@ const dn = {
               key: `sparkline_${Tt.value}`,
               dataset: yo.value,
               config: ko.value
-            }, null, 8, ["dataset", "config"])) : (s(), Ue(v(We), {
+            }, null, 8, ["dataset", "config"])) : (s(), Ue(v(De), {
               key: `table_${il.value}`,
               colNames: Tl.value.colNames,
               head: Tl.value.head,
@@ -4062,7 +4062,7 @@ const dn = {
       v(se) ? (s(), Ue(an, { key: 10 })) : f("", !0)
     ], 46, Nn));
   }
-}, Is = /* @__PURE__ */ Ja(gs, [["__scopeId", "data-v-c8aa6d89"]]);
+}, Is = /* @__PURE__ */ Ja(gs, [["__scopeId", "data-v-5bcabf3a"]]);
 export {
   Is as default
 };