vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-quick-chart-DgWwf7SJ.js → vue-ui-quick-chart-DFoz3WiA.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as De, ref as L, computed as M, toRefs as Oa, watch as Ue, shallowRef as Yt, onMounted as Fa, onBeforeUnmount as Zt, nextTick as ft, watchEffect as Jt, openBlock as n, createElementBlock as i, normalizeStyle as N, normalizeClass as ye, createElementVNode as $, toDisplayString as B, createBlock as Se, createCommentVNode as g, unref as c, withCtx as W, renderSlot as R, normalizeProps as J, guardReactiveProps as Q, createSlots as Na, createVNode as Ce, Fragment as S, renderList as O, Teleport as Ba, mergeProps as ht } from "vue";
-import { j as Da, t as Qt, m as Ua, p as le, n as Va, a8 as qa, q as Ha, o as Wa, s as gt, a4 as Xa, D as Je, l as j, k as ue, X as ja, a5 as Ga, a6 as Qe, a7 as ze, Z as ea, c as ta, K as he, T as et, U as mt } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as De, ref as L, computed as M, toRefs as Oa, watch as Ue, shallowRef as Yt, onMounted as Fa, onBeforeUnmount as Zt, nextTick as ft, watchEffect as Jt, openBlock as n, createElementBlock as i, normalizeStyle as N, normalizeClass as xe, createElementVNode as $, toDisplayString as B, createBlock as we, createCommentVNode as g, unref as c, withCtx as X, renderSlot as R, normalizeProps as Q, guardReactiveProps as ee, createSlots as Na, createVNode as ze, Fragment as S, renderList as O, Teleport as Ba, mergeProps as ht } from "vue";
+import { j as Da, t as Qt, m as Ua, p as ne, n as Va, a8 as qa, q as Ha, o as Wa, s as gt, a4 as Xa, D as Je, l as G, k as ue, X as ja, a5 as Ga, a6 as Qe, a7 as $e, Z as ea, c as ta, K as he, T as et, U as mt } from "./lib-DBptbyyI.js";
 import { t as aa, u as Ka } from "./useResponsive-DfdjqQps.js";
 import { u as Ya } from "./useConfig-DO94Aj5s.js";
 import { u as Za, B as Ja } from "./BaseScanner-BhhkKVoj.js";
@@ -22,22 +22,22 @@ const y = {
   DONUT: "DONUT"
 }, dl = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
 function cl({ dataset: m, barLineSwitch: F = 6, debug: z = !0 }) {
-  let q = null, ee = null, me = 0;
-  if ((typeof m == "number" || typeof m == "string") && z && console.warn(`The provided dataset (${m}) is not sufficient to build a chart`), at(m) && (ge(m) && (m.length < F ? q = y.BAR : q = y.LINE, ee = m, me = m.length), tt(m))) {
+  let q = null, te = null, me = 0;
+  if ((typeof m == "number" || typeof m == "string") && z && console.warn(`The provided dataset (${m}) is not sufficient to build a chart`), at(m) && (ge(m) && (m.length < F ? q = y.BAR : q = y.LINE, te = m, me = m.length), tt(m))) {
     if (!hl(m))
       return z && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
     const lt = Object.keys(m[0]), Ve = Object.values(m[0]);
-    if (!lt.some((G) => gl(G)))
+    if (!lt.some((K) => gl(K)))
       return z && 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;
-    la(Ve, (G) => typeof G == "number") && (q = y.DONUT, ee = m), la(Ve, (G) => Array.isArray(G) && ge(G)) && (oa(m) > F ? q = y.LINE : q = y.BAR, me = oa(m), ee = m.map((G) => ({
-      ...G,
-      data: ml(G, (oe) => ge(oe))
-    }))), m = m.map((G) => na(G)), ee = ee.map((G) => na(G));
+    la(Ve, (K) => typeof K == "number") && (q = y.DONUT, te = m), la(Ve, (K) => Array.isArray(K) && ge(K)) && (oa(m) > F ? q = y.LINE : q = y.BAR, me = oa(m), te = m.map((K) => ({
+      ...K,
+      data: ml(K, (ie) => ge(ie))
+    }))), m = m.map((K) => na(K)), te = te.map((K) => na(K));
   }
   return {
     dataset: m,
     type: q,
-    usableDataset: ee,
+    usableDataset: te,
     maxSeriesLength: me
   };
 }
@@ -59,9 +59,9 @@ function fl(m, F) {
   const z = Object.keys(m).sort(), q = Object.keys(F).sort();
   if (z.length !== q.length)
     return !1;
-  for (let ee = 0; ee < z.length; ee += 1) {
-    const me = z[ee], $e = q[ee];
-    if (me !== $e || typeof m[me] != typeof F[$e])
+  for (let te = 0; te < z.length; te += 1) {
+    const me = z[te], Te = q[te];
+    if (me !== Te || typeof m[me] != typeof F[Te])
       return !1;
   }
   return !0;
@@ -166,12 +166,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
   },
   emits: ["selectDatapoint", "selectLegend", "copyAlt"],
   setup(m, { expose: F, emit: z }) {
-    const q = De(() => import("./BaseIcon-Cb3zzG6s.js")), ee = De(() => import("./PackageVersion-IIGK_e2C.js")), me = De(() => import("./PenAndPaper-DARlvvKW.js")), $e = De(() => import("./Tooltip-Bf-kM3_A.js")), yt = De(() => import("./UserOptions-DWHf8jyO.js")), { vue_ui_quick_chart: lt } = Ya(), { isThemeValid: Ve, warnInvalidTheme: G } = al(), oe = m, se = L(null), xt = L(null), kt = L(null), bt = L(null), K = L(Da()), ve = L(!1), Te = L(null), xe = L(""), te = L(null), St = L(null), wt = L(null), w = L([]), At = L(0), qe = L(0), Lt = L(!1), Ee = L(null), Pe = L(null), de = L(null), He = L(null), _t = L(null), Ct = L(null);
+    const q = De(() => import("./BaseIcon-Cb3zzG6s.js")), te = De(() => import("./PackageVersion-DPO-OOVI.js")), me = De(() => import("./PenAndPaper-Ct3qJ4lA.js")), Te = De(() => import("./Tooltip-Bf-kM3_A.js")), yt = De(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_quick_chart: lt } = Ya(), { isThemeValid: Ve, warnInvalidTheme: K } = al(), ie = m, se = L(null), xt = L(null), kt = L(null), bt = L(null), Y = L(Da()), ve = L(!1), Ee = L(null), ke = L(""), ae = L(null), St = L(null), wt = L(null), w = L([]), At = L(0), qe = L(0), Lt = L(!1), Pe = L(null), Ie = L(null), de = L(null), He = L(null), _t = L(null), Ct = L(null);
     L("#FFFFFF");
-    const e = L(ut()), ot = M(() => !!e.value.debug), we = M(() => e.value.useCursorPointer), Y = L(null), zt = L({ x: 0, y: 0 }), ce = L("pointer"), nt = L(!1), ua = M(() => Qt({
+    const e = L(ut()), ot = M(() => !!e.value.debug), Ae = M(() => e.value.useCursorPointer), Z = L(null), zt = L({ x: 0, y: 0 }), ce = L("pointer"), nt = L(!1), ua = M(() => Qt({
       userConfig: e.value.skeletonConfig ?? {}
     })), { loading: D, FINAL_DATASET: ra, manualLoading: $t } = Za({
-      ...Oa(oe),
+      ...Oa(ie),
       FINAL_CONFIG: e,
       prepareConfig: ut,
       callback: () => {
@@ -183,50 +183,50 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           });
         });
       },
-      skeletonDataset: oe.config?.skeletonDataset ?? [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
+      skeletonDataset: ie.config?.skeletonDataset ?? [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
       skeletonConfig: Qt({
         defaultConfig: e.value,
         userConfig: ua.value
       })
-    }), { svgRef: ke } = ll({ config: { text: e.value.title } }), sa = M(() => e.value.showUserOptionsOnChartHover), Tt = M(() => e.value.keepUserOptionsStateOnChartLeave), We = L(!e.value.showUserOptionsOnChartHover), it = L(!1);
+    }), { svgRef: be } = ll({ config: { text: e.value.title } }), sa = M(() => e.value.showUserOptionsOnChartHover), Tt = M(() => e.value.keepUserOptionsStateOnChartLeave), We = L(!e.value.showUserOptionsOnChartHover), it = L(!1);
     function Et(a = !1) {
       it.value = a, sa.value && (We.value = a);
     }
     function ut() {
       const a = pt({
-        userConfig: oe.config,
+        userConfig: ie.config,
         defaultConfig: lt
       });
       let r = {};
       const t = a.theme;
       if (t)
         if (!Ve.value(a))
-          G(a), r = a;
+          K(a), r = a;
         else {
           const l = pt({
-            userConfig: ul[t] || oe.config,
+            userConfig: ul[t] || ie.config,
             defaultConfig: a
           });
           r = {
             ...pt({
-              userConfig: oe.config,
+              userConfig: ie.config,
               defaultConfig: l
             }),
-            customPalette: a.customPalette.length ? a.customPalette : Ua[t] || le
+            customPalette: a.customPalette.length ? a.customPalette : Ua[t] || ne
           };
         }
       else
         r = a;
       return r;
     }
-    Ue(() => oe.config, (a) => {
-      D.value || (e.value = ut()), _.value.width = e.value.width, _.value.height = e.value.height, We.value = !e.value.showUserOptionsOnChartHover, Mt(), Ae.value.showTooltip = e.value.showTooltip;
-    }, { deep: !0 }), Ue(() => oe.dataset, (a) => {
-      A.value = Me.value, k.value.start = 0, k.value.end = A.value.maxSeriesLength, qe.value += 1;
-    }, { deep: !0 }), Ue(() => oe.dataset, (a) => {
+    Ue(() => ie.config, (a) => {
+      D.value || (e.value = ut()), _.value.width = e.value.width, _.value.height = e.value.height, We.value = !e.value.showUserOptionsOnChartHover, Mt(), Le.value.showTooltip = e.value.showTooltip;
+    }, { deep: !0 }), Ue(() => ie.dataset, (a) => {
+      A.value = Re.value, k.value.start = 0, k.value.end = A.value.maxSeriesLength, qe.value += 1;
+    }, { deep: !0 }), Ue(() => ie.dataset, (a) => {
       Array.isArray(a) && a.length > 0 && ($t.value = !1);
     }, { immediate: !0 });
-    const Ie = M(() => Va(e.value.customPalette)), re = z, Me = M(() => {
+    const Me = M(() => Va(e.value.customPalette)), re = z, Re = M(() => {
       const a = cl({ debug: ot.value, dataset: qa(ra.value, [
         "serie",
         "series",
@@ -236,7 +236,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return !a && ot.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
-    }), A = L(Me.value), va = M(() => !!A.value), x = M(() => A.value ? A.value.type : null);
+    }), A = L(Re.value), va = M(() => !!A.value), x = M(() => A.value ? A.value.type : null);
     Ue(() => x.value, (a) => {
       a || Ha({
         componentName: "VueUiQuickChart",
@@ -245,26 +245,26 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       });
     }, { immediate: !0 });
     const { isPrinting: Xe, isImaging: je, generatePdf: Pt, generateImage: It } = Qa({
-      elementId: `${x.value}_${K.value}`,
+      elementId: `${x.value}_${Y.value}`,
       fileName: e.value.title || x.value,
       options: e.value.userOptionsPrint
     }), da = M(() => e.value.showUserOptions && !e.value.title), _ = L({
       width: e.value.width,
       height: e.value.height
-    }), Ae = L({
+    }), Le = L({
       showTooltip: e.value.showTooltip
     });
     Ue(e, () => {
-      Ae.value = {
+      Le.value = {
         showTooltip: e.value.showTooltip
       };
     }, { immediate: !0 });
-    const pe = Yt(null), Le = Yt(null);
+    const pe = Yt(null), _e = Yt(null);
     Fa(async () => {
       Lt.value = !0, Mt();
     });
     function Mt() {
-      if (Wa(oe.dataset) || ($t.value = e.value.loading), e.value.responsive) {
+      if (Wa(ie.dataset) || ($t.value = e.value.loading), e.value.responsive) {
         const a = aa(() => {
           const { width: r, height: t } = Ka({
             chart: se.value,
@@ -278,12 +278,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             _.value.width = r, _.value.height = t;
           });
         });
-        pe.value && (Le.value && pe.value.unobserve(Le.value), pe.value.disconnect()), pe.value = new ResizeObserver(a), Le.value = se.value.parentNode, pe.value.observe(Le.value);
+        pe.value && (_e.value && pe.value.unobserve(_e.value), pe.value.disconnect()), pe.value = new ResizeObserver(a), _e.value = se.value.parentNode, pe.value.observe(_e.value);
       }
       Ut();
     }
     Zt(() => {
-      pe.value && (Le.value && pe.value.unobserve(Le.value), pe.value.disconnect());
+      pe.value && (_e.value && pe.value.unobserve(_e.value), pe.value.disconnect());
     });
     const ca = M(() => {
       switch (x.value) {
@@ -300,15 +300,15 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     function Rt(a) {
       return [...a].map((r) => r.value).reduce((r, t) => r + t, 0);
     }
-    function Re(a) {
-      return e.value.blurOnHover && ![null, void 0].includes(te.value) && te.value !== a ? `url(#blur_${K.value})` : "";
+    function Oe(a) {
+      return e.value.blurOnHover && ![null, void 0].includes(ae.value) && ae.value !== a ? `url(#blur_${Y.value})` : "";
     }
     function fa() {
       w.value.length ? w.value = [] : x.value === y.DONUT ? C.value.legend.forEach((a) => {
         w.value.push(a.id);
       }) : x.value === y.LINE ? d.value.legend.forEach((a) => {
         w.value.push(a.id);
-      }) : x.value === y.BAR && s.value.legend.forEach((a) => {
+      }) : x.value === y.BAR && v.value.legend.forEach((a) => {
         w.value.push(a.id);
       });
     }
@@ -319,50 +319,50 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     function Nt(a, r) {
       Ke.value = !0;
       let t = a.value;
-      const l = Me.value.dataset.find((o, v) => a.id === `donut_${v}`).VALUE;
+      const l = Re.value.dataset.find((o, s) => a.id === `donut_${s}`).VALUE;
       if (w.value.includes(a.id)) {
         let o = function() {
           t > l ? (Ke.value = !1, cancelAnimationFrame(Ft.value), A.value = {
             ...A.value,
-            dataset: A.value.dataset.map((v, b) => a.id === `donut_${b}` ? {
-              ...v,
+            dataset: A.value.dataset.map((s, b) => a.id === `donut_${b}` ? {
+              ...s,
               value: l,
               VALUE: l
-            } : v)
+            } : s)
           }) : (t += l * 0.025, A.value = {
             ...A.value,
-            dataset: A.value.dataset.map((v, b) => a.id === `donut_${b}` ? {
-              ...v,
+            dataset: A.value.dataset.map((s, b) => a.id === `donut_${b}` ? {
+              ...s,
               value: t,
               VALUE: t
-            } : v)
+            } : s)
           }, Ft.value = requestAnimationFrame(o));
         };
-        w.value = w.value.filter((v) => v !== a.id), o();
+        w.value = w.value.filter((s) => s !== a.id), o();
       } else if (r.length > 1) {
         let o = function() {
           t < l / 100 ? (Ke.value = !1, cancelAnimationFrame(Ot.value), w.value.push(a.id), A.value = {
             ...A.value,
-            dataset: A.value.dataset.map((v, b) => a.id === `donut_${b}` ? {
-              ...v,
+            dataset: A.value.dataset.map((s, b) => a.id === `donut_${b}` ? {
+              ...s,
               value: 0,
               VALUE: 0
-            } : v)
+            } : s)
           }) : (t /= 1.1, A.value = {
             ...A.value,
-            dataset: A.value.dataset.map((v, b) => a.id === `donut_${b}` ? {
-              ...v,
+            dataset: A.value.dataset.map((s, b) => a.id === `donut_${b}` ? {
+              ...s,
               value: t,
               VALUE: t
-            } : v)
+            } : s)
           }, Ot.value = requestAnimationFrame(o));
         };
         o();
       }
     }
-    const ne = L(null);
+    const le = L(null);
     function ha(a) {
-      ne.value = a;
+      le.value = a;
     }
     const Bt = M(() => e.value.donutThicknessRatio < 0.01 ? 0.01 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), C = M(() => {
       if (x.value !== y.DONUT) return null;
@@ -373,11 +373,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         id: `donut_${T}`
       })).map((h, T) => ({
         ...h,
-        color: h.COLOR ? gt(h.COLOR) : Ie.value[T + e.value.paletteStartIndex] || le[T + e.value.paletteStartIndex] || le[(T + e.value.paletteStartIndex) % le.length],
+        color: h.COLOR ? gt(h.COLOR) : Me.value[T + e.value.paletteStartIndex] || ne[T + e.value.paletteStartIndex] || ne[(T + e.value.paletteStartIndex) % ne.length],
         immutableValue: h.value
       }));
       function r(h, T) {
-        return j({
+        return G({
           v: isNaN(h.value / Rt(T)) ? 0 : h.value / Rt(T) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
@@ -387,11 +387,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         return h.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
       function l(h, T) {
-        const f = Me.value.dataset.find((p, E) => `donut_${E}` === h).VALUE;
+        const f = Re.value.dataset.find((p, E) => `donut_${E}` === h).VALUE;
         return Math.abs(String(Number(f.toFixed(0))).length - String(Number(T.toFixed(0))).length);
       }
       function o({ datapoint: h, seriesIndex: T, triggerMode: f = "pointer" }) {
-        Te.value = { datapoint: h, seriesIndex: T, config: e.value, dataset: a }, te.value = h.id, Y.value = T, ce.value = f;
+        Ee.value = { datapoint: h, seriesIndex: T, config: e.value, dataset: a }, ae.value = h.id, Z.value = T, ce.value = f;
         const u = e.value.tooltipCustomFormat;
         if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: h, seriesIndex: T }), et(u) && mt(() => u({
           datapoint: h,
@@ -399,7 +399,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           series: a,
           config: e.value
         })))
-          xe.value = u({
+          ke.value = u({
             datapoint: h,
             seriesIndex: T,
             series: a,
@@ -410,19 +410,19 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           p += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${h.name}</div>`, p += `<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="${h.color}"/></svg>`, p += `<b>${ue(
             e.value.formatter,
             h.value,
-            j({
+            G({
               p: e.value.valuePrefix,
               v: h.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
             { datapoint: h, seriesIndex: T }
-          )}</b>`, p += `<span>(${j({ v: h.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, xe.value = `<div>${p}</div>`;
+          )}</b>`, p += `<span>(${G({ v: h.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ke.value = `<div>${p}</div>`;
         }
         ve.value = !0;
       }
-      function v({ datapoint: h, seriesIndex: T }) {
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: h, seriesIndex: T }), ve.value = !1, te.value = null, ne.value = null, Y.value = null, ce.value = "pointer";
+      function s({ datapoint: h, seriesIndex: T }) {
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: h, seriesIndex: T }), ve.value = !1, ae.value = null, le.value = null, Z.value = null, ce.value = "pointer";
       }
       function b({ datapoint: h, seriesIndex: T }) {
         e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: h, seriesIndex: T }), re("selectDatapoint", h);
@@ -430,33 +430,33 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       const P = {
         centerX: _.value.width / 2,
         centerY: _.value.height / 2
-      }, I = a.filter((h) => !w.value.includes(h.id)).map((h) => h.value || 0).reduce((h, T) => h + T, 0), ie = a.map((h, T) => ({
+      }, I = a.filter((h) => !w.value.includes(h.id)).map((h) => h.value || 0).reduce((h, T) => h + T, 0), H = a.map((h, T) => ({
         ...h,
         proportion: (h.value || 0) / I,
         value: h.value || 0,
-        absoluteValue: Me.value.dataset.find((f, u) => `donut_${u}` === h.id).VALUE,
+        absoluteValue: Re.value.dataset.find((f, u) => `donut_${u}` === h.id).VALUE,
         shape: "circle"
-      })), fe = _.value.width / 2, ae = _.value.height / 2, X = _.value.height * e.value.donutRadiusRatio;
+      })), fe = _.value.width / 2, oe = _.value.height / 2, j = _.value.height * e.value.donutRadiusRatio;
       return {
-        dataset: ie.filter((h) => !w.value.includes(h.id)),
-        legend: ie,
+        dataset: H.filter((h) => !w.value.includes(h.id)),
+        legend: H,
         drawingArea: P,
         displayArcPercentage: r,
         isArcBigEnough: t,
         useTooltip: o,
-        killTooltip: v,
+        killTooltip: s,
         selectDatapoint: b,
         getSpaces: l,
         total: I,
         cx: fe,
-        cy: ae,
-        radius: X,
+        cy: oe,
+        radius: j,
         chart: Xa(
           { series: a.filter((h) => !w.value.includes(h.id)) },
           fe,
-          ae,
-          X,
-          X,
+          oe,
+          j,
+          j,
           1.99999,
           2,
           1,
@@ -488,9 +488,9 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     const pa = M(() => {
       if (!e.value.zoomMinimap.show || x.value === y.DONUT) return [];
       let a = [];
-      ge(A.value.dataset) && (a = A.value.dataset), tt(A.value.dataset) && (a = A.value.dataset.map((o, v) => ({
+      ge(A.value.dataset) && (a = A.value.dataset), tt(A.value.dataset) && (a = A.value.dataset.map((o, s) => ({
         values: o.VALUE || o.DATA || o.SERIE || o.SERIES || o.VALUES || o.NUM || 0,
-        id: x.value === y.LINE ? `line_${v}` : `bar_${v}`
+        id: x.value === y.LINE ? `line_${s}` : `bar_${s}`
       })).filter((o) => !w.value.includes(o.id)));
       const r = ge(a) ? a.length : Math.max(...a.map((o) => o.values.length));
       let t = [];
@@ -498,15 +498,15 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         t = a;
       else
         for (let o = 0; o < r; o += 1)
-          t.push(a.map((v) => v.values[o] || 0).reduce((v, b) => (v || 0) + (b || 0), 0));
+          t.push(a.map((s) => s.values[o] || 0).reduce((s, b) => (s || 0) + (b || 0), 0));
       const l = Math.min(...t);
       return t.map((o) => o + (l < 0 ? Math.abs(l) : 0));
     });
     function Vt() {
       let a = 0;
       return He.value && (a = Array.from(He.value.querySelectorAll("text")).reduce((l, o) => {
-        const v = o.getComputedTextLength();
-        return v > l ? v : l;
+        const s = o.getComputedTextLength();
+        return s > l ? s : l;
       }, 0)), a + 4;
     }
     const rt = L(0), ya = aa((a) => {
@@ -551,7 +551,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           absoluteValues: A.value.dataset,
           absoluteIndices: A.value.dataset.map((f, u) => u).slice(k.value.start, k.value.end),
           name: e.value.title,
-          color: Ie.value[e.value.paletteStartIndex] || le[e.value.paletteStartIndex],
+          color: Me.value[e.value.paletteStartIndex] || ne[e.value.paletteStartIndex],
           id: "line_0"
         }
       ]), tt(A.value.dataset) && (l = A.value.dataset.map((f, u) => ({
@@ -561,7 +561,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         id: `line_${u}`
       })).map((f, u) => ({
         ...f,
-        color: f.COLOR ? gt(f.COLOR) : Ie.value[u + e.value.paletteStartIndex] || le[u + e.value.paletteStartIndex] || le[(u + e.value.paletteStartIndex) % le.length],
+        color: f.COLOR ? gt(f.COLOR) : Me.value[u + e.value.paletteStartIndex] || ne[u + e.value.paletteStartIndex] || ne[(u + e.value.paletteStartIndex) % ne.length],
         values: f.values.slice(k.value.start, k.value.end),
         absoluteValues: f.values,
         absoluteIndices: f.values.map((p, E) => E).slice(k.value.start, k.value.end)
@@ -570,8 +570,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         max: Math.max(...l.filter((f) => !w.value.includes(f.id)).flatMap((f) => f.values)),
         min: Math.min(...l.filter((f) => !w.value.includes(f.id)).flatMap((f) => f.values)),
         maxSeries: Math.max(...l.map((f) => f.values.length))
-      }, v = o.max === o.min ? Je(o.min, o.min + 1, e.value.xyScaleSegments) : Je(o.min < 0 ? o.min : 0, o.max < 0 ? 0 : o.max, e.value.xyScaleSegments), b = o.min < 0 ? Math.abs(o.min) : 0, P = o.max < 0 ? t.top : t.bottom - b / (v.max + b) * t.height, I = t.width / o.maxSeries, ie = v.ticks.map((f) => ({
-        y: t.bottom - t.height * ((f + b) / (v.max + b)),
+      }, s = o.max === o.min ? Je(o.min, o.min + 1, e.value.xyScaleSegments) : Je(o.min < 0 ? o.min : 0, o.max < 0 ? 0 : o.max, e.value.xyScaleSegments), b = o.min < 0 ? Math.abs(o.min) : 0, P = o.max < 0 ? t.top : t.bottom - b / (s.max + b) * t.height, I = t.width / o.maxSeries, H = s.ticks.map((f) => ({
+        y: t.bottom - t.height * ((f + b) / (s.max + b)),
         x: t.left - 8,
         value: f
       })), fe = l.map((f, u) => ({
@@ -579,7 +579,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         shape: "circle",
         coordinates: f.values.map((p, E) => ({
           x: t.left + I * (E + 1) - I / 2,
-          y: t.bottom - (p + b) / (v.max + b) * t.height,
+          y: t.bottom - (p + b) / (s.max + b) * t.height,
           value: p
         }))
       })).map((f) => {
@@ -591,17 +591,17 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           linePath: u.join(" ")
         };
       });
-      function ae(f) {
+      function oe(f) {
         return l.map((u) => ({
           ...u,
           value: u.values[f],
           absoluteIndex: u.absoluteIndices[f]
         })).filter((u) => !w.value.includes(u.id));
       }
-      function X(f, u = "pointer") {
-        te.value = f, ne.value = f, Y.value = f, ce.value = u;
-        const p = ae(f);
-        Te.value = { datapoint: p, seriesIndex: f, config: e.value, dataset: l };
+      function j(f, u = "pointer") {
+        ae.value = f, le.value = f, Z.value = f, ce.value = u;
+        const p = oe(f);
+        Ee.value = { datapoint: p, seriesIndex: f, config: e.value, dataset: l };
         const E = e.value.tooltipCustomFormat;
         if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: p, seriesIndex: f + k.value.start }), et(E) && mt(() => E({
           datapoint: p,
@@ -609,7 +609,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           series: l,
           config: e.value
         })))
-          xe.value = E({
+          ke.value = E({
             datapoint: p,
             seriesIndex: f,
             series: l,
@@ -617,7 +617,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           });
         else {
           let U = "";
-          Z.value[p[0].absoluteIndex] && (U += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Z.value[p[0].absoluteIndex].text}</div>`), p.forEach((V, H) => {
+          J.value[p[0].absoluteIndex] && (U += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${J.value[p[0].absoluteIndex].text}</div>`), p.forEach((V, W) => {
             U += `
                     <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="${V.color}"/></svg>
@@ -625,27 +625,27 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                         <b>${ue(
               e.value.formatter,
               V.value,
-              j({
+              G({
                 p: e.value.valuePrefix,
                 v: V.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: V, seriesIndex: H }
+              { datapoint: V, seriesIndex: W }
             )}
                         </b>
                     </div>
                 `;
-          }), xe.value = U;
+          }), ke.value = U;
         }
         ve.value = !0;
       }
       function h(f) {
-        const u = ae(f);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: u, seriesIndex: f + k.value.start }), te.value = null, ne.value = null, ve.value = !1, Y.value = null, ce.value = "pointer";
+        const u = oe(f);
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: u, seriesIndex: f + k.value.start }), ae.value = null, le.value = null, ve.value = !1, Z.value = null, ce.value = "pointer";
       }
       function T(f) {
-        const u = ae(f);
+        const u = oe(f);
         e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: u, seriesIndex: f + k.value.start }), re("selectDatapoint", u);
       }
       return {
@@ -655,12 +655,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         drawingArea: t,
         extremes: o,
         slotSize: I,
-        yLabels: ie,
-        useTooltip: X,
+        yLabels: H,
+        useTooltip: j,
         killTooltip: h,
         selectDatapoint: T
       };
-    }), s = M(() => {
+    }), v = M(() => {
       if (x.value !== y.BAR) return null;
       const a = {
         height: _.value.height,
@@ -686,7 +686,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           absoluteValues: A.value.dataset,
           absoluteIndices: A.value.dataset.map((u, p) => p).slice(k.value.start, k.value.end),
           name: e.value.title,
-          color: Ie.value[e.value.paletteStartIndex] || le[e.value.paletteStartIndex],
+          color: Me.value[e.value.paletteStartIndex] || ne[e.value.paletteStartIndex],
           id: "bar_0"
         }
       ]), tt(A.value.dataset) && (l = A.value.dataset.map((u, p) => ({
@@ -696,7 +696,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         id: `bar_${p}`
       })).map((u, p) => ({
         ...u,
-        color: u.COLOR ? gt(u.COLOR) : Ie.value[p + e.value.paletteStartIndex] || le[p + e.value.paletteStartIndex] || le[(p + e.value.paletteStartIndex) % le.length],
+        color: u.COLOR ? gt(u.COLOR) : Me.value[p + e.value.paletteStartIndex] || ne[p + e.value.paletteStartIndex] || ne[(p + e.value.paletteStartIndex) % ne.length],
         values: u.values.slice(k.value.start, k.value.end),
         absoluteValues: u.values,
         absoluteIndices: u.values.map((E, U) => U).slice(k.value.start, k.value.end)
@@ -705,37 +705,37 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         max: Math.max(...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) < 0 ? 0 : Math.max(...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) ?? 1,
         min: Math.min(...l.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) ?? 0,
         maxSeries: Math.max(...l.filter((u) => !w.value.includes(u.id)).map((u) => u.values.length)) ?? 0
-      }, v = o.min === o.max ? Je(o.min, o.min + 1, e.value.xyScaleSegments) : Je(o.min < 0 ? o.min : 0, o.max, e.value.xyScaleSegments), b = v.min < 0 ? Math.abs(v.min) : 0, P = t.bottom - b / (v.max + b) * t.height, I = t.width / o.maxSeries, ie = v.ticks.map((u) => ({
-        y: t.bottom - t.height * ((u + b) / (v.max + b)),
+      }, s = o.min === o.max ? Je(o.min, o.min + 1, e.value.xyScaleSegments) : Je(o.min < 0 ? o.min : 0, o.max, e.value.xyScaleSegments), b = s.min < 0 ? Math.abs(s.min) : 0, P = t.bottom - b / (s.max + b) * t.height, I = t.width / o.maxSeries, H = s.ticks.map((u) => ({
+        y: t.bottom - t.height * ((u + b) / (s.max + b)),
         x: t.left - 8,
         value: u
       })), fe = l.map((u, p) => ({
         ...u,
         shape: "square",
         coordinates: u.values.map((E, U) => {
-          const V = (E + b) / (o.max + b) * t.height, H = Math.abs(E) / Math.abs(o.min) * (t.height - P), Ne = b / (o.max + b) * t.height, Be = I / l.filter((be) => !w.value.includes(be.id)).length - e.value.barGap / l.filter((be) => !w.value.includes(be.id)).length;
+          const V = (E + b) / (o.max + b) * t.height, W = Math.abs(E) / Math.abs(o.min) * (t.height - P), Ne = b / (o.max + b) * t.height, Be = I / l.filter((Se) => !w.value.includes(Se.id)).length - e.value.barGap / l.filter((Se) => !w.value.includes(Se.id)).length;
           return {
             x: t.left + I * U + Be * p + e.value.barGap / 2,
             y: E > 0 ? t.bottom - V : P,
-            height: E > 0 ? V - Ne : H,
+            height: E > 0 ? V - Ne : W,
             value: E,
             width: Be
           };
         })
-      })), ae = l.filter((u) => !w.value.includes(u.id)).map((u, p) => ({
+      })), oe = l.filter((u) => !w.value.includes(u.id)).map((u, p) => ({
         ...u,
         coordinates: u.values.map((E, U) => {
-          const V = (E + b) / (o.max + b) * t.height, H = Math.abs(E) / (o.max + b) * t.height, Ne = b / (o.max + b) * t.height, Be = I / l.filter((be) => !w.value.includes(be.id)).length - e.value.barGap / l.filter((be) => !w.value.includes(be.id)).length;
+          const V = (E + b) / (o.max + b) * t.height, W = Math.abs(E) / (o.max + b) * t.height, Ne = b / (o.max + b) * t.height, Be = I / l.filter((Se) => !w.value.includes(Se.id)).length - e.value.barGap / l.filter((Se) => !w.value.includes(Se.id)).length;
           return {
             x: t.left + I * U + Be * p + e.value.barGap / 2,
             y: E > 0 ? t.bottom - V : P,
-            height: E > 0 ? V - Ne : H,
+            height: E > 0 ? V - Ne : W,
             value: E,
             width: Be
           };
         })
       }));
-      function X(u) {
+      function j(u) {
         return l.map((p) => ({
           ...p,
           value: p.values[u],
@@ -743,9 +743,9 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         })).filter((p) => !w.value.includes(p.id));
       }
       function h(u, p = "pointer") {
-        te.value = u, ne.value = u, Y.value = u, ce.value = p;
-        const E = X(u);
-        Te.value = { datapoint: E, seriesIndex: u, config: e.value, dataset: l };
+        ae.value = u, le.value = u, Z.value = u, ce.value = p;
+        const E = j(u);
+        Ee.value = { datapoint: E, seriesIndex: u, config: e.value, dataset: l };
         const U = e.value.tooltipCustomFormat;
         if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: E, seriesIndex: u + k.value.start }), et(U) && mt(() => U({
           datapoint: E,
@@ -753,7 +753,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           series: l,
           config: e.value
         })))
-          xe.value = U({
+          ke.value = U({
             point: E,
             seriesIndex: u,
             series: l,
@@ -761,46 +761,46 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           });
         else {
           let V = "";
-          Z.value[E[0].absoluteIndex] && (V += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Z.value[E[0].absoluteIndex].text}</div>`), E.forEach((H, Ne) => {
+          J.value[E[0].absoluteIndex] && (V += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${J.value[E[0].absoluteIndex].text}</div>`), E.forEach((W, Ne) => {
             V += `
                     <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="${H.color}"/></svg>
-                        <span>${H.name}:</span>
+                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${W.color}"/></svg>
+                        <span>${W.name}:</span>
                         <b>${ue(
               e.value.formatter,
-              H.value,
-              j({
+              W.value,
+              G({
                 p: e.value.valuePrefix,
-                v: H.value,
+                v: W.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: H, seriesIndex: Ne }
+              { datapoint: W, seriesIndex: Ne }
             )}
                         </b>
                     </div>
                 `;
-          }), xe.value = V;
+          }), ke.value = V;
         }
         ve.value = !0;
       }
       function T(u) {
-        const p = X(u);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: p, seriesIndex: u + k.value.start }), ve.value = !1, te.value = null, ne.value = null, Y.value = null, ce.value = "pointer";
+        const p = j(u);
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: p, seriesIndex: u + k.value.start }), ve.value = !1, ae.value = null, le.value = null, Z.value = null, ce.value = "pointer";
       }
       function f(u) {
-        const p = X(u);
+        const p = j(u);
         e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: p, seriesIndex: u + k.value.start }), re("selectDatapoint", p);
       }
       return {
         absoluteZero: P,
-        dataset: ae.filter((u) => !w.value.includes(u.id)),
-        absoluteDataset: ae,
+        dataset: oe.filter((u) => !w.value.includes(u.id)),
+        absoluteDataset: oe,
         legend: fe,
         drawingArea: t,
         extremes: o,
         slotSize: I,
-        yLabels: ie,
+        yLabels: H,
         useTooltip: h,
         killTooltip: T,
         selectDatapoint: f
@@ -834,13 +834,13 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         const I = t[P].x - t[P - 1].x;
         I > 0 && I < l && (l = I);
       }
-      const o = (l === 1 / 0 ? 1 : l) / 2, v = [];
+      const o = (l === 1 / 0 ? 1 : l) / 2, s = [];
       let b = { x: t[0].x, items: [t[0].el] };
       for (let P = 1; P < t.length; P++) {
-        const { x: I, el: ie } = t[P];
-        Math.abs(I - b.x) <= o ? b.items.push(ie) : (v.push(b), b = { x: I, items: [ie] });
+        const { x: I, el: H } = t[P];
+        Math.abs(I - b.x) <= o ? b.items.push(H) : (s.push(b), b = { x: I, items: [H] });
       }
-      return v.push(b), v;
+      return s.push(b), s;
     }
     function Sa({
       pathDuration: a,
@@ -848,27 +848,27 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       pointDuration: t,
       labelDuration: l,
       pointDelay: o = 0,
-      labelDelay: v = 0,
+      labelDelay: s = 0,
       pointStep: b = 0,
       labelStep: P = 0,
       intraSeriesStep: I = 0
     } = {}) {
-      const ie = Array.isArray(Ee?.value) ? Ee.value : [Ee?.value].filter(Boolean), fe = Array.isArray(Pe?.value) ? Pe.value : [Pe?.value].filter(Boolean), ae = [...ie, ...fe].filter(Boolean), X = se?.value || null, h = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-plot")) : [], T = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-label")) : [];
-      ae.forEach(xa), qt(h, { fromOpacity: "0", fromScale: "0.75" }), qt(T, { fromOpacity: "0", fromScale: "0.98" }), h.forEach((p) => p.classList.remove("quick-animation")), T.forEach((p) => p.classList.remove("quick-animation")), X && X.offsetWidth;
+      const H = Array.isArray(Pe?.value) ? Pe.value : [Pe?.value].filter(Boolean), fe = Array.isArray(Ie?.value) ? Ie.value : [Ie?.value].filter(Boolean), oe = [...H, ...fe].filter(Boolean), j = se?.value || null, h = j ? Array.from(j.querySelectorAll(".vue-ui-quick-chart-plot")) : [], T = j ? Array.from(j.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+      oe.forEach(xa), qt(h, { fromOpacity: "0", fromScale: "0.75" }), qt(T, { fromOpacity: "0", fromScale: "0.98" }), h.forEach((p) => p.classList.remove("quick-animation")), T.forEach((p) => p.classList.remove("quick-animation")), j && j.offsetWidth;
       const f = h.length ? Ht(h, ka) : [], u = T.length ? Ht(T, ba) : [];
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          ae.forEach((p) => {
+          oe.forEach((p) => {
             p.style.transition = `stroke-dashoffset ${a}ms ${r}`, p.style.strokeDashoffset = "0";
           }), f.forEach((p, E) => {
             p.items.forEach((U, V) => {
-              const H = o + E * b + V * I;
-              U.style.transition = `opacity ${t}ms ease-out ${H}ms, transform ${t}ms ease-out ${H}ms`, U.style.opacity = "1", U.style.transform = "scale(1)";
+              const W = o + E * b + V * I;
+              U.style.transition = `opacity ${t}ms ease-out ${W}ms, transform ${t}ms ease-out ${W}ms`, U.style.opacity = "1", U.style.transform = "scale(1)";
             });
           }), u.forEach((p, E) => {
             p.items.forEach((U, V) => {
-              const H = v + E * P + V * I;
-              U.style.transition = `opacity ${l}ms ease-out ${H}ms, transform ${l}ms ease-out ${H}ms`, U.style.opacity = "1", U.style.transform = "scale(1)";
+              const W = s + E * P + V * I;
+              U.style.transition = `opacity ${l}ms ease-out ${W}ms, transform ${l}ms ease-out ${W}ms`, U.style.opacity = "1", U.style.transform = "scale(1)";
             });
           });
         });
@@ -883,13 +883,13 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           series: a.absoluteValues
         }));
       if (x.value === y.BAR)
-        return s.value.legend.map((a) => (Math.min(...a.absoluteValues.map((r) => r ?? 0)), {
+        return v.value.legend.map((a) => (Math.min(...a.absoluteValues.map((r) => r ?? 0)), {
           ...a,
           isVisible: !w.value.includes(a.id),
           type: "bar",
           series: a.absoluteValues
         }));
-    }), Z = L([]);
+    }), J = L([]);
     let Wt = 0;
     Jt(() => {
       const a = ++Wt;
@@ -901,29 +901,29 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           start: k.value.start,
           end: k.value.end
         });
-        a === Wt && (Z.value = r);
+        a === Wt && (J.value = r);
       })();
     });
-    const _e = M(() => {
+    const Ce = M(() => {
       const a = e.value.xyPeriodsModulo;
-      return e.value.xyPeriods.length ? Math.min(a, [...new Set(Z.value.map((r) => r.text))].length) : a;
+      return e.value.xyPeriods.length ? Math.min(a, [...new Set(J.value.map((r) => r.text))].length) : a;
     }), Ze = L(!1);
     function Xt(a) {
       Ze.value = a, At.value += 1;
     }
     function jt() {
-      Ae.value.showTooltip = !Ae.value.showTooltip;
+      Le.value.showTooltip = !Le.value.showTooltip;
     }
-    const Oe = L(!1);
+    const Fe = L(!1);
     function st() {
-      Oe.value = !Oe.value;
+      Fe.value = !Fe.value;
     }
     async function Aa({ scale: a = 2 } = {}) {
       if (!se.value) return;
-      const { width: r, height: t } = se.value.getBoundingClientRect(), l = r / t, { imageUri: o, base64: v } = await nl({ domElement: se.value, base64: !0, img: !0, scale: a });
+      const { width: r, height: t } = se.value.getBoundingClientRect(), l = r / t, { imageUri: o, base64: s } = await nl({ domElement: se.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: o,
-        base64: v,
+        base64: s,
         title: e.value.title,
         width: r,
         height: t,
@@ -933,7 +933,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     const La = M(() => _.value.width), _a = M(() => _.value.height);
     ol({
       timeLabelsEls: de,
-      timeLabels: Z,
+      timeLabels: J,
       slicer: k,
       configRef: e,
       rotationPath: ["xyPeriodLabelsRotation"],
@@ -943,7 +943,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       height: _a.value,
       width: La.value
     });
-    const Ca = M(() => e.value.backgroundColor), za = M(() => x.value === y.DONUT ? C.value.legend : x.value === y.LINE ? d.value.legend : s.value.legend), $a = M(() => ({
+    const Ca = M(() => e.value.backgroundColor), za = M(() => x.value === y.DONUT ? C.value.legend : x.value === y.LINE ? d.value.legend : v.value.legend), $a = M(() => ({
       show: e.value.showLegend,
       bold: !1,
       backgroundColor: e.value.backgroundColor,
@@ -960,7 +960,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         text: ""
       }
     })), { exportSvg: Ea, getSvg: Pa } = el({
-      svg: ke,
+      svg: be,
       title: Ta,
       legend: $a,
       legendItems: za,
@@ -978,7 +978,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         config: e.value,
         dataset: {
           line: d.value,
-          bar: s.value,
+          bar: v.value,
           donut: C.value
         }
       }), !e.value.userOptionsCallbacks.altCopy) {
@@ -989,7 +989,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         config: e.value,
         dataset: {
           line: d.value,
-          bar: s.value,
+          bar: v.value,
           donut: C.value
         }
       }));
@@ -997,75 +997,76 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     function vt(a, r) {
       (a.key === "Enter" || a.key === " ") && (a.preventDefault(), r());
     }
-    const Fe = M(() => x.value === y.DONUT ? C.value?.chart?.length ?? 0 : x.value === y.LINE ? d.value?.extremes?.maxSeries ?? 0 : x.value === y.BAR ? s.value?.extremes?.maxSeries ?? 0 : 0);
+    const ye = M(() => x.value === y.DONUT ? C.value?.chart?.length ?? 0 : x.value === y.LINE ? d.value?.extremes?.maxSeries ?? 0 : x.value === y.BAR ? v.value?.extremes?.maxSeries ?? 0 : 0);
     function Ia() {
-      Y.value = null, nt.value = !0;
+      Z.value = null, nt.value = !0;
     }
     function Ma() {
-      Y.value = null, ce.value = "pointer", ve.value = !1, te.value = null, ne.value = null, nt.value = !1;
+      Z.value = null, ce.value = "pointer", ve.value = !1, ae.value = null, le.value = null, nt.value = !1;
     }
     function Ra(a) {
-      if (!ke.value || Oe.value || document.activeElement !== ke.value || !Fe.value) return;
+      if (!be.value || Fe.value || document.activeElement !== be.value || !ye.value) return;
       const r = a.key === "ArrowLeft", t = a.key === "ArrowRight", l = a.key === "Enter" || a.key === " ", o = a.key === "Escape";
       if (!r && !t && !l && !o) return;
       if (a.preventDefault(), a.stopPropagation(), o) {
-        Y.value = null, ce.value = "pointer", ve.value = !1, te.value = null, ne.value = null;
+        Z.value = null, ce.value = "pointer", ve.value = !1, ae.value = null, le.value = null;
         return;
       }
       if (l) {
-        if (Y.value === null) return;
+        if (Z.value === null) return;
         if (x.value === y.DONUT) {
-          const b = C.value?.chart?.[Y.value];
-          if (!b) return;
-          C.value.selectDatapoint({ datapoint: b, seriesIndex: Y.value });
+          const H = C.value?.chart?.[Z.value];
+          if (!H) return;
+          C.value.selectDatapoint({ datapoint: H, seriesIndex: Z.value });
           return;
         }
         if (x.value === y.LINE) {
-          d.value?.selectDatapoint(Y.value);
+          d.value?.selectDatapoint(Z.value);
           return;
         }
         if (x.value === y.BAR) {
-          s.value?.selectDatapoint(Y.value);
+          v.value?.selectDatapoint(Z.value);
           return;
         }
         return;
       }
-      let v = Y.value;
-      if (v === null || v < 0 || v >= Fe.value ? v = t ? 0 : Fe.value - 1 : t ? (v += 1, v >= Fe.value && (v = 0)) : r && (v -= 1, v < 0 && (v = Fe.value - 1)), x.value === y.DONUT) {
-        const b = C.value?.chart?.[v];
-        if (!b) return;
-        dt(v), C.value.useTooltip({
-          datapoint: b,
-          seriesIndex: v,
+      let s = Z.value;
+      const b = le.value, P = s !== null && s >= 0 && s < ye.value, I = b !== null && b >= 0 && b < ye.value;
+      if (P ? t ? (s += 1, s >= ye.value && (s = 0)) : r && (s -= 1, s < 0 && (s = ye.value - 1)) : I ? (s = t ? b + 1 : b - 1, s >= ye.value && (s = 0), s < 0 && (s = ye.value - 1)) : t ? s = 0 : s = ye.value - 1, x.value === y.DONUT) {
+        const H = C.value?.chart?.[s];
+        if (!H) return;
+        dt(s), C.value.useTooltip({
+          datapoint: H,
+          seriesIndex: s,
           triggerMode: "keyboard"
         });
         return;
       }
       if (x.value === y.LINE) {
-        dt(v), d.value?.useTooltip(v, "keyboard");
+        dt(s), d.value?.useTooltip(s, "keyboard");
         return;
       }
-      x.value === y.BAR && (dt(v), s.value?.useTooltip(v, "keyboard"));
+      x.value === y.BAR && (dt(s), v.value?.useTooltip(s, "keyboard"));
     }
     function dt(a) {
-      if (!Number.isFinite(a) || !ke.value) return;
+      if (!Number.isFinite(a) || !be.value) return;
       let r = 0, t = 0;
       if (x.value === y.DONUT) {
         const o = C.value?.chart?.[a];
         if (!o) return;
-        r = ze(o, !0).x, t = Qe(o);
+        r = $e(o, !0).x, t = Qe(o);
       }
       if (x.value === y.LINE) {
-        const o = d.value?.drawingArea, v = d.value?.slotSize;
-        if (!o || !v) return;
-        r = o.left + v * (a + 1) - v / 2, t = o.top + o.height / 2;
+        const o = d.value?.drawingArea, s = d.value?.slotSize;
+        if (!o || !s) return;
+        r = o.left + s * (a + 1) - s / 2, t = o.top + o.height / 2;
       }
       if (x.value === y.BAR) {
-        const o = s.value?.drawingArea, v = s.value?.slotSize;
-        if (!o || !v) return;
-        r = o.left + v * (a + 1) - v / 2, t = o.top + o.height / 2;
+        const o = v.value?.drawingArea, s = v.value?.slotSize;
+        if (!o || !s) return;
+        r = o.left + s * (a + 1) - s / 2, t = o.top + o.height / 2;
       }
-      const l = ke.value.getBoundingClientRect();
+      const l = be.value.getBoundingClientRect();
       zt.value = {
         x: l.left + r / _.value.width * l.width,
         y: l.top + t / _.value.height * l.height
@@ -1074,7 +1075,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     const ct = M(() => {
       if (x.value === y.DONUT) {
         const a = (C.value?.dataset ?? []).map((r) => {
-          const t = C.value?.total ? j({
+          const t = C.value?.total ? G({
             v: r.value / C.value.total * 100,
             s: "%",
             r: e.value.dataLabelRoundingPercentage
@@ -1084,7 +1085,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             ue(
               e.value.formatter,
               r.value,
-              j({
+              G({
                 p: e.value.valuePrefix,
                 v: r.value,
                 s: e.value.valueSuffix,
@@ -1100,17 +1101,17 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         };
       }
       if (x.value === y.LINE || x.value === y.BAR) {
-        const a = x.value === y.LINE ? d.value?.dataset ?? [] : s.value?.dataset ?? [], r = x.value === y.LINE ? d.value?.extremes?.maxSeries ?? 0 : s.value?.extremes?.maxSeries ?? 0, t = [
+        const a = x.value === y.LINE ? d.value?.dataset ?? [] : v.value?.dataset ?? [], r = x.value === y.LINE ? d.value?.extremes?.maxSeries ?? 0 : v.value?.extremes?.maxSeries ?? 0, t = [
           "Index",
           ...a.map((o) => o.name)
-        ], l = Array.from({ length: r }, (o, v) => [
-          Z.value?.[v + k.value.start]?.text ?? String(v + k.value.start),
+        ], l = Array.from({ length: r }, (o, s) => [
+          J.value?.[s + k.value.start]?.text ?? String(s + k.value.start),
           ...a.map((P) => {
-            const I = P.values?.[v];
+            const I = P.values?.[s];
             return ue(
               e.value.formatter,
               I,
-              j({
+              G({
                 p: e.value.valuePrefix,
                 v: I,
                 s: e.value.valueSuffix,
@@ -1137,54 +1138,54 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       copyAlt: Kt
     }), (a, r) => va.value ? (n(), i("div", {
       key: 0,
-      id: `${x.value}_${K.value}`,
+      id: `${x.value}_${Y.value}`,
       ref_key: "quickChart",
       ref: se,
-      class: ye({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Ze.value }),
+      class: xe({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Ze.value }),
       style: N(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: r[2] || (r[2] = () => Et(!0)),
       onMouseleave: r[3] || (r[3] = () => Et(!1))
     }, [
       $("div", {
-        id: `chart-instructions-${K.value}`,
+        id: `chart-instructions-${Y.value}`,
         class: "sr-only"
       }, [
         $("p", null, B(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, yl),
-      ct.value.rows.length ? (n(), Se(rl, {
+      ct.value.rows.length ? (n(), we(rl, {
         key: 0,
-        uid: K.value,
+        uid: Y.value,
         head: ct.value.headers,
         body: ct.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : g("", !0),
-      e.value.userOptionsButtons.annotator ? (n(), Se(c(me), {
+      e.value.userOptionsButtons.annotator ? (n(), we(c(me), {
         key: 1,
-        svgRef: c(ke),
+        svgRef: c(be),
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        active: Oe.value,
-        isCursorPointer: we.value,
+        active: Fe.value,
+        isCursorPointer: Ae.value,
         onClose: st
       }, {
-        "annotator-action-close": W(() => [
+        "annotator-action-close": X(() => [
           R(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": W(({ color: t }) => [
-          R(a.$slots, "annotator-action-color", J(Q({ color: t })), void 0, !0)
+        "annotator-action-color": X(({ color: t }) => [
+          R(a.$slots, "annotator-action-color", Q(ee({ color: t })), void 0, !0)
         ]),
-        "annotator-action-draw": W(({ mode: t }) => [
-          R(a.$slots, "annotator-action-draw", J(Q({ mode: t })), void 0, !0)
+        "annotator-action-draw": X(({ mode: t }) => [
+          R(a.$slots, "annotator-action-draw", Q(ee({ mode: t })), void 0, !0)
         ]),
-        "annotator-action-undo": W(({ disabled: t }) => [
-          R(a.$slots, "annotator-action-undo", J(Q({ disabled: t })), void 0, !0)
+        "annotator-action-undo": X(({ disabled: t }) => [
+          R(a.$slots, "annotator-action-undo", Q(ee({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-redo": W(({ disabled: t }) => [
-          R(a.$slots, "annotator-action-redo", J(Q({ disabled: t })), void 0, !0)
+        "annotator-action-redo": X(({ disabled: t }) => [
+          R(a.$slots, "annotator-action-redo", Q(ee({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-delete": W(({ disabled: t }) => [
-          R(a.$slots, "annotator-action-delete", J(Q({ disabled: t })), void 0, !0)
+        "annotator-action-delete": X(({ disabled: t }) => [
+          R(a.$slots, "annotator-action-delete", Q(ee({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : g("", !0),
@@ -1195,14 +1196,14 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : g("", !0),
-      e.value.showUserOptions && (Tt.value || We.value) ? (n(), Se(c(yt), {
+      e.value.showUserOptions && (Tt.value || We.value) ? (n(), we(c(yt), {
         ref: "details",
         key: `user_option_${At.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         isPrinting: c(Xe),
         isImaging: c(je),
-        uid: K.value,
+        uid: Y.value,
         hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
         hasPdf: e.value.userOptionsButtons.pdf,
         hasImg: e.value.userOptionsButtons.img,
@@ -1210,16 +1211,16 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         hasFullscreen: e.value.userOptionsButtons.fullscreen,
         hasAltCopy: e.value.userOptionsButtons.altCopy,
         hasXls: !1,
-        isTooltip: Ae.value.showTooltip,
+        isTooltip: Le.value.showTooltip,
         isFullscreen: Ze.value,
         titles: { ...e.value.userOptionsButtonTitles },
         chartElement: se.value,
         position: e.value.userOptionsPosition,
         hasAnnotator: e.value.userOptionsButtons.annotator,
-        isAnnotation: Oe.value,
+        isAnnotation: Fe.value,
         callbacks: e.value.userOptionsCallbacks,
         printScale: e.value.userOptionsPrint.scale,
-        isCursorPointer: we.value,
+        isCursorPointer: Ae.value,
         onToggleFullscreen: Xt,
         onGeneratePdf: c(Pt),
         onGenerateImage: c(It),
@@ -1233,57 +1234,57 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       }, Na({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: W(({ isOpen: t, color: l }) => [
-            R(a.$slots, "menuIcon", J(Q({ isOpen: t, color: l })), void 0, !0)
+          fn: X(({ isOpen: t, color: l }) => [
+            R(a.$slots, "menuIcon", Q(ee({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: W(() => [
+          fn: X(() => [
             R(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: W(() => [
+          fn: X(() => [
             R(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: W(() => [
+          fn: X(() => [
             R(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: W(() => [
+          fn: X(() => [
             R(a.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: W(({ toggleFullscreen: t, isFullscreen: l }) => [
-            R(a.$slots, "optionFullscreen", J(Q({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
+          fn: X(({ toggleFullscreen: t, isFullscreen: l }) => [
+            R(a.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: W(({ toggleAnnotator: t, isAnnotator: l }) => [
-            R(a.$slots, "optionAnnotator", J(Q({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
+          fn: X(({ toggleAnnotator: t, isAnnotator: l }) => [
+            R(a.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: W(({ altCopy: t }) => [
-            R(a.$slots, "optionAltCopy", J(Q({ altCopy: t })), void 0, !0)
+          fn: X(({ altCopy: t }) => [
+            R(a.$slots, "optionAltCopy", Q(ee({ altCopy: t })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -1296,15 +1297,15 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         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}`)
       }, B(e.value.title), 5)) : g("", !0),
       $("div", {
-        id: `legend-top-${K.value}`
+        id: `legend-top-${Y.value}`
       }, null, 8, xl),
       $("div", kl, [
         x.value ? (n(), i("svg", {
           key: 0,
           ref_key: "svgRef",
-          ref: ke,
+          ref: be,
           xmlns: c(ja),
-          "aria-describedby": `chart-instructions-${K.value}`,
+          "aria-describedby": `chart-instructions-${Y.value}`,
           viewBox: ca.value,
           style: N(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`),
           tabindex: "0",
@@ -1312,13 +1313,13 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           onBlur: Ma,
           onKeydown: Ra
         }, [
-          Ce(c(ee)),
+          ze(c(te)),
           a.$slots["chart-background"] && x.value === y.BAR ? (n(), i("foreignObject", {
             key: 0,
-            x: s.value.drawingArea.left,
-            y: s.value.drawingArea.top,
-            width: s.value.drawingArea.width,
-            height: s.value.drawingArea.height,
+            x: v.value.drawingArea.left,
+            y: v.value.drawingArea.top,
+            width: v.value.drawingArea.width,
+            height: v.value.drawingArea.height,
             style: {
               pointerEvents: "none"
             }
@@ -1351,7 +1352,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           ], 8, Al)) : g("", !0),
           $("defs", null, [
             $("filter", {
-              id: `blur_${K.value}`,
+              id: `blur_${Y.value}`,
               x: "-50%",
               y: "-50%",
               width: "200%",
@@ -1360,7 +1361,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               $("feGaussianBlur", {
                 in: "SourceGraphic",
                 stdDeviation: 2,
-                id: `blur_std_${K.value}`
+                id: `blur_std_${Y.value}`
               }, null, 8, _l),
               r[4] || (r[4] = $("feColorMatrix", {
                 type: "saturate",
@@ -1368,7 +1369,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               }, null, -1))
             ], 8, Ll),
             $("filter", {
-              id: `shadow_${K.value}`,
+              id: `shadow_${Y.value}`,
               "color-interpolation-filters": "sRGB"
             }, [
               $("feDropShadow", {
@@ -1391,7 +1392,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   fill: "none",
-                  filter: Re(t.id)
+                  filter: Oe(t.id)
                 }, null, 8, Tl)) : g("", !0)
               ], 64))), 256))
             ])) : g("", !0),
@@ -1400,7 +1401,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               cy: C.value.cy,
               r: C.value.radius,
               fill: e.value.backgroundColor,
-              filter: e.value.donutUseShadow ? `url(#shadow_${K.value})` : ""
+              filter: e.value.donutUseShadow ? `url(#shadow_${Y.value})` : ""
             }, null, 8, El),
             $("g", Pl, [
               (n(!0), i(S, null, O(C.value.chart, (t, l) => (n(), i("path", {
@@ -1408,7 +1409,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 fill: t.color,
                 stroke: e.value.donutStroke || e.value.backgroundColor,
                 "stroke-width": e.value.donutStrokeWidth,
-                filter: Re(t.id)
+                filter: Oe(t.id)
               }, null, 8, Il))), 256)),
               (n(!0), i(S, null, O(C.value.chart, (t, l) => (n(), i("path", {
                 d: t.arcSlice,
@@ -1422,26 +1423,26 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               (n(!0), i(S, null, O(C.value.chart, (t, l) => (n(), i(S, null, [
                 C.value.isArcBigEnough(t) ? (n(), i("circle", {
                   key: 0,
-                  cx: c(ze)(t).x,
+                  cx: c($e)(t).x,
                   cy: c(Qe)(t) - 3.7,
                   fill: t.color,
                   stroke: e.value.backgroundColor,
                   "stroke-width": 1,
                   r: 3,
-                  filter: Re(t.id)
+                  filter: Oe(t.id)
                 }, null, 8, Ol)) : g("", !0),
                 C.value.isArcBigEnough(t) ? (n(), i("text", {
                   key: 1,
-                  "text-anchor": c(ze)(t, !0, 20).anchor,
-                  x: c(ze)(t, !0).x,
+                  "text-anchor": c($e)(t, !0, 20).anchor,
+                  x: c($e)(t, !0).x,
                   y: c(Qe)(t),
                   fill: e.value.color,
                   "font-size": e.value.dataLabelFontSize,
-                  filter: Re(t.id)
+                  filter: Oe(t.id)
                 }, B(C.value.displayArcPercentage(t, C.value.chart)) + " (" + B(c(ue)(
                   e.value.formatter,
                   t.value,
-                  c(j)({
+                  c(G)({
                     p: e.value.valuePrefix,
                     v: t.value,
                     s: e.value.valueSuffix,
@@ -1451,12 +1452,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 )) + ") ", 9, Fl)) : g("", !0),
                 C.value.isArcBigEnough(t, !0, 20) ? (n(), i("text", {
                   key: 2,
-                  "text-anchor": c(ze)(t).anchor,
-                  x: c(ze)(t, !0).x,
+                  "text-anchor": c($e)(t).anchor,
+                  x: c($e)(t, !0).x,
                   y: c(Qe)(t) + e.value.dataLabelFontSize,
                   fill: e.value.color,
                   "font-size": e.value.dataLabelFontSize,
-                  filter: Re(t.id)
+                  filter: Oe(t.id)
                 }, B(t.name), 9, Nl)) : g("", !0)
               ], 64))), 256))
             ])) : g("", !0),
@@ -1474,7 +1475,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 y: C.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
                 "font-size": e.value.donutTotalLabelFontSize,
                 fill: e.value.color
-              }, B(c(j)({
+              }, B(c(G)({
                 p: e.value.valuePrefix,
                 v: C.value.total,
                 s: e.value.valueSuffix,
@@ -1553,7 +1554,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 }, B(c(ue)(
                   e.value.formatter,
                   t.value,
-                  c(j)({
+                  c(G)({
                     p: e.value.valuePrefix,
                     v: t.value,
                     s: e.value.valueSuffix,
@@ -1564,8 +1565,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               ], 64))), 256))
             ], 512)) : g("", !0),
             e.value.xyShowScale && e.value.xyPeriods.length ? (n(), i("g", Yl, [
-              (n(!0), i(S, null, O(Z.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
-                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / _e.value) === 0 || k.value.end - k.value.start <= _e.value ? (n(), i("line", {
+              (n(!0), i(S, null, O(J.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
+                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / Ce.value) === 0 || k.value.end - k.value.start <= Ce.value ? (n(), i("line", {
                   key: 0,
                   x1: d.value.drawingArea.left + d.value.slotSize * (l + 1) - d.value.slotSize / 2,
                   x2: d.value.drawingArea.left + d.value.slotSize * (l + 1) - d.value.slotSize / 2,
@@ -1580,8 +1581,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 ref_key: "timeLabelsEls",
                 ref: de
               }, [
-                (n(!0), i(S, null, O(Z.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
-                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / _e.value) === 0 || k.value.end - k.value.start <= _e.value ? (n(), i("g", Jl, [
+                (n(!0), i(S, null, O(J.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
+                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / Ce.value) === 0 || k.value.end - k.value.start <= Ce.value ? (n(), i("g", Jl, [
                     String(t).includes(`
 `) ? (n(), i("text", {
                       key: 1,
@@ -1615,85 +1616,85 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   $("path", {
                     ref_for: !0,
                     ref_key: "pathWrapper",
-                    ref: Ee,
+                    ref: Pe,
                     d: `M ${c(ta)(t.coordinates)}`,
                     stroke: e.value.backgroundColor,
                     "stroke-width": e.value.lineStrokeWidth + 1,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: ye({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
+                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
                     style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
                   }, null, 14, lo),
                   $("path", {
                     ref_for: !0,
                     ref_key: "pathTop",
-                    ref: Pe,
+                    ref: Ie,
                     d: `M ${c(ta)(t.coordinates)}`,
                     stroke: t.color,
                     "stroke-width": e.value.lineStrokeWidth,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: ye({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
+                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
                     style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
                   }, null, 14, oo)
                 ], 64)) : (n(), i(S, { key: 1 }, [
                   $("path", {
                     ref_for: !0,
                     ref_key: "pathWrapper",
-                    ref: Ee,
+                    ref: Pe,
                     d: `M ${t.linePath}`,
                     stroke: e.value.backgroundColor,
                     "stroke-width": e.value.lineStrokeWidth + 1,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: ye({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
+                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
                     style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
                   }, null, 14, no),
                   $("path", {
                     ref_for: !0,
                     ref_key: "pathTop",
-                    ref: Pe,
+                    ref: Ie,
                     d: `M ${t.linePath}`,
                     stroke: t.color,
                     "stroke-width": e.value.lineStrokeWidth,
                     "stroke-linecap": "round",
                     fill: "none",
-                    class: ye({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
+                    class: xe({ "quick-animation": !c(D), "vue-data-ui-line-animated": e.value.lineAnimated && !c(D) }),
                     style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
                   }, null, 14, io)
                 ], 64)),
-                (n(!0), i(S, null, O(t.coordinates, (o, v) => (n(), i("circle", {
+                (n(!0), i(S, null, O(t.coordinates, (o, s) => (n(), i("circle", {
                   cx: o.x,
                   cy: c(he)(o.y),
                   r: 3,
                   fill: t.color,
                   stroke: e.value.backgroundColor,
                   "stroke-width": "0.5",
-                  class: ye({ "vue-ui-quick-chart-plot": !0, "quick-animation": !c(D) }),
+                  class: xe({ "vue-ui-quick-chart-plot": !0, "quick-animation": !c(D) }),
                   style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, uo))), 256))
               ]))), 256))
             ]),
             e.value.showDataLabels ? (n(), i("g", ro, [
               (n(!0), i(S, null, O(d.value.dataset, (t, l) => (n(), i(S, null, [
-                (n(!0), i(S, null, O(t.coordinates, (o, v) => (n(), i("text", {
+                (n(!0), i(S, null, O(t.coordinates, (o, s) => (n(), i("text", {
                   "text-anchor": "middle",
                   "font-size": e.value.dataLabelFontSize,
                   fill: t.color,
                   x: o.x,
                   y: c(he)(o.y) - e.value.dataLabelFontSize / 2,
-                  class: ye({ "vue-ui-quick-chart-label": !0, "quick-animation": !c(D) }),
+                  class: xe({ "vue-ui-quick-chart-label": !0, "quick-animation": !c(D) }),
                   style: N({ transition: c(D) ? void 0 : "all 0.3s ease-in-out" })
                 }, B(c(ue)(
                   e.value.formatter,
                   c(he)(o.value),
-                  c(j)({
+                  c(G)({
                     p: e.value.valuePrefix,
                     v: c(he)(o.value),
                     s: e.value.valueSuffix,
                     r: e.value.dataLabelRoundingValue
                   }),
-                  { datapoint: o, seriesIndex: v }
+                  { datapoint: o, seriesIndex: s }
                 )), 15, so))), 256))
               ], 64))), 256))
             ])) : g("", !0),
@@ -1703,7 +1704,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 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: [te.value, ne.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+                fill: [ae.value, le.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
                 style: N(`opacity:${e.value.xyHighlighterOpacity}`),
                 onMouseenter: (o) => d.value.useTooltip(l, "pointer"),
                 onMouseleave: (o) => d.value.killTooltip(l),
@@ -1713,11 +1714,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           ], 64)) : g("", !0),
           x.value === y.BAR ? (n(), i(S, { key: 5 }, [
             e.value.xyShowGrid ? (n(), i("g", fo, [
-              (n(!0), i(S, null, O(s.value.yLabels, (t) => (n(), i(S, null, [
-                t.y <= s.value.drawingArea.bottom ? (n(), i("line", {
+              (n(!0), i(S, null, O(v.value.yLabels, (t) => (n(), i(S, null, [
+                t.y <= v.value.drawingArea.bottom ? (n(), i("line", {
                   key: 0,
-                  x1: s.value.drawingArea.left,
-                  x2: s.value.drawingArea.right,
+                  x1: v.value.drawingArea.left,
+                  x2: v.value.drawingArea.right,
                   y1: t.y,
                   y2: t.y,
                   stroke: e.value.xyGridStroke,
@@ -1725,11 +1726,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   "stroke-linecap": "round"
                 }, null, 8, ho)) : g("", !0)
               ], 64))), 256)),
-              w.value.length < s.value.legend.length ? (n(!0), i(S, { key: 0 }, O(s.value.extremes.maxSeries + 1, (t, l) => (n(), i("line", {
-                x1: s.value.drawingArea.left + s.value.slotSize * l,
-                x2: s.value.drawingArea.left + s.value.slotSize * l,
-                y1: s.value.drawingArea.top,
-                y2: s.value.drawingArea.bottom,
+              w.value.length < v.value.legend.length ? (n(!0), i(S, { key: 0 }, O(v.value.extremes.maxSeries + 1, (t, l) => (n(), i("line", {
+                x1: v.value.drawingArea.left + v.value.slotSize * l,
+                x2: v.value.drawingArea.left + v.value.slotSize * l,
+                y1: v.value.drawingArea.top,
+                y2: v.value.drawingArea.bottom,
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
@@ -1737,19 +1738,19 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             ])) : g("", !0),
             e.value.xyShowAxis ? (n(), i("g", mo, [
               $("line", {
-                x1: s.value.drawingArea.left,
-                x2: s.value.drawingArea.left,
-                y1: s.value.drawingArea.top,
-                y2: s.value.drawingArea.bottom,
+                x1: v.value.drawingArea.left,
+                x2: v.value.drawingArea.left,
+                y1: v.value.drawingArea.top,
+                y2: v.value.drawingArea.bottom,
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
               }, null, 8, po),
               $("line", {
-                x1: s.value.drawingArea.left,
-                x2: s.value.drawingArea.right,
-                y1: isNaN(s.value.absoluteZero) ? s.value.drawingArea.bottom : s.value.absoluteZero,
-                y2: isNaN(s.value.absoluteZero) ? s.value.drawingArea.bottom : s.value.absoluteZero,
+                x1: v.value.drawingArea.left,
+                x2: v.value.drawingArea.right,
+                y1: isNaN(v.value.absoluteZero) ? v.value.drawingArea.bottom : v.value.absoluteZero,
+                y2: isNaN(v.value.absoluteZero) ? v.value.drawingArea.bottom : v.value.absoluteZero,
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
@@ -1761,18 +1762,18 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               ref_key: "scaleLabels",
               ref: He
             }, [
-              (n(!0), i(S, null, O(s.value.yLabels, (t, l) => (n(), i(S, null, [
-                t.y <= s.value.drawingArea.bottom ? (n(), i("line", {
+              (n(!0), i(S, null, O(v.value.yLabels, (t, l) => (n(), i(S, null, [
+                t.y <= v.value.drawingArea.bottom ? (n(), i("line", {
                   key: 0,
                   x1: t.x + 4,
-                  x2: s.value.drawingArea.left,
+                  x2: v.value.drawingArea.left,
                   y1: t.y,
                   y2: t.y,
                   stroke: e.value.xyAxisStroke,
                   "stroke-width": e.value.xyAxisStrokeWidth,
                   "stroke-linecap": "round"
                 }, null, 8, xo)) : g("", !0),
-                t.y <= s.value.drawingArea.bottom ? (n(), i("text", {
+                t.y <= v.value.drawingArea.bottom ? (n(), i("text", {
                   key: 1,
                   x: t.x,
                   y: t.y + e.value.xyLabelsYFontSize / 3,
@@ -1782,7 +1783,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 }, B(c(ue)(
                   e.value.formatter,
                   t.value,
-                  c(j)({
+                  c(G)({
                     p: e.value.valuePrefix,
                     v: t.value,
                     s: e.value.valueSuffix,
@@ -1794,10 +1795,10 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             ], 512)) : g("", !0),
             e.value.xyShowScale && e.value.xyPeriods.length ? (n(), i("g", bo, [
               (n(!0), i(S, null, O(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, l) => (n(), i("line", {
-                x1: s.value.drawingArea.left + s.value.slotSize * (l + 1) - s.value.slotSize / 2,
-                x2: s.value.drawingArea.left + s.value.slotSize * (l + 1) - s.value.slotSize / 2,
-                y1: s.value.drawingArea.bottom,
-                y2: s.value.drawingArea.bottom + 4,
+                x1: v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2,
+                x2: v.value.drawingArea.left + v.value.slotSize * (l + 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"
@@ -1806,8 +1807,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 ref_key: "timeLabelsEls",
                 ref: de
               }, [
-                (n(!0), i(S, null, O(Z.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
-                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / _e.value) === 0 || k.value.end - k.value.start <= _e.value ? (n(), i("g", wo, [
+                (n(!0), i(S, null, O(J.value.map((t) => t.text), (t, l) => (n(), i(S, null, [
+                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / Ce.value) === 0 || k.value.end - k.value.start <= Ce.value ? (n(), i("g", wo, [
                     String(t).includes(`
 `) ? (n(), i("text", {
                       key: 1,
@@ -1815,7 +1816,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                       "font-size": e.value.xyLabelsXFontSize,
                       "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                       fill: e.value.color,
-                      transform: `translate(${s.value.drawingArea.left + s.value.slotSize * (l + 1) - s.value.slotSize / 2}, ${s.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
+                      transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
                       innerHTML: c(ea)({
                         content: String(t),
                         fontSize: e.value.xyLabelsXFontSize,
@@ -1829,15 +1830,15 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                       "font-size": e.value.xyLabelsXFontSize,
                       "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                       fill: e.value.color,
-                      transform: `translate(${s.value.drawingArea.left + s.value.slotSize * (l + 1) - s.value.slotSize / 2}, ${s.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
+                      transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
                     }, B(t), 9, Ao))
                   ])) : g("", !0)
                 ], 64))), 256))
               ], 512)
             ])) : g("", !0),
             $("g", _o, [
-              (n(!0), i(S, null, O(s.value.dataset, (t, l) => (n(), i(S, null, [
-                (n(!0), i(S, null, O(t.coordinates, (o, v) => (n(), i("rect", {
+              (n(!0), i(S, null, O(v.value.dataset, (t, l) => (n(), i(S, null, [
+                (n(!0), i(S, null, O(t.coordinates, (o, s) => (n(), i("rect", {
                   x: o.x,
                   width: o.width <= 0 ? 1e-5 : o.width,
                   height: c(he)(o.height <= 0 ? 1e-5 : o.height),
@@ -1846,7 +1847,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.barStrokeWidth,
                   "stroke-linecap": "round",
-                  class: ye({ "vue-data-ui-bar-animated": e.value.barAnimated && o.value < 0 && !c(D) })
+                  class: xe({ "vue-data-ui-bar-animated": e.value.barAnimated && o.value < 0 && !c(D) })
                 }, [
                   e.value.barAnimated && o.value > 0 && !c(Xe) && !c(je) ? (n(), i("animate", {
                     key: 0,
@@ -1858,16 +1859,16 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                   e.value.barAnimated && o.value > 0 && !c(Xe) && !c(je) ? (n(), i("animate", {
                     key: 1,
                     attributeName: "y",
-                    from: s.value.absoluteZero,
-                    to: s.value.absoluteZero - o.height,
+                    from: v.value.absoluteZero,
+                    to: v.value.absoluteZero - o.height,
                     dur: "0.5s"
                   }, null, 8, $o)) : g("", !0)
                 ], 10, Co))), 256))
               ], 64))), 256))
             ]),
             e.value.showDataLabels ? (n(), i("g", To, [
-              (n(!0), i(S, null, O(s.value.dataset, (t, l) => (n(), i(S, null, [
-                (n(!0), i(S, null, O(t.coordinates, (o, v) => (n(), i("text", {
+              (n(!0), i(S, null, O(v.value.dataset, (t, l) => (n(), i(S, null, [
+                (n(!0), i(S, null, O(t.coordinates, (o, s) => (n(), i("text", {
                   x: o.x + o.width / 2,
                   y: c(he)(o.y) - e.value.dataLabelFontSize / 2,
                   "text-anchor": "middle",
@@ -1877,27 +1878,27 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 }, B(c(ue)(
                   e.value.formatter,
                   c(he)(o.value),
-                  c(j)({
+                  c(G)({
                     p: e.value.valuePrefix,
                     v: c(he)(o.value),
                     s: e.value.valueSuffix,
                     r: e.value.dataLabelRoundingValue
                   }),
-                  { datapoint: o, seriesIndex: v }
+                  { datapoint: o, seriesIndex: s }
                 )), 9, Eo))), 256))
               ], 64))), 256))
             ])) : g("", !0),
-            it.value && w.value.length < s.value.legend.length ? (n(), i("g", Po, [
-              (n(!0), i(S, null, O(s.value.extremes.maxSeries, (t, l) => (n(), i("rect", {
-                x: s.value.drawingArea.left + l * s.value.slotSize,
-                y: s.value.drawingArea.top,
-                height: s.value.drawingArea.height <= 0 ? 1e-5 : s.value.drawingArea.height,
-                width: s.value.slotSize <= 0 ? 1e-5 : s.value.slotSize,
-                fill: [te.value, ne.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+            it.value && w.value.length < v.value.legend.length ? (n(), i("g", Po, [
+              (n(!0), i(S, null, O(v.value.extremes.maxSeries, (t, l) => (n(), i("rect", {
+                x: v.value.drawingArea.left + l * 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: [ae.value, le.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
                 style: N(`opacity:${e.value.xyHighlighterOpacity}`),
-                onMouseenter: (o) => s.value.useTooltip(l, "pointer"),
-                onMouseleave: (o) => s.value.killTooltip(l),
-                onClick: (o) => s.value.selectDatapoint(l)
+                onMouseenter: (o) => v.value.useTooltip(l, "pointer"),
+                onMouseleave: (o) => v.value.killTooltip(l),
+                onClick: (o) => v.value.selectDatapoint(l)
               }, null, 44, Io))), 256))
             ])) : g("", !0)
           ], 64)) : g("", !0),
@@ -1924,7 +1925,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 "font-size": e.value.axisLabelsFontSize,
                 fill: e.value.color,
                 "text-anchor": "middle",
-                x: s.value.drawingArea.left + s.value.drawingArea.width / 2,
+                x: v.value.drawingArea.left + v.value.drawingArea.width / 2,
                 y: _.value.height - e.value.axisLabelsFontSize / 3
               }, B(e.value.xAxisLabel), 9, Oo)
             ], 512)) : g("", !0),
@@ -1948,25 +1949,25 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               $("text", {
                 "font-size": e.value.axisLabelsFontSize,
                 fill: e.value.color,
-                transform: `translate(${e.value.axisLabelsFontSize}, ${s.value.drawingArea.top + s.value.drawingArea.height / 2}) rotate(-90)`,
+                transform: `translate(${e.value.axisLabelsFontSize}, ${v.value.drawingArea.top + v.value.drawingArea.height / 2}) rotate(-90)`,
                 "text-anchor": "middle"
               }, B(e.value.yAxisLabel), 9, No)
             ], 512)) : g("", !0)
           ])) : g("", !0)
         ], 44, bl)) : g("", !0),
         a.$slots.hint ? (n(), i("div", Bo, [
-          R(a.$slots, "hint", J(Q({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: nt.value })), void 0, !0)
+          R(a.$slots, "hint", Q(ee({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: nt.value })), void 0, !0)
         ])) : g("", !0)
       ]),
       a.$slots.watermark ? (n(), i("div", Do, [
-        R(a.$slots, "watermark", J(Q({ isPrinting: c(Xe) || c(je) })), void 0, !0)
+        R(a.$slots, "watermark", Q(ee({ isPrinting: c(Xe) || c(je) })), void 0, !0)
       ])) : g("", !0),
       [y.BAR, y.LINE].includes(x.value) && e.value.zoomXy && A.value.maxSeriesLength > 1 ? (n(), i("div", {
         key: `slicer_${qe.value}`,
         ref_key: "quickChartSlicer",
         ref: bt
       }, [
-        (n(), Se(il, {
+        (n(), we(il, {
           ref_key: "slicerComponent",
           ref: Dt,
           key: `slicer_${qe.value}`,
@@ -1974,8 +1975,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
           useResetSlot: e.value.zoomUseResetSlot,
-          labelLeft: e.value.xyPeriods[k.value.start] && Z.value[0] ? Z.value[0].text : "",
-          labelRight: e.value.xyPeriods[k.value.end - 1] && Z.value?.length ? Z.value.at(-1).text : "",
+          labelLeft: e.value.xyPeriods[k.value.start] && J.value[0] ? J.value[0].text : "",
+          labelRight: e.value.xyPeriods[k.value.end - 1] && J.value?.length ? J.value.at(-1).text : "",
           textColor: e.value.color,
           inputColor: e.value.zoomColor,
           selectColor: e.value.zoomHighlightColor,
@@ -1991,7 +1992,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           minimap: pa.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           verticalHandles: e.value.zoomMinimap.verticalHandles,
-          minimapSelectedIndex: ne.value,
+          minimapSelectedIndex: le.value,
           start: k.value.start,
           "onUpdate:start": r[0] || (r[0] = (t) => k.value.start = t),
           end: k.value.end,
@@ -2017,18 +2018,18 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           onReset: ga,
           onTrapMouse: ha
         }, {
-          "reset-action": W(({ reset: t }) => [
-            R(a.$slots, "reset-action", J(Q({ reset: t })), void 0, !0)
+          "reset-action": X(({ reset: t }) => [
+            R(a.$slots, "reset-action", Q(ee({ 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", "minimapCompact", "minimapMerged", "allMinimaps", "minimapFrameColor", "additionalMinimapHeight", "handleType", "handleWidth", "handleBorderWidth", "handleIconColor", "handleBorderColor", "handleFill", "focusOnDrag", "focusRangeRatio", "maxWidth"]))
       ])) : g("", !0),
       $("div", {
-        id: `legend-bottom-${K.value}`
+        id: `legend-bottom-${Y.value}`
       }, null, 8, Uo),
-      Lt.value ? (n(), Se(Ba, {
+      Lt.value ? (n(), we(Ba, {
         key: 7,
-        to: e.value.legendPosition === "top" ? `#legend-top-${K.value}` : `#legend-bottom-${K.value}`
+        to: e.value.legendPosition === "top" ? `#legend-top-${Y.value}` : `#legend-bottom-${Y.value}`
       }, [
         e.value.showLegend ? (n(), i("div", {
           key: 0,
@@ -2037,13 +2038,13 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           class: "vue-ui-quick-chart-legend",
           style: N(`background:transparent;color:${e.value.color}`)
         }, [
-          (C.value?.legend?.length > 2 || d.value?.legend?.length > 2 || s.value?.legend?.length > 2) && e.value.showLegendSelectAllToggle && !c(D) ? (n(), Se(sl, {
+          (C.value?.legend?.length > 2 || d.value?.legend?.length > 2 || v.value?.legend?.length > 2) && e.value.showLegendSelectAllToggle && !c(D) ? (n(), we(sl, {
             key: 0,
             backgroundColor: e.value.legendSelectAllToggleBackgroundColor,
             color: e.value.legendSelectAllToggleColor,
             fontSize: e.value.legendFontSize,
             checked: w.value.length > 0,
-            isCursorPointer: we.value,
+            isCursorPointer: Ae.value,
             onToggle: fa
           }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : g("", !0),
           x.value === y.DONUT ? (n(!0), i(S, { key: 1 }, O(C.value.legend, (t, l) => (n(), i("div", {
@@ -2051,7 +2052,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             onClick: (o) => {
               Nt(t, C.value.dataset), re("selectLegend", t);
             },
-            style: N(`cursor: ${C.value.legend.length > 1 && we.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
+            style: N(`cursor: ${C.value.legend.length > 1 && Ae.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
             role: "button",
             tabindex: "0",
             onKeydown: (o) => {
@@ -2064,7 +2065,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (n(), i(S, { key: 1 }, [
-              Ce(c(q), {
+              ze(c(q), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
@@ -2077,7 +2078,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               }, B(w.value.includes(t.id) ? "-" : c(ue)(
                 e.value.formatter,
                 t.absoluteValue,
-                c(j)({
+                c(G)({
                   p: e.value.valuePrefix,
                   v: t.absoluteValue,
                   s: e.value.valueSuffix,
@@ -2094,7 +2095,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               }, " ( - % ) ", 4)) : (n(), i("span", {
                 key: 2,
                 style: N(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-              }, " (" + B(c(j)({
+              }, " (" + B(c(G)({
                 v: t.value / C.value.total * 100,
                 s: "%",
                 r: e.value.dataLabelRoundingPercentage
@@ -2106,7 +2107,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             onClick: (o) => {
               Ge(t.id, d.value.legend.length - 1), re("selectLegend", t);
             },
-            style: N(`cursor: ${d.value.legend.length > 1 && we.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
+            style: N(`cursor: ${d.value.legend.length > 1 && Ae.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
             role: "button",
             tabindex: "0",
             onKeydown: (o) => {
@@ -2119,7 +2120,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (n(), i(S, { key: 1 }, [
-              Ce(c(q), {
+              ze(c(q), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
@@ -2129,17 +2130,17 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               }, B(t.name), 5)
             ], 64))
           ], 44, qo))), 256)) : g("", !0),
-          x.value === y.BAR ? (n(!0), i(S, { key: 3 }, O(s.value.legend, (t, l) => (n(), i("div", {
+          x.value === y.BAR ? (n(!0), i(S, { key: 3 }, O(v.value.legend, (t, l) => (n(), i("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (o) => {
-              Ge(t.id, s.value.legend.length - 1), re("selectLegend", t);
+              Ge(t.id, v.value.legend.length - 1), re("selectLegend", t);
             },
-            style: N(`cursor: ${s.value.legend.length > 1 && we.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
+            style: N(`cursor: ${v.value.legend.length > 1 && Ae.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
             role: "button",
             tabindex: "0",
             onKeydown: (o) => {
               vt(o, () => {
-                Ge(t.id, s.value.legend.length - 1), re("selectLegend", t);
+                Ge(t.id, v.value.legend.length - 1), re("selectLegend", t);
               });
             }
           }, [
@@ -2147,7 +2148,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (n(), i(S, { key: 1 }, [
-              Ce(c(q), {
+              ze(c(q), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
@@ -2167,9 +2168,9 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       }, [
         R(a.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      Ce(c($e), {
+      ze(c(Te), {
         teleportTo: e.value.tooltipTeleportTo,
-        show: Ae.value.showTooltip && ve.value,
+        show: Le.value.showTooltip && ve.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         borderRadius: e.value.tooltipBorderRadius,
@@ -2180,7 +2181,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         position: e.value.tooltipPosition,
         offsetY: e.value.tooltipOffsetY,
         parent: se.value,
-        content: xe.value,
+        content: ke.value,
         isFullscreen: Ze.value,
         isCustom: c(et)(e.value.tooltipCustomFormat),
         smooth: e.value.tooltipSmooth,
@@ -2190,26 +2191,26 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         isA11yMode: ce.value === "keyboard",
         a11yPosition: zt.value
       }, {
-        "tooltip-before": W(() => [
-          R(a.$slots, "tooltip-before", J(Q({ ...Te.value })), void 0, !0)
+        "tooltip-before": X(() => [
+          R(a.$slots, "tooltip-before", Q(ee({ ...Ee.value })), void 0, !0)
         ]),
-        "tooltip-after": W(() => [
-          R(a.$slots, "tooltip-after", J(Q({ ...Te.value })), void 0, !0)
+        "tooltip-after": X(() => [
+          R(a.$slots, "tooltip-after", Q(ee({ ...Ee.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "smoothForce", "smoothSnapThreshold", "backdropFilter", "isA11yMode", "a11yPosition"]),
       R(a.$slots, "skeleton", {}, () => [
-        c(D) ? (n(), Se(Ja, { key: 0 })) : g("", !0)
+        c(D) ? (n(), we(Ja, { key: 0 })) : g("", !0)
       ], !0)
     ], 46, pl)) : (n(), i("div", Wo, [
-      Ce(c(q), {
+      ze(c(q), {
         name: "circleCancel",
         stroke: "red"
       }),
       r[5] || (r[5] = $("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-1ed12539"]]);
+}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-c3a69f59"]]);
 export {
   cn as default
 };