vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-xy-canvas-CrnBxoa0.js → vue-ui-xy-canvas-CWQzUQzY.js}

@@ -1,6 +1,6 @@
-import { defineAsyncComponent as ze, ref as c, computed as g, useSlots as vl, onMounted as Jt, toRefs as cl, watch as E, nextTick as Te, onBeforeUnmount as ot, watchEffect as st, shallowRef as ut, openBlock as M, createElementBlock as $e, normalizeClass as dl, normalizeStyle as ve, createElementVNode as H, toDisplayString as Ae, createBlock as q, createCommentVNode as W, unref as S, createSlots as Qt, withCtx as x, renderSlot as k, normalizeProps as K, guardReactiveProps as J, createVNode as ea, Teleport as hl, resolveDynamicComponent as fl, mergeProps as ml, createTextVNode as ta } from "vue";
-import { j as yl, t as aa, m as gl, p as se, $ as pl, n as bl, D as nt, k as ce, l as de, s as la, H as xl, a8 as Ll, J as Cl, o as kl, q as wl, T as rt, u as Me, x as Sl, a0 as zl, a1 as Tl, U as oa } from "./lib-DBptbyyI.js";
-import { c as $l, a as it, d as Al, t as Ml, u as Il, l as T, r as _e, b as Q, p as sa } from "./useResponsive-DfdjqQps.js";
+import { defineAsyncComponent as ze, ref as c, computed as g, useSlots as vl, onMounted as Jt, toRefs as cl, watch as E, nextTick as Te, onBeforeUnmount as ot, watchEffect as st, shallowRef as ut, openBlock as I, createElementBlock as $e, normalizeClass as dl, normalizeStyle as ve, createElementVNode as H, toDisplayString as Ae, createBlock as q, createCommentVNode as W, unref as z, createSlots as Qt, withCtx as x, renderSlot as k, normalizeProps as K, guardReactiveProps as J, createVNode as ea, Teleport as hl, resolveDynamicComponent as fl, mergeProps as ml, createTextVNode as ta } from "vue";
+import { j as yl, t as aa, m as gl, p as se, $ as pl, n as bl, D as nt, k as ce, l as de, s as la, H as xl, a8 as Ll, J as Cl, o as kl, q as wl, T as rt, u as Ie, x as Sl, a0 as zl, a1 as Tl, U as oa } from "./lib-DBptbyyI.js";
+import { c as $l, a as it, d as Al, t as Il, u as Ml, l as T, r as _e, b as Q, p as sa } from "./useResponsive-DfdjqQps.js";
 import { u as Fl, a as ua, b as Pl } from "./useTimeLabels-C-A2uZKi.js";
 import { u as Rl } from "./useConfig-DO94Aj5s.js";
 import { u as Dl, B as Ol } from "./BaseScanner-BhhkKVoj.js";
@@ -12,9 +12,9 @@ import { u as Hl } from "./useChartAccessibility-9icAAmYg.js";
 import Wl from "./img-LXxMLmCg.js";
 import _l from "./vue_ui_xy_canvas-6BBDSowT.js";
 import Xl from "./Legend-CS7Xo5LK.js";
-import Ul from "./Title-BeMKE1cj.js";
-import Yl from "./BaseIcon-Cb3zzG6s.js";
-import Vl from "./vue-ui-accordion-nvggWcGN.js";
+import Vl from "./Title-BeMKE1cj.js";
+import Ul from "./BaseIcon-Cb3zzG6s.js";
+import Yl from "./vue-ui-accordion-nvggWcGN.js";
 import { S as ql } from "./SlicerPreview-DTjwV0iY.js";
 import { B as jl } from "./BaseLegendToggle-BQVIawmA.js";
 import { _ as Gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -52,7 +52,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
   },
   emits: ["selectLegend", "selectX", "copyAlt"],
   setup(vt, { expose: na, emit: ra }) {
-    const ia = ze(() => import("./Tooltip-Bf-kM3_A.js")), va = ze(() => import("./DataTable-DT2kIdQ6.js")), ca = ze(() => import("./UserOptions-DWHf8jyO.js")), da = ze(() => import("./NonSvgPenAndPaper-vqweC0WU.js")), ha = ze(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_xy_canvas: fa } = Rl(), { isThemeValid: ma, warnInvalidTheme: ya } = Nl(), D = vt, j = c(yl()), G = c(null), ue = c(null), v = c(null), y = c(1), ee = c(1), he = c(!1), f = c(null), fe = c(""), ct = c(null), p = c([]), ne = c(1), N = c(!0), _ = c(!0), Ie = c(null), dt = c(0), me = c(!1), ht = c(null), ft = c(null), te = c(null), mt = c(null), Ue = c(0), Ye = c(0), Ve = c(0), X = c(null), yt = c(!1), ye = c(null), qe = c(null), ge = c(!1), gt = c(!1), Fe = c(!1), $ = c(null), je = c(!1), Pe = c(!1), Ge = c(!1), U = c(null), pt = c({ x: 0, y: 0 }), Y = g(() => Array.isArray(Ze.value) && Ze.value.length > 0), Re = ra, ga = vl();
+    const ia = ze(() => import("./Tooltip-Bf-kM3_A.js")), va = ze(() => import("./DataTable-DT2kIdQ6.js")), ca = ze(() => import("./UserOptions-rW2fRf3V.js")), da = ze(() => import("./NonSvgPenAndPaper-VyJFyJ6X.js")), ha = ze(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_xy_canvas: fa } = Rl(), { isThemeValid: ma, warnInvalidTheme: ya } = Nl(), D = vt, j = c(yl()), G = c(null), ue = c(null), v = c(null), y = c(1), ee = c(1), he = c(!1), f = c(null), fe = c(""), ct = c(null), p = c([]), ne = c(1), N = c(!0), _ = c(!0), Me = c(null), dt = c(0), me = c(!1), ht = c(null), ft = c(null), te = c(null), mt = c(null), Ve = c(0), Ue = c(0), Ye = c(0), X = c(null), yt = c(!1), ye = c(null), qe = c(null), ge = c(!1), gt = c(!1), Fe = c(!1), $ = c(null), je = c(!1), Pe = c(!1), Ge = c(!1), V = c(null), pt = c({ x: 0, y: 0 }), U = g(() => Array.isArray(Ze.value) && Ze.value.length > 0), Re = ra, ga = vl();
     Jt(() => {
       ga["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
@@ -60,9 +60,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       const e = t.value.style.chart.title.text || "XY chart", a = s.value.end - s.value.start, l = h.value.filter((u) => !p.value.includes(u.absoluteIndex)).length;
       return `${e}. ${l} series. ${a} visible data points.`;
     }), ba = g(() => {
-      if (U.value === null) return "";
-      const e = U.value + s.value.start, a = t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[U.value] ? t.value.style.chart.tooltip.useDefaultTimeFormat ? z.value.slice(s.value.start, s.value.end)[U.value]?.text : tt.value[U.value]?.text : z.value[e]?.text ?? `Point ${e + 1}`, l = h.value.filter((u) => !p.value.includes(u.absoluteIndex)).map((u) => {
-        const n = u.series[U.value], i = n?.value ?? n ?? null;
+      if (V.value === null) return "";
+      const e = V.value + s.value.start, a = t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[V.value] ? t.value.style.chart.tooltip.useDefaultTimeFormat ? S.value.slice(s.value.start, s.value.end)[V.value]?.text : tt.value[V.value]?.text : S.value[e]?.text ?? `Point ${e + 1}`, l = h.value.filter((u) => !p.value.includes(u.absoluteIndex)).map((u) => {
+        const n = u.series[V.value], i = n?.value ?? n ?? null;
         return `${u.name}: ${i}`;
       }).join(". ");
       return `${a}. ${l}.`;
@@ -173,9 +173,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       })), a;
     }
     E(() => D.config, (e) => {
-      De.value || (t.value = Je()), Ke.value = !t.value.userOptions.showOnChartHover, Xt(), Ue.value += 1, Ye.value += 1, Ve.value += 1, d.value.showTable = t.value.table.show, d.value.showDataLabels = t.value.style.chart.dataLabels.show, d.value.stacked = t.value.style.chart.stacked, d.value.showTooltip = t.value.style.chart.tooltip.show;
+      De.value || (t.value = Je()), Ke.value = !t.value.userOptions.showOnChartHover, Xt(), Ve.value += 1, Ue.value += 1, Ye.value += 1, d.value.showTable = t.value.table.show, d.value.showDataLabels = t.value.style.chart.dataLabels.show, d.value.stacked = t.value.style.chart.stacked, d.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 }), E(() => D.dataset, async (e) => {
-      !Array.isArray(e) || e.length === 0 || (await Te(), L.value && !v.value && (v.value = L.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, _.value = !0, await xe(), Ee(), Ue.value += 1, Ye.value += 1, Ve.value += 1);
+      !Array.isArray(e) || e.length === 0 || (await Te(), L.value && !v.value && (v.value = L.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, _.value = !0, await xe(), Ee(), Ve.value += 1, Ue.value += 1, Ye.value += 1);
     }, { deep: !0 });
     const Lt = c(t.value.style.chart.aspectRatio), { isPrinting: Ct, isImaging: kt, generatePdf: wt, generateImage: St } = El({
       elementId: `xy_canvas_${j.value}`,
@@ -190,22 +190,22 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     function zt(e) {
       me.value = e, dt.value += 1;
     }
-    const Tt = g(() => bl(t.value.customPalette)), Qe = g(() => p.value.length === I.value.length), O = g(() => I.value ? Math.max(...I.value.filter((e, a) => Qe.value ? !0 : !p.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
+    const Tt = g(() => bl(t.value.customPalette)), Qe = g(() => p.value.length === M.value.length), O = g(() => M.value ? Math.max(...M.value.filter((e, a) => Qe.value ? !0 : !p.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0);
     function wa(e) {
       $.value = e, Z();
     }
     const $t = c(0), pe = c(0);
     function Sa() {
       if (!v.value || !t.value.style.chart.grid.x.timeLabels.show) return 0;
-      const e = z.value || [], a = s.value.start ?? 0, l = s.value.end ?? 0;
+      const e = S.value || [], a = s.value.start ?? 0, l = s.value.end ?? 0;
       if (!Math.max(0, l - a)) return 0;
       const n = Math.round(
         y.value / 40 * t.value.style.chart.grid.x.timeLabels.fontSizeRatio
       ), i = `${t.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${n}px ${t.value.style.fontFamily}`;
       v.value.save(), v.value.font = i;
       let r = 0;
-      for (let V = a; V < l; V += 1) {
-        const B = e[V]?.text ?? `${V + 1}`, We = v.value.measureText(String(B));
+      for (let Y = a; Y < l; Y += 1) {
+        const B = e[Y]?.text ?? `${Y + 1}`, We = v.value.measureText(String(B));
         We.width > r && (r = We.width);
       }
       v.value.restore();
@@ -245,10 +245,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     function $a({ hasAutoScale: e, series: a, min: l, max: u, scale: n, yOffset: i, individualHeight: r, stackIndex: m = null }) {
       return a.map((C, b) => {
         const w = n.min < 0 ? Math.abs(n.min) : 0, R = At(C + w, w + n.max);
-        let oe, V;
-        e && (oe = n.min, V = At(C - oe, n.max - oe));
+        let oe, Y;
+        e && (oe = n.min, Y = At(C - oe, n.max - oe));
         let B = 0;
-        return m === null ? B = o.value.bottom - o.value.height * (e ? V : R) : B = o.value.bottom - i - r * (e ? V : R), {
+        return m === null ? B = o.value.bottom - o.value.height * (e ? Y : R) : B = o.value.bottom - i - r * (e ? Y : R), {
           x: o.value.left + o.value.slot * b + o.value.slot / 2,
           y: B,
           value: C
@@ -256,7 +256,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       });
     }
     const A = g(() => {
-      const e = t.value.style.chart.scale.min !== null ? t.value.style.chart.scale.min : Math.min(...I.value.filter((r, m) => !p.value.includes(r.absoluteIndex)).flatMap((r) => r.series.slice(s.value.start, s.value.end))), a = t.value.style.chart.scale.max !== null ? t.value.style.chart.scale.max : Math.max(...I.value.filter((r, m) => !p.value.includes(r.absoluteIndex)).flatMap((r) => r.series.slice(s.value.start, s.value.end))), l = nt(e < 0 ? e : 0, a === e ? e + 1 < 0 ? 0 : e + 1 : a < 0 ? 0 : a, t.value.style.chart.scale.ticks), u = l.min < 0 ? Math.abs(l.min) : 0, n = o.value.bottom - o.value.height * (u / (l.max + u)), i = l.ticks.map((r) => ({
+      const e = t.value.style.chart.scale.min !== null ? t.value.style.chart.scale.min : Math.min(...M.value.filter((r, m) => !p.value.includes(r.absoluteIndex)).flatMap((r) => r.series.slice(s.value.start, s.value.end))), a = t.value.style.chart.scale.max !== null ? t.value.style.chart.scale.max : Math.max(...M.value.filter((r, m) => !p.value.includes(r.absoluteIndex)).flatMap((r) => r.series.slice(s.value.start, s.value.end))), l = nt(e < 0 ? e : 0, a === e ? e + 1 < 0 ? 0 : e + 1 : a < 0 ? 0 : a, t.value.style.chart.scale.ticks), u = l.min < 0 ? Math.abs(l.min) : 0, n = o.value.bottom - o.value.height * (u / (l.max + u)), i = l.ticks.map((r) => ({
         y: o.value.bottom - o.value.height * ((r + u) / (l.max + u)),
         x: o.value.left - 8,
         value: r
@@ -269,7 +269,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         yLabels: i,
         zero: n
       };
-    }), Mt = g(() => h.value.map((e) => `
+    }), It = g(() => h.value.map((e) => `
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
@@ -287,7 +287,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       { datapoint: e, seriesIndex: f.value }
     )}</span>
             </div>
-        `)), Oe = g(() => t.value.style.chart.line.cutNullValues), I = g(() => Ze.value.map((e, a) => ({
+        `)), Oe = g(() => t.value.style.chart.line.cutNullValues), M = g(() => Ze.value.map((e, a) => ({
       ...e,
       series: xl({
         data: Ll(e.series, [], Oe.value),
@@ -297,19 +297,19 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       color: la(e.color || Tt.value[a] || se[a] || se[a % se.length])
     }))), Aa = g(() => {
       if (!t.value.style.chart.zoom.minimap.show) return [];
-      const e = I.value.filter((n) => !p.value.includes(n.absoluteIndex)), a = Math.max(...e.map((n) => n.series.length)), l = [];
+      const e = M.value.filter((n) => !p.value.includes(n.absoluteIndex)), a = Math.max(...e.map((n) => n.series.length)), l = [];
       for (let n = 0; n < a; n += 1)
         l.push(e.map((i) => i.series[n] || 0).reduce((i, r) => (i || 0) + (r || 0), 0));
       const u = Math.min(...l);
       return l.map((n) => n + (u < 0 ? Math.abs(u) : 0));
-    }), Ma = g(() => t.value.style.chart.zoom.minimap.show ? I.value.map((a) => ({
+    }), Ia = g(() => t.value.style.chart.zoom.minimap.show ? M.value.map((a) => ({
       ...a,
       isVisible: !p.value.includes(a.absoluteIndex)
     })) : []);
     E(O, (e) => {
       e && xe();
     });
-    const h = g(() => Cl(I.value.filter((e, a) => !p.value.includes(e.absoluteIndex))).map((e, a) => ({
+    const h = g(() => Cl(M.value.filter((e, a) => !p.value.includes(e.absoluteIndex))).map((e, a) => ({
       ...e,
       series: e.series.slice(s.value.start, s.value.end)
     })).map((e, a) => {
@@ -328,7 +328,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         y: o.value.bottom - m - b * (We / (r.ticks.length - 1)),
         x: o.value.left - 8,
         value: B
-      })), V = $a({
+      })), Y = $a({
         hasAutoScale: d.value.stacked && e.autoScaling,
         series: e.series,
         min: d.value.stacked ? l : A.value.min,
@@ -340,7 +340,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       });
       return {
         ...e,
-        coordinatesLine: V,
+        coordinatesLine: Y,
         min: l,
         max: u,
         localScale: r,
@@ -354,7 +354,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       start: 0,
       end: O.value
     }), F = c({ start: 0, end: O.value }), be = c(null);
-    function Ia() {
+    function Ma() {
       return new Promise((e) => requestAnimationFrame(
         () => requestAnimationFrame(() => e())
       ));
@@ -364,18 +364,18 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     });
     async function xe() {
       Ft(), await Te(), be.value && cancelAnimationFrame(be.value), be.value = requestAnimationFrame(async () => {
-        await Ia(), Ft();
+        await Ma(), Ft();
       });
     }
     const Fa = g(() => t.value.style.chart.zoom.preview.enable && (F.value.start !== s.value.start || F.value.end !== s.value.end));
-    function It(e, a) {
+    function Mt(e, a) {
       F.value[e] = a;
     }
     async function Ft() {
       if (!ge.value) {
         ge.value = !0;
         try {
-          const { startIndex: e, endIndex: a } = t.value.style.chart.zoom, l = Math.max(...I.value.map((i) => i.series.length)), u = e ?? 0, n = a != null ? Math.min(Pt(a + 1), l) : l;
+          const { startIndex: e, endIndex: a } = t.value.style.chart.zoom, l = Math.max(...M.value.map((i) => i.series.length)), u = e ?? 0, n = a != null ? Math.min(Pt(a + 1), l) : l;
           Fe.value = !0, s.value.start = u, s.value.end = n, F.value.start = u, F.value.end = n, et(), gt.value = !0, await Te(), te.value && (te.value.setStartValue(s.value.start), te.value.setEndValue(s.value.end));
         } finally {
           queueMicrotask(() => {
@@ -399,7 +399,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     function et() {
       const e = Math.max(
         1,
-        Math.max(...I.value.map((u) => u.series.length))
+        Math.max(...M.value.map((u) => u.series.length))
       );
       let a = Math.max(0, Math.min(s.value.start ?? 0, e - 1)), l = Math.max(a + 1, Math.min(s.value.end ?? e, e));
       (!Number.isFinite(a) || !Number.isFinite(l) || l <= a) && (a = 0, l = e), s.value = { start: a, end: l }, F.value.start = a, F.value.end = l, te.value && (te.value.setStartValue(a), te.value.setEndValue(l));
@@ -410,15 +410,15 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       const e = ue.value.offsetWidth, a = ue.value.offsetHeight;
       L.value.width = e * ne.value * 2, L.value.height = a * ne.value * 2, y.value = e * ne.value * 2, ee.value = a * ne.value * 2, v.value?.scale(ne.value, ne.value), Z();
     }
-    E(Y, async (e) => {
+    E(U, async (e) => {
       if (!e) {
-        Ie.value = null, he.value = !1, f.value = null, X.value = null;
+        Me.value = null, he.value = !1, f.value = null, X.value = null;
         return;
       }
       await Te(), L.value && !v.value && (v.value = L.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, _.value = !0, await xe(), Ee(), Z();
     });
     function Oa() {
-      if (v.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.fillStyle = t.value.style.chart.backgroundColor, v.value.fillRect(0, 0, o.value.canvasWidth, o.value.canvasHeight), !!Y.value)) {
+      if (v.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.fillStyle = t.value.style.chart.backgroundColor, v.value.fillRect(0, 0, o.value.canvasWidth, o.value.canvasHeight), !!U.value)) {
         if (d.value.stacked)
           t.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start < t.value.style.chart.grid.y.verticalLines.hideUnderXLength ? h.value.forEach((e) => {
             for (let a = 0; a < s.value.end - s.value.start + 1; a += 1)
@@ -467,7 +467,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                   { x: o.value.left, y: e.localYLabels[l + 1].y }
                 ],
                 {
-                  fillColor: l % 2 === 0 ? "transparent" : Me(t.value.style.chart.grid.x.horizontalLines.color, t.value.style.chart.grid.x.horizontalLines.opacity),
+                  fillColor: l % 2 === 0 ? "transparent" : Ie(t.value.style.chart.grid.x.horizontalLines.color, t.value.style.chart.grid.x.horizontalLines.opacity),
                   strokeColor: "transparent"
                 }
               );
@@ -566,7 +566,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 { x: o.value.left, y: A.value.yLabels[a + 1].y }
               ],
               {
-                fillColor: a % 2 === 0 ? "transparent" : Me(t.value.style.chart.grid.x.horizontalLines.color, t.value.style.chart.grid.x.horizontalLines.opacity),
+                fillColor: a % 2 === 0 ? "transparent" : Ie(t.value.style.chart.grid.x.horizontalLines.color, t.value.style.chart.grid.x.horizontalLines.opacity),
                 strokeColor: "transparent"
               }
             );
@@ -753,7 +753,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           }
         );
     }
-    const z = c([]);
+    const S = c([]);
     let Rt = 0;
     st(() => {
       const e = ++Rt;
@@ -765,10 +765,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           start: 0,
           end: O.value
         });
-        e === Rt && (z.value = a);
+        e === Rt && (S.value = a);
       })();
     }), st(() => {
-      t.value.style.chart.grid.x.timeLabels.show, t.value.style.chart.grid.x.timeLabels.rotation, t.value.style.chart.grid.x.timeLabels.offsetY, t.value.style.chart.grid.x.timeLabels.fontSizeRatio, t.value.style.chart.grid.x.timeLabels.bold, s.value.start, s.value.end, y.value, ee.value, (z.value || []).map((e) => e?.text ?? "").join("|"), Ta();
+      t.value.style.chart.grid.x.timeLabels.show, t.value.style.chart.grid.x.timeLabels.rotation, t.value.style.chart.grid.x.timeLabels.offsetY, t.value.style.chart.grid.x.timeLabels.fontSizeRatio, t.value.style.chart.grid.x.timeLabels.bold, s.value.start, s.value.end, y.value, ee.value, (S.value || []).map((e) => e?.text ?? "").join("|"), Ta();
     }, { flush: "post" });
     const Dt = c({ months: [], shortMonths: [], days: [], shortDays: [] });
     let Ot = 0;
@@ -800,13 +800,13 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       for (let e = s.value.start; e < s.value.end; e += 1)
         (s.value.end - s.value.start < t.value.style.chart.grid.x.timeLabels.modulo || s.value.end - s.value.start >= t.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor((s.value.end - s.value.start) / t.value.style.chart.grid.x.timeLabels.modulo) === 0 || (e === f.value + s.value.start || e === $.value) && t.value.style.chart.grid.x.timeLabels.showMarker)) && Q(
           v.value,
-          z.value[e] ? z.value[e].text : e + 1,
+          S.value[e] ? S.value[e].text : e + 1,
           o.value.left + o.value.slot * (e - s.value.start) + o.value.slot / 2,
           o.value.bottom + y.value / t.value.style.chart.grid.x.timeLabels.offsetY,
           {
             align: t.value.style.chart.grid.x.timeLabels.rotation === 0 ? "center" : t.value.style.chart.grid.x.timeLabels.rotation > 0 ? "left" : "right",
             font: `${t.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * t.value.style.chart.grid.x.timeLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
-            color: t.value.style.chart.grid.x.timeLabels.showMarker ? Me(t.value.style.chart.grid.x.timeLabels.color, f.value !== null || $.value !== null ? f.value + s.value.start === e || $.value === e ? 100 : 20 : 100) : t.value.style.chart.grid.x.timeLabels.color,
+            color: t.value.style.chart.grid.x.timeLabels.showMarker ? Ie(t.value.style.chart.grid.x.timeLabels.color, f.value !== null || $.value !== null ? f.value + s.value.start === e || $.value === e ? 100 : 20 : 100) : t.value.style.chart.grid.x.timeLabels.color,
             rotation: t.value.style.chart.grid.x.timeLabels.rotation
           }
         );
@@ -905,7 +905,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           );
       });
     }
-    function Ua(e, a) {
+    function Va(e, a) {
       const l = e.coordinatesLine.map((r, m) => {
         const C = e.series[m];
         return C != null && Number.isFinite(r?.y) ? r : null;
@@ -937,7 +937,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       } else i.length === 1 && n.push(i[0]);
       return { polygons: u, singles: n };
     }
-    function Ya(e) {
+    function Ua(e) {
       const a = e.coordinatesLine.map((n, i) => {
         const r = e.series[i];
         return r != null && Number.isFinite(n?.y) ? n : null;
@@ -951,7 +951,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     }
     function Ht(e) {
       if (Oe.value) {
-        const a = Ya(e);
+        const a = Ua(e);
         for (const l of a)
           T(v.value, l, {
             color: e.color,
@@ -963,15 +963,15 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           lineWidth: 3
         });
     }
-    function Va(e) {
+    function Ya(e) {
       const a = !!Oe.value;
       if (e.useArea) {
         const l = d.value.stacked ? e.localZero : A.value.zero;
         if (a) {
-          const { polygons: u, singles: n } = Ua(e, l);
+          const { polygons: u, singles: n } = Va(e, l);
           for (const r of u)
             sa(v.value, r, {
-              fillColor: Me(e.color, t.value.style.chart.area.opacity),
+              fillColor: Ie(e.color, t.value.style.chart.area.opacity),
               strokeColor: "transparent"
             });
           const i = y.value / 200 * t.value.style.chart.line.plots.radiusRatio;
@@ -991,7 +991,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
             v.value,
             [u, ...e.coordinatesLine, n],
             {
-              fillColor: Me(e.color, t.value.style.chart.area.opacity),
+              fillColor: Ie(e.color, t.value.style.chart.area.opacity),
               strokeColor: "transparent"
             }
           );
@@ -1035,9 +1035,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       );
     }
     function Z() {
-      !Y.value || !L.value || !v.value || (Oa(), N.value ? ((f.value !== null || $.value !== null) && t.value.style.chart.selector.show && Bt(), Xa(), d.value.stacked && t.value.style.chart.grid.x.showAxis && qa(), Da.value.forEach((e) => {
-        (e.type === "line" || !e.type) && Va(e), _.value && (Ea(e), d.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Ha(e));
-      }), L.value && (Ie.value = $l(L.value))) : (Ie.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.drawImage(Ie.value, 0, 0)), (f.value !== null || $.value !== null) && t.value.style.chart.selector.show && Bt(), (f.value !== null || $.value !== null) && h.value.forEach((e) => {
+      !U.value || !L.value || !v.value || (Oa(), N.value ? ((f.value !== null || $.value !== null) && t.value.style.chart.selector.show && Bt(), Xa(), d.value.stacked && t.value.style.chart.grid.x.showAxis && qa(), Da.value.forEach((e) => {
+        (e.type === "line" || !e.type) && Ya(e), _.value && (Ea(e), d.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Ha(e));
+      }), L.value && (Me.value = $l(L.value))) : (Me.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.drawImage(Me.value, 0, 0)), (f.value !== null || $.value !== null) && t.value.style.chart.selector.show && Bt(), (f.value !== null || $.value !== null) && h.value.forEach((e) => {
         const a = f.value ?? $.value, l = e.coordinatesLine[a];
         (e.type === "line" || !e.type || e.type === "plot") && l && Number.isFinite(l.x) && Number.isFinite(l.y) && it(
           v.value,
@@ -1059,14 +1059,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       return { y: a, value: l };
     }
     function Ga(e) {
-      if (!Y.value || !L.value || Qe.value) return;
+      if (!U.value || !L.value || Qe.value) return;
       const { left: a, top: l } = L.value.getBoundingClientRect(), u = e.clientX - a;
       if (X.value = (e.clientY - l) * 2, (X.value < o.value.top || X.value > o.value.bottom) && (X.value = null), u * 2 < o.value.left || u * 2 > o.value.right) {
         ke();
         return;
       }
       const n = u * 2 - o.value.left, i = Math.floor(n / o.value.slot);
-      if (f.value = i, U.value = i, he.value = !0, Pe.value = !1, !_.value) return;
+      if (f.value = i, V.value = i, he.value = !0, Pe.value = !1, !_.value) return;
       let r = "";
       const m = t.value.style.chart.tooltip.customFormat, C = h.value.map((b) => ({
         shape: b.shape || null,
@@ -1085,7 +1085,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         datapoint: C,
         series: h.value,
         config: t.value
-      }) : (t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[f.value] ? r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${t.value.style.chart.tooltip.useDefaultTimeFormat ? z.value.slice(s.value.start, s.value.end)[f.value]?.text : tt.value[f.value]?.text}</div>` : r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${z.value[f.value + s.value.start]?.text ?? ""}</div>`, r += Mt.value.join(""), fe.value = r), _.value = !1;
+      }) : (t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[f.value] ? r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${t.value.style.chart.tooltip.useDefaultTimeFormat ? S.value.slice(s.value.start, s.value.end)[f.value]?.text : tt.value[f.value]?.text}</div>` : r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${S.value[f.value + s.value.start]?.text ?? ""}</div>`, r += It.value.join(""), fe.value = r), _.value = !1;
     }
     function Za(e) {
       return h.value.map((a) => ({
@@ -1109,7 +1109,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         datapoint: u,
         series: h.value,
         config: t.value
-      }) : (t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[e] ? a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${t.value.style.chart.tooltip.useDefaultTimeFormat ? z.value.slice(s.value.start, s.value.end)[e]?.text : tt.value[e]?.text}</div>` : a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${z.value[e + s.value.start]?.text ?? ""}</div>`, a += Mt.value.join(""), a);
+      }) : (t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[e] ? a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${t.value.style.chart.tooltip.useDefaultTimeFormat ? S.value.slice(s.value.start, s.value.end)[e]?.text : tt.value[e]?.text}</div>` : a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${S.value[e + s.value.start]?.text ?? ""}</div>`, a += It.value.join(""), a);
     }
     function Ja(e) {
       if (!L.value || !o.value?.slot) return;
@@ -1120,10 +1120,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       };
     }
     function Wt(e, { fromKeyboard: a = !1 } = {}) {
-      !Y.value || Qe.value || e != null && (e < 0 || e >= s.value.end - s.value.start || (f.value = e, U.value = e, he.value = !0, Pe.value = a, fe.value = Ka(e), a && Ja(e), _.value = !1, Z()));
+      !U.value || Qe.value || e != null && (e < 0 || e >= s.value.end - s.value.start || (f.value = e, V.value = e, he.value = !0, Pe.value = a, fe.value = Ka(e), a && Ja(e), _.value = !1, Z()));
     }
     function ke() {
-      he.value = !1, f.value = null, U.value = null, fe.value = "", X.value = null, Pe.value = !1, Z();
+      he.value = !1, f.value = null, V.value = null, fe.value = "", X.value = null, Pe.value = !1, Z();
     }
     function Qa() {
       Ge.value = !0;
@@ -1138,8 +1138,8 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       const u = s.value.end - s.value.start;
       if (u <= 0) return;
       e.preventDefault(), e.stopPropagation();
-      let n = U.value;
-      n === null || n < 0 || n >= u ? n = l ? 0 : u - 1 : l ? (n += 1, n >= u && (n = 0)) : (n -= 1, n < 0 && (n = u - 1)), Wt(n, { fromKeyboard: !0 });
+      let n = V.value;
+      n !== null && n >= 0 && n < u ? l ? (n += 1, n >= u && (n = 0)) : (n -= 1, n < 0 && (n = u - 1)) : l ? n = 0 : n = u - 1, Wt(n, { fromKeyboard: !0 });
     }
     function _t({ seriesIndex: e, datapoint: a }) {
       const l = s.value.start + e;
@@ -1180,10 +1180,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     });
     function Xt() {
       if (kl(D.dataset) && xa.value && wl({ componentName: "VueUiXyCanvas", type: "dataset" }), Te(() => {
-        L.value && !v.value && (v.value = L.value.getContext("2d", { willReadFrequently: !0 })), v.value && Y.value && (N.value = !0, _.value = !0, Ee());
+        L.value && !v.value && (v.value = L.value.getContext("2d", { willReadFrequently: !0 })), v.value && U.value && (N.value = !0, _.value = !0, Ee());
       }), t.value.responsive) {
-        const e = Ml(() => {
-          const { width: a, height: l } = Il({
+        const e = Il(() => {
+          const { width: a, height: l } = Ml({
             chart: G.value,
             title: t.value.style.chart.title.text ? ht.value : null,
             legend: t.value.style.chart.legend.show ? ft.value : null,
@@ -1212,21 +1212,21 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     function Ne(e) {
       Re("selectLegend", h.value.find((a) => a.absoluteIndex === e)), p.value.includes(e) ? p.value = p.value.filter((a) => a !== e) : p.value.push(e), N.value = !0, Le();
     }
-    function Ut(e) {
-      if (!I.value.length)
+    function Vt(e) {
+      if (!M.value.length)
         return t.value.debug && console.warn("VueUiXyCanvas - There are no series to show."), null;
-      const a = I.value.find((l) => l.name === e);
+      const a = M.value.find((l) => l.name === e);
       return a || (t.value.debug && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null);
     }
     function ol(e) {
-      const a = Ut(e);
+      const a = Vt(e);
       a !== null && p.value.includes(a.absoluteIndex) && Ne(a.absoluteIndex);
     }
     function sl(e) {
-      const a = Ut(e);
+      const a = Vt(e);
       a !== null && (p.value.includes(a.absoluteIndex) || Ne(a.absoluteIndex));
     }
-    const Be = g(() => I.value.map((e, a) => ({
+    const Be = g(() => M.value.map((e, a) => ({
       ...e,
       name: e.name,
       color: la(e.color) || Tt.value[a] || se[a] || se[a % se.length],
@@ -1253,7 +1253,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         const i = h.value.map((r) => r.series[n] ?? 0).reduce((r, m) => r + m, 0);
         a.push(
           [
-            t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[n] ? z?.value?.slice(s.value.start, s.value.end)?.[n]?.text ?? n + 1 : n + 1
+            t.value.style.chart.grid.x.timeLabels.values.slice(s.value.start, s.value.end)[n] ? S?.value?.slice(s.value.start, s.value.end)?.[n]?.text ?? n + 1 : n + 1
           ].concat(
             h.value.map(
               (r) => (r.series[n] ?? 0).toFixed(t.value.table.rounding)
@@ -1275,7 +1275,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         breakpoint: t.value.table.responsiveBreakpoint
       }, u = [t.value.table.columnNames.period].concat(h.value.map((n) => n.name)).concat(t.value.table.columnNames.total);
       return { head: e, body: a.slice(0, s.value.end - s.value.start), config: l, colNames: u };
-    }), Yt = g(() => {
+    }), Ut = g(() => {
       if (h.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const e = h.value.map((l) => ({
         label: l.name,
@@ -1283,7 +1283,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         type: l.type
       })), a = [];
       for (let l = s.value.start; l < s.value.end; l += 1) {
-        const u = [t.value.style.chart.grid.x.timeLabels.values[l] ? z.value[l].text : l + 1];
+        const u = [t.value.style.chart.grid.x.timeLabels.values[l] ? S.value[l].text : l + 1];
         h.value.forEach((n) => {
           u.push(Number((n.series[l] || 0).toFixed(t.value.table.rounding)));
         }), a.push(u);
@@ -1291,13 +1291,13 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       return { head: e, body: a };
     });
     function at(e = null) {
-      const a = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], l = ["", ...Yt.value.head.map((r) => r.label)], u = Yt.value.body, n = a.concat([l]).concat(u), i = zl(n);
+      const a = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], l = ["", ...Ut.value.head.map((r) => r.label)], u = Ut.value.body, n = a.concat([l]).concat(u), i = zl(n);
       e ? e(i) : Tl({ csvContent: i, title: t.value.style.chart.title.text || "vue-ui-xy-canvas" });
     }
     function nl() {
       return h.value;
     }
-    function Vt() {
+    function Yt() {
       d.value.showTable = !d.value.showTable;
     }
     function qt() {
@@ -1328,7 +1328,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     const Se = g(() => {
       const e = t.value.table.useDialog && !t.value.table.show, a = d.value.showTable;
       return {
-        component: e ? ha : Vl,
+        component: e ? ha : Yl,
         title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? `: ${t.value.style.chart.title.subtitle.text}` : ""}`,
         props: e ? {
           backgroundColor: t.value.table.th.backgroundColor,
@@ -1394,14 +1394,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       generateImage: St,
       hideSeries: sl,
       showSeries: ol,
-      toggleTable: Vt,
+      toggleTable: Yt,
       toggleLabels: qt,
       toggleStack: jt,
       toggleTooltip: Gt,
       toggleAnnotator: lt,
       toggleFullscreen: zt,
       copyAlt: Kt
-    }), (e, a) => (M(), $e("div", {
+    }), (e, a) => (I(), $e("div", {
       style: ve(`width:100%; position:relative; ${t.value.responsive ? "height: 100%" : ""}; background:${t.value.style.chart.backgroundColor};`),
       ref_key: "xy",
       ref: G,
@@ -1417,14 +1417,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         H("p", null, Ae(t.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Kl),
       H("div", Jl, Ae(ba.value), 1),
-      t.value.style.chart.title.text ? (M(), $e("div", {
+      t.value.style.chart.title.text ? (I(), $e("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: ht,
         style: ve(`width:100%;background:${t.value.style.chart.backgroundColor};`)
       }, [
-        (M(), q(Ul, {
-          key: `title_${Ue.value}`,
+        (I(), q(Vl, {
+          key: `title_${Ve.value}`,
           config: {
             title: {
               cy: "xy-canvas-title",
@@ -1440,14 +1440,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       H("div", {
         id: `legend-top-${j.value}`
       }, null, 8, Ql),
-      t.value.userOptions.show && Y.value && (S(xt) || S(Ke)) ? (M(), q(S(ca), {
+      t.value.userOptions.show && U.value && (z(xt) || z(Ke)) ? (I(), q(z(ca), {
         ref_key: "userOptionsRef",
         ref: qe,
         key: `user_option_${dt.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: S(Ct),
-        isImaging: S(kt),
+        isPrinting: z(Ct),
+        isImaging: z(kt),
         uid: j.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -1471,17 +1471,17 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         tableDialog: t.value.table.useDialog,
         isCursorPointer: le.value,
         onToggleFullscreen: zt,
-        onGeneratePdf: S(wt),
+        onGeneratePdf: z(wt),
         onGenerateCsv: at,
         onGenerateImage: il,
-        onToggleTable: Vt,
+        onToggleTable: Yt,
         onToggleLabels: qt,
         onToggleStack: jt,
         onToggleTooltip: Gt,
         onToggleAnnotator: lt,
         onCopyAlt: Kt,
         style: ve({
-          visibility: S(xt) ? S(Ke) ? "visible" : "hidden" : "visible"
+          visibility: z(xt) ? z(Ke) ? "visible" : "hidden" : "visible"
         })
       }, Qt({ _: 2 }, [
         e.$slots.menuIcon ? {
@@ -1583,13 +1583,13 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           onBlur: el,
           onKeydown: tl
         }, null, 40, eo),
-        e.$slots.hint ? (M(), $e("div", to, [
+        e.$slots.hint ? (I(), $e("div", to, [
           k(e.$slots, "hint", K(J({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Ge.value })), void 0, !0)
         ])) : W("", !0),
         k(e.$slots, "skeleton", {}, () => [
-          S(De) ? (M(), q(Ol, { key: 0 })) : W("", !0)
+          z(De) ? (I(), q(Ol, { key: 0 })) : W("", !0)
         ], !0),
-        ea(S(ia), {
+        ea(z(ia), {
           teleportTo: t.value.style.chart.tooltip.teleportTo,
           show: d.value.showTooltip && he.value,
           backgroundColor: t.value.style.chart.tooltip.backgroundColor,
@@ -1600,11 +1600,11 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           borderWidth: t.value.style.chart.tooltip.borderWidth,
           position: t.value.style.chart.tooltip.position,
           offsetY: t.value.style.chart.tooltip.offsetY,
-          parent: S(L),
+          parent: e.$refs.xy,
           content: fe.value,
           isFullscreen: me.value,
           backgroundOpacity: t.value.style.chart.tooltip.backgroundOpacity,
-          isCustom: S(rt)(t.value.style.chart.tooltip.customFormat),
+          isCustom: z(rt)(t.value.style.chart.tooltip.customFormat),
           smooth: t.value.style.chart.tooltip.smooth,
           backdropFilter: t.value.style.chart.tooltip.backdropFilter,
           smoothForce: t.value.style.chart.tooltip.smoothForce,
@@ -1621,11 +1621,11 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           _: 3
         }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "position", "offsetY", "parent", "content", "isFullscreen", "backgroundOpacity", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"])
       ], 4),
-      t.value.style.chart.zoom.show && O.value > 6 && Y.value && gt.value && !S(De) ? (M(), q(ql, {
+      t.value.style.chart.zoom.show && O.value > 6 && U.value && gt.value && !z(De) ? (I(), q(ql, {
         key: 2,
         ref_key: "chartSlicer",
         ref: te,
-        allMinimaps: Ma.value,
+        allMinimaps: Ia.value,
         background: t.value.style.chart.zoom.color,
         borderColor: t.value.style.chart.backgroundColor,
         customFormat: t.value.style.chart.zoom.customFormat,
@@ -1639,8 +1639,8 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         immediate: !t.value.style.chart.zoom.preview.enable,
         inputColor: t.value.style.chart.zoom.color,
         isPreview: Fa.value,
-        labelLeft: t.value.style.chart.grid.x.timeLabels.values[s.value.start] ? z.value[s.value.start]?.text : "",
-        labelRight: t.value.style.chart.grid.x.timeLabels.values[s.value.end - 1] ? z.value[s.value.end - 1]?.text : "",
+        labelLeft: t.value.style.chart.grid.x.timeLabels.values[s.value.start] ? S.value[s.value.start]?.text : "",
+        labelRight: t.value.style.chart.grid.x.timeLabels.values[s.value.end - 1] ? S.value[s.value.end - 1]?.text : "",
         max: O.value,
         min: 0,
         minimap: Aa.value,
@@ -1653,14 +1653,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         minimapSelectedColorOpacity: t.value.style.chart.zoom.minimap.selectedColorOpacity,
         minimapSelectedIndex: f.value,
         minimapSelectionRadius: t.value.style.chart.zoom.minimap.selectionRadius,
-        preciseLabels: Nt.value?.length ? Nt.value : z.value,
+        preciseLabels: Nt.value?.length ? Nt.value : S.value,
         refreshEndPoint: t.value.style.chart.zoom.endIndex !== null ? t.value.style.chart.zoom.endIndex + 1 : O.value,
         refreshStartPoint: t.value.style.chart.zoom.startIndex !== null ? t.value.style.chart.zoom.startIndex : 0,
         selectColor: t.value.style.chart.zoom.highlightColor,
-        selectedSeries: I.value,
+        selectedSeries: M.value,
         smoothMinimap: t.value.style.chart.zoom.minimap.smooth,
         start: s.value.start,
-        timeLabels: z.value,
+        timeLabels: S.value,
         usePreciseLabels: t.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !t.value.style.chart.zoom.useDefaultFormat,
         textColor: t.value.style.chart.color,
         useResetSlot: t.value.style.chart.zoom.useResetSlot,
@@ -1675,8 +1675,8 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         handleBorderColor: t.value.style.chart.zoom.minimap.handleBorderColor,
         handleFill: t.value.style.chart.zoom.minimap.handleFill,
         handleWidth: t.value.style.chart.zoom.minimap.handleWidth,
-        onFutureEnd: a[1] || (a[1] = (l) => It("end", l)),
-        onFutureStart: a[2] || (a[2] = (l) => It("start", l)),
+        onFutureEnd: a[1] || (a[1] = (l) => Mt("end", l)),
+        onFutureStart: a[2] || (a[2] = (l) => Mt("start", l)),
         onReset: xe,
         onTrapMouse: wa,
         "onUpdate:end": Ra,
@@ -1690,7 +1690,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       H("div", {
         id: `legend-bottom-${j.value}`
       }, null, 8, ao),
-      yt.value ? (M(), q(hl, {
+      yt.value ? (I(), q(hl, {
         key: 3,
         to: t.value.style.chart.legend.position === "top" ? `#legend-top-${j.value}` : `#legend-bottom-${j.value}`
       }, [
@@ -1698,10 +1698,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           ref_key: "chartLegend",
           ref: ft
         }, [
-          t.value.style.chart.legend.show && Y.value ? (M(), q(Xl, {
+          t.value.style.chart.legend.show && U.value ? (I(), q(Xl, {
             legendSet: Be.value,
             config: ul.value,
-            key: `legend_${Ve.value}`,
+            key: `legend_${Ye.value}`,
             isCursorPointer: le.value,
             onClickMarker: a[3] || (a[3] = ({ i: l }) => Ne(l))
           }, {
@@ -1712,7 +1712,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               }, Ae(l.name), 13, lo)
             ]),
             legendToggle: x(() => [
-              Be.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !S(De) ? (M(), q(jl, {
+              Be.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !z(De) ? (I(), q(jl, {
                 key: 0,
                 backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: t.value.style.chart.legend.selectAllToggle.color,
@@ -1729,10 +1729,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : W("", !0),
-      e.$slots.watermark ? (M(), $e("div", oo, [
-        k(e.$slots, "watermark", K(J({ isPrinting: S(Ct) || S(kt) || je.value })), void 0, !0)
+      e.$slots.watermark ? (I(), $e("div", oo, [
+        k(e.$slots, "watermark", K(J({ isPrinting: z(Ct) || z(kt) || je.value })), void 0, !0)
       ])) : W("", !0),
-      e.$slots.source ? (M(), $e("div", {
+      e.$slots.source ? (I(), $e("div", {
         key: 5,
         ref_key: "source",
         ref: mt,
@@ -1740,14 +1740,14 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       }, [
         k(e.$slots, "source", {}, void 0, !0)
       ], 512)) : W("", !0),
-      Y.value && t.value.userOptions.buttons.table ? (M(), q(fl(Se.value.component), ml({ key: 6 }, Se.value.props, {
+      U.value && t.value.userOptions.buttons.table ? (I(), q(fl(Se.value.component), ml({ key: 6 }, Se.value.props, {
         ref_key: "tableUnit",
         ref: ye,
         onClose: Zt
       }), Qt({
         content: x(() => [
-          (M(), q(S(va), {
-            key: `table_${Ye.value}`,
+          (I(), q(z(va), {
+            key: `table_${Ue.value}`,
             colNames: He.value.colNames,
             head: He.value.head,
             body: He.value.body,
@@ -1784,7 +1784,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               onClick: a[4] || (a[4] = (l) => at(t.value.userOptions.callbacks.csv)),
               style: ve({ cursor: le.value ? "pointer" : "default" })
             }, [
-              ea(Yl, {
+              ea(Ul, {
                 name: "fileCsv",
                 stroke: Se.value.props.color
               }, null, 8, ["stroke"])
@@ -1793,7 +1793,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           key: "1"
         } : void 0
       ]), 1040)) : W("", !0),
-      t.value.userOptions.buttons.annotator && h.value.length ? (M(), q(S(da), {
+      t.value.userOptions.buttons.annotator && h.value.length ? (I(), q(z(da), {
         key: 7,
         parent: G.value,
         backgroundColor: t.value.style.chart.backgroundColor,
@@ -1804,7 +1804,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active", "isCursorPointer"])) : W("", !0)
     ], 46, Zl));
   }
-}, $o = /* @__PURE__ */ Gl(uo, [["__scopeId", "data-v-e0378832"]]);
+}, $o = /* @__PURE__ */ Gl(uo, [["__scopeId", "data-v-959fa836"]]);
 export {
   $o as default
 };