vue-data-ui 2.4.41 → 2.4.42

package/dist/{vue-ui-quick-chart-BwN9eLye.js → vue-ui-quick-chart-BAVQ2SJ2.js}

@@ -1,146 +1,146 @@
-import { ref as $, computed as D, watch as Ee, onMounted as ht, onBeforeUnmount as ft, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as N, createBlock as Le, createCommentVNode as f, unref as g, createSlots as gt, withCtx as Q, renderSlot as M, normalizeProps as H, guardReactiveProps as re, toDisplayString as E, createVNode as se, createElementVNode as A, Fragment as m, renderList as L, mergeProps as Re, pushScopeId as pt, popScopeId as mt } from "vue";
-import { u as yt, c as xt, t as kt, a as bt, p as V, b as St, I as wt, e as At, d as Oe, m as _t, C as Je, X as Lt, j as zt, k as me, n as Ne, i as X, f as B, R as Qe, v as Z, x as ze, y as Fe } from "./index-B6Q1Fyk0.js";
-import { t as $t, u as Ct } from "./useResponsive-CoxXLe23.js";
-import $e from "./BaseIcon-DCE3wRiG.js";
-import { _ as Tt } from "./Tooltip-GvLaModr.js";
-import { u as Pt, U as It } from "./usePrinter-D8dIU7aG.js";
-import { S as Et } from "./Slicer-D9ASV60L.js";
-import Rt from "./vue-ui-skeleton-D7rg5vFC.js";
-import { u as Ke } from "./useNestedProp-DQpuJSz3.js";
-import { _ as Ot } from "./PackageVersion-S7OD_s5u.js";
-import { P as Nt } from "./PenAndPaper-BxJZd7k9.js";
-import { _ as Ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { ref as L, computed as D, watch as Oe, onMounted as xt, onBeforeUnmount as yt, nextTick as $e, openBlock as a, createElementBlock as l, normalizeClass as re, normalizeStyle as N, createBlock as Ce, createCommentVNode as f, unref as g, createSlots as kt, withCtx as Q, renderSlot as M, normalizeProps as H, guardReactiveProps as se, toDisplayString as R, createVNode as ve, createElementVNode as A, Fragment as p, renderList as z, mergeProps as Ne, pushScopeId as St, popScopeId as bt } from "vue";
+import { u as wt, c as At, t as _t, a as zt, p as V, C as et, b as Lt, J as $t, e as Ct, d as Fe, m as It, D as tt, X as Et, j as Pt, k as xe, n as Me, i as X, f as B, R as at, v as Z, x as Ie, y as Be } from "./index-DnukYspq.js";
+import { t as Tt, u as Rt } from "./useResponsive-CoxXLe23.js";
+import Ee from "./BaseIcon-C8XxmpRq.js";
+import { _ as Ot } from "./Tooltip-DEAOBZ8h.js";
+import { u as Nt, U as Ft } from "./usePrinter-DVIALk5e.js";
+import { S as Mt } from "./Slicer-DIYseEL1.js";
+import Bt from "./vue-ui-skeleton-CXdyOF4T.js";
+import { u as lt } from "./useNestedProp-CVOQGx-X.js";
+import { _ as Ut } from "./PackageVersion-CH6MCx6T.js";
+import { P as Dt } from "./PenAndPaper-BWTR3U2d.js";
+import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = {
   LINE: "LINE",
   BAR: "BAR",
   DONUT: "DONUT"
-}, Mt = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function Bt({ dataset: s, barLineSwitch: C = 6 }) {
-  let p = null, R = null, q = 0;
-  if ((typeof s == "number" || typeof s == "string") && console.warn(`The provided dataset (${s}) is not sufficient to build a chart`), ye(s) && (Y(s) && (s.length < C ? p = _.BAR : p = _.LINE, R = s, q = s.length), Ce(s))) {
-    if (!Dt(s))
+}, qt = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
+function Wt({ dataset: v, barLineSwitch: I = 6 }) {
+  let m = null, $ = null, q = 0;
+  if ((typeof v == "number" || typeof v == "string") && console.warn(`The provided dataset (${v}) is not sufficient to build a chart`), ye(v) && (Y(v) && (v.length < I ? m = _.BAR : m = _.LINE, $ = v, q = v.length), Pe(v))) {
+    if (!Gt(v))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-    const oe = Object.keys(s[0]), ve = Object.values(s[0]);
-    if (!oe.some((P) => Vt(P)))
+    const oe = Object.keys(v[0]), de = Object.values(v[0]);
+    if (!oe.some((P) => Ht(P)))
       return console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-    et(ve, (P) => typeof P == "number") && (p = _.DONUT, R = s), et(ve, (P) => Array.isArray(P) && Y(P)) && (tt(s) > C ? p = _.LINE : p = _.BAR, q = tt(s), R = s.map((P) => ({
+    ot(de, (P) => typeof P == "number") && (m = _.DONUT, $ = v), ot(de, (P) => Array.isArray(P) && Y(P)) && (ut(v) > I ? m = _.LINE : m = _.BAR, q = ut(v), $ = v.map((P) => ({
       ...P,
-      data: qt(P, (G) => Y(G))
-    }))), s = s.map((P) => at(P)), R = R.map((P) => at(P));
+      data: Xt(P, (G) => Y(G))
+    }))), v = v.map((P) => it(P)), $ = $.map((P) => it(P));
   }
-  return ye(s) && [...new Set(s.flatMap((oe) => Array.isArray(oe)))][0], {
-    dataset: s,
-    type: p,
-    usableDataset: R,
+  return ye(v) && [...new Set(v.flatMap((oe) => Array.isArray(oe)))][0], {
+    dataset: v,
+    type: m,
+    usableDataset: $,
     maxSeriesLength: q
   };
 }
-function lt(s) {
-  return !s || ye(s) && !s.length;
+function nt(v) {
+  return !v || ye(v) && !v.length;
 }
-function ye(s) {
-  return Array.isArray(s);
+function ye(v) {
+  return Array.isArray(v);
 }
-function Y(s) {
-  if (!ye(s) || lt(s)) return !1;
-  const C = s.map((p) => Number(p));
-  return ![...new Set(C.flatMap((p) => typeof p == "number" && !isNaN(p)))].includes(!1);
+function Y(v) {
+  if (!ye(v) || nt(v)) return !1;
+  const I = v.map((m) => Number(m));
+  return ![...new Set(I.flatMap((m) => typeof m == "number" && !isNaN(m)))].includes(!1);
 }
-function Ce(s) {
-  return !ye(s) || lt(s) || !![...new Set(s.flatMap((p) => typeof p == "object" && !Array.isArray(p)))].includes(!1) ? !1 : !s.map((p) => Object.keys(p).length > 0).includes(!1);
+function Pe(v) {
+  return !ye(v) || nt(v) || !![...new Set(v.flatMap((m) => typeof m == "object" && !Array.isArray(m)))].includes(!1) ? !1 : !v.map((m) => Object.keys(m).length > 0).includes(!1);
 }
-function Ut(s, C) {
-  const p = Object.keys(s).sort(), R = Object.keys(C).sort();
-  if (p.length !== R.length)
+function jt(v, I) {
+  const m = Object.keys(v).sort(), $ = Object.keys(I).sort();
+  if (m.length !== $.length)
     return !1;
-  for (let q = 0; q < p.length; q += 1) {
-    const W = p[q], le = R[q];
-    if (W !== le || typeof s[W] != typeof C[le])
+  for (let q = 0; q < m.length; q += 1) {
+    const W = m[q], le = $[q];
+    if (W !== le || typeof v[W] != typeof I[le])
       return !1;
   }
   return !0;
 }
-function Dt(s) {
-  if (s.length <= 1) return !0;
-  for (let C = 0; C < s.length; C += 1)
-    for (let p = C + 1; p < s.length; p += 1)
-      if (!Ut(s[C], s[p]))
+function Gt(v) {
+  if (v.length <= 1) return !0;
+  for (let I = 0; I < v.length; I += 1)
+    for (let m = I + 1; m < v.length; m += 1)
+      if (!jt(v[I], v[m]))
         return !1;
   return !0;
 }
-function Vt(s) {
-  return Mt.includes(s.toUpperCase());
+function Ht(v) {
+  return qt.includes(v.toUpperCase());
 }
-function et(s, C) {
-  let p = [];
-  for (let R = 0; R < s.length; R += 1)
-    p.push(C(s[R]));
-  return p.includes(!0);
+function ot(v, I) {
+  let m = [];
+  for (let $ = 0; $ < v.length; $ += 1)
+    m.push(I(v[$]));
+  return m.includes(!0);
 }
-function tt(s) {
-  return Math.max(...[...s].flatMap((C) => Object.values(C).filter((p) => Y(p)).map((p) => p.length)));
+function ut(v) {
+  return Math.max(...[...v].flatMap((I) => Object.values(I).filter((m) => Y(m)).map((m) => m.length)));
 }
-function qt(s, C) {
-  return Object.values(s).filter((p) => C(p))[0];
+function Xt(v, I) {
+  return Object.values(v).filter((m) => I(m))[0];
 }
-function at(s) {
-  const C = {};
-  for (let p in s)
-    s.hasOwnProperty(p) && (C[p.toUpperCase()] = s[p]);
-  return C;
+function it(v) {
+  const I = {};
+  for (let m in v)
+    v.hasOwnProperty(m) && (I[m.toUpperCase()] = v[m]);
+  return I;
 }
-const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = ["xmlns", "viewBox"], Gt = ["id"], Ht = ["id"], Xt = /* @__PURE__ */ ot(() => /* @__PURE__ */ A("feColorMatrix", {
+const rt = (v) => (St("data-v-7c8df607"), v = v(), bt(), v), Zt = ["id"], Yt = ["xmlns", "viewBox"], Jt = ["id"], Qt = ["id"], Kt = /* @__PURE__ */ rt(() => /* @__PURE__ */ A("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Zt = ["id"], Yt = ["flood-color"], Jt = {
+}, null, -1)), ea = ["id"], ta = ["flood-color"], aa = {
   key: 0,
   class: "donut-label-connectors"
-}, Qt = ["d", "stroke", "stroke-width", "filter"], Kt = ["cx", "cy", "r", "fill", "filter"], ea = { class: "donut" }, ta = ["d", "fill", "stroke", "stroke-width", "filter"], aa = ["d", "onMouseenter", "onClick"], la = {
+}, la = ["d", "stroke", "stroke-width", "filter"], oa = ["cx", "cy", "r", "fill", "filter"], ua = { class: "donut" }, ia = ["d", "fill", "stroke", "stroke-width", "filter"], na = ["d", "onMouseenter", "onClick"], ra = {
   key: 1,
   class: "donut-labels quick-animation"
-}, oa = ["cx", "cy", "fill", "stroke", "filter"], ia = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ua = ["text-anchor", "x", "y", "fill", "font-size", "filter"], na = {
+}, sa = ["cx", "cy", "fill", "stroke", "filter"], va = ["text-anchor", "x", "y", "fill", "font-size", "filter"], da = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ca = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, ra = ["x", "y", "font-size", "fill"], sa = ["x", "y", "font-size", "fill"], va = {
+}, ha = ["x", "y", "font-size", "fill"], fa = ["x", "y", "font-size", "fill"], ga = {
   key: 0,
   class: "line-grid"
-}, da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ha = {
+}, ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xa = {
   key: 1,
   class: "line-axis"
-}, fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ga = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pa = {
+}, ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sa = {
   key: 2,
   class: "yLabels"
-}, ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ya = ["x", "y", "font-size", "fill"], xa = {
+}, ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wa = ["x", "y", "font-size", "fill"], Aa = {
   key: 3,
   class: "periodLabels"
-}, ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ba = ["font-size", "text-anchor", "fill", "transform"], Sa = { class: "plots" }, wa = { class: "line-plot-series" }, Aa = ["d", "stroke", "stroke-width"], _a = ["d", "stroke", "stroke-width"], La = ["d", "stroke", "stroke-width"], za = ["d", "stroke", "stroke-width"], $a = ["cx", "cy", "fill", "stroke"], Ca = {
+}, _a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], za = ["font-size", "text-anchor", "fill", "transform"], La = { class: "plots" }, $a = { class: "line-plot-series" }, Ca = ["d", "stroke", "stroke-width"], Ia = ["d", "stroke", "stroke-width"], Ea = ["d", "stroke", "stroke-width"], Pa = ["d", "stroke", "stroke-width"], Ta = ["cx", "cy", "fill", "stroke"], Ra = {
   key: 4,
   class: "dataLabels"
-}, Ta = ["font-size", "fill", "x", "y"], Pa = { class: "tooltip-traps" }, Ia = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ea = {
+}, Oa = ["font-size", "fill", "x", "y"], Na = { class: "tooltip-traps" }, Fa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ma = {
   key: 0,
   class: "line-grid"
-}, Ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = {
+}, Ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Da = {
   key: 1,
   class: "line-axis"
-}, Fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ba = {
+}, Va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wa = {
   key: 2,
   class: "yLabels"
-}, Ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Da = ["x", "y", "font-size", "fill"], Va = {
+}, ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ga = ["x", "y", "font-size", "fill"], Ha = {
   key: 3,
   class: "periodLabels"
-}, qa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wa = ["font-size", "text-anchor", "transform", "fill"], ja = { class: "plots" }, Ga = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Ha = ["to"], Xa = ["from", "to"], Za = {
+}, Xa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Za = ["font-size", "text-anchor", "transform", "fill"], Ya = { class: "plots" }, Ja = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Qa = ["to"], Ka = ["from", "to"], el = {
   key: 4,
   class: "dataLabels"
-}, Ya = ["x", "y", "font-size", "fill"], Ja = { class: "tooltip-traps" }, Qa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ka = {
+}, tl = ["x", "y", "font-size", "fill"], al = { class: "tooltip-traps" }, ll = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], ol = {
   key: 3,
   class: "axis-labels"
-}, el = { key: 0 }, tl = ["font-size", "fill", "x", "y"], al = { key: 1 }, ll = ["font-size", "fill", "x", "y"], ol = { key: 2 }, il = ["font-size", "fill", "transform"], ul = { key: 3 }, nl = ["font-size", "fill", "transform"], rl = {
+}, ul = { key: 0 }, il = ["font-size", "fill", "x", "y"], nl = { key: 1 }, rl = ["font-size", "fill", "x", "y"], sl = { key: 2 }, vl = ["font-size", "fill", "transform"], dl = { key: 3 }, cl = ["font-size", "fill", "transform"], hl = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, sl = ["onClick"], vl = ["onClick"], dl = ["onClick"], cl = {
+}, fl = ["onClick"], gl = ["onClick"], ml = ["onClick"], pl = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, hl = /* @__PURE__ */ ot(() => /* @__PURE__ */ A("span", null, "Dataset is not processable", -1)), fl = {
+}, xl = /* @__PURE__ */ rt(() => /* @__PURE__ */ A("span", null, "Dataset is not processable", -1)), yl = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -157,31 +157,32 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
     }
   },
   emits: ["selectDatapoint", "selectLegend"],
-  setup(s, { expose: C, emit: p }) {
-    const R = s, { vue_ui_quick_chart: q } = yt(), W = $(null), le = $(null), oe = $(null), ve = $(null), P = $(xt()), G = $(!1), de = $(null), K = $(""), j = $(null), Me = $(null), Be = $(null), w = $([]), Ue = $(0), xe = $(0), e = D({
-      get: () => De(),
-      set: (u) => u
+  setup(v, { expose: I, emit: m }) {
+    const $ = v, { vue_ui_quick_chart: q } = wt(), W = L(null), le = L(null), oe = L(null), de = L(null), P = L(At()), G = L(!1), ce = L(null), K = L(""), j = L(null), Ue = L(null), De = L(null), w = L([]), Ve = L(0), ke = L(0), e = D({
+      get: () => qe(),
+      set: (i) => i
     });
-    function De() {
-      const u = Ke({
-        userConfig: R.config,
+    function qe() {
+      const i = lt({
+        userConfig: $.config,
         defaultConfig: q
       });
-      return u.theme ? {
-        ...Ke({
-          userConfig: kt.vue_ui_quick_chart[u.theme] || R.config,
-          defaultConfig: u
+      let s = {};
+      return i.theme ? s = {
+        ...lt({
+          userConfig: _t.vue_ui_quick_chart[i.theme] || $.config,
+          defaultConfig: i
         }),
-        customPalette: bt[u.theme] || V
-      } : u;
+        customPalette: zt[i.theme] || V
+      } : s = i, $.config && et($.config, "zoomStartIndex") ? s.zoomStartIndex = $.config.zoomStartIndex : s.zoomStartIndex = null, $.config && et($.config, "zoomEndIndex") ? s.zoomEndIndex = $.config.zoomEndIndex : s.zoomEndIndex = null, s;
     }
-    Ee(() => R.config, (u) => {
-      e.value = De(), S.value.width = e.value.width, S.value.height = e.value.height, We();
-    }, { deep: !0 }), Ee(() => R.dataset, (u) => {
-      x.value = he.value, k.value.start = 0, k.value.end = x.value.maxSeriesLength, xe.value += 1;
+    Oe(() => $.config, (i) => {
+      e.value = qe(), b.value.width = e.value.width, b.value.height = e.value.height, Ge();
+    }, { deep: !0 }), Oe(() => $.dataset, (i) => {
+      x.value = fe.value, k.value.start = 0, k.value.end = x.value.maxSeriesLength, ke.value += 1;
     }, { deep: !0 });
-    const ce = D(() => St(e.value.customPalette)), he = D(() => {
-      const u = Bt({ dataset: wt(R.dataset, [
+    const he = D(() => Lt(e.value.customPalette)), fe = D(() => {
+      const i = Wt({ dataset: $t($.dataset, [
         "serie",
         "series",
         "data",
@@ -189,131 +190,132 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
         "values",
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
-      return u || console.error("VueUiQuickChart : Dataset is not processable"), u;
-    }), x = $(he.value), it = D(() => !!x.value), z = D(() => x.value ? x.value.type : null);
-    Ee(() => z.value, (u) => {
-      u || At({
+      return i || console.error("VueUiQuickChart : Dataset is not processable"), i;
+    }), x = L(fe.value), st = D(() => !!x.value), C = D(() => x.value ? x.value.type : null);
+    Oe(() => C.value, (i) => {
+      i || Ct({
         componentName: "VueUiQuickChart",
         type: "dataset"
       });
     }, { immediate: !0 });
-    const { isPrinting: ke, isImaging: be, generatePdf: Ve, generateImage: qe } = Pt({
-      elementId: `${z.value}_${P.value}`,
-      fileName: e.value.title || z.value
-    }), ut = D(() => e.value.showUserOptions && !e.value.title), S = $({
+    const { isPrinting: Se, isImaging: be, generatePdf: We, generateImage: je } = Nt({
+      elementId: `${C.value}_${P.value}`,
+      fileName: e.value.title || C.value
+    }), vt = D(() => e.value.showUserOptions && !e.value.title), b = L({
       width: e.value.width,
       height: e.value.height
-    }), Se = $({
+    }), we = L({
       showTooltip: e.value.showTooltip
-    }), we = $(null);
-    ht(() => {
-      We();
+    }), Ae = L(null);
+    xt(() => {
+      Ge();
     });
-    function We() {
+    function Ge() {
       if (e.value.responsive) {
-        const u = $t(() => {
-          const { width: c, height: t } = Ct({
+        const i = Tt(() => {
+          const { width: s, height: t } = Rt({
             chart: W.value,
             title: e.value.title ? le.value : null,
             legend: e.value.showLegend ? oe.value : null,
-            slicer: [_.BAR, _.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? ve.value : null,
-            source: Me.value,
-            noTitle: Be.value
+            slicer: [_.BAR, _.LINE].includes(C.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? de.value : null,
+            source: Ue.value,
+            noTitle: De.value
           });
-          S.value.width = c, S.value.height = t;
+          b.value.width = s, b.value.height = t;
         });
-        we.value = new ResizeObserver(u), we.value.observe(W.value.parentNode);
+        Ae.value = new ResizeObserver(i), Ae.value.observe(W.value.parentNode);
       }
+      Qe();
     }
-    ft(() => {
-      we.value && we.value.disconnect();
+    yt(() => {
+      Ae.value && Ae.value.disconnect();
     });
-    const nt = D(() => {
-      switch (z.value) {
+    const dt = D(() => {
+      switch (C.value) {
         case _.LINE:
-          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
         case _.BAR:
-          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
         case _.DONUT:
-          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
         default:
-          return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
+          return `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${b.value.height <= 0 ? 10 : b.value.height}`;
       }
     });
-    function je(u) {
-      return [...u].map((c) => c.value).reduce((c, t) => c + t, 0);
+    function He(i) {
+      return [...i].map((s) => s.value).reduce((s, t) => s + t, 0);
     }
-    function fe(u) {
-      return e.value.blurOnHover && ![null, void 0].includes(j.value) && j.value !== u ? `url(#blur_${P.value})` : "";
+    function ge(i) {
+      return e.value.blurOnHover && ![null, void 0].includes(j.value) && j.value !== i ? `url(#blur_${P.value})` : "";
     }
-    function Ge(u, c) {
-      w.value.includes(u) ? w.value = w.value.filter((t) => t !== u) : w.value.length < c && w.value.push(u);
+    function Xe(i, s) {
+      w.value.includes(i) ? w.value = w.value.filter((t) => t !== i) : w.value.length < s && w.value.push(i);
     }
-    const He = $(null), Xe = $(null), Ae = $(!1);
-    function rt(u, c) {
-      Ae.value = !0;
-      let t = u.value;
-      if (w.value.includes(u.id)) {
+    const Ze = L(null), Ye = L(null), _e = L(!1);
+    function ct(i, s) {
+      _e.value = !0;
+      let t = i.value;
+      if (w.value.includes(i.id)) {
         let r = function() {
-          t > n ? (Ae.value = !1, cancelAnimationFrame(Xe.value), x.value = {
+          t > n ? (_e.value = !1, cancelAnimationFrame(Ye.value), x.value = {
             ...x.value,
-            dataset: x.value.dataset.map((h, O) => u.id === `donut_${O}` ? {
+            dataset: x.value.dataset.map((h, O) => i.id === `donut_${O}` ? {
               ...h,
               value: n,
               VALUE: n
             } : h)
           }) : (t += n * 0.025, x.value = {
             ...x.value,
-            dataset: x.value.dataset.map((h, O) => u.id === `donut_${O}` ? {
+            dataset: x.value.dataset.map((h, O) => i.id === `donut_${O}` ? {
               ...h,
               value: t,
               VALUE: t
             } : h)
-          }, Xe.value = requestAnimationFrame(r));
+          }, Ye.value = requestAnimationFrame(r));
         };
-        w.value = w.value.filter((h) => h !== u.id);
-        const n = he.value.dataset.find((h, O) => u.id === `donut_${O}`).VALUE;
+        w.value = w.value.filter((h) => h !== i.id);
+        const n = fe.value.dataset.find((h, O) => i.id === `donut_${O}`).VALUE;
         r();
-      } else if (c.length > 1) {
+      } else if (s.length > 1) {
         let n = function() {
-          t < 0.1 ? (Ae.value = !1, cancelAnimationFrame(He.value), w.value.push(u.id), x.value = {
+          t < 0.1 ? (_e.value = !1, cancelAnimationFrame(Ze.value), w.value.push(i.id), x.value = {
             ...x.value,
-            dataset: x.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+            dataset: x.value.dataset.map((r, h) => i.id === `donut_${h}` ? {
               ...r,
               value: 0,
               VALUE: 0
             } : r)
           }) : (t /= 1.1, x.value = {
             ...x.value,
-            dataset: x.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+            dataset: x.value.dataset.map((r, h) => i.id === `donut_${h}` ? {
               ...r,
               value: t,
               VALUE: t
             } : r)
-          }, He.value = requestAnimationFrame(n));
+          }, Ze.value = requestAnimationFrame(n));
         };
         n();
       }
     }
-    const J = $(null);
-    function st(u) {
-      J.value = u;
+    const J = L(null);
+    function ht(i) {
+      J.value = i;
     }
-    const Ze = D(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), T = D(() => {
-      if (z.value !== _.DONUT) return null;
-      const u = x.value.dataset.map((o, i) => ({
+    const Je = D(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), E = D(() => {
+      if (C.value !== _.DONUT) return null;
+      const i = x.value.dataset.map((o, u) => ({
         ...o,
         value: o.VALUE || o.DATA || o.SERIE || o.VALUES || o.NUM || 0,
-        name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
-        id: `donut_${i}`
-      })).map((o, i) => ({
+        name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${u}`,
+        id: `donut_${u}`
+      })).map((o, u) => ({
         ...o,
-        color: o.COLOR ? Oe(o.COLOR) : ce.value[i + e.value.paletteStartIndex] || V[i + e.value.paletteStartIndex] || V[(i + e.value.paletteStartIndex) % V.length],
+        color: o.COLOR ? Fe(o.COLOR) : he.value[u + e.value.paletteStartIndex] || V[u + e.value.paletteStartIndex] || V[(u + e.value.paletteStartIndex) % V.length],
         immutableValue: o.value
       }));
-      function c(o, i) {
+      function s(o, u) {
         return B({
-          v: isNaN(o.value / je(i)) ? 0 : o.value / je(i) * 100,
+          v: isNaN(o.value / He(u)) ? 0 : o.value / He(u) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
@@ -321,23 +323,23 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
       function t(o) {
         return o.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
-      function n(o, i) {
-        const b = he.value.dataset.find((I, F) => `donut_${F}` === o).VALUE;
-        return Math.abs(String(Number(b.toFixed(0))).length - String(Number(i.toFixed(0))).length);
+      function n(o, u) {
+        const S = fe.value.dataset.find((T, F) => `donut_${F}` === o).VALUE;
+        return Math.abs(String(Number(S.toFixed(0))).length - String(Number(u.toFixed(0))).length);
       }
-      function r({ datapoint: o, seriesIndex: i }) {
-        de.value = { datapoint: o, seriesIndex: i, config: e.value, dataset: u }, j.value = o.id;
-        const b = e.value.tooltipCustomFormat;
-        if (ze(b) && Fe(() => b({
+      function r({ datapoint: o, seriesIndex: u }) {
+        ce.value = { datapoint: o, seriesIndex: u, config: e.value, dataset: i }, j.value = o.id;
+        const S = e.value.tooltipCustomFormat;
+        if (Ie(S) && Be(() => S({
           datapoint: o,
-          seriesIndex: i,
-          series: u,
+          seriesIndex: u,
+          series: i,
           config: e.value
         })))
-          K.value = b({
+          K.value = S({
             datapoint: o,
-            seriesIndex: i,
-            series: u,
+            seriesIndex: u,
+            series: i,
             config: e.value
           });
         else {
@@ -351,7 +353,7 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
-            { datapoint: o, seriesIndex: i }
+            { datapoint: o, seriesIndex: u }
           )}</b>`, y += `<span>(${B({ v: o.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, K.value = `<div>${y}</div>`;
         }
         G.value = !0;
@@ -360,31 +362,31 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
         G.value = !1, j.value = null, J.value = null;
       }
       const O = {
-        centerX: S.value.width / 2,
-        centerY: S.value.height / 2
-      }, U = u.filter((o) => !w.value.includes(o.id)).map((o) => o.value || 0).reduce((o, i) => o + i, 0), ie = u.map((o, i) => ({
+        centerX: b.value.width / 2,
+        centerY: b.value.height / 2
+      }, U = i.filter((o) => !w.value.includes(o.id)).map((o) => o.value || 0).reduce((o, u) => o + u, 0), ie = i.map((o, u) => ({
         ...o,
         proportion: (o.value || 0) / U,
         value: o.value || 0,
-        absoluteValue: he.value.dataset.find((b, y) => `donut_${y}` === o.id).VALUE
-      })), ee = S.value.width / 2, ue = S.value.height / 2, te = S.value.height * e.value.donutRadiusRatio;
+        absoluteValue: fe.value.dataset.find((S, y) => `donut_${y}` === o.id).VALUE
+      })), ee = b.value.width / 2, ne = b.value.height / 2, te = b.value.height * e.value.donutRadiusRatio;
       return {
         dataset: ie.filter((o) => !w.value.includes(o.id)),
         legend: ie,
         drawingArea: O,
-        displayArcPercentage: c,
+        displayArcPercentage: s,
         isArcBigEnough: t,
         useTooltip: r,
         killTooltip: h,
         getSpaces: n,
         total: U,
         cx: ee,
-        cy: ue,
+        cy: ne,
         radius: te,
-        chart: _t(
-          { series: u.filter((o) => !w.value.includes(o.id)) },
+        chart: It(
+          { series: i.filter((o) => !w.value.includes(o.id)) },
           ee,
-          ue,
+          ne,
           te,
           te,
           1.99999,
@@ -392,130 +394,138 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
           1,
           360,
           105.25,
-          S.value.height * Ze.value
+          b.value.height * Je.value
         )
       };
-    }), k = $({
+    }), k = L({
       start: 0,
       end: x.value.maxSeriesLength
     });
-    function vt() {
-      k.value = {
+    function ft() {
+      Qe();
+    }
+    const ue = L(null);
+    async function Qe() {
+      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ue.value ? (e.value.zoomStartIndex !== null && (await $e(), await $e(), ue.value && ue.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await $e(), await $e(), ue.value && ue.value.setEndValue(gt(e.value.zoomEndIndex + 1)))) : (k.value = {
         start: 0,
         end: x.value.maxSeriesLength
-      }, xe.value += 1;
+      }, ke.value += 1);
     }
-    const dt = D(() => {
-      if (!e.value.zoomMinimap.show || z.value === _.DONUT) return [];
-      let u = [];
-      Y(x.value.dataset) && (u = x.value.dataset), Ce(x.value.dataset) && (u = x.value.dataset.map((r, h) => ({
+    function gt(i) {
+      const s = x.value.maxSeriesLength;
+      return i > s ? s : i < 0 || e.value.zoomStartIndex !== null && i < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : i;
+    }
+    const mt = D(() => {
+      if (!e.value.zoomMinimap.show || C.value === _.DONUT) return [];
+      let i = [];
+      Y(x.value.dataset) && (i = x.value.dataset), Pe(x.value.dataset) && (i = x.value.dataset.map((r, h) => ({
         values: r.VALUE || r.DATA || r.SERIE || r.SERIES || r.VALUES || r.NUM || 0,
-        id: z.value === _.LINE ? `line_${h}` : `bar_${h}`
+        id: C.value === _.LINE ? `line_${h}` : `bar_${h}`
       })).filter((r) => !w.value.includes(r.id)));
-      const c = Y(u) ? u.length : Math.max(...u.map((r) => r.values.length));
+      const s = Y(i) ? i.length : Math.max(...i.map((r) => r.values.length));
       let t = [];
-      if (Y(u))
-        t = u;
+      if (Y(i))
+        t = i;
       else
-        for (let r = 0; r < c; r += 1)
-          t.push(u.map((h) => h.values[r] || 0).reduce((h, O) => (h || 0) + (O || 0), 0));
+        for (let r = 0; r < s; r += 1)
+          t.push(i.map((h) => h.values[r] || 0).reduce((h, O) => (h || 0) + (O || 0), 0));
       const n = Math.min(...t);
       return t.map((r) => r + (n < 0 ? Math.abs(n) : 0));
-    }), d = D(() => {
-      if (z.value !== _.LINE) return null;
-      const u = {
-        height: S.value.height,
-        width: S.value.width
-      }, c = {
+    }), c = D(() => {
+      if (C.value !== _.LINE) return null;
+      const i = {
+        height: b.value.height,
+        width: b.value.width
+      }, s = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
-        right: u.width - e.value.xyPaddingRight,
-        bottom: u.height - e.value.xyPaddingBottom,
-        width: u.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
-        height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
+        right: i.width - e.value.xyPaddingRight,
+        bottom: i.height - e.value.xyPaddingBottom,
+        width: i.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
+        height: i.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
       Y(x.value.dataset) && (t = [
         {
           values: x.value.dataset.slice(k.value.start, k.value.end),
-          absoluteIndices: x.value.dataset.map((o, i) => i).slice(k.value.start, k.value.end),
+          absoluteIndices: x.value.dataset.map((o, u) => u).slice(k.value.start, k.value.end),
           name: e.value.title,
-          color: ce.value[e.value.paletteStartIndex] || V[e.value.paletteStartIndex],
+          color: he.value[e.value.paletteStartIndex] || V[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Ce(x.value.dataset) && (t = x.value.dataset.map((o, i) => ({
+      ]), Pe(x.value.dataset) && (t = x.value.dataset.map((o, u) => ({
         ...o,
         values: o.VALUE || o.DATA || o.SERIE || o.SERIES || o.VALUES || o.NUM || 0,
-        name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
-        id: `line_${i}`
-      })).map((o, i) => ({
+        name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${u}`,
+        id: `line_${u}`
+      })).map((o, u) => ({
         ...o,
-        color: o.COLOR ? Oe(o.COLOR) : ce.value[i + e.value.paletteStartIndex] || V[i + e.value.paletteStartIndex] || V[(i + e.value.paletteStartIndex) % V.length],
+        color: o.COLOR ? Fe(o.COLOR) : he.value[u + e.value.paletteStartIndex] || V[u + e.value.paletteStartIndex] || V[(u + e.value.paletteStartIndex) % V.length],
         values: o.values.slice(k.value.start, k.value.end),
-        absoluteIndices: o.values.map((b, y) => y).slice(k.value.start, k.value.end)
+        absoluteIndices: o.values.map((S, y) => y).slice(k.value.start, k.value.end)
       })));
       const n = {
         max: Math.max(...t.filter((o) => !w.value.includes(o.id)).flatMap((o) => o.values)),
         min: Math.min(...t.filter((o) => !w.value.includes(o.id)).flatMap((o) => o.values)),
         maxSeries: Math.max(...t.map((o) => o.values.length))
-      }, r = Je(n.min < 0 ? n.min : 0, n.max < 0 ? 0 : n.max, e.value.xyScaleSegments), h = n.min < 0 ? Math.abs(n.min) : 0, O = n.max < 0 ? c.top : c.bottom - h / (r.max + h) * c.height, U = c.width / n.maxSeries, ie = r.ticks.map((o) => ({
-        y: c.bottom - c.height * ((o + h) / (r.max + h)),
-        x: c.left - 8,
+      }, r = tt(n.min < 0 ? n.min : 0, n.max < 0 ? 0 : n.max, e.value.xyScaleSegments), h = n.min < 0 ? Math.abs(n.min) : 0, O = n.max < 0 ? s.top : s.bottom - h / (r.max + h) * s.height, U = s.width / n.maxSeries, ie = r.ticks.map((o) => ({
+        y: s.bottom - s.height * ((o + h) / (r.max + h)),
+        x: s.left - 8,
         value: o
-      })), ee = t.map((o, i) => ({
+      })), ee = t.map((o, u) => ({
         ...o,
-        coordinates: o.values.map((b, y) => ({
-          x: c.left + U * (y + 1) - U / 2,
-          y: c.bottom - (b + h) / (r.max + h) * c.height,
-          value: b
+        coordinates: o.values.map((S, y) => ({
+          x: s.left + U * (y + 1) - U / 2,
+          y: s.bottom - (S + h) / (r.max + h) * s.height,
+          value: S
         }))
       })).map((o) => {
-        let i = [];
-        return o.coordinates.forEach((b) => {
-          i.push(`${b.x},${b.y} `);
+        let u = [];
+        return o.coordinates.forEach((S) => {
+          u.push(`${S.x},${S.y} `);
         }), {
           ...o,
-          linePath: i.join(" ")
+          linePath: u.join(" ")
         };
       });
-      function ue(o) {
+      function ne(o) {
         j.value = o, J.value = o;
-        const i = t.map((y) => ({
+        const u = t.map((y) => ({
           ...y,
           value: y.values[o],
           absoluteIndex: y.absoluteIndices[o]
         })).filter((y) => !w.value.includes(y.id));
-        de.value = { datapoint: i, seriesIndex: o, config: e.value, dataset: t };
-        const b = e.value.tooltipCustomFormat;
-        if (ze(b) && Fe(() => b({
-          datapoint: i,
+        ce.value = { datapoint: u, seriesIndex: o, config: e.value, dataset: t };
+        const S = e.value.tooltipCustomFormat;
+        if (Ie(S) && Be(() => S({
+          datapoint: u,
           seriesIndex: o,
           series: t,
           config: e.value
         })))
-          K.value = b({
-            datapoint: i,
+          K.value = S({
+            datapoint: u,
             seriesIndex: o,
             series: t,
             config: e.value
           });
         else {
           let y = "";
-          e.value.xyPeriods[i[0].absoluteIndex] && (y += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[i[0].absoluteIndex]}</div>`), i.forEach((I, F) => {
+          e.value.xyPeriods[u[0].absoluteIndex] && (y += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[u[0].absoluteIndex]}</div>`), u.forEach((T, F) => {
             y += `
                     <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="${I.color}"/></svg>
-                        <span>${I.name}:</span>
+                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${T.color}"/></svg>
+                        <span>${T.name}:</span>
                         <b>${X(
               e.value.formatter,
-              I.value,
+              T.value,
               B({
                 p: e.value.valuePrefix,
-                v: I.value,
+                v: T.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: I, seriesIndex: F }
+              { datapoint: T, seriesIndex: F }
             )}
                         </b>
                     </div>
@@ -531,104 +541,104 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
         absoluteZero: O,
         dataset: ee.filter((o) => !w.value.includes(o.id)),
         legend: ee,
-        drawingArea: c,
+        drawingArea: s,
         extremes: n,
         slotSize: U,
         yLabels: ie,
-        useTooltip: ue,
+        useTooltip: ne,
         killTooltip: te
       };
-    }), v = D(() => {
-      if (z.value !== _.BAR) return null;
-      const u = {
-        height: S.value.height,
-        width: S.value.width
-      }, c = {
+    }), d = D(() => {
+      if (C.value !== _.BAR) return null;
+      const i = {
+        height: b.value.height,
+        width: b.value.width
+      }, s = {
         left: e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
-        right: u.width - e.value.xyPaddingRight,
-        bottom: u.height - e.value.xyPaddingBottom,
-        width: u.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
-        height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
+        right: i.width - e.value.xyPaddingRight,
+        bottom: i.height - e.value.xyPaddingBottom,
+        width: i.width - e.value.xyPaddingLeft - e.value.xyPaddingRight,
+        height: i.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
       Y(x.value.dataset) && (t = [
         {
           values: x.value.dataset.slice(k.value.start, k.value.end),
-          absoluteIndices: x.value.dataset.map((i, b) => b).slice(k.value.start, k.value.end),
+          absoluteIndices: x.value.dataset.map((u, S) => S).slice(k.value.start, k.value.end),
           name: e.value.title,
-          color: ce.value[e.value.paletteStartIndex] || V[e.value.paletteStartIndex],
+          color: he.value[e.value.paletteStartIndex] || V[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Ce(x.value.dataset) && (t = x.value.dataset.map((i, b) => ({
-        ...i,
-        values: i.VALUE || i.DATA || i.SERIE || i.SERIES || i.VALUES || i.NUM || 0,
-        name: i.NAME || i.DESCRIPTION || i.TITLE || i.LABEL || `Serie ${b}`,
-        id: `bar_${b}`
-      })).map((i, b) => ({
-        ...i,
-        color: i.COLOR ? Oe(i.COLOR) : ce.value[b + e.value.paletteStartIndex] || V[b + e.value.paletteStartIndex] || V[(b + e.value.paletteStartIndex) % V.length],
-        values: i.values.slice(k.value.start, k.value.end),
-        absoluteIndices: i.values.map((y, I) => I).slice(k.value.start, k.value.end)
+      ]), Pe(x.value.dataset) && (t = x.value.dataset.map((u, S) => ({
+        ...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 ${S}`,
+        id: `bar_${S}`
+      })).map((u, S) => ({
+        ...u,
+        color: u.COLOR ? Fe(u.COLOR) : he.value[S + e.value.paletteStartIndex] || V[S + e.value.paletteStartIndex] || V[(S + e.value.paletteStartIndex) % V.length],
+        values: u.values.slice(k.value.start, k.value.end),
+        absoluteIndices: u.values.map((y, T) => T).slice(k.value.start, k.value.end)
       })));
       const n = {
-        max: Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)) < 0 ? 0 : Math.max(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)),
-        min: Math.min(...t.filter((i) => !w.value.includes(i.id)).flatMap((i) => i.values)),
-        maxSeries: Math.max(...t.filter((i) => !w.value.includes(i.id)).map((i) => i.values.length))
-      }, r = Je(n.min < 0 ? n.min : 0, n.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, O = c.bottom - h / (r.max + h) * c.height, U = c.width / n.maxSeries, ie = r.ticks.map((i) => ({
-        y: c.bottom - c.height * ((i + h) / (r.max + h)),
-        x: c.left - 8,
-        value: i
-      })), ee = t.map((i, b) => ({
-        ...i,
-        coordinates: i.values.map((y, I) => {
-          const F = (y + h) / (n.max + h) * c.height, ge = Math.abs(y) / Math.abs(n.min) * (c.height - O), Ie = h / (n.max + h) * c.height, pe = U / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
+        max: Math.max(...t.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)) < 0 ? 0 : Math.max(...t.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)),
+        min: Math.min(...t.filter((u) => !w.value.includes(u.id)).flatMap((u) => u.values)),
+        maxSeries: Math.max(...t.filter((u) => !w.value.includes(u.id)).map((u) => u.values.length))
+      }, r = tt(n.min < 0 ? n.min : 0, n.max, e.value.xyScaleSegments), h = r.min < 0 ? Math.abs(r.min) : 0, O = s.bottom - h / (r.max + h) * s.height, U = s.width / n.maxSeries, ie = r.ticks.map((u) => ({
+        y: s.bottom - s.height * ((u + h) / (r.max + h)),
+        x: s.left - 8,
+        value: u
+      })), ee = t.map((u, S) => ({
+        ...u,
+        coordinates: u.values.map((y, T) => {
+          const F = (y + h) / (n.max + h) * s.height, me = Math.abs(y) / Math.abs(n.min) * (s.height - O), Re = h / (n.max + h) * s.height, pe = U / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
           return {
-            x: c.left + U * I + pe * b + e.value.barGap / 2,
-            y: y > 0 ? c.bottom - F : O,
-            height: y > 0 ? F - Ie : ge,
+            x: s.left + U * T + pe * S + e.value.barGap / 2,
+            y: y > 0 ? s.bottom - F : O,
+            height: y > 0 ? F - Re : me,
             value: y,
             width: pe
           };
         })
-      })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, b) => ({
-        ...i,
-        coordinates: i.values.map((y, I) => {
-          const F = (y + h) / (n.max + h) * c.height, ge = Math.abs(y) / (n.max + h) * c.height, Ie = h / (n.max + h) * c.height, pe = U / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
+      })), ne = t.filter((u) => !w.value.includes(u.id)).map((u, S) => ({
+        ...u,
+        coordinates: u.values.map((y, T) => {
+          const F = (y + h) / (n.max + h) * s.height, me = Math.abs(y) / (n.max + h) * s.height, Re = h / (n.max + h) * s.height, pe = U / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
           return {
-            x: c.left + U * I + pe * b + e.value.barGap / 2,
-            y: y > 0 ? c.bottom - F : O,
-            height: y > 0 ? F - Ie : ge,
+            x: s.left + U * T + pe * S + e.value.barGap / 2,
+            y: y > 0 ? s.bottom - F : O,
+            height: y > 0 ? F - Re : me,
             value: y,
             width: pe
           };
         })
       }));
-      function te(i) {
-        j.value = i, J.value = i;
-        const b = t.map((I) => ({
-          ...I,
-          value: I.values[i],
-          absoluteIndex: I.absoluteIndices[i]
-        })).filter((I) => !w.value.includes(I.id));
-        de.value = { datapoint: b, seriesIndex: i, config: e.value, dataset: t };
+      function te(u) {
+        j.value = u, J.value = u;
+        const S = t.map((T) => ({
+          ...T,
+          value: T.values[u],
+          absoluteIndex: T.absoluteIndices[u]
+        })).filter((T) => !w.value.includes(T.id));
+        ce.value = { datapoint: S, seriesIndex: u, config: e.value, dataset: t };
         const y = e.value.tooltipCustomFormat;
-        if (ze(y) && Fe(() => y({
-          datapoint: b,
-          seriesIndex: i,
+        if (Ie(y) && Be(() => y({
+          datapoint: S,
+          seriesIndex: u,
           series: t,
           config: e.value
         })))
           K.value = y({
-            point: b,
-            seriesIndex: i,
+            point: S,
+            seriesIndex: u,
             series: t,
             config: e.value
           });
         else {
-          let I = "";
-          e.value.xyPeriods[b[0].absoluteIndex] && (I += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[b[0].absoluteIndex]}</div>`), b.forEach((F, ge) => {
-            I += `
+          let T = "";
+          e.value.xyPeriods[S[0].absoluteIndex] && (T += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[S[0].absoluteIndex]}</div>`), S.forEach((F, me) => {
+            T += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${F.color}"/></svg>
                         <span>${F.name}:</span>
@@ -641,12 +651,12 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: F, seriesIndex: ge }
+              { datapoint: F, seriesIndex: me }
             )}
                         </b>
                     </div>
                 `;
-          }), K.value = I;
+          }), K.value = T;
         }
         G.value = !0;
       }
@@ -655,60 +665,60 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
       }
       return {
         absoluteZero: O,
-        dataset: ue.filter((i) => !w.value.includes(i.id)),
+        dataset: ne.filter((u) => !w.value.includes(u.id)),
         legend: ee,
-        drawingArea: c,
+        drawingArea: s,
         extremes: n,
         slotSize: U,
         yLabels: ie,
         useTooltip: te,
         killTooltip: o
       };
-    }), Te = $(!1);
-    function ct(u) {
-      Te.value = u, Ue.value += 1;
+    }), ze = L(!1);
+    function pt(i) {
+      ze.value = i, Ve.value += 1;
     }
-    function Ye() {
-      Se.value.showTooltip = !Se.value.showTooltip;
+    function Ke() {
+      we.value.showTooltip = !we.value.showTooltip;
     }
-    const _e = $(!1);
-    function Pe() {
-      _e.value = !_e.value;
+    const Le = L(!1);
+    function Te() {
+      Le.value = !Le.value;
     }
-    return C({
-      generatePdf: Ve,
-      generateImage: qe,
-      toggleTooltip: Ye,
-      toggleAnnotator: Pe
-    }), (u, c) => it.value ? (a(), l("div", {
+    return I({
+      generatePdf: We,
+      generateImage: je,
+      toggleTooltip: Ke,
+      toggleAnnotator: Te
+    }), (i, s) => st.value ? (a(), l("div", {
       key: 0,
-      id: `${z.value}_${P.value}`,
+      id: `${C.value}_${P.value}`,
       ref_key: "quickChart",
       ref: W,
-      class: ne({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Te.value }),
+      class: re({ "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%" : ""}`)
     }, [
-      e.value.userOptionsButtons.annotator ? (a(), Le(Nt, {
+      e.value.userOptionsButtons.annotator ? (a(), Ce(Dt, {
         key: 0,
         parent: W.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        active: _e.value,
-        onClose: Pe
+        active: Le.value,
+        onClose: Te
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
-      ut.value ? (a(), l("div", {
+      vt.value ? (a(), l("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Be,
+        ref: De,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : f("", !0),
-      e.value.showUserOptions ? (a(), Le(It, {
+      e.value.showUserOptions ? (a(), Ce(Ft, {
         ref: "details",
-        key: `user_option_${Ue.value}`,
+        key: `user_option_${Ve.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        isPrinting: g(ke),
+        isPrinting: g(Se),
         isImaging: g(be),
         uid: P.value,
         hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
@@ -716,51 +726,51 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
         hasImg: e.value.userOptionsButtons.img,
         hasFullscreen: e.value.userOptionsButtons.fullscreen,
         hasXls: !1,
-        isTooltip: Se.value.showTooltip,
-        isFullscreen: Te.value,
+        isTooltip: we.value.showTooltip,
+        isFullscreen: ze.value,
         titles: { ...e.value.userOptionsButtonTitles },
         chartElement: W.value,
         position: e.value.userOptionsPosition,
         hasAnnotator: e.value.userOptionsButtons.annotator,
-        isAnnotation: _e.value,
-        onToggleFullscreen: ct,
-        onGeneratePdf: g(Ve),
-        onGenerateImage: g(qe),
-        onToggleTooltip: Ye,
-        onToggleAnnotator: Pe
-      }, gt({ _: 2 }, [
-        u.$slots.optionTooltip ? {
+        isAnnotation: Le.value,
+        onToggleFullscreen: pt,
+        onGeneratePdf: g(We),
+        onGenerateImage: g(je),
+        onToggleTooltip: Ke,
+        onToggleAnnotator: Te
+      }, kt({ _: 2 }, [
+        i.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: Q(() => [
-            M(u.$slots, "optionTooltip", {}, void 0, !0)
+            M(i.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        u.$slots.optionPdf ? {
+        i.$slots.optionPdf ? {
           name: "optionPdf",
           fn: Q(() => [
-            M(u.$slots, "optionPdf", {}, void 0, !0)
+            M(i.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        u.$slots.optionImg ? {
+        i.$slots.optionImg ? {
           name: "optionImg",
           fn: Q(() => [
-            M(u.$slots, "optionImg", {}, void 0, !0)
+            M(i.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        u.$slots.optionFullscreen ? {
+        i.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: Q(({ toggleFullscreen: t, isFullscreen: n }) => [
-            M(u.$slots, "optionFullscreen", H(re({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
+            M(i.$slots, "optionFullscreen", H(se({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        u.$slots.optionAnnotator ? {
+        i.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: Q(({ toggleAnnotator: t, isAnnotator: n }) => [
-            M(u.$slots, "optionAnnotator", H(re({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
+            M(i.$slots, "optionAnnotator", H(se({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
           ]),
           key: "4"
         } : void 0
@@ -771,14 +781,14 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
         ref: le,
         class: "vue-ui-quick-chart-title",
         style: N(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
-      }, E(e.value.title), 5)) : f("", !0),
-      z.value ? (a(), l("svg", {
+      }, R(e.value.title), 5)) : f("", !0),
+      C.value ? (a(), l("svg", {
         key: 4,
-        xmlns: g(Lt),
-        viewBox: nt.value,
+        xmlns: g(Et),
+        viewBox: dt.value,
         style: N(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
-        se(Ot),
+        ve(Ut),
         A("defs", null, [
           A("filter", {
             id: `blur_${P.value}`,
@@ -791,9 +801,9 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${P.value}`
-            }, null, 8, Ht),
-            Xt
-          ], 8, Gt),
+            }, null, 8, Qt),
+            Kt
+          ], 8, Jt),
           A("filter", {
             id: `shadow_${P.value}`,
             "color-interpolation-filters": "sRGB"
@@ -804,68 +814,68 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.donutShadowColor
-            }, null, 8, Yt)
-          ], 8, Zt)
+            }, null, 8, ta)
+          ], 8, ea)
         ]),
-        z.value === _.DONUT ? (a(), l(m, { key: 0 }, [
-          e.value.showDataLabels ? (a(), l("g", Jt, [
-            (a(!0), l(m, null, L(T.value.chart, (t, n) => (a(), l(m, null, [
-              T.value.isArcBigEnough(t) ? (a(), l("path", {
+        C.value === _.DONUT ? (a(), l(p, { key: 0 }, [
+          e.value.showDataLabels ? (a(), l("g", aa, [
+            (a(!0), l(p, null, z(E.value.chart, (t, n) => (a(), l(p, null, [
+              E.value.isArcBigEnough(t) ? (a(), l("path", {
                 key: 0,
-                d: g(zt)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * Ze.value),
+                d: g(Pt)(t, { x: b.value.width / 2, y: b.value.height / 2 }, 16, 16, !1, !1, b.value.height * Je.value),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
-                filter: fe(t.id)
-              }, null, 8, Qt)) : f("", !0)
+                filter: ge(t.id)
+              }, null, 8, la)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
           A("circle", {
-            cx: T.value.cx,
-            cy: T.value.cy,
-            r: T.value.radius,
+            cx: E.value.cx,
+            cy: E.value.cy,
+            r: E.value.radius,
             fill: e.value.backgroundColor,
             filter: e.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
-          }, null, 8, Kt),
-          A("g", ea, [
-            (a(!0), l(m, null, L(T.value.chart, (t, n) => (a(), l("path", {
+          }, null, 8, oa),
+          A("g", ua, [
+            (a(!0), l(p, null, z(E.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
-              filter: fe(t.id)
-            }, null, 8, ta))), 256)),
-            (a(!0), l(m, null, L(T.value.chart, (t, n) => (a(), l("path", {
+              filter: ge(t.id)
+            }, null, 8, ia))), 256)),
+            (a(!0), l(p, null, z(E.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: "transparent",
-              onMouseenter: (r) => T.value.useTooltip({ datapoint: t, seriesIndex: n }),
-              onMouseout: c[0] || (c[0] = (r) => T.value.killTooltip()),
-              onClick: (r) => p("selectDatapoint", t)
-            }, null, 40, aa))), 256))
+              onMouseenter: (r) => E.value.useTooltip({ datapoint: t, seriesIndex: n }),
+              onMouseout: s[0] || (s[0] = (r) => E.value.killTooltip()),
+              onClick: (r) => m("selectDatapoint", t)
+            }, null, 40, na))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", la, [
-            (a(!0), l(m, null, L(T.value.chart, (t, n) => (a(), l(m, null, [
-              T.value.isArcBigEnough(t) ? (a(), l("circle", {
+          e.value.showDataLabels ? (a(), l("g", ra, [
+            (a(!0), l(p, null, z(E.value.chart, (t, n) => (a(), l(p, null, [
+              E.value.isArcBigEnough(t) ? (a(), l("circle", {
                 key: 0,
-                cx: g(me)(t).x,
-                cy: g(Ne)(t) - 3.7,
+                cx: g(xe)(t).x,
+                cy: g(Me)(t) - 3.7,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": 1,
                 r: 3,
-                filter: fe(t.id)
-              }, null, 8, oa)) : f("", !0),
-              T.value.isArcBigEnough(t) ? (a(), l("text", {
+                filter: ge(t.id)
+              }, null, 8, sa)) : f("", !0),
+              E.value.isArcBigEnough(t) ? (a(), l("text", {
                 key: 1,
-                "text-anchor": g(me)(t, !0, 20).anchor,
-                x: g(me)(t, !0).x,
-                y: g(Ne)(t),
+                "text-anchor": g(xe)(t, !0, 20).anchor,
+                x: g(xe)(t, !0).x,
+                y: g(Me)(t),
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: fe(t.id)
-              }, E(T.value.displayArcPercentage(t, T.value.chart)) + " (" + E(g(X)(
+                filter: ge(t.id)
+              }, R(E.value.displayArcPercentage(t, E.value.chart)) + " (" + R(g(X)(
                 e.value.formatter,
                 t.value,
                 g(B)({
@@ -875,104 +885,104 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )) + ") ", 9, ia)) : f("", !0),
-              T.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
+              )) + ") ", 9, va)) : f("", !0),
+              E.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
-                "text-anchor": g(me)(t).anchor,
-                x: g(me)(t, !0).x,
-                y: g(Ne)(t) + e.value.dataLabelFontSize,
+                "text-anchor": g(xe)(t).anchor,
+                x: g(xe)(t, !0).x,
+                y: g(Me)(t) + e.value.dataLabelFontSize,
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: fe(t.id)
-              }, E(t.name), 9, ua)) : f("", !0)
+                filter: ge(t.id)
+              }, R(t.name), 9, da)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
-          e.value.donutShowTotal ? (a(), l("g", na, [
+          e.value.donutShowTotal ? (a(), l("g", ca, [
             A("text", {
               "text-anchor": "middle",
-              x: T.value.drawingArea.centerX,
-              y: T.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
+              x: E.value.drawingArea.centerX,
+              y: E.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, E(e.value.donutTotalLabelText), 9, ra),
+            }, R(e.value.donutTotalLabelText), 9, ha),
             A("text", {
               "text-anchor": "middle",
-              x: T.value.drawingArea.centerX,
-              y: T.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
+              x: E.value.drawingArea.centerX,
+              y: E.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, E(g(B)({
+            }, R(g(B)({
               p: e.value.valuePrefix,
-              v: T.value.total,
+              v: E.value.total,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
-            })), 9, sa)
+            })), 9, fa)
           ])) : f("", !0)
         ], 64)) : f("", !0),
-        z.value === _.LINE ? (a(), l(m, { key: 1 }, [
-          e.value.xyShowGrid ? (a(), l("g", va, [
-            (a(!0), l(m, null, L(d.value.yLabels, (t) => (a(), l(m, null, [
-              t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
+        C.value === _.LINE ? (a(), l(p, { key: 1 }, [
+          e.value.xyShowGrid ? (a(), l("g", ga, [
+            (a(!0), l(p, null, z(c.value.yLabels, (t) => (a(), l(p, null, [
+              t.y <= c.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
-                x1: d.value.drawingArea.left,
-                x2: d.value.drawingArea.right,
+                x1: c.value.drawingArea.left,
+                x2: c.value.drawingArea.right,
                 y1: t.y,
                 y2: t.y,
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, da)) : f("", !0)
+              }, null, 8, ma)) : f("", !0)
             ], 64))), 256)),
-            (a(!0), l(m, null, L(d.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
-              x1: d.value.drawingArea.left + d.value.slotSize * n,
-              x2: d.value.drawingArea.left + d.value.slotSize * n,
-              y1: d.value.drawingArea.top,
-              y2: d.value.drawingArea.bottom,
+            (a(!0), l(p, null, z(c.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
+              x1: c.value.drawingArea.left + c.value.slotSize * n,
+              x2: c.value.drawingArea.left + c.value.slotSize * n,
+              y1: c.value.drawingArea.top,
+              y2: c.value.drawingArea.bottom,
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ca))), 256))
+            }, null, 8, pa))), 256))
           ])) : f("", !0),
-          e.value.xyShowAxis ? (a(), l("g", ha, [
+          e.value.xyShowAxis ? (a(), l("g", xa, [
             A("line", {
-              x1: d.value.drawingArea.left,
-              x2: d.value.drawingArea.left,
-              y1: d.value.drawingArea.top,
-              y2: d.value.drawingArea.bottom,
+              x1: c.value.drawingArea.left,
+              x2: c.value.drawingArea.left,
+              y1: c.value.drawingArea.top,
+              y2: c.value.drawingArea.bottom,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, fa),
+            }, null, 8, ya),
             A("line", {
-              x1: d.value.drawingArea.left,
-              x2: d.value.drawingArea.right,
-              y1: isNaN(d.value.absoluteZero) ? d.value.drawingArea.bottom : d.value.absoluteZero,
-              y2: isNaN(d.value.absoluteZero) ? d.value.drawingArea.bottom : d.value.absoluteZero,
+              x1: c.value.drawingArea.left,
+              x2: c.value.drawingArea.right,
+              y1: isNaN(c.value.absoluteZero) ? c.value.drawingArea.bottom : c.value.absoluteZero,
+              y2: isNaN(c.value.absoluteZero) ? c.value.drawingArea.bottom : c.value.absoluteZero,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ga)
+            }, null, 8, ka)
           ])) : f("", !0),
-          e.value.xyShowScale ? (a(), l("g", pa, [
-            (a(!0), l(m, null, L(d.value.yLabels, (t, n) => (a(), l(m, null, [
-              t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
+          e.value.xyShowScale ? (a(), l("g", Sa, [
+            (a(!0), l(p, null, z(c.value.yLabels, (t, n) => (a(), l(p, null, [
+              t.y <= c.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
                 x1: t.x + 4,
-                x2: d.value.drawingArea.left,
+                x2: c.value.drawingArea.left,
                 y1: t.y,
                 y2: t.y,
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ma)) : f("", !0),
-              t.y <= d.value.drawingArea.bottom ? (a(), l("text", {
+              }, null, 8, ba)) : f("", !0),
+              t.y <= c.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
                 y: t.y + e.value.xyLabelsYFontSize / 3,
                 "text-anchor": "end",
                 "font-size": e.value.xyLabelsYFontSize,
                 fill: e.value.color
-              }, E(g(X)(
+              }, R(g(X)(
                 e.value.formatter,
                 t.value,
                 g(B)({
@@ -982,68 +992,68 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )), 9, ya)) : f("", !0)
+              )), 9, wa)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", xa, [
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("line", {
-              x1: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
-              x2: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
-              y1: d.value.drawingArea.bottom,
-              y2: d.value.drawingArea.bottom + 4,
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Aa, [
+            (a(!0), l(p, null, z(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("line", {
+              x1: c.value.drawingArea.left + c.value.slotSize * (n + 1) - c.value.slotSize / 2,
+              x2: c.value.drawingArea.left + c.value.slotSize * (n + 1) - c.value.slotSize / 2,
+              y1: c.value.drawingArea.bottom,
+              y2: c.value.drawingArea.bottom + 4,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ka))), 256)),
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("text", {
+            }, null, 8, _a))), 256)),
+            (a(!0), l(p, null, z(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               fill: e.value.color,
-              transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-            }, E(t), 9, ba))), 256))
+              transform: `translate(${c.value.drawingArea.left + c.value.slotSize * (n + 1) - c.value.slotSize / 2}, ${c.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
+            }, R(t), 9, za))), 256))
           ])) : f("", !0),
-          A("g", Sa, [
-            (a(!0), l(m, null, L(d.value.dataset, (t, n) => (a(), l("g", wa, [
-              e.value.lineSmooth ? (a(), l(m, { key: 0 }, [
+          A("g", La, [
+            (a(!0), l(p, null, z(c.value.dataset, (t, n) => (a(), l("g", $a, [
+              e.value.lineSmooth ? (a(), l(p, { key: 0 }, [
                 A("path", {
-                  d: `M ${g(Qe)(t.coordinates)}`,
+                  d: `M ${g(at)(t.coordinates)}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Aa),
+                }, null, 10, Ca),
                 A("path", {
-                  d: `M ${g(Qe)(t.coordinates)}`,
+                  d: `M ${g(at)(t.coordinates)}`,
                   stroke: t.color,
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, _a)
-              ], 64)) : (a(), l(m, { key: 1 }, [
+                }, null, 10, Ia)
+              ], 64)) : (a(), l(p, { key: 1 }, [
                 A("path", {
                   d: `M ${t.linePath}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, La),
+                }, null, 10, Ea),
                 A("path", {
                   d: `M ${t.linePath}`,
                   stroke: t.color,
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
+                  class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, za)
+                }, null, 10, Pa)
               ], 64)),
-              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("circle", {
+              (a(!0), l(p, null, z(t.coordinates, (r, h) => (a(), l("circle", {
                 cx: r.x,
                 cy: g(Z)(r.y),
                 r: 3,
@@ -1052,12 +1062,12 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                 "stroke-width": "0.5",
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, null, 8, $a))), 256))
+              }, null, 8, Ta))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Ca, [
-            (a(!0), l(m, null, L(d.value.dataset, (t, n) => (a(), l(m, null, [
-              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("text", {
+          e.value.showDataLabels ? (a(), l("g", Ra, [
+            (a(!0), l(p, null, z(c.value.dataset, (t, n) => (a(), l(p, null, [
+              (a(!0), l(p, null, z(t.coordinates, (r, h) => (a(), l("text", {
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
@@ -1065,7 +1075,7 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                 y: g(Z)(r.y) - e.value.dataLabelFontSize / 2,
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, E(g(X)(
+              }, R(g(X)(
                 e.value.formatter,
                 g(Z)(r.value),
                 g(B)({
@@ -1075,90 +1085,90 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, Ta))), 256))
+              )), 9, Oa))), 256))
             ], 64))), 256))
           ])) : f("", !0),
-          A("g", Pa, [
-            (a(!0), l(m, null, L(d.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
-              x: d.value.drawingArea.left + n * d.value.slotSize,
-              y: d.value.drawingArea.top,
-              height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
-              width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
+          A("g", Na, [
+            (a(!0), l(p, null, z(c.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
+              x: c.value.drawingArea.left + n * c.value.slotSize,
+              y: c.value.drawingArea.top,
+              height: c.value.drawingArea.height <= 0 ? 1e-5 : c.value.drawingArea.height,
+              width: c.value.slotSize <= 0 ? 1e-5 : c.value.slotSize,
               fill: [j.value, J.value].includes(n) ? e.value.xyHighlighterColor : "transparent",
               style: N(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (r) => d.value.useTooltip(n),
-              onMouseleave: c[1] || (c[1] = (r) => d.value.killTooltip()),
-              onClick: (r) => p("selectDatapoint", d.value.dataset.map((h) => ({
+              onMouseenter: (r) => c.value.useTooltip(n),
+              onMouseleave: s[1] || (s[1] = (r) => c.value.killTooltip()),
+              onClick: (r) => m("selectDatapoint", c.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[n]
               })))
-            }, null, 44, Ia))), 256))
+            }, null, 44, Fa))), 256))
           ])
         ], 64)) : f("", !0),
-        z.value === _.BAR ? (a(), l(m, { key: 2 }, [
-          e.value.xyShowGrid ? (a(), l("g", Ea, [
-            (a(!0), l(m, null, L(v.value.yLabels, (t) => (a(), l(m, null, [
-              t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
+        C.value === _.BAR ? (a(), l(p, { key: 2 }, [
+          e.value.xyShowGrid ? (a(), l("g", Ma, [
+            (a(!0), l(p, null, z(d.value.yLabels, (t) => (a(), l(p, null, [
+              t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
-                x1: v.value.drawingArea.left,
-                x2: v.value.drawingArea.right,
+                x1: d.value.drawingArea.left,
+                x2: d.value.drawingArea.right,
                 y1: t.y,
                 y2: t.y,
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ra)) : f("", !0)
+              }, null, 8, Ba)) : f("", !0)
             ], 64))), 256)),
-            (a(!0), l(m, null, L(v.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
-              x1: v.value.drawingArea.left + v.value.slotSize * n,
-              x2: v.value.drawingArea.left + v.value.slotSize * n,
-              y1: v.value.drawingArea.top,
-              y2: v.value.drawingArea.bottom,
+            (a(!0), l(p, null, z(d.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
+              x1: d.value.drawingArea.left + d.value.slotSize * n,
+              x2: d.value.drawingArea.left + d.value.slotSize * n,
+              y1: d.value.drawingArea.top,
+              y2: d.value.drawingArea.bottom,
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Oa))), 256))
+            }, null, 8, Ua))), 256))
           ])) : f("", !0),
-          e.value.xyShowAxis ? (a(), l("g", Na, [
+          e.value.xyShowAxis ? (a(), l("g", Da, [
             A("line", {
-              x1: v.value.drawingArea.left,
-              x2: v.value.drawingArea.left,
-              y1: v.value.drawingArea.top,
-              y2: v.value.drawingArea.bottom,
+              x1: d.value.drawingArea.left,
+              x2: d.value.drawingArea.left,
+              y1: d.value.drawingArea.top,
+              y2: d.value.drawingArea.bottom,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Fa),
+            }, null, 8, Va),
             A("line", {
-              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,
+              x1: d.value.drawingArea.left,
+              x2: d.value.drawingArea.right,
+              y1: isNaN(d.value.absoluteZero) ? d.value.drawingArea.bottom : d.value.absoluteZero,
+              y2: isNaN(d.value.absoluteZero) ? d.value.drawingArea.bottom : d.value.absoluteZero,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ma)
+            }, null, 8, qa)
           ])) : f("", !0),
-          e.value.xyShowScale ? (a(), l("g", Ba, [
-            (a(!0), l(m, null, L(v.value.yLabels, (t, n) => (a(), l(m, null, [
-              t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
+          e.value.xyShowScale ? (a(), l("g", Wa, [
+            (a(!0), l(p, null, z(d.value.yLabels, (t, n) => (a(), l(p, null, [
+              t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
                 x1: t.x + 4,
-                x2: v.value.drawingArea.left,
+                x2: d.value.drawingArea.left,
                 y1: t.y,
                 y2: t.y,
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ua)) : f("", !0),
-              t.y <= v.value.drawingArea.bottom ? (a(), l("text", {
+              }, null, 8, ja)) : f("", !0),
+              t.y <= d.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
                 y: t.y + e.value.xyLabelsYFontSize / 3,
                 "text-anchor": "end",
                 "font-size": e.value.xyLabelsYFontSize,
                 fill: e.value.color
-              }, E(g(X)(
+              }, R(g(X)(
                 e.value.formatter,
                 t.value,
                 g(B)({
@@ -1168,29 +1178,29 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )), 9, Da)) : f("", !0)
+              )), 9, Ga)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Va, [
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("line", {
-              x1: v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2,
-              x2: v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2,
-              y1: v.value.drawingArea.bottom,
-              y2: v.value.drawingArea.bottom + 4,
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ha, [
+            (a(!0), l(p, null, z(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("line", {
+              x1: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
+              x2: d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2,
+              y1: d.value.drawingArea.bottom,
+              y2: d.value.drawingArea.bottom + 4,
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, qa))), 256)),
-            (a(!0), l(m, null, L(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("text", {
+            }, null, 8, Xa))), 256)),
+            (a(!0), l(p, null, z(e.value.xyPeriods.slice(k.value.start, k.value.end), (t, n) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
-              transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
+              transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (n + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
               fill: e.value.color
-            }, E(t), 9, Wa))), 256))
+            }, R(t), 9, Za))), 256))
           ])) : f("", !0),
-          A("g", ja, [
-            (a(!0), l(m, null, L(v.value.dataset, (t, n) => (a(), l(m, null, [
-              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("rect", {
+          A("g", Ya, [
+            (a(!0), l(p, null, z(d.value.dataset, (t, n) => (a(), l(p, null, [
+              (a(!0), l(p, null, z(t.coordinates, (r, h) => (a(), l("rect", {
                 x: r.x,
                 width: r.width <= 0 ? 1e-5 : r.width,
                 height: g(Z)(r.height <= 0 ? 1e-5 : r.height),
@@ -1199,35 +1209,35 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
                 "stroke-linecap": "round",
-                class: ne({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 })
+                class: re({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 })
               }, [
-                e.value.barAnimated && r.value > 0 && !g(ke) && !g(be) ? (a(), l("animate", {
+                e.value.barAnimated && r.value > 0 && !g(Se) && !g(be) ? (a(), l("animate", {
                   key: 0,
                   attributeName: "height",
                   from: 0,
                   to: r.height,
                   dur: "0.5s"
-                }, null, 8, Ha)) : f("", !0),
-                e.value.barAnimated && r.value > 0 && !g(ke) && !g(be) ? (a(), l("animate", {
+                }, null, 8, Qa)) : f("", !0),
+                e.value.barAnimated && r.value > 0 && !g(Se) && !g(be) ? (a(), l("animate", {
                   key: 1,
                   attributeName: "y",
-                  from: v.value.absoluteZero,
-                  to: v.value.absoluteZero - r.height,
+                  from: d.value.absoluteZero,
+                  to: d.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, Xa)) : f("", !0)
-              ], 10, Ga))), 256))
+                }, null, 8, Ka)) : f("", !0)
+              ], 10, Ja))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Za, [
-            (a(!0), l(m, null, L(v.value.dataset, (t, n) => (a(), l(m, null, [
-              (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("text", {
+          e.value.showDataLabels ? (a(), l("g", el, [
+            (a(!0), l(p, null, z(d.value.dataset, (t, n) => (a(), l(p, null, [
+              (a(!0), l(p, null, z(t.coordinates, (r, h) => (a(), l("text", {
                 x: r.x + r.width / 2,
                 y: g(Z)(r.y) - e.value.dataLabelFontSize / 2,
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
                 class: "quick-animation"
-              }, E(g(X)(
+              }, R(g(X)(
                 e.value.formatter,
                 g(Z)(r.value),
                 g(B)({
@@ -1237,64 +1247,64 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, Ya))), 256))
+              )), 9, tl))), 256))
             ], 64))), 256))
           ])) : f("", !0),
-          A("g", Ja, [
-            (a(!0), l(m, null, L(v.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
-              x: v.value.drawingArea.left + n * v.value.slotSize,
-              y: v.value.drawingArea.top,
-              height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
-              width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
+          A("g", al, [
+            (a(!0), l(p, null, z(d.value.extremes.maxSeries, (t, n) => (a(), l("rect", {
+              x: d.value.drawingArea.left + n * d.value.slotSize,
+              y: d.value.drawingArea.top,
+              height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
+              width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
               fill: [j.value, J.value].includes(n) ? e.value.xyHighlighterColor : "transparent",
               style: N(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (r) => v.value.useTooltip(n),
-              onMouseleave: c[2] || (c[2] = (r) => v.value.killTooltip()),
-              onClick: (r) => p("selectDatapoint", v.value.dataset.map((h) => ({
+              onMouseenter: (r) => d.value.useTooltip(n),
+              onMouseleave: s[2] || (s[2] = (r) => d.value.killTooltip()),
+              onClick: (r) => m("selectDatapoint", d.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[n]
               })))
-            }, null, 44, Qa))), 256))
+            }, null, 44, ll))), 256))
           ])
         ], 64)) : f("", !0),
-        [_.LINE, _.BAR].includes(z.value) ? (a(), l("g", Ka, [
-          e.value.xAxisLabel && z.value === _.LINE ? (a(), l("g", el, [
+        [_.LINE, _.BAR].includes(C.value) ? (a(), l("g", ol, [
+          e.value.xAxisLabel && C.value === _.LINE ? (a(), l("g", ul, [
             A("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
-              x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
-              y: S.value.height - e.value.axisLabelsFontSize / 3
-            }, E(e.value.xAxisLabel), 9, tl)
+              x: c.value.drawingArea.left + c.value.drawingArea.width / 2,
+              y: b.value.height - e.value.axisLabelsFontSize / 3
+            }, R(e.value.xAxisLabel), 9, il)
           ])) : f("", !0),
-          e.value.xAxisLabel && z.value === _.BAR ? (a(), l("g", al, [
+          e.value.xAxisLabel && C.value === _.BAR ? (a(), l("g", nl, [
             A("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
-              x: v.value.drawingArea.left + v.value.drawingArea.width / 2,
-              y: S.value.height - e.value.axisLabelsFontSize / 3
-            }, E(e.value.xAxisLabel), 9, ll)
+              x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
+              y: b.value.height - e.value.axisLabelsFontSize / 3
+            }, R(e.value.xAxisLabel), 9, rl)
           ])) : f("", !0),
-          e.value.yAxisLabel && z.value === _.LINE ? (a(), l("g", ol, [
+          e.value.yAxisLabel && C.value === _.LINE ? (a(), l("g", sl, [
             A("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
-              transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
+              transform: `translate(${e.value.axisLabelsFontSize}, ${c.value.drawingArea.top + c.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, E(e.value.yAxisLabel), 9, il)
+            }, R(e.value.yAxisLabel), 9, vl)
           ])) : f("", !0),
-          e.value.yAxisLabel && z.value === _.BAR ? (a(), l("g", ul, [
+          e.value.yAxisLabel && C.value === _.BAR ? (a(), l("g", dl, [
             A("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
-              transform: `translate(${e.value.axisLabelsFontSize}, ${v.value.drawingArea.top + v.value.drawingArea.height / 2}) rotate(-90)`,
+              transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, E(e.value.yAxisLabel), 9, nl)
+            }, R(e.value.yAxisLabel), 9, cl)
           ])) : f("", !0)
         ])) : f("", !0)
-      ], 12, jt)) : f("", !0),
-      z.value ? f("", !0) : (a(), Le(Rt, {
+      ], 12, Yt)) : f("", !0),
+      C.value ? f("", !0) : (a(), Ce(Bt, {
         key: 5,
         config: {
           type: "line",
@@ -1312,16 +1322,18 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
           }
         }
       }, null, 8, ["config"])),
-      u.$slots.watermark ? (a(), l("div", rl, [
-        M(u.$slots, "watermark", H(re({ isPrinting: g(ke) || g(be) })), void 0, !0)
+      i.$slots.watermark ? (a(), l("div", hl, [
+        M(i.$slots, "watermark", H(se({ isPrinting: g(Se) || g(be) })), void 0, !0)
       ])) : f("", !0),
-      [_.BAR, _.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? (a(), l("div", {
-        key: `slicer_${xe.value}`,
+      [_.BAR, _.LINE].includes(C.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? (a(), l("div", {
+        key: `slicer_${ke.value}`,
         ref_key: "quickChartSlicer",
-        ref: ve
+        ref: de
       }, [
-        (a(), Le(Et, {
-          key: `slicer_${xe.value}`,
+        (a(), Ce(Mt, {
+          ref_key: "slicerComponent",
+          ref: ue,
+          key: `slicer_${ke.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
@@ -1340,21 +1352,23 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
           minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
           minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: dt.value,
+          minimap: mt.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           minimapSelectedIndex: J.value,
           start: k.value.start,
-          "onUpdate:start": c[3] || (c[3] = (t) => k.value.start = t),
+          "onUpdate:start": s[3] || (s[3] = (t) => k.value.start = t),
           end: k.value.end,
-          "onUpdate:end": c[4] || (c[4] = (t) => k.value.end = t),
-          onReset: vt,
-          onTrapMouse: st
+          "onUpdate:end": s[4] || (s[4] = (t) => k.value.end = t),
+          refreshStartPoint: e.value.zoomStartIndex !== null ? e.value.zoomStartIndex : 0,
+          refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : x.value.maxSeriesLength,
+          onReset: ft,
+          onTrapMouse: ht
         }, {
           "reset-action": Q(({ reset: t }) => [
-            M(u.$slots, "reset-action", H(re({ reset: t })), void 0, !0)
+            M(i.$slots, "reset-action", H(se({ reset: t })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "minimapSelectedIndex", "start", "end"]))
+        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint"]))
       ])) : f("", !0),
       e.value.showLegend ? (a(), l("div", {
         key: 8,
@@ -1363,25 +1377,25 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
         class: "vue-ui-quick-chart-legend",
         style: N(`background:transparent;color:${e.value.color}`)
       }, [
-        z.value === _.DONUT ? (a(!0), l(m, { key: 0 }, L(T.value.legend, (t, n) => (a(), l("div", {
+        C.value === _.DONUT ? (a(!0), l(p, { key: 0 }, z(E.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            rt(t, T.value.dataset), p("selectLegend", t);
+            ct(t, E.value.dataset), m("selectLegend", t);
           },
-          style: N(`cursor: ${T.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: N(`cursor: ${E.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? M(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
-            se($e, {
+          e.value.useCustomLegend ? M(i.$slots, "legend", H(Ne({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
+            ve(Ee, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             A("span", {
               style: N(`font-size:${e.value.legendFontSize}px`)
-            }, E(t.name), 5),
+            }, R(t.name), 5),
             A("span", {
               style: N(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
-            }, E(w.value.includes(t.id) ? "-" : g(X)(
+            }, R(w.value.includes(t.id) ? "-" : g(X)(
               e.value.formatter,
               t.absoluteValue,
               g(B)({
@@ -1395,66 +1409,66 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
             w.value.includes(t.id) ? (a(), l("span", {
               key: 0,
               style: N(`font-size:${e.value.legendFontSize}px`)
-            }, " ( - % ) ", 4)) : Ae.value ? (a(), l("span", {
+            }, " ( - % ) ", 4)) : _e.value ? (a(), l("span", {
               key: 1,
               style: N(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
             }, " ( - % ) ", 4)) : (a(), l("span", {
               key: 2,
               style: N(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-            }, " (" + E(g(B)({
-              v: t.value / T.value.total * 100,
+            }, " (" + R(g(B)({
+              v: t.value / E.value.total * 100,
               s: "%",
               r: e.value.dataLabelRoundingPercentage
             })) + ") ", 5))
           ], 64))
-        ], 12, sl))), 256)) : f("", !0),
-        z.value === _.LINE ? (a(!0), l(m, { key: 1 }, L(d.value.legend, (t, n) => (a(), l("div", {
+        ], 12, fl))), 256)) : f("", !0),
+        C.value === _.LINE ? (a(!0), l(p, { key: 1 }, z(c.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            Ge(t.id, d.value.legend.length - 1), p("selectLegend", t);
+            Xe(t.id, c.value.legend.length - 1), m("selectLegend", t);
           },
-          style: N(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: N(`cursor: ${c.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? M(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
-            se($e, {
+          e.value.useCustomLegend ? M(i.$slots, "legend", H(Ne({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
+            ve(Ee, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             A("span", {
               style: N(`font-size:${e.value.legendFontSize}px`)
-            }, E(t.name), 5)
+            }, R(t.name), 5)
           ], 64))
-        ], 12, vl))), 256)) : f("", !0),
-        z.value === _.BAR ? (a(!0), l(m, { key: 2 }, L(v.value.legend, (t, n) => (a(), l("div", {
+        ], 12, gl))), 256)) : f("", !0),
+        C.value === _.BAR ? (a(!0), l(p, { key: 2 }, z(d.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            Ge(t.id, v.value.legend.length - 1), p("selectLegend", t);
+            Xe(t.id, d.value.legend.length - 1), m("selectLegend", t);
           },
-          style: N(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: N(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? M(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
-            se($e, {
+          e.value.useCustomLegend ? M(i.$slots, "legend", H(Ne({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
+            ve(Ee, {
               name: e.value.legendIcon,
               stroke: t.color,
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             A("span", {
               style: N(`font-size:${e.value.legendFontSize}px`)
-            }, E(t.name), 5)
+            }, R(t.name), 5)
           ], 64))
-        ], 12, dl))), 256)) : f("", !0)
+        ], 12, ml))), 256)) : f("", !0)
       ], 4)) : f("", !0),
-      u.$slots.source ? (a(), l("div", {
+      i.$slots.source ? (a(), l("div", {
         key: 9,
         ref_key: "source",
-        ref: Me,
+        ref: Ue,
         dir: "auto"
       }, [
-        M(u.$slots, "source", {}, void 0, !0)
+        M(i.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      se(Tt, {
-        show: Se.value.showTooltip && G.value,
+      ve(Ot, {
+        show: we.value.showTooltip && G.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         borderRadius: e.value.tooltipBorderRadius,
@@ -1466,25 +1480,26 @@ const ot = (s) => (pt("data-v-7397d9b6"), s = s(), mt(), s), Wt = ["id"], jt = [
         offsetY: e.value.tooltipOffsetY,
         parent: W.value,
         content: K.value,
-        isCustom: g(ze)(e.value.tooltipCustomFormat)
+        isFullscreen: ze.value,
+        isCustom: g(Ie)(e.value.tooltipCustomFormat)
       }, {
         "tooltip-before": Q(() => [
-          M(u.$slots, "tooltip-before", H(re({ ...de.value })), void 0, !0)
+          M(i.$slots, "tooltip-before", H(se({ ...ce.value })), void 0, !0)
         ]),
         "tooltip-after": Q(() => [
-          M(u.$slots, "tooltip-after", H(re({ ...de.value })), void 0, !0)
+          M(i.$slots, "tooltip-after", H(se({ ...ce.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"])
-    ], 14, Wt)) : (a(), l("div", cl, [
-      se($e, {
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"])
+    ], 14, Zt)) : (a(), l("div", pl, [
+      ve(Ee, {
         name: "circleCancel",
         stroke: "red"
       }),
-      hl
+      xl
     ]));
   }
-}, zl = /* @__PURE__ */ Ft(fl, [["__scopeId", "data-v-7397d9b6"]]);
+}, Pl = /* @__PURE__ */ Vt(yl, [["__scopeId", "data-v-7c8df607"]]);
 export {
-  zl as default
+  Pl as default
 };