vue-data-ui 3.17.9 → 3.17.10

package/dist/{vue-ui-xy-canvas--zevqB3i.js → vue-ui-xy-canvas-DWZz3tHh.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as ze, ref as c, computed as g, useSlots as vl, onMounted as Ja, toRefs as cl, watch as E, nextTick as Te, onBeforeUnmount as sa, watchEffect as ua, shallowRef as na, 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 Qa, withCtx as b, renderSlot as C, normalizeProps as j, guardReactiveProps as G, createVNode as et, Teleport as hl, resolveDynamicComponent as fl, mergeProps as ml, createTextVNode as at } from "vue";
-import { j as yl, t as tt, m as gl, p as se, $ as pl, n as bl, D as ra, k as ce, l as de, s as lt, H as xl, a8 as Ll, J as Cl, o as kl, q as wl, T as ia, u as Ie, x as Sl, a0 as zl, a1 as Tl, U as ot } from "./lib-DMzrGQHK.js";
-import { c as $l, a as va, d as Al, t as Il, u as Ml, l as T, r as Ve, b as Q, p as st } from "./useResponsive-DfdjqQps.js";
-import { u as Fl, a as ut, b as Pl } from "./useTimeLabels-Cv0tD9In.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 st, watchEffect as ut, shallowRef as nt, 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 b, renderSlot as C, normalizeProps as j, guardReactiveProps as G, 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 rt, 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 it, u as Ie, x as Sl, a0 as zl, a1 as Tl, U as oa } from "./lib-DMzrGQHK.js";
+import { c as $l, a as vt, d as Al, t as Il, u as Ml, l as T, r as Ve, b as Q, p as sa } from "./useResponsive-DfdjqQps.js";
+import { u as Fl, a as ua, b as Pl } from "./useTimeLabels-Cv0tD9In.js";
 import { u as Rl } from "./useConfig-B70q17MC.js";
 import { u as Dl, B as Ol } from "./BaseScanner-C2j3TsSY.js";
 import { u as El } from "./usePrinter-C4t8DdQ-.js";
@@ -22,12 +22,12 @@ const Zl = ["id"], Kl = ["id"], Jl = {
   class: "sr-only",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, Ql = ["id"], eo = ["aria-label", "aria-describedby"], ao = {
+}, Ql = ["id"], eo = ["aria-label", "aria-describedby"], to = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
   "aria-hidden": "true"
-}, to = ["id"], lo = ["onClick"], oo = {
+}, ao = ["id"], lo = ["onClick"], oo = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, so = ["innerHTML"], uo = {
@@ -51,39 +51,39 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     }
   },
   emits: ["selectLegend", "selectX", "copyAlt"],
-  setup(ca, { expose: nt, emit: rt }) {
-    const it = ze(() => import("./Tooltip-Cvt7Fi0Q.js")), vt = ze(() => import("./DataTable-cMnb68Ik.js")), ct = ze(
+  setup(ct, { expose: na, emit: ra }) {
+    const ia = ze(() => import("./Tooltip-Cvt7Fi0Q.js")), va = ze(() => import("./DataTable-cMnb68Ik.js")), ca = ze(
       () => import("./UserOptions-DVduN6X7.js")
-    ), dt = ze(
+    ), da = ze(
       () => import("./NonSvgPenAndPaper-B6E0zEYe.js")
-    ), ht = ze(
+    ), ha = ze(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_xy_canvas: ft } = Rl(), { isThemeValid: mt, warnInvalidTheme: yt } = Nl(), D = ca, Z = c(yl()), K = c(null), ue = c(null), v = c(null), y = c(1), ee = c(1), he = c(!1), h = c(null), fe = c(""), Me = c(null), p = c([]), ne = c(1), N = c(!0), X = c(!0), Fe = c(null), da = c(0), me = c(!1), ha = c(null), fa = c(null), ae = c(null), ma = c(null), Ye = c(0), qe = c(0), je = c(0), _ = c(null), ya = c(!1), ye = c(null), Ge = c(null), ge = c(!1), ga = c(!1), Pe = c(!1), $ = c(null), Ze = c(!1), Re = c(!1), Ke = c(!1), V = c(null), pa = c({ x: 0, y: 0 }), U = g(
+    ), { vue_ui_xy_canvas: fa } = Rl(), { isThemeValid: ma, warnInvalidTheme: ya } = Nl(), D = ct, Z = c(yl()), K = c(null), ue = c(null), v = c(null), y = c(1), ee = c(1), he = c(!1), h = c(null), fe = c(""), Me = c(null), p = c([]), ne = c(1), N = c(!0), X = c(!0), Fe = c(null), dt = c(0), me = c(!1), ht = c(null), ft = c(null), te = c(null), mt = c(null), Ye = c(0), qe = c(0), je = c(0), _ = c(null), yt = c(!1), ye = c(null), Ge = c(null), ge = c(!1), gt = c(!1), Pe = c(!1), $ = c(null), Ze = c(!1), Re = c(!1), Ke = c(!1), V = c(null), pt = c({ x: 0, y: 0 }), U = g(
       () => Array.isArray(Je.value) && Je.value.length > 0
-    ), De = rt, gt = vl();
-    Ja(() => {
-      gt["chart-background"] && console.warn(
+    ), De = ra, ga = vl();
+    Jt(() => {
+      ga["chart-background"] && console.warn(
         "VueUiXyCanvas does not support the #chart-background slot."
       );
     });
-    const a = c(ea()), pt = g(() => {
-      const e = a.value.style.chart.title.text || "XY chart", t = s.value.end - s.value.start, l = f.value.filter(
+    const t = c(et()), pa = g(() => {
+      const e = t.value.style.chart.title.text || "XY chart", a = s.value.end - s.value.start, l = f.value.filter(
         (u) => !p.value.includes(u.absoluteIndex)
       ).length;
-      return `${e}. ${l} series. ${t} visible data points.`;
-    }), bt = g(() => {
+      return `${e}. ${l} series. ${a} visible data points.`;
+    }), ba = g(() => {
       if (V.value === null) return "";
-      const e = V.value + s.value.start, t = a.value.style.chart.grid.x.timeLabels.values.slice(
+      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] ? a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[V.value]?.text : Be.value[V.value]?.text : w.value[e]?.text ?? `Point ${e + 1}`, l = f.value.filter((u) => !p.value.includes(u.absoluteIndex)).map((u) => {
+      )[V.value] ? t.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[V.value]?.text : Be.value[V.value]?.text : w.value[e]?.text ?? `Point ${e + 1}`, l = f.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 `${t}. ${l}.`;
+      return `${a}. ${l}.`;
     }), le = g(
-      () => a.value.userOptions.useCursorPointer
-    ), xt = g(() => !!a.value.debug), Lt = g(() => tt({
+      () => t.value.userOptions.useCursorPointer
+    ), xa = g(() => !!t.value.debug), La = g(() => aa({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -128,11 +128,11 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           }
         }
       },
-      userConfig: a.value.skeletonConfig ?? {}
+      userConfig: t.value.skeletonConfig ?? {}
     })), { loading: Oe, FINAL_DATASET: Je } = Dl({
       ...cl(D),
-      FINAL_CONFIG: a,
-      prepareConfig: ea,
+      FINAL_CONFIG: t,
+      prepareConfig: et,
       skeletonDataset: D.config?.skeletonDataset ?? [
         {
           name: "",
@@ -148,35 +148,35 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           color: "#AAAAAA"
         }
       ],
-      skeletonConfig: tt({
-        defaultConfig: a.value,
-        userConfig: Lt.value
+      skeletonConfig: aa({
+        defaultConfig: t.value,
+        userConfig: La.value
       })
-    }), { userOptionsVisible: Qe, setUserOptionsVisibility: ba, keepUserOptionState: xa } = Bl({ config: a.value }), { svgRef: k } = Hl({
-      config: a.value.style.chart.title
+    }), { userOptionsVisible: Qe, setUserOptionsVisibility: bt, keepUserOptionState: xt } = Bl({ config: t.value }), { svgRef: k } = Hl({
+      config: t.value.style.chart.title
     });
-    function Ct() {
-      ba(!0);
+    function Ca() {
+      bt(!0);
     }
-    function kt() {
-      ba(!1), De("selectX", { seriesIndex: null, datapoint: null }), h.value = null;
+    function ka() {
+      bt(!1), De("selectX", { seriesIndex: null, datapoint: null }), h.value = null;
     }
-    function ea() {
+    function et() {
       const e = Ue({
         userConfig: D.config,
-        defaultConfig: ft
+        defaultConfig: fa
       });
-      let t = {};
+      let a = {};
       const l = e.theme;
       if (l)
-        if (!mt.value(e))
-          yt(e), t = e;
+        if (!ma.value(e))
+          ya(e), a = e;
         else {
           const u = Ue({
             userConfig: Xl[l] || D.config,
             defaultConfig: e
           });
-          t = {
+          a = {
             ...Ue({
               userConfig: D.config,
               defaultConfig: u
@@ -185,18 +185,18 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           };
         }
       else
-        t = e;
+        a = e;
       return D.config && pl(D.config, "style.chart.grid.y.timeLabels") && (console.warn(
         "VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."
-      ), t.style.chart.grid.x.timeLabels = Ue({
-        defaultConfig: t.style.chart.grid.x.timeLabels,
+      ), a.style.chart.grid.x.timeLabels = Ue({
+        defaultConfig: a.style.chart.grid.x.timeLabels,
         userConfig: D.config.style.chart.grid.y.timeLabels
-      })), t;
+      })), a;
     }
     E(
       () => D.config,
       (e) => {
-        Oe.value || (a.value = ea()), Qe.value = !a.value.userOptions.showOnChartHover, _a(), Ye.value += 1, qe.value += 1, je.value += 1, d.value.showTable = a.value.table.show, d.value.showDataLabels = a.value.style.chart.dataLabels.show, d.value.stacked = a.value.style.chart.stacked, d.value.showTooltip = a.value.style.chart.tooltip.show;
+        Oe.value || (t.value = et()), Qe.value = !t.value.userOptions.showOnChartHover, _t(), Ye.value += 1, qe.value += 1, je.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(
@@ -208,80 +208,80 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       },
       { deep: !0 }
     );
-    const La = c(a.value.style.chart.aspectRatio), { isPrinting: Ca, isImaging: ka, generatePdf: wa, generateImage: Sa } = El({
+    const Lt = c(t.value.style.chart.aspectRatio), { isPrinting: Ct, isImaging: kt, generatePdf: wt, generateImage: St } = El({
       elementId: `xy_canvas_${Z.value}`,
-      fileName: a.value.style.chart.title.text || "vue-ui-xy-canvas",
-      options: a.value.userOptions.print
+      fileName: t.value.style.chart.title.text || "vue-ui-xy-canvas",
+      options: t.value.userOptions.print
     }), d = c({
-      showTable: a.value.table.show,
-      showDataLabels: a.value.style.chart.dataLabels.show,
-      stacked: a.value.style.chart.stacked,
-      showTooltip: a.value.style.chart.tooltip.show
+      showTable: t.value.table.show,
+      showDataLabels: t.value.style.chart.dataLabels.show,
+      stacked: t.value.style.chart.stacked,
+      showTooltip: t.value.style.chart.tooltip.show
     });
-    function za(e) {
-      me.value = e, da.value += 1;
+    function zt(e) {
+      me.value = e, dt.value += 1;
     }
-    const Ta = g(() => bl(a.value.customPalette)), aa = g(
+    const Tt = g(() => bl(t.value.customPalette)), tt = g(
       () => p.value.length === M.value.length
     ), O = g(() => M.value ? Math.max(
       ...M.value.filter(
-        (e, t) => aa.value ? !0 : !p.value.includes(e.absoluteIndex)
+        (e, a) => tt.value ? !0 : !p.value.includes(e.absoluteIndex)
       ).map((e) => e.series.length)
     ) : 0);
-    function wt(e) {
+    function wa(e) {
       $.value = e, J();
     }
-    const $a = c(0), pe = c(0);
-    function St() {
-      if (!v.value || !a.value.style.chart.grid.x.timeLabels.show) return 0;
-      const e = w.value || [], t = s.value.start ?? 0, l = s.value.end ?? 0;
-      if (!Math.max(0, l - t)) return 0;
+    const $t = c(0), pe = c(0);
+    function Sa() {
+      if (!v.value || !t.value.style.chart.grid.x.timeLabels.show) return 0;
+      const e = w.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 * a.value.style.chart.grid.x.timeLabels.fontSizeRatio
-      ), i = `${a.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${n}px ${a.value.style.fontFamily}`;
+        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 Y = t; Y < l; Y += 1) {
+      for (let Y = a; Y < l; Y += 1) {
         const B = e[Y]?.text ?? `${Y + 1}`, _e = v.value.measureText(String(B));
         _e.width > r && (r = _e.width);
       }
       v.value.restore();
-      const L = (a.value.style.chart.grid.x.timeLabels.rotation || 0) * Math.PI / 180, x = n, S = Math.abs(Math.sin(L)) * r + Math.abs(Math.cos(L)) * x, R = a.value.style.chart.grid.x.timeLabels.offsetY || 1, oe = y.value / R;
+      const L = (t.value.style.chart.grid.x.timeLabels.rotation || 0) * Math.PI / 180, x = n, S = Math.abs(Math.sin(L)) * r + Math.abs(Math.cos(L)) * x, R = t.value.style.chart.grid.x.timeLabels.offsetY || 1, oe = y.value / R;
       return Math.max(0, oe + S + 4);
     }
-    function zt() {
-      $a.value = St();
+    function za() {
+      $t.value = Sa();
     }
-    function Tt() {
+    function Ta() {
       pe.value && cancelAnimationFrame(pe.value), pe.value = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          zt();
+          za();
         });
       });
     }
-    sa(() => {
+    st(() => {
       pe.value && cancelAnimationFrame(pe.value);
     });
     const o = g(() => {
-      const e = y.value - y.value * (a.value.style.chart.paddingProportions.left + a.value.style.chart.paddingProportions.right), t = ee.value * a.value.style.chart.paddingProportions.top, l = ee.value * a.value.style.chart.paddingProportions.bottom, u = $a.value, n = ee.value - l - u, i = ee.value - (t + l) - u;
+      const e = y.value - y.value * (t.value.style.chart.paddingProportions.left + t.value.style.chart.paddingProportions.right), a = ee.value * t.value.style.chart.paddingProportions.top, l = ee.value * t.value.style.chart.paddingProportions.bottom, u = $t.value, n = ee.value - l - u, i = ee.value - (a + l) - u;
       return {
         canvasWidth: y.value,
         canvasHeight: ee.value,
-        left: y.value * a.value.style.chart.paddingProportions.left,
-        top: t,
-        right: y.value - y.value * a.value.style.chart.paddingProportions.right,
+        left: y.value * t.value.style.chart.paddingProportions.left,
+        top: a,
+        right: y.value - y.value * t.value.style.chart.paddingProportions.right,
         bottom: n,
         width: e,
         height: i,
         slot: e / (s.value.end - s.value.start)
       };
     });
-    function Aa(e, t) {
-      return e / t;
+    function At(e, a) {
+      return e / a;
     }
-    function $t({
+    function $a({
       hasAutoScale: e,
-      series: t,
+      series: a,
       min: l,
       max: u,
       scale: n,
@@ -289,10 +289,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       individualHeight: r,
       stackIndex: m = null
     }) {
-      return t.map((L, x) => {
-        const S = n.min < 0 ? Math.abs(n.min) : 0, R = Aa(L + S, S + n.max);
+      return a.map((L, x) => {
+        const S = n.min < 0 ? Math.abs(n.min) : 0, R = At(L + S, S + n.max);
         let oe, Y;
-        e && (oe = n.min, Y = Aa(
+        e && (oe = n.min, Y = At(
           L - oe,
           n.max - oe
         ));
@@ -305,22 +305,22 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       });
     }
     const A = g(() => {
-      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(
+      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)
         )
-      ), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(
+      ), 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 = ra(
+      ), l = rt(
         e < 0 ? e : 0,
-        t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t,
-        a.value.style.chart.scale.ticks
+        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,
@@ -328,20 +328,20 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       }));
       return {
         absoluteMin: u,
-        max: t,
+        max: a,
         min: e,
         scale: l,
         yLabels: i,
         zero: n
       };
-    }), Ia = g(() => f.value.map((e) => `
+    }), It = g(() => f.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}"/>
                 </svg>
                 <span>${e.name ? e.name + ": " : ""}</span>
                 <span>${ce(
-      a.value.style.chart.dataLabels.formatter,
+      t.value.style.chart.dataLabels.formatter,
       e.series[h.value] ?? "-",
       de({
         p: e.prefix || "",
@@ -352,68 +352,68 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       { datapoint: e, seriesIndex: h.value }
     )}</span>
             </div>
-        `)), Ee = g(() => a.value.style.chart.line.cutNullValues), M = g(() => Je.value.map((e, t) => ({
+        `)), Ee = g(() => t.value.style.chart.line.cutNullValues), M = g(() => Je.value.map((e, a) => ({
       ...e,
       series: xl({
         data: Ll(e.series, [], Ee.value),
-        threshold: a.value.downsample.threshold
+        threshold: t.value.downsample.threshold
       }),
-      absoluteIndex: t,
-      color: lt(
-        e.color || Ta.value[t] || se[t] || se[t % se.length]
+      absoluteIndex: a,
+      color: la(
+        e.color || Tt.value[a] || se[a] || se[a % se.length]
       )
-    }))), At = g(() => {
-      if (!a.value.style.chart.zoom.minimap.show) return [];
+    }))), Aa = g(() => {
+      if (!t.value.style.chart.zoom.minimap.show) return [];
       const e = M.value.filter(
         (n) => !p.value.includes(n.absoluteIndex)
-      ), t = Math.max(
+      ), a = Math.max(
         ...e.map((n) => n.series.length)
       ), l = [];
-      for (let n = 0; n < t; n += 1)
+      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));
-    }), It = g(() => a.value.style.chart.zoom.minimap.show ? M.value.map((t) => ({
-      ...t,
-      isVisible: !p.value.includes(t.absoluteIndex)
+    }), 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 f = g(() => Cl(
       M.value.filter(
-        (e, t) => !p.value.includes(e.absoluteIndex)
+        (e, a) => !p.value.includes(e.absoluteIndex)
       )
-    ).map((e, t) => ({
+    ).map((e, a) => ({
       ...e,
       series: e.series.slice(s.value.start, s.value.end)
-    })).map((e, t) => {
+    })).map((e, a) => {
       let l = [null, void 0].includes(e.scaleMin) ? Math.min(...e.series) || 0 : e.scaleMin, u = [null, void 0].includes(e.scaleMax) ? Math.max(...e.series) || 1 : e.scaleMax;
       l === u && (l = l >= 0 ? u - 1 : l, u = u >= 0 ? u : l + 1), e.series.filter((B) => ![null, void 0].includes(B)).map((B) => (B - l) / (u - l));
       const n = {
         valueMin: l,
         valueMax: u
-      }, i = e.scaleSteps || a.value.style.chart.scale.ticks;
+      }, i = e.scaleSteps || t.value.style.chart.scale.ticks;
       let r;
-      e.autoScaling ? r = ra(
+      e.autoScaling ? r = rt(
         n.valueMin,
         n.valueMax,
         i
-      ) : r = ra(
+      ) : r = rt(
         n.valueMin < 0 ? n.valueMin : 0,
         n.valueMax <= 0 ? 0 : n.valueMax,
         i
       );
-      const m = d.value.stacked ? o.value.height * (1 - e.cumulatedStackRatio) : 0, L = d.value.stacked ? o.value.height / a.value.style.chart.stackGap : 0, x = d.value.stacked ? o.value.height * e.stackRatio - L : o.value.height, S = r.min < 0 ? Math.abs(r.min) : 0;
+      const m = d.value.stacked ? o.value.height * (1 - e.cumulatedStackRatio) : 0, L = d.value.stacked ? o.value.height / t.value.style.chart.stackGap : 0, x = d.value.stacked ? o.value.height * e.stackRatio - L : o.value.height, S = r.min < 0 ? Math.abs(r.min) : 0;
       let R;
       e.autoScaling && d.value.stacked && u <= 0 ? R = o.value.bottom - m - x : R = o.value.bottom - m - x * (S / (r.max + S));
       const oe = r.ticks.map((B, _e) => ({
         y: o.value.bottom - m - x * (_e / (r.ticks.length - 1)),
         x: o.value.left - 8,
         value: B
-      })), Y = $t({
+      })), Y = $a({
         hasAutoScale: d.value.stacked && e.autoScaling,
         series: e.series,
         min: d.value.stacked ? l : A.value.min,
@@ -421,7 +421,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         scale: d.value.stacked ? r : A.value.scale,
         yOffset: m,
         individualHeight: x,
-        stackIndex: d.value.stacked ? t : null
+        stackIndex: d.value.stacked ? a : null
       });
       return {
         ...e,
@@ -439,29 +439,29 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       start: 0,
       end: O.value
     }), F = c({ start: 0, end: O.value }), be = c(null);
-    function Mt() {
+    function Ma() {
       return new Promise(
         (e) => requestAnimationFrame(() => requestAnimationFrame(() => e()))
       );
     }
-    sa(() => {
+    st(() => {
       be.value && cancelAnimationFrame(be.value);
     });
     async function xe() {
-      Fa(), await Te(), be.value && cancelAnimationFrame(be.value), be.value = requestAnimationFrame(async () => {
-        await Mt(), Fa();
+      Ft(), await Te(), be.value && cancelAnimationFrame(be.value), be.value = requestAnimationFrame(async () => {
+        await Ma(), Ft();
       });
     }
-    const Ft = g(() => a.value.style.chart.zoom.preview.enable && (F.value.start !== s.value.start || F.value.end !== s.value.end));
-    function Ma(e, t) {
-      F.value[e] = t;
+    const Fa = g(() => t.value.style.chart.zoom.preview.enable && (F.value.start !== s.value.start || F.value.end !== s.value.end));
+    function Mt(e, a) {
+      F.value[e] = a;
     }
-    async function Fa() {
+    async function Ft() {
       if (!ge.value) {
         ge.value = !0;
         try {
-          const { startIndex: e, endIndex: t } = a.value.style.chart.zoom, l = Math.max(...M.value.map((i) => i.series.length)), u = e ?? 0, n = t != null ? Math.min(Pa(t + 1), l) : l;
-          Pe.value = !0, s.value.start = u, s.value.end = n, F.value.start = u, F.value.end = n, ta(), ga.value = !0, await Te(), ae.value && (ae.value.setStartValue(s.value.start), ae.value.setEndValue(s.value.end));
+          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;
+          Pe.value = !0, s.value.start = u, s.value.end = n, F.value.start = u, F.value.end = n, at(), gt.value = !0, await Te(), te.value && (te.value.setStartValue(s.value.start), te.value.setEndValue(s.value.end));
         } finally {
           queueMicrotask(() => {
             Pe.value = !1;
@@ -469,31 +469,31 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         }
       }
     }
-    function Pt(e) {
-      ge.value || Pe.value || e !== s.value.start && (s.value.start = e, F.value.start = e, ta());
+    function Pa(e) {
+      ge.value || Pe.value || e !== s.value.start && (s.value.start = e, F.value.start = e, at());
     }
-    function Rt(e) {
+    function Ra(e) {
       if (ge.value || Pe.value) return;
-      const t = Pa(e);
-      t !== s.value.end && (s.value.end = t, F.value.end = t, ta());
+      const a = Pt(e);
+      a !== s.value.end && (s.value.end = a, F.value.end = a, at());
     }
-    function Pa(e) {
-      const t = O.value;
-      return e > t ? t : e < 0 || e < s.value.start ? a.value.style.chart.zoom.startIndex !== null ? a.value.style.chart.zoom.startIndex + 1 : 1 : e;
+    function Pt(e) {
+      const a = O.value;
+      return e > a ? a : e < 0 || e < s.value.start ? t.value.style.chart.zoom.startIndex !== null ? t.value.style.chart.zoom.startIndex + 1 : 1 : e;
     }
-    function ta() {
+    function at() {
       const e = Math.max(
         1,
         Math.max(...M.value.map((u) => u.series.length))
       );
-      let t = Math.max(0, Math.min(s.value.start ?? 0, e - 1)), l = Math.max(t + 1, Math.min(s.value.end ?? e, e));
-      (!Number.isFinite(t) || !Number.isFinite(l) || l <= t) && (t = 0, l = e), s.value = { start: t, end: l }, F.value.start = t, F.value.end = l, ae.value && (ae.value.setStartValue(t), ae.value.setEndValue(l));
+      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));
     }
-    const Dt = g(() => f.value.filter((e) => ["line", "plot", void 0].includes(e.type))), P = g(() => f.value.filter((e) => e.type === "bar"));
+    const Da = g(() => f.value.filter((e) => ["line", "plot", void 0].includes(e.type))), P = g(() => f.value.filter((e) => e.type === "bar"));
     function Ne() {
       if (!k.value || !ue.value) return;
-      const e = ue.value.offsetWidth, t = ue.value.offsetHeight;
-      k.value.width = e * ne.value * 2, k.value.height = t * ne.value * 2, y.value = e * ne.value * 2, ee.value = t * ne.value * 2, v.value?.scale(ne.value, ne.value), J();
+      const e = ue.value.offsetWidth, a = ue.value.offsetHeight;
+      k.value.width = e * ne.value * 2, k.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), J();
     }
     E(U, async (e) => {
       if (!e) {
@@ -502,59 +502,59 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       }
       await Te(), k.value && !v.value && (v.value = k.value.getContext("2d", { willReadFrequently: !0 })), N.value = !0, X.value = !0, await xe(), Ne(), J();
     });
-    function Ot() {
-      if (v.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.fillStyle = a.value.style.chart.backgroundColor, v.value.fillRect(
+    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
       ), !!U.value)) {
         if (d.value.stacked)
-          a.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start < a.value.style.chart.grid.y.verticalLines.hideUnderXLength ? f.value.forEach((e) => {
-            for (let t = 0; t < s.value.end - s.value.start + 1; t += 1)
+          t.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start < t.value.style.chart.grid.y.verticalLines.hideUnderXLength ? f.value.forEach((e) => {
+            for (let a = 0; a < s.value.end - s.value.start + 1; a += 1)
               T(
                 v.value,
                 [
                   {
-                    x: o.value.left + o.value.slot * t,
+                    x: o.value.left + o.value.slot * a,
                     y: o.value.bottom - e.yOffset - e.individualHeight
                   },
                   {
-                    x: o.value.left + o.value.slot * t,
+                    x: o.value.left + o.value.slot * a,
                     y: o.value.bottom - e.yOffset
                   }
                 ],
                 {
-                  color: a.value.style.chart.grid.y.verticalLines.color
+                  color: t.value.style.chart.grid.y.verticalLines.color
                 }
               );
-          }) : a.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength && f.value.forEach((e) => {
-            for (let t = s.value.start; t < s.value.end; t += 1)
-              t % Math.floor(
-                (s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo
+          }) : t.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start >= t.value.style.chart.grid.y.verticalLines.hideUnderXLength && f.value.forEach((e) => {
+            for (let a = s.value.start; a < s.value.end; a += 1)
+              a % Math.floor(
+                (s.value.end - s.value.start) / t.value.style.chart.grid.x.timeLabels.modulo
               ) === 0 && T(
                 v.value,
                 [
                   {
-                    x: o.value.left + o.value.slot * (t - s.value.start) + o.value.slot / 2,
+                    x: o.value.left + o.value.slot * (a - s.value.start) + o.value.slot / 2,
                     y: o.value.bottom - e.yOffset - e.individualHeight
                   },
                   {
-                    x: o.value.left + o.value.slot * (t - s.value.start) + o.value.slot / 2,
+                    x: o.value.left + o.value.slot * (a - s.value.start) + o.value.slot / 2,
                     y: o.value.bottom - e.yOffset
                   }
                 ],
                 {
-                  color: a.value.style.chart.grid.y.verticalLines.color
+                  color: t.value.style.chart.grid.y.verticalLines.color
                 }
               );
-          }), a.value.style.chart.grid.x.horizontalLines.show && (a.value.style.chart.grid.x.horizontalLines.alternate ? f.value.forEach((e) => {
-            e.localYLabels.forEach((t, l) => {
+          }), t.value.style.chart.grid.x.horizontalLines.show && (t.value.style.chart.grid.x.horizontalLines.alternate ? f.value.forEach((e) => {
+            e.localYLabels.forEach((a, l) => {
               l < e.localYLabels.length - 1 && Ve(
                 v.value,
                 [
-                  { x: o.value.left, y: t.y },
-                  { x: o.value.right, y: t.y },
+                  { x: o.value.left, y: a.y },
+                  { x: o.value.right, y: a.y },
                   {
                     x: o.value.right,
                     y: e.localYLabels[l + 1].y
@@ -566,27 +566,27 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 ],
                 {
                   fillColor: l % 2 === 0 ? "transparent" : Ie(
-                    a.value.style.chart.grid.x.horizontalLines.color,
-                    a.value.style.chart.grid.x.horizontalLines.opacity
+                    t.value.style.chart.grid.x.horizontalLines.color,
+                    t.value.style.chart.grid.x.horizontalLines.opacity
                   ),
                   strokeColor: "transparent"
                 }
               );
             });
           }) : f.value.forEach((e) => {
-            e.localYLabels.slice(s.value.start, s.value.end).forEach((t) => {
+            e.localYLabels.slice(s.value.start, s.value.end).forEach((a) => {
               T(
                 v.value,
                 [
-                  { x: o.value.left, y: t.y },
-                  { x: o.value.right, y: t.y }
+                  { x: o.value.left, y: a.y },
+                  { x: o.value.right, y: a.y }
                 ],
                 {
-                  color: a.value.style.chart.grid.x.horizontalLines.color
+                  color: t.value.style.chart.grid.x.horizontalLines.color
                 }
               );
             });
-          })), a.value.style.chart.grid.zeroLine.show && f.value.forEach((e) => {
+          })), t.value.style.chart.grid.zeroLine.show && f.value.forEach((e) => {
             T(
               v.value,
               [
@@ -594,11 +594,11 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 { x: o.value.right, y: e.localZero }
               ],
               {
-                color: a.value.style.chart.grid.zeroLine.color,
-                lineDash: a.value.style.chart.grid.zeroLine.dashed ? [10, 10] : [0, 0]
+                color: t.value.style.chart.grid.zeroLine.color,
+                lineDash: t.value.style.chart.grid.zeroLine.dashed ? [10, 10] : [0, 0]
               }
             );
-          }), a.value.style.chart.grid.y.axisLabels.show && f.value.forEach((e) => {
+          }), t.value.style.chart.grid.y.axisLabels.show && f.value.forEach((e) => {
             T(
               v.value,
               [
@@ -640,12 +640,12 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 align: "center",
                 rotation: -90,
                 color: e.color,
-                font: `${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`
+                font: `${Math.round(y.value / 40 * t.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`
               }
             );
           });
         else {
-          if (a.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start < a.value.style.chart.grid.y.verticalLines.hideUnderXLength)
+          if (t.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start < t.value.style.chart.grid.y.verticalLines.hideUnderXLength)
             for (let e = 0; e < s.value.end - s.value.start + 1; e += 1)
               T(
                 v.value,
@@ -660,13 +660,13 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                   }
                 ],
                 {
-                  color: a.value.style.chart.grid.y.verticalLines.color
+                  color: t.value.style.chart.grid.y.verticalLines.color
                 }
               );
-          else if (a.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength)
+          else if (t.value.style.chart.grid.y.verticalLines.show && s.value.end - s.value.start >= t.value.style.chart.grid.y.verticalLines.hideUnderXLength)
             for (let e = s.value.start; e < s.value.end; e += 1)
               e % Math.floor(
-                (s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo
+                (s.value.end - s.value.start) / t.value.style.chart.grid.x.timeLabels.modulo
               ) === 0 && T(
                 v.value,
                 [
@@ -680,28 +680,28 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                   }
                 ],
                 {
-                  color: a.value.style.chart.grid.y.verticalLines.color
+                  color: t.value.style.chart.grid.y.verticalLines.color
                 }
               );
-          a.value.style.chart.grid.x.horizontalLines.show && (a.value.style.chart.grid.x.horizontalLines.alternate ? A.value.yLabels.forEach((e, t) => {
-            t < A.value.yLabels.length - 1 && Ve(
+          t.value.style.chart.grid.x.horizontalLines.show && (t.value.style.chart.grid.x.horizontalLines.alternate ? A.value.yLabels.forEach((e, a) => {
+            a < A.value.yLabels.length - 1 && Ve(
               v.value,
               [
                 { x: o.value.left, y: e.y },
                 { x: o.value.right, y: e.y },
                 {
                   x: o.value.right,
-                  y: A.value.yLabels[t + 1].y
+                  y: A.value.yLabels[a + 1].y
                 },
                 {
                   x: o.value.left,
-                  y: A.value.yLabels[t + 1].y
+                  y: A.value.yLabels[a + 1].y
                 }
               ],
               {
-                fillColor: t % 2 === 0 ? "transparent" : Ie(
-                  a.value.style.chart.grid.x.horizontalLines.color,
-                  a.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"
               }
@@ -714,30 +714,30 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 { x: o.value.right, y: e.y }
               ],
               {
-                color: a.value.style.chart.grid.x.horizontalLines.color
+                color: t.value.style.chart.grid.x.horizontalLines.color
               }
             );
-          })), a.value.style.chart.grid.y.showAxis && T(
+          })), t.value.style.chart.grid.y.showAxis && T(
             v.value,
             [
               { x: o.value.left, y: o.value.top },
               { x: o.value.left, y: o.value.bottom }
             ],
             {
-              color: a.value.style.chart.grid.y.axisColor,
-              lineWidth: a.value.style.chart.grid.y.axisThickness
+              color: t.value.style.chart.grid.y.axisColor,
+              lineWidth: t.value.style.chart.grid.y.axisThickness
             }
-          ), a.value.style.chart.grid.x.showAxis && T(
+          ), t.value.style.chart.grid.x.showAxis && T(
             v.value,
             [
               { x: o.value.left, y: o.value.bottom },
               { x: o.value.right, y: o.value.bottom }
             ],
             {
-              color: a.value.style.chart.grid.x.axisColor,
-              lineWidth: a.value.style.chart.grid.x.axisThickness
+              color: t.value.style.chart.grid.x.axisColor,
+              lineWidth: t.value.style.chart.grid.x.axisThickness
             }
-          ), a.value.style.chart.grid.zeroLine.show && T(
+          ), t.value.style.chart.grid.zeroLine.show && T(
             v.value,
             [
               {
@@ -750,95 +750,95 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               }
             ],
             {
-              color: a.value.style.chart.grid.zeroLine.color,
-              lineDash: a.value.style.chart.grid.zeroLine.dashed ? [10, 10] : [0, 0]
+              color: t.value.style.chart.grid.zeroLine.color,
+              lineDash: t.value.style.chart.grid.zeroLine.dashed ? [10, 10] : [0, 0]
             }
           );
         }
-        a.value.style.chart.grid.y.axisName && Q(
+        t.value.style.chart.grid.y.axisName && Q(
           v.value,
-          a.value.style.chart.grid.y.axisName,
-          y.value - y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio * 1.2,
+          t.value.style.chart.grid.y.axisName,
+          y.value - y.value / 40 * t.value.style.chart.grid.y.axisLabels.fontSizeRatio * 1.2,
           o.value.bottom - o.value.height / 2,
           {
-            font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-            color: a.value.style.chart.color,
+            font: `${t.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * t.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
+            color: t.value.style.chart.color,
             align: "center",
             rotation: 90
           }
-        ), a.value.style.chart.grid.x.axisName && Q(
+        ), t.value.style.chart.grid.x.axisName && Q(
           v.value,
-          a.value.style.chart.grid.x.axisName,
+          t.value.style.chart.grid.x.axisName,
           y.value / 2,
           ee.value,
           {
-            font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-            color: a.value.style.chart.color,
+            font: `${t.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * t.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
+            color: t.value.style.chart.color,
             align: "center"
           }
         );
       }
     }
-    function Et(e) {
-      for (let t = 0; t < e.coordinatesLine.length; t += 1) {
-        const l = (h.value === t || $.value === t ? y.value / 150 : a.value.style.chart.line.plots.show || e.type === "plot" ? y.value / 200 : 0) * a.value.style.chart.line.plots.radiusRatio;
-        va(
+    function Ea(e) {
+      for (let a = 0; a < e.coordinatesLine.length; a += 1) {
+        const l = (h.value === a || $.value === a ? y.value / 150 : t.value.style.chart.line.plots.show || e.type === "plot" ? y.value / 200 : 0) * t.value.style.chart.line.plots.radiusRatio;
+        vt(
           v.value,
-          { x: e.coordinatesLine[t].x, y: e.coordinatesLine[t].y },
+          { x: e.coordinatesLine[a].x, y: e.coordinatesLine[a].y },
           l,
           {
-            color: a.value.style.chart.backgroundColor,
+            color: t.value.style.chart.backgroundColor,
             fillStyle: e.color
           }
         );
       }
     }
-    function Nt() {
+    function Na() {
       f.value.forEach((e) => {
         e.showYMarker && Ce(e) && Q(
           v.value,
           ce(
-            a.value.style.chart.dataLabels.formatter,
+            t.value.style.chart.dataLabels.formatter,
             Ce(e).value,
             de({
-              p: e.prefix || a.value.style.chart.grid.y.axisLabels.prefix || "",
+              p: e.prefix || t.value.style.chart.grid.y.axisLabels.prefix || "",
               v: Ce(e).value,
-              s: e.suffix || a.value.style.chart.grid.y.axisLabels.suffix || "",
-              r: e.rounding || a.value.style.chart.grid.y.axisLabels.rounding || 0
+              s: e.suffix || t.value.style.chart.grid.y.axisLabels.suffix || "",
+              r: e.rounding || t.value.style.chart.grid.y.axisLabels.rounding || 0
             }),
             { datapoint: Ce(e), seriesIndex: null }
           ),
-          o.value.left - 8 + a.value.style.chart.grid.y.axisLabels.offsetX,
+          o.value.left - 8 + t.value.style.chart.grid.y.axisLabels.offsetX,
           Ce(e).y,
           {
             align: "right",
-            font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
+            font: `${t.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * t.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
             color: e.color
           }
         );
       });
     }
-    function Bt() {
-      a.value.style.chart.grid.y.axisLabels.show && (d.value.stacked ? f.value.forEach((e) => {
-        e.localYLabels.forEach((t, l) => {
+    function Ba() {
+      t.value.style.chart.grid.y.axisLabels.show && (d.value.stacked ? f.value.forEach((e) => {
+        e.localYLabels.forEach((a, l) => {
           Q(
             v.value,
             ce(
-              a.value.style.chart.dataLabels.formatter,
-              t.value,
+              t.value.style.chart.dataLabels.formatter,
+              a.value,
               de({
-                p: e.prefix || a.value.style.chart.grid.y.axisLabels.prefix || "",
-                v: t.value,
-                s: e.suffix || a.value.style.chart.grid.y.axisLabels.suffix || "",
-                r: e.rounding || a.value.style.chart.grid.y.axisLabels.rounding || 0
+                p: e.prefix || t.value.style.chart.grid.y.axisLabels.prefix || "",
+                v: a.value,
+                s: e.suffix || t.value.style.chart.grid.y.axisLabels.suffix || "",
+                r: e.rounding || t.value.style.chart.grid.y.axisLabels.rounding || 0
               }),
-              { datapoint: t, seriesIndex: l }
+              { datapoint: a, seriesIndex: l }
             ),
-            t.x + a.value.style.chart.grid.y.axisLabels.offsetX,
-            t.y,
+            a.x + t.value.style.chart.grid.y.axisLabels.offsetX,
+            a.y,
             {
               align: "right",
-              font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
+              font: `${t.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * t.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
               color: e.color,
               globalAlpha: e.showYMarker && ![null, void 0].includes(
                 h.value ?? $.value
@@ -846,26 +846,26 @@ const Zl = ["id"], Kl = ["id"], Jl = {
             }
           );
         });
-      }) : A.value.yLabels.forEach((e, t) => {
+      }) : A.value.yLabels.forEach((e, a) => {
         Q(
           v.value,
           ce(
-            a.value.style.chart.dataLabels.formatter,
+            t.value.style.chart.dataLabels.formatter,
             e.value,
             de({
-              p: a.value.style.chart.grid.y.axisLabels.prefix || "",
+              p: t.value.style.chart.grid.y.axisLabels.prefix || "",
               v: e.value,
-              s: a.value.style.chart.grid.y.axisLabels.suffix || "",
-              r: a.value.style.chart.grid.y.axisLabels.rounding || 0
+              s: t.value.style.chart.grid.y.axisLabels.suffix || "",
+              r: t.value.style.chart.grid.y.axisLabels.rounding || 0
             }),
-            { datapoint: e, seriesIndex: t }
+            { datapoint: e, seriesIndex: a }
           ),
-          e.x + a.value.style.chart.grid.y.axisLabels.offsetX,
+          e.x + t.value.style.chart.grid.y.axisLabels.offsetX,
           e.y,
           {
             align: "right",
-            font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-            color: a.value.style.chart.grid.y.axisLabels.color,
+            font: `${t.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * t.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
+            color: t.value.style.chart.grid.y.axisLabels.color,
             globalAlpha: f.value.some(
               (l) => l.showYMarker
             ) && ![null, void 0].includes(
@@ -875,112 +875,112 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         );
       }));
     }
-    function Ht(e) {
-      for (let t = 0; t < e.coordinatesLine.length; t += 1)
+    function Ha(e) {
+      for (let a = 0; a < e.coordinatesLine.length; a += 1)
         Q(
           v.value,
           ce(
-            a.value.style.chart.dataLabels.formatter,
-            e.coordinatesLine[t].value,
+            t.value.style.chart.dataLabels.formatter,
+            e.coordinatesLine[a].value,
             de({
               p: e.prefix || "",
-              v: e.coordinatesLine[t].value,
+              v: e.coordinatesLine[a].value,
               s: e.suffix || "",
               r: e.rounding || 0
             }),
-            { datapoint: e.coordinatesLine[t], seriesIndex: t }
+            { datapoint: e.coordinatesLine[a], seriesIndex: a }
           ),
-          e.coordinatesLine[t].x,
-          e.coordinatesLine[t].y + a.value.style.chart.dataLabels.offsetY,
+          e.coordinatesLine[a].x,
+          e.coordinatesLine[a].y + t.value.style.chart.dataLabels.offsetY,
           {
             align: "center",
-            font: `${a.value.style.chart.dataLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.dataLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-            color: a.value.style.chart.dataLabels.useSerieColor ? e.color : a.value.style.chart.dataLabels.color,
-            strokeColor: a.value.style.chart.backgroundColor,
+            font: `${t.value.style.chart.dataLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * t.value.style.chart.dataLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
+            color: t.value.style.chart.dataLabels.useSerieColor ? e.color : t.value.style.chart.dataLabels.color,
+            strokeColor: t.value.style.chart.backgroundColor,
             lineWidth: 0.5
           }
         );
     }
     const w = c([]);
-    let Ra = 0;
-    ua(() => {
-      const e = ++Ra;
+    let Rt = 0;
+    ut(() => {
+      const e = ++Rt;
       (async () => {
-        const t = await Fl({
-          values: a.value.style.chart.grid.x.timeLabels.values,
+        const a = await Fl({
+          values: t.value.style.chart.grid.x.timeLabels.values,
           maxDatapoints: O.value,
-          formatter: a.value.style.chart.grid.x.timeLabels.datetimeFormatter,
+          formatter: t.value.style.chart.grid.x.timeLabels.datetimeFormatter,
           start: 0,
           end: O.value
         });
-        e === Ra && (w.value = t);
+        e === Rt && (w.value = a);
       })();
-    }), ua(
+    }), ut(
       () => {
-        a.value.style.chart.grid.x.timeLabels.show, a.value.style.chart.grid.x.timeLabels.rotation, a.value.style.chart.grid.x.timeLabels.offsetY, a.value.style.chart.grid.x.timeLabels.fontSizeRatio, a.value.style.chart.grid.x.timeLabels.bold, s.value.start, s.value.end, y.value, ee.value, (w.value || []).map((e) => e?.text ?? "").join("|"), Tt();
+        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, (w.value || []).map((e) => e?.text ?? "").join("|"), Ta();
       },
       { flush: "post" }
     );
-    const Da = c({
+    const Dt = c({
       months: [],
       shortMonths: [],
       days: [],
       shortDays: []
     });
-    let Oa = 0;
-    ua(() => {
-      const e = ++Oa, t = a.value.style.chart.grid.x.timeLabels.datetimeFormatter;
+    let Ot = 0;
+    ut(() => {
+      const e = ++Ot, a = t.value.style.chart.grid.x.timeLabels.datetimeFormatter;
       (async () => {
-        const l = await ut(t.locale).catch(
-          () => ut("en")
+        const l = await ua(a.locale).catch(
+          () => ua("en")
         );
-        e === Oa && (Da.value = l.data);
+        e === Ot && (Dt.value = l.data);
       })();
     });
-    const Ea = g(() => {
-      const e = a.value.style.chart.grid.x.timeLabels.datetimeFormatter, t = Pl({
+    const Et = g(() => {
+      const e = t.value.style.chart.grid.x.timeLabels.datetimeFormatter, a = Pl({
         useUTC: e.useUTC,
-        locale: Da.value,
+        locale: Dt.value,
         januaryAsYear: e.januaryAsYear
       });
       return (l, u) => {
-        const i = a.value.style.chart.grid.x.timeLabels.values?.[l];
-        return i == null ? "" : t.formatDate(new Date(i), u);
+        const i = t.value.style.chart.grid.x.timeLabels.values?.[l];
+        return i == null ? "" : a.formatDate(new Date(i), u);
       };
-    }), Na = g(() => (a.value.style.chart.grid.x.timeLabels.values || []).map((t, l) => ({
-      text: Ea.value(
+    }), Nt = g(() => (t.value.style.chart.grid.x.timeLabels.values || []).map((a, l) => ({
+      text: Et.value(
         l,
-        a.value.style.chart.zoom.timeFormat
+        t.value.style.chart.zoom.timeFormat
       ),
       absoluteIndex: l
-    }))), Be = g(() => (a.value.style.chart.grid.x.timeLabels.values || []).map((t, l) => ({
-      text: Ea.value(
+    }))), Be = g(() => (t.value.style.chart.grid.x.timeLabels.values || []).map((a, l) => ({
+      text: Et.value(
         l,
-        a.value.style.chart.tooltip.timeFormat
+        t.value.style.chart.tooltip.timeFormat
       ),
       absoluteIndex: l
     })));
-    function Wt() {
+    function Wa() {
       for (let e = s.value.start; e < s.value.end; e += 1)
-        (s.value.end - s.value.start < a.value.style.chart.grid.x.timeLabels.modulo || s.value.end - s.value.start >= a.value.style.chart.grid.x.timeLabels.modulo && (e % Math.floor(
-          (s.value.end - s.value.start) / a.value.style.chart.grid.x.timeLabels.modulo
-        ) === 0 || (e === h.value + s.value.start || e === $.value) && a.value.style.chart.grid.x.timeLabels.showMarker)) && Q(
+        (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 === h.value + s.value.start || e === $.value) && t.value.style.chart.grid.x.timeLabels.showMarker)) && Q(
           v.value,
           w.value[e] ? w.value[e].text : e + 1,
           o.value.left + o.value.slot * (e - s.value.start) + o.value.slot / 2,
-          o.value.bottom + y.value / a.value.style.chart.grid.x.timeLabels.offsetY,
+          o.value.bottom + y.value / t.value.style.chart.grid.x.timeLabels.offsetY,
           {
-            align: a.value.style.chart.grid.x.timeLabels.rotation === 0 ? "center" : a.value.style.chart.grid.x.timeLabels.rotation > 0 ? "left" : "right",
-            font: `${a.value.style.chart.grid.x.timeLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.x.timeLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-            color: a.value.style.chart.grid.x.timeLabels.showMarker ? Ie(
-              a.value.style.chart.grid.x.timeLabels.color,
+            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 ? Ie(
+              t.value.style.chart.grid.x.timeLabels.color,
               h.value !== null || $.value !== null ? h.value + s.value.start === e || $.value === e ? 100 : 20 : 100
-            ) : a.value.style.chart.grid.x.timeLabels.color,
-            rotation: a.value.style.chart.grid.x.timeLabels.rotation
+            ) : t.value.style.chart.grid.x.timeLabels.color,
+            rotation: t.value.style.chart.grid.x.timeLabels.rotation
           }
         );
     }
-    function Ba() {
+    function Bt() {
       T(
         v.value,
         [
@@ -994,13 +994,13 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           }
         ],
         {
-          color: a.value.style.chart.selector.color,
-          lineDash: a.value.style.chart.selector.dashed ? [8, 8] : [0, 0],
+          color: t.value.style.chart.selector.color,
+          lineDash: t.value.style.chart.selector.dashed ? [8, 8] : [0, 0],
           lineWidth: 2
         }
       );
     }
-    function Xt() {
+    function Xa() {
       _.value && T(
         v.value,
         [
@@ -1008,37 +1008,37 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           { x: o.value.right, y: _.value }
         ],
         {
-          color: a.value.style.chart.selector.color,
-          lineDash: a.value.style.chart.selector.dashed ? [8, 8] : [0, 0],
+          color: t.value.style.chart.selector.color,
+          lineDash: t.value.style.chart.selector.dashed ? [8, 8] : [0, 0],
           lineWidth: 2
         }
       );
     }
-    function _t() {
-      P.value.forEach((e, t) => {
+    function _a() {
+      P.value.forEach((e, a) => {
         for (let l = 0; l < e.coordinatesLine.length; l += 1)
           Ve(
             v.value,
             [
               {
-                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * t - (t === 0 ? 0 : o.value.slot / (5 * P.value.length) * t)),
+                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * P.value.length) * a)),
                 y: d.value.stacked ? e.localZero : A.value.zero
               },
               {
-                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * t - (t === 0 ? 0 : o.value.slot / (5 * P.value.length) * t)) + o.value.slot * 0.8 / (d.value.stacked ? 1 : P.value.length),
+                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * P.value.length) * a)) + o.value.slot * 0.8 / (d.value.stacked ? 1 : P.value.length),
                 y: d.value.stacked ? e.localZero : A.value.zero
               },
               {
-                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * t - (t === 0 ? 0 : o.value.slot / (5 * P.value.length) * t)) + o.value.slot * 0.8 / (d.value.stacked ? 1 : P.value.length),
+                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * P.value.length) * a)) + o.value.slot * 0.8 / (d.value.stacked ? 1 : P.value.length),
                 y: e.coordinatesLine[l].y
               },
               {
-                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * t - (t === 0 ? 0 : o.value.slot / (5 * P.value.length) * t)),
+                x: o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * P.value.length) * a)),
                 y: e.coordinatesLine[l].y
               }
             ],
             {
-              strokeColor: a.value.style.chart.backgroundColor,
+              strokeColor: t.value.style.chart.backgroundColor,
               gradient: {
                 type: "linear",
                 start: {
@@ -1053,7 +1053,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                   { offset: 0, color: e.color },
                   {
                     offset: 1,
-                    color: a.value.style.chart.bar.gradient.show ? Sl(e.color, 0.5) : e.color
+                    color: t.value.style.chart.bar.gradient.show ? Sl(e.color, 0.5) : e.color
                   }
                 ]
               }
@@ -1061,7 +1061,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           ), d.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Q(
             v.value,
             ce(
-              a.value.style.chart.dataLabels.formatter,
+              t.value.style.chart.dataLabels.formatter,
               e.coordinatesLine[l].value,
               de({
                 p: e.prefix || "",
@@ -1074,19 +1074,19 @@ const Zl = ["id"], Kl = ["id"], Jl = {
                 seriesIndex: l
               }
             ),
-            o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * t - (t === 0 ? 0 : o.value.slot / (5 * P.value.length) * t)) + o.value.slot * 0.4 / (d.value.stacked ? 1 : P.value.length),
-            (e.coordinatesLine[l].value < 0 ? d.value.stacked ? e.localZero : A.value.zero : e.coordinatesLine[l].y) + a.value.style.chart.dataLabels.offsetY,
+            o.value.left + o.value.slot * l + o.value.slot / 10 + (d.value.stacked ? 0 : o.value.slot / P.value.length * a - (a === 0 ? 0 : o.value.slot / (5 * P.value.length) * a)) + o.value.slot * 0.4 / (d.value.stacked ? 1 : P.value.length),
+            (e.coordinatesLine[l].value < 0 ? d.value.stacked ? e.localZero : A.value.zero : e.coordinatesLine[l].y) + t.value.style.chart.dataLabels.offsetY,
             {
               align: "center",
-              font: `${Math.round(y.value / 40 * a.value.style.chart.dataLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-              color: a.value.style.chart.dataLabels.useSerieColor ? e.color : a.value.style.chart.dataLabels.color,
-              strokeColor: a.value.style.chart.backgroundColor,
+              font: `${Math.round(y.value / 40 * t.value.style.chart.dataLabels.fontSizeRatio)}px ${t.value.style.fontFamily}`,
+              color: t.value.style.chart.dataLabels.useSerieColor ? e.color : t.value.style.chart.dataLabels.color,
+              strokeColor: t.value.style.chart.backgroundColor,
               lineWidth: 0.8
             }
           );
       });
     }
-    function Vt(e, t) {
+    function Va(e, a) {
       const l = e.coordinatesLine.map((r, m) => {
         const L = e.series[m];
         return L != null && Number.isFinite(r?.y) ? r : null;
@@ -1100,9 +1100,9 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           if (i.length >= 2) {
             const L = i[0], x = i[i.length - 1];
             u.push([
-              { x: L.x, y: t },
+              { x: L.x, y: a },
               ...i,
-              { x: x.x, y: t }
+              { x: x.x, y: a }
             ]);
           } else i.length === 1 && n.push(i[0]);
           i = [];
@@ -1111,29 +1111,29 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       if (i.length >= 2) {
         const r = i[0], m = i[i.length - 1];
         u.push([
-          { x: r.x, y: t },
+          { x: r.x, y: a },
           ...i,
-          { x: m.x, y: t }
+          { x: m.x, y: a }
         ]);
       } else i.length === 1 && n.push(i[0]);
       return { polygons: u, singles: n };
     }
-    function Ut(e) {
-      const t = e.coordinatesLine.map((n, i) => {
+    function Ua(e) {
+      const a = e.coordinatesLine.map((n, i) => {
         const r = e.series[i];
         return r != null && Number.isFinite(n?.y) ? n : null;
       }), l = [];
       let u = [];
-      for (let n = 0; n < t.length; n += 1) {
-        const i = t[n];
+      for (let n = 0; n < a.length; n += 1) {
+        const i = a[n];
         i ? u.push(i) : (u.length >= 2 && l.push(u), u = []);
       }
       return u.length >= 2 && l.push(u), l;
     }
-    function Ha(e) {
+    function Ht(e) {
       if (Ee.value) {
-        const t = Ut(e);
-        for (const l of t)
+        const a = Ua(e);
+        for (const l of a)
           T(v.value, l, {
             color: e.color,
             lineWidth: 3
@@ -1144,43 +1144,43 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           lineWidth: 3
         });
     }
-    function Yt(e) {
-      const t = !!Ee.value;
+    function Ya(e) {
+      const a = !!Ee.value;
       if (e.useArea) {
         const l = d.value.stacked ? e.localZero : A.value.zero;
-        if (t) {
-          const { polygons: u, singles: n } = Vt(e, l);
+        if (a) {
+          const { polygons: u, singles: n } = Va(e, l);
           for (const r of u)
-            st(v.value, r, {
+            sa(v.value, r, {
               fillColor: Ie(
                 e.color,
-                a.value.style.chart.area.opacity
+                t.value.style.chart.area.opacity
               ),
               strokeColor: "transparent"
             });
-          const i = y.value / 200 * a.value.style.chart.line.plots.radiusRatio;
+          const i = y.value / 200 * t.value.style.chart.line.plots.radiusRatio;
           for (const r of n)
-            va(v.value, { x: r.x, y: r.y }, i, {
-              color: a.value.style.chart.backgroundColor,
+            vt(v.value, { x: r.x, y: r.y }, i, {
+              color: t.value.style.chart.backgroundColor,
               fillStyle: e.color
             });
         } else {
           const u = { x: e.coordinatesLine[0].x, y: l }, n = { x: e.coordinatesLine.at(-1).x, y: l };
-          st(v.value, [u, ...e.coordinatesLine, n], {
+          sa(v.value, [u, ...e.coordinatesLine, n], {
             fillColor: Ie(
               e.color,
-              a.value.style.chart.area.opacity
+              t.value.style.chart.area.opacity
             ),
             strokeColor: "transparent"
           });
         }
-        Ha(e);
+        Ht(e);
         return;
       }
-      Ha(e);
+      Ht(e);
     }
-    function qt() {
-      f.value.forEach((e, t) => {
+    function qa() {
+      f.value.forEach((e, a) => {
         T(
           v.value,
           [
@@ -1194,50 +1194,50 @@ const Zl = ["id"], Kl = ["id"], Jl = {
             }
           ],
           {
-            color: a.value.style.chart.grid.x.horizontalLines.color,
+            color: t.value.style.chart.grid.x.horizontalLines.color,
             lineWidth: 1
           }
         );
       });
     }
-    function jt() {
-      const { left: e, top: t, width: l, height: u } = o.value, n = s.value.start, r = s.value.end - n, m = l / r, L = F.value.start - n, x = F.value.end - n, S = Math.max(0, Math.min(r, L)), R = Math.max(0, Math.min(r, x));
+    function ja() {
+      const { left: e, top: a, width: l, height: u } = o.value, n = s.value.start, r = s.value.end - n, m = l / r, L = F.value.start - n, x = F.value.end - n, S = Math.max(0, Math.min(r, L)), R = Math.max(0, Math.min(r, x));
       Ve(
         v.value,
         [
-          { x: e + S * m, y: t },
-          { x: e + S * m + (R - S) * m, y: t },
+          { x: e + S * m, y: a },
+          { x: e + S * m + (R - S) * m, y: a },
           {
             x: e + S * m + (R - S) * m,
-            y: t + u
+            y: a + u
           },
-          { x: e + S * m, y: t + u }
+          { x: e + S * m, y: a + u }
         ],
         {
-          fillColor: a.value.style.chart.zoom.preview.fill,
-          strokeColor: a.value.style.chart.zoom.preview.stroke,
+          fillColor: t.value.style.chart.zoom.preview.fill,
+          strokeColor: t.value.style.chart.zoom.preview.stroke,
           lineDash: Array(4).fill(
-            a.value.style.chart.zoom.preview.strokeDasharray
+            t.value.style.chart.zoom.preview.strokeDasharray
           ),
-          lineWidth: a.value.style.chart.zoom.preview.strokeWidth
+          lineWidth: t.value.style.chart.zoom.preview.strokeWidth
         }
       );
     }
     function J() {
-      !U.value || !k.value || !v.value || (Ot(), N.value ? ((h.value !== null || $.value !== null) && a.value.style.chart.selector.show && Ba(), _t(), d.value.stacked && a.value.style.chart.grid.x.showAxis && qt(), Dt.value.forEach((e) => {
-        (e.type === "line" || !e.type) && Yt(e), X.value && (Et(e), d.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Ht(e));
-      }), k.value && (Fe.value = $l(k.value))) : (Fe.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.drawImage(Fe.value, 0, 0)), (h.value !== null || $.value !== null) && a.value.style.chart.selector.show && Ba(), (h.value !== null || $.value !== null) && f.value.forEach((e) => {
-        const t = h.value ?? $.value, l = e.coordinatesLine[t];
-        (e.type === "line" || !e.type || e.type === "plot") && l && Number.isFinite(l.x) && Number.isFinite(l.y) && va(
+      !U.value || !k.value || !v.value || (Oa(), N.value ? ((h.value !== null || $.value !== null) && t.value.style.chart.selector.show && Bt(), _a(), d.value.stacked && t.value.style.chart.grid.x.showAxis && qa(), Da.value.forEach((e) => {
+        (e.type === "line" || !e.type) && Ya(e), X.value && (Ea(e), d.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Ha(e));
+      }), k.value && (Fe.value = $l(k.value))) : (Fe.value && (v.value.clearRect(0, 0, 1e4, 1e4), v.value.drawImage(Fe.value, 0, 0)), (h.value !== null || $.value !== null) && t.value.style.chart.selector.show && Bt(), (h.value !== null || $.value !== null) && f.value.forEach((e) => {
+        const a = h.value ?? $.value, l = e.coordinatesLine[a];
+        (e.type === "line" || !e.type || e.type === "plot") && l && Number.isFinite(l.x) && Number.isFinite(l.y) && vt(
           v.value,
           { x: l.x, y: l.y },
-          y.value / 150 * a.value.style.chart.line.plots.radiusRatio,
+          y.value / 150 * t.value.style.chart.line.plots.radiusRatio,
           {
-            color: a.value.style.chart.backgroundColor,
+            color: t.value.style.chart.backgroundColor,
             fillStyle: e.color
           }
         );
-      })), a.value.style.chart.grid.x.timeLabels.show && Wt(), a.value.style.chart.selector.show && a.value.style.chart.selector.showHorizontalSelector && Xt(), Bt(), Nt(), a.value.style.chart.zoom.preview.enable && (s.value.start !== F.value.start || s.value.end !== F.value.end) && jt(), N.value = !1);
+      })), t.value.style.chart.grid.x.timeLabels.show && Wa(), t.value.style.chart.selector.show && t.value.style.chart.selector.showHorizontalSelector && Xa(), Ba(), Na(), t.value.style.chart.zoom.preview.enable && (s.value.start !== F.value.start || s.value.end !== F.value.end) && ja(), N.value = !1);
     }
     const Le = Al(
       () => {
@@ -1251,12 +1251,12 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         h.value ?? $.value
       ) || !e.coordinatesLine[h.value ?? $.value])
         return !1;
-      const { y: t, value: l } = e.coordinatesLine[h.value ?? $.value];
-      return { y: t, value: l };
+      const { y: a, value: l } = e.coordinatesLine[h.value ?? $.value];
+      return { y: a, value: l };
     }
-    function Gt(e) {
-      if (!U.value || !k.value || aa.value) return;
-      const { left: t, top: l } = k.value.getBoundingClientRect(), u = e.clientX - t;
+    function Ga(e) {
+      if (!U.value || !k.value || tt.value) return;
+      const { left: a, top: l } = k.value.getBoundingClientRect(), u = e.clientX - a;
       if (_.value = (e.clientY - l) * 2, (_.value < o.value.top || _.value > o.value.bottom) && (_.value = null), u * 2 < o.value.left || u * 2 > o.value.right) {
         ke();
         return;
@@ -1264,7 +1264,7 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       const n = u * 2 - o.value.left, i = Math.floor(n / o.value.slot);
       if (h.value = i, V.value = i, he.value = !0, Re.value = !1, !X.value) return;
       let r = "";
-      const m = a.value.style.chart.tooltip.customFormat, L = f.value.map((x) => ({
+      const m = t.value.style.chart.tooltip.customFormat, L = f.value.map((x) => ({
         shape: x.shape || null,
         name: x.name,
         color: x.color,
@@ -1272,97 +1272,97 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         value: x.series.find((S, R) => R === h.value)
       }));
       Me.value = {
-        timeLabel: a.value.style.chart.grid.x.timeLabels.values.slice(
+        timeLabel: t.value.style.chart.grid.x.timeLabels.values.slice(
           s.value.start,
           s.value.end
-        )[h.value] ? a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(
+        )[h.value] ? t.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(
           s.value.start,
           s.value.end
         )[h.value]?.text : Be.value[h.value]?.text : "",
         datapoint: L,
         seriesIndex: h.value,
         series: f.value,
-        config: a.value
-      }, Xa({ seriesIndex: h.value, datapoint: L }), ia(m) && ot(
+        config: t.value
+      }, Xt({ seriesIndex: h.value, datapoint: L }), it(m) && oa(
         () => m({
           seriesIndex: h.value,
           datapoint: L,
           series: f.value,
-          config: a.value
+          config: t.value
         })
       ) ? fe.value = m({
         seriesIndex: h.value,
         datapoint: L,
         series: f.value,
-        config: a.value
-      }) : (a.value.style.chart.grid.x.timeLabels.values.slice(
+        config: t.value
+      }) : (t.value.style.chart.grid.x.timeLabels.values.slice(
         s.value.start,
         s.value.end
-      )[h.value] ? r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[h.value]?.text : Be.value[h.value]?.text}</div>` : r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${w.value[h.value + s.value.start]?.text ?? ""}</div>`, r += Ia.value.join(""), fe.value = r), X.value = !1;
-    }
-    function Zt(e) {
-      return f.value.map((t) => ({
-        shape: t.shape || null,
-        name: t.name,
-        color: t.color,
-        type: t.type || "line",
-        value: t.series.find((l, u) => u === e)
+      )[h.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 ? w.value.slice(s.value.start, s.value.end)[h.value]?.text : Be.value[h.value]?.text}</div>` : r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.style.chart.tooltip.borderColor}; width:100%">${w.value[h.value + s.value.start]?.text ?? ""}</div>`, r += It.value.join(""), fe.value = r), X.value = !1;
+    }
+    function Za(e) {
+      return f.value.map((a) => ({
+        shape: a.shape || null,
+        name: a.name,
+        color: a.color,
+        type: a.type || "line",
+        value: a.series.find((l, u) => u === e)
       }));
     }
-    function Kt(e) {
-      let t = "";
-      const l = a.value.style.chart.tooltip.customFormat, u = Zt(e);
-      return Xa({ seriesIndex: e, datapoint: u }), ia(l) && ot(
+    function Ka(e) {
+      let a = "";
+      const l = t.value.style.chart.tooltip.customFormat, u = Za(e);
+      return Xt({ seriesIndex: e, datapoint: u }), it(l) && oa(
         () => l({
           seriesIndex: e,
           datapoint: u,
           series: f.value,
-          config: a.value
+          config: t.value
         })
       ) ? l({
         seriesIndex: e,
         datapoint: u,
         series: f.value,
-        config: a.value
-      }) : (a.value.style.chart.grid.x.timeLabels.values.slice(
+        config: t.value
+      }) : (t.value.style.chart.grid.x.timeLabels.values.slice(
         s.value.start,
         s.value.end
-      )[e] ? t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.tooltip.useDefaultTimeFormat ? w.value.slice(s.value.start, s.value.end)[e]?.text : Be.value[e]?.text}</div>` : t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${w.value[e + s.value.start]?.text ?? ""}</div>`, t += Ia.value.join(""), t);
+      )[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 ? w.value.slice(s.value.start, s.value.end)[e]?.text : Be.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%">${w.value[e + s.value.start]?.text ?? ""}</div>`, a += It.value.join(""), a);
     }
-    function Jt(e) {
+    function Ja(e) {
       if (!k.value || !o.value?.slot) return;
-      const t = k.value.getBoundingClientRect(), l = t.width / o.value.canvasWidth, u = t.height / o.value.canvasHeight, n = o.value.left + o.value.slot * e + o.value.slot / 2, i = o.value.top + o.value.height / 2;
-      pa.value = {
-        x: t.left + n * l,
-        y: t.top + i * u
+      const a = k.value.getBoundingClientRect(), l = a.width / o.value.canvasWidth, u = a.height / o.value.canvasHeight, n = o.value.left + o.value.slot * e + o.value.slot / 2, i = o.value.top + o.value.height / 2;
+      pt.value = {
+        x: a.left + n * l,
+        y: a.top + i * u
       };
     }
-    function Wa(e, { fromKeyboard: t = !1 } = {}) {
-      !U.value || aa.value || e != null && (e < 0 || e >= s.value.end - s.value.start || (h.value = e, V.value = e, he.value = !0, Re.value = t, fe.value = Kt(e), t && Jt(e), X.value = !1, J()));
+    function Wt(e, { fromKeyboard: a = !1 } = {}) {
+      !U.value || tt.value || e != null && (e < 0 || e >= s.value.end - s.value.start || (h.value = e, V.value = e, he.value = !0, Re.value = a, fe.value = Ka(e), a && Ja(e), X.value = !1, J()));
     }
     function ke() {
       he.value = !1, h.value = null, V.value = null, fe.value = "", _.value = null, Re.value = !1, J();
     }
-    function Qt() {
+    function Qa() {
       Ke.value = !0;
     }
     function el() {
       Ke.value = !1, ke();
     }
-    function al(e) {
+    function tl(e) {
       if (!k.value || we.value || document.activeElement !== k.value) return;
-      const t = e.key === "ArrowLeft", l = e.key === "ArrowRight";
-      if (!t && !l) return;
+      const a = e.key === "ArrowLeft", l = e.key === "ArrowRight";
+      if (!a && !l) return;
       const u = s.value.end - s.value.start;
       if (u <= 0) return;
       e.preventDefault(), e.stopPropagation();
       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, Wa(n, { fromKeyboard: !0 });
+      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 Xa({ seriesIndex: e, datapoint: t }) {
+    function Xt({ seriesIndex: e, datapoint: a }) {
       const l = s.value.start + e;
       De("selectX", {
-        dataset: t,
+        dataset: a,
         index: l,
         indexLabel: ""
       });
@@ -1374,8 +1374,8 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           ke();
           return;
         }
-        const t = e - s.value.start;
-        t < 0 || e >= s.value.end ? ke() : Wa(t, { fromKeyboard: !1 });
+        const a = e - s.value.start;
+        a < 0 || e >= s.value.end ? ke() : Wt(a, { fromKeyboard: !1 });
       },
       { immediate: !0 }
     ), E(
@@ -1413,70 +1413,70 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         N.value = !0, X.value = !0, Le();
       }
     );
-    function tl() {
+    function al() {
       ke();
     }
-    const te = na(null), re = na(null), ie = na(null);
-    Ja(() => {
-      ya.value = !0, _a();
+    const ae = nt(null), re = nt(null), ie = nt(null);
+    Jt(() => {
+      yt.value = !0, _t();
     });
-    function _a() {
-      if (kl(D.dataset) && xt.value && wl({ componentName: "VueUiXyCanvas", type: "dataset" }), Te(() => {
+    function _t() {
+      if (kl(D.dataset) && xa.value && wl({ componentName: "VueUiXyCanvas", type: "dataset" }), Te(() => {
         k.value && !v.value && (v.value = k.value.getContext("2d", {
           willReadFrequently: !0
         })), v.value && U.value && (N.value = !0, X.value = !0, Ne());
-      }), a.value.responsive) {
+      }), t.value.responsive) {
         const e = Il(() => {
-          const { width: t, height: l } = Ml({
+          const { width: a, height: l } = Ml({
             chart: K.value,
-            title: a.value.style.chart.title.text ? ha.value : null,
-            legend: a.value.style.chart.legend.show ? fa.value : null,
-            slicer: a.value.style.chart.zoom.show && O.value > 6 ? ae.value?.$el : null,
-            source: ma.value
+            title: t.value.style.chart.title.text ? ht.value : null,
+            legend: t.value.style.chart.legend.show ? ft.value : null,
+            slicer: t.value.style.chart.zoom.show && O.value > 6 ? te.value?.$el : null,
+            source: mt.value
           });
           requestAnimationFrame(() => {
-            La.value = `${t} / ${l}`;
+            Lt.value = `${a} / ${l}`;
           });
         });
-        te.value && (re.value && te.value.unobserve(re.value), te.value.disconnect()), te.value = new ResizeObserver(e), re.value = K.value.parentNode, te.value.observe(re.value);
+        ae.value && (re.value && ae.value.unobserve(re.value), ae.value.disconnect()), ae.value = new ResizeObserver(e), re.value = K.value.parentNode, ae.value.observe(re.value);
       }
       ie.value && ie.value.disconnect(), ie.value = new ResizeObserver(async (e) => {
-        for (const t of e)
-          t.contentBoxSize && ue.value && (N.value = !0, Le());
+        for (const a of e)
+          a.contentBoxSize && ue.value && (N.value = !0, Le());
       }), ie.value.observe(ue.value), xe();
     }
-    sa(() => {
-      ie.value && ie.value.disconnect(), te.value && (re.value && te.value.unobserve(re.value), te.value.disconnect());
+    st(() => {
+      ie.value && ie.value.disconnect(), ae.value && (re.value && ae.value.unobserve(re.value), ae.value.disconnect());
     });
     function ll() {
-      p.value.length ? p.value = [] : We.value.forEach((e, t) => {
-        p.value.push(t);
+      p.value.length ? p.value = [] : We.value.forEach((e, a) => {
+        p.value.push(a);
       }), N.value = !0, Le();
     }
     function He(e) {
       De(
         "selectLegend",
-        f.value.find((t) => t.absoluteIndex === e)
-      ), p.value.includes(e) ? p.value = p.value.filter((t) => t !== e) : p.value.push(e), N.value = !0, Le();
+        f.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 Va(e) {
+    function Vt(e) {
       if (!M.value.length)
-        return a.value.debug && console.warn("VueUiXyCanvas - There are no series to show."), null;
-      const t = M.value.find((l) => l.name === e);
-      return t || (a.value.debug && console.warn(`VueUiXyCanvas - Series name not found "${e}"`), null);
+        return t.value.debug && console.warn("VueUiXyCanvas - There are no series to show."), null;
+      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 t = Va(e);
-      t !== null && p.value.includes(t.absoluteIndex) && He(t.absoluteIndex);
+      const a = Vt(e);
+      a !== null && p.value.includes(a.absoluteIndex) && He(a.absoluteIndex);
     }
     function sl(e) {
-      const t = Va(e);
-      t !== null && (p.value.includes(t.absoluteIndex) || He(t.absoluteIndex));
+      const a = Vt(e);
+      a !== null && (p.value.includes(a.absoluteIndex) || He(a.absoluteIndex));
     }
-    const We = g(() => M.value.map((e, t) => ({
+    const We = g(() => M.value.map((e, a) => ({
       ...e,
       name: e.name,
-      color: lt(e.color) || Ta.value[t] || se[t] || se[t % se.length],
+      color: la(e.color) || Tt.value[a] || se[a] || se[a % se.length],
       shape: e.shape || "circle",
       prefix: e.prefix || "",
       suffix: e.suffix || "",
@@ -1488,21 +1488,21 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       isSegregated: p.value.includes(e.absoluteIndex)
     }))), ul = g(() => ({
       cy: "donut-div-legend",
-      backgroundColor: a.value.style.chart.legend.backgroundColor,
-      color: a.value.style.chart.legend.color,
-      fontSize: a.value.style.chart.legend.fontSize,
+      backgroundColor: t.value.style.chart.legend.backgroundColor,
+      color: t.value.style.chart.legend.color,
+      fontSize: t.value.style.chart.legend.fontSize,
       paddingBottom: 12,
-      fontWeight: a.value.style.chart.legend.bold ? "bold" : ""
+      fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
     })), Xe = g(() => {
       const e = [""].concat(f.value.map((n) => n.name)).concat(
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'
       );
-      let t = [];
+      let a = [];
       for (let n = 0; n < O.value; n += 1) {
         const i = f.value.map((r) => r.series[n] ?? 0).reduce((r, m) => r + m, 0);
-        t.push(
+        a.push(
           [
-            a.value.style.chart.grid.x.timeLabels.values.slice(
+            t.value.style.chart.grid.x.timeLabels.values.slice(
               s.value.start,
               s.value.end
             )[n] ? w?.value?.slice(
@@ -1512,88 +1512,88 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           ].concat(
             f.value.map(
               (r) => (r.series[n] ?? 0).toFixed(
-                a.value.table.rounding
+                t.value.table.rounding
               )
             )
-          ).concat((i ?? 0).toFixed(a.value.table.rounding))
+          ).concat((i ?? 0).toFixed(t.value.table.rounding))
         );
       }
       const l = {
         th: {
-          backgroundColor: a.value.table.th.backgroundColor,
-          color: a.value.table.th.color,
-          outline: a.value.table.th.outline
+          backgroundColor: t.value.table.th.backgroundColor,
+          color: t.value.table.th.color,
+          outline: t.value.table.th.outline
         },
         td: {
-          backgroundColor: a.value.table.td.backgroundColor,
-          color: a.value.table.td.color,
-          outline: a.value.table.td.outline
+          backgroundColor: t.value.table.td.backgroundColor,
+          color: t.value.table.td.color,
+          outline: t.value.table.td.outline
         },
-        breakpoint: a.value.table.responsiveBreakpoint
-      }, u = [a.value.table.columnNames.period].concat(f.value.map((n) => n.name)).concat(a.value.table.columnNames.total);
+        breakpoint: t.value.table.responsiveBreakpoint
+      }, u = [t.value.table.columnNames.period].concat(f.value.map((n) => n.name)).concat(t.value.table.columnNames.total);
       return {
         head: e,
-        body: t.slice(0, s.value.end - s.value.start),
+        body: a.slice(0, s.value.end - s.value.start),
         config: l,
         colNames: u
       };
-    }), Ua = g(() => {
+    }), Ut = g(() => {
       if (f.value.length === 0)
         return { head: [], body: [], config: {}, columnNames: [] };
       const e = f.value.map((l) => ({
         label: l.name,
         color: l.color,
         type: l.type
-      })), t = [];
+      })), a = [];
       for (let l = s.value.start; l < s.value.end; l += 1) {
         const u = [
-          a.value.style.chart.grid.x.timeLabels.values[l] ? w.value[l].text : l + 1
+          t.value.style.chart.grid.x.timeLabels.values[l] ? w.value[l].text : l + 1
         ];
         f.value.forEach((n) => {
           u.push(
             Number(
               (n.series[l] || 0).toFixed(
-                a.value.table.rounding
+                t.value.table.rounding
               )
             )
           );
-        }), t.push(u);
+        }), a.push(u);
       }
-      return { head: e, body: t };
+      return { head: e, body: a };
     });
-    function la(e = null) {
-      const t = [
-        [a.value.style.chart.title.text],
-        [a.value.style.chart.title.subtitle.text],
+    function lt(e = null) {
+      const a = [
+        [t.value.style.chart.title.text],
+        [t.value.style.chart.title.subtitle.text],
         [""]
-      ], l = ["", ...Ua.value.head.map((r) => r.label)], u = Ua.value.body, n = t.concat([l]).concat(u), i = zl(n);
+      ], 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: a.value.style.chart.title.text || "vue-ui-xy-canvas"
+        title: t.value.style.chart.title.text || "vue-ui-xy-canvas"
       });
     }
     function nl() {
       return f.value;
     }
-    function Ya() {
+    function Yt() {
       d.value.showTable = !d.value.showTable;
     }
-    function qa() {
+    function qt() {
       d.value.showDataLabels = !d.value.showDataLabels;
     }
-    function ja() {
+    function jt() {
       d.value.stacked = !d.value.stacked;
     }
-    function Ga() {
+    function Gt() {
       d.value.showTooltip = !d.value.showTooltip;
     }
     const we = c(!1);
-    function oa() {
+    function ot() {
       we.value = !we.value;
     }
     async function rl({ scale: e = 2 } = {}) {
       if (!K.value) return;
-      const { width: t, height: l } = K.value.getBoundingClientRect(), u = t / l, { imageUri: n, base64: i } = await Wl({
+      const { width: a, height: l } = K.value.getBoundingClientRect(), u = a / l, { imageUri: n, base64: i } = await Wl({
         domElement: K.value,
         base64: !0,
         img: !0,
@@ -1602,22 +1602,22 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       return {
         imageUri: n,
         base64: i,
-        title: a.value.style.chart.title.text,
-        width: t,
+        title: t.value.style.chart.title.text,
+        width: a,
         height: l,
         aspectRatio: u
       };
     }
     const Se = g(() => {
-      const e = a.value.table.useDialog && !a.value.table.show, t = d.value.showTable;
+      const e = t.value.table.useDialog && !t.value.table.show, a = d.value.showTable;
       return {
-        component: e ? ht : Yl,
-        title: `${a.value.style.chart.title.text}${a.value.style.chart.title.subtitle.text ? `: ${a.value.style.chart.title.subtitle.text}` : ""}`,
+        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: a.value.table.th.backgroundColor,
-          color: a.value.table.th.color,
-          headerColor: a.value.table.th.color,
-          headerBg: a.value.table.th.backgroundColor,
+          backgroundColor: t.value.table.th.backgroundColor,
+          color: t.value.table.th.color,
+          headerColor: t.value.table.th.color,
+          headerBg: t.value.table.th.backgroundColor,
           isFullscreen: me.value,
           fullscreenParent: K.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
@@ -1625,15 +1625,15 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         } : {
           hideDetails: !0,
           config: {
-            open: t,
+            open: a,
             maxHeight: 1e4,
             body: {
-              backgroundColor: a.value.style.chart.backgroundColor,
-              color: a.value.style.chart.color
+              backgroundColor: t.value.style.chart.backgroundColor,
+              color: t.value.style.chart.color
             },
             head: {
-              backgroundColor: a.value.style.chart.backgroundColor,
-              color: a.value.style.chart.color
+              backgroundColor: t.value.style.chart.backgroundColor,
+              color: t.value.style.chart.color
             }
           }
         }
@@ -1642,10 +1642,10 @@ const Zl = ["id"], Kl = ["id"], Jl = {
     E(
       () => d.value.showTable,
       (e) => {
-        a.value.table.show || (e && a.value.table.useDialog && ye.value ? ye.value.open() : "close" in ye.value && ye.value.close());
+        t.value.table.show || (e && t.value.table.useDialog && ye.value ? ye.value.open() : "close" in ye.value && ye.value.close());
       }
     );
-    function Za() {
+    function Zt() {
       d.value.showTable = !1, Ge.value && Ge.value.setTableIconState(!1);
     }
     function il(e) {
@@ -1657,72 +1657,72 @@ const Zl = ["id"], Kl = ["id"], Jl = {
         Ze.value = !1;
         return;
       }
-      Sa();
+      St();
     }
-    async function Ka() {
+    async function Kt() {
       if (De("copyAlt", {
-        config: a.value,
+        config: t.value,
         dataset: f.value
-      }), !a.value.userOptions.callbacks.altCopy) {
+      }), !t.value.userOptions.callbacks.altCopy) {
         console.warn(
           "Vue Data UI - A callback must be set for `altCopy` in userOptions."
         );
         return;
       }
       await Promise.resolve(
-        a.value.userOptions.callbacks.altCopy({
-          config: a.value,
+        t.value.userOptions.callbacks.altCopy({
+          config: t.value,
           dataset: f.value
         })
       );
     }
-    return nt({
+    return na({
       getData: nl,
       getImage: rl,
-      generateCsv: la,
-      generatePdf: wa,
-      generateImage: Sa,
+      generateCsv: lt,
+      generatePdf: wt,
+      generateImage: St,
       hideSeries: sl,
       showSeries: ol,
-      toggleTable: Ya,
-      toggleLabels: qa,
-      toggleStack: ja,
-      toggleTooltip: Ga,
-      toggleAnnotator: oa,
-      toggleFullscreen: za,
-      copyAlt: Ka
-    }), (e, t) => (I(), $e("div", {
-      style: ve(`width:100%; position:relative; ${a.value.responsive ? "height: 100%" : ""}; background:${a.value.style.chart.backgroundColor};`),
+      toggleTable: Yt,
+      toggleLabels: qt,
+      toggleStack: jt,
+      toggleTooltip: Gt,
+      toggleAnnotator: ot,
+      toggleFullscreen: zt,
+      copyAlt: Kt
+    }), (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: K,
       id: `xy_canvas_${Z.value}`,
       class: dl(`vue-data-ui-component vue-ui-xy-canvas ${me.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      onMouseenter: Ct,
-      onMouseleave: kt
+      onMouseenter: Ca,
+      onMouseleave: ka
     }, [
       H("div", {
         id: `chart-instructions-${Z.value}`,
         class: "sr-only"
       }, [
-        H("p", null, Ae(a.value.a11y.translations.keyboardNavigation), 1)
+        H("p", null, Ae(t.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Kl),
-      H("div", Jl, Ae(bt.value), 1),
-      a.value.style.chart.title.text ? (I(), $e("div", {
+      H("div", Jl, Ae(ba.value), 1),
+      t.value.style.chart.title.text ? (I(), $e("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: ha,
-        style: ve(`width:100%;background:${a.value.style.chart.backgroundColor};`)
+        ref: ht,
+        style: ve(`width:100%;background:${t.value.style.chart.backgroundColor};`)
       }, [
         (I(), q(Vl, {
           key: `title_${Ye.value}`,
           config: {
             title: {
               cy: "xy-canvas-title",
-              ...a.value.style.chart.title
+              ...t.value.style.chart.title
             },
             subtitle: {
               cy: "xy-canvas-subtitle",
-              ...a.value.style.chart.title.subtitle
+              ...t.value.style.chart.title.subtitle
             }
           }
         }, null, 8, ["config"]))
@@ -1730,50 +1730,50 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       H("div", {
         id: `legend-top-${Z.value}`
       }, null, 8, Ql),
-      a.value.userOptions.show && U.value && (z(xa) || z(Qe)) ? (I(), q(z(ct), {
+      t.value.userOptions.show && U.value && (z(xt) || z(Qe)) ? (I(), q(z(ca), {
         ref_key: "userOptionsRef",
         ref: Ge,
-        key: `user_option_${da.value}`,
-        backgroundColor: a.value.style.chart.backgroundColor,
-        color: a.value.style.chart.color,
-        isPrinting: z(Ca),
-        isImaging: z(ka),
+        key: `user_option_${dt.value}`,
+        backgroundColor: t.value.style.chart.backgroundColor,
+        color: t.value.style.chart.color,
+        isPrinting: z(Ct),
+        isImaging: z(kt),
         uid: Z.value,
-        hasTooltip: a.value.userOptions.buttons.tooltip && a.value.style.chart.tooltip.show,
-        hasPdf: a.value.userOptions.buttons.pdf,
-        hasImg: a.value.userOptions.buttons.img,
-        hasXls: a.value.userOptions.buttons.csv,
-        hasLabel: a.value.userOptions.buttons.labels,
-        hasStack: ca.dataset.length > 1 && a.value.userOptions.buttons.stack,
-        hasFullscreen: a.value.userOptions.buttons.fullscreen,
-        hasAltCopy: a.value.userOptions.buttons.altCopy,
-        hasTable: s.value.end - s.value.start <= 730 && a.value.userOptions.buttons.table,
+        hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
+        hasPdf: t.value.userOptions.buttons.pdf,
+        hasImg: t.value.userOptions.buttons.img,
+        hasXls: t.value.userOptions.buttons.csv,
+        hasLabel: t.value.userOptions.buttons.labels,
+        hasStack: ct.dataset.length > 1 && t.value.userOptions.buttons.stack,
+        hasFullscreen: t.value.userOptions.buttons.fullscreen,
+        hasAltCopy: t.value.userOptions.buttons.altCopy,
+        hasTable: s.value.end - s.value.start <= 730 && t.value.userOptions.buttons.table,
         isFullscreen: me.value,
         isTooltip: d.value.showTooltip,
         isStacked: d.value.stacked,
-        titles: { ...a.value.userOptions.buttonTitles },
+        titles: { ...t.value.userOptions.buttonTitles },
         chartElement: K.value,
-        position: a.value.userOptions.position,
-        hasAnnotator: a.value.userOptions.buttons.annotator,
+        position: t.value.userOptions.position,
+        hasAnnotator: t.value.userOptions.buttons.annotator,
         isAnnotation: we.value,
-        callbacks: a.value.userOptions.callbacks,
-        printScale: a.value.userOptions.print.scale,
-        tableDialog: a.value.table.useDialog,
+        callbacks: t.value.userOptions.callbacks,
+        printScale: t.value.userOptions.print.scale,
+        tableDialog: t.value.table.useDialog,
         isCursorPointer: le.value,
-        onToggleFullscreen: za,
-        onGeneratePdf: z(wa),
-        onGenerateCsv: la,
+        onToggleFullscreen: zt,
+        onGeneratePdf: z(wt),
+        onGenerateCsv: lt,
         onGenerateImage: il,
-        onToggleTable: Ya,
-        onToggleLabels: qa,
-        onToggleStack: ja,
-        onToggleTooltip: Ga,
-        onToggleAnnotator: oa,
-        onCopyAlt: Ka,
+        onToggleTable: Yt,
+        onToggleLabels: qt,
+        onToggleStack: jt,
+        onToggleTooltip: Gt,
+        onToggleAnnotator: ot,
+        onCopyAlt: Kt,
         style: ve({
-          visibility: z(xa) ? z(Qe) ? "visible" : "hidden" : "visible"
+          visibility: z(xt) ? z(Qe) ? "visible" : "hidden" : "visible"
         })
-      }, Qa({ _: 2 }, [
+      }, Qt({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
           fn: b(({ isOpen: l, color: u }) => [
@@ -1854,56 +1854,56 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasLabel", "hasStack", "hasFullscreen", "hasAltCopy", "hasTable", "isFullscreen", "isTooltip", "isStacked", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : W("", !0),
       H("div", {
         class: "vue-ui-xy-canvas",
-        style: ve(`position: relative; aspect-ratio: ${La.value}`),
+        style: ve(`position: relative; aspect-ratio: ${Lt.value}`),
         ref_key: "container",
         ref: ue
       }, [
         H("canvas", {
           ref_key: "canvas",
           ref: k,
-          "aria-label": pt.value,
+          "aria-label": pa.value,
           "aria-describedby": `chart-instructions-${Z.value}`,
           role: "img",
           "aria-live": "polite",
           tabindex: "0",
           style: { width: "100%", height: "100%" },
-          onMousemove: t[0] || (t[0] = (l) => Gt(l)),
-          onMouseleave: tl,
-          onFocus: Qt,
+          onMousemove: a[0] || (a[0] = (l) => Ga(l)),
+          onMouseleave: al,
+          onFocus: Qa,
           onBlur: el,
-          onKeydown: al
+          onKeydown: tl
         }, null, 40, eo),
-        e.$slots.hint ? (I(), $e("div", ao, [
+        e.$slots.hint ? (I(), $e("div", to, [
           C(e.$slots, "hint", j(G({
-            hint: a.value.a11y.translations.keyboardNavigation,
+            hint: t.value.a11y.translations.keyboardNavigation,
             isVisible: Ke.value
           })), void 0, !0)
         ])) : W("", !0),
         C(e.$slots, "skeleton", {}, () => [
           z(Oe) ? (I(), q(Ol, { key: 0 })) : W("", !0)
         ], !0),
-        et(z(it), {
-          teleportTo: a.value.style.chart.tooltip.teleportTo,
+        ea(z(ia), {
+          teleportTo: t.value.style.chart.tooltip.teleportTo,
           show: d.value.showTooltip && he.value,
-          backgroundColor: a.value.style.chart.tooltip.backgroundColor,
-          color: a.value.style.chart.tooltip.color,
-          fontSize: a.value.style.chart.tooltip.fontSize,
-          borderRadius: a.value.style.chart.tooltip.borderRadius,
-          borderColor: a.value.style.chart.tooltip.borderColor,
-          borderWidth: a.value.style.chart.tooltip.borderWidth,
-          position: a.value.style.chart.tooltip.position,
-          offsetY: a.value.style.chart.tooltip.offsetY,
+          backgroundColor: t.value.style.chart.tooltip.backgroundColor,
+          color: t.value.style.chart.tooltip.color,
+          fontSize: t.value.style.chart.tooltip.fontSize,
+          borderRadius: t.value.style.chart.tooltip.borderRadius,
+          borderColor: t.value.style.chart.tooltip.borderColor,
+          borderWidth: t.value.style.chart.tooltip.borderWidth,
+          position: t.value.style.chart.tooltip.position,
+          offsetY: t.value.style.chart.tooltip.offsetY,
           parent: e.$refs.xy,
           content: fe.value,
           isFullscreen: me.value,
-          backgroundOpacity: a.value.style.chart.tooltip.backgroundOpacity,
-          isCustom: z(ia)(a.value.style.chart.tooltip.customFormat),
-          smooth: a.value.style.chart.tooltip.smooth,
-          backdropFilter: a.value.style.chart.tooltip.backdropFilter,
-          smoothForce: a.value.style.chart.tooltip.smoothForce,
-          smoothSnapThreshold: a.value.style.chart.tooltip.smoothSnapThreshold,
+          backgroundOpacity: t.value.style.chart.tooltip.backgroundOpacity,
+          isCustom: z(it)(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,
+          smoothSnapThreshold: t.value.style.chart.tooltip.smoothSnapThreshold,
           isA11yMode: Re.value,
-          a11yPosition: pa.value
+          a11yPosition: pt.value
         }, {
           "tooltip-before": b(() => [
             C(e.$slots, "tooltip-before", j(G({ ...Me.value })), void 0, !0)
@@ -1917,66 +1917,66 @@ 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),
-      a.value.style.chart.zoom.show && O.value > 6 && U.value && ga.value && !z(Oe) ? (I(), q(ql, {
+      t.value.style.chart.zoom.show && O.value > 6 && U.value && gt.value && !z(Oe) ? (I(), q(ql, {
         key: 2,
         ref_key: "chartSlicer",
-        ref: ae,
-        allMinimaps: It.value,
-        background: a.value.style.chart.zoom.color,
-        borderColor: a.value.style.chart.backgroundColor,
-        customFormat: a.value.style.chart.zoom.customFormat,
+        ref: te,
+        allMinimaps: Ia.value,
+        background: t.value.style.chart.zoom.color,
+        borderColor: t.value.style.chart.backgroundColor,
+        customFormat: t.value.style.chart.zoom.customFormat,
         cutNullValues: Ee.value,
-        enableRangeHandles: a.value.style.chart.zoom.enableRangeHandles,
-        enableSelectionDrag: a.value.style.chart.zoom.enableSelectionDrag,
+        enableRangeHandles: t.value.style.chart.zoom.enableRangeHandles,
+        enableSelectionDrag: t.value.style.chart.zoom.enableSelectionDrag,
         end: s.value.end,
-        focusOnDrag: a.value.style.chart.zoom.focusOnDrag,
-        focusRangeRatio: a.value.style.chart.zoom.focusRangeRatio,
-        fontSize: a.value.style.chart.zoom.fontSize,
-        immediate: !a.value.style.chart.zoom.preview.enable,
-        inputColor: a.value.style.chart.zoom.color,
-        isPreview: Ft.value,
-        labelLeft: a.value.style.chart.grid.x.timeLabels.values[s.value.start] ? w.value[s.value.start]?.text : "",
-        labelRight: a.value.style.chart.grid.x.timeLabels.values[s.value.end - 1] ? w.value[s.value.end - 1]?.text : "",
+        focusOnDrag: t.value.style.chart.zoom.focusOnDrag,
+        focusRangeRatio: t.value.style.chart.zoom.focusRangeRatio,
+        fontSize: t.value.style.chart.zoom.fontSize,
+        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] ? w.value[s.value.start]?.text : "",
+        labelRight: t.value.style.chart.grid.x.timeLabels.values[s.value.end - 1] ? w.value[s.value.end - 1]?.text : "",
         max: O.value,
         min: 0,
-        minimap: At.value,
-        minimapCompact: a.value.style.chart.zoom.minimap.compact,
-        minimapFrameColor: a.value.style.chart.zoom.minimap.frameColor,
-        minimapIndicatorColor: a.value.style.chart.zoom.minimap.indicatorColor,
-        minimapLineColor: a.value.style.chart.zoom.minimap.lineColor,
-        minimapMerged: a.value.style.chart.zoom.minimap.merged,
-        minimapSelectedColor: a.value.style.chart.zoom.minimap.selectedColor,
-        minimapSelectedColorOpacity: a.value.style.chart.zoom.minimap.selectedColorOpacity,
+        minimap: Aa.value,
+        minimapCompact: t.value.style.chart.zoom.minimap.compact,
+        minimapFrameColor: t.value.style.chart.zoom.minimap.frameColor,
+        minimapIndicatorColor: t.value.style.chart.zoom.minimap.indicatorColor,
+        minimapLineColor: t.value.style.chart.zoom.minimap.lineColor,
+        minimapMerged: t.value.style.chart.zoom.minimap.merged,
+        minimapSelectedColor: t.value.style.chart.zoom.minimap.selectedColor,
+        minimapSelectedColorOpacity: t.value.style.chart.zoom.minimap.selectedColorOpacity,
         minimapSelectedIndex: h.value,
-        minimapSelectionRadius: a.value.style.chart.zoom.minimap.selectionRadius,
-        preciseLabels: Na.value?.length ? Na.value : w.value,
-        refreshEndPoint: a.value.style.chart.zoom.endIndex !== null ? a.value.style.chart.zoom.endIndex + 1 : O.value,
-        refreshStartPoint: a.value.style.chart.zoom.startIndex !== null ? a.value.style.chart.zoom.startIndex : 0,
-        selectColor: a.value.style.chart.zoom.highlightColor,
+        minimapSelectionRadius: t.value.style.chart.zoom.minimap.selectionRadius,
+        preciseLabels: Nt.value?.length ? Nt.value : w.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: M.value,
-        smoothMinimap: a.value.style.chart.zoom.minimap.smooth,
+        smoothMinimap: t.value.style.chart.zoom.minimap.smooth,
         start: s.value.start,
         timeLabels: w.value,
-        usePreciseLabels: a.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !a.value.style.chart.zoom.useDefaultFormat,
-        textColor: a.value.style.chart.color,
-        useResetSlot: a.value.style.chart.zoom.useResetSlot,
+        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,
         valueEnd: s.value.end,
         valueStart: s.value.start,
-        verticalHandles: a.value.style.chart.zoom.minimap.verticalHandles,
-        maxWidth: a.value.style.chart.zoom.maxWidth,
-        additionalMinimapHeight: a.value.style.chart.zoom.minimap.additionalHeight,
-        handleType: a.value.style.chart.zoom.minimap.handleType,
-        handleIconColor: a.value.style.chart.zoom.minimap.handleIconColor,
-        handleBorderWidth: a.value.style.chart.zoom.minimap.handleBorderWidth,
-        handleBorderColor: a.value.style.chart.zoom.minimap.handleBorderColor,
-        handleFill: a.value.style.chart.zoom.minimap.handleFill,
-        handleWidth: a.value.style.chart.zoom.minimap.handleWidth,
-        onFutureEnd: t[1] || (t[1] = (l) => Ma("end", l)),
-        onFutureStart: t[2] || (t[2] = (l) => Ma("start", l)),
+        verticalHandles: t.value.style.chart.zoom.minimap.verticalHandles,
+        maxWidth: t.value.style.chart.zoom.maxWidth,
+        additionalMinimapHeight: t.value.style.chart.zoom.minimap.additionalHeight,
+        handleType: t.value.style.chart.zoom.minimap.handleType,
+        handleIconColor: t.value.style.chart.zoom.minimap.handleIconColor,
+        handleBorderWidth: t.value.style.chart.zoom.minimap.handleBorderWidth,
+        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) => Mt("end", l)),
+        onFutureStart: a[2] || (a[2] = (l) => Mt("start", l)),
         onReset: xe,
-        onTrapMouse: wt,
-        "onUpdate:end": Rt,
-        "onUpdate:start": Pt
+        onTrapMouse: wa,
+        "onUpdate:end": Ra,
+        "onUpdate:start": Pa
       }, {
         "reset-action": b(({ reset: l }) => [
           C(e.$slots, "reset-action", j(G({ reset: l })), void 0, !0)
@@ -1985,21 +1985,21 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "cutNullValues", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapLineColor", "minimapMerged", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapSelectionRadius", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "smoothMinimap", "start", "timeLabels", "usePreciseLabels", "textColor", "useResetSlot", "valueEnd", "valueStart", "verticalHandles", "maxWidth", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth"])) : W("", !0),
       H("div", {
         id: `legend-bottom-${Z.value}`
-      }, null, 8, to),
-      ya.value ? (I(), q(hl, {
+      }, null, 8, ao),
+      yt.value && t.value.style.chart.legend.show ? (I(), q(hl, {
         key: 3,
-        to: a.value.style.chart.legend.position === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
+        to: t.value.style.chart.legend.position === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
       }, [
         H("div", {
           ref_key: "chartLegend",
-          ref: fa
+          ref: ft
         }, [
-          a.value.style.chart.legend.show && U.value ? (I(), q(_l, {
+          t.value.style.chart.legend.show && U.value ? (I(), q(_l, {
             legendSet: We.value,
             config: ul.value,
             key: `legend_${je.value}`,
             isCursorPointer: le.value,
-            onClickMarker: t[3] || (t[3] = ({ i: l }) => He(l))
+            onClickMarker: a[3] || (a[3] = ({ i: l }) => He(l))
           }, {
             item: b(({ legend: l, index: u }) => [
               H("div", {
@@ -2008,11 +2008,11 @@ const Zl = ["id"], Kl = ["id"], Jl = {
               }, Ae(l.name), 13, lo)
             ]),
             legendToggle: b(() => [
-              We.value.length > 2 && a.value.style.chart.legend.selectAllToggle.show && !z(Oe) ? (I(), q(jl, {
+              We.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !z(Oe) ? (I(), q(jl, {
                 key: 0,
-                backgroundColor: a.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: a.value.style.chart.legend.selectAllToggle.color,
-                fontSize: a.value.style.chart.legend.fontSize,
+                backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
+                color: t.value.style.chart.legend.selectAllToggle.color,
+                fontSize: t.value.style.chart.legend.fontSize,
                 checked: p.value.length > 0,
                 isCursorPointer: le.value,
                 onToggle: ll
@@ -2027,62 +2027,62 @@ const Zl = ["id"], Kl = ["id"], Jl = {
       ], 8, ["to"])) : W("", !0),
       e.$slots.watermark ? (I(), $e("div", oo, [
         C(e.$slots, "watermark", j(G({
-          isPrinting: z(Ca) || z(ka) || Ze.value
+          isPrinting: z(Ct) || z(kt) || Ze.value
         })), void 0, !0)
       ])) : W("", !0),
       e.$slots.source ? (I(), $e("div", {
         key: 5,
         ref_key: "source",
-        ref: ma,
+        ref: mt,
         dir: "auto"
       }, [
         C(e.$slots, "source", {}, void 0, !0)
       ], 512)) : W("", !0),
-      U.value && a.value.userOptions.buttons.table ? (I(), 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: Za
-      }), Qa({
+        onClose: Zt
+      }), Qt({
         content: b(() => [
-          (I(), q(z(vt), {
+          (I(), q(z(va), {
             key: `table_${qe.value}`,
             colNames: Xe.value.colNames,
             head: Xe.value.head,
             body: Xe.value.body,
             config: Xe.value.config,
-            title: a.value.table.useDialog ? "" : Se.value.title,
-            withCloseButton: !a.value.table.useDialog,
+            title: t.value.table.useDialog ? "" : Se.value.title,
+            withCloseButton: !t.value.table.useDialog,
             isCursorPointer: le.value,
-            onClose: Za
+            onClose: Zt
           }, {
             th: b(({ th: l }) => [
               H("div", { innerHTML: l }, null, 8, so)
             ]),
             td: b(({ td: l }) => [
-              at(Ae(l), 1)
+              ta(Ae(l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
         ]),
         _: 2
       }, [
-        a.value.table.useDialog ? {
+        t.value.table.useDialog ? {
           name: "title",
           fn: b(() => [
-            at(Ae(Se.value.title), 1)
+            ta(Ae(Se.value.title), 1)
           ]),
           key: "0"
         } : void 0,
-        a.value.table.useDialog ? {
+        t.value.table.useDialog ? {
           name: "actions",
           fn: b(() => [
             H("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: t[4] || (t[4] = (l) => la(a.value.userOptions.callbacks.csv)),
+              onClick: a[4] || (a[4] = (l) => lt(t.value.userOptions.callbacks.csv)),
               style: ve({ cursor: le.value ? "pointer" : "default" })
             }, [
-              et(Ul, {
+              ea(Ul, {
                 name: "fileCsv",
                 stroke: Se.value.props.color
               }, null, 8, ["stroke"])
@@ -2091,18 +2091,18 @@ const Zl = ["id"], Kl = ["id"], Jl = {
           key: "1"
         } : void 0
       ]), 1040)) : W("", !0),
-      a.value.userOptions.buttons.annotator && f.value.length ? (I(), q(z(dt), {
+      t.value.userOptions.buttons.annotator && f.value.length ? (I(), q(z(da), {
         key: 7,
         parent: K.value,
-        backgroundColor: a.value.style.chart.backgroundColor,
-        color: a.value.style.chart.color,
+        backgroundColor: t.value.style.chart.backgroundColor,
+        color: t.value.style.chart.color,
         active: we.value,
         isCursorPointer: le.value,
-        onClose: oa
+        onClose: ot
       }, null, 8, ["parent", "backgroundColor", "color", "active", "isCursorPointer"])) : W("", !0)
     ], 46, Zl));
   }
-}, $o = /* @__PURE__ */ Gl(uo, [["__scopeId", "data-v-db327a26"]]);
+}, $o = /* @__PURE__ */ Gl(uo, [["__scopeId", "data-v-7ef0e461"]]);
 export {
   $o as default
 };