vue-data-ui 2.3.73 → 2.3.75

package/dist/{vue-ui-quick-chart-CX8Kas-o.js → vue-ui-quick-chart-BjXXSx7V.js}

@@ -1,53 +1,53 @@
-import { ref as E, computed as W, watch as ot, onMounted as it, onBeforeUnmount as ut, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as F, createBlock as Pe, unref as f, createSlots as nt, withCtx as ae, renderSlot as D, normalizeProps as J, guardReactiveProps as fe, createCommentVNode as p, toDisplayString as T, createElementVNode as _, Fragment as m, renderList as L, mergeProps as Ie, createVNode as ge, pushScopeId as rt, popScopeId as st } from "vue";
-import { u as vt, c as dt, t as ct, a as ht, p as U, b as ft, F as gt, e as mt, d as Ee, m as pt, B as qe, X as xt, j as yt, k as me, n as Te, i as H, f as O, P as We, s as X, x as _e, y as Re } from "./index-Dvs5Ra-u.js";
-import { t as kt, u as bt } from "./useResponsive-NZB-WLRF.js";
-import Ae from "./BaseIcon-_V_BEdy8.js";
-import { _ as St } from "./Tooltip-BCtg7xYX.js";
-import { u as wt, U as _t } from "./usePrinter-B8-keRMa.js";
-import { S as At } from "./Slicer-8Gg45iGX.js";
-import Lt from "./vue-ui-skeleton-CAvlIcgk.js";
-import { u as je } from "./useNestedProp-UohhCyBz.js";
-import { _ as zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { ref as E, computed as W, watch as Pe, onMounted as nt, onBeforeUnmount as rt, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as F, createBlock as Ie, unref as f, createSlots as st, withCtx as ae, renderSlot as D, normalizeProps as J, guardReactiveProps as ge, createCommentVNode as p, toDisplayString as T, createElementVNode as _, Fragment as m, renderList as L, mergeProps as Ee, createVNode as me, pushScopeId as vt, popScopeId as dt } from "vue";
+import { u as ct, c as ht, t as ft, a as gt, p as U, b as mt, F as pt, e as xt, d as Te, m as yt, B as Ge, X as kt, j as bt, k as pe, n as Re, i as H, f as O, P as He, s as X, x as Ae, y as Ne } from "./index-Cm4Iry5c.js";
+import { t as St, u as wt } from "./useResponsive-NZB-WLRF.js";
+import Le from "./BaseIcon-BAOfPaXs.js";
+import { _ as _t } from "./Tooltip-CH8GmDCG.js";
+import { u as At, U as Lt } from "./usePrinter-B8RnF8_q.js";
+import { S as zt } from "./Slicer-yaJs-izT.js";
+import $t from "./vue-ui-skeleton-C1oUnz7R.js";
+import { u as Xe } from "./useNestedProp-CurQIHTa.js";
+import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   LINE: "LINE",
   BAR: "BAR",
   DONUT: "DONUT"
-}, $t = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function Ct({ dataset: s, barLineSwitch: $ = 6 }) {
+}, Pt = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
+function It({ dataset: s, barLineSwitch: $ = 6 }) {
   let g = null, R = null, V = 0;
-  if ((typeof s == "number" || typeof s == "string") && console.warn(`The provided dataset (${s}) is not sufficient to build a chart`), pe(s) && (Z(s) && (s.length < $ ? g = A.BAR : g = A.LINE, R = s, V = s.length), Le(s))) {
-    if (!It(s))
+  if ((typeof s == "number" || typeof s == "string") && console.warn(`The provided dataset (${s}) is not sufficient to build a chart`), xe(s) && (Z(s) && (s.length < $ ? g = A.BAR : g = A.LINE, R = s, V = s.length), ze(s))) {
+    if (!Tt(s))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
     const oe = Object.keys(s[0]), re = Object.values(s[0]);
-    if (!oe.some((P) => Et(P)))
+    if (!oe.some((P) => Rt(P)))
       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;
-    Ge(re, (P) => typeof P == "number") && (g = A.DONUT, R = s), Ge(re, (P) => Array.isArray(P) && Z(P)) && (He(s) > $ ? g = A.LINE : g = A.BAR, V = He(s), R = s.map((P) => ({
+    Ze(re, (P) => typeof P == "number") && (g = A.DONUT, R = s), Ze(re, (P) => Array.isArray(P) && Z(P)) && (Ye(s) > $ ? g = A.LINE : g = A.BAR, V = Ye(s), R = s.map((P) => ({
       ...P,
-      data: Tt(P, (G) => Z(G))
-    }))), s = s.map((P) => Xe(P)), R = R.map((P) => Xe(P));
+      data: Nt(P, (G) => Z(G))
+    }))), s = s.map((P) => Je(P)), R = R.map((P) => Je(P));
   }
-  return pe(s) && [...new Set(s.flatMap((oe) => Array.isArray(oe)))][0], {
+  return xe(s) && [...new Set(s.flatMap((oe) => Array.isArray(oe)))][0], {
     dataset: s,
     type: g,
     usableDataset: R,
     maxSeriesLength: V
   };
 }
-function Ze(s) {
-  return !s || pe(s) && !s.length;
+function Qe(s) {
+  return !s || xe(s) && !s.length;
 }
-function pe(s) {
+function xe(s) {
   return Array.isArray(s);
 }
 function Z(s) {
-  if (!pe(s) || Ze(s)) return !1;
+  if (!xe(s) || Qe(s)) return !1;
   const $ = s.map((g) => Number(g));
   return ![...new Set($.flatMap((g) => typeof g == "number" && !isNaN(g)))].includes(!1);
 }
-function Le(s) {
-  return !pe(s) || Ze(s) || !![...new Set(s.flatMap((g) => typeof g == "object" && !Array.isArray(g)))].includes(!1) ? !1 : !s.map((g) => Object.keys(g).length > 0).includes(!1);
+function ze(s) {
+  return !xe(s) || Qe(s) || !![...new Set(s.flatMap((g) => typeof g == "object" && !Array.isArray(g)))].includes(!1) ? !1 : !s.map((g) => Object.keys(g).length > 0).includes(!1);
 }
-function Pt(s, $) {
+function Et(s, $) {
   const g = Object.keys(s).sort(), R = Object.keys($).sort();
   if (g.length !== R.length)
     return !1;
@@ -58,87 +58,87 @@ function Pt(s, $) {
   }
   return !0;
 }
-function It(s) {
+function Tt(s) {
   if (s.length <= 1) return !0;
   for (let $ = 0; $ < s.length; $ += 1)
     for (let g = $ + 1; g < s.length; g += 1)
-      if (!Pt(s[$], s[g]))
+      if (!Et(s[$], s[g]))
         return !1;
   return !0;
 }
-function Et(s) {
-  return $t.includes(s.toUpperCase());
+function Rt(s) {
+  return Pt.includes(s.toUpperCase());
 }
-function Ge(s, $) {
+function Ze(s, $) {
   let g = [];
   for (let R = 0; R < s.length; R += 1)
     g.push($(s[R]));
   return g.includes(!0);
 }
-function He(s) {
+function Ye(s) {
   return Math.max(...[...s].flatMap(($) => Object.values($).filter((g) => Z(g)).map((g) => g.length)));
 }
-function Tt(s, $) {
+function Nt(s, $) {
   return Object.values(s).filter((g) => $(g))[0];
 }
-function Xe(s) {
+function Je(s) {
   const $ = {};
   for (let g in s)
     s.hasOwnProperty(g) && ($[g.toUpperCase()] = s[g]);
   return $;
 }
-const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = ["xmlns", "viewBox"], Ft = ["id"], Mt = ["id"], Ot = /* @__PURE__ */ Ye(() => /* @__PURE__ */ _("feColorMatrix", {
+const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = ["xmlns", "viewBox"], Ot = ["id"], Bt = ["id"], Ut = /* @__PURE__ */ Ke(() => /* @__PURE__ */ _("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Bt = ["id"], Ut = ["flood-color"], Dt = {
+}, null, -1)), Dt = ["id"], Vt = ["flood-color"], qt = {
   key: 0,
   class: "donut-label-connectors"
-}, Vt = ["d", "stroke", "stroke-width", "filter"], qt = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill", "filter"], jt = { class: "donut" }, Gt = ["d", "fill", "stroke", "stroke-width", "filter"], Ht = ["d", "onMouseenter", "onClick"], Xt = {
+}, Wt = ["d", "stroke", "stroke-width", "filter"], jt = ["cx", "cy", "r", "fill"], Gt = ["cx", "cy", "r", "fill", "filter"], Ht = { class: "donut" }, Xt = ["d", "fill", "stroke", "stroke-width", "filter"], Zt = ["d", "onMouseenter", "onClick"], Yt = {
   key: 1,
   class: "donut-labels quick-animation"
-}, Zt = ["cx", "cy", "fill", "filter"], Yt = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Jt = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Qt = {
+}, Jt = ["cx", "cy", "fill", "filter"], Qt = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Kt = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ea = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, Kt = ["x", "y", "font-size", "fill"], ea = ["x", "y", "font-size", "fill"], ta = {
+}, ta = ["x", "y", "font-size", "fill"], aa = ["x", "y", "font-size", "fill"], la = {
   key: 0,
   class: "line-grid"
-}, aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oa = {
+}, oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ua = {
   key: 1,
   class: "line-axis"
-}, ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], na = {
+}, na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sa = {
   key: 2,
   class: "yLabels"
-}, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sa = ["x", "y", "font-size", "fill"], va = {
+}, va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], da = ["x", "y", "font-size", "fill"], ca = {
   key: 3,
   class: "periodLabels"
-}, da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = ["font-size", "text-anchor", "fill", "transform"], ha = { class: "plots" }, fa = { class: "line-plot-series" }, ga = ["d", "stroke", "stroke-width"], ma = ["d", "stroke", "stroke-width"], pa = ["d", "stroke", "stroke-width"], xa = ["d", "stroke", "stroke-width"], ya = ["cx", "cy", "fill", "stroke"], ka = {
+}, ha = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fa = ["font-size", "text-anchor", "fill", "transform"], ga = { class: "plots" }, ma = { class: "line-plot-series" }, pa = ["d", "stroke", "stroke-width"], xa = ["d", "stroke", "stroke-width"], ya = ["d", "stroke", "stroke-width"], ka = ["d", "stroke", "stroke-width"], ba = ["cx", "cy", "fill", "stroke"], Sa = {
   key: 4,
   class: "dataLabels"
-}, ba = ["font-size", "fill", "x", "y"], Sa = { class: "tooltip-traps" }, wa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], _a = {
+}, wa = ["font-size", "fill", "x", "y"], _a = { class: "tooltip-traps" }, Aa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], La = {
   key: 0,
   class: "line-grid"
-}, Aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], La = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], za = {
+}, za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = {
   key: 1,
   class: "line-axis"
-}, $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = {
+}, Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = {
   key: 2,
   class: "yLabels"
-}, Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = ["x", "y", "font-size", "fill"], Ta = {
+}, Ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ra = ["x", "y", "font-size", "fill"], Na = {
   key: 3,
   class: "periodLabels"
-}, Ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = ["font-size", "text-anchor", "transform", "fill"], Fa = { class: "plots" }, Ma = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Oa = ["to"], Ba = ["from", "to"], Ua = {
+}, Fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ma = ["font-size", "text-anchor", "transform", "fill"], Oa = { class: "plots" }, Ba = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Ua = ["to"], Da = ["from", "to"], Va = {
   key: 4,
   class: "dataLabels"
-}, Da = ["x", "y", "font-size", "fill"], Va = { class: "tooltip-traps" }, qa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Wa = {
+}, qa = ["x", "y", "font-size", "fill"], Wa = { class: "tooltip-traps" }, ja = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ga = {
   key: 3,
   class: "axis-labels"
-}, ja = { key: 0 }, Ga = ["font-size", "fill", "x", "y"], Ha = { key: 1 }, Xa = ["font-size", "fill", "x", "y"], Za = { key: 2 }, Ya = ["font-size", "fill", "transform"], Ja = { key: 3 }, Qa = ["font-size", "fill", "transform"], Ka = {
+}, Ha = { key: 0 }, Xa = ["font-size", "fill", "x", "y"], Za = { key: 1 }, Ya = ["font-size", "fill", "x", "y"], Ja = { key: 2 }, Qa = ["font-size", "fill", "transform"], Ka = { key: 3 }, el = ["font-size", "fill", "transform"], tl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, el = ["onClick"], tl = ["onClick"], al = ["onClick"], ll = {
+}, al = ["onClick"], ll = ["onClick"], ol = ["onClick"], il = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, ol = /* @__PURE__ */ Ye(() => /* @__PURE__ */ _("span", null, "Dataset is not processable", -1)), il = {
+}, ul = /* @__PURE__ */ Ke(() => /* @__PURE__ */ _("span", null, "Dataset is not processable", -1)), nl = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -156,20 +156,30 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(s, { expose: $, emit: g }) {
-    const R = s, { vue_ui_quick_chart: V } = vt(), j = E(null), le = E(null), oe = E(null), re = E(null), P = E(dt()), G = E(!1), se = E(null), Q = E(""), q = E(null), w = E([]), Ne = E(0), ze = E(0), e = W(() => {
-      const r = je({
+    const R = s, { vue_ui_quick_chart: V } = ct(), j = E(null), le = E(null), oe = E(null), re = E(null), P = E(ht()), G = E(!1), se = E(null), Q = E(""), q = E(null), w = E([]), Fe = E(0), ye = E(0), e = W({
+      get: () => Me(),
+      set: (u) => u
+    });
+    function Me() {
+      const u = Xe({
         userConfig: R.config,
         defaultConfig: V
       });
-      return r.theme ? {
-        ...je({
-          userConfig: ct.vue_ui_quick_chart[r.theme] || R.config,
-          defaultConfig: r
+      return u.theme ? {
+        ...Xe({
+          userConfig: ft.vue_ui_quick_chart[u.theme] || R.config,
+          defaultConfig: u
         }),
-        customPalette: ht[r.theme] || U
-      } : r;
-    }), ve = W(() => ft(e.value.customPalette)), xe = W(() => {
-      const r = Ct({ dataset: gt(R.dataset, [
+        customPalette: gt[u.theme] || U
+      } : u;
+    }
+    Pe(() => R.config, (u) => {
+      e.value = Me(), k.value.width = e.value.width, k.value.height = e.value.height, Ue();
+    }, { deep: !0 }), Pe(() => R.dataset, (u) => {
+      y.value = de.value, b.value.start = 0, b.value.end = y.value.maxSeriesLength, ye.value += 1;
+    }, { deep: !0 });
+    const ve = W(() => mt(e.value.customPalette)), de = W(() => {
+      const u = It({ dataset: pt(R.dataset, [
         "serie",
         "series",
         "data",
@@ -177,125 +187,129 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
         "values",
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
-      return r || console.error("VueUiQuickChart : Dataset is not processable"), r;
-    }), k = E(xe.value), Je = W(() => !!k.value), z = W(() => k.value ? k.value.type : null);
-    ot(() => z.value, (r) => {
-      r || mt({
+      return u || console.error("VueUiQuickChart : Dataset is not processable"), u;
+    }), y = E(de.value), et = W(() => !!y.value), z = W(() => y.value ? y.value.type : null);
+    Pe(() => z.value, (u) => {
+      u || xt({
         componentName: "VueUiQuickChart",
         type: "dataset"
       });
     }, { immediate: !0 });
-    const { isPrinting: ye, isImaging: ke, generatePdf: Fe, generateImage: Me } = wt({
+    const { isPrinting: ke, isImaging: be, generatePdf: Oe, generateImage: Be } = At({
       elementId: `${z.value}_${P.value}`,
       fileName: e.value.title || z.value
-    }), b = E({
+    }), k = E({
       width: e.value.width,
       height: e.value.height
-    }), be = E({
+    }), Se = E({
       showTooltip: e.value.showTooltip
-    }), Se = E(null);
-    it(() => {
+    }), we = E(null);
+    nt(() => {
+      Ue();
+    });
+    function Ue() {
       if (e.value.responsive) {
-        const r = kt(() => {
-          const { width: c, height: t } = bt({
+        const u = St(() => {
+          const { width: c, height: t } = wt({
             chart: j.value,
             title: e.value.title ? le.value : null,
             legend: e.value.showLegend ? oe.value : null,
-            slicer: [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? re.value : null
+            slicer: [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && y.value.maxSeriesLength > 1 ? re.value : null
           });
-          b.value.width = c, b.value.height = t;
+          k.value.width = c, k.value.height = t;
         });
-        Se.value = new ResizeObserver(r), Se.value.observe(j.value.parentNode);
+        we.value = new ResizeObserver(u), we.value.observe(j.value.parentNode);
       }
-    }), ut(() => {
-      Se.value && Se.value.disconnect();
+    }
+    rt(() => {
+      we.value && we.value.disconnect();
     });
-    const Qe = W(() => {
+    const tt = W(() => {
       switch (z.value) {
         case A.LINE:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
+          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
         case A.BAR:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
+          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
         case A.DONUT:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
+          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
         default:
-          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
+          return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
       }
     });
-    function Oe(r) {
-      return [...r].map((c) => c.value).reduce((c, t) => c + t, 0);
+    function De(u) {
+      return [...u].map((c) => c.value).reduce((c, t) => c + t, 0);
     }
-    function de(r) {
-      return e.value.blurOnHover && ![null, void 0].includes(q.value) && q.value !== r ? `url(#blur_${P.value})` : "";
+    function ce(u) {
+      return e.value.blurOnHover && ![null, void 0].includes(q.value) && q.value !== u ? `url(#blur_${P.value})` : "";
     }
-    function Be(r, c) {
-      w.value.includes(r) ? w.value = w.value.filter((t) => t !== r) : w.value.length < c && w.value.push(r);
+    function Ve(u, c) {
+      w.value.includes(u) ? w.value = w.value.filter((t) => t !== u) : w.value.length < c && w.value.push(u);
     }
-    const Ue = E(null), De = E(null), we = E(!1);
-    function Ke(r, c) {
-      we.value = !0;
-      let t = r.value;
-      if (w.value.includes(r.id)) {
-        let n = function() {
-          t > u ? (we.value = !1, cancelAnimationFrame(De.value), k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((h, N) => r.id === `donut_${N}` ? {
+    const qe = E(null), We = E(null), _e = E(!1);
+    function at(u, c) {
+      _e.value = !0;
+      let t = u.value;
+      if (w.value.includes(u.id)) {
+        let r = function() {
+          t > n ? (_e.value = !1, cancelAnimationFrame(We.value), y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((h, N) => u.id === `donut_${N}` ? {
               ...h,
-              value: u,
-              VALUE: u
+              value: n,
+              VALUE: n
             } : h)
-          }) : (t += u * 0.025, k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((h, N) => r.id === `donut_${N}` ? {
+          }) : (t += n * 0.025, y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((h, N) => u.id === `donut_${N}` ? {
               ...h,
               value: t,
               VALUE: t
             } : h)
-          }, De.value = requestAnimationFrame(n));
+          }, We.value = requestAnimationFrame(r));
         };
-        w.value = w.value.filter((h) => h !== r.id);
-        const u = xe.value.dataset.find((h, N) => r.id === `donut_${N}`).VALUE;
-        n();
+        w.value = w.value.filter((h) => h !== u.id);
+        const n = de.value.dataset.find((h, N) => u.id === `donut_${N}`).VALUE;
+        r();
       } else if (c.length > 1) {
-        let u = function() {
-          t < 0.1 ? (we.value = !1, cancelAnimationFrame(Ue.value), w.value.push(r.id), k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((n, h) => r.id === `donut_${h}` ? {
-              ...n,
+        let n = function() {
+          t < 0.1 ? (_e.value = !1, cancelAnimationFrame(qe.value), w.value.push(u.id), y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+              ...r,
               value: 0,
               VALUE: 0
-            } : n)
-          }) : (t /= 1.1, k.value = {
-            ...k.value,
-            dataset: k.value.dataset.map((n, h) => r.id === `donut_${h}` ? {
-              ...n,
+            } : r)
+          }) : (t /= 1.1, y.value = {
+            ...y.value,
+            dataset: y.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+              ...r,
               value: t,
               VALUE: t
-            } : n)
-          }, Ue.value = requestAnimationFrame(u));
+            } : r)
+          }, qe.value = requestAnimationFrame(n));
         };
-        u();
+        n();
       }
     }
     const Y = E(null);
-    function et(r) {
-      Y.value = r;
+    function lt(u) {
+      Y.value = u;
     }
     const C = W(() => {
       if (z.value !== A.DONUT) return null;
-      const r = k.value.dataset.map((o, i) => ({
+      const u = y.value.dataset.map((o, i) => ({
         ...o,
         value: o.VALUE || o.DATA || o.SERIE || o.VALUES || o.NUM || 0,
         name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
         id: `donut_${i}`
       })).map((o, i) => ({
         ...o,
-        color: o.COLOR ? Ee(o.COLOR) : ve.value[i + e.value.paletteStartIndex] || U[i + e.value.paletteStartIndex] || U[(i + e.value.paletteStartIndex) % U.length],
+        color: o.COLOR ? Te(o.COLOR) : ve.value[i + e.value.paletteStartIndex] || U[i + e.value.paletteStartIndex] || U[(i + e.value.paletteStartIndex) % U.length],
         immutableValue: o.value
       }));
       function c(o, i) {
         return O({
-          v: isNaN(o.value / Oe(i)) ? 0 : o.value / Oe(i) * 100,
+          v: isNaN(o.value / De(i)) ? 0 : o.value / De(i) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
@@ -303,23 +317,23 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
       function t(o) {
         return o.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
-      function u(o, i) {
-        const y = xe.value.dataset.find((I, M) => `donut_${M}` === o).VALUE;
-        return Math.abs(String(Number(y.toFixed(0))).length - String(Number(i.toFixed(0))).length);
+      function n(o, i) {
+        const S = de.value.dataset.find((I, M) => `donut_${M}` === o).VALUE;
+        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(i.toFixed(0))).length);
       }
-      function n({ datapoint: o, seriesIndex: i }) {
-        se.value = { datapoint: o, seriesIndex: i, config: e.value, dataset: r }, q.value = o.id;
-        const y = e.value.tooltipCustomFormat;
-        if (_e(y) && Re(() => y({
+      function r({ datapoint: o, seriesIndex: i }) {
+        se.value = { datapoint: o, seriesIndex: i, config: e.value, dataset: u }, q.value = o.id;
+        const S = e.value.tooltipCustomFormat;
+        if (Ae(S) && Ne(() => S({
           datapoint: o,
           seriesIndex: i,
-          series: r,
+          series: u,
           config: e.value
         })))
-          Q.value = y({
+          Q.value = S({
             datapoint: o,
             seriesIndex: i,
-            series: r,
+            series: u,
             config: e.value
           });
         else {
@@ -342,29 +356,29 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
         G.value = !1, q.value = null, Y.value = null;
       }
       const N = {
-        centerX: b.value.width / 2,
-        centerY: b.value.height / 2
-      }, B = r.filter((o) => !w.value.includes(o.id)).map((o) => o.value || 0).reduce((o, i) => o + i, 0), ie = r.map((o, i) => ({
+        centerX: k.value.width / 2,
+        centerY: k.value.height / 2
+      }, B = u.filter((o) => !w.value.includes(o.id)).map((o) => o.value || 0).reduce((o, i) => o + i, 0), ie = u.map((o, i) => ({
         ...o,
         proportion: (o.value || 0) / B,
         value: o.value || 0,
-        absoluteValue: xe.value.dataset.find((y, x) => `donut_${x}` === o.id).VALUE
-      })), K = b.value.width / 2, ue = b.value.height / 2, ee = b.value.height * e.value.donutRadiusRatio;
+        absoluteValue: de.value.dataset.find((S, x) => `donut_${x}` === o.id).VALUE
+      })), K = k.value.width / 2, ue = k.value.height / 2, ee = k.value.height * e.value.donutRadiusRatio;
       return {
         dataset: ie.filter((o) => !w.value.includes(o.id)),
         legend: ie,
         drawingArea: N,
         displayArcPercentage: c,
         isArcBigEnough: t,
-        useTooltip: n,
+        useTooltip: r,
         killTooltip: h,
-        getSpaces: u,
+        getSpaces: n,
         total: B,
         cx: K,
         cy: ue,
         radius: ee,
-        chart: pt(
-          { series: r.filter((o) => !w.value.includes(o.id)) },
+        chart: yt(
+          { series: u.filter((o) => !w.value.includes(o.id)) },
           K,
           ue,
           ee,
@@ -374,87 +388,87 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
           1,
           360,
           105.25,
-          b.value.height * e.value.donutThicknessRatio
+          k.value.height * e.value.donutThicknessRatio
         )
       };
-    }), S = E({
+    }), b = E({
       start: 0,
-      end: k.value.maxSeriesLength
+      end: y.value.maxSeriesLength
     });
-    function tt() {
-      S.value = {
+    function ot() {
+      b.value = {
         start: 0,
-        end: k.value.maxSeriesLength
-      }, ze.value += 1;
+        end: y.value.maxSeriesLength
+      }, ye.value += 1;
     }
-    const at = W(() => {
+    const it = W(() => {
       if (!e.value.zoomMinimap.show || z.value === A.DONUT) return [];
-      let r = [];
-      Z(k.value.dataset) && (r = k.value.dataset), Le(k.value.dataset) && (r = k.value.dataset.map((n, h) => ({
-        values: n.VALUE || n.DATA || n.SERIE || n.SERIES || n.VALUES || n.NUM || 0,
+      let u = [];
+      Z(y.value.dataset) && (u = y.value.dataset), ze(y.value.dataset) && (u = y.value.dataset.map((r, h) => ({
+        values: r.VALUE || r.DATA || r.SERIE || r.SERIES || r.VALUES || r.NUM || 0,
         id: z.value === A.LINE ? `line_${h}` : `bar_${h}`
-      })).filter((n) => !w.value.includes(n.id)));
-      const c = Z(r) ? r.length : Math.max(...r.map((n) => n.values.length));
+      })).filter((r) => !w.value.includes(r.id)));
+      const c = Z(u) ? u.length : Math.max(...u.map((r) => r.values.length));
       let t = [];
-      if (Z(r))
-        t = r;
+      if (Z(u))
+        t = u;
       else
-        for (let n = 0; n < c; n += 1)
-          t.push(r.map((h) => h.values[n] || 0).reduce((h, N) => (h || 0) + (N || 0), 0));
-      const u = Math.min(...t);
-      return t.map((n) => n + (u < 0 ? Math.abs(u) : 0));
+        for (let r = 0; r < c; r += 1)
+          t.push(u.map((h) => h.values[r] || 0).reduce((h, N) => (h || 0) + (N || 0), 0));
+      const n = Math.min(...t);
+      return t.map((r) => r + (n < 0 ? Math.abs(n) : 0));
     }), d = W(() => {
       if (z.value !== A.LINE) return null;
-      const r = {
-        height: b.value.height,
-        width: b.value.width
+      const u = {
+        height: k.value.height,
+        width: k.value.width
       }, c = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
-        right: r.width - e.value.xyPaddingRight,
-        bottom: r.height - e.value.xyPaddingBottom,
-        width: r.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
-        height: r.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
+        right: u.width - e.value.xyPaddingRight,
+        bottom: u.height - e.value.xyPaddingBottom,
+        width: u.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
+        height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Z(k.value.dataset) && (t = [
+      Z(y.value.dataset) && (t = [
         {
-          values: k.value.dataset.slice(S.value.start, S.value.end),
-          absoluteIndices: k.value.dataset.map((o, i) => i).slice(S.value.start, S.value.end),
+          values: y.value.dataset.slice(b.value.start, b.value.end),
+          absoluteIndices: y.value.dataset.map((o, i) => i).slice(b.value.start, b.value.end),
           name: e.value.title,
           color: ve.value[e.value.paletteStartIndex] || U[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Le(k.value.dataset) && (t = k.value.dataset.map((o, i) => ({
+      ]), ze(y.value.dataset) && (t = y.value.dataset.map((o, i) => ({
         ...o,
         values: o.VALUE || o.DATA || o.SERIE || o.SERIES || o.VALUES || o.NUM || 0,
         name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
         id: `line_${i}`
       })).map((o, i) => ({
         ...o,
-        color: o.COLOR ? Ee(o.COLOR) : ve.value[i + e.value.paletteStartIndex] || U[i + e.value.paletteStartIndex] || U[(i + e.value.paletteStartIndex) % U.length],
-        values: o.values.slice(S.value.start, S.value.end),
-        absoluteIndices: o.values.map((y, x) => x).slice(S.value.start, S.value.end)
+        color: o.COLOR ? Te(o.COLOR) : ve.value[i + e.value.paletteStartIndex] || U[i + e.value.paletteStartIndex] || U[(i + e.value.paletteStartIndex) % U.length],
+        values: o.values.slice(b.value.start, b.value.end),
+        absoluteIndices: o.values.map((S, x) => x).slice(b.value.start, b.value.end)
       })));
-      const u = {
+      const n = {
         max: Math.max(...t.filter((o) => !w.value.includes(o.id)).flatMap((o) => o.values)),
         min: Math.min(...t.filter((o) => !w.value.includes(o.id)).flatMap((o) => o.values)),
         maxSeries: Math.max(...t.map((o) => o.values.length))
-      }, n = qe(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), h = u.min < 0 ? Math.abs(u.min) : 0, N = u.max < 0 ? c.top : c.bottom - h / (n.max + h) * c.height, B = c.width / u.maxSeries, ie = n.ticks.map((o) => ({
-        y: c.bottom - c.height * ((o + h) / (n.max + h)),
+      }, r = Ge(n.min < 0 ? n.min : 0, n.max < 0 ? 0 : n.max, e.value.xyScaleSegments), h = n.min < 0 ? Math.abs(n.min) : 0, N = n.max < 0 ? c.top : c.bottom - h / (r.max + h) * c.height, B = c.width / n.maxSeries, ie = r.ticks.map((o) => ({
+        y: c.bottom - c.height * ((o + h) / (r.max + h)),
         x: c.left - 8,
         value: o
       })), K = t.map((o, i) => ({
         ...o,
-        coordinates: o.values.map((y, x) => ({
+        coordinates: o.values.map((S, x) => ({
           x: c.left + B * (x + 1) - B / 2,
-          y: c.bottom - (y + h) / (n.max + h) * c.height,
-          value: y
+          y: c.bottom - (S + h) / (r.max + h) * c.height,
+          value: S
         }))
       })).map((o) => {
         let i = [];
-        return o.coordinates.forEach((y) => {
-          i.push(`${y.x},${y.y} `);
+        return o.coordinates.forEach((S) => {
+          i.push(`${S.x},${S.y} `);
         }), {
           ...o,
           linePath: i.join(" ")
@@ -468,14 +482,14 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
           absoluteIndex: x.absoluteIndices[o]
         })).filter((x) => !w.value.includes(x.id));
         se.value = { datapoint: i, seriesIndex: o, config: e.value, dataset: t };
-        const y = e.value.tooltipCustomFormat;
-        if (_e(y) && Re(() => y({
+        const S = e.value.tooltipCustomFormat;
+        if (Ae(S) && Ne(() => S({
           datapoint: i,
           seriesIndex: o,
           series: t,
           config: e.value
         })))
-          Q.value = y({
+          Q.value = S({
             datapoint: i,
             seriesIndex: o,
             series: t,
@@ -514,7 +528,7 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
         dataset: K.filter((o) => !w.value.includes(o.id)),
         legend: K,
         drawingArea: c,
-        extremes: u,
+        extremes: n,
         slotSize: B,
         yLabels: ie,
         useTooltip: ue,
@@ -522,94 +536,94 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
       };
     }), v = W(() => {
       if (z.value !== A.BAR) return null;
-      const r = {
-        height: b.value.height,
-        width: b.value.width
+      const u = {
+        height: k.value.height,
+        width: k.value.width
       }, c = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
-        right: r.width - e.value.xyPaddingRight,
-        bottom: r.height - e.value.xyPaddingBottom,
-        width: r.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
-        height: r.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
+        right: u.width - e.value.xyPaddingRight,
+        bottom: u.height - e.value.xyPaddingBottom,
+        width: u.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
+        height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Z(k.value.dataset) && (t = [
+      Z(y.value.dataset) && (t = [
         {
-          values: k.value.dataset.slice(S.value.start, S.value.end),
-          absoluteIndices: k.value.dataset.map((i, y) => y).slice(S.value.start, S.value.end),
+          values: y.value.dataset.slice(b.value.start, b.value.end),
+          absoluteIndices: y.value.dataset.map((i, S) => S).slice(b.value.start, b.value.end),
           name: e.value.title,
           color: ve.value[e.value.paletteStartIndex] || U[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Le(k.value.dataset) && (t = k.value.dataset.map((i, y) => ({
+      ]), ze(y.value.dataset) && (t = y.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 ${y}`,
-        id: `bar_${y}`
-      })).map((i, y) => ({
+        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${S}`,
+        id: `bar_${S}`
+      })).map((i, S) => ({
         ...i,
-        color: i.COLOR ? Ee(i.COLOR) : ve.value[y + e.value.paletteStartIndex] || U[y + e.value.paletteStartIndex] || U[(y + e.value.paletteStartIndex) % U.length],
-        values: i.values.slice(S.value.start, S.value.end),
-        absoluteIndices: i.values.map((x, I) => I).slice(S.value.start, S.value.end)
+        color: i.COLOR ? Te(i.COLOR) : ve.value[S + e.value.paletteStartIndex] || U[S + e.value.paletteStartIndex] || U[(S + e.value.paletteStartIndex) % U.length],
+        values: i.values.slice(b.value.start, b.value.end),
+        absoluteIndices: i.values.map((x, I) => I).slice(b.value.start, b.value.end)
       })));
-      const u = {
+      const n = {
         max: Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)) < 0 ? 0 : Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)),
         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))
-      }, n = qe(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), h = n.min < 0 ? Math.abs(n.min) : 0, N = c.bottom - h / (n.max + h) * c.height, B = c.width / u.maxSeries, ie = n.ticks.map((i) => ({
-        y: c.bottom - c.height * ((i + h) / (n.max + h)),
+      }, r = Ge(n.min < 0 ? n.min : 0, n.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, N = c.bottom - h / (r.max + h) * c.height, B = c.width / n.maxSeries, ie = r.ticks.map((i) => ({
+        y: c.bottom - c.height * ((i + h) / (r.max + h)),
         x: c.left - 8,
         value: i
-      })), K = t.map((i, y) => ({
+      })), K = t.map((i, S) => ({
         ...i,
         coordinates: i.values.map((x, I) => {
-          const M = (x + h) / (u.max + h) * c.height, ce = Math.abs(x) / Math.abs(u.min) * (c.height - N), Ce = h / (u.max + h) * c.height, he = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+          const M = (x + h) / (n.max + h) * c.height, he = Math.abs(x) / Math.abs(n.min) * (c.height - N), Ce = h / (n.max + h) * c.height, fe = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
-            x: c.left + B * I + he * y + e.value.barGap / 2,
+            x: c.left + B * I + fe * S + e.value.barGap / 2,
             y: x > 0 ? c.bottom - M : N,
-            height: x > 0 ? M - Ce : ce,
+            height: x > 0 ? M - Ce : he,
             value: x,
-            width: he
+            width: fe
           };
         })
-      })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, y) => ({
+      })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, S) => ({
         ...i,
         coordinates: i.values.map((x, I) => {
-          const M = (x + h) / (u.max + h) * c.height, ce = Math.abs(x) / (u.max + h) * c.height, Ce = h / (u.max + h) * c.height, he = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+          const M = (x + h) / (n.max + h) * c.height, he = Math.abs(x) / (n.max + h) * c.height, Ce = h / (n.max + h) * c.height, fe = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
-            x: c.left + B * I + he * y + e.value.barGap / 2,
+            x: c.left + B * I + fe * S + e.value.barGap / 2,
             y: x > 0 ? c.bottom - M : N,
-            height: x > 0 ? M - Ce : ce,
+            height: x > 0 ? M - Ce : he,
             value: x,
-            width: he
+            width: fe
           };
         })
       }));
       function ee(i) {
         q.value = i, Y.value = i;
-        const y = t.map((I) => ({
+        const S = t.map((I) => ({
           ...I,
           value: I.values[i],
           absoluteIndex: I.absoluteIndices[i]
         })).filter((I) => !w.value.includes(I.id));
-        se.value = { datapoint: y, seriesIndex: i, config: e.value, dataset: t };
+        se.value = { datapoint: S, seriesIndex: i, config: e.value, dataset: t };
         const x = e.value.tooltipCustomFormat;
-        if (_e(x) && Re(() => x({
-          datapoint: y,
+        if (Ae(x) && Ne(() => x({
+          datapoint: S,
           seriesIndex: i,
           series: t,
           config: e.value
         })))
           Q.value = x({
-            point: y,
+            point: S,
             seriesIndex: i,
             series: t,
             config: e.value
           });
         else {
           let I = "";
-          e.value.xyPeriods[y[0].absoluteIndex] && (I += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[y[0].absoluteIndex]}</div>`), y.forEach((M, ce) => {
+          e.value.xyPeriods[S[0].absoluteIndex] && (I += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[S[0].absoluteIndex]}</div>`), S.forEach((M, he) => {
             I += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${M.color}"/></svg>
@@ -623,7 +637,7 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: M, seriesIndex: ce }
+              { datapoint: M, seriesIndex: he }
             )}
                         </b>
                     </div>
@@ -640,24 +654,24 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
         dataset: ue.filter((i) => !w.value.includes(i.id)),
         legend: K,
         drawingArea: c,
-        extremes: u,
+        extremes: n,
         slotSize: B,
         yLabels: ie,
         useTooltip: ee,
         killTooltip: o
       };
     }), $e = E(!1);
-    function lt(r) {
-      $e.value = r, Ne.value += 1;
+    function ut(u) {
+      $e.value = u, Fe.value += 1;
     }
-    function Ve() {
-      be.value.showTooltip = !be.value.showTooltip;
+    function je() {
+      Se.value.showTooltip = !Se.value.showTooltip;
     }
     return $({
-      generatePdf: Fe,
-      generateImage: Me,
-      toggleTooltip: Ve
-    }), (r, c) => Je.value ? (a(), l("div", {
+      generatePdf: Oe,
+      generateImage: Be,
+      toggleTooltip: je
+    }), (u, c) => et.value ? (a(), l("div", {
       key: 0,
       id: `${z.value}_${P.value}`,
       ref_key: "quickChart",
@@ -665,53 +679,53 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
       class: ne({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": $e.value }),
       style: F(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`)
     }, [
-      e.value.showUserOptions ? (a(), Pe(_t, {
+      e.value.showUserOptions ? (a(), Ie(Lt, {
         ref: "details",
-        key: `user_option_${Ne.value}`,
+        key: `user_option_${Fe.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        isPrinting: f(ye),
-        isImaging: f(ke),
+        isPrinting: f(ke),
+        isImaging: f(be),
         uid: P.value,
         hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
         hasPdf: e.value.userOptionsButtons.pdf,
         hasImg: e.value.userOptionsButtons.img,
         hasFullscreen: e.value.userOptionsButtons.fullscreen,
         hasXls: !1,
-        isTooltip: be.value.showTooltip,
+        isTooltip: Se.value.showTooltip,
         isFullscreen: $e.value,
         titles: { ...e.value.userOptionsButtonTitles },
         chartElement: j.value,
-        onToggleFullscreen: lt,
-        onGeneratePdf: f(Fe),
-        onGenerateImage: f(Me),
-        onToggleTooltip: Ve
-      }, nt({ _: 2 }, [
-        r.$slots.optionTooltip ? {
+        onToggleFullscreen: ut,
+        onGeneratePdf: f(Oe),
+        onGenerateImage: f(Be),
+        onToggleTooltip: je
+      }, st({ _: 2 }, [
+        u.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: ae(() => [
-            D(r.$slots, "optionTooltip", {}, void 0, !0)
+            D(u.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        r.$slots.optionPdf ? {
+        u.$slots.optionPdf ? {
           name: "optionPdf",
           fn: ae(() => [
-            D(r.$slots, "optionPdf", {}, void 0, !0)
+            D(u.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        r.$slots.optionImg ? {
+        u.$slots.optionImg ? {
           name: "optionImg",
           fn: ae(() => [
-            D(r.$slots, "optionImg", {}, void 0, !0)
+            D(u.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        r.$slots.optionFullscreen ? {
+        u.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: ae(({ toggleFullscreen: t, isFullscreen: u }) => [
-            D(r.$slots, "optionFullscreen", J(fe({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+          fn: ae(({ toggleFullscreen: t, isFullscreen: n }) => [
+            D(u.$slots, "optionFullscreen", J(ge({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
           ]),
           key: "3"
         } : void 0
@@ -725,8 +739,8 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
       }, T(e.value.title), 5)) : p("", !0),
       z.value ? (a(), l("svg", {
         key: 2,
-        xmlns: f(xt),
-        viewBox: Qe.value,
+        xmlns: f(kt),
+        viewBox: tt.value,
         style: F(`max-width:100%;overflow:visible;background:${e.value.backgroundColor};color:${e.value.color}`)
       }, [
         _("defs", null, [
@@ -741,9 +755,9 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${P.value}`
-            }, null, 8, Mt),
-            Ot
-          ], 8, Ft),
+            }, null, 8, Bt),
+            Ut
+          ], 8, Ot),
           _("filter", {
             id: `shadow_${P.value}`,
             "color-interpolation-filters": "sRGB"
@@ -754,72 +768,72 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.donutShadowColor
-            }, null, 8, Ut)
-          ], 8, Bt)
+            }, null, 8, Vt)
+          ], 8, Dt)
         ]),
         z.value === A.DONUT ? (a(), l(m, { key: 0 }, [
-          e.value.showDataLabels ? (a(), l("g", Dt, [
-            (a(!0), l(m, null, L(C.value.chart, (t, u) => (a(), l(m, null, [
+          e.value.showDataLabels ? (a(), l("g", qt, [
+            (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l(m, null, [
               C.value.isArcBigEnough(t) ? (a(), l("path", {
                 key: 0,
-                d: f(yt)(t, { x: (e.value.width || b.value.width) / 2, y: (e.value.height || b.value.height) / 2 }, 16, 16, !1, !1, e.value.donutLabelMarkerStrokeWidth),
+                d: f(bt)(t, { x: (e.value.width || k.value.width) / 2, y: (e.value.height || k.value.height) / 2 }, 16, 16, !1, !1, e.value.donutLabelMarkerStrokeWidth),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
-                filter: de(t.id)
-              }, null, 8, Vt)) : p("", !0)
+                filter: ce(t.id)
+              }, null, 8, Wt)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
           _("circle", {
             class: "donut-hollow",
-            cx: (e.value.width || b.value.width) / 2,
-            cy: (e.value.height || b.value.height) / 2,
-            r: (e.value.height || b.value.height) * e.value.donutRadiusRatio,
+            cx: (e.value.width || k.value.width) / 2,
+            cy: (e.value.height || k.value.height) / 2,
+            r: (e.value.height || k.value.height) * e.value.donutRadiusRatio,
             fill: e.value.backgroundColor
-          }, null, 8, qt),
+          }, null, 8, jt),
           _("circle", {
             cx: C.value.cx,
             cy: C.value.cy,
             r: C.value.radius,
             fill: e.value.backgroundColor,
             filter: e.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
-          }, null, 8, Wt),
-          _("g", jt, [
-            (a(!0), l(m, null, L(C.value.chart, (t, u) => (a(), l("path", {
+          }, null, 8, Gt),
+          _("g", Ht, [
+            (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
-              filter: de(t.id)
-            }, null, 8, Gt))), 256)),
-            (a(!0), l(m, null, L(C.value.chart, (t, u) => (a(), l("path", {
+              filter: ce(t.id)
+            }, null, 8, Xt))), 256)),
+            (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: "transparent",
-              onMouseenter: (n) => C.value.useTooltip({ datapoint: t, seriesIndex: u }),
-              onMouseout: c[0] || (c[0] = (n) => C.value.killTooltip()),
-              onClick: (n) => g("selectDatapoint", t)
-            }, null, 40, Ht))), 256))
+              onMouseenter: (r) => C.value.useTooltip({ datapoint: t, seriesIndex: n }),
+              onMouseout: c[0] || (c[0] = (r) => C.value.killTooltip()),
+              onClick: (r) => g("selectDatapoint", t)
+            }, null, 40, Zt))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Xt, [
-            (a(!0), l(m, null, L(C.value.chart, (t, u) => (a(), l(m, null, [
+          e.value.showDataLabels ? (a(), l("g", Yt, [
+            (a(!0), l(m, null, L(C.value.chart, (t, n) => (a(), l(m, null, [
               C.value.isArcBigEnough(t) ? (a(), l("circle", {
                 key: 0,
-                cx: f(me)(t).x,
-                cy: f(Te)(t) - 3.7,
+                cx: f(pe)(t).x,
+                cy: f(Re)(t) - 3.7,
                 fill: t.color,
                 r: 3,
-                filter: de(t.id)
-              }, null, 8, Zt)) : p("", !0),
+                filter: ce(t.id)
+              }, null, 8, Jt)) : p("", !0),
               C.value.isArcBigEnough(t) ? (a(), l("text", {
                 key: 1,
-                "text-anchor": f(me)(t, !0, 20).anchor,
-                x: f(me)(t, !0).x,
-                y: f(Te)(t),
+                "text-anchor": f(pe)(t, !0, 20).anchor,
+                x: f(pe)(t, !0).x,
+                y: f(Re)(t),
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: de(t.id)
+                filter: ce(t.id)
               }, T(C.value.displayArcPercentage(t, C.value.chart)) + " (" + T(f(H)(
                 e.value.formatter,
                 t.value,
@@ -829,27 +843,27 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: t, seriesIndex: u }
-              )) + ") ", 9, Yt)) : p("", !0),
+                { datapoint: t, seriesIndex: n }
+              )) + ") ", 9, Qt)) : p("", !0),
               C.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
-                "text-anchor": f(me)(t).anchor,
-                x: f(me)(t, !0).x,
-                y: f(Te)(t) + e.value.dataLabelFontSize,
+                "text-anchor": f(pe)(t).anchor,
+                x: f(pe)(t, !0).x,
+                y: f(Re)(t) + e.value.dataLabelFontSize,
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: de(t.id)
-              }, T(t.name), 9, Jt)) : p("", !0)
+                filter: ce(t.id)
+              }, T(t.name), 9, Kt)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
-          e.value.donutShowTotal ? (a(), l("g", Qt, [
+          e.value.donutShowTotal ? (a(), l("g", ea, [
             _("text", {
               "text-anchor": "middle",
               x: C.value.drawingArea.centerX,
               y: C.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, T(e.value.donutTotalLabelText), 9, Kt),
+            }, T(e.value.donutTotalLabelText), 9, ta),
             _("text", {
               "text-anchor": "middle",
               x: C.value.drawingArea.centerX,
@@ -861,11 +875,11 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               v: C.value.total,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
-            })), 9, ea)
+            })), 9, aa)
           ])) : p("", !0)
         ], 64)) : p("", !0),
         z.value === A.LINE ? (a(), l(m, { key: 1 }, [
-          e.value.xyShowGrid ? (a(), l("g", ta, [
+          e.value.xyShowGrid ? (a(), l("g", la, [
             (a(!0), l(m, null, L(d.value.yLabels, (t) => (a(), l(m, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -876,19 +890,19 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, aa)) : p("", !0)
+              }, null, 8, oa)) : p("", !0)
             ], 64))), 256)),
-            (a(!0), l(m, null, L(d.value.extremes.maxSeries + 1, (t, u) => (a(), l("line", {
-              x1: d.value.drawingArea.left + d.value.slotSize * u,
-              x2: d.value.drawingArea.left + d.value.slotSize * u,
+            (a(!0), l(m, null, L(d.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
+              x1: d.value.drawingArea.left + d.value.slotSize * n,
+              x2: d.value.drawingArea.left + d.value.slotSize * n,
               y1: d.value.drawingArea.top,
               y2: d.value.drawingArea.bottom,
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, la))), 256))
+            }, null, 8, ia))), 256))
           ])) : p("", !0),
-          e.value.xyShowAxis ? (a(), l("g", oa, [
+          e.value.xyShowAxis ? (a(), l("g", ua, [
             _("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.left,
@@ -897,7 +911,7 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ia),
+            }, null, 8, na),
             _("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.right,
@@ -906,10 +920,10 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ua)
+            }, null, 8, ra)
           ])) : p("", !0),
-          e.value.xyShowScale ? (a(), l("g", na, [
-            (a(!0), l(m, null, L(d.value.yLabels, (t, u) => (a(), l(m, null, [
+          e.value.xyShowScale ? (a(), l("g", sa, [
+            (a(!0), l(m, null, L(d.value.yLabels, (t, n) => (a(), l(m, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
                 x1: t.x + 4,
@@ -919,7 +933,7 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ra)) : p("", !0),
+              }, null, 8, va)) : p("", !0),
               t.y <= d.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -936,48 +950,48 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: t, seriesIndex: u }
-              )), 9, sa)) : p("", !0)
+                { datapoint: t, seriesIndex: n }
+              )), 9, da)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", va, [
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(S.value.start, S.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,
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", ca, [
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("line", {
+              x1: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
+              x2: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
               y1: d.value.drawingArea.bottom,
               y2: d.value.drawingArea.bottom + 4,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, da))), 256)),
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(S.value.start, S.value.end), (t, u) => (a(), l("text", {
+            }, null, 8, ha))), 256)),
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               fill: e.value.color,
-              transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-            }, T(t), 9, ca))), 256))
+              transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
+            }, T(t), 9, fa))), 256))
           ])) : p("", !0),
-          _("g", ha, [
-            (a(!0), l(m, null, L(d.value.dataset, (t, u) => (a(), l("g", fa, [
+          _("g", ga, [
+            (a(!0), l(m, null, L(d.value.dataset, (t, n) => (a(), l("g", ma, [
               e.value.lineSmooth ? (a(), l(m, { key: 0 }, [
                 _("path", {
-                  d: `M ${f(We)(t.coordinates)}`,
+                  d: `M ${f(He)(t.coordinates)}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, ga),
+                }, null, 10, pa),
                 _("path", {
-                  d: `M ${f(We)(t.coordinates)}`,
+                  d: `M ${f(He)(t.coordinates)}`,
                   stroke: t.color,
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, ma)
+                }, null, 10, xa)
               ], 64)) : (a(), l(m, { key: 1 }, [
                 _("path", {
                   d: `M ${t.linePath}`,
@@ -987,7 +1001,7 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, pa),
+                }, null, 10, ya),
                 _("path", {
                   d: `M ${t.linePath}`,
                   stroke: t.color,
@@ -996,62 +1010,62 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, xa)
+                }, null, 10, ka)
               ], 64)),
-              (a(!0), l(m, null, L(t.coordinates, (n, h) => (a(), l("circle", {
-                cx: n.x,
-                cy: f(X)(n.y),
+              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("circle", {
+                cx: r.x,
+                cy: f(X)(r.y),
                 r: 3,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": "0.5",
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, null, 8, ya))), 256))
+              }, null, 8, ba))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", ka, [
-            (a(!0), l(m, null, L(d.value.dataset, (t, u) => (a(), l(m, null, [
-              (a(!0), l(m, null, L(t.coordinates, (n, h) => (a(), l("text", {
+          e.value.showDataLabels ? (a(), l("g", Sa, [
+            (a(!0), l(m, null, L(d.value.dataset, (t, n) => (a(), l(m, null, [
+              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("text", {
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
-                x: n.x,
-                y: f(X)(n.y) - e.value.dataLabelFontSize / 2,
+                x: r.x,
+                y: f(X)(r.y) - e.value.dataLabelFontSize / 2,
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
               }, T(f(H)(
                 e.value.formatter,
-                f(X)(n.value),
+                f(X)(r.value),
                 f(O)({
                   p: e.value.valuePrefix,
-                  v: f(X)(n.value),
+                  v: f(X)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: n, seriesIndex: h }
-              )), 9, ba))), 256))
+                { datapoint: r, seriesIndex: h }
+              )), 9, wa))), 256))
             ], 64))), 256))
           ])) : p("", !0),
-          _("g", Sa, [
-            (a(!0), l(m, null, L(d.value.extremes.maxSeries, (t, u) => (a(), l("rect", {
-              x: d.value.drawingArea.left + u * d.value.slotSize,
+          _("g", _a, [
+            (a(!0), l(m, null, L(d.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
+              x: d.value.drawingArea.left + n * d.value.slotSize,
               y: d.value.drawingArea.top,
               height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
               width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
-              fill: [q.value, Y.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
+              fill: [q.value, Y.value].includes(n) ? e.value.xyHighlighterColor : "transparent",
               style: F(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (n) => d.value.useTooltip(u),
-              onMouseleave: c[1] || (c[1] = (n) => d.value.killTooltip()),
-              onClick: (n) => g("selectDatapoint", d.value.dataset.map((h) => ({
+              onMouseenter: (r) => d.value.useTooltip(n),
+              onMouseleave: c[1] || (c[1] = (r) => d.value.killTooltip()),
+              onClick: (r) => g("selectDatapoint", d.value.dataset.map((h) => ({
                 ...h,
-                value: h.values[u]
+                value: h.values[n]
               })))
-            }, null, 44, wa))), 256))
+            }, null, 44, Aa))), 256))
           ])
         ], 64)) : p("", !0),
         z.value === A.BAR ? (a(), l(m, { key: 2 }, [
-          e.value.xyShowGrid ? (a(), l("g", _a, [
+          e.value.xyShowGrid ? (a(), l("g", La, [
             (a(!0), l(m, null, L(v.value.yLabels, (t) => (a(), l(m, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1062,19 +1076,19 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Aa)) : p("", !0)
+              }, null, 8, za)) : p("", !0)
             ], 64))), 256)),
-            (a(!0), l(m, null, L(v.value.extremes.maxSeries + 1, (t, u) => (a(), l("line", {
-              x1: v.value.drawingArea.left + v.value.slotSize * u,
-              x2: v.value.drawingArea.left + v.value.slotSize * u,
+            (a(!0), l(m, null, L(v.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
+              x1: v.value.drawingArea.left + v.value.slotSize * n,
+              x2: v.value.drawingArea.left + v.value.slotSize * n,
               y1: v.value.drawingArea.top,
               y2: v.value.drawingArea.bottom,
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, La))), 256))
+            }, null, 8, $a))), 256))
           ])) : p("", !0),
-          e.value.xyShowAxis ? (a(), l("g", za, [
+          e.value.xyShowAxis ? (a(), l("g", Ca, [
             _("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.left,
@@ -1083,7 +1097,7 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, $a),
+            }, null, 8, Pa),
             _("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.right,
@@ -1092,10 +1106,10 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ca)
+            }, null, 8, Ia)
           ])) : p("", !0),
-          e.value.xyShowScale ? (a(), l("g", Pa, [
-            (a(!0), l(m, null, L(v.value.yLabels, (t, u) => (a(), l(m, null, [
+          e.value.xyShowScale ? (a(), l("g", Ea, [
+            (a(!0), l(m, null, L(v.value.yLabels, (t, n) => (a(), l(m, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
                 x1: t.x + 4,
@@ -1105,7 +1119,7 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ia)) : p("", !0),
+              }, null, 8, Ta)) : p("", !0),
               t.y <= v.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -1122,134 +1136,134 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: t, seriesIndex: u }
-              )), 9, Ea)) : p("", !0)
+                { datapoint: t, seriesIndex: n }
+              )), 9, Ra)) : p("", !0)
             ], 64))), 256))
           ])) : p("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ta, [
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(S.value.start, S.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,
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Na, [
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("line", {
+              x1: v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2,
+              x2: v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2,
               y1: v.value.drawingArea.bottom,
               y2: v.value.drawingArea.bottom + 4,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ra))), 256)),
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(S.value.start, S.value.end), (t, u) => (a(), l("text", {
+            }, null, 8, Fa))), 256)),
+            (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-              transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
+              transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
               fill: e.value.color
-            }, T(t), 9, Na))), 256))
+            }, T(t), 9, Ma))), 256))
           ])) : p("", !0),
-          _("g", Fa, [
-            (a(!0), l(m, null, L(v.value.dataset, (t, u) => (a(), l(m, null, [
-              (a(!0), l(m, null, L(t.coordinates, (n, h) => (a(), l("rect", {
-                x: n.x,
-                width: n.width <= 0 ? 1e-5 : n.width,
-                height: f(X)(n.height <= 0 ? 1e-5 : n.height),
-                y: f(X)(n.y),
+          _("g", Oa, [
+            (a(!0), l(m, null, L(v.value.dataset, (t, n) => (a(), l(m, null, [
+              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("rect", {
+                x: r.x,
+                width: r.width <= 0 ? 1e-5 : r.width,
+                height: f(X)(r.height <= 0 ? 1e-5 : r.height),
+                y: f(X)(r.y),
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
                 "stroke-linecap": "round",
-                class: ne({ "vue-data-ui-bar-animated": e.value.barAnimated && n.value < 0 })
+                class: ne({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 })
               }, [
-                e.value.barAnimated && n.value > 0 && !f(ye) && !f(ke) ? (a(), l("animate", {
+                e.value.barAnimated && r.value > 0 && !f(ke) && !f(be) ? (a(), l("animate", {
                   key: 0,
                   attributeName: "height",
                   from: 0,
-                  to: n.height,
+                  to: r.height,
                   dur: "0.5s"
-                }, null, 8, Oa)) : p("", !0),
-                e.value.barAnimated && n.value > 0 && !f(ye) && !f(ke) ? (a(), l("animate", {
+                }, null, 8, Ua)) : p("", !0),
+                e.value.barAnimated && r.value > 0 && !f(ke) && !f(be) ? (a(), l("animate", {
                   key: 1,
                   attributeName: "y",
                   from: v.value.absoluteZero,
-                  to: v.value.absoluteZero - n.height,
+                  to: v.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, Ba)) : p("", !0)
-              ], 10, Ma))), 256))
+                }, null, 8, Da)) : p("", !0)
+              ], 10, Ba))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Ua, [
-            (a(!0), l(m, null, L(v.value.dataset, (t, u) => (a(), l(m, null, [
-              (a(!0), l(m, null, L(t.coordinates, (n, h) => (a(), l("text", {
-                x: n.x + n.width / 2,
-                y: f(X)(n.y) - e.value.dataLabelFontSize / 2,
+          e.value.showDataLabels ? (a(), l("g", Va, [
+            (a(!0), l(m, null, L(v.value.dataset, (t, n) => (a(), l(m, null, [
+              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("text", {
+                x: r.x + r.width / 2,
+                y: f(X)(r.y) - e.value.dataLabelFontSize / 2,
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
                 class: "quick-animation"
               }, T(f(H)(
                 e.value.formatter,
-                f(X)(n.value),
+                f(X)(r.value),
                 f(O)({
                   p: e.value.valuePrefix,
-                  v: f(X)(n.value),
+                  v: f(X)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: n, seriesIndex: h }
-              )), 9, Da))), 256))
+                { datapoint: r, seriesIndex: h }
+              )), 9, qa))), 256))
             ], 64))), 256))
           ])) : p("", !0),
-          _("g", Va, [
-            (a(!0), l(m, null, L(v.value.extremes.maxSeries, (t, u) => (a(), l("rect", {
-              x: v.value.drawingArea.left + u * v.value.slotSize,
+          _("g", Wa, [
+            (a(!0), l(m, null, L(v.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
+              x: v.value.drawingArea.left + n * v.value.slotSize,
               y: v.value.drawingArea.top,
               height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
               width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
-              fill: [q.value, Y.value].includes(u) ? e.value.xyHighlighterColor : "transparent",
+              fill: [q.value, Y.value].includes(n) ? e.value.xyHighlighterColor : "transparent",
               style: F(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (n) => v.value.useTooltip(u),
-              onMouseleave: c[2] || (c[2] = (n) => v.value.killTooltip()),
-              onClick: (n) => g("selectDatapoint", v.value.dataset.map((h) => ({
+              onMouseenter: (r) => v.value.useTooltip(n),
+              onMouseleave: c[2] || (c[2] = (r) => v.value.killTooltip()),
+              onClick: (r) => g("selectDatapoint", v.value.dataset.map((h) => ({
                 ...h,
-                value: h.values[u]
+                value: h.values[n]
               })))
-            }, null, 44, qa))), 256))
+            }, null, 44, ja))), 256))
           ])
         ], 64)) : p("", !0),
-        [A.LINE, A.BAR].includes(z.value) ? (a(), l("g", Wa, [
-          e.value.xAxisLabel && z.value === A.LINE ? (a(), l("g", ja, [
+        [A.LINE, A.BAR].includes(z.value) ? (a(), l("g", Ga, [
+          e.value.xAxisLabel && z.value === A.LINE ? (a(), l("g", Ha, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
               x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
-              y: b.value.height - e.value.axisLabelsFontSize / 3
-            }, T(e.value.xAxisLabel), 9, Ga)
+              y: k.value.height - e.value.axisLabelsFontSize / 3
+            }, T(e.value.xAxisLabel), 9, Xa)
           ])) : p("", !0),
-          e.value.xAxisLabel && z.value === A.BAR ? (a(), l("g", Ha, [
+          e.value.xAxisLabel && z.value === A.BAR ? (a(), l("g", Za, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
               x: v.value.drawingArea.left + v.value.drawingArea.width / 2,
-              y: b.value.height - e.value.axisLabelsFontSize / 3
-            }, T(e.value.xAxisLabel), 9, Xa)
+              y: k.value.height - e.value.axisLabelsFontSize / 3
+            }, T(e.value.xAxisLabel), 9, Ya)
           ])) : p("", !0),
-          e.value.yAxisLabel && z.value === A.LINE ? (a(), l("g", Za, [
+          e.value.yAxisLabel && z.value === A.LINE ? (a(), l("g", Ja, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, T(e.value.yAxisLabel), 9, Ya)
+            }, T(e.value.yAxisLabel), 9, Qa)
           ])) : p("", !0),
-          e.value.yAxisLabel && z.value === A.BAR ? (a(), l("g", Ja, [
+          e.value.yAxisLabel && z.value === A.BAR ? (a(), l("g", Ka, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${v.value.drawingArea.top + v.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, T(e.value.yAxisLabel), 9, Qa)
+            }, T(e.value.yAxisLabel), 9, el)
           ])) : p("", !0)
         ])) : p("", !0)
-      ], 12, Nt)) : p("", !0),
-      z.value ? p("", !0) : (a(), Pe(Lt, {
+      ], 12, Mt)) : p("", !0),
+      z.value ? p("", !0) : (a(), Ie($t, {
         key: 3,
         config: {
           type: "line",
@@ -1267,46 +1281,46 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
           }
         }
       }, null, 8, ["config"])),
-      r.$slots.watermark ? (a(), l("div", Ka, [
-        D(r.$slots, "watermark", J(fe({ isPrinting: f(ye) || f(ke) })), void 0, !0)
+      u.$slots.watermark ? (a(), l("div", tl, [
+        D(u.$slots, "watermark", J(ge({ isPrinting: f(ke) || f(be) })), void 0, !0)
       ])) : p("", !0),
-      [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (a(), l("div", {
-        key: `slicer_${ze.value}`,
+      [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && y.value.maxSeriesLength > 1 ? (a(), l("div", {
+        key: `slicer_${ye.value}`,
         ref_key: "quickChartSlicer",
         ref: re
       }, [
-        (a(), Pe(At, {
-          key: `slicer_${ze.value}`,
+        (a(), Ie(zt, {
+          key: `slicer_${ye.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
           useResetSlot: e.value.zoomUseResetSlot,
-          labelLeft: e.value.xyPeriods[S.value.start] ? e.value.xyPeriods[S.value.start] : "",
-          labelRight: e.value.xyPeriods[S.value.end - 1] ? e.value.xyPeriods[S.value.end - 1] : "",
+          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] : "",
           textColor: e.value.color,
           inputColor: e.value.zoomColor,
           selectColor: e.value.zoomHighlightColor,
-          max: k.value.maxSeriesLength,
+          max: y.value.maxSeriesLength,
           min: 0,
-          valueStart: S.value.start,
-          valueEnd: S.value.end,
+          valueStart: b.value.start,
+          valueEnd: b.value.end,
           smoothMinimap: e.value.zoomMinimap.smooth,
           minimapSelectedColor: e.value.zoomMinimap.selectedColor,
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
           minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
           minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: at.value,
+          minimap: it.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           minimapSelectedIndex: Y.value,
-          start: S.value.start,
-          "onUpdate:start": c[3] || (c[3] = (t) => S.value.start = t),
-          end: S.value.end,
-          "onUpdate:end": c[4] || (c[4] = (t) => S.value.end = t),
-          onReset: tt,
-          onTrapMouse: et
+          start: b.value.start,
+          "onUpdate:start": c[3] || (c[3] = (t) => b.value.start = t),
+          end: b.value.end,
+          "onUpdate:end": c[4] || (c[4] = (t) => b.value.end = t),
+          onReset: ot,
+          onTrapMouse: lt
         }, {
           "reset-action": ae(({ reset: t }) => [
-            D(r.$slots, "reset-action", J(fe({ reset: t })), void 0, !0)
+            D(u.$slots, "reset-action", J(ge({ 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", "minimapSelectedIndex", "start", "end"]))
@@ -1318,15 +1332,15 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
         class: "vue-ui-quick-chart-legend",
         style: F(`background:${e.value.backgroundColor};color:${e.value.color}`)
       }, [
-        z.value === A.DONUT ? (a(!0), l(m, { key: 0 }, L(C.value.legend, (t, u) => (a(), l("div", {
+        z.value === A.DONUT ? (a(!0), l(m, { key: 0 }, L(C.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
-          onClick: (n) => {
-            Ke(t, C.value.dataset), g("selectLegend", t);
+          onClick: (r) => {
+            at(t, C.value.dataset), g("selectLegend", t);
           },
           style: F(`cursor: ${C.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? D(r.$slots, "legend", J(Ie({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
-            ge(Ae, {
+          e.value.useCustomLegend ? D(u.$slots, "legend", J(Ee({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
+            me(Le, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1345,12 +1359,12 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: t, seriesIndex: u }
+              { datapoint: t, seriesIndex: n }
             )), 5),
             w.value.includes(t.id) ? (a(), l("span", {
               key: 0,
               style: F(`font-size:${e.value.legendFontSize}px`)
-            }, " ( - % ) ", 4)) : we.value ? (a(), l("span", {
+            }, " ( - % ) ", 4)) : _e.value ? (a(), l("span", {
               key: 1,
               style: F(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
             }, " ( - % ) ", 4)) : (a(), l("span", {
@@ -1362,16 +1376,16 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               r: e.value.dataLabelRoundingPercentage
             })) + ") ", 5))
           ], 64))
-        ], 12, el))), 256)) : p("", !0),
-        z.value === A.LINE ? (a(!0), l(m, { key: 1 }, L(d.value.legend, (t, u) => (a(), l("div", {
+        ], 12, al))), 256)) : p("", !0),
+        z.value === A.LINE ? (a(!0), l(m, { key: 1 }, L(d.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
-          onClick: (n) => {
-            Be(t.id, d.value.legend.length - 1), g("selectLegend", t);
+          onClick: (r) => {
+            Ve(t.id, d.value.legend.length - 1), g("selectLegend", t);
           },
           style: F(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? D(r.$slots, "legend", J(Ie({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
-            ge(Ae, {
+          e.value.useCustomLegend ? D(u.$slots, "legend", J(Ee({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
+            me(Le, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1380,16 +1394,16 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               style: F(`font-size:${e.value.legendFontSize}px`)
             }, T(t.name), 5)
           ], 64))
-        ], 12, tl))), 256)) : p("", !0),
-        z.value === A.BAR ? (a(!0), l(m, { key: 2 }, L(v.value.legend, (t, u) => (a(), l("div", {
+        ], 12, ll))), 256)) : p("", !0),
+        z.value === A.BAR ? (a(!0), l(m, { key: 2 }, L(v.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
-          onClick: (n) => {
-            Be(t.id, v.value.legend.length - 1), g("selectLegend", t);
+          onClick: (r) => {
+            Ve(t.id, v.value.legend.length - 1), g("selectLegend", t);
           },
           style: F(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? D(r.$slots, "legend", J(Ie({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
-            ge(Ae, {
+          e.value.useCustomLegend ? D(u.$slots, "legend", J(Ee({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
+            me(Le, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
@@ -1398,10 +1412,10 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
               style: F(`font-size:${e.value.legendFontSize}px`)
             }, T(t.name), 5)
           ], 64))
-        ], 12, al))), 256)) : p("", !0)
+        ], 12, ol))), 256)) : p("", !0)
       ], 4)) : p("", !0),
-      ge(St, {
-        show: be.value.showTooltip && G.value,
+      me(_t, {
+        show: Se.value.showTooltip && G.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         borderRadius: e.value.tooltipBorderRadius,
@@ -1413,25 +1427,25 @@ const Ye = (s) => (rt("data-v-bf59d888"), s = s(), st(), s), Rt = ["id"], Nt = [
         offsetY: e.value.tooltipOffsetY,
         parent: j.value,
         content: Q.value,
-        isCustom: f(_e)(e.value.tooltipCustomFormat)
+        isCustom: f(Ae)(e.value.tooltipCustomFormat)
       }, {
         "tooltip-before": ae(() => [
-          D(r.$slots, "tooltip-before", J(fe({ ...se.value })), void 0, !0)
+          D(u.$slots, "tooltip-before", J(ge({ ...se.value })), void 0, !0)
         ]),
         "tooltip-after": ae(() => [
-          D(r.$slots, "tooltip-after", J(fe({ ...se.value })), void 0, !0)
+          D(u.$slots, "tooltip-after", J(ge({ ...se.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"])
-    ], 14, Rt)) : (a(), l("div", ll, [
-      ge(Ae, {
+    ], 14, Ft)) : (a(), l("div", il, [
+      me(Le, {
         name: "circleCancel",
         stroke: "red"
       }),
-      ol
+      ul
     ]));
   }
-}, ml = /* @__PURE__ */ zt(il, [["__scopeId", "data-v-bf59d888"]]);
+}, xl = /* @__PURE__ */ Ct(nl, [["__scopeId", "data-v-0b4fa3fa"]]);
 export {
-  ml as default
+  xl as default
 };