vue-data-ui 2.3.94 → 2.3.96

package/dist/{vue-ui-quick-chart-DDSDdZMZ.js → vue-ui-quick-chart-Jh4YDviZ.js}

@@ -1,13 +1,13 @@
 import { ref as I, computed as D, watch as Pe, onMounted as rt, onBeforeUnmount as st, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as O, createBlock as Te, unref as f, createSlots as vt, withCtx as ae, renderSlot as V, normalizeProps as J, guardReactiveProps as me, createCommentVNode as p, toDisplayString as E, createVNode as re, createElementVNode as _, Fragment as m, renderList as L, mergeProps as Ie, pushScopeId as dt, popScopeId as ct } from "vue";
-import { u as ht, c as ft, t as gt, a as mt, p as U, b as pt, I as xt, e as yt, d as Ee, m as kt, C as He, X as bt, j as St, k as pe, n as Re, i as H, f as M, R as Xe, v as X, x as Ae, y as Ne } from "./index-Bu852AzK.js";
+import { u as ht, c as ft, t as gt, a as mt, p as U, b as pt, I as xt, e as yt, d as Ee, m as kt, C as He, X as bt, j as St, k as pe, n as Re, i as H, f as M, R as Xe, v as X, x as Ae, y as Ne } from "./index-BcpaEQjg.js";
 import { t as wt, u as _t } from "./useResponsive-NZB-WLRF.js";
-import Le from "./BaseIcon-CcOdzI48.js";
-import { _ as At } from "./Tooltip-Cwp4dS4t.js";
-import { u as Lt, U as zt } from "./usePrinter-CaNEdNUc.js";
-import { S as $t } from "./Slicer-DBVND1TR.js";
-import Ct from "./vue-ui-skeleton-B-obKEDg.js";
-import { u as Ze } from "./useNestedProp-1sCLAHuR.js";
-import { _ as Pt } from "./PackageVersion-DDKechCD.js";
+import Le from "./BaseIcon-DFIHCTyJ.js";
+import { _ as At } from "./Tooltip-CHABi2zh.js";
+import { u as Lt, U as zt } from "./usePrinter-DzCuoQHM.js";
+import { S as $t } from "./Slicer-BQr2RZjz.js";
+import Ct from "./vue-ui-skeleton-C53xk8CG.js";
+import { u as Ze } from "./useNestedProp-CEsVEbKF.js";
+import { _ as Pt } from "./PackageVersion-C5LvF-TN.js";
 import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   LINE: "LINE",
@@ -88,58 +88,58 @@ function Qe(s) {
     s.hasOwnProperty(g) && ($[g.toUpperCase()] = s[g]);
   return $;
 }
-const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = ["xmlns", "viewBox"], Ut = ["id"], Dt = ["id"], Vt = /* @__PURE__ */ et(() => /* @__PURE__ */ _("feColorMatrix", {
+const et = (s) => (dt("data-v-b839026c"), s = s(), ct(), s), Mt = ["id"], Bt = ["xmlns", "viewBox"], Ut = ["id"], Dt = ["id"], Vt = /* @__PURE__ */ et(() => /* @__PURE__ */ _("feColorMatrix", {
   type: "saturate",
   values: "0"
 }, null, -1)), qt = ["id"], Wt = ["flood-color"], jt = {
   key: 0,
   class: "donut-label-connectors"
-}, Gt = ["d", "stroke", "stroke-width", "filter"], Ht = ["cx", "cy", "r", "fill"], Xt = ["cx", "cy", "r", "fill", "filter"], Zt = { class: "donut" }, Yt = ["d", "fill", "stroke", "stroke-width", "filter"], Jt = ["d", "onMouseenter", "onClick"], Qt = {
+}, Gt = ["d", "stroke", "stroke-width", "filter"], Ht = ["cx", "cy", "r", "fill", "filter"], Xt = { class: "donut" }, Zt = ["d", "fill", "stroke", "stroke-width", "filter"], Yt = ["d", "onMouseenter", "onClick"], Jt = {
   key: 1,
   class: "donut-labels quick-animation"
-}, Kt = ["cx", "cy", "fill", "filter"], ea = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ta = ["text-anchor", "x", "y", "fill", "font-size", "filter"], aa = {
+}, Qt = ["cx", "cy", "fill", "stroke", "filter"], Kt = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ea = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ta = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, la = ["x", "y", "font-size", "fill"], oa = ["x", "y", "font-size", "fill"], ia = {
+}, aa = ["x", "y", "font-size", "fill"], la = ["x", "y", "font-size", "fill"], oa = {
   key: 0,
   class: "line-grid"
-}, ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ra = {
+}, ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], na = {
   key: 1,
   class: "line-axis"
-}, sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], da = {
+}, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], va = {
   key: 2,
   class: "yLabels"
-}, ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ha = ["x", "y", "font-size", "fill"], fa = {
+}, da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = ["x", "y", "font-size", "fill"], ha = {
   key: 3,
   class: "periodLabels"
-}, ga = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ma = ["font-size", "text-anchor", "fill", "transform"], pa = { class: "plots" }, xa = { class: "line-plot-series" }, ya = ["d", "stroke", "stroke-width"], ka = ["d", "stroke", "stroke-width"], ba = ["d", "stroke", "stroke-width"], Sa = ["d", "stroke", "stroke-width"], wa = ["cx", "cy", "fill", "stroke"], _a = {
+}, fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ga = ["font-size", "text-anchor", "fill", "transform"], ma = { class: "plots" }, pa = { class: "line-plot-series" }, xa = ["d", "stroke", "stroke-width"], ya = ["d", "stroke", "stroke-width"], ka = ["d", "stroke", "stroke-width"], ba = ["d", "stroke", "stroke-width"], Sa = ["cx", "cy", "fill", "stroke"], wa = {
   key: 4,
   class: "dataLabels"
-}, Aa = ["font-size", "fill", "x", "y"], La = { class: "tooltip-traps" }, za = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], $a = {
+}, _a = ["font-size", "fill", "x", "y"], Aa = { class: "tooltip-traps" }, La = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], za = {
   key: 0,
   class: "line-grid"
-}, Ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ta = {
+}, $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = {
   key: 1,
   class: "line-axis"
-}, Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ra = {
+}, Ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = {
   key: 2,
   class: "yLabels"
-}, Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill"], Fa = {
+}, Ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = ["x", "y", "font-size", "fill"], Oa = {
   key: 3,
   class: "periodLabels"
-}, Ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ba = ["font-size", "text-anchor", "transform", "fill"], Ua = { class: "plots" }, Da = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Va = ["to"], qa = ["from", "to"], Wa = {
+}, Fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ma = ["font-size", "text-anchor", "transform", "fill"], Ba = { class: "plots" }, Ua = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Da = ["to"], Va = ["from", "to"], qa = {
   key: 4,
   class: "dataLabels"
-}, ja = ["x", "y", "font-size", "fill"], Ga = { class: "tooltip-traps" }, Ha = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Xa = {
+}, Wa = ["x", "y", "font-size", "fill"], ja = { class: "tooltip-traps" }, Ga = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ha = {
   key: 3,
   class: "axis-labels"
-}, Za = { key: 0 }, Ya = ["font-size", "fill", "x", "y"], Ja = { key: 1 }, Qa = ["font-size", "fill", "x", "y"], Ka = { key: 2 }, el = ["font-size", "fill", "transform"], tl = { key: 3 }, al = ["font-size", "fill", "transform"], ll = {
+}, Xa = { key: 0 }, Za = ["font-size", "fill", "x", "y"], Ya = { key: 1 }, Ja = ["font-size", "fill", "x", "y"], Qa = { key: 2 }, Ka = ["font-size", "fill", "transform"], el = { key: 3 }, tl = ["font-size", "fill", "transform"], al = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, ol = ["onClick"], il = ["onClick"], ul = ["onClick"], nl = {
+}, ll = ["onClick"], ol = ["onClick"], il = ["onClick"], ul = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, rl = /* @__PURE__ */ et(() => /* @__PURE__ */ _("span", null, "Dataset is not processable", -1)), sl = {
+}, nl = /* @__PURE__ */ et(() => /* @__PURE__ */ _("span", null, "Dataset is not processable", -1)), rl = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -175,9 +175,9 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
       } : u;
     }
     Pe(() => R.config, (u) => {
-      e.value = Fe(), y.value.width = e.value.width, y.value.height = e.value.height, Ue();
+      e.value = Fe(), S.value.width = e.value.width, S.value.height = e.value.height, Ue();
     }, { deep: !0 }), Pe(() => R.dataset, (u) => {
-      k.value = ce.value, b.value.start = 0, b.value.end = k.value.maxSeriesLength, ye.value += 1;
+      y.value = ce.value, k.value.start = 0, k.value.end = y.value.maxSeriesLength, ye.value += 1;
     }, { deep: !0 });
     const de = D(() => pt(e.value.customPalette)), ce = D(() => {
       const u = Et({ dataset: xt(R.dataset, [
@@ -189,7 +189,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return u || console.error("VueUiQuickChart : Dataset is not processable"), u;
-    }), k = I(ce.value), tt = D(() => !!k.value), z = D(() => k.value ? k.value.type : null);
+    }), y = I(ce.value), tt = D(() => !!y.value), z = D(() => y.value ? y.value.type : null);
     Pe(() => z.value, (u) => {
       u || yt({
         componentName: "VueUiQuickChart",
@@ -199,7 +199,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
     const { isPrinting: ke, isImaging: be, generatePdf: Me, generateImage: Be } = Lt({
       elementId: `${z.value}_${P.value}`,
       fileName: e.value.title || z.value
-    }), y = I({
+    }), S = I({
       width: e.value.width,
       height: e.value.height
     }), Se = I({
@@ -215,9 +215,9 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
             chart: j.value,
             title: e.value.title ? le.value : null,
             legend: e.value.showLegend ? oe.value : null,
-            slicer: [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? se.value : null
+            slicer: [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && y.value.maxSeriesLength > 1 ? se.value : null
           });
-          y.value.width = c, y.value.height = t;
+          S.value.width = c, S.value.height = t;
         });
         we.value = new ResizeObserver(u), we.value.observe(j.value.parentNode);
       }
@@ -228,13 +228,13 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
     const at = D(() => {
       switch (z.value) {
         case A.LINE:
-          return `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${y.value.height <= 0 ? 10 : y.value.height}`;
+          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
         case A.BAR:
-          return `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${y.value.height <= 0 ? 10 : y.value.height}`;
+          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
         case A.DONUT:
-          return `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${y.value.height <= 0 ? 10 : y.value.height}`;
+          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
         default:
-          return `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${y.value.height <= 0 ? 10 : y.value.height}`;
+          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
       }
     });
     function De(u) {
@@ -252,16 +252,16 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
       let t = u.value;
       if (w.value.includes(u.id)) {
         let r = function() {
-          t > n ? (_e.value = !1, cancelAnimationFrame(We.value), k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((h, N) => u.id === `donut_${N}` ? {
+          t > n ? (_e.value = !1, cancelAnimationFrame(We.value), y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((h, N) => u.id === `donut_${N}` ? {
               ...h,
               value: n,
               VALUE: n
             } : h)
-          }) : (t += n * 0.025, k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((h, N) => u.id === `donut_${N}` ? {
+          }) : (t += n * 0.025, y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((h, N) => u.id === `donut_${N}` ? {
               ...h,
               value: t,
               VALUE: t
@@ -273,16 +273,16 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         r();
       } else if (c.length > 1) {
         let n = function() {
-          t < 0.1 ? (_e.value = !1, cancelAnimationFrame(qe.value), w.value.push(u.id), k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+          t < 0.1 ? (_e.value = !1, cancelAnimationFrame(qe.value), w.value.push(u.id), y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
               ...r,
               value: 0,
               VALUE: 0
             } : r)
-          }) : (t /= 1.1, k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+          }) : (t /= 1.1, y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
               ...r,
               value: t,
               VALUE: t
@@ -298,7 +298,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
     }
     const je = D(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), C = D(() => {
       if (z.value !== A.DONUT) return null;
-      const u = k.value.dataset.map((o, i) => ({
+      const u = y.value.dataset.map((o, i) => ({
         ...o,
         value: o.VALUE || o.DATA || o.SERIE || o.VALUES || o.NUM || 0,
         name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
@@ -319,19 +319,19 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         return o.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
       function n(o, i) {
-        const S = ce.value.dataset.find((T, F) => `donut_${F}` === o).VALUE;
-        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(i.toFixed(0))).length);
+        const b = ce.value.dataset.find((T, F) => `donut_${F}` === o).VALUE;
+        return Math.abs(String(Number(b.toFixed(0))).length - String(Number(i.toFixed(0))).length);
       }
       function r({ datapoint: o, seriesIndex: i }) {
         ve.value = { datapoint: o, seriesIndex: i, config: e.value, dataset: u }, W.value = o.id;
-        const S = e.value.tooltipCustomFormat;
-        if (Ae(S) && Ne(() => S({
+        const b = e.value.tooltipCustomFormat;
+        if (Ae(b) && Ne(() => b({
           datapoint: o,
           seriesIndex: i,
           series: u,
           config: e.value
         })))
-          Q.value = S({
+          Q.value = b({
             datapoint: o,
             seriesIndex: i,
             series: u,
@@ -357,14 +357,14 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         G.value = !1, W.value = null, Y.value = null;
       }
       const N = {
-        centerX: y.value.width / 2,
-        centerY: y.value.height / 2
+        centerX: S.value.width / 2,
+        centerY: S.value.height / 2
       }, B = u.filter((o) => !w.value.includes(o.id)).map((o) => o.value || 0).reduce((o, i) => o + i, 0), ie = u.map((o, i) => ({
         ...o,
         proportion: (o.value || 0) / B,
         value: o.value || 0,
-        absoluteValue: ce.value.dataset.find((S, x) => `donut_${x}` === o.id).VALUE
-      })), K = y.value.width / 2, ue = y.value.height / 2, ee = y.value.height * e.value.donutRadiusRatio;
+        absoluteValue: ce.value.dataset.find((b, x) => `donut_${x}` === o.id).VALUE
+      })), K = S.value.width / 2, ue = S.value.height / 2, ee = S.value.height * e.value.donutRadiusRatio;
       return {
         dataset: ie.filter((o) => !w.value.includes(o.id)),
         legend: ie,
@@ -389,23 +389,23 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
           1,
           360,
           105.25,
-          y.value.height * je.value
+          S.value.height * je.value
         )
       };
-    }), b = I({
+    }), k = I({
       start: 0,
-      end: k.value.maxSeriesLength
+      end: y.value.maxSeriesLength
     });
     function it() {
-      b.value = {
+      k.value = {
         start: 0,
-        end: k.value.maxSeriesLength
+        end: y.value.maxSeriesLength
       }, ye.value += 1;
     }
     const ut = D(() => {
       if (!e.value.zoomMinimap.show || z.value === A.DONUT) return [];
       let u = [];
-      Z(k.value.dataset) && (u = k.value.dataset), ze(k.value.dataset) && (u = k.value.dataset.map((r, h) => ({
+      Z(y.value.dataset) && (u = y.value.dataset), ze(y.value.dataset) && (u = y.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)));
@@ -421,8 +421,8 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
     }), d = D(() => {
       if (z.value !== A.LINE) return null;
       const u = {
-        height: y.value.height,
-        width: y.value.width
+        height: S.value.height,
+        width: S.value.width
       }, c = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
@@ -432,15 +432,15 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Z(k.value.dataset) && (t = [
+      Z(y.value.dataset) && (t = [
         {
-          values: k.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: k.value.dataset.map((o, i) => i).slice(b.value.start, b.value.end),
+          values: y.value.dataset.slice(k.value.start, k.value.end),
+          absoluteIndices: y.value.dataset.map((o, i) => i).slice(k.value.start, k.value.end),
           name: e.value.title,
           color: de.value[e.value.paletteStartIndex] || U[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), ze(k.value.dataset) && (t = k.value.dataset.map((o, i) => ({
+      ]), ze(y.value.dataset) && (t = y.value.dataset.map((o, i) => ({
         ...o,
         values: o.VALUE || o.DATA || o.SERIE || o.SERIES || o.VALUES || o.NUM || 0,
         name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
@@ -448,8 +448,8 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
       })).map((o, i) => ({
         ...o,
         color: o.COLOR ? Ee(o.COLOR) : de.value[i + e.value.paletteStartIndex] || U[i + e.value.paletteStartIndex] || U[(i + e.value.paletteStartIndex) % U.length],
-        values: o.values.slice(b.value.start, b.value.end),
-        absoluteIndices: o.values.map((S, x) => x).slice(b.value.start, b.value.end)
+        values: o.values.slice(k.value.start, k.value.end),
+        absoluteIndices: o.values.map((b, x) => x).slice(k.value.start, k.value.end)
       })));
       const n = {
         max: Math.max(...t.filter((o) => !w.value.includes(o.id)).flatMap((o) => o.values)),
@@ -461,15 +461,15 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         value: o
       })), K = t.map((o, i) => ({
         ...o,
-        coordinates: o.values.map((S, x) => ({
+        coordinates: o.values.map((b, x) => ({
           x: c.left + B * (x + 1) - B / 2,
-          y: c.bottom - (S + h) / (r.max + h) * c.height,
-          value: S
+          y: c.bottom - (b + h) / (r.max + h) * c.height,
+          value: b
         }))
       })).map((o) => {
         let i = [];
-        return o.coordinates.forEach((S) => {
-          i.push(`${S.x},${S.y} `);
+        return o.coordinates.forEach((b) => {
+          i.push(`${b.x},${b.y} `);
         }), {
           ...o,
           linePath: i.join(" ")
@@ -483,14 +483,14 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
           absoluteIndex: x.absoluteIndices[o]
         })).filter((x) => !w.value.includes(x.id));
         ve.value = { datapoint: i, seriesIndex: o, config: e.value, dataset: t };
-        const S = e.value.tooltipCustomFormat;
-        if (Ae(S) && Ne(() => S({
+        const b = e.value.tooltipCustomFormat;
+        if (Ae(b) && Ne(() => b({
           datapoint: i,
           seriesIndex: o,
           series: t,
           config: e.value
         })))
-          Q.value = S({
+          Q.value = b({
             datapoint: i,
             seriesIndex: o,
             series: t,
@@ -538,8 +538,8 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
     }), v = D(() => {
       if (z.value !== A.BAR) return null;
       const u = {
-        height: y.value.height,
-        width: y.value.width
+        height: S.value.height,
+        width: S.value.width
       }, c = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
@@ -549,24 +549,24 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Z(k.value.dataset) && (t = [
+      Z(y.value.dataset) && (t = [
         {
-          values: k.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: k.value.dataset.map((i, S) => S).slice(b.value.start, b.value.end),
+          values: y.value.dataset.slice(k.value.start, k.value.end),
+          absoluteIndices: y.value.dataset.map((i, b) => b).slice(k.value.start, k.value.end),
           name: e.value.title,
           color: de.value[e.value.paletteStartIndex] || U[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), ze(k.value.dataset) && (t = k.value.dataset.map((i, S) => ({
+      ]), ze(y.value.dataset) && (t = y.value.dataset.map((i, b) => ({
         ...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) => ({
+        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${b}`,
+        id: `bar_${b}`
+      })).map((i, b) => ({
         ...i,
-        color: i.COLOR ? Ee(i.COLOR) : de.value[S + e.value.paletteStartIndex] || U[S + e.value.paletteStartIndex] || U[(S + e.value.paletteStartIndex) % U.length],
-        values: i.values.slice(b.value.start, b.value.end),
-        absoluteIndices: i.values.map((x, T) => T).slice(b.value.start, b.value.end)
+        color: i.COLOR ? Ee(i.COLOR) : de.value[b + e.value.paletteStartIndex] || U[b + e.value.paletteStartIndex] || U[(b + e.value.paletteStartIndex) % U.length],
+        values: i.values.slice(k.value.start, k.value.end),
+        absoluteIndices: i.values.map((x, T) => T).slice(k.value.start, k.value.end)
       })));
       const n = {
         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)),
@@ -576,24 +576,24 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         y: c.bottom - c.height * ((i + h) / (r.max + h)),
         x: c.left - 8,
         value: i
-      })), K = t.map((i, S) => ({
+      })), K = t.map((i, b) => ({
         ...i,
         coordinates: i.values.map((x, T) => {
           const F = (x + h) / (n.max + h) * c.height, fe = Math.abs(x) / Math.abs(n.min) * (c.height - N), Ce = h / (n.max + h) * c.height, ge = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
-            x: c.left + B * T + ge * S + e.value.barGap / 2,
+            x: c.left + B * T + ge * b + e.value.barGap / 2,
             y: x > 0 ? c.bottom - F : N,
             height: x > 0 ? F - Ce : fe,
             value: x,
             width: ge
           };
         })
-      })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, S) => ({
+      })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, b) => ({
         ...i,
         coordinates: i.values.map((x, T) => {
           const F = (x + h) / (n.max + h) * c.height, fe = Math.abs(x) / (n.max + h) * c.height, Ce = h / (n.max + h) * c.height, ge = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
-            x: c.left + B * T + ge * S + e.value.barGap / 2,
+            x: c.left + B * T + ge * b + e.value.barGap / 2,
             y: x > 0 ? c.bottom - F : N,
             height: x > 0 ? F - Ce : fe,
             value: x,
@@ -603,28 +603,28 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
       }));
       function ee(i) {
         W.value = i, Y.value = i;
-        const S = t.map((T) => ({
+        const b = t.map((T) => ({
           ...T,
           value: T.values[i],
           absoluteIndex: T.absoluteIndices[i]
         })).filter((T) => !w.value.includes(T.id));
-        ve.value = { datapoint: S, seriesIndex: i, config: e.value, dataset: t };
+        ve.value = { datapoint: b, seriesIndex: i, config: e.value, dataset: t };
         const x = e.value.tooltipCustomFormat;
         if (Ae(x) && Ne(() => x({
-          datapoint: S,
+          datapoint: b,
           seriesIndex: i,
           series: t,
           config: e.value
         })))
           Q.value = x({
-            point: S,
+            point: b,
             seriesIndex: i,
             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((F, fe) => {
+          e.value.xyPeriods[b[0].absoluteIndex] && (T += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[b[0].absoluteIndex]}</div>`), b.forEach((F, fe) => {
             T += `
                     <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="${F.color}"/></svg>
@@ -779,7 +779,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
             (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l(m, null, [
               C.value.isArcBigEnough(t) ? (a(), l("path", {
                 key: 0,
-                d: f(St)(t, { x: y.value.width / 2, y: y.value.height / 2 }, 16, 16, !1, !1, y.value.height * je.value),
+                d: f(St)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * je.value),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
@@ -789,46 +789,41 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               }, null, 8, Gt)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
-          _("circle", {
-            class: "donut-hollow",
-            cx: (e.value.width || y.value.width) / 2,
-            cy: (e.value.height || y.value.height) / 2,
-            r: (e.value.height || y.value.height) * e.value.donutRadiusRatio,
-            fill: e.value.backgroundColor
-          }, null, 8, Ht),
           _("circle", {
             cx: C.value.cx,
             cy: C.value.cy,
             r: C.value.radius,
             fill: e.value.backgroundColor,
             filter: e.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
-          }, null, 8, Xt),
-          _("g", Zt, [
+          }, null, 8, Ht),
+          _("g", Xt, [
             (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
               filter: he(t.id)
-            }, null, 8, Yt))), 256)),
+            }, null, 8, Zt))), 256)),
             (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: "transparent",
               onMouseenter: (r) => C.value.useTooltip({ datapoint: t, seriesIndex: n }),
               onMouseout: c[0] || (c[0] = (r) => C.value.killTooltip()),
               onClick: (r) => g("selectDatapoint", t)
-            }, null, 40, Jt))), 256))
+            }, null, 40, Yt))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Qt, [
+          e.value.showDataLabels ? (a(), l("g", Jt, [
             (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l(m, null, [
               C.value.isArcBigEnough(t) ? (a(), l("circle", {
                 key: 0,
                 cx: f(pe)(t).x,
                 cy: f(Re)(t) - 3.7,
                 fill: t.color,
+                stroke: e.value.backgroundColor,
+                "stroke-width": 1,
                 r: 3,
                 filter: he(t.id)
-              }, null, 8, Kt)) : p("", !0),
+              }, null, 8, Qt)) : p("", !0),
               C.value.isArcBigEnough(t) ? (a(), l("text", {
                 key: 1,
                 "text-anchor": f(pe)(t, !0, 20).anchor,
@@ -847,7 +842,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )) + ") ", 9, ea)) : p("", !0),
+              )) + ") ", 9, Kt)) : p("", !0),
               C.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
                 "text-anchor": f(pe)(t).anchor,
@@ -856,17 +851,17 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: he(t.id)
-              }, E(t.name), 9, ta)) : p("", !0)
+              }, E(t.name), 9, ea)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
-          e.value.donutShowTotal ? (a(), l("g", aa, [
+          e.value.donutShowTotal ? (a(), l("g", ta, [
             _("text", {
               "text-anchor": "middle",
               x: C.value.drawingArea.centerX,
               y: C.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, E(e.value.donutTotalLabelText), 9, la),
+            }, E(e.value.donutTotalLabelText), 9, aa),
             _("text", {
               "text-anchor": "middle",
               x: C.value.drawingArea.centerX,
@@ -878,11 +873,11 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               v: C.value.total,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
-            })), 9, oa)
+            })), 9, la)
           ])) : p("", !0)
         ], 64)) : p("", !0),
         z.value === A.LINE ? (a(), l(m, { key: 1 }, [
-          e.value.xyShowGrid ? (a(), l("g", ia, [
+          e.value.xyShowGrid ? (a(), l("g", oa, [
             (a(!0), l(m, null, L(d.value.yLabels, (t) => (a(), l(m, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -893,7 +888,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ua)) : p("", !0)
+              }, null, 8, ia)) : p("", !0)
             ], 64))), 256)),
             (a(!0), l(m, null, L(d.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
               x1: d.value.drawingArea.left + d.value.slotSize * n,
@@ -903,9 +898,9 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, na))), 256))
+            }, null, 8, ua))), 256))
           ])) : p("", !0),
-          e.value.xyShowAxis ? (a(), l("g", ra, [
+          e.value.xyShowAxis ? (a(), l("g", na, [
             _("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.left,
@@ -914,7 +909,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, sa),
+            }, null, 8, ra),
             _("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.right,
@@ -923,9 +918,9 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, va)
+            }, null, 8, sa)
           ])) : p("", !0),
-          e.value.xyShowScale ? (a(), l("g", da, [
+          e.value.xyShowScale ? (a(), l("g", va, [
             (a(!0), l(m, null, L(d.value.yLabels, (t, n) => (a(), l(m, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -936,7 +931,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ca)) : p("", !0),
+              }, null, 8, da)) : p("", !0),
               t.y <= d.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -954,11 +949,11 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )), 9, ha)) : p("", !0)
+              )), 9, ca)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", fa, [
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("line", {
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", ha, [
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("line", {
               x1: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
               x2: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
               y1: d.value.drawingArea.bottom,
@@ -966,16 +961,16 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ga))), 256)),
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("text", {
+            }, null, 8, fa))), 256)),
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (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(${d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-            }, E(t), 9, ma))), 256))
+            }, E(t), 9, ga))), 256))
           ])) : p("", !0),
-          _("g", pa, [
-            (a(!0), l(m, null, L(d.value.dataset, (t, n) => (a(), l("g", xa, [
+          _("g", ma, [
+            (a(!0), l(m, null, L(d.value.dataset, (t, n) => (a(), l("g", pa, [
               e.value.lineSmooth ? (a(), l(m, { key: 0 }, [
                 _("path", {
                   d: `M ${f(Xe)(t.coordinates)}`,
@@ -985,7 +980,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, ya),
+                }, null, 10, xa),
                 _("path", {
                   d: `M ${f(Xe)(t.coordinates)}`,
                   stroke: t.color,
@@ -994,7 +989,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, ka)
+                }, null, 10, ya)
               ], 64)) : (a(), l(m, { key: 1 }, [
                 _("path", {
                   d: `M ${t.linePath}`,
@@ -1004,7 +999,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, ba),
+                }, null, 10, ka),
                 _("path", {
                   d: `M ${t.linePath}`,
                   stroke: t.color,
@@ -1013,7 +1008,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Sa)
+                }, null, 10, ba)
               ], 64)),
               (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("circle", {
                 cx: r.x,
@@ -1024,10 +1019,10 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 "stroke-width": "0.5",
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, null, 8, wa))), 256))
+              }, null, 8, Sa))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", _a, [
+          e.value.showDataLabels ? (a(), l("g", wa, [
             (a(!0), l(m, null, L(d.value.dataset, (t, n) => (a(), l(m, null, [
               (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("text", {
                 "text-anchor": "middle",
@@ -1047,10 +1042,10 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, Aa))), 256))
+              )), 9, _a))), 256))
             ], 64))), 256))
           ])) : p("", !0),
-          _("g", La, [
+          _("g", Aa, [
             (a(!0), l(m, null, L(d.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
               x: d.value.drawingArea.left + n * d.value.slotSize,
               y: d.value.drawingArea.top,
@@ -1064,11 +1059,11 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 ...h,
                 value: h.values[n]
               })))
-            }, null, 44, za))), 256))
+            }, null, 44, La))), 256))
           ])
         ], 64)) : p("", !0),
         z.value === A.BAR ? (a(), l(m, { key: 2 }, [
-          e.value.xyShowGrid ? (a(), l("g", $a, [
+          e.value.xyShowGrid ? (a(), l("g", za, [
             (a(!0), l(m, null, L(v.value.yLabels, (t) => (a(), l(m, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1079,7 +1074,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ca)) : p("", !0)
+              }, null, 8, $a)) : p("", !0)
             ], 64))), 256)),
             (a(!0), l(m, null, L(v.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * n,
@@ -1089,9 +1084,9 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Pa))), 256))
+            }, null, 8, Ca))), 256))
           ])) : p("", !0),
-          e.value.xyShowAxis ? (a(), l("g", Ta, [
+          e.value.xyShowAxis ? (a(), l("g", Pa, [
             _("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.left,
@@ -1100,7 +1095,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ia),
+            }, null, 8, Ta),
             _("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.right,
@@ -1109,9 +1104,9 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ea)
+            }, null, 8, Ia)
           ])) : p("", !0),
-          e.value.xyShowScale ? (a(), l("g", Ra, [
+          e.value.xyShowScale ? (a(), l("g", Ea, [
             (a(!0), l(m, null, L(v.value.yLabels, (t, n) => (a(), l(m, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1122,7 +1117,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Na)) : p("", !0),
+              }, null, 8, Ra)) : p("", !0),
               t.y <= v.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -1140,11 +1135,11 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )), 9, Oa)) : p("", !0)
+              )), 9, Na)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Fa, [
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("line", {
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Oa, [
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2,
               x2: v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2,
               y1: v.value.drawingArea.bottom,
@@ -1152,15 +1147,15 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ma))), 256)),
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("text", {
+            }, null, 8, Fa))), 256)),
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
               fill: e.value.color
-            }, E(t), 9, Ba))), 256))
+            }, E(t), 9, Ma))), 256))
           ])) : p("", !0),
-          _("g", Ua, [
+          _("g", Ba, [
             (a(!0), l(m, null, L(v.value.dataset, (t, n) => (a(), l(m, null, [
               (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("rect", {
                 x: r.x,
@@ -1179,18 +1174,18 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   from: 0,
                   to: r.height,
                   dur: "0.5s"
-                }, null, 8, Va)) : p("", !0),
+                }, null, 8, Da)) : p("", !0),
                 e.value.barAnimated && r.value > 0 && !f(ke) && !f(be) ? (a(), l("animate", {
                   key: 1,
                   attributeName: "y",
                   from: v.value.absoluteZero,
                   to: v.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, qa)) : p("", !0)
-              ], 10, Da))), 256))
+                }, null, 8, Va)) : p("", !0)
+              ], 10, Ua))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Wa, [
+          e.value.showDataLabels ? (a(), l("g", qa, [
             (a(!0), l(m, null, L(v.value.dataset, (t, n) => (a(), l(m, null, [
               (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("text", {
                 x: r.x + r.width / 2,
@@ -1209,10 +1204,10 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, ja))), 256))
+              )), 9, Wa))), 256))
             ], 64))), 256))
           ])) : p("", !0),
-          _("g", Ga, [
+          _("g", ja, [
             (a(!0), l(m, null, L(v.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
               x: v.value.drawingArea.left + n * v.value.slotSize,
               y: v.value.drawingArea.top,
@@ -1226,43 +1221,43 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
                 ...h,
                 value: h.values[n]
               })))
-            }, null, 44, Ha))), 256))
+            }, null, 44, Ga))), 256))
           ])
         ], 64)) : p("", !0),
-        [A.LINE, A.BAR].includes(z.value) ? (a(), l("g", Xa, [
-          e.value.xAxisLabel && z.value === A.LINE ? (a(), l("g", Za, [
+        [A.LINE, A.BAR].includes(z.value) ? (a(), l("g", Ha, [
+          e.value.xAxisLabel && z.value === A.LINE ? (a(), l("g", Xa, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
               x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
-              y: y.value.height - e.value.axisLabelsFontSize / 3
-            }, E(e.value.xAxisLabel), 9, Ya)
+              y: S.value.height - e.value.axisLabelsFontSize / 3
+            }, E(e.value.xAxisLabel), 9, Za)
           ])) : p("", !0),
-          e.value.xAxisLabel && z.value === A.BAR ? (a(), l("g", Ja, [
+          e.value.xAxisLabel && z.value === A.BAR ? (a(), l("g", Ya, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
               x: v.value.drawingArea.left + v.value.drawingArea.width / 2,
-              y: y.value.height - e.value.axisLabelsFontSize / 3
-            }, E(e.value.xAxisLabel), 9, Qa)
+              y: S.value.height - e.value.axisLabelsFontSize / 3
+            }, E(e.value.xAxisLabel), 9, Ja)
           ])) : p("", !0),
-          e.value.yAxisLabel && z.value === A.LINE ? (a(), l("g", Ka, [
+          e.value.yAxisLabel && z.value === A.LINE ? (a(), l("g", Qa, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, E(e.value.yAxisLabel), 9, el)
+            }, E(e.value.yAxisLabel), 9, Ka)
           ])) : p("", !0),
-          e.value.yAxisLabel && z.value === A.BAR ? (a(), l("g", tl, [
+          e.value.yAxisLabel && z.value === A.BAR ? (a(), l("g", el, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${v.value.drawingArea.top + v.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, E(e.value.yAxisLabel), 9, al)
+            }, E(e.value.yAxisLabel), 9, tl)
           ])) : p("", !0)
         ])) : p("", !0)
       ], 12, Bt)) : p("", !0),
@@ -1284,10 +1279,10 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
           }
         }
       }, null, 8, ["config"])),
-      u.$slots.watermark ? (a(), l("div", ll, [
+      u.$slots.watermark ? (a(), l("div", al, [
         V(u.$slots, "watermark", J(me({ isPrinting: f(ke) || f(be) })), void 0, !0)
       ])) : p("", !0),
-      [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (a(), l("div", {
+      [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && y.value.maxSeriesLength > 1 ? (a(), l("div", {
         key: `slicer_${ye.value}`,
         ref_key: "quickChartSlicer",
         ref: se
@@ -1298,15 +1293,15 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
           useResetSlot: e.value.zoomUseResetSlot,
-          labelLeft: e.value.xyPeriods[b.value.start] ? e.value.xyPeriods[b.value.start] : "",
-          labelRight: e.value.xyPeriods[b.value.end - 1] ? e.value.xyPeriods[b.value.end - 1] : "",
+          labelLeft: e.value.xyPeriods[k.value.start] ? e.value.xyPeriods[k.value.start] : "",
+          labelRight: e.value.xyPeriods[k.value.end - 1] ? e.value.xyPeriods[k.value.end - 1] : "",
           textColor: e.value.color,
           inputColor: e.value.zoomColor,
           selectColor: e.value.zoomHighlightColor,
-          max: k.value.maxSeriesLength,
+          max: y.value.maxSeriesLength,
           min: 0,
-          valueStart: b.value.start,
-          valueEnd: b.value.end,
+          valueStart: k.value.start,
+          valueEnd: k.value.end,
           smoothMinimap: e.value.zoomMinimap.smooth,
           minimapSelectedColor: e.value.zoomMinimap.selectedColor,
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
@@ -1315,10 +1310,10 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
           minimap: ut.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           minimapSelectedIndex: Y.value,
-          start: b.value.start,
-          "onUpdate:start": c[3] || (c[3] = (t) => b.value.start = t),
-          end: b.value.end,
-          "onUpdate:end": c[4] || (c[4] = (t) => b.value.end = t),
+          start: k.value.start,
+          "onUpdate:start": c[3] || (c[3] = (t) => k.value.start = t),
+          end: k.value.end,
+          "onUpdate:end": c[4] || (c[4] = (t) => k.value.end = t),
           onReset: it,
           onTrapMouse: ot
         }, {
@@ -1379,7 +1374,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               r: e.value.dataLabelRoundingPercentage
             })) + ") ", 5))
           ], 64))
-        ], 12, ol))), 256)) : p("", !0),
+        ], 12, ll))), 256)) : p("", !0),
         z.value === A.LINE ? (a(!0), l(m, { key: 1 }, L(d.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
@@ -1397,7 +1392,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               style: O(`font-size:${e.value.legendFontSize}px`)
             }, E(t.name), 5)
           ], 64))
-        ], 12, il))), 256)) : p("", !0),
+        ], 12, ol))), 256)) : p("", !0),
         z.value === A.BAR ? (a(!0), l(m, { key: 2 }, L(v.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
@@ -1415,7 +1410,7 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
               style: O(`font-size:${e.value.legendFontSize}px`)
             }, E(t.name), 5)
           ], 64))
-        ], 12, ul))), 256)) : p("", !0)
+        ], 12, il))), 256)) : p("", !0)
       ], 4)) : p("", !0),
       re(At, {
         show: Se.value.showTooltip && G.value,
@@ -1440,15 +1435,15 @@ const et = (s) => (dt("data-v-85aefdcf"), s = s(), ct(), s), Mt = ["id"], Bt = [
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"])
-    ], 14, Mt)) : (a(), l("div", nl, [
+    ], 14, Mt)) : (a(), l("div", ul, [
       re(Le, {
         name: "circleCancel",
         stroke: "red"
       }),
-      rl
+      nl
     ]));
   }
-}, bl = /* @__PURE__ */ Tt(sl, [["__scopeId", "data-v-85aefdcf"]]);
+}, kl = /* @__PURE__ */ Tt(rl, [["__scopeId", "data-v-b839026c"]]);
 export {
-  bl as default
+  kl as default
 };