vue-data-ui 2.14.3-beta.0 → 2.15.0

package/dist/{vue-ui-quick-chart-BHO_J8Tc.js → vue-ui-quick-chart-D3ViBIuY.js}

@@ -1,10 +1,10 @@
-import { defineAsyncComponent as ce, ref as z, computed as U, watch as Ve, shallowRef as ht, onMounted as Tt, onBeforeUnmount as Ot, nextTick as Me, createElementBlock as l, openBlock as a, normalizeStyle as R, normalizeClass as he, createBlock as Fe, createCommentVNode as g, createVNode as fe, unref as f, createSlots as Pt, withCtx as G, renderSlot as M, normalizeProps as ne, guardReactiveProps as ue, toDisplayString as T, createElementVNode as _, Fragment as m, renderList as $, mergeProps as qe } from "vue";
-import { u as Rt, c as Mt, t as Ft, p as q, a as Nt, C as ft, b as Ut, H as Bt, e as Dt, d as He, m as Vt, D as gt, X as qt, j as Ht, k as We, n as Le, i as X, f as D, I as Wt, V as mt, v as Z, x as Ne, y as je } from "./index-BzH6XFI9.js";
+import { defineAsyncComponent as ce, ref as z, computed as U, watch as Ve, shallowRef as ht, onMounted as Tt, onBeforeUnmount as Ot, nextTick as Me, createElementBlock as l, openBlock as a, normalizeStyle as R, normalizeClass as he, createBlock as Fe, createCommentVNode as g, createVNode as fe, unref as f, createSlots as Pt, withCtx as G, renderSlot as M, normalizeProps as ne, guardReactiveProps as ie, toDisplayString as T, createElementVNode as _, Fragment as m, renderList as $, mergeProps as qe } from "vue";
+import { u as Rt, c as Mt, t as Ft, p as q, a as Nt, C as ft, b as Ut, H as Bt, e as Dt, d as He, m as Vt, D as gt, X as qt, j as Ht, k as We, n as Le, i as X, f as D, I as Wt, V as mt, v as Z, x as Ne, y as je } from "./index-qLjCmB1J.js";
 import { t as jt, u as Gt } from "./useResponsive-JZ9xq-JV.js";
-import { u as pt } from "./useNestedProp-CKM2gCr5.js";
-import { u as Xt } from "./usePrinter-C653sJjz.js";
+import { u as pt } from "./useNestedProp-Cv2n6auT.js";
+import { u as Xt } from "./usePrinter-Dh3NHc5Q.js";
 import { u as Zt } from "./useChartAccessibility-9icAAmYg.js";
-import { S as Yt } from "./Slicer-DjwiDPEk.js";
+import { S as Yt } from "./Slicer-DcqyQpMv.js";
 import { u as Jt } from "./useTimeLabels-Mrr0jrpL.js";
 import { _ as Qt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
@@ -86,7 +86,7 @@ function kt(c) {
     c.hasOwnProperty(x) && (C[x.toUpperCase()] = c[x]);
   return C;
 }
-const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"], ra = ["x", "y", "width", "height"], sa = ["width", "height"], va = ["id"], da = ["id"], ca = ["id"], ha = ["flood-color"], fa = {
+const na = ["id"], ia = ["xmlns", "viewBox"], ua = ["x", "y", "width", "height"], ra = ["x", "y", "width", "height"], sa = ["width", "height"], va = ["id"], da = ["id"], ca = ["id"], ha = ["flood-color"], fa = {
   key: 0,
   class: "donut-label-connectors"
 }, ga = ["d", "stroke", "stroke-width", "filter"], ma = ["cx", "cy", "r", "fill", "filter"], pa = { class: "donut" }, xa = ["d", "fill", "stroke", "stroke-width", "filter"], ya = ["d", "onMouseenter", "onClick"], ka = {
@@ -119,7 +119,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
 }, al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ol = {
   key: 2,
   class: "yLabels"
-}, nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ul = ["x", "y", "font-size", "fill"], il = {
+}, nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["x", "y", "font-size", "fill"], ul = {
   key: 3,
   class: "periodLabels"
 }, rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sl = ["font-size", "text-anchor", "transform", "fill"], vl = { class: "plots" }, dl = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], cl = ["to"], hl = ["from", "to"], fl = {
@@ -152,7 +152,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(c, { expose: C, emit: x }) {
-    const O = ce(() => import("./BaseIcon-avTvifnO.js")), H = ce(() => import("./PackageVersion-Bwu7jdjH.js")), ge = ce(() => import("./PenAndPaper-BzQcbTCN.js")), me = ce(() => import("./vue-ui-skeleton-qa5B2MES.js")), pe = ce(() => import("./Tooltip-BuP-Tir7.js")), $e = ce(() => import("./UserOptions-fd2DeGS7.js")), { vue_ui_quick_chart: F } = Rt(), B = c, xe = z(null), Ge = z(null), Xe = z(null), Ze = z(null), J = z(Mt()), ee = z(!1), ye = z(null), te = z(""), W = z(null), Ye = z(null), Je = z(null), w = z([]), Qe = z(0), Ce = z(0), e = U({
+    const O = ce(() => import("./BaseIcon-JM7bAYf6.js")), H = ce(() => import("./PackageVersion-gLNy4C0t.js")), ge = ce(() => import("./PenAndPaper-lvQKUG-x.js")), me = ce(() => import("./vue-ui-skeleton-Cj6SRkhT.js")), pe = ce(() => import("./Tooltip-jN48xe9l.js")), $e = ce(() => import("./UserOptions-DYC8tFSC.js")), { vue_ui_quick_chart: F } = Rt(), B = c, xe = z(null), Ge = z(null), Xe = z(null), Ze = z(null), J = z(Mt()), ee = z(!1), ye = z(null), te = z(""), W = z(null), Ye = z(null), Je = z(null), w = z([]), Qe = z(0), Ce = z(0), e = U({
       get: () => at(),
       set: (o) => o
     }), { svgRef: Ke } = Zt({ config: { text: e.value.title } }), St = U(() => e.value.showUserOptionsOnChartHover), et = U(() => e.value.keepUserOptionsStateOnChartLeave), Ie = z(!e.value.showUserOptionsOnChartHover);
@@ -178,7 +178,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
     }, { deep: !0 }), Ve(() => B.dataset, (o) => {
       p.value = be.value, y.value.start = 0, y.value.end = p.value.maxSeriesLength, Ce.value += 1;
     }, { deep: !0 });
-    const ke = U(() => Ut(e.value.customPalette)), ie = x, be = U(() => {
+    const ke = U(() => Ut(e.value.customPalette)), ue = x, be = U(() => {
       const o = ea({ dataset: Bt(B.dataset, [
         "serie",
         "series",
@@ -242,30 +242,30 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
           return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
       }
     });
-    function ut(o) {
+    function it(o) {
       return [...o].map((s) => s.value).reduce((s, t) => s + t, 0);
     }
     function we(o) {
       return e.value.blurOnHover && ![null, void 0].includes(W.value) && W.value !== o ? `url(#blur_${J.value})` : "";
     }
-    function it(o, s) {
+    function ut(o, s) {
       w.value.includes(o) ? w.value = w.value.filter((t) => t !== o) : w.value.length < s && w.value.push(o);
     }
     const rt = z(null), st = z(null), Oe = z(!1);
     function Lt(o, s) {
       Oe.value = !0;
       let t = o.value;
-      const i = be.value.dataset.find((r, h) => o.id === `donut_${h}`).VALUE;
+      const u = be.value.dataset.find((r, h) => o.id === `donut_${h}`).VALUE;
       if (w.value.includes(o.id)) {
         let r = function() {
-          t > i ? (Oe.value = !1, cancelAnimationFrame(st.value), p.value = {
+          t > u ? (Oe.value = !1, cancelAnimationFrame(st.value), p.value = {
             ...p.value,
             dataset: p.value.dataset.map((h, P) => o.id === `donut_${P}` ? {
               ...h,
-              value: i,
-              VALUE: i
+              value: u,
+              VALUE: u
             } : h)
-          }) : (t += i * 0.025, p.value = {
+          }) : (t += u * 0.025, p.value = {
             ...p.value,
             dataset: p.value.dataset.map((h, P) => o.id === `donut_${P}` ? {
               ...h,
@@ -277,7 +277,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         w.value = w.value.filter((h) => h !== o.id), r();
       } else if (s.length > 1) {
         let r = function() {
-          t < i / 100 ? (Oe.value = !1, cancelAnimationFrame(rt.value), w.value.push(o.id), p.value = {
+          t < u / 100 ? (Oe.value = !1, cancelAnimationFrame(rt.value), w.value.push(o.id), p.value = {
             ...p.value,
             dataset: p.value.dataset.map((h, P) => o.id === `donut_${P}` ? {
               ...h,
@@ -302,19 +302,19 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
     }
     const vt = U(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), I = U(() => {
       if (L.value !== A.DONUT) return null;
-      const o = p.value.dataset.map((n, u) => ({
+      const o = p.value.dataset.map((n, i) => ({
         ...n,
         value: n.VALUE || n.DATA || n.SERIE || n.VALUES || n.NUM || 0,
-        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${u}`,
-        id: `donut_${u}`
-      })).map((n, u) => ({
+        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${i}`,
+        id: `donut_${i}`
+      })).map((n, i) => ({
         ...n,
-        color: n.COLOR ? He(n.COLOR) : ke.value[u + e.value.paletteStartIndex] || q[u + e.value.paletteStartIndex] || q[(u + e.value.paletteStartIndex) % q.length],
+        color: n.COLOR ? He(n.COLOR) : ke.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
         immutableValue: n.value
       }));
-      function s(n, u) {
+      function s(n, i) {
         return D({
-          v: isNaN(n.value / ut(u)) ? 0 : n.value / ut(u) * 100,
+          v: isNaN(n.value / it(i)) ? 0 : n.value / it(i) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
@@ -322,22 +322,22 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       function t(n) {
         return n.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
-      function i(n, u) {
+      function u(n, i) {
         const S = be.value.dataset.find((E, N) => `donut_${N}` === n).VALUE;
-        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(u.toFixed(0))).length);
+        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(i.toFixed(0))).length);
       }
-      function r({ datapoint: n, seriesIndex: u }) {
-        ye.value = { datapoint: n, seriesIndex: u, config: e.value, dataset: o }, W.value = n.id;
+      function r({ datapoint: n, seriesIndex: i }) {
+        ye.value = { datapoint: n, seriesIndex: i, config: e.value, dataset: o }, W.value = n.id;
         const S = e.value.tooltipCustomFormat;
         if (Ne(S) && je(() => S({
           datapoint: n,
-          seriesIndex: u,
+          seriesIndex: i,
           series: o,
           config: e.value
         })))
           te.value = S({
             datapoint: n,
-            seriesIndex: u,
+            seriesIndex: i,
             series: o,
             config: e.value
           });
@@ -352,7 +352,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
-            { datapoint: n, seriesIndex: u }
+            { datapoint: n, seriesIndex: i }
           )}</b>`, k += `<span>(${D({ v: n.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, te.value = `<div>${k}</div>`;
         }
         ee.value = !0;
@@ -363,7 +363,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       const P = {
         centerX: b.value.width / 2,
         centerY: b.value.height / 2
-      }, V = o.filter((n) => !w.value.includes(n.id)).map((n) => n.value || 0).reduce((n, u) => n + u, 0), ve = o.map((n, u) => ({
+      }, V = o.filter((n) => !w.value.includes(n.id)).map((n) => n.value || 0).reduce((n, i) => n + i, 0), ve = o.map((n, i) => ({
         ...n,
         proportion: (n.value || 0) / V,
         value: n.value || 0,
@@ -377,7 +377,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         isArcBigEnough: t,
         useTooltip: r,
         killTooltip: h,
-        getSpaces: i,
+        getSpaces: u,
         total: V,
         cx: ae,
         cy: de,
@@ -428,8 +428,8 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       else
         for (let r = 0; r < s; r += 1)
           t.push(o.map((h) => h.values[r] || 0).reduce((h, P) => (h || 0) + (P || 0), 0));
-      const i = Math.min(...t);
-      return t.map((r) => r + (i < 0 ? Math.abs(i) : 0));
+      const u = Math.min(...t);
+      return t.map((r) => r + (u < 0 ? Math.abs(u) : 0));
     }), v = U(() => {
       if (L.value !== A.LINE) return null;
       const o = {
@@ -447,31 +447,31 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       Y(p.value.dataset) && (t = [
         {
           values: p.value.dataset.slice(y.value.start, y.value.end),
-          absoluteIndices: p.value.dataset.map((n, u) => u).slice(y.value.start, y.value.end),
+          absoluteIndices: p.value.dataset.map((n, i) => i).slice(y.value.start, y.value.end),
           name: e.value.title,
           color: ke.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Ue(p.value.dataset) && (t = p.value.dataset.map((n, u) => ({
+      ]), Ue(p.value.dataset) && (t = p.value.dataset.map((n, i) => ({
         ...n,
         values: n.VALUE || n.DATA || n.SERIE || n.SERIES || n.VALUES || n.NUM || 0,
-        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${u}`,
-        id: `line_${u}`
-      })).map((n, u) => ({
+        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${i}`,
+        id: `line_${i}`
+      })).map((n, i) => ({
         ...n,
-        color: n.COLOR ? He(n.COLOR) : ke.value[u + e.value.paletteStartIndex] || q[u + e.value.paletteStartIndex] || q[(u + e.value.paletteStartIndex) % q.length],
+        color: n.COLOR ? He(n.COLOR) : ke.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
         values: n.values.slice(y.value.start, y.value.end),
         absoluteIndices: n.values.map((S, k) => k).slice(y.value.start, y.value.end)
       })));
-      const i = {
+      const u = {
         max: Math.max(...t.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)),
         min: Math.min(...t.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)),
         maxSeries: Math.max(...t.map((n) => n.values.length))
-      }, r = gt(i.min < 0 ? i.min : 0, i.max < 0 ? 0 : i.max, e.value.xyScaleSegments), h = i.min < 0 ? Math.abs(i.min) : 0, P = i.max < 0 ? s.top : s.bottom - h / (r.max + h) * s.height, V = s.width / i.maxSeries, ve = r.ticks.map((n) => ({
+      }, r = gt(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), h = u.min < 0 ? Math.abs(u.min) : 0, P = u.max < 0 ? s.top : s.bottom - h / (r.max + h) * s.height, V = s.width / u.maxSeries, ve = r.ticks.map((n) => ({
         y: s.bottom - s.height * ((n + h) / (r.max + h)),
         x: s.left - 8,
         value: n
-      })), ae = t.map((n, u) => ({
+      })), ae = t.map((n, i) => ({
         ...n,
         coordinates: n.values.map((S, k) => ({
           x: s.left + V * (k + 1) - V / 2,
@@ -479,38 +479,38 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
           value: S
         }))
       })).map((n) => {
-        let u = [];
+        let i = [];
         return n.coordinates.forEach((S) => {
-          u.push(`${S.x},${S.y} `);
+          i.push(`${S.x},${S.y} `);
         }), {
           ...n,
-          linePath: u.join(" ")
+          linePath: i.join(" ")
         };
       });
       function de(n) {
         W.value = n, j.value = n;
-        const u = t.map((k) => ({
+        const i = t.map((k) => ({
           ...k,
           value: k.values[n],
           absoluteIndex: k.absoluteIndices[n]
         })).filter((k) => !w.value.includes(k.id));
-        ye.value = { datapoint: u, seriesIndex: n, config: e.value, dataset: t };
+        ye.value = { datapoint: i, seriesIndex: n, config: e.value, dataset: t };
         const S = e.value.tooltipCustomFormat;
         if (Ne(S) && je(() => S({
-          datapoint: u,
+          datapoint: i,
           seriesIndex: n,
           series: t,
           config: e.value
         })))
           te.value = S({
-            datapoint: u,
+            datapoint: i,
             seriesIndex: n,
             series: t,
             config: e.value
           });
         else {
           let k = "";
-          K.value[u[0].absoluteIndex] && (k += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${K.value[u[0].absoluteIndex].text}</div>`), u.forEach((E, N) => {
+          K.value[i[0].absoluteIndex] && (k += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${K.value[i[0].absoluteIndex].text}</div>`), i.forEach((E, N) => {
             k += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${E.color}"/></svg>
@@ -541,7 +541,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         dataset: ae.filter((n) => !w.value.includes(n.id)),
         legend: ae,
         drawingArea: s,
-        extremes: i,
+        extremes: u,
         slotSize: V,
         yLabels: ve,
         useTooltip: de,
@@ -564,34 +564,34 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       Y(p.value.dataset) && (t = [
         {
           values: p.value.dataset.slice(y.value.start, y.value.end),
-          absoluteIndices: p.value.dataset.map((u, S) => S).slice(y.value.start, y.value.end),
+          absoluteIndices: p.value.dataset.map((i, S) => S).slice(y.value.start, y.value.end),
           name: e.value.title,
           color: ke.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Ue(p.value.dataset) && (t = p.value.dataset.map((u, S) => ({
-        ...u,
-        values: u.VALUE || u.DATA || u.SERIE || u.SERIES || u.VALUES || u.NUM || 0,
-        name: u.NAME || u.DESCRIPTION || u.TITLE || u.LABEL || `Serie ${S}`,
+      ]), Ue(p.value.dataset) && (t = p.value.dataset.map((i, S) => ({
+        ...i,
+        values: i.VALUE || i.DATA || i.SERIE || i.SERIES || i.VALUES || i.NUM || 0,
+        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${S}`,
         id: `bar_${S}`
-      })).map((u, S) => ({
-        ...u,
-        color: u.COLOR ? He(u.COLOR) : ke.value[S + e.value.paletteStartIndex] || q[S + e.value.paletteStartIndex] || q[(S + e.value.paletteStartIndex) % q.length],
-        values: u.values.slice(y.value.start, y.value.end),
-        absoluteIndices: u.values.map((k, E) => E).slice(y.value.start, y.value.end)
+      })).map((i, S) => ({
+        ...i,
+        color: i.COLOR ? He(i.COLOR) : ke.value[S + e.value.paletteStartIndex] || q[S + e.value.paletteStartIndex] || q[(S + e.value.paletteStartIndex) % q.length],
+        values: i.values.slice(y.value.start, y.value.end),
+        absoluteIndices: i.values.map((k, E) => E).slice(y.value.start, y.value.end)
       })));
-      const i = {
-        max: Math.max(...t.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) < 0 ? 0 : Math.max(...t.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)),
-        min: Math.min(...t.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)),
-        maxSeries: Math.max(...t.filter((u) => !w.value.includes(u.id)).map((u) => u.values.length))
-      }, r = gt(i.min < 0 ? i.min : 0, i.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, P = s.bottom - h / (r.max + h) * s.height, V = s.width / i.maxSeries, ve = r.ticks.map((u) => ({
-        y: s.bottom - s.height * ((u + h) / (r.max + h)),
+      const u = {
+        max: Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)) < 0 ? 0 : Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)),
+        min: Math.min(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)),
+        maxSeries: Math.max(...t.filter((i) => !w.value.includes(i.id)).map((i) => i.values.length))
+      }, r = gt(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, P = s.bottom - h / (r.max + h) * s.height, V = s.width / u.maxSeries, ve = r.ticks.map((i) => ({
+        y: s.bottom - s.height * ((i + h) / (r.max + h)),
         x: s.left - 8,
-        value: u
-      })), ae = t.map((u, S) => ({
-        ...u,
-        coordinates: u.values.map((k, E) => {
-          const N = (k + h) / (i.max + h) * s.height, Ae = Math.abs(k) / Math.abs(i.min) * (s.height - P), De = h / (i.max + h) * s.height, _e = V / t.filter((oe) => !w.value.includes(oe.id)).length - e.value.barGap / t.filter((oe) => !w.value.includes(oe.id)).length;
+        value: i
+      })), ae = t.map((i, S) => ({
+        ...i,
+        coordinates: i.values.map((k, E) => {
+          const N = (k + h) / (u.max + h) * s.height, Ae = Math.abs(k) / Math.abs(u.min) * (s.height - P), De = h / (u.max + h) * s.height, _e = V / t.filter((oe) => !w.value.includes(oe.id)).length - e.value.barGap / t.filter((oe) => !w.value.includes(oe.id)).length;
           return {
             x: s.left + V * E + _e * S + e.value.barGap / 2,
             y: k > 0 ? s.bottom - N : P,
@@ -600,10 +600,10 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             width: _e
           };
         })
-      })), de = t.filter((u) => !w.value.includes(u.id)).map((u, S) => ({
-        ...u,
-        coordinates: u.values.map((k, E) => {
-          const N = (k + h) / (i.max + h) * s.height, Ae = Math.abs(k) / (i.max + h) * s.height, De = h / (i.max + h) * s.height, _e = V / t.filter((oe) => !w.value.includes(oe.id)).length - e.value.barGap / t.filter((oe) => !w.value.includes(oe.id)).length;
+      })), de = t.filter((i) => !w.value.includes(i.id)).map((i, S) => ({
+        ...i,
+        coordinates: i.values.map((k, E) => {
+          const N = (k + h) / (u.max + h) * s.height, Ae = Math.abs(k) / (u.max + h) * s.height, De = h / (u.max + h) * s.height, _e = V / t.filter((oe) => !w.value.includes(oe.id)).length - e.value.barGap / t.filter((oe) => !w.value.includes(oe.id)).length;
           return {
             x: s.left + V * E + _e * S + e.value.barGap / 2,
             y: k > 0 ? s.bottom - N : P,
@@ -613,24 +613,24 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
           };
         })
       }));
-      function le(u) {
-        W.value = u, j.value = u;
+      function le(i) {
+        W.value = i, j.value = i;
         const S = t.map((E) => ({
           ...E,
-          value: E.values[u],
-          absoluteIndex: E.absoluteIndices[u]
+          value: E.values[i],
+          absoluteIndex: E.absoluteIndices[i]
         })).filter((E) => !w.value.includes(E.id));
-        ye.value = { datapoint: S, seriesIndex: u, config: e.value, dataset: t };
+        ye.value = { datapoint: S, seriesIndex: i, config: e.value, dataset: t };
         const k = e.value.tooltipCustomFormat;
         if (Ne(k) && je(() => k({
           datapoint: S,
-          seriesIndex: u,
+          seriesIndex: i,
           series: t,
           config: e.value
         })))
           te.value = k({
             point: S,
-            seriesIndex: u,
+            seriesIndex: i,
             series: t,
             config: e.value
           });
@@ -664,10 +664,10 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       }
       return {
         absoluteZero: P,
-        dataset: de.filter((u) => !w.value.includes(u.id)),
+        dataset: de.filter((i) => !w.value.includes(i.id)),
         legend: ae,
         drawingArea: s,
-        extremes: i,
+        extremes: u,
         slotSize: V,
         yLabels: ve,
         useTooltip: le,
@@ -752,8 +752,8 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       }, Pt({ _: 2 }, [
         o.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: G(({ isOpen: t, color: i }) => [
-            M(o.$slots, "menuIcon", ne(ue({ isOpen: t, color: i })), void 0, !0)
+          fn: G(({ isOpen: t, color: u }) => [
+            M(o.$slots, "menuIcon", ne(ie({ isOpen: t, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -780,15 +780,15 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         } : void 0,
         o.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: G(({ toggleFullscreen: t, isFullscreen: i }) => [
-            M(o.$slots, "optionFullscreen", ne(ue({ toggleFullscreen: t, isFullscreen: i })), void 0, !0)
+          fn: G(({ toggleFullscreen: t, isFullscreen: u }) => [
+            M(o.$slots, "optionFullscreen", ne(ie({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         o.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: G(({ toggleAnnotator: t, isAnnotator: i }) => [
-            M(o.$slots, "optionAnnotator", ne(ue({ toggleAnnotator: t, isAnnotator: i })), void 0, !0)
+          fn: G(({ toggleAnnotator: t, isAnnotator: u }) => [
+            M(o.$slots, "optionAnnotator", ne(ie({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
           ]),
           key: "5"
         } : void 0
@@ -820,7 +820,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
           }
         }, [
           M(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ia)) : g("", !0),
+        ], 8, ua)) : g("", !0),
         o.$slots["chart-background"] && L.value === A.LINE ? (a(), l("foreignObject", {
           key: 1,
           x: v.value.drawingArea.left,
@@ -878,7 +878,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         ]),
         L.value === A.DONUT ? (a(), l(m, { key: 3 }, [
           e.value.showDataLabels ? (a(), l("g", fa, [
-            (a(!0), l(m, null, $(I.value.chart, (t, i) => (a(), l(m, null, [
+            (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l(m, null, [
               I.value.isArcBigEnough(t) ? (a(), l("path", {
                 key: 0,
                 d: f(Ht)(t, { x: b.value.width / 2, y: b.value.height / 2 }, 16, 16, !1, !1, b.value.height * vt.value),
@@ -899,23 +899,23 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             filter: e.value.donutUseShadow ? `url(#shadow_${J.value})` : ""
           }, null, 8, ma),
           _("g", pa, [
-            (a(!0), l(m, null, $(I.value.chart, (t, i) => (a(), l("path", {
+            (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
               filter: we(t.id)
             }, null, 8, xa))), 256)),
-            (a(!0), l(m, null, $(I.value.chart, (t, i) => (a(), l("path", {
+            (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l("path", {
               d: t.arcSlice,
               fill: "transparent",
-              onMouseenter: (r) => I.value.useTooltip({ datapoint: t, seriesIndex: i }),
+              onMouseenter: (r) => I.value.useTooltip({ datapoint: t, seriesIndex: u }),
               onMouseout: s[0] || (s[0] = (r) => I.value.killTooltip()),
-              onClick: (r) => ie("selectDatapoint", t)
+              onClick: (r) => ue("selectDatapoint", t)
             }, null, 40, ya))), 256))
           ]),
           e.value.showDataLabels ? (a(), l("g", ka, [
-            (a(!0), l(m, null, $(I.value.chart, (t, i) => (a(), l(m, null, [
+            (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l(m, null, [
               I.value.isArcBigEnough(t) ? (a(), l("circle", {
                 key: 0,
                 cx: f(Le)(t).x,
@@ -943,7 +943,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: t, seriesIndex: i }
+                { datapoint: t, seriesIndex: u }
               )) + ") ", 9, Sa)) : g("", !0),
               I.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
@@ -992,9 +992,9 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
                 "stroke-linecap": "round"
               }, null, 8, $a)) : g("", !0)
             ], 64))), 256)),
-            (a(!0), l(m, null, $(v.value.extremes.maxSeries + 1, (t, i) => (a(), l("line", {
-              x1: v.value.drawingArea.left + v.value.slotSize * i,
-              x2: v.value.drawingArea.left + v.value.slotSize * i,
+            (a(!0), l(m, null, $(v.value.extremes.maxSeries + 1, (t, u) => (a(), l("line", {
+              x1: v.value.drawingArea.left + v.value.slotSize * u,
+              x2: v.value.drawingArea.left + v.value.slotSize * u,
               y1: v.value.drawingArea.top,
               y2: v.value.drawingArea.bottom,
               stroke: e.value.xyGridStroke,
@@ -1023,7 +1023,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             }, null, 8, Ta)
           ])) : g("", !0),
           e.value.xyShowScale ? (a(), l("g", Oa, [
-            (a(!0), l(m, null, $(v.value.yLabels, (t, i) => (a(), l(m, null, [
+            (a(!0), l(m, null, $(v.value.yLabels, (t, u) => (a(), l(m, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
                 x1: t.x + 4,
@@ -1050,32 +1050,32 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: t, seriesIndex: i }
+                { datapoint: t, seriesIndex: u }
               )), 9, Ra)) : g("", !0)
             ], 64))), 256))
           ])) : g("", !0),
           e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ma, [
-            (a(!0), l(m, null, $(K.value.map((t) => t.text), (t, i) => (a(), l(m, null, [
-              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && i % Math.floor((y.value.end - y.value.start) / e.value.xyPeriodsModulo) === 0 || y.value.end - y.value.start <= e.value.xyPeriodsModulo ? (a(), l("line", {
+            (a(!0), l(m, null, $(K.value.map((t) => t.text), (t, u) => (a(), l(m, null, [
+              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && u % Math.floor((y.value.end - y.value.start) / e.value.xyPeriodsModulo) === 0 || y.value.end - y.value.start <= e.value.xyPeriodsModulo ? (a(), l("line", {
                 key: 0,
-                x1: v.value.drawingArea.left + v.value.slotSize * (i + 1) - v.value.slotSize / 2,
-                x2: v.value.drawingArea.left + v.value.slotSize * (i + 1) - v.value.slotSize / 2,
+                x1: v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2,
+                x2: v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2,
                 y1: v.value.drawingArea.bottom,
                 y2: v.value.drawingArea.bottom + 4,
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
               }, null, 8, Fa)) : g("", !0),
-              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && i % Math.floor((y.value.end - y.value.start) / e.value.xyPeriodsModulo) === 0 || y.value.end - y.value.start <= e.value.xyPeriodsModulo ? (a(), l("g", Na, [
-                t.includes(`
+              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && u % Math.floor((y.value.end - y.value.start) / e.value.xyPeriodsModulo) === 0 || y.value.end - y.value.start <= e.value.xyPeriodsModulo ? (a(), l("g", Na, [
+                String(t).includes(`
 `) ? (a(), l("text", {
                   key: 1,
                   "font-size": e.value.xyLabelsXFontSize,
                   "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                   fill: e.value.color,
-                  transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (i + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
+                  transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
                   innerHTML: f(Wt)({
-                    content: t,
+                    content: String(t),
                     fontSize: e.value.xyLabelsXFontSize,
                     fill: e.value.color,
                     x: 0,
@@ -1086,13 +1086,13 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
                   "font-size": e.value.xyLabelsXFontSize,
                   "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                   fill: e.value.color,
-                  transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (i + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
+                  transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
                 }, T(t), 9, Ua))
               ])) : g("", !0)
             ], 64))), 256))
           ])) : g("", !0),
           _("g", Da, [
-            (a(!0), l(m, null, $(v.value.dataset, (t, i) => (a(), l("g", Va, [
+            (a(!0), l(m, null, $(v.value.dataset, (t, u) => (a(), l("g", Va, [
               e.value.lineSmooth ? (a(), l(m, { key: 0 }, [
                 _("path", {
                   d: `M ${f(mt)(t.coordinates)}`,
@@ -1145,7 +1145,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             ]))), 256))
           ]),
           e.value.showDataLabels ? (a(), l("g", Xa, [
-            (a(!0), l(m, null, $(v.value.dataset, (t, i) => (a(), l(m, null, [
+            (a(!0), l(m, null, $(v.value.dataset, (t, u) => (a(), l(m, null, [
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("text", {
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
@@ -1168,18 +1168,18 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             ], 64))), 256))
           ])) : g("", !0),
           _("g", Ya, [
-            (a(!0), l(m, null, $(v.value.extremes.maxSeries, (t, i) => (a(), l("rect", {
-              x: v.value.drawingArea.left + i * v.value.slotSize,
+            (a(!0), l(m, null, $(v.value.extremes.maxSeries, (t, u) => (a(), l("rect", {
+              x: v.value.drawingArea.left + u * v.value.slotSize,
               y: v.value.drawingArea.top,
               height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
               width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
-              fill: [W.value, j.value].includes(i) ? e.value.xyHighlighterColor : "transparent",
+              fill: [W.value, j.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
               style: R(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (r) => v.value.useTooltip(i),
+              onMouseenter: (r) => v.value.useTooltip(u),
               onMouseleave: s[1] || (s[1] = (r) => v.value.killTooltip()),
-              onClick: (r) => ie("selectDatapoint", v.value.dataset.map((h) => ({
+              onClick: (r) => ue("selectDatapoint", v.value.dataset.map((h) => ({
                 ...h,
-                value: h.values[i]
+                value: h.values[u]
               })))
             }, null, 44, Ja))), 256))
           ])
@@ -1198,9 +1198,9 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
                 "stroke-linecap": "round"
               }, null, 8, Ka)) : g("", !0)
             ], 64))), 256)),
-            (a(!0), l(m, null, $(d.value.extremes.maxSeries + 1, (t, i) => (a(), l("line", {
-              x1: d.value.drawingArea.left + d.value.slotSize * i,
-              x2: d.value.drawingArea.left + d.value.slotSize * i,
+            (a(!0), l(m, null, $(d.value.extremes.maxSeries + 1, (t, u) => (a(), l("line", {
+              x1: d.value.drawingArea.left + d.value.slotSize * u,
+              x2: d.value.drawingArea.left + d.value.slotSize * u,
               y1: d.value.drawingArea.top,
               y2: d.value.drawingArea.bottom,
               stroke: e.value.xyGridStroke,
@@ -1229,7 +1229,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             }, null, 8, ll)
           ])) : g("", !0),
           e.value.xyShowScale ? (a(), l("g", ol, [
-            (a(!0), l(m, null, $(d.value.yLabels, (t, i) => (a(), l(m, null, [
+            (a(!0), l(m, null, $(d.value.yLabels, (t, u) => (a(), l(m, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
                 x1: t.x + 4,
@@ -1256,29 +1256,29 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: t, seriesIndex: i }
-              )), 9, ul)) : g("", !0)
+                { datapoint: t, seriesIndex: u }
+              )), 9, il)) : g("", !0)
             ], 64))), 256))
           ])) : g("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", il, [
-            (a(!0), l(m, null, $(e.value.xyPeriods.slice(y.value.start, y.value.end), (t, i) => (a(), l("line", {
-              x1: d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2,
-              x2: d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2,
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", ul, [
+            (a(!0), l(m, null, $(e.value.xyPeriods.slice(y.value.start, y.value.end), (t, u) => (a(), l("line", {
+              x1: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
+              x2: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
               y1: d.value.drawingArea.bottom,
               y2: d.value.drawingArea.bottom + 4,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
             }, null, 8, rl))), 256)),
-            (a(!0), l(m, null, $(K.value.map((t) => t.text), (t, i) => (a(), l("text", {
+            (a(!0), l(m, null, $(K.value.map((t) => t.text), (t, u) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-              transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
+              transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
               fill: e.value.color
             }, T(t), 9, sl))), 256))
           ])) : g("", !0),
           _("g", vl, [
-            (a(!0), l(m, null, $(d.value.dataset, (t, i) => (a(), l(m, null, [
+            (a(!0), l(m, null, $(d.value.dataset, (t, u) => (a(), l(m, null, [
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("rect", {
                 x: r.x,
                 width: r.width <= 0 ? 1e-5 : r.width,
@@ -1308,7 +1308,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             ], 64))), 256))
           ]),
           e.value.showDataLabels ? (a(), l("g", fl, [
-            (a(!0), l(m, null, $(d.value.dataset, (t, i) => (a(), l(m, null, [
+            (a(!0), l(m, null, $(d.value.dataset, (t, u) => (a(), l(m, null, [
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("text", {
                 x: r.x + r.width / 2,
                 y: f(Z)(r.y) - e.value.dataLabelFontSize / 2,
@@ -1330,18 +1330,18 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             ], 64))), 256))
           ])) : g("", !0),
           _("g", ml, [
-            (a(!0), l(m, null, $(d.value.extremes.maxSeries, (t, i) => (a(), l("rect", {
-              x: d.value.drawingArea.left + i * d.value.slotSize,
+            (a(!0), l(m, null, $(d.value.extremes.maxSeries, (t, u) => (a(), l("rect", {
+              x: d.value.drawingArea.left + u * d.value.slotSize,
               y: d.value.drawingArea.top,
               height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
               width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
-              fill: [W.value, j.value].includes(i) ? e.value.xyHighlighterColor : "transparent",
+              fill: [W.value, j.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
               style: R(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (r) => d.value.useTooltip(i),
+              onMouseenter: (r) => d.value.useTooltip(u),
               onMouseleave: s[2] || (s[2] = (r) => d.value.killTooltip()),
-              onClick: (r) => ie("selectDatapoint", d.value.dataset.map((h) => ({
+              onClick: (r) => ue("selectDatapoint", d.value.dataset.map((h) => ({
                 ...h,
-                value: h.values[i]
+                value: h.values[u]
               })))
             }, null, 44, pl))), 256))
           ])
@@ -1382,7 +1382,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             }, T(e.value.yAxisLabel), 9, Ll)
           ])) : g("", !0)
         ])) : g("", !0)
-      ], 12, ua)) : g("", !0),
+      ], 12, ia)) : g("", !0),
       L.value ? g("", !0) : (a(), Fe(f(me), {
         key: 5,
         config: {
@@ -1402,7 +1402,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         }
       }, null, 8, ["config"])),
       o.$slots.watermark ? (a(), l("div", zl, [
-        M(o.$slots, "watermark", ne(ue({ isPrinting: f(Ee) || f(Te) })), void 0, !0)
+        M(o.$slots, "watermark", ne(ie({ isPrinting: f(Ee) || f(Te) })), void 0, !0)
       ])) : g("", !0),
       [A.BAR, A.LINE].includes(L.value) && e.value.zoomXy && p.value.maxSeriesLength > 1 ? (a(), l("div", {
         key: `slicer_${Ce.value}`,
@@ -1447,7 +1447,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
           onTrapMouse: zt
         }, {
           "reset-action": G(({ reset: t }) => [
-            M(o.$slots, "reset-action", ne(ue({ reset: t })), void 0, !0)
+            M(o.$slots, "reset-action", ne(ie({ reset: t })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"]))
@@ -1459,10 +1459,10 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         class: "vue-ui-quick-chart-legend",
         style: R(`background:transparent;color:${e.value.color}`)
       }, [
-        L.value === A.DONUT ? (a(!0), l(m, { key: 0 }, $(I.value.legend, (t, i) => (a(), l("div", {
+        L.value === A.DONUT ? (a(!0), l(m, { key: 0 }, $(I.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            Lt(t, I.value.dataset), ie("selectLegend", t);
+            Lt(t, I.value.dataset), ue("selectLegend", t);
           },
           style: R(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
@@ -1489,7 +1489,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: t, seriesIndex: i }
+              { datapoint: t, seriesIndex: u }
             )), 5),
             w.value.includes(t.id) ? (a(), l("span", {
               key: 0,
@@ -1507,10 +1507,10 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             })) + ") ", 5))
           ], 64))
         ], 12, $l))), 256)) : g("", !0),
-        L.value === A.LINE ? (a(!0), l(m, { key: 1 }, $(v.value.legend, (t, i) => (a(), l("div", {
+        L.value === A.LINE ? (a(!0), l(m, { key: 1 }, $(v.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            it(t.id, v.value.legend.length - 1), ie("selectLegend", t);
+            ut(t.id, v.value.legend.length - 1), ue("selectLegend", t);
           },
           style: R(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
@@ -1528,10 +1528,10 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
             }, T(t.name), 5)
           ], 64))
         ], 12, Cl))), 256)) : g("", !0),
-        L.value === A.BAR ? (a(!0), l(m, { key: 2 }, $(d.value.legend, (t, i) => (a(), l("div", {
+        L.value === A.BAR ? (a(!0), l(m, { key: 2 }, $(d.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            it(t.id, d.value.legend.length - 1), ie("selectLegend", t);
+            ut(t.id, d.value.legend.length - 1), ue("selectLegend", t);
           },
           style: R(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
@@ -1575,10 +1575,10 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
         isCustom: f(Ne)(e.value.tooltipCustomFormat)
       }, {
         "tooltip-before": G(() => [
-          M(o.$slots, "tooltip-before", ne(ue({ ...ye.value })), void 0, !0)
+          M(o.$slots, "tooltip-before", ne(ie({ ...ye.value })), void 0, !0)
         ]),
         "tooltip-after": G(() => [
-          M(o.$slots, "tooltip-after", ne(ue({ ...ye.value })), void 0, !0)
+          M(o.$slots, "tooltip-after", ne(ie({ ...ye.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"])
@@ -1590,7 +1590,7 @@ const na = ["id"], ua = ["xmlns", "viewBox"], ia = ["x", "y", "width", "height"]
       s[8] || (s[8] = _("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Vl = /* @__PURE__ */ Qt(Tl, [["__scopeId", "data-v-80a6d1c1"]]);
+}, Vl = /* @__PURE__ */ Qt(Tl, [["__scopeId", "data-v-b383fd3a"]]);
 export {
   Vl as default
 };