vue-data-ui 2.4.2 → 2.4.3

package/dist/{vue-ui-quick-chart-8vJikiGH.js → vue-ui-quick-chart-DAhllTfa.js}

@@ -1,146 +1,146 @@
-import { ref as P, computed as V, watch as Ee, onMounted as vt, onBeforeUnmount as dt, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as N, createBlock as Le, createCommentVNode as m, unref as f, createSlots as ct, withCtx as Q, renderSlot as U, normalizeProps as H, guardReactiveProps as re, toDisplayString as E, createVNode as se, createElementVNode as A, Fragment as p, renderList as L, mergeProps as Re, pushScopeId as ht, popScopeId as ft } from "vue";
-import { u as gt, c as mt, t as pt, a as xt, p as D, b as yt, I as kt, e as bt, d as Oe, m as St, C as Ze, X as wt, j as At, k as pe, n as Ne, i as X, f as M, R as Ye, v as Z, x as ze, y as Fe } from "./index-DnVHQ2xI.js";
-import { t as _t, u as Lt } from "./useResponsive-NZB-WLRF.js";
-import $e from "./BaseIcon-rRli6Sfv.js";
-import { _ as zt } from "./Tooltip-Cj4EF7v1.js";
-import { u as $t, U as Ct } from "./usePrinter-BEeNAqS5.js";
-import { S as Pt } from "./Slicer-CU7dRZR0.js";
-import Tt from "./vue-ui-skeleton-aZmkNzAe.js";
-import { u as Je } from "./useNestedProp-Cox0K0Y5.js";
-import { _ as It } from "./PackageVersion-CvCRsT5_.js";
-import { P as Et } from "./PenAndPaper-Jb0pLt3G.js";
-import { _ as Rt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { ref as P, computed as V, watch as Ee, onMounted as dt, onBeforeUnmount as ct, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as N, createBlock as Le, createCommentVNode as g, unref as f, createSlots as ht, withCtx as Q, renderSlot as M, normalizeProps as H, guardReactiveProps as re, toDisplayString as E, createVNode as se, createElementVNode as A, Fragment as p, renderList as L, mergeProps as Re, pushScopeId as ft, popScopeId as gt } from "vue";
+import { u as mt, c as pt, t as yt, a as xt, p as D, b as kt, I as bt, e as St, d as Oe, m as wt, C as Ye, X as At, j as _t, k as pe, n as Ne, i as X, f as B, R as Je, v as Z, x as ze, y as Fe } from "./index-Bya_q1J-.js";
+import { t as Lt, u as zt } from "./useResponsive-BY8tgM1n.js";
+import $e from "./BaseIcon-BbvG1AlW.js";
+import { _ as $t } from "./Tooltip-Cz24YLfw.js";
+import { u as Ct, U as Pt } from "./usePrinter-CiHd1FwD.js";
+import { S as Tt } from "./Slicer-TfpN2Cr4.js";
+import It from "./vue-ui-skeleton-BYssP0K4.js";
+import { u as Qe } from "./useNestedProp-B33hazbH.js";
+import { _ as Et } from "./PackageVersion-VkaUzgmt.js";
+import { P as Rt } from "./PenAndPaper-DAZYA8Ew.js";
+import { _ as Ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = {
   LINE: "LINE",
   BAR: "BAR",
   DONUT: "DONUT"
-}, Ot = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function Nt({ dataset: s, barLineSwitch: $ = 6 }) {
-  let g = 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`), xe(s) && (Y(s) && (s.length < $ ? g = _.BAR : g = _.LINE, R = s, q = s.length), Ce(s))) {
-    if (!Mt(s))
+}, Nt = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
+function Ft({ dataset: s, barLineSwitch: $ = 6 }) {
+  let m = 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 < $ ? m = _.BAR : m = _.LINE, R = s, q = s.length), Ce(s))) {
+    if (!Bt(s))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
     const oe = Object.keys(s[0]), ve = Object.values(s[0]);
-    if (!oe.some((T) => Bt(T)))
+    if (!oe.some((T) => Ut(T)))
       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;
-    Qe(ve, (T) => typeof T == "number") && (g = _.DONUT, R = s), Qe(ve, (T) => Array.isArray(T) && Y(T)) && (Ke(s) > $ ? g = _.LINE : g = _.BAR, q = Ke(s), R = s.map((T) => ({
+    Ke(ve, (T) => typeof T == "number") && (m = _.DONUT, R = s), Ke(ve, (T) => Array.isArray(T) && Y(T)) && (et(s) > $ ? m = _.LINE : m = _.BAR, q = et(s), R = s.map((T) => ({
       ...T,
-      data: Ut(T, (G) => Y(G))
-    }))), s = s.map((T) => et(T)), R = R.map((T) => et(T));
+      data: Dt(T, (G) => Y(G))
+    }))), s = s.map((T) => tt(T)), R = R.map((T) => tt(T));
   }
-  return xe(s) && [...new Set(s.flatMap((oe) => Array.isArray(oe)))][0], {
+  return ye(s) && [...new Set(s.flatMap((oe) => Array.isArray(oe)))][0], {
     dataset: s,
-    type: g,
+    type: m,
     usableDataset: R,
     maxSeriesLength: q
   };
 }
-function tt(s) {
-  return !s || xe(s) && !s.length;
+function at(s) {
+  return !s || ye(s) && !s.length;
 }
-function xe(s) {
+function ye(s) {
   return Array.isArray(s);
 }
 function Y(s) {
-  if (!xe(s) || tt(s)) return !1;
-  const $ = s.map((g) => Number(g));
-  return ![...new Set($.flatMap((g) => typeof g == "number" && !isNaN(g)))].includes(!1);
+  if (!ye(s) || at(s)) return !1;
+  const $ = s.map((m) => Number(m));
+  return ![...new Set($.flatMap((m) => typeof m == "number" && !isNaN(m)))].includes(!1);
 }
 function Ce(s) {
-  return !xe(s) || tt(s) || !![...new Set(s.flatMap((g) => typeof g == "object" && !Array.isArray(g)))].includes(!1) ? !1 : !s.map((g) => Object.keys(g).length > 0).includes(!1);
+  return !ye(s) || at(s) || !![...new Set(s.flatMap((m) => typeof m == "object" && !Array.isArray(m)))].includes(!1) ? !1 : !s.map((m) => Object.keys(m).length > 0).includes(!1);
 }
-function Ft(s, $) {
-  const g = Object.keys(s).sort(), R = Object.keys($).sort();
-  if (g.length !== R.length)
+function Mt(s, $) {
+  const m = Object.keys(s).sort(), R = Object.keys($).sort();
+  if (m.length !== R.length)
     return !1;
-  for (let q = 0; q < g.length; q += 1) {
-    const W = g[q], le = R[q];
+  for (let q = 0; q < m.length; q += 1) {
+    const W = m[q], le = R[q];
     if (W !== le || typeof s[W] != typeof $[le])
       return !1;
   }
   return !0;
 }
-function Mt(s) {
+function Bt(s) {
   if (s.length <= 1) return !0;
   for (let $ = 0; $ < s.length; $ += 1)
-    for (let g = $ + 1; g < s.length; g += 1)
-      if (!Ft(s[$], s[g]))
+    for (let m = $ + 1; m < s.length; m += 1)
+      if (!Mt(s[$], s[m]))
         return !1;
   return !0;
 }
-function Bt(s) {
-  return Ot.includes(s.toUpperCase());
+function Ut(s) {
+  return Nt.includes(s.toUpperCase());
 }
-function Qe(s, $) {
-  let g = [];
+function Ke(s, $) {
+  let m = [];
   for (let R = 0; R < s.length; R += 1)
-    g.push($(s[R]));
-  return g.includes(!0);
+    m.push($(s[R]));
+  return m.includes(!0);
 }
-function Ke(s) {
-  return Math.max(...[...s].flatMap(($) => Object.values($).filter((g) => Y(g)).map((g) => g.length)));
+function et(s) {
+  return Math.max(...[...s].flatMap(($) => Object.values($).filter((m) => Y(m)).map((m) => m.length)));
 }
-function Ut(s, $) {
-  return Object.values(s).filter((g) => $(g))[0];
+function Dt(s, $) {
+  return Object.values(s).filter((m) => $(m))[0];
 }
-function et(s) {
+function tt(s) {
   const $ = {};
-  for (let g in s)
-    s.hasOwnProperty(g) && ($[g.toUpperCase()] = s[g]);
+  for (let m in s)
+    s.hasOwnProperty(m) && ($[m.toUpperCase()] = s[m]);
   return $;
 }
-const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = ["xmlns", "viewBox"], qt = ["id"], Wt = ["id"], jt = /* @__PURE__ */ at(() => /* @__PURE__ */ A("feColorMatrix", {
+const lt = (s) => (ft("data-v-606895e6"), s = s(), gt(), s), Vt = ["id"], qt = ["xmlns", "viewBox"], Wt = ["id"], jt = ["id"], Gt = /* @__PURE__ */ lt(() => /* @__PURE__ */ A("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Gt = ["id"], Ht = ["flood-color"], Xt = {
+}, null, -1)), Ht = ["id"], Xt = ["flood-color"], Zt = {
   key: 0,
   class: "donut-label-connectors"
-}, Zt = ["d", "stroke", "stroke-width", "filter"], Yt = ["cx", "cy", "r", "fill", "filter"], Jt = { class: "donut" }, Qt = ["d", "fill", "stroke", "stroke-width", "filter"], Kt = ["d", "onMouseenter", "onClick"], ea = {
+}, Yt = ["d", "stroke", "stroke-width", "filter"], Jt = ["cx", "cy", "r", "fill", "filter"], Qt = { class: "donut" }, Kt = ["d", "fill", "stroke", "stroke-width", "filter"], ea = ["d", "onMouseenter", "onClick"], ta = {
   key: 1,
   class: "donut-labels quick-animation"
-}, ta = ["cx", "cy", "fill", "stroke", "filter"], aa = ["text-anchor", "x", "y", "fill", "font-size", "filter"], la = ["text-anchor", "x", "y", "fill", "font-size", "filter"], oa = {
+}, aa = ["cx", "cy", "fill", "stroke", "filter"], la = ["text-anchor", "x", "y", "fill", "font-size", "filter"], oa = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ia = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, ia = ["x", "y", "font-size", "fill"], ua = ["x", "y", "font-size", "fill"], na = {
+}, ua = ["x", "y", "font-size", "fill"], na = ["x", "y", "font-size", "fill"], ra = {
   key: 0,
   class: "line-grid"
-}, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], va = {
+}, sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], da = {
   key: 1,
   class: "line-axis"
-}, da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ha = {
+}, ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ha = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fa = {
   key: 2,
   class: "yLabels"
-}, fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ga = ["x", "y", "font-size", "fill"], ma = {
+}, ga = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ma = ["x", "y", "font-size", "fill"], pa = {
   key: 3,
   class: "periodLabels"
-}, pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xa = ["font-size", "text-anchor", "fill", "transform"], ya = { class: "plots" }, ka = { class: "line-plot-series" }, ba = ["d", "stroke", "stroke-width"], Sa = ["d", "stroke", "stroke-width"], wa = ["d", "stroke", "stroke-width"], Aa = ["d", "stroke", "stroke-width"], _a = ["cx", "cy", "fill", "stroke"], La = {
+}, ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xa = ["font-size", "text-anchor", "fill", "transform"], ka = { class: "plots" }, ba = { class: "line-plot-series" }, Sa = ["d", "stroke", "stroke-width"], wa = ["d", "stroke", "stroke-width"], Aa = ["d", "stroke", "stroke-width"], _a = ["d", "stroke", "stroke-width"], La = ["cx", "cy", "fill", "stroke"], za = {
   key: 4,
   class: "dataLabels"
-}, za = ["font-size", "fill", "x", "y"], $a = { class: "tooltip-traps" }, Ca = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Pa = {
+}, $a = ["font-size", "fill", "x", "y"], Ca = { class: "tooltip-traps" }, Pa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ta = {
   key: 0,
   class: "line-grid"
-}, Ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = {
+}, Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ra = {
   key: 1,
   class: "line-axis"
-}, Ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = {
+}, Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Fa = {
   key: 2,
   class: "yLabels"
-}, Fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ma = ["x", "y", "font-size", "fill"], Ba = {
+}, Ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ba = ["x", "y", "font-size", "fill"], Ua = {
   key: 3,
   class: "periodLabels"
-}, Ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Da = ["font-size", "text-anchor", "transform", "fill"], Va = { class: "plots" }, qa = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Wa = ["to"], ja = ["from", "to"], Ga = {
+}, Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Va = ["font-size", "text-anchor", "transform", "fill"], qa = { class: "plots" }, Wa = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], ja = ["to"], Ga = ["from", "to"], Ha = {
   key: 4,
   class: "dataLabels"
-}, Ha = ["x", "y", "font-size", "fill"], Xa = { class: "tooltip-traps" }, Za = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ya = {
+}, Xa = ["x", "y", "font-size", "fill"], Za = { class: "tooltip-traps" }, Ya = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ja = {
   key: 3,
   class: "axis-labels"
-}, Ja = { key: 0 }, Qa = ["font-size", "fill", "x", "y"], Ka = { key: 1 }, el = ["font-size", "fill", "x", "y"], tl = { key: 2 }, al = ["font-size", "fill", "transform"], ll = { key: 3 }, ol = ["font-size", "fill", "transform"], il = {
+}, Qa = { key: 0 }, Ka = ["font-size", "fill", "x", "y"], el = { key: 1 }, tl = ["font-size", "fill", "x", "y"], al = { key: 2 }, ll = ["font-size", "fill", "transform"], ol = { key: 3 }, il = ["font-size", "fill", "transform"], ul = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, ul = ["onClick"], nl = ["onClick"], rl = ["onClick"], sl = {
+}, nl = ["onClick"], rl = ["onClick"], sl = ["onClick"], vl = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, vl = /* @__PURE__ */ at(() => /* @__PURE__ */ A("span", null, "Dataset is not processable", -1)), dl = {
+}, dl = /* @__PURE__ */ lt(() => /* @__PURE__ */ A("span", null, "Dataset is not processable", -1)), cl = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -157,31 +157,31 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
     }
   },
   emits: ["selectDatapoint", "selectLegend"],
-  setup(s, { expose: $, emit: g }) {
-    const R = s, { vue_ui_quick_chart: q } = gt(), W = P(null), le = P(null), oe = P(null), ve = P(null), T = P(mt()), G = P(!1), de = P(null), K = P(""), j = P(null), w = P([]), Me = P(0), ye = P(0), e = V({
-      get: () => Be(),
+  setup(s, { expose: $, emit: m }) {
+    const R = s, { vue_ui_quick_chart: q } = mt(), W = P(null), le = P(null), oe = P(null), ve = P(null), T = P(pt()), G = P(!1), de = P(null), K = P(""), j = P(null), Me = P(null), w = P([]), Be = P(0), xe = P(0), e = V({
+      get: () => Ue(),
       set: (u) => u
     });
-    function Be() {
-      const u = Je({
+    function Ue() {
+      const u = Qe({
         userConfig: R.config,
         defaultConfig: q
       });
       return u.theme ? {
-        ...Je({
-          userConfig: pt.vue_ui_quick_chart[u.theme] || R.config,
+        ...Qe({
+          userConfig: yt.vue_ui_quick_chart[u.theme] || R.config,
           defaultConfig: u
         }),
         customPalette: xt[u.theme] || D
       } : u;
     }
     Ee(() => R.config, (u) => {
-      e.value = Be(), S.value.width = e.value.width, S.value.height = e.value.height, Ve();
+      e.value = Ue(), S.value.width = e.value.width, S.value.height = e.value.height, qe();
     }, { deep: !0 }), Ee(() => R.dataset, (u) => {
-      y.value = he.value, k.value.start = 0, k.value.end = y.value.maxSeriesLength, ye.value += 1;
+      x.value = he.value, k.value.start = 0, k.value.end = x.value.maxSeriesLength, xe.value += 1;
     }, { deep: !0 });
-    const ce = V(() => yt(e.value.customPalette)), he = V(() => {
-      const u = Nt({ dataset: kt(R.dataset, [
+    const ce = V(() => kt(e.value.customPalette)), he = V(() => {
+      const u = Ft({ dataset: bt(R.dataset, [
         "serie",
         "series",
         "data",
@@ -190,14 +190,14 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return u || console.error("VueUiQuickChart : Dataset is not processable"), u;
-    }), y = P(he.value), lt = V(() => !!y.value), z = V(() => y.value ? y.value.type : null);
+    }), x = P(he.value), ot = V(() => !!x.value), z = V(() => x.value ? x.value.type : null);
     Ee(() => z.value, (u) => {
-      u || bt({
+      u || St({
         componentName: "VueUiQuickChart",
         type: "dataset"
       });
     }, { immediate: !0 });
-    const { isPrinting: ke, isImaging: be, generatePdf: Ue, generateImage: De } = $t({
+    const { isPrinting: ke, isImaging: be, generatePdf: De, generateImage: Ve } = Ct({
       elementId: `${z.value}_${T.value}`,
       fileName: e.value.title || z.value
     }), S = P({
@@ -206,27 +206,28 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
     }), Se = P({
       showTooltip: e.value.showTooltip
     }), we = P(null);
-    vt(() => {
-      Ve();
+    dt(() => {
+      qe();
     });
-    function Ve() {
+    function qe() {
       if (e.value.responsive) {
-        const u = _t(() => {
-          const { width: c, height: t } = Lt({
+        const u = Lt(() => {
+          const { width: c, height: t } = zt({
             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 && y.value.maxSeriesLength > 1 ? ve.value : null
+            slicer: [_.BAR, _.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? ve.value : null,
+            source: Me.value
           });
           S.value.width = c, S.value.height = t;
         });
         we.value = new ResizeObserver(u), we.value.observe(W.value.parentNode);
       }
     }
-    dt(() => {
+    ct(() => {
       we.value && we.value.disconnect();
     });
-    const ot = V(() => {
+    const it = V(() => {
       switch (z.value) {
         case _.LINE:
           return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
@@ -238,68 +239,68 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
           return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
       }
     });
-    function qe(u) {
+    function We(u) {
       return [...u].map((c) => c.value).reduce((c, t) => c + t, 0);
     }
     function fe(u) {
       return e.value.blurOnHover && ![null, void 0].includes(j.value) && j.value !== u ? `url(#blur_${T.value})` : "";
     }
-    function We(u, c) {
+    function je(u, c) {
       w.value.includes(u) ? w.value = w.value.filter((t) => t !== u) : w.value.length < c && w.value.push(u);
     }
-    const je = P(null), Ge = P(null), Ae = P(!1);
-    function it(u, c) {
+    const Ge = P(null), He = P(null), Ae = P(!1);
+    function ut(u, c) {
       Ae.value = !0;
       let t = u.value;
       if (w.value.includes(u.id)) {
         let r = function() {
-          t > n ? (Ae.value = !1, cancelAnimationFrame(Ge.value), y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((h, O) => u.id === `donut_${O}` ? {
+          t > n ? (Ae.value = !1, cancelAnimationFrame(He.value), x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((h, O) => u.id === `donut_${O}` ? {
               ...h,
               value: n,
               VALUE: n
             } : h)
-          }) : (t += n * 0.025, y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((h, O) => u.id === `donut_${O}` ? {
+          }) : (t += n * 0.025, x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((h, O) => u.id === `donut_${O}` ? {
               ...h,
               value: t,
               VALUE: t
             } : h)
-          }, Ge.value = requestAnimationFrame(r));
+          }, He.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;
         r();
       } else if (c.length > 1) {
         let n = function() {
-          t < 0.1 ? (Ae.value = !1, cancelAnimationFrame(je.value), w.value.push(u.id), y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+          t < 0.1 ? (Ae.value = !1, cancelAnimationFrame(Ge.value), w.value.push(u.id), x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
               ...r,
               value: 0,
               VALUE: 0
             } : r)
-          }) : (t /= 1.1, y.value = {
-            ...y.value,
-            dataset: y.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
+          }) : (t /= 1.1, x.value = {
+            ...x.value,
+            dataset: x.value.dataset.map((r, h) => u.id === `donut_${h}` ? {
               ...r,
               value: t,
               VALUE: t
             } : r)
-          }, je.value = requestAnimationFrame(n));
+          }, Ge.value = requestAnimationFrame(n));
         };
         n();
       }
     }
     const J = P(null);
-    function ut(u) {
+    function nt(u) {
       J.value = u;
     }
-    const He = V(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), C = V(() => {
+    const Xe = V(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), C = V(() => {
       if (z.value !== _.DONUT) return null;
-      const u = y.value.dataset.map((o, i) => ({
+      const u = x.value.dataset.map((o, i) => ({
         ...o,
         value: o.VALUE || o.DATA || o.SERIE || o.VALUES || o.NUM || 0,
         name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
@@ -310,8 +311,8 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         immutableValue: o.value
       }));
       function c(o, i) {
-        return M({
-          v: isNaN(o.value / qe(i)) ? 0 : o.value / qe(i) * 100,
+        return B({
+          v: isNaN(o.value / We(i)) ? 0 : o.value / We(i) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
@@ -339,18 +340,18 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
             config: e.value
           });
         else {
-          let x = "";
-          x += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, x += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${o.color}"/></svg>`, x += `<b>${X(
+          let y = "";
+          y += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, y += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${o.color}"/></svg>`, y += `<b>${X(
             e.value.formatter,
             o.value,
-            M({
+            B({
               p: e.value.valuePrefix,
               v: o.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
             { datapoint: o, seriesIndex: i }
-          )}</b>`, x += `<span>(${M({ v: o.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, K.value = `<div>${x}</div>`;
+          )}</b>`, y += `<span>(${B({ v: o.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, K.value = `<div>${y}</div>`;
         }
         G.value = !0;
       }
@@ -360,11 +361,11 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
       const O = {
         centerX: S.value.width / 2,
         centerY: S.value.height / 2
-      }, B = u.filter((o) => !w.value.includes(o.id)).map((o) => o.value || 0).reduce((o, i) => o + i, 0), ie = u.map((o, i) => ({
+      }, 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) => ({
         ...o,
-        proportion: (o.value || 0) / B,
+        proportion: (o.value || 0) / U,
         value: o.value || 0,
-        absoluteValue: he.value.dataset.find((b, x) => `donut_${x}` === o.id).VALUE
+        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;
       return {
         dataset: ie.filter((o) => !w.value.includes(o.id)),
@@ -375,11 +376,11 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         useTooltip: r,
         killTooltip: h,
         getSpaces: n,
-        total: B,
+        total: U,
         cx: ee,
         cy: ue,
         radius: te,
-        chart: St(
+        chart: wt(
           { series: u.filter((o) => !w.value.includes(o.id)) },
           ee,
           ue,
@@ -390,23 +391,23 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
           1,
           360,
           105.25,
-          S.value.height * He.value
+          S.value.height * Xe.value
         )
       };
     }), k = P({
       start: 0,
-      end: y.value.maxSeriesLength
+      end: x.value.maxSeriesLength
     });
-    function nt() {
+    function rt() {
       k.value = {
         start: 0,
-        end: y.value.maxSeriesLength
-      }, ye.value += 1;
+        end: x.value.maxSeriesLength
+      }, xe.value += 1;
     }
-    const rt = V(() => {
+    const st = V(() => {
       if (!e.value.zoomMinimap.show || z.value === _.DONUT) return [];
       let u = [];
-      Y(y.value.dataset) && (u = y.value.dataset), Ce(y.value.dataset) && (u = y.value.dataset.map((r, h) => ({
+      Y(x.value.dataset) && (u = x.value.dataset), Ce(x.value.dataset) && (u = 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}`
       })).filter((r) => !w.value.includes(r.id)));
@@ -433,15 +434,15 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Y(y.value.dataset) && (t = [
+      Y(x.value.dataset) && (t = [
         {
-          values: y.value.dataset.slice(k.value.start, k.value.end),
-          absoluteIndices: y.value.dataset.map((o, i) => i).slice(k.value.start, k.value.end),
+          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),
           name: e.value.title,
           color: ce.value[e.value.paletteStartIndex] || D[e.value.paletteStartIndex],
           id: "line_0"
         }
-      ]), Ce(y.value.dataset) && (t = y.value.dataset.map((o, i) => ({
+      ]), Ce(x.value.dataset) && (t = x.value.dataset.map((o, i) => ({
         ...o,
         values: o.VALUE || o.DATA || o.SERIE || o.SERIES || o.VALUES || o.NUM || 0,
         name: o.NAME || o.DESCRIPTION || o.TITLE || o.LABEL || `Serie ${i}`,
@@ -450,20 +451,20 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         ...o,
         color: o.COLOR ? Oe(o.COLOR) : ce.value[i + e.value.paletteStartIndex] || D[i + e.value.paletteStartIndex] || D[(i + e.value.paletteStartIndex) % D.length],
         values: o.values.slice(k.value.start, k.value.end),
-        absoluteIndices: o.values.map((b, x) => x).slice(k.value.start, k.value.end)
+        absoluteIndices: o.values.map((b, 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 = Ze(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, B = c.width / n.maxSeries, ie = r.ticks.map((o) => ({
+      }, r = Ye(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,
         value: o
       })), ee = t.map((o, i) => ({
         ...o,
-        coordinates: o.values.map((b, x) => ({
-          x: c.left + B * (x + 1) - B / 2,
+        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
         }))
@@ -478,11 +479,11 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
       });
       function ue(o) {
         j.value = o, J.value = o;
-        const i = t.map((x) => ({
-          ...x,
-          value: x.values[o],
-          absoluteIndex: x.absoluteIndices[o]
-        })).filter((x) => !w.value.includes(x.id));
+        const i = 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({
@@ -498,16 +499,16 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
             config: e.value
           });
         else {
-          let x = "";
-          e.value.xyPeriods[i[0].absoluteIndex] && (x += `<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) => {
-            x += `
+          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) => {
+            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>
                         <b>${X(
               e.value.formatter,
               I.value,
-              M({
+              B({
                 p: e.value.valuePrefix,
                 v: I.value,
                 s: e.value.valueSuffix,
@@ -518,7 +519,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                         </b>
                     </div>
                 `;
-          }), K.value = x;
+          }), K.value = y;
         }
         G.value = !0;
       }
@@ -531,7 +532,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         legend: ee,
         drawingArea: c,
         extremes: n,
-        slotSize: B,
+        slotSize: U,
         yLabels: ie,
         useTooltip: ue,
         killTooltip: te
@@ -550,15 +551,15 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         height: u.height - e.value.xyPaddingTop - e.value.xyPaddingBottom
       };
       let t = [];
-      Y(y.value.dataset) && (t = [
+      Y(x.value.dataset) && (t = [
         {
-          values: y.value.dataset.slice(k.value.start, k.value.end),
-          absoluteIndices: y.value.dataset.map((i, b) => b).slice(k.value.start, k.value.end),
+          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),
           name: e.value.title,
           color: ce.value[e.value.paletteStartIndex] || D[e.value.paletteStartIndex],
           id: "bar_0"
         }
-      ]), Ce(y.value.dataset) && (t = y.value.dataset.map((i, b) => ({
+      ]), 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}`,
@@ -567,37 +568,37 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         ...i,
         color: i.COLOR ? Oe(i.COLOR) : ce.value[b + e.value.paletteStartIndex] || D[b + e.value.paletteStartIndex] || D[(b + e.value.paletteStartIndex) % D.length],
         values: i.values.slice(k.value.start, k.value.end),
-        absoluteIndices: i.values.map((x, I) => I).slice(k.value.start, k.value.end)
+        absoluteIndices: i.values.map((y, I) => I).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 = Ze(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, B = c.width / n.maxSeries, ie = r.ticks.map((i) => ({
+      }, r = Ye(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((x, I) => {
-          const F = (x + h) / (n.max + h) * c.height, ge = Math.abs(x) / Math.abs(n.min) * (c.height - O), Ie = h / (n.max + h) * c.height, me = B / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
+        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, me = 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 + B * I + me * b + e.value.barGap / 2,
-            y: x > 0 ? c.bottom - F : O,
-            height: x > 0 ? F - Ie : ge,
-            value: x,
+            x: c.left + U * I + me * b + e.value.barGap / 2,
+            y: y > 0 ? c.bottom - F : O,
+            height: y > 0 ? F - Ie : ge,
+            value: y,
             width: me
           };
         })
       })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, b) => ({
         ...i,
-        coordinates: i.values.map((x, I) => {
-          const F = (x + h) / (n.max + h) * c.height, ge = Math.abs(x) / (n.max + h) * c.height, Ie = h / (n.max + h) * c.height, me = B / t.filter((ae) => !w.value.includes(ae.id)).length - e.value.barGap / t.filter((ae) => !w.value.includes(ae.id)).length;
+        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, me = 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 + B * I + me * b + e.value.barGap / 2,
-            y: x > 0 ? c.bottom - F : O,
-            height: x > 0 ? F - Ie : ge,
-            value: x,
+            x: c.left + U * I + me * b + e.value.barGap / 2,
+            y: y > 0 ? c.bottom - F : O,
+            height: y > 0 ? F - Ie : ge,
+            value: y,
             width: me
           };
         })
@@ -610,14 +611,14 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
           absoluteIndex: I.absoluteIndices[i]
         })).filter((I) => !w.value.includes(I.id));
         de.value = { datapoint: b, seriesIndex: i, config: e.value, dataset: t };
-        const x = e.value.tooltipCustomFormat;
-        if (ze(x) && Fe(() => x({
+        const y = e.value.tooltipCustomFormat;
+        if (ze(y) && Fe(() => y({
           datapoint: b,
           seriesIndex: i,
           series: t,
           config: e.value
         })))
-          K.value = x({
+          K.value = y({
             point: b,
             seriesIndex: i,
             series: t,
@@ -633,7 +634,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                         <b>${X(
               e.value.formatter,
               F.value,
-              M({
+              B({
                 p: e.value.valuePrefix,
                 v: F.value,
                 s: e.value.valueSuffix,
@@ -657,16 +658,16 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         legend: ee,
         drawingArea: c,
         extremes: n,
-        slotSize: B,
+        slotSize: U,
         yLabels: ie,
         useTooltip: te,
         killTooltip: o
       };
     }), Pe = P(!1);
-    function st(u) {
-      Pe.value = u, Me.value += 1;
+    function vt(u) {
+      Pe.value = u, Be.value += 1;
     }
-    function Xe() {
+    function Ze() {
       Se.value.showTooltip = !Se.value.showTooltip;
     }
     const _e = P(!1);
@@ -674,11 +675,11 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
       _e.value = !_e.value;
     }
     return $({
-      generatePdf: Ue,
-      generateImage: De,
-      toggleTooltip: Xe,
+      generatePdf: De,
+      generateImage: Ve,
+      toggleTooltip: Ze,
       toggleAnnotator: Te
-    }), (u, c) => lt.value ? (a(), l("div", {
+    }), (u, c) => ot.value ? (a(), l("div", {
       key: 0,
       id: `${z.value}_${T.value}`,
       ref_key: "quickChart",
@@ -686,17 +687,17 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
       class: ne({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Pe.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(Et, {
+      e.value.userOptionsButtons.annotator ? (a(), Le(Rt, {
         key: 0,
         parent: W.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         active: _e.value,
         onClose: Te
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : m("", !0),
-      e.value.showUserOptions ? (a(), Le(Ct, {
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : g("", !0),
+      e.value.showUserOptions ? (a(), Le(Pt, {
         ref: "details",
-        key: `user_option_${Me.value}`,
+        key: `user_option_${Be.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         isPrinting: f(ke),
@@ -714,62 +715,62 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         position: e.value.userOptionsPosition,
         hasAnnotator: e.value.userOptionsButtons.annotator,
         isAnnotation: _e.value,
-        onToggleFullscreen: st,
-        onGeneratePdf: f(Ue),
-        onGenerateImage: f(De),
-        onToggleTooltip: Xe,
+        onToggleFullscreen: vt,
+        onGeneratePdf: f(De),
+        onGenerateImage: f(Ve),
+        onToggleTooltip: Ze,
         onToggleAnnotator: Te
-      }, ct({ _: 2 }, [
+      }, ht({ _: 2 }, [
         u.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: Q(() => [
-            U(u.$slots, "optionTooltip", {}, void 0, !0)
+            M(u.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         u.$slots.optionPdf ? {
           name: "optionPdf",
           fn: Q(() => [
-            U(u.$slots, "optionPdf", {}, void 0, !0)
+            M(u.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         u.$slots.optionImg ? {
           name: "optionImg",
           fn: Q(() => [
-            U(u.$slots, "optionImg", {}, void 0, !0)
+            M(u.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         u.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: Q(({ toggleFullscreen: t, isFullscreen: n }) => [
-            U(u.$slots, "optionFullscreen", H(re({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
+            M(u.$slots, "optionFullscreen", H(re({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         u.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: Q(({ toggleAnnotator: t, isAnnotator: n }) => [
-            U(u.$slots, "optionAnnotator", H(re({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
+            M(u.$slots, "optionAnnotator", H(re({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : m("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : g("", !0),
       e.value.title ? (a(), l("div", {
         key: 2,
         ref_key: "quickChartTitle",
         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)) : m("", !0),
+      }, E(e.value.title), 5)) : g("", !0),
       z.value ? (a(), l("svg", {
         key: 3,
-        xmlns: f(wt),
-        viewBox: ot.value,
+        xmlns: f(At),
+        viewBox: it.value,
         style: N(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
-        se(It),
+        se(Et),
         A("defs", null, [
           A("filter", {
             id: `blur_${T.value}`,
@@ -782,9 +783,9 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${T.value}`
-            }, null, 8, Wt),
-            jt
-          ], 8, qt),
+            }, null, 8, jt),
+            Gt
+          ], 8, Wt),
           A("filter", {
             id: `shadow_${T.value}`,
             "color-interpolation-filters": "sRGB"
@@ -795,48 +796,48 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.donutShadowColor
-            }, null, 8, Ht)
-          ], 8, Gt)
+            }, null, 8, Xt)
+          ], 8, Ht)
         ]),
         z.value === _.DONUT ? (a(), l(p, { key: 0 }, [
-          e.value.showDataLabels ? (a(), l("g", Xt, [
+          e.value.showDataLabels ? (a(), l("g", Zt, [
             (a(!0), l(p, null, L(C.value.chart, (t, n) => (a(), l(p, null, [
               C.value.isArcBigEnough(t) ? (a(), l("path", {
                 key: 0,
-                d: f(At)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * He.value),
+                d: f(_t)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * Xe.value),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
                 filter: fe(t.id)
-              }, null, 8, Zt)) : m("", !0)
+              }, null, 8, Yt)) : g("", !0)
             ], 64))), 256))
-          ])) : m("", !0),
+          ])) : g("", !0),
           A("circle", {
             cx: C.value.cx,
             cy: C.value.cy,
             r: C.value.radius,
             fill: e.value.backgroundColor,
             filter: e.value.donutUseShadow ? `url(#shadow_${T.value})` : ""
-          }, null, 8, Yt),
-          A("g", Jt, [
+          }, null, 8, Jt),
+          A("g", Qt, [
             (a(!0), l(p, null, L(C.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
               filter: fe(t.id)
-            }, null, 8, Qt))), 256)),
+            }, null, 8, Kt))), 256)),
             (a(!0), l(p, null, L(C.value.chart, (t, n) => (a(), l("path", {
               d: t.arcSlice,
               fill: "transparent",
               onMouseenter: (r) => C.value.useTooltip({ datapoint: t, seriesIndex: n }),
               onMouseout: c[0] || (c[0] = (r) => C.value.killTooltip()),
-              onClick: (r) => g("selectDatapoint", t)
-            }, null, 40, Kt))), 256))
+              onClick: (r) => m("selectDatapoint", t)
+            }, null, 40, ea))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", ea, [
+          e.value.showDataLabels ? (a(), l("g", ta, [
             (a(!0), l(p, null, L(C.value.chart, (t, n) => (a(), l(p, null, [
               C.value.isArcBigEnough(t) ? (a(), l("circle", {
                 key: 0,
@@ -847,7 +848,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                 "stroke-width": 1,
                 r: 3,
                 filter: fe(t.id)
-              }, null, 8, ta)) : m("", !0),
+              }, null, 8, aa)) : g("", !0),
               C.value.isArcBigEnough(t) ? (a(), l("text", {
                 key: 1,
                 "text-anchor": f(pe)(t, !0, 20).anchor,
@@ -859,14 +860,14 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               }, E(C.value.displayArcPercentage(t, C.value.chart)) + " (" + E(f(X)(
                 e.value.formatter,
                 t.value,
-                f(M)({
+                f(B)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )) + ") ", 9, aa)) : m("", !0),
+              )) + ") ", 9, la)) : g("", !0),
               C.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
                 "text-anchor": f(pe)(t).anchor,
@@ -875,33 +876,33 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: fe(t.id)
-              }, E(t.name), 9, la)) : m("", !0)
+              }, E(t.name), 9, oa)) : g("", !0)
             ], 64))), 256))
-          ])) : m("", !0),
-          e.value.donutShowTotal ? (a(), l("g", oa, [
+          ])) : g("", !0),
+          e.value.donutShowTotal ? (a(), l("g", ia, [
             A("text", {
               "text-anchor": "middle",
               x: C.value.drawingArea.centerX,
               y: C.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, E(e.value.donutTotalLabelText), 9, ia),
+            }, E(e.value.donutTotalLabelText), 9, ua),
             A("text", {
               "text-anchor": "middle",
               x: C.value.drawingArea.centerX,
               y: C.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, E(f(M)({
+            }, E(f(B)({
               p: e.value.valuePrefix,
               v: C.value.total,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
-            })), 9, ua)
-          ])) : m("", !0)
-        ], 64)) : m("", !0),
+            })), 9, na)
+          ])) : g("", !0)
+        ], 64)) : g("", !0),
         z.value === _.LINE ? (a(), l(p, { key: 1 }, [
-          e.value.xyShowGrid ? (a(), l("g", na, [
+          e.value.xyShowGrid ? (a(), l("g", ra, [
             (a(!0), l(p, null, L(d.value.yLabels, (t) => (a(), l(p, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -912,7 +913,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ra)) : m("", !0)
+              }, null, 8, sa)) : g("", !0)
             ], 64))), 256)),
             (a(!0), l(p, null, L(d.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
               x1: d.value.drawingArea.left + d.value.slotSize * n,
@@ -922,9 +923,9 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, sa))), 256))
-          ])) : m("", !0),
-          e.value.xyShowAxis ? (a(), l("g", va, [
+            }, null, 8, va))), 256))
+          ])) : g("", !0),
+          e.value.xyShowAxis ? (a(), l("g", da, [
             A("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.left,
@@ -933,7 +934,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, da),
+            }, null, 8, ca),
             A("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.right,
@@ -942,9 +943,9 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ca)
-          ])) : m("", !0),
-          e.value.xyShowScale ? (a(), l("g", ha, [
+            }, null, 8, ha)
+          ])) : g("", !0),
+          e.value.xyShowScale ? (a(), l("g", fa, [
             (a(!0), l(p, null, L(d.value.yLabels, (t, n) => (a(), l(p, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -955,7 +956,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, fa)) : m("", !0),
+              }, null, 8, ga)) : g("", !0),
               t.y <= d.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -966,17 +967,17 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               }, E(f(X)(
                 e.value.formatter,
                 t.value,
-                f(M)({
+                f(B)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )), 9, ga)) : m("", !0)
+              )), 9, ma)) : g("", !0)
             ], 64))), 256))
-          ])) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", ma, [
+          ])) : g("", !0),
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", pa, [
             (a(!0), l(p, 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,
@@ -985,35 +986,35 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, pa))), 256)),
+            }, null, 8, ya))), 256)),
             (a(!0), l(p, null, L(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, xa))), 256))
-          ])) : m("", !0),
-          A("g", ya, [
-            (a(!0), l(p, null, L(d.value.dataset, (t, n) => (a(), l("g", ka, [
+          ])) : g("", !0),
+          A("g", ka, [
+            (a(!0), l(p, null, L(d.value.dataset, (t, n) => (a(), l("g", ba, [
               e.value.lineSmooth ? (a(), l(p, { key: 0 }, [
                 A("path", {
-                  d: `M ${f(Ye)(t.coordinates)}`,
+                  d: `M ${f(Je)(t.coordinates)}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, ba),
+                }, null, 10, Sa),
                 A("path", {
-                  d: `M ${f(Ye)(t.coordinates)}`,
+                  d: `M ${f(Je)(t.coordinates)}`,
                   stroke: t.color,
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Sa)
+                }, null, 10, wa)
               ], 64)) : (a(), l(p, { key: 1 }, [
                 A("path", {
                   d: `M ${t.linePath}`,
@@ -1023,7 +1024,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, wa),
+                }, null, 10, Aa),
                 A("path", {
                   d: `M ${t.linePath}`,
                   stroke: t.color,
@@ -1032,7 +1033,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                   fill: "none",
                   class: ne({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Aa)
+                }, null, 10, _a)
               ], 64)),
               (a(!0), l(p, null, L(t.coordinates, (r, h) => (a(), l("circle", {
                 cx: r.x,
@@ -1043,10 +1044,10 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                 "stroke-width": "0.5",
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, null, 8, _a))), 256))
+              }, null, 8, La))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", La, [
+          e.value.showDataLabels ? (a(), l("g", za, [
             (a(!0), l(p, null, L(d.value.dataset, (t, n) => (a(), l(p, null, [
               (a(!0), l(p, null, L(t.coordinates, (r, h) => (a(), l("text", {
                 "text-anchor": "middle",
@@ -1059,17 +1060,17 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               }, E(f(X)(
                 e.value.formatter,
                 f(Z)(r.value),
-                f(M)({
+                f(B)({
                   p: e.value.valuePrefix,
                   v: f(Z)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, za))), 256))
+              )), 9, $a))), 256))
             ], 64))), 256))
-          ])) : m("", !0),
-          A("g", $a, [
+          ])) : g("", !0),
+          A("g", Ca, [
             (a(!0), l(p, 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,
@@ -1079,15 +1080,15 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               style: N(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => d.value.useTooltip(n),
               onMouseleave: c[1] || (c[1] = (r) => d.value.killTooltip()),
-              onClick: (r) => g("selectDatapoint", d.value.dataset.map((h) => ({
+              onClick: (r) => m("selectDatapoint", d.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[n]
               })))
-            }, null, 44, Ca))), 256))
+            }, null, 44, Pa))), 256))
           ])
-        ], 64)) : m("", !0),
+        ], 64)) : g("", !0),
         z.value === _.BAR ? (a(), l(p, { key: 2 }, [
-          e.value.xyShowGrid ? (a(), l("g", Pa, [
+          e.value.xyShowGrid ? (a(), l("g", Ta, [
             (a(!0), l(p, null, L(v.value.yLabels, (t) => (a(), l(p, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1098,7 +1099,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ta)) : m("", !0)
+              }, null, 8, Ia)) : g("", !0)
             ], 64))), 256)),
             (a(!0), l(p, null, L(v.value.extremes.maxSeries + 1, (t, n) => (a(), l("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * n,
@@ -1108,9 +1109,9 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ia))), 256))
-          ])) : m("", !0),
-          e.value.xyShowAxis ? (a(), l("g", Ea, [
+            }, null, 8, Ea))), 256))
+          ])) : g("", !0),
+          e.value.xyShowAxis ? (a(), l("g", Ra, [
             A("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.left,
@@ -1119,7 +1120,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ra),
+            }, null, 8, Oa),
             A("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.right,
@@ -1128,9 +1129,9 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Oa)
-          ])) : m("", !0),
-          e.value.xyShowScale ? (a(), l("g", Na, [
+            }, null, 8, Na)
+          ])) : g("", !0),
+          e.value.xyShowScale ? (a(), l("g", Fa, [
             (a(!0), l(p, null, L(v.value.yLabels, (t, n) => (a(), l(p, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1141,7 +1142,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Fa)) : m("", !0),
+              }, null, 8, Ma)) : g("", !0),
               t.y <= v.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -1152,17 +1153,17 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               }, E(f(X)(
                 e.value.formatter,
                 t.value,
-                f(M)({
+                f(B)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: n }
-              )), 9, Ma)) : m("", !0)
+              )), 9, Ba)) : g("", !0)
             ], 64))), 256))
-          ])) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ba, [
+          ])) : g("", !0),
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ua, [
             (a(!0), l(p, 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,
@@ -1171,15 +1172,15 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ua))), 256)),
+            }, null, 8, Da))), 256)),
             (a(!0), l(p, null, L(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})`,
               fill: e.value.color
-            }, E(t), 9, Da))), 256))
-          ])) : m("", !0),
-          A("g", Va, [
+            }, E(t), 9, Va))), 256))
+          ])) : g("", !0),
+          A("g", qa, [
             (a(!0), l(p, null, L(v.value.dataset, (t, n) => (a(), l(p, null, [
               (a(!0), l(p, null, L(t.coordinates, (r, h) => (a(), l("rect", {
                 x: r.x,
@@ -1198,18 +1199,18 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
                   from: 0,
                   to: r.height,
                   dur: "0.5s"
-                }, null, 8, Wa)) : m("", !0),
+                }, null, 8, ja)) : g("", !0),
                 e.value.barAnimated && r.value > 0 && !f(ke) && !f(be) ? (a(), l("animate", {
                   key: 1,
                   attributeName: "y",
                   from: v.value.absoluteZero,
                   to: v.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, ja)) : m("", !0)
-              ], 10, qa))), 256))
+                }, null, 8, Ga)) : g("", !0)
+              ], 10, Wa))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Ga, [
+          e.value.showDataLabels ? (a(), l("g", Ha, [
             (a(!0), l(p, null, L(v.value.dataset, (t, n) => (a(), l(p, null, [
               (a(!0), l(p, null, L(t.coordinates, (r, h) => (a(), l("text", {
                 x: r.x + r.width / 2,
@@ -1221,17 +1222,17 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               }, E(f(X)(
                 e.value.formatter,
                 f(Z)(r.value),
-                f(M)({
+                f(B)({
                   p: e.value.valuePrefix,
                   v: f(Z)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, Ha))), 256))
+              )), 9, Xa))), 256))
             ], 64))), 256))
-          ])) : m("", !0),
-          A("g", Xa, [
+          ])) : g("", !0),
+          A("g", Za, [
             (a(!0), l(p, 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,
@@ -1241,51 +1242,51 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               style: N(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => v.value.useTooltip(n),
               onMouseleave: c[2] || (c[2] = (r) => v.value.killTooltip()),
-              onClick: (r) => g("selectDatapoint", v.value.dataset.map((h) => ({
+              onClick: (r) => m("selectDatapoint", v.value.dataset.map((h) => ({
                 ...h,
                 value: h.values[n]
               })))
-            }, null, 44, Za))), 256))
+            }, null, 44, Ya))), 256))
           ])
-        ], 64)) : m("", !0),
-        [_.LINE, _.BAR].includes(z.value) ? (a(), l("g", Ya, [
-          e.value.xAxisLabel && z.value === _.LINE ? (a(), l("g", Ja, [
+        ], 64)) : g("", !0),
+        [_.LINE, _.BAR].includes(z.value) ? (a(), l("g", Ja, [
+          e.value.xAxisLabel && z.value === _.LINE ? (a(), l("g", Qa, [
             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, Qa)
-          ])) : m("", !0),
-          e.value.xAxisLabel && z.value === _.BAR ? (a(), l("g", Ka, [
+            }, E(e.value.xAxisLabel), 9, Ka)
+          ])) : g("", !0),
+          e.value.xAxisLabel && z.value === _.BAR ? (a(), l("g", el, [
             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, el)
-          ])) : m("", !0),
-          e.value.yAxisLabel && z.value === _.LINE ? (a(), l("g", tl, [
+            }, E(e.value.xAxisLabel), 9, tl)
+          ])) : g("", !0),
+          e.value.yAxisLabel && z.value === _.LINE ? (a(), l("g", al, [
             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)`,
               "text-anchor": "middle"
-            }, E(e.value.yAxisLabel), 9, al)
-          ])) : m("", !0),
-          e.value.yAxisLabel && z.value === _.BAR ? (a(), l("g", ll, [
+            }, E(e.value.yAxisLabel), 9, ll)
+          ])) : g("", !0),
+          e.value.yAxisLabel && z.value === _.BAR ? (a(), l("g", ol, [
             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)`,
               "text-anchor": "middle"
-            }, E(e.value.yAxisLabel), 9, ol)
-          ])) : m("", !0)
-        ])) : m("", !0)
-      ], 12, Vt)) : m("", !0),
-      z.value ? m("", !0) : (a(), Le(Tt, {
+            }, E(e.value.yAxisLabel), 9, il)
+          ])) : g("", !0)
+        ])) : g("", !0)
+      ], 12, qt)) : g("", !0),
+      z.value ? g("", !0) : (a(), Le(It, {
         key: 4,
         config: {
           type: "line",
@@ -1303,16 +1304,16 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
           }
         }
       }, null, 8, ["config"])),
-      u.$slots.watermark ? (a(), l("div", il, [
-        U(u.$slots, "watermark", H(re({ isPrinting: f(ke) || f(be) })), void 0, !0)
-      ])) : m("", !0),
-      [_.BAR, _.LINE].includes(z.value) && e.value.zoomXy && y.value.maxSeriesLength > 1 ? (a(), l("div", {
-        key: `slicer_${ye.value}`,
+      u.$slots.watermark ? (a(), l("div", ul, [
+        M(u.$slots, "watermark", H(re({ isPrinting: f(ke) || f(be) })), void 0, !0)
+      ])) : g("", !0),
+      [_.BAR, _.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? (a(), l("div", {
+        key: `slicer_${xe.value}`,
         ref_key: "quickChartSlicer",
         ref: ve
       }, [
-        (a(), Le(Pt, {
-          key: `slicer_${ye.value}`,
+        (a(), Le(Tt, {
+          key: `slicer_${xe.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
@@ -1322,7 +1323,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
           textColor: e.value.color,
           inputColor: e.value.zoomColor,
           selectColor: e.value.zoomHighlightColor,
-          max: y.value.maxSeriesLength,
+          max: x.value.maxSeriesLength,
           min: 0,
           valueStart: k.value.start,
           valueEnd: k.value.end,
@@ -1331,22 +1332,22 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
           minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
           minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: rt.value,
+          minimap: st.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           minimapSelectedIndex: J.value,
           start: k.value.start,
           "onUpdate:start": c[3] || (c[3] = (t) => k.value.start = t),
           end: k.value.end,
           "onUpdate:end": c[4] || (c[4] = (t) => k.value.end = t),
-          onReset: nt,
-          onTrapMouse: ut
+          onReset: rt,
+          onTrapMouse: nt
         }, {
           "reset-action": Q(({ reset: t }) => [
-            U(u.$slots, "reset-action", H(re({ reset: t })), void 0, !0)
+            M(u.$slots, "reset-action", H(re({ 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"]))
-      ])) : m("", !0),
+      ])) : g("", !0),
       e.value.showLegend ? (a(), l("div", {
         key: 7,
         ref_key: "quickChartLegend",
@@ -1357,11 +1358,11 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         z.value === _.DONUT ? (a(!0), l(p, { key: 0 }, L(C.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            it(t, C.value.dataset), g("selectLegend", t);
+            ut(t, C.value.dataset), m("selectLegend", t);
           },
           style: N(`cursor: ${C.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
-          e.value.useCustomLegend ? U(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
+          e.value.useCustomLegend ? M(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
             se($e, {
               name: e.value.legendIcon,
               stroke: t.color,
@@ -1375,7 +1376,7 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
             }, E(w.value.includes(t.id) ? "-" : f(X)(
               e.value.formatter,
               t.absoluteValue,
-              f(M)({
+              f(B)({
                 p: e.value.valuePrefix,
                 v: t.absoluteValue,
                 s: e.value.valueSuffix,
@@ -1392,21 +1393,21 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
             }, " ( - % ) ", 4)) : (a(), l("span", {
               key: 2,
               style: N(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-            }, " (" + E(f(M)({
+            }, " (" + E(f(B)({
               v: t.value / C.value.total * 100,
               s: "%",
               r: e.value.dataLabelRoundingPercentage
             })) + ") ", 5))
           ], 64))
-        ], 12, ul))), 256)) : m("", !0),
+        ], 12, nl))), 256)) : g("", !0),
         z.value === _.LINE ? (a(!0), l(p, { key: 1 }, L(d.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            We(t.id, d.value.legend.length - 1), g("selectLegend", t);
+            je(t.id, d.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"}`)
         }, [
-          e.value.useCustomLegend ? U(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
+          e.value.useCustomLegend ? M(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
             se($e, {
               name: e.value.legendIcon,
               stroke: t.color,
@@ -1416,15 +1417,15 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               style: N(`font-size:${e.value.legendFontSize}px`)
             }, E(t.name), 5)
           ], 64))
-        ], 12, nl))), 256)) : m("", !0),
+        ], 12, rl))), 256)) : g("", !0),
         z.value === _.BAR ? (a(!0), l(p, { key: 2 }, L(v.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            We(t.id, v.value.legend.length - 1), g("selectLegend", t);
+            je(t.id, v.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"}`)
         }, [
-          e.value.useCustomLegend ? U(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
+          e.value.useCustomLegend ? M(u.$slots, "legend", H(Re({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(p, { key: 1 }, [
             se($e, {
               name: e.value.legendIcon,
               stroke: t.color,
@@ -1434,9 +1435,17 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
               style: N(`font-size:${e.value.legendFontSize}px`)
             }, E(t.name), 5)
           ], 64))
-        ], 12, rl))), 256)) : m("", !0)
-      ], 4)) : m("", !0),
-      se(zt, {
+        ], 12, sl))), 256)) : g("", !0)
+      ], 4)) : g("", !0),
+      u.$slots.source ? (a(), l("div", {
+        key: 8,
+        ref_key: "source",
+        ref: Me,
+        dir: "auto"
+      }, [
+        M(u.$slots, "source", {}, void 0, !0)
+      ], 512)) : g("", !0),
+      se($t, {
         show: Se.value.showTooltip && G.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
@@ -1452,22 +1461,22 @@ const at = (s) => (ht("data-v-e73a7249"), s = s(), ft(), s), Dt = ["id"], Vt = [
         isCustom: f(ze)(e.value.tooltipCustomFormat)
       }, {
         "tooltip-before": Q(() => [
-          U(u.$slots, "tooltip-before", H(re({ ...de.value })), void 0, !0)
+          M(u.$slots, "tooltip-before", H(re({ ...de.value })), void 0, !0)
         ]),
         "tooltip-after": Q(() => [
-          U(u.$slots, "tooltip-after", H(re({ ...de.value })), void 0, !0)
+          M(u.$slots, "tooltip-after", H(re({ ...de.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"])
-    ], 14, Dt)) : (a(), l("div", sl, [
+    ], 14, Vt)) : (a(), l("div", vl, [
       se($e, {
         name: "circleCancel",
         stroke: "red"
       }),
-      vl
+      dl
     ]));
   }
-}, Al = /* @__PURE__ */ Rt(dl, [["__scopeId", "data-v-e73a7249"]]);
+}, _l = /* @__PURE__ */ Ot(cl, [["__scopeId", "data-v-606895e6"]]);
 export {
-  Al as default
+  _l as default
 };