vue-data-ui 2.6.30 → 2.6.31

package/dist/{vue-ui-quick-chart-N_eJnDW6.js → vue-ui-quick-chart-BX3hOGEG.js}

@@ -1,14 +1,14 @@
-import { ref as L, computed as B, watch as Fe, onMounted as wt, onBeforeUnmount as At, nextTick as Ie, createElementBlock as l, openBlock as a, normalizeStyle as N, normalizeClass as ve, createBlock as Ee, createCommentVNode as f, createVNode as de, unref as g, createSlots as _t, withCtx as G, renderSlot as F, normalizeProps as ae, guardReactiveProps as le, toDisplayString as P, createElementVNode as _, Fragment as m, renderList as $, mergeProps as Me } from "vue";
-import { u as zt, c as Lt, t as $t, p as q, a as Ct, C as it, b as It, J as Et, e as Tt, d as Ue, m as Pt, D as nt, X as Ot, j as Rt, k as Be, n as ke, i as X, f as D, S as ut, v as Z, x as Te, y as De } from "./index-DE2bSxF0.js";
-import { t as Nt, u as Ft } from "./useResponsive-vZgZwV-S.js";
-import Pe from "./BaseIcon-C4DFWCPQ.js";
-import { _ as Mt } from "./Tooltip-BoEfXPUr.js";
-import { u as Ut, U as Bt } from "./usePrinter-I_7yI4nF.js";
-import { S as Dt } from "./Slicer-DKa09VYX.js";
-import Vt from "./vue-ui-skeleton-B_hsPdj7.js";
-import { u as rt } from "./useNestedProp-BHQyCZVK.js";
-import { _ as qt } from "./PackageVersion-BqivyRli.js";
-import { P as Wt } from "./PenAndPaper-CkSxK8EU.js";
+import { ref as L, computed as B, watch as Ne, onMounted as wt, onBeforeUnmount as At, nextTick as Ie, createElementBlock as l, openBlock as a, normalizeStyle as M, normalizeClass as ve, createBlock as Ee, createCommentVNode as f, createVNode as de, unref as g, createSlots as _t, withCtx as X, renderSlot as N, normalizeProps as ae, guardReactiveProps as le, toDisplayString as O, createElementVNode as _, Fragment as m, renderList as $, mergeProps as Fe } from "vue";
+import { u as zt, c as Lt, t as $t, p as q, a as Ct, C as nt, b as It, J as Et, e as Pt, d as Ue, m as Ot, D as it, X as Tt, j as Rt, k as Be, n as ke, i as Z, f as D, S as ut, v as Y, x as Pe, y as De } from "./index-CHWA6Lnw.js";
+import { t as Mt, u as Nt } from "./useResponsive-vZgZwV-S.js";
+import Oe from "./BaseIcon-AmoKryXo.js";
+import { _ as Ft } from "./Tooltip-eCCz9HFo.js";
+import { u as Ut, U as Bt } from "./usePrinter-DibtVl2x.js";
+import { S as Dt } from "./Slicer-qokIr-TL.js";
+import Vt from "./vue-ui-skeleton-BSUFPx4a.js";
+import { u as rt } from "./useNestedProp-ByBiJC9_.js";
+import { _ as qt } from "./PackageVersion-DcMafJMi.js";
+import { P as Wt } from "./PenAndPaper-ljJaW1FE.js";
 import { u as Ht } from "./useChartAccessibility-BWojgys7.js";
 import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
@@ -17,23 +17,23 @@ const A = {
   DONUT: "DONUT"
 }, Gt = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
 function Xt({ dataset: c, barLineSwitch: C = 6 }) {
-  let p = null, M = null, O = 0;
-  if ((typeof c == "number" || typeof c == "string") && console.warn(`The provided dataset (${c}) is not sufficient to build a chart`), be(c) && (Y(c) && (c.length < C ? p = A.BAR : p = A.LINE, M = c, O = c.length), Oe(c))) {
+  let y = null, F = null, T = 0;
+  if ((typeof c == "number" || typeof c == "string") && console.warn(`The provided dataset (${c}) is not sufficient to build a chart`), be(c) && (J(c) && (c.length < C ? y = A.BAR : y = A.LINE, F = c, T = c.length), Te(c))) {
     if (!Yt(c))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-    const ie = Object.keys(c[0]), ce = Object.values(c[0]);
-    if (!ie.some((E) => Jt(E)))
+    const ne = Object.keys(c[0]), ce = Object.values(c[0]);
+    if (!ne.some((E) => Jt(E)))
       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;
-    st(ce, (E) => typeof E == "number") && (p = A.DONUT, M = c), st(ce, (E) => Array.isArray(E) && Y(E)) && (vt(c) > C ? p = A.LINE : p = A.BAR, O = vt(c), M = c.map((E) => ({
+    st(ce, (E) => typeof E == "number") && (y = A.DONUT, F = c), st(ce, (E) => Array.isArray(E) && J(E)) && (vt(c) > C ? y = A.LINE : y = A.BAR, T = vt(c), F = c.map((E) => ({
       ...E,
-      data: Qt(E, (j) => Y(j))
-    }))), c = c.map((E) => dt(E)), M = M.map((E) => dt(E));
+      data: Qt(E, (j) => J(j))
+    }))), c = c.map((E) => dt(E)), F = F.map((E) => dt(E));
   }
-  return be(c) && [...new Set(c.flatMap((ie) => Array.isArray(ie)))][0], {
+  return be(c) && [...new Set(c.flatMap((ne) => Array.isArray(ne)))][0], {
     dataset: c,
-    type: p,
-    usableDataset: M,
-    maxSeriesLength: O
+    type: y,
+    usableDataset: F,
+    maxSeriesLength: T
   };
 }
 function ct(c) {
@@ -42,20 +42,20 @@ function ct(c) {
 function be(c) {
   return Array.isArray(c);
 }
-function Y(c) {
+function J(c) {
   if (!be(c) || ct(c)) return !1;
-  const C = c.map((p) => Number(p));
-  return ![...new Set(C.flatMap((p) => typeof p == "number" && !isNaN(p)))].includes(!1);
+  const C = c.map((y) => Number(y));
+  return ![...new Set(C.flatMap((y) => typeof y == "number" && !isNaN(y)))].includes(!1);
 }
-function Oe(c) {
-  return !be(c) || ct(c) || !![...new Set(c.flatMap((p) => typeof p == "object" && !Array.isArray(p)))].includes(!1) ? !1 : !c.map((p) => Object.keys(p).length > 0).includes(!1);
+function Te(c) {
+  return !be(c) || ct(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 Zt(c, C) {
-  const p = Object.keys(c).sort(), M = Object.keys(C).sort();
-  if (p.length !== M.length)
+  const y = Object.keys(c).sort(), F = Object.keys(C).sort();
+  if (y.length !== F.length)
     return !1;
-  for (let O = 0; O < p.length; O += 1) {
-    const H = p[O], oe = M[O];
+  for (let T = 0; T < y.length; T += 1) {
+    const H = y[T], oe = F[T];
     if (H !== oe || typeof c[H] != typeof C[oe])
       return !1;
   }
@@ -64,8 +64,8 @@ function Zt(c, C) {
 function Yt(c) {
   if (c.length <= 1) return !0;
   for (let C = 0; C < c.length; C += 1)
-    for (let p = C + 1; p < c.length; p += 1)
-      if (!Zt(c[C], c[p]))
+    for (let y = C + 1; y < c.length; y += 1)
+      if (!Zt(c[C], c[y]))
         return !1;
   return !0;
 }
@@ -73,24 +73,24 @@ function Jt(c) {
   return Gt.includes(c.toUpperCase());
 }
 function st(c, C) {
-  let p = [];
-  for (let M = 0; M < c.length; M += 1)
-    p.push(C(c[M]));
-  return p.includes(!0);
+  let y = [];
+  for (let F = 0; F < c.length; F += 1)
+    y.push(C(c[F]));
+  return y.includes(!0);
 }
 function vt(c) {
-  return Math.max(...[...c].flatMap((C) => Object.values(C).filter((p) => Y(p)).map((p) => p.length)));
+  return Math.max(...[...c].flatMap((C) => Object.values(C).filter((y) => J(y)).map((y) => y.length)));
 }
 function Qt(c, C) {
-  return Object.values(c).filter((p) => C(p))[0];
+  return Object.values(c).filter((y) => C(y))[0];
 }
 function dt(c) {
   const C = {};
-  for (let p in c)
-    c.hasOwnProperty(p) && (C[p.toUpperCase()] = c[p]);
+  for (let y in c)
+    c.hasOwnProperty(y) && (C[y.toUpperCase()] = c[y]);
   return C;
 }
-const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"], aa = ["x", "y", "width", "height"], la = ["width", "height"], oa = ["id"], ia = ["id"], na = ["id"], ua = ["flood-color"], ra = {
+const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"], aa = ["x", "y", "width", "height"], la = ["width", "height"], oa = ["id"], na = ["id"], ia = ["id"], ua = ["flood-color"], ra = {
   key: 0,
   class: "donut-label-connectors"
 }, sa = ["d", "stroke", "stroke-width", "filter"], va = ["cx", "cy", "r", "fill", "filter"], da = { class: "donut" }, ca = ["d", "fill", "stroke", "stroke-width", "filter"], ha = ["d", "onMouseenter", "onClick"], fa = {
@@ -111,7 +111,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
 }, $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = ["x", "y", "font-size", "fill"], Ia = {
   key: 3,
   class: "periodLabels"
-}, Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ta = ["font-size", "text-anchor", "fill", "transform"], Pa = { class: "plots" }, Oa = { class: "line-plot-series" }, Ra = ["d", "stroke", "stroke-width"], Na = ["d", "stroke", "stroke-width"], Fa = ["d", "stroke", "stroke-width"], Ma = ["d", "stroke", "stroke-width"], Ua = ["cx", "cy", "fill", "stroke"], Ba = {
+}, Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = ["font-size", "text-anchor", "fill", "transform"], Oa = { class: "plots" }, Ta = { class: "line-plot-series" }, Ra = ["d", "stroke", "stroke-width"], Ma = ["d", "stroke", "stroke-width"], Na = ["d", "stroke", "stroke-width"], Fa = ["d", "stroke", "stroke-width"], Ua = ["cx", "cy", "fill", "stroke"], Ba = {
   key: 4,
   class: "dataLabels"
 }, Da = ["font-size", "fill", "x", "y"], Va = { class: "tooltip-traps" }, qa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Wa = {
@@ -126,7 +126,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
 }, Ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qa = ["x", "y", "font-size", "fill"], Ka = {
   key: 3,
   class: "periodLabels"
-}, el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], tl = ["font-size", "text-anchor", "transform", "fill"], al = { class: "plots" }, ll = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], ol = ["to"], il = ["from", "to"], nl = {
+}, el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], tl = ["font-size", "text-anchor", "transform", "fill"], al = { class: "plots" }, ll = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], ol = ["to"], nl = ["from", "to"], il = {
   key: 4,
   class: "dataLabels"
 }, ul = ["x", "y", "font-size", "fill"], rl = { class: "tooltip-traps" }, sl = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], vl = {
@@ -155,8 +155,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint", "selectLegend"],
-  setup(c, { expose: C, emit: p }) {
-    const { vue_ui_quick_chart: M } = zt(), O = c, H = L(null), oe = L(null), ie = L(null), ce = L(null), E = L(Lt()), j = L(!1), he = L(null), Q = L(""), W = L(null), Ve = L(null), qe = L(null), w = L([]), We = L(0), Se = L(0), e = B({
+  setup(c, { expose: C, emit: y }) {
+    const { vue_ui_quick_chart: F } = zt(), T = c, H = L(null), oe = L(null), ne = L(null), ce = L(null), E = L(Lt()), j = L(!1), he = L(null), Q = L(""), W = L(null), Ve = L(null), qe = L(null), w = L([]), We = L(0), Se = L(0), e = B({
       get: () => Xe(),
       set: (o) => o
     }), { svgRef: He } = Ht({ config: { text: e.value.title } }), ht = B(() => e.value.showUserOptionsOnChartHover), je = B(() => e.value.keepUserOptionsStateOnChartLeave), we = L(!e.value.showUserOptionsOnChartHover);
@@ -165,25 +165,25 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     }
     function Xe() {
       const o = rt({
-        userConfig: O.config,
-        defaultConfig: M
+        userConfig: T.config,
+        defaultConfig: F
       });
       let s = {};
       return o.theme ? s = {
         ...rt({
-          userConfig: Ct.vue_ui_quick_chart[o.theme] || O.config,
+          userConfig: Ct.vue_ui_quick_chart[o.theme] || T.config,
           defaultConfig: o
         }),
         customPalette: $t[o.theme] || q
-      } : s = o, O.config && it(O.config, "zoomStartIndex") ? s.zoomStartIndex = O.config.zoomStartIndex : s.zoomStartIndex = null, O.config && it(O.config, "zoomEndIndex") ? s.zoomEndIndex = O.config.zoomEndIndex : s.zoomEndIndex = null, s;
+      } : s = o, T.config && nt(T.config, "zoomStartIndex") ? s.zoomStartIndex = T.config.zoomStartIndex : s.zoomStartIndex = null, T.config && nt(T.config, "zoomEndIndex") ? s.zoomEndIndex = T.config.zoomEndIndex : s.zoomEndIndex = null, s;
     }
-    Fe(() => O.config, (o) => {
-      e.value = Xe(), k.value.width = e.value.width, k.value.height = e.value.height, we.value = !e.value.showUserOptionsOnChartHover, Je(), me.value.showTooltip = e.value.showTooltip;
-    }, { deep: !0 }), Fe(() => O.dataset, (o) => {
-      y.value = ge.value, b.value.start = 0, b.value.end = y.value.maxSeriesLength, Se.value += 1;
+    Ne(() => T.config, (o) => {
+      e.value = Xe(), b.value.width = e.value.width, b.value.height = e.value.height, we.value = !e.value.showUserOptionsOnChartHover, Je(), me.value.showTooltip = e.value.showTooltip;
+    }, { deep: !0 }), Ne(() => T.dataset, (o) => {
+      x.value = ge.value, p.value.start = 0, p.value.end = x.value.maxSeriesLength, Se.value += 1;
     }, { deep: !0 });
-    const fe = B(() => It(e.value.customPalette)), ne = p, ge = B(() => {
-      const o = Xt({ dataset: Et(O.dataset, [
+    const fe = B(() => It(e.value.customPalette)), ie = y, ge = B(() => {
+      const o = Xt({ dataset: Et(T.dataset, [
         "serie",
         "series",
         "data",
@@ -192,9 +192,9 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return o || console.error("VueUiQuickChart : Dataset is not processable"), o;
-    }), y = L(ge.value), ft = B(() => !!y.value), z = B(() => y.value ? y.value.type : null);
-    Fe(() => z.value, (o) => {
-      o || Tt({
+    }), x = L(ge.value), ft = B(() => !!x.value), z = B(() => x.value ? x.value.type : null);
+    Ne(() => z.value, (o) => {
+      o || Pt({
         componentName: "VueUiQuickChart",
         type: "dataset"
       });
@@ -202,7 +202,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     const { isPrinting: Ae, isImaging: _e, generatePdf: Ze, generateImage: Ye } = Ut({
       elementId: `${z.value}_${E.value}`,
       fileName: e.value.title || z.value
-    }), gt = B(() => e.value.showUserOptions && !e.value.title), k = L({
+    }), gt = B(() => e.value.showUserOptions && !e.value.title), b = L({
       width: e.value.width,
       height: e.value.height
     }), me = L({
@@ -213,17 +213,17 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     });
     function Je() {
       if (e.value.responsive) {
-        const o = Nt(() => {
-          const { width: s, height: t } = Ft({
+        const o = Mt(() => {
+          const { width: s, height: t } = Nt({
             chart: H.value,
             title: e.value.title ? oe.value : null,
-            legend: e.value.showLegend ? ie.value : null,
-            slicer: [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && y.value.maxSeriesLength > 1 ? ce.value : null,
+            legend: e.value.showLegend ? ne.value : null,
+            slicer: [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? ce.value : null,
             source: Ve.value,
             noTitle: qe.value
           });
           requestAnimationFrame(() => {
-            k.value.width = s, k.value.height = t;
+            b.value.width = s, b.value.height = t;
           });
         });
         ze.value = new ResizeObserver(o), ze.value.observe(H.value.parentNode);
@@ -236,13 +236,13 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     const mt = B(() => {
       switch (z.value) {
         case A.LINE:
-          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
         case A.BAR:
-          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
         case A.DONUT:
-          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
         default:
-          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
       }
     });
     function Qe(o) {
@@ -261,16 +261,16 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
       const u = ge.value.dataset.find((r, h) => o.id === `donut_${h}`).VALUE;
       if (w.value.includes(o.id)) {
         let r = function() {
-          t > u ? (Le.value = !1, cancelAnimationFrame(tt.value), y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          t > u ? (Le.value = !1, cancelAnimationFrame(tt.value), x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
               ...h,
               value: u,
               VALUE: u
             } : h)
-          }) : (t += u * 0.025, y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          }) : (t += u * 0.025, x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
               ...h,
               value: t,
               VALUE: t
@@ -280,16 +280,16 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         w.value = w.value.filter((h) => h !== o.id), r();
       } else if (s.length > 1) {
         let r = function() {
-          t < u / 100 ? (Le.value = !1, cancelAnimationFrame(et.value), w.value.push(o.id), y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          t < u / 100 ? (Le.value = !1, cancelAnimationFrame(et.value), w.value.push(o.id), x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
               ...h,
               value: 0,
               VALUE: 0
             } : h)
-          }) : (t /= 1.1, y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          }) : (t /= 1.1, x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
               ...h,
               value: t,
               VALUE: t
@@ -299,81 +299,81 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         r();
       }
     }
-    const J = L(null);
+    const G = L(null);
     function yt(o) {
-      J.value = o;
+      G.value = o;
     }
     const at = B(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), I = B(() => {
       if (z.value !== A.DONUT) return null;
-      const o = y.value.dataset.map((i, n) => ({
-        ...i,
-        value: i.VALUE || i.DATA || i.SERIE || i.VALUES || i.NUM || 0,
-        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${n}`,
-        id: `donut_${n}`
-      })).map((i, n) => ({
-        ...i,
-        color: i.COLOR ? Ue(i.COLOR) : fe.value[n + e.value.paletteStartIndex] || q[n + e.value.paletteStartIndex] || q[(n + e.value.paletteStartIndex) % q.length],
-        immutableValue: i.value
+      const o = x.value.dataset.map((n, i) => ({
+        ...n,
+        value: n.VALUE || n.DATA || n.SERIE || n.VALUES || n.NUM || 0,
+        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${i}`,
+        id: `donut_${i}`
+      })).map((n, i) => ({
+        ...n,
+        color: n.COLOR ? Ue(n.COLOR) : fe.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
+        immutableValue: n.value
       }));
-      function s(i, n) {
+      function s(n, i) {
         return D({
-          v: isNaN(i.value / Qe(n)) ? 0 : i.value / Qe(n) * 100,
+          v: isNaN(n.value / Qe(i)) ? 0 : n.value / Qe(i) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
       }
-      function t(i) {
-        return i.proportion * 100 > e.value.donutHideLabelUnderPercentage;
+      function t(n) {
+        return n.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
-      function u(i, n) {
-        const S = ge.value.dataset.find((T, U) => `donut_${U}` === i).VALUE;
-        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(n.toFixed(0))).length);
+      function u(n, i) {
+        const S = ge.value.dataset.find((P, U) => `donut_${U}` === n).VALUE;
+        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(i.toFixed(0))).length);
       }
-      function r({ datapoint: i, seriesIndex: n }) {
-        he.value = { datapoint: i, seriesIndex: n, config: e.value, dataset: o }, W.value = i.id;
+      function r({ datapoint: n, seriesIndex: i }) {
+        he.value = { datapoint: n, seriesIndex: i, config: e.value, dataset: o }, W.value = n.id;
         const S = e.value.tooltipCustomFormat;
-        if (Te(S) && De(() => S({
-          datapoint: i,
-          seriesIndex: n,
+        if (Pe(S) && De(() => S({
+          datapoint: n,
+          seriesIndex: i,
           series: o,
           config: e.value
         })))
           Q.value = S({
-            datapoint: i,
-            seriesIndex: n,
+            datapoint: n,
+            seriesIndex: i,
             series: o,
             config: e.value
           });
         else {
-          let x = "";
-          x += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${i.name}</div>`, x += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${i.color}"/></svg>`, x += `<b>${X(
+          let k = "";
+          k += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${n.name}</div>`, k += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${n.color}"/></svg>`, k += `<b>${Z(
             e.value.formatter,
-            i.value,
+            n.value,
             D({
               p: e.value.valuePrefix,
-              v: i.value,
+              v: n.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
-            { datapoint: i, seriesIndex: n }
-          )}</b>`, x += `<span>(${D({ v: i.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, Q.value = `<div>${x}</div>`;
+            { datapoint: n, seriesIndex: i }
+          )}</b>`, k += `<span>(${D({ v: n.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, Q.value = `<div>${k}</div>`;
         }
         j.value = !0;
       }
       function h() {
-        j.value = !1, W.value = null, J.value = null;
+        j.value = !1, W.value = null, G.value = null;
       }
       const R = {
-        centerX: k.value.width / 2,
-        centerY: k.value.height / 2
-      }, V = o.filter((i) => !w.value.includes(i.id)).map((i) => i.value || 0).reduce((i, n) => i + n, 0), re = o.map((i, n) => ({
-        ...i,
-        proportion: (i.value || 0) / V,
-        value: i.value || 0,
-        absoluteValue: ge.value.dataset.find((S, x) => `donut_${x}` === i.id).VALUE
-      })), K = k.value.width / 2, se = k.value.height / 2, ee = k.value.height * e.value.donutRadiusRatio;
+        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), re = o.map((n, i) => ({
+        ...n,
+        proportion: (n.value || 0) / V,
+        value: n.value || 0,
+        absoluteValue: ge.value.dataset.find((S, k) => `donut_${k}` === n.id).VALUE
+      })), K = b.value.width / 2, se = b.value.height / 2, ee = b.value.height * e.value.donutRadiusRatio;
       return {
-        dataset: re.filter((i) => !w.value.includes(i.id)),
+        dataset: re.filter((n) => !w.value.includes(n.id)),
         legend: re,
         drawingArea: R,
         displayArcPercentage: s,
@@ -385,8 +385,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         cx: K,
         cy: se,
         radius: ee,
-        chart: Pt(
-          { series: o.filter((i) => !w.value.includes(i.id)) },
+        chart: Ot(
+          { series: o.filter((n) => !w.value.includes(n.id)) },
           K,
           se,
           ee,
@@ -396,37 +396,37 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           1,
           360,
           105.25,
-          k.value.height * at.value
+          b.value.height * at.value
         )
       };
-    }), b = L({
+    }), p = L({
       start: 0,
-      end: y.value.maxSeriesLength
+      end: x.value.maxSeriesLength
     });
     function xt() {
       lt();
     }
     const ue = L(null);
     async function lt() {
-      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ue.value ? (e.value.zoomStartIndex !== null && (await Ie(), await Ie(), ue.value && ue.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Ie(), await Ie(), ue.value && ue.value.setEndValue(kt(e.value.zoomEndIndex + 1)))) : (b.value = {
+      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ue.value ? (e.value.zoomStartIndex !== null && (await Ie(), await Ie(), ue.value && ue.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Ie(), await Ie(), ue.value && ue.value.setEndValue(kt(e.value.zoomEndIndex + 1)))) : (p.value = {
         start: 0,
-        end: y.value.maxSeriesLength
+        end: x.value.maxSeriesLength
       }, Se.value += 1);
     }
     function kt(o) {
-      const s = y.value.maxSeriesLength;
+      const s = x.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 bt = B(() => {
       if (!e.value.zoomMinimap.show || z.value === A.DONUT) return [];
       let o = [];
-      Y(y.value.dataset) && (o = y.value.dataset), Oe(y.value.dataset) && (o = y.value.dataset.map((r, h) => ({
+      J(x.value.dataset) && (o = x.value.dataset), Te(x.value.dataset) && (o = x.value.dataset.map((r, h) => ({
         values: r.VALUE || r.DATA || r.SERIE || r.SERIES || r.VALUES || r.NUM || 0,
         id: z.value === A.LINE ? `line_${h}` : `bar_${h}`
       })).filter((r) => !w.value.includes(r.id)));
-      const s = Y(o) ? o.length : Math.max(...o.map((r) => r.values.length));
+      const s = J(o) ? o.length : Math.max(...o.map((r) => r.values.length));
       let t = [];
-      if (Y(o))
+      if (J(o))
         t = o;
       else
         for (let r = 0; r < s; r += 1)
@@ -436,8 +436,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     }), d = B(() => {
       if (z.value !== A.LINE) return null;
       const o = {
-        height: k.value.height,
-        width: k.value.width
+        height: b.value.height,
+        width: b.value.width
       }, s = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
@@ -447,101 +447,101 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         height: o.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Y(y.value.dataset) && (t = [
+      J(x.value.dataset) && (t = [
         {
-          values: y.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: y.value.dataset.map((i, n) => n).slice(b.value.start, b.value.end),
+          values: x.value.dataset.slice(p.value.start, p.value.end),
+          absoluteIndices: x.value.dataset.map((n, i) => i).slice(p.value.start, p.value.end),
           name: e.value.title,
           color: fe.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Oe(y.value.dataset) && (t = y.value.dataset.map((i, n) => ({
-        ...i,
-        values: i.VALUE || i.DATA || i.SERIE || i.SERIES || i.VALUES || i.NUM || 0,
-        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${n}`,
-        id: `line_${n}`
-      })).map((i, n) => ({
-        ...i,
-        color: i.COLOR ? Ue(i.COLOR) : fe.value[n + e.value.paletteStartIndex] || q[n + e.value.paletteStartIndex] || q[(n + e.value.paletteStartIndex) % q.length],
-        values: i.values.slice(b.value.start, b.value.end),
-        absoluteIndices: i.values.map((S, x) => x).slice(b.value.start, b.value.end)
+      ]), Te(x.value.dataset) && (t = x.value.dataset.map((n, i) => ({
+        ...n,
+        values: n.VALUE || n.DATA || n.SERIE || n.SERIES || n.VALUES || n.NUM || 0,
+        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${i}`,
+        id: `line_${i}`
+      })).map((n, i) => ({
+        ...n,
+        color: n.COLOR ? Ue(n.COLOR) : fe.value[i + e.value.paletteStartIndex] || q[i + e.value.paletteStartIndex] || q[(i + e.value.paletteStartIndex) % q.length],
+        values: n.values.slice(p.value.start, p.value.end),
+        absoluteIndices: n.values.map((S, k) => k).slice(p.value.start, p.value.end)
       })));
       const u = {
-        max: Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)),
-        min: Math.min(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)),
-        maxSeries: Math.max(...t.map((i) => i.values.length))
-      }, r = nt(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), h = u.min < 0 ? Math.abs(u.min) : 0, R = u.max < 0 ? s.top : s.bottom - h / (r.max + h) * s.height, V = s.width / u.maxSeries, re = r.ticks.map((i) => ({
-        y: s.bottom - s.height * ((i + h) / (r.max + h)),
+        max: Math.max(...t.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)),
+        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 = it(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), h = u.min < 0 ? Math.abs(u.min) : 0, R = u.max < 0 ? s.top : s.bottom - h / (r.max + h) * s.height, V = s.width / u.maxSeries, re = r.ticks.map((n) => ({
+        y: s.bottom - s.height * ((n + h) / (r.max + h)),
         x: s.left - 8,
-        value: i
-      })), K = t.map((i, n) => ({
-        ...i,
-        coordinates: i.values.map((S, x) => ({
-          x: s.left + V * (x + 1) - V / 2,
+        value: n
+      })), K = 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,
           value: S
         }))
-      })).map((i) => {
-        let n = [];
-        return i.coordinates.forEach((S) => {
-          n.push(`${S.x},${S.y} `);
+      })).map((n) => {
+        let i = [];
+        return n.coordinates.forEach((S) => {
+          i.push(`${S.x},${S.y} `);
         }), {
-          ...i,
-          linePath: n.join(" ")
+          ...n,
+          linePath: i.join(" ")
         };
       });
-      function se(i) {
-        W.value = i, J.value = i;
-        const n = t.map((x) => ({
-          ...x,
-          value: x.values[i],
-          absoluteIndex: x.absoluteIndices[i]
-        })).filter((x) => !w.value.includes(x.id));
-        he.value = { datapoint: n, seriesIndex: i, config: e.value, dataset: t };
+      function se(n) {
+        W.value = n, G.value = n;
+        const i = t.map((k) => ({
+          ...k,
+          value: k.values[n],
+          absoluteIndex: k.absoluteIndices[n]
+        })).filter((k) => !w.value.includes(k.id));
+        he.value = { datapoint: i, seriesIndex: n, config: e.value, dataset: t };
         const S = e.value.tooltipCustomFormat;
-        if (Te(S) && De(() => S({
-          datapoint: n,
-          seriesIndex: i,
+        if (Pe(S) && De(() => S({
+          datapoint: i,
+          seriesIndex: n,
           series: t,
           config: e.value
         })))
           Q.value = S({
-            datapoint: n,
-            seriesIndex: i,
+            datapoint: i,
+            seriesIndex: n,
             series: t,
             config: e.value
           });
         else {
-          let x = "";
-          e.value.xyPeriods[n[0].absoluteIndex] && (x += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[n[0].absoluteIndex]}</div>`), n.forEach((T, U) => {
-            x += `
+          let k = "";
+          e.value.xyPeriods[i[0].absoluteIndex] && (k += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[i[0].absoluteIndex]}</div>`), i.forEach((P, U) => {
+            k += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${T.color}"/></svg>
-                        <span>${T.name}:</span>
-                        <b>${X(
+                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${P.color}"/></svg>
+                        <span>${P.name}:</span>
+                        <b>${Z(
               e.value.formatter,
-              T.value,
+              P.value,
               D({
                 p: e.value.valuePrefix,
-                v: T.value,
+                v: P.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: T, seriesIndex: U }
+              { datapoint: P, seriesIndex: U }
             )}
                         </b>
                     </div>
                 `;
-          }), Q.value = x;
+          }), Q.value = k;
         }
         j.value = !0;
       }
       function ee() {
-        W.value = null, j.value = !1;
+        W.value = null, G.value = null, j.value = !1;
       }
       return {
         absoluteZero: R,
-        dataset: K.filter((i) => !w.value.includes(i.id)),
+        dataset: K.filter((n) => !w.value.includes(n.id)),
         legend: K,
         drawingArea: s,
         extremes: u,
@@ -553,8 +553,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     }), v = B(() => {
       if (z.value !== A.BAR) return null;
       const o = {
-        height: k.value.height,
-        width: k.value.width
+        height: b.value.height,
+        width: b.value.width
       }, s = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
@@ -564,87 +564,87 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         height: o.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Y(y.value.dataset) && (t = [
+      J(x.value.dataset) && (t = [
         {
-          values: y.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: y.value.dataset.map((n, S) => S).slice(b.value.start, b.value.end),
+          values: x.value.dataset.slice(p.value.start, p.value.end),
+          absoluteIndices: x.value.dataset.map((i, S) => S).slice(p.value.start, p.value.end),
           name: e.value.title,
           color: fe.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Oe(y.value.dataset) && (t = y.value.dataset.map((n, S) => ({
-        ...n,
-        values: n.VALUE || n.DATA || n.SERIE || n.SERIES || n.VALUES || n.NUM || 0,
-        name: n.NAME || n.DESCRIPTION || n.TITLE || n.LABEL || `Serie ${S}`,
+      ]), Te(x.value.dataset) && (t = x.value.dataset.map((i, S) => ({
+        ...i,
+        values: i.VALUE || i.DATA || i.SERIE || i.SERIES || i.VALUES || i.NUM || 0,
+        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${S}`,
         id: `bar_${S}`
-      })).map((n, S) => ({
-        ...n,
-        color: n.COLOR ? Ue(n.COLOR) : fe.value[S + e.value.paletteStartIndex] || q[S + e.value.paletteStartIndex] || q[(S + e.value.paletteStartIndex) % q.length],
-        values: n.values.slice(b.value.start, b.value.end),
-        absoluteIndices: n.values.map((x, T) => T).slice(b.value.start, b.value.end)
+      })).map((i, S) => ({
+        ...i,
+        color: i.COLOR ? Ue(i.COLOR) : fe.value[S + e.value.paletteStartIndex] || q[S + e.value.paletteStartIndex] || q[(S + e.value.paletteStartIndex) % q.length],
+        values: i.values.slice(p.value.start, p.value.end),
+        absoluteIndices: i.values.map((k, P) => P).slice(p.value.start, p.value.end)
       })));
       const u = {
-        max: Math.max(...t.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)) < 0 ? 0 : Math.max(...t.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)),
-        min: Math.min(...t.filter((n) => !w.value.includes(n.id)).flatMap((n) => n.values)),
-        maxSeries: Math.max(...t.filter((n) => !w.value.includes(n.id)).map((n) => n.values.length))
-      }, r = nt(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, R = s.bottom - h / (r.max + h) * s.height, V = s.width / u.maxSeries, re = r.ticks.map((n) => ({
-        y: s.bottom - s.height * ((n + h) / (r.max + h)),
+        max: Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)) < 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 = it(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, R = s.bottom - h / (r.max + h) * s.height, V = s.width / u.maxSeries, re = r.ticks.map((i) => ({
+        y: s.bottom - s.height * ((i + h) / (r.max + h)),
         x: s.left - 8,
-        value: n
-      })), K = t.map((n, S) => ({
-        ...n,
-        coordinates: n.values.map((x, T) => {
-          const U = (x + h) / (u.max + h) * s.height, ye = Math.abs(x) / Math.abs(u.min) * (s.height - R), Ne = h / (u.max + h) * s.height, xe = V / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+        value: i
+      })), K = t.map((i, S) => ({
+        ...i,
+        coordinates: i.values.map((k, P) => {
+          const U = (k + h) / (u.max + h) * s.height, ye = Math.abs(k) / Math.abs(u.min) * (s.height - R), Me = h / (u.max + h) * s.height, xe = V / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
-            x: s.left + V * T + xe * S + e.value.barGap / 2,
-            y: x > 0 ? s.bottom - U : R,
-            height: x > 0 ? U - Ne : ye,
-            value: x,
+            x: s.left + V * P + xe * S + e.value.barGap / 2,
+            y: k > 0 ? s.bottom - U : R,
+            height: k > 0 ? U - Me : ye,
+            value: k,
             width: xe
           };
         })
-      })), se = t.filter((n) => !w.value.includes(n.id)).map((n, S) => ({
-        ...n,
-        coordinates: n.values.map((x, T) => {
-          const U = (x + h) / (u.max + h) * s.height, ye = Math.abs(x) / (u.max + h) * s.height, Ne = h / (u.max + h) * s.height, xe = V / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+      })), se = t.filter((i) => !w.value.includes(i.id)).map((i, S) => ({
+        ...i,
+        coordinates: i.values.map((k, P) => {
+          const U = (k + h) / (u.max + h) * s.height, ye = Math.abs(k) / (u.max + h) * s.height, Me = h / (u.max + h) * s.height, xe = V / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
-            x: s.left + V * T + xe * S + e.value.barGap / 2,
-            y: x > 0 ? s.bottom - U : R,
-            height: x > 0 ? U - Ne : ye,
-            value: x,
+            x: s.left + V * P + xe * S + e.value.barGap / 2,
+            y: k > 0 ? s.bottom - U : R,
+            height: k > 0 ? U - Me : ye,
+            value: k,
             width: xe
           };
         })
       }));
-      function ee(n) {
-        W.value = n, J.value = n;
-        const S = t.map((T) => ({
-          ...T,
-          value: T.values[n],
-          absoluteIndex: T.absoluteIndices[n]
-        })).filter((T) => !w.value.includes(T.id));
-        he.value = { datapoint: S, seriesIndex: n, config: e.value, dataset: t };
-        const x = e.value.tooltipCustomFormat;
-        if (Te(x) && De(() => x({
+      function ee(i) {
+        W.value = i, G.value = i;
+        const S = t.map((P) => ({
+          ...P,
+          value: P.values[i],
+          absoluteIndex: P.absoluteIndices[i]
+        })).filter((P) => !w.value.includes(P.id));
+        he.value = { datapoint: S, seriesIndex: i, config: e.value, dataset: t };
+        const k = e.value.tooltipCustomFormat;
+        if (Pe(k) && De(() => k({
           datapoint: S,
-          seriesIndex: n,
+          seriesIndex: i,
           series: t,
           config: e.value
         })))
-          Q.value = x({
+          Q.value = k({
             point: S,
-            seriesIndex: n,
+            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((U, ye) => {
-            T += `
+          let P = "";
+          e.value.xyPeriods[S[0].absoluteIndex] && (P += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[S[0].absoluteIndex]}</div>`), S.forEach((U, ye) => {
+            P += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${U.color}"/></svg>
                         <span>${U.name}:</span>
-                        <b>${X(
+                        <b>${Z(
               e.value.formatter,
               U.value,
               D({
@@ -658,23 +658,23 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                         </b>
                     </div>
                 `;
-          }), Q.value = T;
+          }), Q.value = P;
         }
         j.value = !0;
       }
-      function i() {
-        j.value = !1, W.value = null, J.value = null;
+      function n() {
+        j.value = !1, W.value = null, G.value = null;
       }
       return {
         absoluteZero: R,
-        dataset: se.filter((n) => !w.value.includes(n.id)),
+        dataset: se.filter((i) => !w.value.includes(i.id)),
         legend: K,
         drawingArea: s,
         extremes: u,
         slotSize: V,
         yLabels: re,
         useTooltip: ee,
-        killTooltip: i
+        killTooltip: n
       };
     }), $e = L(!1);
     function St(o) {
@@ -698,7 +698,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
       ref_key: "quickChart",
       ref: H,
       class: ve({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": $e.value }),
-      style: N(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
+      style: M(`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] = () => Ge(!0)),
       onMouseleave: s[6] || (s[6] = () => Ge(!1))
     }, [
@@ -742,49 +742,49 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         onGenerateImage: g(Ye),
         onToggleTooltip: ot,
         onToggleAnnotator: Re,
-        style: N({
+        style: M({
           visibility: je.value ? we.value ? "visible" : "hidden" : "visible"
         })
       }, _t({ _: 2 }, [
         o.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: G(({ isOpen: t, color: u }) => [
-            F(o.$slots, "menuIcon", ae(le({ isOpen: t, color: u })), void 0, !0)
+          fn: X(({ isOpen: t, color: u }) => [
+            N(o.$slots, "menuIcon", ae(le({ isOpen: t, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         o.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: G(() => [
-            F(o.$slots, "optionTooltip", {}, void 0, !0)
+          fn: X(() => [
+            N(o.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         o.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: G(() => [
-            F(o.$slots, "optionPdf", {}, void 0, !0)
+          fn: X(() => [
+            N(o.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         o.$slots.optionImg ? {
           name: "optionImg",
-          fn: G(() => [
-            F(o.$slots, "optionImg", {}, void 0, !0)
+          fn: X(() => [
+            N(o.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         o.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: G(({ toggleFullscreen: t, isFullscreen: u }) => [
-            F(o.$slots, "optionFullscreen", ae(le({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+          fn: X(({ toggleFullscreen: t, isFullscreen: u }) => [
+            N(o.$slots, "optionFullscreen", ae(le({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         o.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: G(({ toggleAnnotator: t, isAnnotator: u }) => [
-            F(o.$slots, "optionAnnotator", ae(le({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
+          fn: X(({ toggleAnnotator: t, isAnnotator: u }) => [
+            N(o.$slots, "optionAnnotator", ae(le({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
           ]),
           key: "5"
         } : void 0
@@ -794,15 +794,15 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         ref_key: "quickChartTitle",
         ref: oe,
         class: "vue-ui-quick-chart-title",
-        style: N(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
-      }, P(e.value.title), 5)) : f("", !0),
+        style: M(`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)) : f("", !0),
       z.value ? (a(), l("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: He,
-        xmlns: g(Ot),
+        xmlns: g(Tt),
         viewBox: mt.value,
-        style: N(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
+        style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
         de(qt),
         o.$slots["chart-background"] && z.value === A.BAR ? (a(), l("foreignObject", {
@@ -815,7 +815,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             pointerEvents: "none"
           }
         }, [
-          F(o.$slots, "chart-background", {}, void 0, !0)
+          N(o.$slots, "chart-background", {}, void 0, !0)
         ], 8, ta)) : f("", !0),
         o.$slots["chart-background"] && z.value === A.LINE ? (a(), l("foreignObject", {
           key: 1,
@@ -827,19 +827,19 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             pointerEvents: "none"
           }
         }, [
-          F(o.$slots, "chart-background", {}, void 0, !0)
+          N(o.$slots, "chart-background", {}, void 0, !0)
         ], 8, aa)) : f("", !0),
         o.$slots["chart-background"] && z.value === A.DONUT ? (a(), l("foreignObject", {
           key: 2,
           x: 0,
           y: 0,
-          width: k.value.width,
-          height: k.value.height,
+          width: b.value.width,
+          height: b.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
-          F(o.$slots, "chart-background", {}, void 0, !0)
+          N(o.$slots, "chart-background", {}, void 0, !0)
         ], 8, la)) : f("", !0),
         _("defs", null, [
           _("filter", {
@@ -853,7 +853,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${E.value}`
-            }, null, 8, ia),
+            }, null, 8, na),
             s[7] || (s[7] = _("feColorMatrix", {
               type: "saturate",
               values: "0"
@@ -870,14 +870,14 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               "flood-opacity": "0.5",
               "flood-color": e.value.donutShadowColor
             }, null, 8, ua)
-          ], 8, na)
+          ], 8, ia)
         ]),
         z.value === A.DONUT ? (a(), l(m, { key: 3 }, [
           e.value.showDataLabels ? (a(), l("g", ra, [
             (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l(m, null, [
               I.value.isArcBigEnough(t) ? (a(), l("path", {
                 key: 0,
-                d: g(Rt)(t, { x: k.value.width / 2, y: k.value.height / 2 }, 16, 16, !1, !1, k.value.height * at.value),
+                d: g(Rt)(t, { x: b.value.width / 2, y: b.value.height / 2 }, 16, 16, !1, !1, b.value.height * at.value),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
@@ -907,7 +907,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               fill: "transparent",
               onMouseenter: (r) => I.value.useTooltip({ datapoint: t, seriesIndex: u }),
               onMouseout: s[0] || (s[0] = (r) => I.value.killTooltip()),
-              onClick: (r) => ne("selectDatapoint", t)
+              onClick: (r) => ie("selectDatapoint", t)
             }, null, 40, ha))), 256))
           ]),
           e.value.showDataLabels ? (a(), l("g", fa, [
@@ -930,7 +930,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: pe(t.id)
-              }, P(I.value.displayArcPercentage(t, I.value.chart)) + " (" + P(g(X)(
+              }, O(I.value.displayArcPercentage(t, I.value.chart)) + " (" + O(g(Z)(
                 e.value.formatter,
                 t.value,
                 g(D)({
@@ -949,7 +949,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: pe(t.id)
-              }, P(t.name), 9, pa)) : f("", !0)
+              }, O(t.name), 9, pa)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
           e.value.donutShowTotal ? (a(), l("g", ya, [
@@ -959,14 +959,14 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               y: I.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, P(e.value.donutTotalLabelText), 9, xa),
+            }, O(e.value.donutTotalLabelText), 9, xa),
             _("text", {
               "text-anchor": "middle",
               x: I.value.drawingArea.centerX,
               y: I.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, P(g(D)({
+            }, O(g(D)({
               p: e.value.valuePrefix,
               v: I.value.total,
               s: e.value.valueSuffix,
@@ -1037,7 +1037,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                 "text-anchor": "end",
                 "font-size": e.value.xyLabelsYFontSize,
                 fill: e.value.color
-              }, P(g(X)(
+              }, O(g(Z)(
                 e.value.formatter,
                 t.value,
                 g(D)({
@@ -1051,24 +1051,28 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             ], 64))), 256))
           ])) : f("", !0),
           e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ia, [
-            (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("line", {
-              x1: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
-              x2: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
-              y1: d.value.drawingArea.bottom,
-              y2: d.value.drawingArea.bottom + 4,
-              stroke: e.value.xyAxisStroke,
-              "stroke-width": e.value.xyAxisStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, Ea))), 256)),
-            (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("text", {
-              "font-size": e.value.xyLabelsXFontSize,
-              "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-              fill: e.value.color,
-              transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-            }, P(t), 9, Ta))), 256))
+            (a(!0), l(m, null, $(e.value.xyPeriods.slice(p.value.start, p.value.end), (t, u) => (a(), l(m, null, [
+              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && u % Math.floor((p.value.end - p.value.start) / e.value.xyPeriodsModulo) === 0 || p.value.end - p.value.start <= e.value.xyPeriodsModulo ? (a(), l("line", {
+                key: 0,
+                x1: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
+                x2: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
+                y1: d.value.drawingArea.bottom,
+                y2: d.value.drawingArea.bottom + 4,
+                stroke: e.value.xyAxisStroke,
+                "stroke-width": e.value.xyAxisStrokeWidth,
+                "stroke-linecap": "round"
+              }, null, 8, Ea)) : f("", !0),
+              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && u % Math.floor((p.value.end - p.value.start) / e.value.xyPeriodsModulo) === 0 || p.value.end - p.value.start <= e.value.xyPeriodsModulo ? (a(), l("text", {
+                key: 1,
+                "font-size": e.value.xyLabelsXFontSize,
+                "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
+                fill: e.value.color,
+                transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
+              }, O(t), 9, Pa)) : f("", !0)
+            ], 64))), 256))
           ])) : f("", !0),
-          _("g", Pa, [
-            (a(!0), l(m, null, $(d.value.dataset, (t, u) => (a(), l("g", Oa, [
+          _("g", Oa, [
+            (a(!0), l(m, null, $(d.value.dataset, (t, u) => (a(), l("g", Ta, [
               e.value.lineSmooth ? (a(), l(m, { key: 0 }, [
                 _("path", {
                   d: `M ${g(ut)(t.coordinates)}`,
@@ -1087,7 +1091,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   fill: "none",
                   class: ve({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Na)
+                }, null, 10, Ma)
               ], 64)) : (a(), l(m, { key: 1 }, [
                 _("path", {
                   d: `M ${t.linePath}`,
@@ -1097,7 +1101,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   fill: "none",
                   class: ve({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Fa),
+                }, null, 10, Na),
                 _("path", {
                   d: `M ${t.linePath}`,
                   stroke: t.color,
@@ -1106,11 +1110,11 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   fill: "none",
                   class: ve({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Ma)
+                }, null, 10, Fa)
               ], 64)),
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("circle", {
                 cx: r.x,
-                cy: g(Z)(r.y),
+                cy: g(Y)(r.y),
                 r: 3,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
@@ -1127,15 +1131,15 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
                 x: r.x,
-                y: g(Z)(r.y) - e.value.dataLabelFontSize / 2,
+                y: g(Y)(r.y) - e.value.dataLabelFontSize / 2,
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, P(g(X)(
+              }, O(g(Z)(
                 e.value.formatter,
-                g(Z)(r.value),
+                g(Y)(r.value),
                 g(D)({
                   p: e.value.valuePrefix,
-                  v: g(Z)(r.value),
+                  v: g(Y)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
@@ -1149,11 +1153,11 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               y: d.value.drawingArea.top,
               height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
               width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
-              fill: [W.value, J.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
-              style: N(`opacity:${e.value.xyHighlighterOpacity}`),
+              fill: [W.value, G.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
+              style: M(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => d.value.useTooltip(u),
               onMouseleave: s[1] || (s[1] = (r) => d.value.killTooltip()),
-              onClick: (r) => ne("selectDatapoint", d.value.dataset.map((h) => ({
+              onClick: (r) => ie("selectDatapoint", d.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[u]
               })))
@@ -1223,7 +1227,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                 "text-anchor": "end",
                 "font-size": e.value.xyLabelsYFontSize,
                 fill: e.value.color
-              }, P(g(X)(
+              }, O(g(Z)(
                 e.value.formatter,
                 t.value,
                 g(D)({
@@ -1237,7 +1241,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             ], 64))), 256))
           ])) : f("", !0),
           e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ka, [
-            (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("line", {
+            (a(!0), l(m, null, $(e.value.xyPeriods.slice(p.value.start, p.value.end), (t, u) => (a(), l("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2,
               x2: v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2,
               y1: v.value.drawingArea.bottom,
@@ -1246,20 +1250,20 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
             }, null, 8, el))), 256)),
-            (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("text", {
+            (a(!0), l(m, null, $(e.value.xyPeriods.slice(p.value.start, p.value.end), (t, u) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
               fill: e.value.color
-            }, P(t), 9, tl))), 256))
+            }, O(t), 9, tl))), 256))
           ])) : f("", !0),
           _("g", al, [
             (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("rect", {
                 x: r.x,
                 width: r.width <= 0 ? 1e-5 : r.width,
-                height: g(Z)(r.height <= 0 ? 1e-5 : r.height),
-                y: g(Z)(r.y),
+                height: g(Y)(r.height <= 0 ? 1e-5 : r.height),
+                y: g(Y)(r.y),
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
@@ -1279,25 +1283,25 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   from: v.value.absoluteZero,
                   to: v.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, il)) : f("", !0)
+                }, null, 8, nl)) : f("", !0)
               ], 10, ll))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", nl, [
+          e.value.showDataLabels ? (a(), l("g", il, [
             (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", {
                 x: r.x + r.width / 2,
-                y: g(Z)(r.y) - e.value.dataLabelFontSize / 2,
+                y: g(Y)(r.y) - e.value.dataLabelFontSize / 2,
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
                 class: "quick-animation"
-              }, P(g(X)(
+              }, O(g(Z)(
                 e.value.formatter,
-                g(Z)(r.value),
+                g(Y)(r.value),
                 g(D)({
                   p: e.value.valuePrefix,
-                  v: g(Z)(r.value),
+                  v: g(Y)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
@@ -1311,11 +1315,11 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               y: v.value.drawingArea.top,
               height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
               width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
-              fill: [W.value, J.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
-              style: N(`opacity:${e.value.xyHighlighterOpacity}`),
+              fill: [W.value, G.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
+              style: M(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => v.value.useTooltip(u),
               onMouseleave: s[2] || (s[2] = (r) => v.value.killTooltip()),
-              onClick: (r) => ne("selectDatapoint", v.value.dataset.map((h) => ({
+              onClick: (r) => ie("selectDatapoint", v.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[u]
               })))
@@ -1329,8 +1333,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               fill: e.value.color,
               "text-anchor": "middle",
               x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
-              y: k.value.height - e.value.axisLabelsFontSize / 3
-            }, P(e.value.xAxisLabel), 9, cl)
+              y: b.value.height - e.value.axisLabelsFontSize / 3
+            }, O(e.value.xAxisLabel), 9, cl)
           ])) : f("", !0),
           e.value.xAxisLabel && z.value === A.BAR ? (a(), l("g", hl, [
             _("text", {
@@ -1338,8 +1342,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               fill: e.value.color,
               "text-anchor": "middle",
               x: v.value.drawingArea.left + v.value.drawingArea.width / 2,
-              y: k.value.height - e.value.axisLabelsFontSize / 3
-            }, P(e.value.xAxisLabel), 9, fl)
+              y: b.value.height - e.value.axisLabelsFontSize / 3
+            }, O(e.value.xAxisLabel), 9, fl)
           ])) : f("", !0),
           e.value.yAxisLabel && z.value === A.LINE ? (a(), l("g", gl, [
             _("text", {
@@ -1347,7 +1351,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, P(e.value.yAxisLabel), 9, ml)
+            }, O(e.value.yAxisLabel), 9, ml)
           ])) : f("", !0),
           e.value.yAxisLabel && z.value === A.BAR ? (a(), l("g", pl, [
             _("text", {
@@ -1355,7 +1359,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${v.value.drawingArea.top + v.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, P(e.value.yAxisLabel), 9, yl)
+            }, O(e.value.yAxisLabel), 9, yl)
           ])) : f("", !0)
         ])) : f("", !0)
       ], 12, ea)) : f("", !0),
@@ -1378,9 +1382,9 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         }
       }, null, 8, ["config"])),
       o.$slots.watermark ? (a(), l("div", xl, [
-        F(o.$slots, "watermark", ae(le({ isPrinting: g(Ae) || g(_e) })), void 0, !0)
+        N(o.$slots, "watermark", ae(le({ isPrinting: g(Ae) || g(_e) })), void 0, !0)
       ])) : f("", !0),
-      [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && y.value.maxSeriesLength > 1 ? (a(), l("div", {
+      [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? (a(), l("div", {
         key: `slicer_${Se.value}`,
         ref_key: "quickChartSlicer",
         ref: ce
@@ -1393,15 +1397,15 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           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[p.value.start] ? e.value.xyPeriods[p.value.start] : "",
+          labelRight: e.value.xyPeriods[p.value.end - 1] ? e.value.xyPeriods[p.value.end - 1] : "",
           textColor: e.value.color,
           inputColor: e.value.zoomColor,
           selectColor: e.value.zoomHighlightColor,
-          max: y.value.maxSeriesLength,
+          max: x.value.maxSeriesLength,
           min: 0,
-          valueStart: b.value.start,
-          valueEnd: b.value.end,
+          valueStart: p.value.start,
+          valueEnd: p.value.end,
           smoothMinimap: e.value.zoomMinimap.smooth,
           minimapSelectedColor: e.value.zoomMinimap.selectedColor,
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
@@ -1410,20 +1414,20 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           minimap: bt.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           verticalHandles: e.value.zoomMinimap.verticalHandles,
-          minimapSelectedIndex: J.value,
-          start: b.value.start,
-          "onUpdate:start": s[3] || (s[3] = (t) => b.value.start = t),
-          end: b.value.end,
-          "onUpdate:end": s[4] || (s[4] = (t) => b.value.end = t),
+          minimapSelectedIndex: G.value,
+          start: p.value.start,
+          "onUpdate:start": s[3] || (s[3] = (t) => p.value.start = t),
+          end: p.value.end,
+          "onUpdate:end": s[4] || (s[4] = (t) => p.value.end = t),
           refreshStartPoint: e.value.zoomStartIndex !== null ? e.value.zoomStartIndex : 0,
-          refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : y.value.maxSeriesLength,
+          refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : x.value.maxSeriesLength,
           enableRangeHandles: e.value.zoomEnableRangeHandles,
           enableSelectionDrag: e.value.zoomEnableSelectionDrag,
           onReset: xt,
           onTrapMouse: yt
         }, {
-          "reset-action": G(({ reset: t }) => [
-            F(o.$slots, "reset-action", ae(le({ reset: t })), void 0, !0)
+          "reset-action": X(({ reset: t }) => [
+            N(o.$slots, "reset-action", ae(le({ reset: t })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"]))
@@ -1431,32 +1435,32 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
       e.value.showLegend ? (a(), l("div", {
         key: 8,
         ref_key: "quickChartLegend",
-        ref: ie,
+        ref: ne,
         class: "vue-ui-quick-chart-legend",
-        style: N(`background:transparent;color:${e.value.color}`)
+        style: M(`background:transparent;color:${e.value.color}`)
       }, [
         z.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) => {
-            pt(t, I.value.dataset), ne("selectLegend", t);
+            pt(t, I.value.dataset), ie("selectLegend", t);
           },
-          style: N(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: M(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? F(o.$slots, "legend", Me({
+          e.value.useCustomLegend ? N(o.$slots, "legend", Fe({
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            de(Pe, {
+            de(Oe, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             _("span", {
-              style: N(`font-size:${e.value.legendFontSize}px`)
-            }, P(t.name), 5),
+              style: M(`font-size:${e.value.legendFontSize}px`)
+            }, O(t.name), 5),
             _("span", {
-              style: N(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
-            }, P(w.value.includes(t.id) ? "-" : g(X)(
+              style: M(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
+            }, O(w.value.includes(t.id) ? "-" : g(Z)(
               e.value.formatter,
               t.absoluteValue,
               g(D)({
@@ -1469,14 +1473,14 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             )), 5),
             w.value.includes(t.id) ? (a(), l("span", {
               key: 0,
-              style: N(`font-size:${e.value.legendFontSize}px`)
+              style: M(`font-size:${e.value.legendFontSize}px`)
             }, " ( - % ) ", 4)) : Le.value ? (a(), l("span", {
               key: 1,
-              style: N(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+              style: M(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
             }, " ( - % ) ", 4)) : (a(), l("span", {
               key: 2,
-              style: N(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-            }, " (" + P(g(D)({
+              style: M(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+            }, " (" + O(g(D)({
               v: t.value / I.value.total * 100,
               s: "%",
               r: e.value.dataLabelRoundingPercentage
@@ -1486,43 +1490,43 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         z.value === A.LINE ? (a(!0), l(m, { key: 1 }, $(d.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            Ke(t.id, d.value.legend.length - 1), ne("selectLegend", t);
+            Ke(t.id, d.value.legend.length - 1), ie("selectLegend", t);
           },
-          style: N(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: M(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? F(o.$slots, "legend", Me({
+          e.value.useCustomLegend ? N(o.$slots, "legend", Fe({
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            de(Pe, {
+            de(Oe, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             _("span", {
-              style: N(`font-size:${e.value.legendFontSize}px`)
-            }, P(t.name), 5)
+              style: M(`font-size:${e.value.legendFontSize}px`)
+            }, O(t.name), 5)
           ], 64))
         ], 12, bl))), 256)) : f("", !0),
         z.value === A.BAR ? (a(!0), l(m, { key: 2 }, $(v.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            Ke(t.id, v.value.legend.length - 1), ne("selectLegend", t);
+            Ke(t.id, v.value.legend.length - 1), ie("selectLegend", t);
           },
-          style: N(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: M(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? F(o.$slots, "legend", Me({
+          e.value.useCustomLegend ? N(o.$slots, "legend", Fe({
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            de(Pe, {
+            de(Oe, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             _("span", {
-              style: N(`font-size:${e.value.legendFontSize}px`)
-            }, P(t.name), 5)
+              style: M(`font-size:${e.value.legendFontSize}px`)
+            }, O(t.name), 5)
           ], 64))
         ], 12, Sl))), 256)) : f("", !0)
       ], 4)) : f("", !0),
@@ -1532,9 +1536,9 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         ref: Ve,
         dir: "auto"
       }, [
-        F(o.$slots, "source", {}, void 0, !0)
+        N(o.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      de(Mt, {
+      de(Ft, {
         show: me.value.showTooltip && j.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
@@ -1548,25 +1552,25 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         parent: H.value,
         content: Q.value,
         isFullscreen: $e.value,
-        isCustom: g(Te)(e.value.tooltipCustomFormat)
+        isCustom: g(Pe)(e.value.tooltipCustomFormat)
       }, {
-        "tooltip-before": G(() => [
-          F(o.$slots, "tooltip-before", ae(le({ ...he.value })), void 0, !0)
+        "tooltip-before": X(() => [
+          N(o.$slots, "tooltip-before", ae(le({ ...he.value })), void 0, !0)
         ]),
-        "tooltip-after": G(() => [
-          F(o.$slots, "tooltip-after", ae(le({ ...he.value })), void 0, !0)
+        "tooltip-after": X(() => [
+          N(o.$slots, "tooltip-after", ae(le({ ...he.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"])
     ], 46, Kt)) : (a(), l("div", wl, [
-      de(Pe, {
+      de(Oe, {
         name: "circleCancel",
         stroke: "red"
       }),
       s[8] || (s[8] = _("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Ml = /* @__PURE__ */ jt(Al, [["__scopeId", "data-v-f99e90ae"]]);
+}, Fl = /* @__PURE__ */ jt(Al, [["__scopeId", "data-v-4444f63f"]]);
 export {
-  Ml as default
+  Fl as default
 };