vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-quick-chart-CEMQYbSC.js → vue-ui-quick-chart-lwGufdDj.js}

@@ -1,17 +1,17 @@
-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 { defineAsyncComponent as De, ref as L, computed as R, 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 H, renderSlot as M, normalizeProps as Q, guardReactiveProps as ee, createSlots as Na, createVNode as $e, 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 Te, Z as ea, c as ta, K as he, T as et, U as pt } from "./lib-DBptbyyI.js";
 import { t as aa, u as Ka } from "./useResponsive-DfdjqQps.js";
-import { u as Ya } from "./useConfig-CpJA0VZa.js";
+import { u as Ya } from "./useConfig-ChRble71.js";
 import { u as Za, B as Ja } from "./BaseScanner-BhhkKVoj.js";
 import { u as Qa } from "./usePrinter-CEpYU3r5.js";
 import { u as el } from "./useSvgExport-ByUukOZt.js";
-import { u as pt } from "./useNestedProp-Bf5XFbs8.js";
+import { u as mt } from "./useNestedProp-Bf5XFbs8.js";
 import { u as tl } from "./useTimeLabels-C-A2uZKi.js";
 import { u as al } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
 import { u as ol } from "./useTimeLabelCollider-CIsgDrl9.js";
 import nl from "./img-LXxMLmCg.js";
-import { S as il } from "./Slicer-DUycDH_N.js";
+import { S as il } from "./Slicer-CIHwwuNR.js";
 import ul from "./vue_ui_quick_chart-DMCjEjPe.js";
 import { A as rl } from "./A11yDataTable-KcVAX2cP.js";
 import { B as sl } from "./BaseLegendToggle-BQVIawmA.js";
@@ -21,81 +21,81 @@ const y = {
   BAR: "BAR",
   DONUT: "DONUT"
 }, dl = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function cl({ dataset: m, barLineSwitch: F = 6, debug: z = !0 }) {
-  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))
+function cl({ dataset: p, barLineSwitch: F = 6, debug: z = !0 }) {
+  let q = null, te = null, pe = 0;
+  if ((typeof p == "number" || typeof p == "string") && z && console.warn(`The provided dataset (${p}) is not sufficient to build a chart`), at(p) && (ge(p) && (p.length < F ? q = y.BAR : q = y.LINE, te = p, pe = p.length), tt(p))) {
+    if (!hl(p))
       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]);
+    const lt = Object.keys(p[0]), Ve = Object.values(p[0]);
     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, (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) => ({
+    la(Ve, (K) => typeof K == "number") && (q = y.DONUT, te = p), la(Ve, (K) => Array.isArray(K) && ge(K)) && (oa(p) > F ? q = y.LINE : q = y.BAR, pe = oa(p), te = p.map((K) => ({
       ...K,
-      data: ml(K, (ie) => ge(ie))
-    }))), m = m.map((K) => na(K)), te = te.map((K) => na(K));
+      data: pl(K, (ie) => ge(ie))
+    }))), p = p.map((K) => na(K)), te = te.map((K) => na(K));
   }
   return {
-    dataset: m,
+    dataset: p,
     type: q,
     usableDataset: te,
-    maxSeriesLength: me
+    maxSeriesLength: pe
   };
 }
-function ia(m) {
-  return !m || at(m) && !m.length;
+function ia(p) {
+  return !p || at(p) && !p.length;
 }
-function at(m) {
-  return Array.isArray(m);
+function at(p) {
+  return Array.isArray(p);
 }
-function ge(m) {
-  if (!at(m) || ia(m)) return !1;
-  const F = m.map((z) => Number(z));
+function ge(p) {
+  if (!at(p) || ia(p)) return !1;
+  const F = p.map((z) => Number(z));
   return ![...new Set(F.flatMap((z) => typeof z == "number" && !isNaN(z)))].includes(!1);
 }
-function tt(m) {
-  return !at(m) || ia(m) || !![...new Set(m.flatMap((z) => typeof z == "object" && !Array.isArray(z)))].includes(!1) ? !1 : !m.map((z) => Object.keys(z).length > 0).includes(!1);
+function tt(p) {
+  return !at(p) || ia(p) || !![...new Set(p.flatMap((z) => typeof z == "object" && !Array.isArray(z)))].includes(!1) ? !1 : !p.map((z) => Object.keys(z).length > 0).includes(!1);
 }
-function fl(m, F) {
-  const z = Object.keys(m).sort(), q = Object.keys(F).sort();
+function fl(p, F) {
+  const z = Object.keys(p).sort(), q = Object.keys(F).sort();
   if (z.length !== q.length)
     return !1;
   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])
+    const pe = z[te], Ee = q[te];
+    if (pe !== Ee || typeof p[pe] != typeof F[Ee])
       return !1;
   }
   return !0;
 }
-function hl(m) {
-  if (m.length <= 1) return !0;
-  for (let F = 0; F < m.length; F += 1)
-    for (let z = F + 1; z < m.length; z += 1)
-      if (!fl(m[F], m[z]))
+function hl(p) {
+  if (p.length <= 1) return !0;
+  for (let F = 0; F < p.length; F += 1)
+    for (let z = F + 1; z < p.length; z += 1)
+      if (!fl(p[F], p[z]))
         return !1;
   return !0;
 }
-function gl(m) {
-  return dl.includes(m.toUpperCase());
+function gl(p) {
+  return dl.includes(p.toUpperCase());
 }
-function la(m, F) {
+function la(p, F) {
   let z = [];
-  for (let q = 0; q < m.length; q += 1)
-    z.push(F(m[q]));
+  for (let q = 0; q < p.length; q += 1)
+    z.push(F(p[q]));
   return z.includes(!0);
 }
-function oa(m) {
-  return Math.max(...[...m].flatMap((F) => Object.values(F).filter((z) => ge(z)).map((z) => z.length)));
+function oa(p) {
+  return Math.max(...[...p].flatMap((F) => Object.values(F).filter((z) => ge(z)).map((z) => z.length)));
 }
-function ml(m, F) {
-  return Object.values(m).filter((z) => F(z))[0];
+function pl(p, F) {
+  return Object.values(p).filter((z) => F(z))[0];
 }
-function na(m) {
+function na(p) {
   const F = {};
-  for (let z in m)
-    m.hasOwnProperty(z) && (F[z.toUpperCase()] = m[z]);
+  for (let z in p)
+    p.hasOwnProperty(z) && (F[z.toUpperCase()] = p[z]);
   return F;
 }
-const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative" } }, bl = ["xmlns", "aria-describedby", "viewBox"], Sl = ["x", "y", "width", "height"], wl = ["x", "y", "width", "height"], Al = ["width", "height"], Ll = ["id"], _l = ["id"], Cl = ["id"], zl = ["flood-color"], $l = {
+const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative" } }, bl = ["xmlns", "aria-describedby", "viewBox"], Sl = ["x", "y", "width", "height"], wl = ["x", "y", "width", "height"], Al = ["width", "height"], Ll = ["id"], _l = ["id"], Cl = ["id"], zl = ["flood-color"], $l = {
   key: 0,
   class: "donut-label-connectors"
 }, Tl = ["d", "stroke", "stroke-width", "filter"], El = ["cx", "cy", "r", "fill", "filter"], Pl = { class: "donut" }, Il = ["d", "fill", "stroke", "stroke-width", "filter"], Ml = ["d", "onMouseenter", "onMouseout", "onClick"], Rl = {
@@ -122,10 +122,10 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
 }, co = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], fo = {
   key: 0,
   class: "line-grid"
-}, ho = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], go = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mo = {
+}, ho = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], go = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], po = {
   key: 1,
   class: "line-axis"
-}, po = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ko = ["x", "y", "font-size", "fill"], bo = {
+}, mo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ko = ["x", "y", "font-size", "fill"], bo = {
   key: 3,
   class: "periodLabels"
 }, So = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wo = { key: 0 }, Ao = ["font-size", "text-anchor", "fill", "transform"], Lo = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], _o = { class: "plots" }, Co = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], zo = ["to"], $o = ["from", "to"], To = {
@@ -165,10 +165,10 @@ 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")), te = De(() => import("./PackageVersion-1BHnPIBZ.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);
+  setup(p, { expose: F, emit: z }) {
+    const q = De(() => import("./BaseIcon-Cb3zzG6s.js")), te = De(() => import("./PackageVersion-B3kmPxTR.js")), pe = De(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ee = De(() => import("./Tooltip-C8KGyqQk.js")), yt = De(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_quick_chart: lt } = Ya(), { isThemeValid: Ve, warnInvalidTheme: K } = al(), ie = p, se = L(null), xt = L(null), kt = L(null), bt = L(null), Y = L(Da()), ve = L(!1), Ae = 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), Ae = M(() => e.value.useCursorPointer), Z = L(null), zt = L({ x: 0, y: 0 }), ce = L("pointer"), nt = L(!1), ua = M(() => Qt({
+    const e = L(ut()), ot = R(() => !!e.value.debug), Le = R(() => e.value.useCursorPointer), Z = L(null), zt = L({ x: 0, y: 0 }), ce = L("pointer"), nt = L(!1), ua = R(() => Qt({
       userConfig: e.value.skeletonConfig ?? {}
     })), { loading: D, FINAL_DATASET: ra, manualLoading: $t } = Za({
       ...Oa(ie),
@@ -188,12 +188,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: ua.value
       })
-    }), { 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);
+    }), { svgRef: be } = ll({ config: { text: e.value.title } }), sa = R(() => e.value.showUserOptionsOnChartHover), Tt = R(() => 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({
+      const a = mt({
         userConfig: ie.config,
         defaultConfig: lt
       });
@@ -203,12 +203,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         if (!Ve.value(a))
           K(a), r = a;
         else {
-          const l = pt({
+          const l = mt({
             userConfig: ul[t] || ie.config,
             defaultConfig: a
           });
           r = {
-            ...pt({
+            ...mt({
               userConfig: ie.config,
               defaultConfig: l
             }),
@@ -220,13 +220,13 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       return r;
     }
     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;
+      D.value || (e.value = ut()), _.value.width = e.value.width, _.value.height = e.value.height, We.value = !e.value.showUserOptionsOnChartHover, Mt(), _e.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 Me = M(() => Va(e.value.customPalette)), re = z, Re = M(() => {
+    const Me = R(() => Va(e.value.customPalette)), re = z, Re = R(() => {
       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(Re.value), va = M(() => !!A.value), x = M(() => A.value ? A.value.type : null);
+    }), A = L(Re.value), va = R(() => !!A.value), x = R(() => A.value ? A.value.type : null);
     Ue(() => x.value, (a) => {
       a || Ha({
         componentName: "VueUiQuickChart",
@@ -248,18 +248,18 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       elementId: `${x.value}_${Y.value}`,
       fileName: e.value.title || x.value,
       options: e.value.userOptionsPrint
-    }), da = M(() => e.value.showUserOptions && !e.value.title), _ = L({
+    }), da = R(() => e.value.showUserOptions && !e.value.title), _ = L({
       width: e.value.width,
       height: e.value.height
-    }), Le = L({
+    }), _e = L({
       showTooltip: e.value.showTooltip
     });
     Ue(e, () => {
-      Le.value = {
+      _e.value = {
         showTooltip: e.value.showTooltip
       };
     }, { immediate: !0 });
-    const pe = Yt(null), _e = Yt(null);
+    const me = Yt(null), Ce = Yt(null);
     Fa(async () => {
       Lt.value = !0, Mt();
     });
@@ -278,14 +278,14 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             _.value.width = r, _.value.height = t;
           });
         });
-        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);
+        me.value && (Ce.value && me.value.unobserve(Ce.value), me.value.disconnect()), me.value = new ResizeObserver(a), Ce.value = se.value.parentNode, me.value.observe(Ce.value);
       }
       Ut();
     }
     Zt(() => {
-      pe.value && (_e.value && pe.value.unobserve(_e.value), pe.value.disconnect());
+      me.value && (Ce.value && me.value.unobserve(Ce.value), me.value.disconnect());
     });
-    const ca = M(() => {
+    const ca = R(() => {
       switch (x.value) {
         case y.LINE:
           return `0 0 ${_.value.width <= 0 ? 10 : _.value.width} ${_.value.height <= 0 ? 10 : _.value.height}`;
@@ -364,7 +364,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     function ha(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(() => {
+    const Bt = R(() => e.value.donutThicknessRatio < 0.01 ? 0.01 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), C = R(() => {
       if (x.value !== y.DONUT) return null;
       const a = A.value.dataset.map((h, T) => ({
         ...h,
@@ -387,13 +387,13 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         return h.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
       function l(h, T) {
-        const f = Re.value.dataset.find((p, E) => `donut_${E}` === h).VALUE;
+        const f = Re.value.dataset.find((m, 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" }) {
-        Ee.value = { datapoint: h, seriesIndex: T, config: e.value, dataset: a }, ae.value = h.id, Z.value = T, ce.value = f;
+        Ae.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({
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: h, seriesIndex: T }), et(u) && pt(() => u({
           datapoint: h,
           seriesIndex: T,
           series: a,
@@ -406,8 +406,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             config: e.value
           });
         else {
-          let p = "";
-          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(
+          let m = "";
+          m += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${h.name}</div>`, m += `<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>`, m += `<b>${ue(
             e.value.formatter,
             h.value,
             G({
@@ -417,7 +417,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               r: e.value.dataLabelRoundingValue
             }),
             { datapoint: h, seriesIndex: T }
-          )}</b>`, p += `<span>(${G({ v: h.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ke.value = `<div>${p}</div>`;
+          )}</b>`, m += `<span>(${G({ v: h.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ke.value = `<div>${m}</div>`;
         }
         ve.value = !0;
       }
@@ -430,7 +430,7 @@ 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), H = a.map((h, T) => ({
+      }, I = a.filter((h) => !w.value.includes(h.id)).map((h) => h.value || 0).reduce((h, T) => h + T, 0), W = a.map((h, T) => ({
         ...h,
         proportion: (h.value || 0) / I,
         value: h.value || 0,
@@ -438,8 +438,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         shape: "circle"
       })), fe = _.value.width / 2, oe = _.value.height / 2, j = _.value.height * e.value.donutRadiusRatio;
       return {
-        dataset: H.filter((h) => !w.value.includes(h.id)),
-        legend: H,
+        dataset: W.filter((h) => !w.value.includes(h.id)),
+        legend: W,
         drawingArea: P,
         displayArcPercentage: r,
         isArcBigEnough: t,
@@ -476,16 +476,16 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     async function Ut() {
       await ft(), await ft();
       const { zoomStartIndex: a, zoomEndIndex: r } = e.value, t = Dt.value;
-      (a != null || r != null) && t ? (a != null && t.setStartValue(a), r != null && t.setEndValue(ma(r + 1))) : (k.value = {
+      (a != null || r != null) && t ? (a != null && t.setStartValue(a), r != null && t.setEndValue(pa(r + 1))) : (k.value = {
         start: 0,
         end: A.value.maxSeriesLength
       }, qe.value += 1);
     }
-    function ma(a) {
+    function pa(a) {
       const r = A.value.maxSeriesLength;
       return a > r ? r : a < 0 || e.value.zoomStartIndex !== null && a < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : a;
     }
-    const pa = M(() => {
+    const ma = R(() => {
       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, s) => ({
@@ -522,10 +522,10 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     }), Zt(() => {
       rt.value = 0;
     });
-    const Ye = M(() => {
+    const Ye = R(() => {
       let a = 0, r = 0;
       return de.value && (r = rt.value), a + r;
-    }), d = M(() => {
+    }), d = R(() => {
       if (x.value !== y.LINE) return null;
       const a = {
         height: _.value.height,
@@ -564,28 +564,28 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         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)
+        absoluteIndices: f.values.map((m, E) => E).slice(k.value.start, k.value.end)
       })));
       const o = {
         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))
-      }, 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) => ({
+      }, 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, W = 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) => ({
         ...f,
         shape: "circle",
-        coordinates: f.values.map((p, E) => ({
+        coordinates: f.values.map((m, E) => ({
           x: t.left + I * (E + 1) - I / 2,
-          y: t.bottom - (p + b) / (s.max + b) * t.height,
-          value: p
+          y: t.bottom - (m + b) / (s.max + b) * t.height,
+          value: m
         }))
       })).map((f) => {
         let u = [];
-        return f.coordinates.forEach((p) => {
-          u.push(`${p.x},${p.y} `);
+        return f.coordinates.forEach((m) => {
+          u.push(`${m.x},${m.y} `);
         }), {
           ...f,
           linePath: u.join(" ")
@@ -600,24 +600,24 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       }
       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 m = oe(f);
+        Ae.value = { datapoint: m, 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,
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: m, seriesIndex: f + k.value.start }), et(E) && pt(() => E({
+          datapoint: m,
           seriesIndex: f,
           series: l,
           config: e.value
         })))
           ke.value = E({
-            datapoint: p,
+            datapoint: m,
             seriesIndex: f,
             series: l,
             config: e.value
           });
         else {
           let U = "";
-          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) => {
+          J.value[m[0].absoluteIndex] && (U += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${J.value[m[0].absoluteIndex].text}</div>`), m.forEach((V, X) => {
             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>
@@ -631,7 +631,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: V, seriesIndex: W }
+              { datapoint: V, seriesIndex: X }
             )}
                         </b>
                     </div>
@@ -655,12 +655,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         drawingArea: t,
         extremes: o,
         slotSize: I,
-        yLabels: H,
+        yLabels: W,
         useTooltip: j,
         killTooltip: h,
         selectDatapoint: T
       };
-    }), v = M(() => {
+    }), v = R(() => {
       if (x.value !== y.BAR) return null;
       const a = {
         height: _.value.height,
@@ -684,19 +684,19 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         {
           values: A.value.dataset.slice(k.value.start, k.value.end),
           absoluteValues: A.value.dataset,
-          absoluteIndices: A.value.dataset.map((u, p) => p).slice(k.value.start, k.value.end),
+          absoluteIndices: A.value.dataset.map((u, m) => m).slice(k.value.start, k.value.end),
           name: e.value.title,
           color: Me.value[e.value.paletteStartIndex] || ne[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), tt(A.value.dataset) && (l = A.value.dataset.map((u, p) => ({
+      ]), tt(A.value.dataset) && (l = A.value.dataset.map((u, m) => ({
         ...u,
         values: u.VALUE || u.DATA || u.SERIE || u.SERIES || u.VALUES || u.NUM || 0,
-        name: u.NAME || u.DESCRIPTION || u.TITLE || u.LABEL || `Serie ${p}`,
-        id: `bar_${p}`
-      })).map((u, p) => ({
+        name: u.NAME || u.DESCRIPTION || u.TITLE || u.LABEL || `Serie ${m}`,
+        id: `bar_${m}`
+      })).map((u, m) => ({
         ...u,
-        color: u.COLOR ? gt(u.COLOR) : Me.value[p + e.value.paletteStartIndex] || ne[p + e.value.paletteStartIndex] || ne[(p + e.value.paletteStartIndex) % ne.length],
+        color: u.COLOR ? gt(u.COLOR) : Me.value[m + e.value.paletteStartIndex] || ne[m + e.value.paletteStartIndex] || ne[(m + 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,49 +705,49 @@ 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
-      }, 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) => ({
+      }, 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, W = 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) => ({
+      })), fe = l.map((u, m) => ({
         ...u,
         shape: "square",
         coordinates: u.values.map((E, U) => {
-          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;
+          const V = (E + b) / (o.max + b) * t.height, X = 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,
+            x: t.left + I * U + Be * m + e.value.barGap / 2,
             y: E > 0 ? t.bottom - V : P,
-            height: E > 0 ? V - Ne : W,
+            height: E > 0 ? V - Ne : X,
             value: E,
             width: Be
           };
         })
-      })), oe = l.filter((u) => !w.value.includes(u.id)).map((u, p) => ({
+      })), oe = l.filter((u) => !w.value.includes(u.id)).map((u, m) => ({
         ...u,
         coordinates: u.values.map((E, U) => {
-          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;
+          const V = (E + b) / (o.max + b) * t.height, X = 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,
+            x: t.left + I * U + Be * m + e.value.barGap / 2,
             y: E > 0 ? t.bottom - V : P,
-            height: E > 0 ? V - Ne : W,
+            height: E > 0 ? V - Ne : X,
             value: E,
             width: Be
           };
         })
       }));
       function j(u) {
-        return l.map((p) => ({
-          ...p,
-          value: p.values[u],
-          absoluteIndex: p.absoluteIndices[u]
-        })).filter((p) => !w.value.includes(p.id));
+        return l.map((m) => ({
+          ...m,
+          value: m.values[u],
+          absoluteIndex: m.absoluteIndices[u]
+        })).filter((m) => !w.value.includes(m.id));
       }
-      function h(u, p = "pointer") {
-        ae.value = u, le.value = u, Z.value = u, ce.value = p;
+      function h(u, m = "pointer") {
+        ae.value = u, le.value = u, Z.value = u, ce.value = m;
         const E = j(u);
-        Ee.value = { datapoint: E, seriesIndex: u, config: e.value, dataset: l };
+        Ae.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({
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: E, seriesIndex: u + k.value.start }), et(U) && pt(() => U({
           datapoint: E,
           seriesIndex: u,
           series: l,
@@ -761,21 +761,21 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           });
         else {
           let V = "";
-          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) => {
+          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((X, 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="${W.color}"/></svg>
-                        <span>${W.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="${X.color}"/></svg>
+                        <span>${X.name}:</span>
                         <b>${ue(
               e.value.formatter,
-              W.value,
+              X.value,
               G({
                 p: e.value.valuePrefix,
-                v: W.value,
+                v: X.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: W, seriesIndex: Ne }
+              { datapoint: X, seriesIndex: Ne }
             )}
                         </b>
                     </div>
@@ -785,12 +785,12 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         ve.value = !0;
       }
       function T(u) {
-        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";
+        const m = j(u);
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: m, 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 = j(u);
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: p, seriesIndex: u + k.value.start }), re("selectDatapoint", p);
+        const m = j(u);
+        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: m, seriesIndex: u + k.value.start }), re("selectDatapoint", m);
       }
       return {
         absoluteZero: P,
@@ -800,7 +800,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         drawingArea: t,
         extremes: o,
         slotSize: I,
-        yLabels: H,
+        yLabels: W,
         useTooltip: h,
         killTooltip: T,
         selectDatapoint: f
@@ -837,8 +837,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       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: H } = t[P];
-        Math.abs(I - b.x) <= o ? b.items.push(H) : (s.push(b), b = { x: I, items: [H] });
+        const { x: I, el: W } = t[P];
+        Math.abs(I - b.x) <= o ? b.items.push(W) : (s.push(b), b = { x: I, items: [W] });
       }
       return s.push(b), s;
     }
@@ -853,28 +853,28 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       labelStep: P = 0,
       intraSeriesStep: I = 0
     } = {}) {
-      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 W = Array.isArray(Pe?.value) ? Pe.value : [Pe?.value].filter(Boolean), fe = Array.isArray(Ie?.value) ? Ie.value : [Ie?.value].filter(Boolean), oe = [...W, ...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((m) => m.classList.remove("quick-animation")), T.forEach((m) => m.classList.remove("quick-animation")), j && j.offsetWidth;
       const f = h.length ? Ht(h, ka) : [], u = T.length ? Ht(T, ba) : [];
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          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 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)";
+          oe.forEach((m) => {
+            m.style.transition = `stroke-dashoffset ${a}ms ${r}`, m.style.strokeDashoffset = "0";
+          }), f.forEach((m, E) => {
+            m.items.forEach((U, V) => {
+              const X = o + E * b + V * I;
+              U.style.transition = `opacity ${t}ms ease-out ${X}ms, transform ${t}ms ease-out ${X}ms`, U.style.opacity = "1", U.style.transform = "scale(1)";
             });
-          }), u.forEach((p, E) => {
-            p.items.forEach((U, V) => {
-              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)";
+          }), u.forEach((m, E) => {
+            m.items.forEach((U, V) => {
+              const X = s + E * P + V * I;
+              U.style.transition = `opacity ${l}ms ease-out ${X}ms, transform ${l}ms ease-out ${X}ms`, U.style.opacity = "1", U.style.transform = "scale(1)";
             });
           });
         });
       });
     }
-    const wa = M(() => {
+    const wa = R(() => {
       if (x.value === y.LINE)
         return d.value.legend.map((a) => (Math.min(...a.absoluteValues.map((r) => r ?? 0)), {
           ...a,
@@ -904,7 +904,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         a === Wt && (J.value = r);
       })();
     });
-    const Ce = M(() => {
+    const ze = R(() => {
       const a = e.value.xyPeriodsModulo;
       return e.value.xyPeriods.length ? Math.min(a, [...new Set(J.value.map((r) => r.text))].length) : a;
     }), Ze = L(!1);
@@ -912,7 +912,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       Ze.value = a, At.value += 1;
     }
     function jt() {
-      Le.value.showTooltip = !Le.value.showTooltip;
+      _e.value.showTooltip = !_e.value.showTooltip;
     }
     const Fe = L(!1);
     function st() {
@@ -930,7 +930,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         aspectRatio: l
       };
     }
-    const La = M(() => _.value.width), _a = M(() => _.value.height);
+    const La = R(() => _.value.width), _a = R(() => _.value.height);
     ol({
       timeLabelsEls: de,
       timeLabels: J,
@@ -943,14 +943,14 @@ 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 : v.value.legend), $a = M(() => ({
+    const Ca = R(() => e.value.backgroundColor), za = R(() => x.value === y.DONUT ? C.value.legend : x.value === y.LINE ? d.value.legend : v.value.legend), $a = R(() => ({
       show: e.value.showLegend,
       bold: !1,
       backgroundColor: e.value.backgroundColor,
       color: e.value.color,
       fontSize: e.value.legendFontSize,
       position: e.value.legendPosition
-    })), Ta = M(() => ({
+    })), Ta = R(() => ({
       text: e.value.title,
       color: e.value.color,
       fontSize: e.value.titleFontSize,
@@ -997,7 +997,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
     function vt(a, r) {
       (a.key === "Enter" || a.key === " ") && (a.preventDefault(), r());
     }
-    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);
+    const ye = R(() => 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() {
       Z.value = null, nt.value = !0;
     }
@@ -1015,9 +1015,9 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       if (l) {
         if (Z.value === null) return;
         if (x.value === y.DONUT) {
-          const H = C.value?.chart?.[Z.value];
-          if (!H) return;
-          C.value.selectDatapoint({ datapoint: H, seriesIndex: Z.value });
+          const W = C.value?.chart?.[Z.value];
+          if (!W) return;
+          C.value.selectDatapoint({ datapoint: W, seriesIndex: Z.value });
           return;
         }
         if (x.value === y.LINE) {
@@ -1033,10 +1033,10 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       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;
+        const W = C.value?.chart?.[s];
+        if (!W) return;
         dt(s), C.value.useTooltip({
-          datapoint: H,
+          datapoint: W,
           seriesIndex: s,
           triggerMode: "keyboard"
         });
@@ -1054,7 +1054,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       if (x.value === y.DONUT) {
         const o = C.value?.chart?.[a];
         if (!o) return;
-        r = $e(o, !0).x, t = Qe(o);
+        r = Te(o, !0).x, t = Qe(o);
       }
       if (x.value === y.LINE) {
         const o = d.value?.drawingArea, s = d.value?.slotSize;
@@ -1072,7 +1072,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         y: l.top + t / _.value.height * l.height
       };
     }
-    const ct = M(() => {
+    const ct = R(() => {
       if (x.value === y.DONUT) {
         const a = (C.value?.dataset ?? []).map((r) => {
           const t = C.value?.total ? G({
@@ -1160,32 +1160,32 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         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(), we(c(me), {
+      e.value.userOptionsButtons.annotator ? (n(), we(c(pe), {
         key: 1,
         svgRef: c(be),
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         active: Fe.value,
-        isCursorPointer: Ae.value,
+        isCursorPointer: Le.value,
         onClose: st
       }, {
-        "annotator-action-close": X(() => [
-          R(a.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": H(() => [
+          M(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": X(({ color: t }) => [
-          R(a.$slots, "annotator-action-color", Q(ee({ color: t })), void 0, !0)
+        "annotator-action-color": H(({ color: t }) => [
+          M(a.$slots, "annotator-action-color", Q(ee({ color: 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-draw": H(({ mode: t }) => [
+          M(a.$slots, "annotator-action-draw", Q(ee({ mode: 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-undo": H(({ disabled: t }) => [
+          M(a.$slots, "annotator-action-undo", Q(ee({ 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-redo": H(({ disabled: t }) => [
+          M(a.$slots, "annotator-action-redo", Q(ee({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-delete": X(({ disabled: t }) => [
-          R(a.$slots, "annotator-action-delete", Q(ee({ disabled: t })), void 0, !0)
+        "annotator-action-delete": H(({ disabled: t }) => [
+          M(a.$slots, "annotator-action-delete", Q(ee({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : g("", !0),
@@ -1211,7 +1211,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         hasFullscreen: e.value.userOptionsButtons.fullscreen,
         hasAltCopy: e.value.userOptionsButtons.altCopy,
         hasXls: !1,
-        isTooltip: Le.value.showTooltip,
+        isTooltip: _e.value.showTooltip,
         isFullscreen: Ze.value,
         titles: { ...e.value.userOptionsButtonTitles },
         chartElement: se.value,
@@ -1220,7 +1220,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         isAnnotation: Fe.value,
         callbacks: e.value.userOptionsCallbacks,
         printScale: e.value.userOptionsPrint.scale,
-        isCursorPointer: Ae.value,
+        isCursorPointer: Le.value,
         onToggleFullscreen: Xt,
         onGeneratePdf: c(Pt),
         onGenerateImage: c(It),
@@ -1234,57 +1234,57 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       }, Na({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: X(({ isOpen: t, color: l }) => [
-            R(a.$slots, "menuIcon", Q(ee({ isOpen: t, color: l })), void 0, !0)
+          fn: H(({ isOpen: t, color: l }) => [
+            M(a.$slots, "menuIcon", Q(ee({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: X(() => [
-            R(a.$slots, "optionTooltip", {}, void 0, !0)
+          fn: H(() => [
+            M(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: X(() => [
-            R(a.$slots, "optionPdf", {}, void 0, !0)
+          fn: H(() => [
+            M(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: X(() => [
-            R(a.$slots, "optionImg", {}, void 0, !0)
+          fn: H(() => [
+            M(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: X(() => [
-            R(a.$slots, "optionSvg", {}, void 0, !0)
+          fn: H(() => [
+            M(a.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: X(({ toggleFullscreen: t, isFullscreen: l }) => [
-            R(a.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
+          fn: H(({ toggleFullscreen: t, isFullscreen: l }) => [
+            M(a.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: X(({ toggleAnnotator: t, isAnnotator: l }) => [
-            R(a.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
+          fn: H(({ toggleAnnotator: t, isAnnotator: l }) => [
+            M(a.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: X(({ altCopy: t }) => [
-            R(a.$slots, "optionAltCopy", Q(ee({ altCopy: t })), void 0, !0)
+          fn: H(({ altCopy: t }) => [
+            M(a.$slots, "optionAltCopy", Q(ee({ altCopy: t })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -1313,7 +1313,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           onBlur: Ma,
           onKeydown: Ra
         }, [
-          ze(c(te)),
+          $e(c(te)),
           a.$slots["chart-background"] && x.value === y.BAR ? (n(), i("foreignObject", {
             key: 0,
             x: v.value.drawingArea.left,
@@ -1324,7 +1324,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               pointerEvents: "none"
             }
           }, [
-            R(a.$slots, "chart-background", {}, void 0, !0)
+            M(a.$slots, "chart-background", {}, void 0, !0)
           ], 8, Sl)) : g("", !0),
           a.$slots["chart-background"] && x.value === y.LINE ? (n(), i("foreignObject", {
             key: 1,
@@ -1336,7 +1336,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               pointerEvents: "none"
             }
           }, [
-            R(a.$slots, "chart-background", {}, void 0, !0)
+            M(a.$slots, "chart-background", {}, void 0, !0)
           ], 8, wl)) : g("", !0),
           a.$slots["chart-background"] && x.value === y.DONUT ? (n(), i("foreignObject", {
             key: 2,
@@ -1348,7 +1348,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               pointerEvents: "none"
             }
           }, [
-            R(a.$slots, "chart-background", {}, void 0, !0)
+            M(a.$slots, "chart-background", {}, void 0, !0)
           ], 8, Al)) : g("", !0),
           $("defs", null, [
             $("filter", {
@@ -1423,7 +1423,7 @@ 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($e)(t).x,
+                  cx: c(Te)(t).x,
                   cy: c(Qe)(t) - 3.7,
                   fill: t.color,
                   stroke: e.value.backgroundColor,
@@ -1433,8 +1433,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 }, null, 8, Ol)) : g("", !0),
                 C.value.isArcBigEnough(t) ? (n(), i("text", {
                   key: 1,
-                  "text-anchor": c($e)(t, !0, 20).anchor,
-                  x: c($e)(t, !0).x,
+                  "text-anchor": c(Te)(t, !0, 20).anchor,
+                  x: c(Te)(t, !0).x,
                   y: c(Qe)(t),
                   fill: e.value.color,
                   "font-size": e.value.dataLabelFontSize,
@@ -1452,8 +1452,8 @@ 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($e)(t).anchor,
-                  x: c($e)(t, !0).x,
+                  "text-anchor": c(Te)(t).anchor,
+                  x: c(Te)(t, !0).x,
                   y: c(Qe)(t) + e.value.dataLabelFontSize,
                   fill: e.value.color,
                   "font-size": e.value.dataLabelFontSize,
@@ -1566,7 +1566,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             ], 512)) : g("", !0),
             e.value.xyShowScale && e.value.xyPeriods.length ? (n(), i("g", Yl, [
               (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", {
+                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / ze.value) === 0 || k.value.end - k.value.start <= ze.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,
@@ -1582,7 +1582,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 ref: de
               }, [
                 (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, [
+                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / ze.value) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("g", Jl, [
                     String(t).includes(`
 `) ? (n(), i("text", {
                       key: 1,
@@ -1736,7 +1736,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 "stroke-linecap": "round"
               }, null, 8, go))), 256)) : g("", !0)
             ])) : g("", !0),
-            e.value.xyShowAxis ? (n(), i("g", mo, [
+            e.value.xyShowAxis ? (n(), i("g", po, [
               $("line", {
                 x1: v.value.drawingArea.left,
                 x2: v.value.drawingArea.left,
@@ -1745,7 +1745,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, po),
+              }, null, 8, mo),
               $("line", {
                 x1: v.value.drawingArea.left,
                 x2: v.value.drawingArea.right,
@@ -1808,7 +1808,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
                 ref: de
               }, [
                 (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, [
+                  !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((k.value.end - k.value.start) / ze.value) === 0 || k.value.end - k.value.start <= ze.value ? (n(), i("g", wo, [
                     String(t).includes(`
 `) ? (n(), i("text", {
                       key: 1,
@@ -1956,11 +1956,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           ])) : g("", !0)
         ], 44, bl)) : g("", !0),
         a.$slots.hint ? (n(), i("div", Bo, [
-          R(a.$slots, "hint", Q(ee({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: nt.value })), void 0, !0)
+          M(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", Q(ee({ isPrinting: c(Xe) || c(je) })), void 0, !0)
+        M(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}`,
@@ -1989,7 +1989,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
           minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
           minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: pa.value,
+          minimap: ma.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           verticalHandles: e.value.zoomMinimap.verticalHandles,
           minimapSelectedIndex: le.value,
@@ -2018,8 +2018,8 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
           onReset: ga,
           onTrapMouse: ha
         }, {
-          "reset-action": X(({ reset: t }) => [
-            R(a.$slots, "reset-action", Q(ee({ reset: t })), void 0, !0)
+          "reset-action": H(({ reset: t }) => [
+            M(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"]))
@@ -2044,7 +2044,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             color: e.value.legendSelectAllToggleColor,
             fontSize: e.value.legendFontSize,
             checked: w.value.length > 0,
-            isCursorPointer: Ae.value,
+            isCursorPointer: Le.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", {
@@ -2052,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 && Ae.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
+            style: N(`cursor: ${C.value.legend.length > 1 && Le.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
             role: "button",
             tabindex: "0",
             onKeydown: (o) => {
@@ -2061,11 +2061,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               });
             }
           }, [
-            e.value.useCustomLegend ? R(a.$slots, "legend", ht({
+            e.value.useCustomLegend ? M(a.$slots, "legend", ht({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (n(), i(S, { key: 1 }, [
-              ze(c(q), {
+              $e(c(q), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
@@ -2107,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 && Ae.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
+            style: N(`cursor: ${d.value.legend.length > 1 && Le.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
             role: "button",
             tabindex: "0",
             onKeydown: (o) => {
@@ -2116,11 +2116,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               });
             }
           }, [
-            e.value.useCustomLegend ? R(a.$slots, "legend", ht({
+            e.value.useCustomLegend ? M(a.$slots, "legend", ht({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (n(), i(S, { key: 1 }, [
-              ze(c(q), {
+              $e(c(q), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
@@ -2135,7 +2135,7 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
             onClick: (o) => {
               Ge(t.id, v.value.legend.length - 1), re("selectLegend", t);
             },
-            style: N(`cursor: ${v.value.legend.length > 1 && Ae.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
+            style: N(`cursor: ${v.value.legend.length > 1 && Le.value ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`),
             role: "button",
             tabindex: "0",
             onKeydown: (o) => {
@@ -2144,11 +2144,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
               });
             }
           }, [
-            e.value.useCustomLegend ? R(a.$slots, "legend", ht({
+            e.value.useCustomLegend ? M(a.$slots, "legend", ht({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (n(), i(S, { key: 1 }, [
-              ze(c(q), {
+              $e(c(q), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
@@ -2166,11 +2166,11 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         ref: St,
         dir: "auto"
       }, [
-        R(a.$slots, "source", {}, void 0, !0)
+        M(a.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      ze(c(Te), {
+      $e(c(Ee), {
         teleportTo: e.value.tooltipTeleportTo,
-        show: Le.value.showTooltip && ve.value,
+        show: _e.value.showTooltip && ve.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         borderRadius: e.value.tooltipBorderRadius,
@@ -2191,26 +2191,29 @@ const pl = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
         isA11yMode: ce.value === "keyboard",
         a11yPosition: zt.value
       }, {
-        "tooltip-before": X(() => [
-          R(a.$slots, "tooltip-before", Q(ee({ ...Ee.value })), void 0, !0)
+        "tooltip-before": H(() => [
+          M(a.$slots, "tooltip-before", Q(ee({ ...Ae.value })), void 0, !0)
         ]),
-        "tooltip-after": X(() => [
-          R(a.$slots, "tooltip-after", Q(ee({ ...Ee.value })), void 0, !0)
+        tooltip: H(() => [
+          M(a.$slots, "tooltip", Q(ee({ ...Ae.value })), void 0, !0)
+        ]),
+        "tooltip-after": H(() => [
+          M(a.$slots, "tooltip-after", Q(ee({ ...Ae.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", {}, () => [
+      M(a.$slots, "skeleton", {}, () => [
         c(D) ? (n(), we(Ja, { key: 0 })) : g("", !0)
       ], !0)
-    ], 46, pl)) : (n(), i("div", Wo, [
-      ze(c(q), {
+    ], 46, ml)) : (n(), i("div", Wo, [
+      $e(c(q), {
         name: "circleCancel",
         stroke: "red"
       }),
       r[5] || (r[5] = $("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-c3a69f59"]]);
+}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-728cea32"]]);
 export {
   cn as default
 };