vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-quick-chart-C9dIHRYi.js → vue-ui-quick-chart-C1AwFGSr.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 re, createBlock as Ee, createCommentVNode as f, createVNode as se, unref as g, createSlots as _t, withCtx as J, renderSlot as F, normalizeProps as ve, guardReactiveProps as de, 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 G, f as D, S as ut, v as X, x as Te, y as De } from "./index-DvAaY6OP.js";
-import { t as Nt, u as Ft } from "./useResponsive-BWapHhVH.js";
-import Pe from "./BaseIcon-nz-vbP7I.js";
-import { _ as Mt } from "./Tooltip-DRFQIslg.js";
-import { u as Ut, U as Bt } from "./usePrinter-D_2jA4x8.js";
-import { S as Dt } from "./Slicer-BIW17-XH.js";
-import Vt from "./vue-ui-skeleton-WoggMoff.js";
-import { u as rt } from "./useNestedProp-CGzX7c5Q.js";
-import { _ as qt } from "./PackageVersion-hltZM-fb.js";
-import { P as Wt } from "./PenAndPaper-qmkn1GhB.js";
+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-DUnEDLbc.js";
+import { t as Nt, u as Ft } from "./useResponsive-vZgZwV-S.js";
+import Pe from "./BaseIcon-DH34CAFx.js";
+import { _ as Mt } from "./Tooltip-BTO5NGkn.js";
+import { u as Ut, U as Bt } from "./usePrinter-Undaynpo.js";
+import { S as Dt } from "./Slicer-6F4tHrZR.js";
+import Vt from "./vue-ui-skeleton-DieABKlo.js";
+import { u as rt } from "./useNestedProp-CEMeoM-f.js";
+import { _ as qt } from "./PackageVersion-1Y7SXTrk.js";
+import { P as Wt } from "./PenAndPaper-BYhUvcy4.js";
 import { u as Ht } from "./useChartAccessibility-BWojgys7.js";
 import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
@@ -18,18 +18,18 @@ const A = {
 }, 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) && (Z(c) && (c.length < C ? p = A.BAR : p = A.LINE, M = c, O = c.length), Oe(c))) {
+  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))) {
     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 le = Object.keys(c[0]), ce = Object.values(c[0]);
-    if (!le.some((E) => Jt(E)))
+    const ie = Object.keys(c[0]), ce = Object.values(c[0]);
+    if (!ie.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) && Z(E)) && (vt(c) > C ? p = A.LINE : p = A.BAR, O = vt(c), M = c.map((E) => ({
+    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) => ({
       ...E,
-      data: Qt(E, (j) => Z(j))
+      data: Qt(E, (j) => Y(j))
     }))), c = c.map((E) => dt(E)), M = M.map((E) => dt(E));
   }
-  return be(c) && [...new Set(c.flatMap((le) => Array.isArray(le)))][0], {
+  return be(c) && [...new Set(c.flatMap((ie) => Array.isArray(ie)))][0], {
     dataset: c,
     type: p,
     usableDataset: M,
@@ -42,7 +42,7 @@ function ct(c) {
 function be(c) {
   return Array.isArray(c);
 }
-function Z(c) {
+function Y(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);
@@ -55,8 +55,8 @@ function Zt(c, C) {
   if (p.length !== M.length)
     return !1;
   for (let O = 0; O < p.length; O += 1) {
-    const H = p[O], ae = M[O];
-    if (H !== ae || typeof c[H] != typeof C[ae])
+    const H = p[O], oe = M[O];
+    if (H !== oe || typeof c[H] != typeof C[oe])
       return !1;
   }
   return !0;
@@ -79,7 +79,7 @@ function st(c, C) {
   return p.includes(!0);
 }
 function vt(c) {
-  return Math.max(...[...c].flatMap((C) => Object.values(C).filter((p) => Z(p)).map((p) => p.length)));
+  return Math.max(...[...c].flatMap((C) => Object.values(C).filter((p) => Y(p)).map((p) => p.length)));
 }
 function Qt(c, C) {
   return Object.values(c).filter((p) => C(p))[0];
@@ -96,10 +96,10 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
 }, 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 = {
   key: 1,
   class: "donut-labels quick-animation"
-}, ga = ["cx", "cy", "fill", "stroke", "filter"], ma = ["text-anchor", "x", "y", "fill", "font-size", "filter"], pa = ["text-anchor", "x", "y", "fill", "font-size", "filter"], xa = {
+}, ga = ["cx", "cy", "fill", "stroke", "filter"], ma = ["text-anchor", "x", "y", "fill", "font-size", "filter"], pa = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ya = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, ya = ["x", "y", "font-size", "fill"], ka = ["x", "y", "font-size", "fill"], ba = {
+}, xa = ["x", "y", "font-size", "fill"], ka = ["x", "y", "font-size", "fill"], ba = {
   key: 0,
   class: "line-grid"
 }, Sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Aa = {
@@ -132,7 +132,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
 }, ul = ["x", "y", "font-size", "fill"], rl = { class: "tooltip-traps" }, sl = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], vl = {
   key: 6,
   class: "axis-labels"
-}, dl = { key: 0 }, cl = ["font-size", "fill", "x", "y"], hl = { key: 1 }, fl = ["font-size", "fill", "x", "y"], gl = { key: 2 }, ml = ["font-size", "fill", "transform"], pl = { key: 3 }, xl = ["font-size", "fill", "transform"], yl = {
+}, dl = { key: 0 }, cl = ["font-size", "fill", "x", "y"], hl = { key: 1 }, fl = ["font-size", "fill", "x", "y"], gl = { key: 2 }, ml = ["font-size", "fill", "transform"], pl = { key: 3 }, yl = ["font-size", "fill", "transform"], xl = {
   key: 6,
   class: "vue-data-ui-watermark"
 }, kl = ["onClick"], bl = ["onClick"], Sl = ["onClick"], wl = {
@@ -156,7 +156,7 @@ 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), ae = L(null), le = 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({
+    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({
       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);
@@ -180,9 +180,9 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
     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) => {
-      x.value = ge.value, b.value.start = 0, b.value.end = x.value.maxSeriesLength, Se.value += 1;
+      y.value = ge.value, b.value.start = 0, b.value.end = y.value.maxSeriesLength, Se.value += 1;
     }, { deep: !0 });
-    const fe = B(() => It(e.value.customPalette)), oe = p, ge = B(() => {
+    const fe = B(() => It(e.value.customPalette)), ne = p, ge = B(() => {
       const o = Xt({ dataset: Et(O.dataset, [
         "serie",
         "series",
@@ -192,7 +192,7 @@ 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;
-    }), x = L(ge.value), ft = B(() => !!x.value), z = B(() => x.value ? x.value.type : null);
+    }), y = L(ge.value), ft = B(() => !!y.value), z = B(() => y.value ? y.value.type : null);
     Fe(() => z.value, (o) => {
       o || Tt({
         componentName: "VueUiQuickChart",
@@ -216,9 +216,9 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         const o = Nt(() => {
           const { width: s, height: t } = Ft({
             chart: H.value,
-            title: e.value.title ? ae.value : null,
-            legend: e.value.showLegend ? le.value : null,
-            slicer: [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? ce.value : null,
+            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,
             source: Ve.value,
             noTitle: qe.value
           });
@@ -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), x.value = {
-            ...x.value,
-            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          t > u ? (Le.value = !1, cancelAnimationFrame(tt.value), y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
               ...h,
               value: u,
               VALUE: u
             } : h)
-          }) : (t += u * 0.025, x.value = {
-            ...x.value,
-            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          }) : (t += u * 0.025, y.value = {
+            ...y.value,
+            dataset: y.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), x.value = {
-            ...x.value,
-            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          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}` ? {
               ...h,
               value: 0,
               VALUE: 0
             } : h)
-          }) : (t /= 1.1, x.value = {
-            ...x.value,
-            dataset: x.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
+          }) : (t /= 1.1, y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((h, R) => o.id === `donut_${R}` ? {
               ...h,
               value: t,
               VALUE: t
@@ -299,13 +299,13 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         r();
       }
     }
-    const Y = L(null);
-    function xt(o) {
-      Y.value = o;
+    const J = L(null);
+    function yt(o) {
+      J.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 = x.value.dataset.map((i, n) => ({
+      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}`,
@@ -345,8 +345,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             config: e.value
           });
         else {
-          let y = "";
-          y += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${i.name}</div>`, y += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${i.color}"/></svg>`, y += `<b>${G(
+          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(
             e.value.formatter,
             i.value,
             D({
@@ -356,25 +356,25 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               r: e.value.dataLabelRoundingValue
             }),
             { datapoint: i, seriesIndex: n }
-          )}</b>`, y += `<span>(${D({ v: i.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, Q.value = `<div>${y}</div>`;
+          )}</b>`, x += `<span>(${D({ v: i.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, Q.value = `<div>${x}</div>`;
         }
         j.value = !0;
       }
       function h() {
-        j.value = !1, W.value = null, Y.value = null;
+        j.value = !1, W.value = null, J.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), ne = o.map((i, n) => ({
+      }, 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, y) => `donut_${y}` === i.id).VALUE
-      })), K = k.value.width / 2, ue = k.value.height / 2, ee = k.value.height * e.value.donutRadiusRatio;
+        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;
       return {
-        dataset: ne.filter((i) => !w.value.includes(i.id)),
-        legend: ne,
+        dataset: re.filter((i) => !w.value.includes(i.id)),
+        legend: re,
         drawingArea: R,
         displayArcPercentage: s,
         isArcBigEnough: t,
@@ -383,12 +383,12 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         getSpaces: u,
         total: V,
         cx: K,
-        cy: ue,
+        cy: se,
         radius: ee,
         chart: Pt(
           { series: o.filter((i) => !w.value.includes(i.id)) },
           K,
-          ue,
+          se,
           ee,
           ee,
           1.99999,
@@ -401,32 +401,32 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
       };
     }), b = L({
       start: 0,
-      end: x.value.maxSeriesLength
+      end: y.value.maxSeriesLength
     });
-    function yt() {
+    function xt() {
       lt();
     }
-    const ie = L(null);
+    const ue = L(null);
     async function lt() {
-      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ie.value ? (e.value.zoomStartIndex !== null && (await Ie(), await Ie(), ie.value && ie.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Ie(), await Ie(), ie.value && ie.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)))) : (b.value = {
         start: 0,
-        end: x.value.maxSeriesLength
+        end: y.value.maxSeriesLength
       }, Se.value += 1);
     }
     function kt(o) {
-      const s = x.value.maxSeriesLength;
+      const s = y.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 = [];
-      Z(x.value.dataset) && (o = x.value.dataset), Oe(x.value.dataset) && (o = x.value.dataset.map((r, h) => ({
+      Y(y.value.dataset) && (o = y.value.dataset), Oe(y.value.dataset) && (o = 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)));
-      const s = Z(o) ? o.length : Math.max(...o.map((r) => r.values.length));
+      const s = Y(o) ? o.length : Math.max(...o.map((r) => r.values.length));
       let t = [];
-      if (Z(o))
+      if (Y(o))
         t = o;
       else
         for (let r = 0; r < s; r += 1)
@@ -447,15 +447,15 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         height: o.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Z(x.value.dataset) && (t = [
+      Y(y.value.dataset) && (t = [
         {
-          values: x.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: x.value.dataset.map((i, n) => n).slice(b.value.start, b.value.end),
+          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),
           name: e.value.title,
           color: fe.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Oe(x.value.dataset) && (t = x.value.dataset.map((i, n) => ({
+      ]), 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}`,
@@ -464,20 +464,20 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         ...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, y) => y).slice(b.value.start, b.value.end)
+        absoluteIndices: i.values.map((S, x) => x).slice(b.value.start, b.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, ne = r.ticks.map((i) => ({
+      }, 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)),
         x: s.left - 8,
         value: i
       })), K = t.map((i, n) => ({
         ...i,
-        coordinates: i.values.map((S, y) => ({
-          x: s.left + V * (y + 1) - V / 2,
+        coordinates: i.values.map((S, x) => ({
+          x: s.left + V * (x + 1) - V / 2,
           y: s.bottom - (S + h) / (r.max + h) * s.height,
           value: S
         }))
@@ -490,13 +490,13 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           linePath: n.join(" ")
         };
       });
-      function ue(i) {
-        W.value = i, Y.value = i;
-        const n = t.map((y) => ({
-          ...y,
-          value: y.values[i],
-          absoluteIndex: y.absoluteIndices[i]
-        })).filter((y) => !w.value.includes(y.id));
+      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 };
         const S = e.value.tooltipCustomFormat;
         if (Te(S) && De(() => S({
@@ -512,13 +512,13 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             config: e.value
           });
         else {
-          let y = "";
-          e.value.xyPeriods[n[0].absoluteIndex] && (y += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[n[0].absoluteIndex]}</div>`), n.forEach((T, U) => {
-            y += `
+          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 += `
                     <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>${G(
+                        <b>${X(
               e.value.formatter,
               T.value,
               D({
@@ -532,7 +532,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                         </b>
                     </div>
                 `;
-          }), Q.value = y;
+          }), Q.value = x;
         }
         j.value = !0;
       }
@@ -546,8 +546,8 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         drawingArea: s,
         extremes: u,
         slotSize: V,
-        yLabels: ne,
-        useTooltip: ue,
+        yLabels: re,
+        useTooltip: se,
         killTooltip: ee
       };
     }), v = B(() => {
@@ -564,15 +564,15 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         height: o.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Z(x.value.dataset) && (t = [
+      Y(y.value.dataset) && (t = [
         {
-          values: x.value.dataset.slice(b.value.start, b.value.end),
-          absoluteIndices: x.value.dataset.map((n, S) => S).slice(b.value.start, b.value.end),
+          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),
           name: e.value.title,
           color: fe.value[e.value.paletteStartIndex] || q[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Oe(x.value.dataset) && (t = x.value.dataset.map((n, S) => ({
+      ]), 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}`,
@@ -581,57 +581,57 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         ...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((y, T) => T).slice(b.value.start, b.value.end)
+        absoluteIndices: n.values.map((x, T) => T).slice(b.value.start, b.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, ne = r.ticks.map((n) => ({
+      }, 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)),
         x: s.left - 8,
         value: n
       })), K = t.map((n, S) => ({
         ...n,
-        coordinates: n.values.map((y, T) => {
-          const U = (y + h) / (u.max + h) * s.height, xe = Math.abs(y) / Math.abs(u.min) * (s.height - R), Ne = h / (u.max + h) * s.height, ye = V / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+        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;
           return {
-            x: s.left + V * T + ye * S + e.value.barGap / 2,
-            y: y > 0 ? s.bottom - U : R,
-            height: y > 0 ? U - Ne : xe,
-            value: y,
-            width: ye
+            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,
+            width: xe
           };
         })
-      })), ue = t.filter((n) => !w.value.includes(n.id)).map((n, S) => ({
+      })), se = t.filter((n) => !w.value.includes(n.id)).map((n, S) => ({
         ...n,
-        coordinates: n.values.map((y, T) => {
-          const U = (y + h) / (u.max + h) * s.height, xe = Math.abs(y) / (u.max + h) * s.height, Ne = h / (u.max + h) * s.height, ye = V / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+        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;
           return {
-            x: s.left + V * T + ye * S + e.value.barGap / 2,
-            y: y > 0 ? s.bottom - U : R,
-            height: y > 0 ? U - Ne : xe,
-            value: y,
-            width: ye
+            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,
+            width: xe
           };
         })
       }));
       function ee(n) {
-        W.value = n, Y.value = 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 y = e.value.tooltipCustomFormat;
-        if (Te(y) && De(() => y({
+        const x = e.value.tooltipCustomFormat;
+        if (Te(x) && De(() => x({
           datapoint: S,
           seriesIndex: n,
           series: t,
           config: e.value
         })))
-          Q.value = y({
+          Q.value = x({
             point: S,
             seriesIndex: n,
             series: t,
@@ -639,12 +639,12 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           });
         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, xe) => {
+          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 += `
                     <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>${G(
+                        <b>${X(
               e.value.formatter,
               U.value,
               D({
@@ -653,7 +653,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: U, seriesIndex: xe }
+              { datapoint: U, seriesIndex: ye }
             )}
                         </b>
                     </div>
@@ -663,16 +663,16 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         j.value = !0;
       }
       function i() {
-        j.value = !1, W.value = null, Y.value = null;
+        j.value = !1, W.value = null, J.value = null;
       }
       return {
         absoluteZero: R,
-        dataset: ue.filter((n) => !w.value.includes(n.id)),
+        dataset: se.filter((n) => !w.value.includes(n.id)),
         legend: K,
         drawingArea: s,
         extremes: u,
         slotSize: V,
-        yLabels: ne,
+        yLabels: re,
         useTooltip: ee,
         killTooltip: i
       };
@@ -697,7 +697,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
       id: `${z.value}_${E.value}`,
       ref_key: "quickChart",
       ref: H,
-      class: re({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": $e.value }),
+      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%" : ""}`),
       onMouseenter: s[5] || (s[5] = () => Ge(!0)),
       onMouseleave: s[6] || (s[6] = () => Ge(!1))
@@ -746,46 +746,53 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           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)
+          ]),
+          key: "0"
+        } : void 0,
         o.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: J(() => [
+          fn: G(() => [
             F(o.$slots, "optionTooltip", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         o.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: J(() => [
+          fn: G(() => [
             F(o.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         o.$slots.optionImg ? {
           name: "optionImg",
-          fn: J(() => [
+          fn: G(() => [
             F(o.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         o.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: J(({ toggleFullscreen: t, isFullscreen: u }) => [
-            F(o.$slots, "optionFullscreen", ve(de({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+          fn: G(({ toggleFullscreen: t, isFullscreen: u }) => [
+            F(o.$slots, "optionFullscreen", ae(le({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         o.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: J(({ toggleAnnotator: t, isAnnotator: u }) => [
-            F(o.$slots, "optionAnnotator", ve(de({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
+          fn: G(({ toggleAnnotator: t, isAnnotator: u }) => [
+            F(o.$slots, "optionAnnotator", ae(le({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       e.value.title ? (a(), l("div", {
         key: 3,
         ref_key: "quickChartTitle",
-        ref: ae,
+        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),
@@ -797,7 +804,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         viewBox: mt.value,
         style: N(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
-        se(qt),
+        de(qt),
         o.$slots["chart-background"] && z.value === A.BAR ? (a(), l("foreignObject", {
           key: 0,
           x: v.value.drawingArea.left,
@@ -900,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) => oe("selectDatapoint", t)
+              onClick: (r) => ne("selectDatapoint", t)
             }, null, 40, ha))), 256))
           ]),
           e.value.showDataLabels ? (a(), l("g", fa, [
@@ -923,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(G)(
+              }, P(I.value.displayArcPercentage(t, I.value.chart)) + " (" + P(g(X)(
                 e.value.formatter,
                 t.value,
                 g(D)({
@@ -945,14 +952,14 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               }, P(t.name), 9, pa)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
-          e.value.donutShowTotal ? (a(), l("g", xa, [
+          e.value.donutShowTotal ? (a(), l("g", ya, [
             _("text", {
               "text-anchor": "middle",
               x: I.value.drawingArea.centerX,
               y: I.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, P(e.value.donutTotalLabelText), 9, ya),
+            }, P(e.value.donutTotalLabelText), 9, xa),
             _("text", {
               "text-anchor": "middle",
               x: I.value.drawingArea.centerX,
@@ -1030,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(G)(
+              }, P(g(X)(
                 e.value.formatter,
                 t.value,
                 g(D)({
@@ -1069,7 +1076,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: ve({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Ra),
                 _("path", {
@@ -1078,7 +1085,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: ve({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Na)
               ], 64)) : (a(), l(m, { key: 1 }, [
@@ -1088,7 +1095,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: ve({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Fa),
                 _("path", {
@@ -1097,13 +1104,13 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: ve({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
                 }, null, 10, Ma)
               ], 64)),
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("circle", {
                 cx: r.x,
-                cy: g(X)(r.y),
+                cy: g(Z)(r.y),
                 r: 3,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
@@ -1120,15 +1127,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(X)(r.y) - e.value.dataLabelFontSize / 2,
+                y: g(Z)(r.y) - e.value.dataLabelFontSize / 2,
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, P(g(G)(
+              }, P(g(X)(
                 e.value.formatter,
-                g(X)(r.value),
+                g(Z)(r.value),
                 g(D)({
                   p: e.value.valuePrefix,
-                  v: g(X)(r.value),
+                  v: g(Z)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
@@ -1142,11 +1149,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, Y.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
+              fill: [W.value, J.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
               style: N(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => d.value.useTooltip(u),
               onMouseleave: s[1] || (s[1] = (r) => d.value.killTooltip()),
-              onClick: (r) => oe("selectDatapoint", d.value.dataset.map((h) => ({
+              onClick: (r) => ne("selectDatapoint", d.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[u]
               })))
@@ -1216,7 +1223,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(G)(
+              }, P(g(X)(
                 e.value.formatter,
                 t.value,
                 g(D)({
@@ -1251,13 +1258,13 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
               (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(X)(r.height <= 0 ? 1e-5 : r.height),
-                y: g(X)(r.y),
+                height: g(Z)(r.height <= 0 ? 1e-5 : r.height),
+                y: g(Z)(r.y),
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
                 "stroke-linecap": "round",
-                class: re({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 })
+                class: ve({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 })
               }, [
                 e.value.barAnimated && r.value > 0 && !g(Ae) && !g(_e) ? (a(), l("animate", {
                   key: 0,
@@ -1280,17 +1287,17 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             (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(X)(r.y) - e.value.dataLabelFontSize / 2,
+                y: g(Z)(r.y) - e.value.dataLabelFontSize / 2,
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
                 class: "quick-animation"
-              }, P(g(G)(
+              }, P(g(X)(
                 e.value.formatter,
-                g(X)(r.value),
+                g(Z)(r.value),
                 g(D)({
                   p: e.value.valuePrefix,
-                  v: g(X)(r.value),
+                  v: g(Z)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
@@ -1304,11 +1311,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, Y.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
+              fill: [W.value, J.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
               style: N(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => v.value.useTooltip(u),
               onMouseleave: s[2] || (s[2] = (r) => v.value.killTooltip()),
-              onClick: (r) => oe("selectDatapoint", v.value.dataset.map((h) => ({
+              onClick: (r) => ne("selectDatapoint", v.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[u]
               })))
@@ -1348,7 +1355,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, xl)
+            }, P(e.value.yAxisLabel), 9, yl)
           ])) : f("", !0)
         ])) : f("", !0)
       ], 12, ea)) : f("", !0),
@@ -1370,17 +1377,17 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      o.$slots.watermark ? (a(), l("div", yl, [
-        F(o.$slots, "watermark", ve(de({ isPrinting: g(Ae) || g(_e) })), void 0, !0)
+      o.$slots.watermark ? (a(), l("div", xl, [
+        F(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 && x.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_${Se.value}`,
         ref_key: "quickChartSlicer",
         ref: ce
       }, [
         (a(), Ee(Dt, {
           ref_key: "slicerComponent",
-          ref: ie,
+          ref: ue,
           key: `slicer_${Se.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
@@ -1391,7 +1398,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
           textColor: e.value.color,
           inputColor: e.value.zoomColor,
           selectColor: e.value.zoomHighlightColor,
-          max: x.value.maxSeriesLength,
+          max: y.value.maxSeriesLength,
           min: 0,
           valueStart: b.value.start,
           valueEnd: b.value.end,
@@ -1403,20 +1410,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: Y.value,
+          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),
           refreshStartPoint: e.value.zoomStartIndex !== null ? e.value.zoomStartIndex : 0,
-          refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : x.value.maxSeriesLength,
+          refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : y.value.maxSeriesLength,
           enableRangeHandles: e.value.zoomEnableRangeHandles,
           enableSelectionDrag: e.value.zoomEnableSelectionDrag,
-          onReset: yt,
-          onTrapMouse: xt
+          onReset: xt,
+          onTrapMouse: yt
         }, {
-          "reset-action": J(({ reset: t }) => [
-            F(o.$slots, "reset-action", ve(de({ reset: t })), void 0, !0)
+          "reset-action": G(({ reset: t }) => [
+            F(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"]))
@@ -1424,14 +1431,14 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
       e.value.showLegend ? (a(), l("div", {
         key: 8,
         ref_key: "quickChartLegend",
-        ref: le,
+        ref: ie,
         class: "vue-ui-quick-chart-legend",
         style: N(`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), oe("selectLegend", t);
+            pt(t, I.value.dataset), ne("selectLegend", t);
           },
           style: N(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
@@ -1439,7 +1446,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            se(Pe, {
+            de(Pe, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1449,7 +1456,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             }, P(t.name), 5),
             _("span", {
               style: N(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
-            }, P(w.value.includes(t.id) ? "-" : g(G)(
+            }, P(w.value.includes(t.id) ? "-" : g(X)(
               e.value.formatter,
               t.absoluteValue,
               g(D)({
@@ -1479,7 +1486,7 @@ 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), oe("selectLegend", t);
+            Ke(t.id, d.value.legend.length - 1), ne("selectLegend", t);
           },
           style: N(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
@@ -1487,7 +1494,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            se(Pe, {
+            de(Pe, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1500,7 +1507,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         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), oe("selectLegend", t);
+            Ke(t.id, v.value.legend.length - 1), ne("selectLegend", t);
           },
           style: N(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
@@ -1508,7 +1515,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
             key: 0,
             ref_for: !0
           }, { legend: t }), void 0, !0) : (a(), l(m, { key: 1 }, [
-            se(Pe, {
+            de(Pe, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1527,7 +1534,7 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
       }, [
         F(o.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      se(Mt, {
+      de(Mt, {
         show: me.value.showTooltip && j.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
@@ -1543,23 +1550,23 @@ const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"]
         isFullscreen: $e.value,
         isCustom: g(Te)(e.value.tooltipCustomFormat)
       }, {
-        "tooltip-before": J(() => [
-          F(o.$slots, "tooltip-before", ve(de({ ...he.value })), void 0, !0)
+        "tooltip-before": G(() => [
+          F(o.$slots, "tooltip-before", ae(le({ ...he.value })), void 0, !0)
         ]),
-        "tooltip-after": J(() => [
-          F(o.$slots, "tooltip-after", ve(de({ ...he.value })), void 0, !0)
+        "tooltip-after": G(() => [
+          F(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, [
-      se(Pe, {
+      de(Pe, {
         name: "circleCancel",
         stroke: "red"
       }),
       s[8] || (s[8] = _("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Ml = /* @__PURE__ */ jt(Al, [["__scopeId", "data-v-96fe94bc"]]);
+}, Ml = /* @__PURE__ */ jt(Al, [["__scopeId", "data-v-f99e90ae"]]);
 export {
   Ml as default
 };