vue-data-ui 2.4.86 → 2.4.88

package/dist/{vue-ui-quick-chart-kAG9Eaxb.js → vue-ui-quick-chart-BnH7-lmq.js}

@@ -1,14 +1,14 @@
 import { ref as L, computed as U, watch as Ne, onMounted as St, onBeforeUnmount as wt, nextTick as Ce, openBlock as a, createElementBlock as l, normalizeClass as re, normalizeStyle as N, createBlock as Ie, createCommentVNode as f, unref as g, createSlots as At, withCtx as Q, renderSlot as F, normalizeProps as G, guardReactiveProps as se, toDisplayString as O, createVNode as ve, createElementVNode as _, Fragment as p, renderList as $, mergeProps as Fe, pushScopeId as _t, popScopeId as zt } from "vue";
-import { u as Lt, c as $t, t as Ct, a as It, p as V, C as lt, b as Et, J as Pt, e as Tt, d as Me, m as Ot, D as ot, X as Rt, j as Nt, k as xe, n as Ue, i as X, f as B, R as nt, v as Z, x as Ee, y as Be } from "./index-CXx0JV8R.js";
+import { u as Lt, c as $t, t as Ct, a as It, p as V, C as lt, b as Et, J as Tt, e as Pt, d as Me, m as Ot, D as ot, X as Rt, j as Nt, k as ye, n as Ue, i as X, f as B, R as it, v as Z, x as Ee, y as Be } from "./index-DCHLGNvJ.js";
 import { t as Ft, u as Mt } from "./useResponsive-CoxXLe23.js";
-import Pe from "./BaseIcon-CdPe2CAc.js";
-import { _ as Ut } from "./Tooltip-CGYgJoPR.js";
-import { u as Bt, U as Dt } from "./usePrinter-Ctor1UK0.js";
-import { S as Vt } from "./Slicer-D4ugcR39.js";
-import qt from "./vue-ui-skeleton-Cw0-Ac_0.js";
-import { u as it } from "./useNestedProp-B-WAbP7E.js";
-import { _ as Wt } from "./PackageVersion-qom4AEUr.js";
-import { P as Ht } from "./PenAndPaper-C-1AU46J.js";
+import Te from "./BaseIcon-B9BZgZsa.js";
+import { _ as Ut } from "./Tooltip-CmKYX0H1.js";
+import { u as Bt, U as Dt } from "./usePrinter-BvounINk.js";
+import { S as Vt } from "./Slicer-Clpv-EOL.js";
+import qt from "./vue-ui-skeleton-nTL-u4Yd.js";
+import { u as nt } from "./useNestedProp-BPR7xHxr.js";
+import { _ as Wt } from "./PackageVersion-BAKTtSRE.js";
+import { P as Ht } from "./PenAndPaper-BUzmu0vi.js";
 import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   LINE: "LINE",
@@ -17,18 +17,18 @@ const A = {
 }, Gt = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
 function Xt({ dataset: d, barLineSwitch: I = 6 }) {
   let m = null, C = null, q = 0;
-  if ((typeof d == "number" || typeof d == "string") && console.warn(`The provided dataset (${d}) is not sufficient to build a chart`), ye(d) && (Y(d) && (d.length < I ? m = A.BAR : m = A.LINE, C = d, q = d.length), Te(d))) {
+  if ((typeof d == "number" || typeof d == "string") && console.warn(`The provided dataset (${d}) is not sufficient to build a chart`), ke(d) && (Y(d) && (d.length < I ? m = A.BAR : m = A.LINE, C = d, q = d.length), Pe(d))) {
     if (!Yt(d))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
     const oe = Object.keys(d[0]), de = Object.values(d[0]);
-    if (!oe.some((P) => Jt(P)))
+    if (!oe.some((T) => Jt(T)))
       return console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-    ut(de, (P) => typeof P == "number") && (m = A.DONUT, C = d), ut(de, (P) => Array.isArray(P) && Y(P)) && (rt(d) > I ? m = A.LINE : m = A.BAR, q = rt(d), C = d.map((P) => ({
-      ...P,
-      data: Qt(P, (j) => Y(j))
-    }))), d = d.map((P) => st(P)), C = C.map((P) => st(P));
+    ut(de, (T) => typeof T == "number") && (m = A.DONUT, C = d), ut(de, (T) => Array.isArray(T) && Y(T)) && (rt(d) > I ? m = A.LINE : m = A.BAR, q = rt(d), C = d.map((T) => ({
+      ...T,
+      data: Qt(T, (j) => Y(j))
+    }))), d = d.map((T) => st(T)), C = C.map((T) => st(T));
   }
-  return ye(d) && [...new Set(d.flatMap((oe) => Array.isArray(oe)))][0], {
+  return ke(d) && [...new Set(d.flatMap((oe) => Array.isArray(oe)))][0], {
     dataset: d,
     type: m,
     usableDataset: C,
@@ -36,18 +36,18 @@ function Xt({ dataset: d, barLineSwitch: I = 6 }) {
   };
 }
 function vt(d) {
-  return !d || ye(d) && !d.length;
+  return !d || ke(d) && !d.length;
 }
-function ye(d) {
+function ke(d) {
   return Array.isArray(d);
 }
 function Y(d) {
-  if (!ye(d) || vt(d)) return !1;
+  if (!ke(d) || vt(d)) return !1;
   const I = d.map((m) => Number(m));
   return ![...new Set(I.flatMap((m) => typeof m == "number" && !isNaN(m)))].includes(!1);
 }
-function Te(d) {
-  return !ye(d) || vt(d) || !![...new Set(d.flatMap((m) => typeof m == "object" && !Array.isArray(m)))].includes(!1) ? !1 : !d.map((m) => Object.keys(m).length > 0).includes(!1);
+function Pe(d) {
+  return !ke(d) || vt(d) || !![...new Set(d.flatMap((m) => typeof m == "object" && !Array.isArray(m)))].includes(!1) ? !1 : !d.map((m) => Object.keys(m).length > 0).includes(!1);
 }
 function Zt(d, I) {
   const m = Object.keys(d).sort(), C = Object.keys(I).sort();
@@ -89,7 +89,7 @@ function st(d) {
     d.hasOwnProperty(m) && (I[m.toUpperCase()] = d[m]);
   return I;
 }
-const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"], aa = ["x", "y", "width", "height"], la = ["width", "height"], oa = ["id"], na = ["id"], ia = /* @__PURE__ */ dt(() => /* @__PURE__ */ _("feColorMatrix", {
+const dt = (d) => (_t("data-v-e9d5ef87"), d = d(), zt(), d), Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"], aa = ["x", "y", "width", "height"], la = ["width", "height"], oa = ["id"], ia = ["id"], na = /* @__PURE__ */ dt(() => /* @__PURE__ */ _("feColorMatrix", {
   type: "saturate",
   values: "0"
 }, null, -1)), ua = ["id"], ra = ["flood-color"], sa = {
@@ -113,7 +113,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
 }, Ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x", "y", "font-size", "fill"], Ea = {
   key: 3,
   class: "periodLabels"
-}, Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ta = ["font-size", "text-anchor", "fill", "transform"], Oa = { class: "plots" }, Ra = { class: "line-plot-series" }, Na = ["d", "stroke", "stroke-width"], Fa = ["d", "stroke", "stroke-width"], Ma = ["d", "stroke", "stroke-width"], Ua = ["d", "stroke", "stroke-width"], Ba = ["cx", "cy", "fill", "stroke"], Da = {
+}, Ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = ["font-size", "text-anchor", "fill", "transform"], Oa = { class: "plots" }, Ra = { class: "line-plot-series" }, Na = ["d", "stroke", "stroke-width"], Fa = ["d", "stroke", "stroke-width"], Ma = ["d", "stroke", "stroke-width"], Ua = ["d", "stroke", "stroke-width"], Ba = ["cx", "cy", "fill", "stroke"], Da = {
   key: 4,
   class: "dataLabels"
 }, Va = ["font-size", "fill", "x", "y"], qa = { class: "tooltip-traps" }, Wa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ha = {
@@ -128,7 +128,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
 }, Qa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ka = ["x", "y", "font-size", "fill"], el = {
   key: 3,
   class: "periodLabels"
-}, tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], al = ["font-size", "text-anchor", "transform", "fill"], ll = { class: "plots" }, ol = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], nl = ["to"], il = ["from", "to"], ul = {
+}, tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], al = ["font-size", "text-anchor", "transform", "fill"], ll = { class: "plots" }, ol = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], il = ["to"], nl = ["from", "to"], ul = {
   key: 4,
   class: "dataLabels"
 }, rl = ["x", "y", "font-size", "fill"], sl = { class: "tooltip-traps" }, vl = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], dl = {
@@ -158,21 +158,21 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(d, { expose: I, emit: m }) {
-    const C = d, { vue_ui_quick_chart: q } = Lt(), W = L(null), le = L(null), oe = L(null), de = L(null), P = L($t()), j = L(!1), ce = L(null), K = L(""), H = L(null), De = L(null), Ve = L(null), w = L([]), qe = L(0), ke = L(0), e = U({
+    const C = d, { vue_ui_quick_chart: q } = Lt(), W = L(null), le = L(null), oe = L(null), de = L(null), T = L($t()), j = L(!1), ce = L(null), K = L(""), H = L(null), De = L(null), Ve = L(null), w = L([]), qe = L(0), be = L(0), e = U({
       get: () => je(),
       set: (o) => o
-    }), ct = U(() => e.value.showUserOptionsOnChartHover), We = U(() => e.value.keepUserOptionsStateOnChartLeave), be = L(!e.value.showUserOptionsOnChartHover);
+    }), ct = U(() => e.value.showUserOptionsOnChartHover), We = U(() => e.value.keepUserOptionsStateOnChartLeave), Se = L(!e.value.showUserOptionsOnChartHover);
     function He(o = !1) {
-      ct.value && (be.value = o);
+      ct.value && (Se.value = o);
     }
     function je() {
-      const o = it({
+      const o = nt({
         userConfig: C.config,
         defaultConfig: q
       });
       let s = {};
       return o.theme ? s = {
-        ...it({
+        ...nt({
           userConfig: Ct.vue_ui_quick_chart[o.theme] || C.config,
           defaultConfig: o
         }),
@@ -180,12 +180,12 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
       } : s = o, C.config && lt(C.config, "zoomStartIndex") ? s.zoomStartIndex = C.config.zoomStartIndex : s.zoomStartIndex = null, C.config && lt(C.config, "zoomEndIndex") ? s.zoomEndIndex = C.config.zoomEndIndex : s.zoomEndIndex = null, s;
     }
     Ne(() => C.config, (o) => {
-      e.value = je(), k.value.width = e.value.width, k.value.height = e.value.height, be.value = !e.value.showUserOptionsOnChartHover, Ze();
+      e.value = je(), k.value.width = e.value.width, k.value.height = e.value.height, Se.value = !e.value.showUserOptionsOnChartHover, Ze(), ge.value.showTooltip = e.value.showTooltip;
     }, { deep: !0 }), Ne(() => C.dataset, (o) => {
-      x.value = fe.value, b.value.start = 0, b.value.end = x.value.maxSeriesLength, ke.value += 1;
+      x.value = fe.value, b.value.start = 0, b.value.end = x.value.maxSeriesLength, be.value += 1;
     }, { deep: !0 });
     const he = U(() => Et(e.value.customPalette)), fe = U(() => {
-      const o = Xt({ dataset: Pt(C.dataset, [
+      const o = Xt({ dataset: Tt(C.dataset, [
         "serie",
         "series",
         "data",
@@ -196,18 +196,18 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
       return o || console.error("VueUiQuickChart : Dataset is not processable"), o;
     }), x = L(fe.value), ht = U(() => !!x.value), z = U(() => x.value ? x.value.type : null);
     Ne(() => z.value, (o) => {
-      o || Tt({
+      o || Pt({
         componentName: "VueUiQuickChart",
         type: "dataset"
       });
     }, { immediate: !0 });
-    const { isPrinting: Se, isImaging: we, generatePdf: Ge, generateImage: Xe } = Bt({
-      elementId: `${z.value}_${P.value}`,
+    const { isPrinting: we, isImaging: Ae, generatePdf: Ge, generateImage: Xe } = Bt({
+      elementId: `${z.value}_${T.value}`,
       fileName: e.value.title || z.value
     }), ft = U(() => e.value.showUserOptions && !e.value.title), k = L({
       width: e.value.width,
       height: e.value.height
-    }), Ae = L({
+    }), ge = L({
       showTooltip: e.value.showTooltip
     }), _e = L(null);
     St(() => {
@@ -250,8 +250,8 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
     function Ye(o) {
       return [...o].map((s) => s.value).reduce((s, t) => s + t, 0);
     }
-    function ge(o) {
-      return e.value.blurOnHover && ![null, void 0].includes(H.value) && H.value !== o ? `url(#blur_${P.value})` : "";
+    function me(o) {
+      return e.value.blurOnHover && ![null, void 0].includes(H.value) && H.value !== o ? `url(#blur_${T.value})` : "";
     }
     function Je(o, s) {
       w.value.includes(o) ? w.value = w.value.filter((t) => t !== o) : w.value.length < s && w.value.push(o);
@@ -307,58 +307,58 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
     }
     const et = U(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), E = U(() => {
       if (z.value !== A.DONUT) return null;
-      const o = x.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 ${i}`,
-        id: `donut_${i}`
-      })).map((n, i) => ({
-        ...n,
-        color: n.COLOR ? Me(n.COLOR) : he.value[i + e.value.paletteStartIndex] || V[i + e.value.paletteStartIndex] || V[(i + e.value.paletteStartIndex) % V.length],
-        immutableValue: n.value
+      const o = x.value.dataset.map((i, n) => ({
+        ...i,
+        value: i.VALUE || i.DATA || i.SERIE || i.VALUES || i.NUM || 0,
+        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${n}`,
+        id: `donut_${n}`
+      })).map((i, n) => ({
+        ...i,
+        color: i.COLOR ? Me(i.COLOR) : he.value[n + e.value.paletteStartIndex] || V[n + e.value.paletteStartIndex] || V[(n + e.value.paletteStartIndex) % V.length],
+        immutableValue: i.value
       }));
-      function s(n, i) {
+      function s(i, n) {
         return B({
-          v: isNaN(n.value / Ye(i)) ? 0 : n.value / Ye(i) * 100,
+          v: isNaN(i.value / Ye(n)) ? 0 : i.value / Ye(n) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
       }
-      function t(n) {
-        return n.proportion * 100 > e.value.donutHideLabelUnderPercentage;
+      function t(i) {
+        return i.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
-      function u(n, i) {
-        const S = fe.value.dataset.find((T, M) => `donut_${M}` === n).VALUE;
-        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(i.toFixed(0))).length);
+      function u(i, n) {
+        const S = fe.value.dataset.find((P, M) => `donut_${M}` === i).VALUE;
+        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(n.toFixed(0))).length);
       }
-      function r({ datapoint: n, seriesIndex: i }) {
-        ce.value = { datapoint: n, seriesIndex: i, config: e.value, dataset: o }, H.value = n.id;
+      function r({ datapoint: i, seriesIndex: n }) {
+        ce.value = { datapoint: i, seriesIndex: n, config: e.value, dataset: o }, H.value = i.id;
         const S = e.value.tooltipCustomFormat;
         if (Ee(S) && Be(() => S({
-          datapoint: n,
-          seriesIndex: i,
+          datapoint: i,
+          seriesIndex: n,
           series: o,
           config: e.value
         })))
           K.value = S({
-            datapoint: n,
-            seriesIndex: i,
+            datapoint: i,
+            seriesIndex: n,
             series: o,
             config: e.value
           });
         else {
           let y = "";
-          y += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${n.name}</div>`, y += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${n.color}"/></svg>`, y += `<b>${X(
+          y += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${i.name}</div>`, y += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${i.color}"/></svg>`, y += `<b>${X(
             e.value.formatter,
-            n.value,
+            i.value,
             B({
               p: e.value.valuePrefix,
-              v: n.value,
+              v: i.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
-            { datapoint: n, seriesIndex: i }
-          )}</b>`, y += `<span>(${B({ v: n.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, K.value = `<div>${y}</div>`;
+            { datapoint: i, seriesIndex: n }
+          )}</b>`, y += `<span>(${B({ v: i.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, K.value = `<div>${y}</div>`;
         }
         j.value = !0;
       }
@@ -368,15 +368,15 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
       const R = {
         centerX: k.value.width / 2,
         centerY: k.value.height / 2
-      }, D = o.filter((n) => !w.value.includes(n.id)).map((n) => n.value || 0).reduce((n, i) => n + i, 0), ie = o.map((n, i) => ({
-        ...n,
-        proportion: (n.value || 0) / D,
-        value: n.value || 0,
-        absoluteValue: fe.value.dataset.find((S, y) => `donut_${y}` === n.id).VALUE
+      }, D = o.filter((i) => !w.value.includes(i.id)).map((i) => i.value || 0).reduce((i, n) => i + n, 0), ne = o.map((i, n) => ({
+        ...i,
+        proportion: (i.value || 0) / D,
+        value: i.value || 0,
+        absoluteValue: fe.value.dataset.find((S, y) => `donut_${y}` === i.id).VALUE
       })), ee = k.value.width / 2, ue = k.value.height / 2, te = k.value.height * e.value.donutRadiusRatio;
       return {
-        dataset: ie.filter((n) => !w.value.includes(n.id)),
-        legend: ie,
+        dataset: ne.filter((i) => !w.value.includes(i.id)),
+        legend: ne,
         drawingArea: R,
         displayArcPercentage: s,
         isArcBigEnough: t,
@@ -388,7 +388,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
         cy: ue,
         radius: te,
         chart: Ot(
-          { series: o.filter((n) => !w.value.includes(n.id)) },
+          { series: o.filter((i) => !w.value.includes(i.id)) },
           ee,
           ue,
           te,
@@ -408,12 +408,12 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
     function xt() {
       tt();
     }
-    const ne = L(null);
+    const ie = L(null);
     async function tt() {
-      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ne.value ? (e.value.zoomStartIndex !== null && (await Ce(), await Ce(), ne.value && ne.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Ce(), await Ce(), ne.value && ne.value.setEndValue(yt(e.value.zoomEndIndex + 1)))) : (b.value = {
+      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ie.value ? (e.value.zoomStartIndex !== null && (await Ce(), await Ce(), ie.value && ie.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Ce(), await Ce(), ie.value && ie.value.setEndValue(yt(e.value.zoomEndIndex + 1)))) : (b.value = {
         start: 0,
         end: x.value.maxSeriesLength
-      }, ke.value += 1);
+      }, be.value += 1);
     }
     function yt(o) {
       const s = x.value.maxSeriesLength;
@@ -422,7 +422,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
     const kt = U(() => {
       if (!e.value.zoomMinimap.show || z.value === A.DONUT) return [];
       let o = [];
-      Y(x.value.dataset) && (o = x.value.dataset), Te(x.value.dataset) && (o = x.value.dataset.map((r, h) => ({
+      Y(x.value.dataset) && (o = x.value.dataset), Pe(x.value.dataset) && (o = x.value.dataset.map((r, h) => ({
         values: r.VALUE || r.DATA || r.SERIE || r.SERIES || r.VALUES || r.NUM || 0,
         id: z.value === A.LINE ? `line_${h}` : `bar_${h}`
       })).filter((r) => !w.value.includes(r.id)));
@@ -452,84 +452,84 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
       Y(x.value.dataset) && (t = [
         {
           values: x.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: x.value.dataset.map((n, i) => i).slice(b.value.start, b.value.end),
+          absoluteIndices: x.value.dataset.map((i, n) => n).slice(b.value.start, b.value.end),
           name: e.value.title,
           color: he.value[e.value.paletteStartIndex] || V[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Te(x.value.dataset) && (t = x.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 ${i}`,
-        id: `line_${i}`
-      })).map((n, i) => ({
-        ...n,
-        color: n.COLOR ? Me(n.COLOR) : he.value[i + e.value.paletteStartIndex] || V[i + e.value.paletteStartIndex] || V[(i + e.value.paletteStartIndex) % V.length],
-        values: n.values.slice(b.value.start, b.value.end),
-        absoluteIndices: n.values.map((S, y) => y).slice(b.value.start, b.value.end)
+      ]), Pe(x.value.dataset) && (t = x.value.dataset.map((i, n) => ({
+        ...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 ${n}`,
+        id: `line_${n}`
+      })).map((i, n) => ({
+        ...i,
+        color: i.COLOR ? Me(i.COLOR) : he.value[n + e.value.paletteStartIndex] || V[n + e.value.paletteStartIndex] || V[(n + e.value.paletteStartIndex) % V.length],
+        values: i.values.slice(b.value.start, b.value.end),
+        absoluteIndices: i.values.map((S, y) => y).slice(b.value.start, b.value.end)
       })));
       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 = ot(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), h = u.min < 0 ? Math.abs(u.min) : 0, R = u.max < 0 ? s.top : s.bottom - h / (r.max + h) * s.height, D = s.width / u.maxSeries, ie = r.ticks.map((n) => ({
-        y: s.bottom - s.height * ((n + h) / (r.max + h)),
+        max: 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.map((i) => i.values.length))
+      }, r = ot(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), h = u.min < 0 ? Math.abs(u.min) : 0, R = u.max < 0 ? s.top : s.bottom - h / (r.max + h) * s.height, D = s.width / u.maxSeries, ne = r.ticks.map((i) => ({
+        y: s.bottom - s.height * ((i + h) / (r.max + h)),
         x: s.left - 8,
-        value: n
-      })), ee = t.map((n, i) => ({
-        ...n,
-        coordinates: n.values.map((S, y) => ({
+        value: i
+      })), ee = t.map((i, n) => ({
+        ...i,
+        coordinates: i.values.map((S, y) => ({
           x: s.left + D * (y + 1) - D / 2,
           y: s.bottom - (S + h) / (r.max + h) * s.height,
           value: S
         }))
-      })).map((n) => {
-        let i = [];
-        return n.coordinates.forEach((S) => {
-          i.push(`${S.x},${S.y} `);
+      })).map((i) => {
+        let n = [];
+        return i.coordinates.forEach((S) => {
+          n.push(`${S.x},${S.y} `);
         }), {
-          ...n,
-          linePath: i.join(" ")
+          ...i,
+          linePath: n.join(" ")
         };
       });
-      function ue(n) {
-        H.value = n, J.value = n;
-        const i = t.map((y) => ({
+      function ue(i) {
+        H.value = i, J.value = i;
+        const n = t.map((y) => ({
           ...y,
-          value: y.values[n],
-          absoluteIndex: y.absoluteIndices[n]
+          value: y.values[i],
+          absoluteIndex: y.absoluteIndices[i]
         })).filter((y) => !w.value.includes(y.id));
-        ce.value = { datapoint: i, seriesIndex: n, config: e.value, dataset: t };
+        ce.value = { datapoint: n, seriesIndex: i, config: e.value, dataset: t };
         const S = e.value.tooltipCustomFormat;
         if (Ee(S) && Be(() => S({
-          datapoint: i,
-          seriesIndex: n,
+          datapoint: n,
+          seriesIndex: i,
           series: t,
           config: e.value
         })))
           K.value = S({
-            datapoint: i,
-            seriesIndex: n,
+            datapoint: n,
+            seriesIndex: i,
             series: t,
             config: e.value
           });
         else {
           let y = "";
-          e.value.xyPeriods[i[0].absoluteIndex] && (y += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[i[0].absoluteIndex]}</div>`), i.forEach((T, M) => {
+          e.value.xyPeriods[n[0].absoluteIndex] && (y += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[n[0].absoluteIndex]}</div>`), n.forEach((P, M) => {
             y += `
                     <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="${T.color}"/></svg>
-                        <span>${T.name}:</span>
+                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${P.color}"/></svg>
+                        <span>${P.name}:</span>
                         <b>${X(
               e.value.formatter,
-              T.value,
+              P.value,
               B({
                 p: e.value.valuePrefix,
-                v: T.value,
+                v: P.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: T, seriesIndex: M }
+              { datapoint: P, seriesIndex: M }
             )}
                         </b>
                     </div>
@@ -543,12 +543,12 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
       }
       return {
         absoluteZero: R,
-        dataset: ee.filter((n) => !w.value.includes(n.id)),
+        dataset: ee.filter((i) => !w.value.includes(i.id)),
         legend: ee,
         drawingArea: s,
         extremes: u,
         slotSize: D,
-        yLabels: ie,
+        yLabels: ne,
         useTooltip: ue,
         killTooltip: te
       };
@@ -569,80 +569,80 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
       Y(x.value.dataset) && (t = [
         {
           values: x.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: x.value.dataset.map((i, S) => S).slice(b.value.start, b.value.end),
+          absoluteIndices: x.value.dataset.map((n, S) => S).slice(b.value.start, b.value.end),
           name: e.value.title,
           color: he.value[e.value.paletteStartIndex] || V[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Te(x.value.dataset) && (t = x.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}`,
+      ]), Pe(x.value.dataset) && (t = x.value.dataset.map((n, S) => ({
+        ...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 ${S}`,
         id: `bar_${S}`
-      })).map((i, S) => ({
-        ...i,
-        color: i.COLOR ? Me(i.COLOR) : he.value[S + e.value.paletteStartIndex] || V[S + e.value.paletteStartIndex] || V[(S + e.value.paletteStartIndex) % V.length],
-        values: i.values.slice(b.value.start, b.value.end),
-        absoluteIndices: i.values.map((y, T) => T).slice(b.value.start, b.value.end)
+      })).map((n, S) => ({
+        ...n,
+        color: n.COLOR ? Me(n.COLOR) : he.value[S + e.value.paletteStartIndex] || V[S + e.value.paletteStartIndex] || V[(S + e.value.paletteStartIndex) % V.length],
+        values: n.values.slice(b.value.start, b.value.end),
+        absoluteIndices: n.values.map((y, P) => P).slice(b.value.start, b.value.end)
       })));
       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 = ot(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, R = s.bottom - h / (r.max + h) * s.height, D = s.width / u.maxSeries, ie = r.ticks.map((i) => ({
-        y: s.bottom - s.height * ((i + h) / (r.max + h)),
+        max: Math.max(...t.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)) < 0 ? 0 : 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.filter((n) => !w.value.includes(n.id)).map((n) => n.values.length))
+      }, r = ot(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, R = s.bottom - h / (r.max + h) * s.height, D = s.width / u.maxSeries, ne = r.ticks.map((n) => ({
+        y: s.bottom - s.height * ((n + h) / (r.max + h)),
         x: s.left - 8,
-        value: i
-      })), ee = t.map((i, S) => ({
-        ...i,
-        coordinates: i.values.map((y, T) => {
-          const M = (y + h) / (u.max + h) * s.height, me = Math.abs(y) / Math.abs(u.min) * (s.height - R), Re = h / (u.max + h) * s.height, pe = D / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
+        value: n
+      })), ee = t.map((n, S) => ({
+        ...n,
+        coordinates: n.values.map((y, P) => {
+          const M = (y + h) / (u.max + h) * s.height, pe = Math.abs(y) / Math.abs(u.min) * (s.height - R), Re = h / (u.max + h) * s.height, xe = D / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
           return {
-            x: s.left + D * T + pe * S + e.value.barGap / 2,
+            x: s.left + D * P + xe * S + e.value.barGap / 2,
             y: y > 0 ? s.bottom - M : R,
-            height: y > 0 ? M - Re : me,
+            height: y > 0 ? M - Re : pe,
             value: y,
-            width: pe
+            width: xe
           };
         })
-      })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, S) => ({
-        ...i,
-        coordinates: i.values.map((y, T) => {
-          const M = (y + h) / (u.max + h) * s.height, me = Math.abs(y) / (u.max + h) * s.height, Re = h / (u.max + h) * s.height, pe = D / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
+      })), ue = t.filter((n) => !w.value.includes(n.id)).map((n, S) => ({
+        ...n,
+        coordinates: n.values.map((y, P) => {
+          const M = (y + h) / (u.max + h) * s.height, pe = Math.abs(y) / (u.max + h) * s.height, Re = h / (u.max + h) * s.height, xe = D / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
           return {
-            x: s.left + D * T + pe * S + e.value.barGap / 2,
+            x: s.left + D * P + xe * S + e.value.barGap / 2,
             y: y > 0 ? s.bottom - M : R,
-            height: y > 0 ? M - Re : me,
+            height: y > 0 ? M - Re : pe,
             value: y,
-            width: pe
+            width: xe
           };
         })
       }));
-      function te(i) {
-        H.value = i, J.value = i;
-        const S = t.map((T) => ({
-          ...T,
-          value: T.values[i],
-          absoluteIndex: T.absoluteIndices[i]
-        })).filter((T) => !w.value.includes(T.id));
-        ce.value = { datapoint: S, seriesIndex: i, config: e.value, dataset: t };
+      function te(n) {
+        H.value = n, J.value = n;
+        const S = t.map((P) => ({
+          ...P,
+          value: P.values[n],
+          absoluteIndex: P.absoluteIndices[n]
+        })).filter((P) => !w.value.includes(P.id));
+        ce.value = { datapoint: S, seriesIndex: n, config: e.value, dataset: t };
         const y = e.value.tooltipCustomFormat;
         if (Ee(y) && Be(() => y({
           datapoint: S,
-          seriesIndex: i,
+          seriesIndex: n,
           series: t,
           config: e.value
         })))
           K.value = y({
             point: S,
-            seriesIndex: i,
+            seriesIndex: n,
             series: t,
             config: e.value
           });
         else {
-          let T = "";
-          e.value.xyPeriods[S[0].absoluteIndex] && (T += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[S[0].absoluteIndex]}</div>`), S.forEach((M, me) => {
-            T += `
+          let P = "";
+          e.value.xyPeriods[S[0].absoluteIndex] && (P += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[S[0].absoluteIndex]}</div>`), S.forEach((M, pe) => {
+            P += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${M.color}"/></svg>
                         <span>${M.name}:</span>
@@ -655,35 +655,35 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: M, seriesIndex: me }
+              { datapoint: M, seriesIndex: pe }
             )}
                         </b>
                     </div>
                 `;
-          }), K.value = T;
+          }), K.value = P;
         }
         j.value = !0;
       }
-      function n() {
+      function i() {
         j.value = !1, H.value = null, J.value = null;
       }
       return {
         absoluteZero: R,
-        dataset: ue.filter((i) => !w.value.includes(i.id)),
+        dataset: ue.filter((n) => !w.value.includes(n.id)),
         legend: ee,
         drawingArea: s,
         extremes: u,
         slotSize: D,
-        yLabels: ie,
+        yLabels: ne,
         useTooltip: te,
-        killTooltip: n
+        killTooltip: i
       };
     }), Le = L(!1);
     function bt(o) {
       Le.value = o, qe.value += 1;
     }
     function at() {
-      Ae.value.showTooltip = !Ae.value.showTooltip;
+      ge.value.showTooltip = !ge.value.showTooltip;
     }
     const $e = L(!1);
     function Oe() {
@@ -696,7 +696,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
       toggleAnnotator: Oe
     }), (o, s) => ht.value ? (a(), l("div", {
       key: 0,
-      id: `${z.value}_${P.value}`,
+      id: `${z.value}_${T.value}`,
       ref_key: "quickChart",
       ref: W,
       class: re({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Le.value }),
@@ -719,20 +719,20 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : f("", !0),
-      e.value.showUserOptions && (We.value || be.value) ? (a(), Ie(Dt, {
+      e.value.showUserOptions && (We.value || Se.value) ? (a(), Ie(Dt, {
         ref: "details",
         key: `user_option_${qe.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        isPrinting: g(Se),
-        isImaging: g(we),
-        uid: P.value,
+        isPrinting: g(we),
+        isImaging: g(Ae),
+        uid: T.value,
         hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
         hasPdf: e.value.userOptionsButtons.pdf,
         hasImg: e.value.userOptionsButtons.img,
         hasFullscreen: e.value.userOptionsButtons.fullscreen,
         hasXls: !1,
-        isTooltip: Ae.value.showTooltip,
+        isTooltip: ge.value.showTooltip,
         isFullscreen: Le.value,
         titles: { ...e.value.userOptionsButtonTitles },
         chartElement: W.value,
@@ -745,7 +745,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
         onToggleTooltip: at,
         onToggleAnnotator: Oe,
         style: N({
-          visibility: We.value ? be.value ? "visible" : "hidden" : "visible"
+          visibility: We.value ? Se.value ? "visible" : "hidden" : "visible"
         })
       }, At({ _: 2 }, [
         o.$slots.optionTooltip ? {
@@ -836,7 +836,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
         ], 8, la)) : f("", !0),
         _("defs", null, [
           _("filter", {
-            id: `blur_${P.value}`,
+            id: `blur_${T.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
@@ -845,12 +845,12 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
             _("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2,
-              id: `blur_std_${P.value}`
-            }, null, 8, na),
-            ia
+              id: `blur_std_${T.value}`
+            }, null, 8, ia),
+            na
           ], 8, oa),
           _("filter", {
-            id: `shadow_${P.value}`,
+            id: `shadow_${T.value}`,
             "color-interpolation-filters": "sRGB"
           }, [
             _("feDropShadow", {
@@ -873,7 +873,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
-                filter: ge(t.id)
+                filter: me(t.id)
               }, null, 8, va)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
@@ -882,7 +882,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
             cy: E.value.cy,
             r: E.value.radius,
             fill: e.value.backgroundColor,
-            filter: e.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
+            filter: e.value.donutUseShadow ? `url(#shadow_${T.value})` : ""
           }, null, 8, da),
           _("g", ca, [
             (a(!0), l(p, null, $(E.value.chart, (t, u) => (a(), l("path", {
@@ -890,7 +890,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
-              filter: ge(t.id)
+              filter: me(t.id)
             }, null, 8, ha))), 256)),
             (a(!0), l(p, null, $(E.value.chart, (t, u) => (a(), l("path", {
               d: t.arcSlice,
@@ -904,22 +904,22 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
             (a(!0), l(p, null, $(E.value.chart, (t, u) => (a(), l(p, null, [
               E.value.isArcBigEnough(t) ? (a(), l("circle", {
                 key: 0,
-                cx: g(xe)(t).x,
+                cx: g(ye)(t).x,
                 cy: g(Ue)(t) - 3.7,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": 1,
                 r: 3,
-                filter: ge(t.id)
+                filter: me(t.id)
               }, null, 8, ma)) : f("", !0),
               E.value.isArcBigEnough(t) ? (a(), l("text", {
                 key: 1,
-                "text-anchor": g(xe)(t, !0, 20).anchor,
-                x: g(xe)(t, !0).x,
+                "text-anchor": g(ye)(t, !0, 20).anchor,
+                x: g(ye)(t, !0).x,
                 y: g(Ue)(t),
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: ge(t.id)
+                filter: me(t.id)
               }, O(E.value.displayArcPercentage(t, E.value.chart)) + " (" + O(g(X)(
                 e.value.formatter,
                 t.value,
@@ -933,12 +933,12 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
               )) + ") ", 9, pa)) : f("", !0),
               E.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
-                "text-anchor": g(xe)(t).anchor,
-                x: g(xe)(t, !0).x,
+                "text-anchor": g(ye)(t).anchor,
+                x: g(ye)(t, !0).x,
                 y: g(Ue)(t) + e.value.dataLabelFontSize,
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: ge(t.id)
+                filter: me(t.id)
               }, O(t.name), 9, xa)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
@@ -1049,19 +1049,19 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Pa))), 256)),
+            }, null, 8, Ta))), 256)),
             (a(!0), l(p, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               fill: e.value.color,
               transform: `translate(${c.value.drawingArea.left + c.value.slotSize * (u + 1) - c.value.slotSize / 2}, ${c.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-            }, O(t), 9, Ta))), 256))
+            }, O(t), 9, Pa))), 256))
           ])) : f("", !0),
           _("g", Oa, [
             (a(!0), l(p, null, $(c.value.dataset, (t, u) => (a(), l("g", Ra, [
               e.value.lineSmooth ? (a(), l(p, { key: 0 }, [
                 _("path", {
-                  d: `M ${g(nt)(t.coordinates)}`,
+                  d: `M ${g(it)(t.coordinates)}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
@@ -1070,7 +1070,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Na),
                 _("path", {
-                  d: `M ${g(nt)(t.coordinates)}`,
+                  d: `M ${g(it)(t.coordinates)}`,
                   stroke: t.color,
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
@@ -1256,20 +1256,20 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
                 "stroke-linecap": "round",
                 class: re({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 })
               }, [
-                e.value.barAnimated && r.value > 0 && !g(Se) && !g(we) ? (a(), l("animate", {
+                e.value.barAnimated && r.value > 0 && !g(we) && !g(Ae) ? (a(), l("animate", {
                   key: 0,
                   attributeName: "height",
                   from: 0,
                   to: r.height,
                   dur: "0.5s"
-                }, null, 8, nl)) : f("", !0),
-                e.value.barAnimated && r.value > 0 && !g(Se) && !g(we) ? (a(), l("animate", {
+                }, null, 8, il)) : f("", !0),
+                e.value.barAnimated && r.value > 0 && !g(we) && !g(Ae) ? (a(), l("animate", {
                   key: 1,
                   attributeName: "y",
                   from: v.value.absoluteZero,
                   to: v.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, il)) : f("", !0)
+                }, null, 8, nl)) : f("", !0)
               ], 10, ol))), 256))
             ], 64))), 256))
           ]),
@@ -1368,17 +1368,17 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
         }
       }, null, 8, ["config"])),
       o.$slots.watermark ? (a(), l("div", kl, [
-        F(o.$slots, "watermark", G(se({ isPrinting: g(Se) || g(we) })), void 0, !0)
+        F(o.$slots, "watermark", G(se({ isPrinting: g(we) || g(Ae) })), void 0, !0)
       ])) : f("", !0),
       [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? (a(), l("div", {
-        key: `slicer_${ke.value}`,
+        key: `slicer_${be.value}`,
         ref_key: "quickChartSlicer",
         ref: de
       }, [
         (a(), Ie(Vt, {
           ref_key: "slicerComponent",
-          ref: ne,
-          key: `slicer_${ke.value}`,
+          ref: ie,
+          key: `slicer_${be.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
@@ -1433,7 +1433,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
           style: N(`cursor: ${E.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
           e.value.useCustomLegend ? F(o.$slots, "legend", G(Fe({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
-            ve(Pe, {
+            ve(Te, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1478,7 +1478,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
           style: N(`cursor: ${c.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
           e.value.useCustomLegend ? F(o.$slots, "legend", G(Fe({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
-            ve(Pe, {
+            ve(Te, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1496,7 +1496,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
           style: N(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
           e.value.useCustomLegend ? F(o.$slots, "legend", G(Fe({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
-            ve(Pe, {
+            ve(Te, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1516,7 +1516,7 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
         F(o.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       ve(Ut, {
-        show: Ae.value.showTooltip && j.value,
+        show: ge.value.showTooltip && j.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         borderRadius: e.value.tooltipBorderRadius,
@@ -1540,14 +1540,14 @@ const dt = (d) => (_t("data-v-fe07bf7a"), d = d(), zt(), d), Kt = ["id"], ea = [
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"])
     ], 46, Kt)) : (a(), l("div", Al, [
-      ve(Pe, {
+      ve(Te, {
         name: "circleCancel",
         stroke: "red"
       }),
       _l
     ]));
   }
-}, Ul = /* @__PURE__ */ jt(zl, [["__scopeId", "data-v-fe07bf7a"]]);
+}, Ul = /* @__PURE__ */ jt(zl, [["__scopeId", "data-v-e9d5ef87"]]);
 export {
   Ul as default
 };