vue-data-ui 3.0.0-next.26 → 3.0.0-next.27

package/dist/{vue-ui-quick-chart-QQd0jAgp.js → vue-ui-quick-chart-DIoqKBCM.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as he, ref as z, computed as U, watch as Ve, shallowRef as ft, onMounted as Tt, onBeforeUnmount as Pt, nextTick as Me, createElementBlock as l, openBlock as a, normalizeStyle as R, normalizeClass as fe, createBlock as Fe, createCommentVNode as g, createVNode as ge, unref as f, createSlots as Rt, withCtx as G, renderSlot as M, normalizeProps as ie, guardReactiveProps as ue, toDisplayString as O, createElementVNode as _, Fragment as m, renderList as $, mergeProps as qe } from "vue";
-import { u as Mt, c as Ft, t as Nt, p as q, a as Ut, C as gt, b as Bt, G as Dt, e as Vt, d as He, m as qt, D as mt, X as Ht, j as Wt, k as We, n as Le, i as X, f as D, I as jt, V as pt, v as Z, x as Ne, y as je } from "./index-gToq10k7.js";
+import { defineAsyncComponent as ce, ref as z, computed as U, watch as Be, shallowRef as ht, onMounted as Tt, onBeforeUnmount as Pt, nextTick as ft, createElementBlock as l, openBlock as a, normalizeStyle as R, normalizeClass as he, createBlock as Re, createCommentVNode as g, createVNode as fe, unref as f, createSlots as Rt, withCtx as G, renderSlot as M, normalizeProps as ie, guardReactiveProps as ue, toDisplayString as O, createElementVNode as _, Fragment as m, renderList as $, mergeProps as De } from "vue";
+import { u as Mt, c as Ft, t as Nt, p as q, a as Ut, C as gt, b as Bt, G as Dt, e as Vt, d as Ve, m as qt, D as mt, X as Ht, j as Wt, k as qe, n as _e, i as X, f as D, I as jt, V as pt, v as Z, x as Me, y as He } from "./index-DTJkgcxh.js";
 import { t as Gt, u as Xt } from "./useResponsive-DfdjqQps.js";
-import { u as yt } from "./useNestedProp-gmapANmc.js";
-import { u as Zt } from "./usePrinter-CbZEI2_c.js";
+import { u as yt } from "./useNestedProp-DvwKj8Zn.js";
+import { u as Zt } from "./usePrinter-CbokYjoB.js";
 import { u as Yt } from "./useChartAccessibility-9icAAmYg.js";
-import { S as Jt } from "./Slicer-CoD6AOHL.js";
+import { S as Jt } from "./Slicer-C2128jWm.js";
 import { u as Qt } from "./useTimeLabels-DFkUfjfs.js";
-import Kt from "./img-B3U0-8wy.js";
+import Kt from "./img-BScthXJW.js";
 import { _ as ea } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   LINE: "LINE",
@@ -15,18 +15,18 @@ const A = {
 }, ta = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
 function aa({ dataset: c, barLineSwitch: C = 6 }) {
   let y = null, T = null, H = 0;
-  if ((typeof c == "number" || typeof c == "string") && console.warn(`The provided dataset (${c}) is not sufficient to build a chart`), ze(c) && (Y(c) && (c.length < C ? y = A.BAR : y = A.LINE, T = c, H = c.length), Ue(c))) {
+  if ((typeof c == "number" || typeof c == "string") && console.warn(`The provided dataset (${c}) is not sufficient to build a chart`), Le(c) && (Y(c) && (c.length < C ? y = A.BAR : y = A.LINE, T = c, H = c.length), Fe(c))) {
     if (!oa(c))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-    const ye = Object.keys(c[0]), $e = Object.values(c[0]);
-    if (!ye.some((F) => na(F)))
+    const pe = Object.keys(c[0]), ze = Object.values(c[0]);
+    if (!pe.some((F) => na(F)))
       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;
-    xt($e, (F) => typeof F == "number") && (y = A.DONUT, T = c), xt($e, (F) => Array.isArray(F) && Y(F)) && (kt(c) > C ? y = A.LINE : y = A.BAR, H = kt(c), T = c.map((F) => ({
+    xt(ze, (F) => typeof F == "number") && (y = A.DONUT, T = c), xt(ze, (F) => Array.isArray(F) && Y(F)) && (kt(c) > C ? y = A.LINE : y = A.BAR, H = kt(c), T = c.map((F) => ({
       ...F,
       data: ia(F, (B) => Y(B))
     }))), c = c.map((F) => bt(F)), T = T.map((F) => bt(F));
   }
-  return ze(c) && [...new Set(c.flatMap((ye) => Array.isArray(ye)))][0], {
+  return Le(c) && [...new Set(c.flatMap((pe) => Array.isArray(pe)))][0], {
     dataset: c,
     type: y,
     usableDataset: T,
@@ -34,26 +34,26 @@ function aa({ dataset: c, barLineSwitch: C = 6 }) {
   };
 }
 function St(c) {
-  return !c || ze(c) && !c.length;
+  return !c || Le(c) && !c.length;
 }
-function ze(c) {
+function Le(c) {
   return Array.isArray(c);
 }
 function Y(c) {
-  if (!ze(c) || St(c)) return !1;
+  if (!Le(c) || St(c)) return !1;
   const C = c.map((y) => Number(y));
   return ![...new Set(C.flatMap((y) => typeof y == "number" && !isNaN(y)))].includes(!1);
 }
-function Ue(c) {
-  return !ze(c) || St(c) || !![...new Set(c.flatMap((y) => typeof y == "object" && !Array.isArray(y)))].includes(!1) ? !1 : !c.map((y) => Object.keys(y).length > 0).includes(!1);
+function Fe(c) {
+  return !Le(c) || St(c) || !![...new Set(c.flatMap((y) => typeof y == "object" && !Array.isArray(y)))].includes(!1) ? !1 : !c.map((y) => Object.keys(y).length > 0).includes(!1);
 }
 function la(c, C) {
   const y = Object.keys(c).sort(), T = Object.keys(C).sort();
   if (y.length !== T.length)
     return !1;
   for (let H = 0; H < y.length; H += 1) {
-    const me = y[H], pe = T[H];
-    if (me !== pe || typeof c[me] != typeof C[pe])
+    const ge = y[H], me = T[H];
+    if (ge !== me || typeof c[ge] != typeof C[me])
       return !1;
   }
   return !0;
@@ -153,33 +153,33 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(c, { expose: C, emit: y }) {
-    const T = he(() => import("./BaseIcon-CIPCGWyZ.js")), H = he(() => import("./PackageVersion-DF_M_33r.js")), me = he(() => import("./PenAndPaper-i2SC47RS.js")), pe = he(() => import("./vue-ui-skeleton-DXITY4Wb.js")), ye = he(() => import("./Tooltip-DCh0ZmS5.js")), $e = he(() => import("./UserOptions-J_zxxPnc.js")), { vue_ui_quick_chart: F } = Mt(), B = c, J = z(null), Ge = z(null), Xe = z(null), Ze = z(null), Q = z(Ft()), te = z(!1), xe = z(null), ae = z(""), W = z(null), Ye = z(null), Je = z(null), w = z([]), Qe = z(0), Ce = z(0), e = U({
-      get: () => at(),
+    const T = ce(() => import("./BaseIcon-DLJ5Lzvf.js")), H = ce(() => import("./PackageVersion-CcyOrmqr.js")), ge = ce(() => import("./PenAndPaper-S1h1sM_v.js")), me = ce(() => import("./vue-ui-skeleton-CHJxsFpK.js")), pe = ce(() => import("./Tooltip-CbaafXw_.js")), ze = ce(() => import("./UserOptions-C9lB05jb.js")), { vue_ui_quick_chart: F } = Mt(), B = c, J = z(null), We = z(null), je = z(null), Ge = z(null), Q = z(Ft()), te = z(!1), ye = z(null), ae = z(""), W = z(null), Xe = z(null), Ze = z(null), w = z([]), Ye = z(0), $e = z(0), e = U({
+      get: () => et(),
       set: (o) => o
-    }), { svgRef: Ke } = Yt({ config: { text: e.value.title } }), wt = U(() => e.value.showUserOptionsOnChartHover), et = U(() => e.value.keepUserOptionsStateOnChartLeave), Ie = z(!e.value.showUserOptionsOnChartHover);
-    function tt(o = !1) {
-      wt.value && (Ie.value = o);
+    }), { svgRef: Je } = Yt({ config: { text: e.value.title } }), wt = U(() => e.value.showUserOptionsOnChartHover), Qe = U(() => e.value.keepUserOptionsStateOnChartLeave), Ce = z(!e.value.showUserOptionsOnChartHover);
+    function Ke(o = !1) {
+      wt.value && (Ce.value = o);
     }
-    function at() {
+    function et() {
       const o = yt({
         userConfig: B.config,
         defaultConfig: F
       });
-      let s = {};
-      return o.theme ? s = {
+      let r = {};
+      return o.theme ? r = {
         ...yt({
           userConfig: Ut.vue_ui_quick_chart[o.theme] || B.config,
           defaultConfig: o
         }),
         customPalette: Nt[o.theme] || q
-      } : s = o, B.config && gt(B.config, "zoomStartIndex") ? s.zoomStartIndex = B.config.zoomStartIndex : s.zoomStartIndex = null, B.config && gt(B.config, "zoomEndIndex") ? s.zoomEndIndex = B.config.zoomEndIndex : s.zoomEndIndex = null, s;
+      } : r = o, B.config && gt(B.config, "zoomStartIndex") ? r.zoomStartIndex = B.config.zoomStartIndex : r.zoomStartIndex = null, B.config && gt(B.config, "zoomEndIndex") ? r.zoomEndIndex = B.config.zoomEndIndex : r.zoomEndIndex = null, r;
     }
-    Ve(() => B.config, (o) => {
-      e.value = at(), b.value.width = e.value.width, b.value.height = e.value.height, Ie.value = !e.value.showUserOptionsOnChartHover, nt(), Se.value.showTooltip = e.value.showTooltip;
-    }, { deep: !0 }), Ve(() => B.dataset, (o) => {
-      p.value = be.value, x.value.start = 0, x.value.end = p.value.maxSeriesLength, Ce.value += 1;
+    Be(() => B.config, (o) => {
+      e.value = et(), b.value.width = e.value.width, b.value.height = e.value.height, Ce.value = !e.value.showUserOptionsOnChartHover, lt(), be.value.showTooltip = e.value.showTooltip;
+    }, { deep: !0 }), Be(() => B.dataset, (o) => {
+      p.value = ke.value, x.value.start = 0, x.value.end = p.value.maxSeriesLength, $e.value += 1;
     }, { deep: !0 });
-    const ke = U(() => Bt(e.value.customPalette)), re = y, be = U(() => {
+    const xe = U(() => Bt(e.value.customPalette)), re = y, ke = U(() => {
       const o = aa({ dataset: Dt(B.dataset, [
         "serie",
         "series",
@@ -189,44 +189,44 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return o || console.error("VueUiQuickChart : Dataset is not processable"), o;
-    }), p = z(be.value), At = U(() => !!p.value), L = U(() => p.value ? p.value.type : null);
-    Ve(() => L.value, (o) => {
+    }), p = z(ke.value), At = U(() => !!p.value), L = U(() => p.value ? p.value.type : null);
+    Be(() => L.value, (o) => {
       o || Vt({
         componentName: "VueUiQuickChart",
         type: "dataset"
       });
     }, { immediate: !0 });
-    const { isPrinting: Ee, isImaging: Oe, generatePdf: lt, generateImage: ot } = Zt({
+    const { isPrinting: Ie, isImaging: Ee, generatePdf: tt, generateImage: at } = Zt({
       elementId: `${L.value}_${Q.value}`,
       fileName: e.value.title || L.value,
       options: e.value.userOptionsPrint
     }), _t = U(() => e.value.showUserOptions && !e.value.title), b = z({
       width: e.value.width,
       height: e.value.height
-    }), Se = z({
+    }), be = z({
       showTooltip: e.value.showTooltip
-    }), K = ft(null), se = ft(null);
+    }), K = ht(null), se = ht(null);
     Tt(() => {
-      nt();
+      lt();
     });
-    function nt() {
+    function lt() {
       if (e.value.responsive) {
         const o = Gt(() => {
-          const { width: s, height: t } = Xt({
+          const { width: r, height: t } = Xt({
             chart: J.value,
-            title: e.value.title ? Ge.value : null,
-            legend: e.value.showLegend ? Xe.value : null,
-            slicer: [A.BAR, A.LINE].includes(L.value) && e.value.zoomXy && p.value.maxSeriesLength > 1 ? Ze.value : null,
-            source: Ye.value,
-            noTitle: Je.value
+            title: e.value.title ? We.value : null,
+            legend: e.value.showLegend ? je.value : null,
+            slicer: [A.BAR, A.LINE].includes(L.value) && e.value.zoomXy && p.value.maxSeriesLength > 1 ? Ge.value : null,
+            source: Xe.value,
+            noTitle: Ze.value
           });
           requestAnimationFrame(() => {
-            b.value.width = s, b.value.height = t;
+            b.value.width = r, b.value.height = t;
           });
         });
         K.value && (se.value && K.value.unobserve(se.value), K.value.disconnect()), K.value = new ResizeObserver(o), se.value = J.value.parentNode, K.value.observe(se.value);
       }
-      dt();
+      vt();
     }
     Pt(() => {
       K.value && (se.value && K.value.unobserve(se.value), K.value.disconnect());
@@ -243,23 +243,23 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
       }
     });
-    function it(o) {
-      return [...o].map((s) => s.value).reduce((s, t) => s + t, 0);
+    function ot(o) {
+      return [...o].map((r) => r.value).reduce((r, t) => r + t, 0);
     }
-    function we(o) {
+    function Se(o) {
       return e.value.blurOnHover && ![null, void 0].includes(W.value) && W.value !== o ? `url(#blur_${Q.value})` : "";
     }
-    function ut(o, s) {
-      w.value.includes(o) ? w.value = w.value.filter((t) => t !== o) : w.value.length < s && w.value.push(o);
+    function nt(o, r) {
+      w.value.includes(o) ? w.value = w.value.filter((t) => t !== o) : w.value.length < r && w.value.push(o);
     }
-    const rt = z(null), st = z(null), Te = z(!1);
-    function zt(o, s) {
-      Te.value = !0;
+    const it = z(null), ut = z(null), Oe = z(!1);
+    function zt(o, r) {
+      Oe.value = !0;
       let t = o.value;
-      const u = be.value.dataset.find((r, h) => o.id === `donut_${h}`).VALUE;
+      const u = ke.value.dataset.find((s, h) => o.id === `donut_${h}`).VALUE;
       if (w.value.includes(o.id)) {
-        let r = function() {
-          t > u ? (Te.value = !1, cancelAnimationFrame(st.value), p.value = {
+        let s = function() {
+          t > u ? (Oe.value = !1, cancelAnimationFrame(ut.value), p.value = {
             ...p.value,
             dataset: p.value.dataset.map((h, P) => o.id === `donut_${P}` ? {
               ...h,
@@ -273,12 +273,12 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
               value: t,
               VALUE: t
             } : h)
-          }, st.value = requestAnimationFrame(r));
+          }, ut.value = requestAnimationFrame(s));
         };
-        w.value = w.value.filter((h) => h !== o.id), r();
-      } else if (s.length > 1) {
-        let r = function() {
-          t < u / 100 ? (Te.value = !1, cancelAnimationFrame(rt.value), w.value.push(o.id), p.value = {
+        w.value = w.value.filter((h) => h !== o.id), s();
+      } else if (r.length > 1) {
+        let s = function() {
+          t < u / 100 ? (Oe.value = !1, cancelAnimationFrame(it.value), w.value.push(o.id), p.value = {
             ...p.value,
             dataset: p.value.dataset.map((h, P) => o.id === `donut_${P}` ? {
               ...h,
@@ -292,16 +292,16 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
               value: t,
               VALUE: t
             } : h)
-          }, rt.value = requestAnimationFrame(r));
+          }, it.value = requestAnimationFrame(s));
         };
-        r();
+        s();
       }
     }
     const j = z(null);
     function $t(o) {
       j.value = o;
     }
-    const vt = U(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), I = U(() => {
+    const rt = 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, i) => ({
         ...n,
@@ -310,12 +310,12 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         id: `donut_${i}`
       })).map((n, i) => ({
         ...n,
-        color: n.COLOR ? He(n.COLOR) : ke.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
+        color: n.COLOR ? Ve(n.COLOR) : xe.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
         immutableValue: n.value
       }));
-      function s(n, i) {
+      function r(n, i) {
         return D({
-          v: isNaN(n.value / it(i)) ? 0 : n.value / it(i) * 100,
+          v: isNaN(n.value / ot(i)) ? 0 : n.value / ot(i) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
@@ -324,13 +324,13 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         return n.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
       function u(n, i) {
-        const S = be.value.dataset.find((E, N) => `donut_${N}` === n).VALUE;
+        const S = ke.value.dataset.find((E, N) => `donut_${N}` === n).VALUE;
         return Math.abs(String(Number(S.toFixed(0))).length - String(Number(i.toFixed(0))).length);
       }
-      function r({ datapoint: n, seriesIndex: i }) {
-        xe.value = { datapoint: n, seriesIndex: i, config: e.value, dataset: o }, W.value = n.id;
+      function s({ 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({
+        if (Me(S) && He(() => S({
           datapoint: n,
           seriesIndex: i,
           series: o,
@@ -364,29 +364,29 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["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, i) => n + i, 0), de = o.map((n, i) => ({
+      }, 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,
-        absoluteValue: be.value.dataset.find((S, k) => `donut_${k}` === n.id).VALUE
-      })), le = b.value.width / 2, ce = b.value.height / 2, oe = b.value.height * e.value.donutRadiusRatio;
+        absoluteValue: ke.value.dataset.find((S, k) => `donut_${k}` === n.id).VALUE
+      })), le = b.value.width / 2, de = b.value.height / 2, oe = b.value.height * e.value.donutRadiusRatio;
       return {
-        dataset: de.filter((n) => !w.value.includes(n.id)),
-        legend: de,
+        dataset: ve.filter((n) => !w.value.includes(n.id)),
+        legend: ve,
         drawingArea: P,
-        displayArcPercentage: s,
+        displayArcPercentage: r,
         isArcBigEnough: t,
-        useTooltip: r,
+        useTooltip: s,
         killTooltip: h,
         getSpaces: u,
         total: V,
         cx: le,
-        cy: ce,
+        cy: de,
         radius: oe,
         chart: qt(
           { series: o.filter((n) => !w.value.includes(n.id)) },
           le,
-          ce,
+          de,
           oe,
           oe,
           1.99999,
@@ -394,7 +394,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           1,
           360,
           105.25,
-          b.value.height * vt.value
+          b.value.height * rt.value
         )
       };
     }), x = z({
@@ -402,41 +402,43 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       end: p.value.maxSeriesLength
     });
     function Ct() {
-      dt();
+      vt();
     }
-    const ve = z(null);
-    async function dt() {
-      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ve.value ? (e.value.zoomStartIndex !== null && (await Me(), await Me(), ve.value && ve.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Me(), await Me(), ve.value && ve.value.setEndValue(It(e.value.zoomEndIndex + 1)))) : (x.value = {
+    const st = z(null);
+    async function vt() {
+      await ft(), await ft();
+      const { zoomStartIndex: o, zoomEndIndex: r } = e.value, t = st.value;
+      (o != null || r != null) && t ? (o != null && t.setStartValue(o), r != null && t.setEndValue(It(r + 1))) : (x.value = {
         start: 0,
         end: p.value.maxSeriesLength
-      }, Ce.value += 1);
+      }, $e.value += 1);
     }
     function It(o) {
-      const s = p.value.maxSeriesLength;
-      return o > s ? s : o < 0 || e.value.zoomStartIndex !== null && o < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : o;
+      const r = p.value.maxSeriesLength;
+      return o > r ? r : o < 0 || e.value.zoomStartIndex !== null && o < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : o;
     }
     const Et = U(() => {
       if (!e.value.zoomMinimap.show || L.value === A.DONUT) return [];
       let o = [];
-      Y(p.value.dataset) && (o = p.value.dataset), Ue(p.value.dataset) && (o = p.value.dataset.map((r, h) => ({
-        values: r.VALUE || r.DATA || r.SERIE || r.SERIES || r.VALUES || r.NUM || 0,
+      Y(p.value.dataset) && (o = p.value.dataset), Fe(p.value.dataset) && (o = p.value.dataset.map((s, h) => ({
+        values: s.VALUE || s.DATA || s.SERIE || s.SERIES || s.VALUES || s.NUM || 0,
         id: L.value === A.LINE ? `line_${h}` : `bar_${h}`
-      })).filter((r) => !w.value.includes(r.id)));
-      const s = Y(o) ? o.length : Math.max(...o.map((r) => r.values.length));
+      })).filter((s) => !w.value.includes(s.id)));
+      const r = Y(o) ? o.length : Math.max(...o.map((s) => s.values.length));
       let t = [];
       if (Y(o))
         t = o;
       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));
+        for (let s = 0; s < r; s += 1)
+          t.push(o.map((h) => h.values[s] || 0).reduce((h, P) => (h || 0) + (P || 0), 0));
       const u = Math.min(...t);
-      return t.map((r) => r + (u < 0 ? Math.abs(u) : 0));
+      return t.map((s) => s + (u < 0 ? Math.abs(u) : 0));
     }), v = U(() => {
       if (L.value !== A.LINE) return null;
       const o = {
         height: b.value.height,
         width: b.value.width
-      }, s = {
+      }, r = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
         right: o.width - e.value.xyPaddingRight,
@@ -450,17 +452,17 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           values: p.value.dataset.slice(x.value.start, x.value.end),
           absoluteIndices: p.value.dataset.map((n, i) => i).slice(x.value.start, x.value.end),
           name: e.value.title,
-          color: ke.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
+          color: xe.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Ue(p.value.dataset) && (t = p.value.dataset.map((n, i) => ({
+      ]), Fe(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 ${i}`,
         id: `line_${i}`
       })).map((n, i) => ({
         ...n,
-        color: n.COLOR ? He(n.COLOR) : ke.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
+        color: n.COLOR ? Ve(n.COLOR) : xe.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
         values: n.values.slice(x.value.start, x.value.end),
         absoluteIndices: n.values.map((S, k) => k).slice(x.value.start, x.value.end)
       })));
@@ -468,15 +470,15 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         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 = mt(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, de = r.ticks.map((n) => ({
-        y: s.bottom - s.height * ((n + h) / (r.max + h)),
-        x: s.left - 8,
+      }, s = mt(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 ? r.top : r.bottom - h / (s.max + h) * r.height, V = r.width / u.maxSeries, ve = s.ticks.map((n) => ({
+        y: r.bottom - r.height * ((n + h) / (s.max + h)),
+        x: r.left - 8,
         value: n
       })), le = t.map((n, i) => ({
         ...n,
         coordinates: n.values.map((S, k) => ({
-          x: s.left + V * (k + 1) - V / 2,
-          y: s.bottom - (S + h) / (r.max + h) * s.height,
+          x: r.left + V * (k + 1) - V / 2,
+          y: r.bottom - (S + h) / (s.max + h) * r.height,
           value: S
         }))
       })).map((n) => {
@@ -488,16 +490,16 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           linePath: i.join(" ")
         };
       });
-      function ce(n) {
+      function de(n) {
         W.value = n, j.value = n;
         const i = t.map((k) => ({
           ...k,
           value: k.values[n],
           absoluteIndex: k.absoluteIndices[n]
         })).filter((k) => !w.value.includes(k.id));
-        xe.value = { datapoint: i, 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({
+        if (Me(S) && He(() => S({
           datapoint: i,
           seriesIndex: n,
           series: t,
@@ -541,11 +543,11 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         absoluteZero: P,
         dataset: le.filter((n) => !w.value.includes(n.id)),
         legend: le,
-        drawingArea: s,
+        drawingArea: r,
         extremes: u,
         slotSize: V,
-        yLabels: de,
-        useTooltip: ce,
+        yLabels: ve,
+        useTooltip: de,
         killTooltip: oe
       };
     }), d = U(() => {
@@ -553,7 +555,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       const o = {
         height: b.value.height,
         width: b.value.width
-      }, s = {
+      }, r = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
         right: o.width - e.value.xyPaddingRight,
@@ -567,17 +569,17 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           values: p.value.dataset.slice(x.value.start, x.value.end),
           absoluteIndices: p.value.dataset.map((i, S) => S).slice(x.value.start, x.value.end),
           name: e.value.title,
-          color: ke.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
+          color: xe.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Ue(p.value.dataset) && (t = p.value.dataset.map((i, S) => ({
+      ]), Fe(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((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],
+        color: i.COLOR ? Ve(i.COLOR) : xe.value[S + e.value.paletteStartIndex] || q[S + e.value.paletteStartIndex] || q[(S + e.value.paletteStartIndex) % q.length],
         values: i.values.slice(x.value.start, x.value.end),
         absoluteIndices: i.values.map((k, E) => E).slice(x.value.start, x.value.end)
       })));
@@ -585,32 +587,32 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         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 = mt(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, de = r.ticks.map((i) => ({
-        y: s.bottom - s.height * ((i + h) / (r.max + h)),
-        x: s.left - 8,
+      }, s = mt(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), h = s.min < 0 ? Math.abs(s.min) : 0, P = r.bottom - h / (s.max + h) * r.height, V = r.width / u.maxSeries, ve = s.ticks.map((i) => ({
+        y: r.bottom - r.height * ((i + h) / (s.max + h)),
+        x: r.left - 8,
         value: i
       })), le = 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((ne) => !w.value.includes(ne.id)).length - e.value.barGap / t.filter((ne) => !w.value.includes(ne.id)).length;
+          const N = (k + h) / (u.max + h) * r.height, we = Math.abs(k) / Math.abs(u.min) * (r.height - P), Ue = h / (u.max + h) * r.height, Ae = V / t.filter((ne) => !w.value.includes(ne.id)).length - e.value.barGap / t.filter((ne) => !w.value.includes(ne.id)).length;
           return {
-            x: s.left + V * E + _e * S + e.value.barGap / 2,
-            y: k > 0 ? s.bottom - N : P,
-            height: k > 0 ? N - De : Ae,
+            x: r.left + V * E + Ae * S + e.value.barGap / 2,
+            y: k > 0 ? r.bottom - N : P,
+            height: k > 0 ? N - Ue : we,
             value: k,
-            width: _e
+            width: Ae
           };
         })
-      })), ce = t.filter((i) => !w.value.includes(i.id)).map((i, S) => ({
+      })), 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((ne) => !w.value.includes(ne.id)).length - e.value.barGap / t.filter((ne) => !w.value.includes(ne.id)).length;
+          const N = (k + h) / (u.max + h) * r.height, we = Math.abs(k) / (u.max + h) * r.height, Ue = h / (u.max + h) * r.height, Ae = V / t.filter((ne) => !w.value.includes(ne.id)).length - e.value.barGap / t.filter((ne) => !w.value.includes(ne.id)).length;
           return {
-            x: s.left + V * E + _e * S + e.value.barGap / 2,
-            y: k > 0 ? s.bottom - N : P,
-            height: k > 0 ? N - De : Ae,
+            x: r.left + V * E + Ae * S + e.value.barGap / 2,
+            y: k > 0 ? r.bottom - N : P,
+            height: k > 0 ? N - Ue : we,
             value: k,
-            width: _e
+            width: Ae
           };
         })
       }));
@@ -621,9 +623,9 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           value: E.values[i],
           absoluteIndex: E.absoluteIndices[i]
         })).filter((E) => !w.value.includes(E.id));
-        xe.value = { datapoint: S, seriesIndex: i, 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({
+        if (Me(k) && He(() => k({
           datapoint: S,
           seriesIndex: i,
           series: t,
@@ -637,7 +639,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           });
         else {
           let E = "";
-          ee.value[S[0].absoluteIndex] && (E += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${ee.value[S[0].absoluteIndex].text}</div>`), S.forEach((N, Ae) => {
+          ee.value[S[0].absoluteIndex] && (E += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${ee.value[S[0].absoluteIndex].text}</div>`), S.forEach((N, we) => {
             E += `
                     <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="${N.color}"/></svg>
@@ -651,7 +653,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: N, seriesIndex: Ae }
+              { datapoint: N, seriesIndex: we }
             )}
                         </b>
                     </div>
@@ -665,12 +667,12 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       }
       return {
         absoluteZero: P,
-        dataset: ce.filter((i) => !w.value.includes(i.id)),
+        dataset: de.filter((i) => !w.value.includes(i.id)),
         legend: le,
-        drawingArea: s,
+        drawingArea: r,
         extremes: u,
         slotSize: V,
-        yLabels: de,
+        yLabels: ve,
         useTooltip: oe,
         killTooltip: n
       };
@@ -680,90 +682,90 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       formatter: e.value.datetimeFormatter,
       start: x.value.start,
       end: x.value.end
-    })), Pe = z(!1);
-    function ct(o) {
-      Pe.value = o, Qe.value += 1;
+    })), Te = z(!1);
+    function dt(o) {
+      Te.value = o, Ye.value += 1;
     }
-    function ht() {
-      Se.value.showTooltip = !Se.value.showTooltip;
+    function ct() {
+      be.value.showTooltip = !be.value.showTooltip;
     }
-    const Re = z(!1);
-    function Be() {
-      Re.value = !Re.value;
+    const Pe = z(!1);
+    function Ne() {
+      Pe.value = !Pe.value;
     }
     async function Ot({ scale: o = 2 } = {}) {
       if (!J.value) return;
-      const { width: s, height: t } = J.value.getBoundingClientRect(), u = s / t, { imageUri: r, base64: h } = await Kt({ domElement: J.value, base64: !0, img: !0, scale: o });
+      const { width: r, height: t } = J.value.getBoundingClientRect(), u = r / t, { imageUri: s, base64: h } = await Kt({ domElement: J.value, base64: !0, img: !0, scale: o });
       return {
-        imageUri: r,
+        imageUri: s,
         base64: h,
         title: e.value.title,
-        width: s,
+        width: r,
         height: t,
         aspectRatio: u
       };
     }
     return C({
       getImage: Ot,
-      generatePdf: lt,
-      generateImage: ot,
-      toggleTooltip: ht,
-      toggleAnnotator: Be,
-      toggleFullscreen: ct
-    }), (o, s) => At.value ? (a(), l("div", {
+      generatePdf: tt,
+      generateImage: at,
+      toggleTooltip: ct,
+      toggleAnnotator: Ne,
+      toggleFullscreen: dt
+    }), (o, r) => At.value ? (a(), l("div", {
       key: 0,
       id: `${L.value}_${Q.value}`,
       ref_key: "quickChart",
       ref: J,
-      class: fe({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Pe.value }),
+      class: he({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Te.value }),
       style: R(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[5] || (s[5] = () => tt(!0)),
-      onMouseleave: s[6] || (s[6] = () => tt(!1))
+      onMouseenter: r[5] || (r[5] = () => Ke(!0)),
+      onMouseleave: r[6] || (r[6] = () => Ke(!1))
     }, [
-      e.value.userOptionsButtons.annotator ? (a(), Fe(f(me), {
+      e.value.userOptionsButtons.annotator ? (a(), Re(f(ge), {
         key: 0,
-        svgRef: f(Ke),
+        svgRef: f(Je),
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        active: Re.value,
-        onClose: Be
+        active: Pe.value,
+        onClose: Ne
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
       _t.value ? (a(), l("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Je,
+        ref: Ze,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : g("", !0),
-      e.value.showUserOptions && (et.value || Ie.value) ? (a(), Fe(f($e), {
+      e.value.showUserOptions && (Qe.value || Ce.value) ? (a(), Re(f(ze), {
         ref: "details",
-        key: `user_option_${Qe.value}`,
+        key: `user_option_${Ye.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        isPrinting: f(Ee),
-        isImaging: f(Oe),
+        isPrinting: f(Ie),
+        isImaging: f(Ee),
         uid: Q.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: Se.value.showTooltip,
-        isFullscreen: Pe.value,
+        isTooltip: be.value.showTooltip,
+        isFullscreen: Te.value,
         titles: { ...e.value.userOptionsButtonTitles },
         chartElement: J.value,
         position: e.value.userOptionsPosition,
         hasAnnotator: e.value.userOptionsButtons.annotator,
-        isAnnotation: Re.value,
+        isAnnotation: Pe.value,
         callbacks: e.value.userOptionsCallbacks,
         printScale: e.value.userOptionsPrint.scale,
-        onToggleFullscreen: ct,
-        onGeneratePdf: f(lt),
-        onGenerateImage: f(ot),
-        onToggleTooltip: ht,
-        onToggleAnnotator: Be,
+        onToggleFullscreen: dt,
+        onGeneratePdf: f(tt),
+        onGenerateImage: f(at),
+        onToggleTooltip: ct,
+        onToggleAnnotator: Ne,
         style: R({
-          visibility: et.value ? Ie.value ? "visible" : "hidden" : "visible"
+          visibility: Qe.value ? Ce.value ? "visible" : "hidden" : "visible"
         })
       }, Rt({ _: 2 }, [
         o.$slots.menuIcon ? {
@@ -812,19 +814,19 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       e.value.title ? (a(), l("div", {
         key: 3,
         ref_key: "quickChartTitle",
-        ref: Ge,
+        ref: We,
         class: "vue-ui-quick-chart-title",
         style: R(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
       }, O(e.value.title), 5)) : g("", !0),
       L.value ? (a(), l("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: Ke,
+        ref: Je,
         xmlns: f(Ht),
         viewBox: Lt.value,
         style: R(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
-        ge(f(H)),
+        fe(f(H)),
         o.$slots["chart-background"] && L.value === A.BAR ? (a(), l("foreignObject", {
           key: 0,
           x: d.value.drawingArea.left,
@@ -874,7 +876,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
               stdDeviation: 2,
               id: `blur_std_${Q.value}`
             }, null, 8, ha),
-            s[7] || (s[7] = _("feColorMatrix", {
+            r[7] || (r[7] = _("feColorMatrix", {
               type: "saturate",
               values: "0"
             }, null, -1))
@@ -897,13 +899,13 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
             (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(Wt)(t, { x: b.value.width / 2, y: b.value.height / 2 }, 16, 16, !1, !1, b.value.height * vt.value),
+                d: f(Wt)(t, { x: b.value.width / 2, y: b.value.height / 2 }, 16, 16, !1, !1, b.value.height * rt.value),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
-                filter: we(t.id)
+                filter: Se(t.id)
               }, null, 8, pa)) : g("", !0)
             ], 64))), 256))
           ])) : g("", !0),
@@ -920,36 +922,36 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
-              filter: we(t.id)
+              filter: Se(t.id)
             }, null, 8, ka))), 256)),
             (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: u }),
-              onMouseout: s[0] || (s[0] = (r) => I.value.killTooltip()),
-              onClick: (r) => re("selectDatapoint", t)
+              onMouseenter: (s) => I.value.useTooltip({ datapoint: t, seriesIndex: u }),
+              onMouseout: r[0] || (r[0] = (s) => I.value.killTooltip()),
+              onClick: (s) => re("selectDatapoint", t)
             }, null, 40, ba))), 256))
           ]),
           e.value.showDataLabels ? (a(), l("g", Sa, [
             (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,
-                cy: f(We)(t) - 3.7,
+                cx: f(_e)(t).x,
+                cy: f(qe)(t) - 3.7,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": 1,
                 r: 3,
-                filter: we(t.id)
+                filter: Se(t.id)
               }, null, 8, wa)) : g("", !0),
               I.value.isArcBigEnough(t) ? (a(), l("text", {
                 key: 1,
-                "text-anchor": f(Le)(t, !0, 20).anchor,
-                x: f(Le)(t, !0).x,
-                y: f(We)(t),
+                "text-anchor": f(_e)(t, !0, 20).anchor,
+                x: f(_e)(t, !0).x,
+                y: f(qe)(t),
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: we(t.id)
+                filter: Se(t.id)
               }, O(I.value.displayArcPercentage(t, I.value.chart)) + " (" + O(f(X)(
                 e.value.formatter,
                 t.value,
@@ -963,12 +965,12 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
               )) + ") ", 9, Aa)) : g("", !0),
               I.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
-                "text-anchor": f(Le)(t).anchor,
-                x: f(Le)(t, !0).x,
-                y: f(We)(t) + e.value.dataLabelFontSize,
+                "text-anchor": f(_e)(t).anchor,
+                x: f(_e)(t, !0).x,
+                y: f(qe)(t) + e.value.dataLabelFontSize,
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: we(t.id)
+                filter: Se(t.id)
               }, O(t.name), 9, _a)) : g("", !0)
             ], 64))), 256))
           ])) : g("", !0),
@@ -1116,7 +1118,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: he({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Wa),
                 _("path", {
@@ -1125,7 +1127,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: he({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, ja)
               ], 64)) : (a(), l(m, { key: 1 }, [
@@ -1135,7 +1137,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: he({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Ga),
                 _("path", {
@@ -1144,13 +1146,13 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: he({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Xa)
               ], 64)),
-              (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("circle", {
-                cx: r.x,
-                cy: f(Z)(r.y),
+              (a(!0), l(m, null, $(t.coordinates, (s, h) => (a(), l("circle", {
+                cx: s.x,
+                cy: f(Z)(s.y),
                 r: 3,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
@@ -1162,24 +1164,24 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           ]),
           e.value.showDataLabels ? (a(), l("g", Ya, [
             (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", {
+              (a(!0), l(m, null, $(t.coordinates, (s, h) => (a(), l("text", {
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
-                x: r.x,
-                y: f(Z)(r.y) - e.value.dataLabelFontSize / 2,
+                x: s.x,
+                y: f(Z)(s.y) - e.value.dataLabelFontSize / 2,
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
               }, O(f(X)(
                 e.value.formatter,
-                f(Z)(r.value),
+                f(Z)(s.value),
                 f(D)({
                   p: e.value.valuePrefix,
-                  v: f(Z)(r.value),
+                  v: f(Z)(s.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: r, seriesIndex: h }
+                { datapoint: s, seriesIndex: h }
               )), 9, Ja))), 256))
             ], 64))), 256))
           ])) : g("", !0),
@@ -1191,9 +1193,9 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
               width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
               fill: [W.value, j.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
               style: R(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (r) => v.value.useTooltip(u),
-              onMouseleave: s[1] || (s[1] = (r) => v.value.killTooltip()),
-              onClick: (r) => re("selectDatapoint", v.value.dataset.map((h) => ({
+              onMouseenter: (s) => v.value.useTooltip(u),
+              onMouseleave: r[1] || (r[1] = (s) => v.value.killTooltip()),
+              onClick: (s) => re("selectDatapoint", v.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[u]
               })))
@@ -1295,29 +1297,29 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           ])) : g("", !0),
           _("g", cl, [
             (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,
-                height: f(Z)(r.height <= 0 ? 1e-5 : r.height),
-                y: f(Z)(r.y),
+              (a(!0), l(m, null, $(t.coordinates, (s, h) => (a(), l("rect", {
+                x: s.x,
+                width: s.width <= 0 ? 1e-5 : s.width,
+                height: f(Z)(s.height <= 0 ? 1e-5 : s.height),
+                y: f(Z)(s.y),
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
                 "stroke-linecap": "round",
-                class: fe({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 })
+                class: he({ "vue-data-ui-bar-animated": e.value.barAnimated && s.value < 0 })
               }, [
-                e.value.barAnimated && r.value > 0 && !f(Ee) && !f(Oe) ? (a(), l("animate", {
+                e.value.barAnimated && s.value > 0 && !f(Ie) && !f(Ee) ? (a(), l("animate", {
                   key: 0,
                   attributeName: "height",
                   from: 0,
-                  to: r.height,
+                  to: s.height,
                   dur: "0.5s"
                 }, null, 8, fl)) : g("", !0),
-                e.value.barAnimated && r.value > 0 && !f(Ee) && !f(Oe) ? (a(), l("animate", {
+                e.value.barAnimated && s.value > 0 && !f(Ie) && !f(Ee) ? (a(), l("animate", {
                   key: 1,
                   attributeName: "y",
                   from: d.value.absoluteZero,
-                  to: d.value.absoluteZero - r.height,
+                  to: d.value.absoluteZero - s.height,
                   dur: "0.5s"
                 }, null, 8, gl)) : g("", !0)
               ], 10, hl))), 256))
@@ -1325,23 +1327,23 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           ]),
           e.value.showDataLabels ? (a(), l("g", ml, [
             (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,
+              (a(!0), l(m, null, $(t.coordinates, (s, h) => (a(), l("text", {
+                x: s.x + s.width / 2,
+                y: f(Z)(s.y) - e.value.dataLabelFontSize / 2,
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
                 class: "quick-animation"
               }, O(f(X)(
                 e.value.formatter,
-                f(Z)(r.value),
+                f(Z)(s.value),
                 f(D)({
                   p: e.value.valuePrefix,
-                  v: f(Z)(r.value),
+                  v: f(Z)(s.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: r, seriesIndex: h }
+                { datapoint: s, seriesIndex: h }
               )), 9, pl))), 256))
             ], 64))), 256))
           ])) : g("", !0),
@@ -1353,9 +1355,9 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
               width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
               fill: [W.value, j.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
               style: R(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (r) => d.value.useTooltip(u),
-              onMouseleave: s[2] || (s[2] = (r) => d.value.killTooltip()),
-              onClick: (r) => re("selectDatapoint", d.value.dataset.map((h) => ({
+              onMouseenter: (s) => d.value.useTooltip(u),
+              onMouseleave: r[2] || (r[2] = (s) => d.value.killTooltip()),
+              onClick: (s) => re("selectDatapoint", d.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[u]
               })))
@@ -1399,7 +1401,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           ])) : g("", !0)
         ])) : g("", !0)
       ], 12, ra)) : g("", !0),
-      L.value ? g("", !0) : (a(), Fe(f(pe), {
+      L.value ? g("", !0) : (a(), Re(f(me), {
         key: 5,
         config: {
           type: "line",
@@ -1418,17 +1420,17 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         }
       }, null, 8, ["config"])),
       o.$slots.watermark ? (a(), l("div", Cl, [
-        M(o.$slots, "watermark", ie(ue({ isPrinting: f(Ee) || f(Oe) })), void 0, !0)
+        M(o.$slots, "watermark", ie(ue({ isPrinting: f(Ie) || f(Ee) })), 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}`,
+        key: `slicer_${$e.value}`,
         ref_key: "quickChartSlicer",
-        ref: Ze
+        ref: Ge
       }, [
-        (a(), Fe(Jt, {
+        (a(), Re(Jt, {
           ref_key: "slicerComponent",
-          ref: ve,
-          key: `slicer_${Ce.value}`,
+          ref: st,
+          key: `slicer_${$e.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
@@ -1452,9 +1454,9 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           verticalHandles: e.value.zoomMinimap.verticalHandles,
           minimapSelectedIndex: j.value,
           start: x.value.start,
-          "onUpdate:start": s[3] || (s[3] = (t) => x.value.start = t),
+          "onUpdate:start": r[3] || (r[3] = (t) => x.value.start = t),
           end: x.value.end,
-          "onUpdate:end": s[4] || (s[4] = (t) => x.value.end = t),
+          "onUpdate:end": r[4] || (r[4] = (t) => x.value.end = t),
           refreshStartPoint: e.value.zoomStartIndex !== null ? e.value.zoomStartIndex : 0,
           refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : p.value.maxSeriesLength,
           enableRangeHandles: e.value.zoomEnableRangeHandles,
@@ -1471,22 +1473,22 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       e.value.showLegend ? (a(), l("div", {
         key: 8,
         ref_key: "quickChartLegend",
-        ref: Xe,
+        ref: je,
         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, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
-          onClick: (r) => {
+          onClick: (s) => {
             zt(t, I.value.dataset), re("selectLegend", t);
           },
           style: R(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? M(o.$slots, "legend", qe({
+          e.value.useCustomLegend ? M(o.$slots, "legend", De({
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            ge(f(T), {
+            fe(f(T), {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1510,7 +1512,7 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
             w.value.includes(t.id) ? (a(), l("span", {
               key: 0,
               style: R(`font-size:${e.value.legendFontSize}px`)
-            }, " ( - % ) ", 4)) : Te.value ? (a(), l("span", {
+            }, " ( - % ) ", 4)) : Oe.value ? (a(), l("span", {
               key: 1,
               style: R(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
             }, " ( - % ) ", 4)) : (a(), l("span", {
@@ -1525,16 +1527,16 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         ], 12, Il))), 256)) : g("", !0),
         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) => {
-            ut(t.id, v.value.legend.length - 1), re("selectLegend", t);
+          onClick: (s) => {
+            nt(t.id, v.value.legend.length - 1), re("selectLegend", t);
           },
           style: R(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? M(o.$slots, "legend", qe({
+          e.value.useCustomLegend ? M(o.$slots, "legend", De({
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            ge(f(T), {
+            fe(f(T), {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1546,16 +1548,16 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         ], 12, El))), 256)) : g("", !0),
         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) => {
-            ut(t.id, d.value.legend.length - 1), re("selectLegend", t);
+          onClick: (s) => {
+            nt(t.id, d.value.legend.length - 1), re("selectLegend", t);
           },
           style: R(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? M(o.$slots, "legend", qe({
+          e.value.useCustomLegend ? M(o.$slots, "legend", De({
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            ge(f(T), {
+            fe(f(T), {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1569,13 +1571,13 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       o.$slots.source ? (a(), l("div", {
         key: 9,
         ref_key: "source",
-        ref: Ye,
+        ref: Xe,
         dir: "auto"
       }, [
         M(o.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      ge(f(ye), {
-        show: Se.value.showTooltip && te.value,
+      fe(f(pe), {
+        show: be.value.showTooltip && te.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         borderRadius: e.value.tooltipBorderRadius,
@@ -1587,26 +1589,26 @@ const ua = ["id"], ra = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         offsetY: e.value.tooltipOffsetY,
         parent: J.value,
         content: ae.value,
-        isFullscreen: Pe.value,
-        isCustom: f(Ne)(e.value.tooltipCustomFormat)
+        isFullscreen: Te.value,
+        isCustom: f(Me)(e.value.tooltipCustomFormat)
       }, {
         "tooltip-before": G(() => [
-          M(o.$slots, "tooltip-before", ie(ue({ ...xe.value })), void 0, !0)
+          M(o.$slots, "tooltip-before", ie(ue({ ...ye.value })), void 0, !0)
         ]),
         "tooltip-after": G(() => [
-          M(o.$slots, "tooltip-after", ie(ue({ ...xe.value })), void 0, !0)
+          M(o.$slots, "tooltip-after", ie(ue({ ...ye.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"])
     ], 46, ua)) : (a(), l("div", Tl, [
-      ge(f(T), {
+      fe(f(T), {
         name: "circleCancel",
         stroke: "red"
       }),
-      s[8] || (s[8] = _("span", null, "Dataset is not processable", -1))
+      r[8] || (r[8] = _("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Wl = /* @__PURE__ */ ea(Pl, [["__scopeId", "data-v-3a5268da"]]);
+}, Wl = /* @__PURE__ */ ea(Pl, [["__scopeId", "data-v-0aa0d78f"]]);
 export {
   Wl as default
 };