vue-data-ui 3.5.2 → 3.7.0

package/dist/{vue-ui-quick-chart-C0RMQzjC.js → vue-ui-quick-chart-DOeRhk7r.js}

@@ -1,145 +1,162 @@
-import { defineAsyncComponent as Ee, ref as w, computed as M, toRefs as ya, watch as Te, shallowRef as Rt, onMounted as xa, onBeforeUnmount as Nt, nextTick as ot, watchEffect as ka, createElementBlock as n, openBlock as o, normalizeStyle as D, normalizeClass as fe, createBlock as Ie, createCommentVNode as m, createElementVNode as $, createVNode as be, unref as s, withCtx as G, renderSlot as R, normalizeProps as Q, guardReactiveProps as K, createSlots as ba, toDisplayString as V, Fragment as x, renderList as T, Teleport as Sa, mergeProps as nt } from "vue";
-import { c as wa, t as Aa, b as La, p as ee, O as We, e as _a, a1 as za, f as $a, o as Ca, h as it, T as Ea, m as Xe, X as Ta, V as Ia, W as ut, Y as Pe, a as re, d as Y, M as Bt, z as Dt, x as se, G as Ge, H as rt } from "./lib-C_mNZmhD.js";
-import { t as Ut, u as Pa } from "./useResponsive-DfdjqQps.js";
-import { u as Oa, a as Vt } from "./useNestedProp-CReNavA0.js";
-import { u as Fa, B as Ma } from "./BaseScanner-BgWxam9d.js";
-import { u as Ra } from "./usePrinter-DTzqpYKF.js";
-import { u as Na } from "./useSvgExport-DrjCWun4.js";
-import { u as Ba } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Da } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ua } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Va from "./img-BecE5qXd.js";
-import { S as qa } from "./Slicer-D2wm0coO.js";
-import { t as Ha } from "./themes-AUNCOb2G.js";
-import { _ as Wa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const A = {
+import { defineAsyncComponent as Ee, ref as A, computed as M, toRefs as La, watch as Te, shallowRef as Bt, onMounted as _a, onBeforeUnmount as Dt, nextTick as lt, watchEffect as za, createElementBlock as n, openBlock as o, normalizeStyle as D, normalizeClass as fe, createBlock as Ie, createCommentVNode as m, createElementVNode as z, createVNode as Se, unref as s, withCtx as G, renderSlot as R, normalizeProps as Q, guardReactiveProps as K, createSlots as $a, toDisplayString as N, Fragment as x, renderList as E, Teleport as Fa, mergeProps as ot } from "vue";
+import { c as Ea, t as Ta, i as Ia, p as ee, W as Nt, j as Oa, a5 as Pa, g as Ma, o as Ra, l as nt, Z as Ba, F as We, X as Da, _ as Na, $ as it, a0 as Oe, a as se, d as Z, U as Ut, z as Vt, M as ve, x as Ge, R as rt } from "./lib-C5BH09_g.js";
+import { t as Ht, u as Ua } from "./useResponsive-DfdjqQps.js";
+import { u as Va, a as ut } from "./useNestedProp-CWo6bftQ.js";
+import { u as Ha, B as qa } from "./BaseScanner-BgWxam9d.js";
+import { u as Wa } from "./usePrinter-DCJzEiS8.js";
+import { u as Ga } from "./useSvgExport-DrjCWun4.js";
+import { u as ja } from "./useTimeLabels-C5qMhpbe.js";
+import { u as Xa } from "./useThemeCheck-DGJ31Vi5.js";
+import { u as Za } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Ya } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Ja from "./img-DUzJeMlr.js";
+import { S as Qa } from "./Slicer-BFBBG6xv.js";
+import { _ as Ka } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const w = {
   LINE: "LINE",
   BAR: "BAR",
   DONUT: "DONUT"
-}, Xa = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function Ga({ dataset: h, barLineSwitch: O = 6, debug: L = !0 }) {
-  let H = null, j = null, de = 0;
-  if ((typeof h == "number" || typeof h == "string") && L && console.warn(`The provided dataset (${h}) is not sufficient to build a chart`), Ye(h) && (ve(h) && (h.length < O ? H = A.BAR : H = A.LINE, j = h, de = h.length), je(h))) {
-    if (!Ya(h))
-      return L && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-    const Ze = Object.keys(h[0]), U = Object.values(h[0]);
-    if (!Ze.some((N) => Za(N)))
-      return L && 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;
-    qt(U, (N) => typeof N == "number") && (H = A.DONUT, j = h), qt(U, (N) => Array.isArray(N) && ve(N)) && (Ht(h) > O ? H = A.LINE : H = A.BAR, de = Ht(h), j = h.map((N) => ({
-      ...N,
-      data: Ja(N, (Oe) => ve(Oe))
-    }))), h = h.map((N) => Wt(N)), j = j.map((N) => Wt(N));
+}, el = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
+function tl({ dataset: f, barLineSwitch: O = 6, debug: C = !0 }) {
+  let V = null, X = null, ce = 0;
+  if ((typeof f == "number" || typeof f == "string") && C && console.warn(`The provided dataset (${f}) is not sufficient to build a chart`), Xe(f) && (de(f) && (f.length < O ? V = w.BAR : V = w.LINE, X = f, ce = f.length), je(f))) {
+    if (!ll(f))
+      return C && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
+    const Ze = Object.keys(f[0]), Pe = Object.values(f[0]);
+    if (!Ze.some((j) => ol(j)))
+      return C && 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;
+    qt(Pe, (j) => typeof j == "number") && (V = w.DONUT, X = f), qt(Pe, (j) => Array.isArray(j) && de(j)) && (Wt(f) > O ? V = w.LINE : V = w.BAR, ce = Wt(f), X = f.map((j) => ({
+      ...j,
+      data: nl(j, (q) => de(q))
+    }))), f = f.map((j) => Gt(j)), X = X.map((j) => Gt(j));
   }
   return {
-    dataset: h,
-    type: H,
-    usableDataset: j,
-    maxSeriesLength: de
+    dataset: f,
+    type: V,
+    usableDataset: X,
+    maxSeriesLength: ce
   };
 }
-function Xt(h) {
-  return !h || Ye(h) && !h.length;
+function jt(f) {
+  return !f || Xe(f) && !f.length;
 }
-function Ye(h) {
-  return Array.isArray(h);
+function Xe(f) {
+  return Array.isArray(f);
 }
-function ve(h) {
-  if (!Ye(h) || Xt(h)) return !1;
-  const O = h.map((L) => Number(L));
-  return ![...new Set(O.flatMap((L) => typeof L == "number" && !isNaN(L)))].includes(!1);
+function de(f) {
+  if (!Xe(f) || jt(f)) return !1;
+  const O = f.map((C) => Number(C));
+  return ![...new Set(O.flatMap((C) => typeof C == "number" && !isNaN(C)))].includes(!1);
 }
-function je(h) {
-  return !Ye(h) || Xt(h) || !![...new Set(h.flatMap((L) => typeof L == "object" && !Array.isArray(L)))].includes(!1) ? !1 : !h.map((L) => Object.keys(L).length > 0).includes(!1);
+function je(f) {
+  return !Xe(f) || jt(f) || !![...new Set(f.flatMap((C) => typeof C == "object" && !Array.isArray(C)))].includes(!1) ? !1 : !f.map((C) => Object.keys(C).length > 0).includes(!1);
 }
-function ja(h, O) {
-  const L = Object.keys(h).sort(), H = Object.keys(O).sort();
-  if (L.length !== H.length)
+function al(f, O) {
+  const C = Object.keys(f).sort(), V = Object.keys(O).sort();
+  if (C.length !== V.length)
     return !1;
-  for (let j = 0; j < L.length; j += 1) {
-    const de = L[j], Se = H[j];
-    if (de !== Se || typeof h[de] != typeof O[Se])
+  for (let X = 0; X < C.length; X += 1) {
+    const ce = C[X], Ae = V[X];
+    if (ce !== Ae || typeof f[ce] != typeof O[Ae])
       return !1;
   }
   return !0;
 }
-function Ya(h) {
-  if (h.length <= 1) return !0;
-  for (let O = 0; O < h.length; O += 1)
-    for (let L = O + 1; L < h.length; L += 1)
-      if (!ja(h[O], h[L]))
+function ll(f) {
+  if (f.length <= 1) return !0;
+  for (let O = 0; O < f.length; O += 1)
+    for (let C = O + 1; C < f.length; C += 1)
+      if (!al(f[O], f[C]))
         return !1;
   return !0;
 }
-function Za(h) {
-  return Xa.includes(h.toUpperCase());
+function ol(f) {
+  return el.includes(f.toUpperCase());
 }
-function qt(h, O) {
-  let L = [];
-  for (let H = 0; H < h.length; H += 1)
-    L.push(O(h[H]));
-  return L.includes(!0);
+function qt(f, O) {
+  let C = [];
+  for (let V = 0; V < f.length; V += 1)
+    C.push(O(f[V]));
+  return C.includes(!0);
 }
-function Ht(h) {
-  return Math.max(...[...h].flatMap((O) => Object.values(O).filter((L) => ve(L)).map((L) => L.length)));
+function Wt(f) {
+  return Math.max(...[...f].flatMap((O) => Object.values(O).filter((C) => de(C)).map((C) => C.length)));
 }
-function Ja(h, O) {
-  return Object.values(h).filter((L) => O(L))[0];
+function nl(f, O) {
+  return Object.values(f).filter((C) => O(C))[0];
 }
-function Wt(h) {
+function Gt(f) {
   const O = {};
-  for (let L in h)
-    h.hasOwnProperty(L) && (O[L.toUpperCase()] = h[L]);
+  for (let C in f)
+    f.hasOwnProperty(C) && (O[C.toUpperCase()] = f[C]);
   return O;
 }
-const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "width", "height"], al = ["x", "y", "width", "height"], ll = ["width", "height"], ol = ["id"], nl = ["id"], il = ["id"], ul = ["flood-color"], rl = {
+const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A", xyAxisStroke: "#5A5A5A", xyGridStroke: "#4A4A4A", xyHighlighterColor: "#CCCCCC", zoomColor: "#4A4A4A", zoomHighlightColor: "#9A9A9A", zoomMinimap: { lineColor: "#424242", selectedColor: "#8A8A8A", indicatorColor: "#CCCCCC" }, tooltipBorderColor: "#5A5A5A", tooltipBackgroundOpacity: 70 }, Zt = { backgroundColor: "#FFF8E1", color: "#424242", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403760", xyHighlighterColor: "#424242", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#424242", selectedColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Yt = { backgroundColor: "#1E1E1E", color: "#BDBDBD", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403780", xyHighlighterColor: "#FFF8E1", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#FF6B6B", selectedColor: "#FF8A65", indicatorColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Jt = { backgroundColor: "#1A1A1A", color: "#99AA99", xyAxisStroke: "#5F6A5F", xyGridStroke: "#333333", xyHighlighterColor: "#66CC66", zoomColor: "#5F6A5F", zoomHighlightColor: "#66CC66", tooltipBorderColor: "#66CC66" }, Qt = { backgroundColor: "#fbfafa", color: "#8A9892", xyAxisStroke: "transparent", xyGridStroke: "transparent", xyHighlighterColor: "#8F837A", zoomColor: "#E0CFC3", zoomHighlightColor: "#8F837A" }, Kt = { backgroundColor: "#f6f6fb", color: "#50606C", xyAxisStroke: "#829C98", xyGridStroke: "#CCD6D3", xyHighlighterColor: "#7DA9B5", zoomColor: "#92B0AB", zoomHighlightColor: "#50606C" }, ea = {
+  default: {},
+  dark: Xt,
+  celebration: Zt,
+  celebrationNight: Yt,
+  hack: Jt,
+  zen: Qt,
+  concrete: Kt
+}, Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: Zt,
+  celebrationNight: Yt,
+  concrete: Kt,
+  dark: Xt,
+  default: ea,
+  hack: Jt,
+  zen: Qt
+}, Symbol.toStringTag, { value: "Module" })), il = ["id"], rl = ["id"], ul = ["xmlns", "viewBox"], sl = ["x", "y", "width", "height"], vl = ["x", "y", "width", "height"], dl = ["width", "height"], cl = ["id"], hl = ["id"], fl = ["id"], ml = ["flood-color"], gl = {
   key: 0,
   class: "donut-label-connectors"
-}, sl = ["d", "stroke", "stroke-width", "filter"], vl = ["cx", "cy", "r", "fill", "filter"], dl = { class: "donut" }, cl = ["d", "fill", "stroke", "stroke-width", "filter"], fl = ["d", "onMouseenter", "onMouseout", "onClick"], hl = {
+}, pl = ["d", "stroke", "stroke-width", "filter"], yl = ["cx", "cy", "r", "fill", "filter"], xl = { class: "donut" }, kl = ["d", "fill", "stroke", "stroke-width", "filter"], bl = ["d", "onMouseenter", "onMouseout", "onClick"], Sl = {
   key: 1,
   class: "donut-labels quick-animation"
-}, ml = ["cx", "cy", "fill", "stroke", "filter"], gl = ["text-anchor", "x", "y", "fill", "font-size", "filter"], pl = ["text-anchor", "x", "y", "fill", "font-size", "filter"], yl = {
+}, Al = ["cx", "cy", "fill", "stroke", "filter"], wl = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Cl = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Ll = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, xl = ["x", "y", "font-size", "fill"], kl = ["x", "y", "font-size", "fill"], bl = {
+}, _l = ["x", "y", "font-size", "fill"], zl = ["x", "y", "font-size", "fill"], $l = {
   key: 0,
   class: "line-grid"
-}, Sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Al = {
+}, Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], El = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = {
   key: 1,
   class: "line-axis"
-}, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $l = ["x", "y", "font-size", "fill"], Cl = {
+}, Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["x", "y", "font-size", "fill"], Rl = {
   key: 3,
   class: "periodLabels"
-}, El = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = { key: 0 }, Il = ["font-size", "text-anchor", "fill", "transform"], Pl = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Ol = { class: "plots" }, Fl = { class: "line-plot-series" }, Ml = ["d", "stroke", "stroke-width"], Rl = ["d", "stroke", "stroke-width"], Nl = ["d", "stroke", "stroke-width"], Bl = ["d", "stroke", "stroke-width"], Dl = ["cx", "cy", "fill", "stroke"], Ul = {
+}, Bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = { key: 0 }, Nl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = { class: "line-plot-series" }, ql = ["d", "stroke", "stroke-width"], Wl = ["d", "stroke", "stroke-width"], Gl = ["d", "stroke", "stroke-width"], jl = ["d", "stroke", "stroke-width"], Xl = ["cx", "cy", "fill", "stroke"], Zl = {
   key: 4,
   class: "dataLabels"
-}, Vl = ["font-size", "fill", "x", "y"], ql = {
+}, Yl = ["font-size", "fill", "x", "y"], Jl = {
   key: 5,
   class: "tooltip-traps"
-}, Hl = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], Wl = {
+}, Ql = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], Kl = {
   key: 0,
   class: "line-grid"
-}, Xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jl = {
+}, eo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], to = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ao = {
   key: 1,
   class: "line-axis"
-}, Yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ql = ["x", "y", "font-size", "fill"], Kl = {
+}, lo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], no = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], io = ["x", "y", "font-size", "fill"], ro = {
   key: 3,
   class: "periodLabels"
-}, eo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], to = { key: 0 }, ao = ["font-size", "text-anchor", "fill", "transform"], lo = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], oo = { class: "plots" }, no = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], io = ["to"], uo = ["from", "to"], ro = {
+}, uo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], so = { key: 0 }, vo = ["font-size", "text-anchor", "fill", "transform"], co = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], ho = { class: "plots" }, fo = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], mo = ["to"], go = ["from", "to"], po = {
   key: 4,
   class: "dataLabels"
-}, so = ["x", "y", "font-size", "fill"], vo = {
+}, yo = ["x", "y", "font-size", "fill"], xo = {
   key: 5,
   class: "tooltip-traps"
-}, co = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], fo = {
+}, ko = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], bo = {
   key: 6,
   class: "axis-labels"
-}, ho = ["font-size", "fill", "x", "y"], mo = ["font-size", "fill", "x", "y"], go = ["font-size", "fill", "transform"], po = ["font-size", "fill", "transform"], yo = {
+}, So = ["font-size", "fill", "x", "y"], Ao = ["font-size", "fill", "x", "y"], wo = ["font-size", "fill", "transform"], Co = ["font-size", "fill", "transform"], Lo = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, xo = ["id"], ko = ["onClick"], bo = ["onClick"], So = ["onClick"], wo = {
+}, _o = ["id"], zo = ["onClick"], $o = ["onClick"], Fo = ["onClick"], Eo = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, Ao = {
+}, To = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -156,14 +173,16 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
     }
   },
   emits: ["selectDatapoint", "selectLegend"],
-  setup(h, { expose: O, emit: L }) {
-    const H = Ee(() => import("./BaseIcon-BmMbm4d0.js")), j = Ee(() => import("./PackageVersion-Y7t79Jtq.js")), de = Ee(() => import("./PenAndPaper-SZQIAgkg.js")), Se = Ee(() => import("./Tooltip-oWCO1HKy.js")), st = Ee(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_quick_chart: Ze } = Oa(), U = h, N = w(null), Oe = w(null), vt = w(null), dt = w(null), Z = w(wa()), he = w(!1), we = w(null), me = w(""), oe = w(null), ct = w(null), ft = w(null), _ = w([]), ht = w(0), Fe = w(0), mt = w(!1), Ae = w(null), Le = w(null), ne = w(null), Me = w(null), gt = w(null), pt = w(null), Re = w("#FFFFFF"), e = w(et()), Je = M(() => !!e.value.debug), { loading: q, FINAL_DATASET: Gt, manualLoading: yt } = Fa({
-      ...ya(U),
+  setup(f, { expose: O, emit: C }) {
+    const V = Ee(() => import("./BaseIcon-CofSxalQ.js")), X = Ee(() => import("./PackageVersion-Bq_mtsqr.js")), ce = Ee(() => import("./PenAndPaper-HCZQTkqi.js")), Ae = Ee(() => import("./Tooltip-WD0Ros6G.js")), st = Ee(() => import("./UserOptions-B3I-s3Lw.js")), { vue_ui_quick_chart: Ze } = Va(), { isThemeValid: Pe, warnInvalidTheme: j } = Xa(), q = f, ne = A(null), vt = A(null), dt = A(null), ct = A(null), Y = A(Ea()), me = A(!1), we = A(null), ge = A(""), oe = A(null), ht = A(null), ft = A(null), L = A([]), mt = A(0), Me = A(0), gt = A(!1), Ce = A(null), Le = A(null), ie = A(null), Re = A(null), pt = A(null), yt = A(null);
+    A("#FFFFFF");
+    const e = A(Ke()), Ye = M(() => !!e.value.debug), { loading: U, FINAL_DATASET: ta, manualLoading: xt } = Ha({
+      ...La(q),
       FINAL_CONFIG: e,
-      prepareConfig: et,
+      prepareConfig: Ke,
       callback: () => {
         Promise.resolve().then(async () => {
-          await ot(), C.value === A.LINE && e.value.lineAnimated && !q.value && ua({
+          await lt(), $.value === w.LINE && e.value.lineAnimated && !U.value && ma({
             pathDuration: 1e3,
             pointDuration: 1200,
             labelDuration: 1200
@@ -171,7 +190,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         });
       },
       skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
-      skeletonConfig: Aa({
+      skeletonConfig: Ta({
         defaultConfig: e.value,
         userConfig: {
           backgroundColor: "#99999930",
@@ -193,33 +212,46 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           zoomEndIndex: null
         }
       })
-    }), { svgRef: Qe } = Da({ config: { text: e.value.title } }), jt = M(() => e.value.showUserOptionsOnChartHover), xt = M(() => e.value.keepUserOptionsStateOnChartLeave), Ne = w(!e.value.showUserOptionsOnChartHover), Ke = w(!1);
-    function kt(a = !1) {
-      Ke.value = a, jt.value && (Ne.value = a);
+    }), { svgRef: Je } = Za({ config: { text: e.value.title } }), aa = M(() => e.value.showUserOptionsOnChartHover), kt = M(() => e.value.keepUserOptionsStateOnChartLeave), Be = A(!e.value.showUserOptionsOnChartHover), Qe = A(!1);
+    function bt(a = !1) {
+      Qe.value = a, aa.value && (Be.value = a);
     }
-    function et() {
-      const a = Vt({
-        userConfig: U.config,
+    function Ke() {
+      const a = ut({
+        userConfig: q.config,
         defaultConfig: Ze
       });
-      let r = {};
-      return a.theme ? r = {
-        ...Vt({
-          userConfig: Ha.vue_ui_quick_chart[a.theme] || U.config,
-          defaultConfig: a
-        }),
-        customPalette: La[a.theme] || ee
-      } : r = a, U.config && We(U.config, "zoomStartIndex") ? r.zoomStartIndex = U.config.zoomStartIndex : r.zoomStartIndex = null, U.config && We(U.config, "zoomEndIndex") ? r.zoomEndIndex = U.config.zoomEndIndex : r.zoomEndIndex = null, U.config && !We(U.config, "donutStroke") ? We(U.config, "backgroundColor") ? Re.value = U.config.backgroundColor : Re.value = "#FFFFFF" : Re.value = U.config.donutStroke, r;
+      let u = {};
+      const t = a.theme;
+      if (t)
+        if (!Pe.value(a))
+          j(a), u = a;
+        else {
+          const l = ut({
+            userConfig: ea[t] || q.config,
+            defaultConfig: a
+          });
+          u = {
+            ...ut({
+              userConfig: q.config,
+              defaultConfig: l
+            }),
+            customPalette: a.customPalette.length ? a.customPalette : Ia[t] || ee
+          };
+        }
+      else
+        u = a;
+      return q.config && Nt(q.config, "zoomStartIndex") ? u.zoomStartIndex = q.config.zoomStartIndex : u.zoomStartIndex = null, q.config && Nt(q.config, "zoomEndIndex") ? u.zoomEndIndex = q.config.zoomEndIndex : u.zoomEndIndex = null, u;
     }
-    Te(() => U.config, (a) => {
-      q.value || (e.value = et()), S.value.width = e.value.width, S.value.height = e.value.height, Ne.value = !e.value.showUserOptionsOnChartHover, wt(), ye.value.showTooltip = e.value.showTooltip;
-    }, { deep: !0 }), Te(() => U.dataset, (a) => {
-      k.value = ze.value, y.value.start = 0, y.value.end = k.value.maxSeriesLength, Fe.value += 1;
-    }, { deep: !0 }), Te(() => U.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (yt.value = !1);
+    Te(() => q.config, (a) => {
+      U.value || (e.value = Ke()), S.value.width = e.value.width, S.value.height = e.value.height, Be.value = !e.value.showUserOptionsOnChartHover, wt(), xe.value.showTooltip = e.value.showTooltip;
+    }, { deep: !0 }), Te(() => q.dataset, (a) => {
+      k.value = ze.value, y.value.start = 0, y.value.end = k.value.maxSeriesLength, Me.value += 1;
+    }, { deep: !0 }), Te(() => q.dataset, (a) => {
+      Array.isArray(a) && a.length > 0 && (xt.value = !1);
     }, { immediate: !0 });
-    const _e = M(() => _a(e.value.customPalette)), pe = L, ze = M(() => {
-      const a = Ga({ debug: Je.value, dataset: za(Gt.value, [
+    const _e = M(() => Oa(e.value.customPalette)), ye = C, ze = M(() => {
+      const a = tl({ debug: Ye.value, dataset: Pa(ta.value, [
         "serie",
         "series",
         "data",
@@ -227,84 +259,84 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         "values",
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
-      return !a && Je.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
-    }), k = w(ze.value), Yt = M(() => !!k.value), C = M(() => k.value ? k.value.type : null);
-    Te(() => C.value, (a) => {
-      a || $a({
+      return !a && Ye.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
+    }), k = A(ze.value), la = M(() => !!k.value), $ = M(() => k.value ? k.value.type : null);
+    Te(() => $.value, (a) => {
+      a || Ma({
         componentName: "VueUiQuickChart",
         type: "dataset",
-        debug: Je.value
+        debug: Ye.value
       });
     }, { immediate: !0 });
-    const { isPrinting: Be, isImaging: De, generatePdf: bt, generateImage: St } = Ra({
-      elementId: `${C.value}_${Z.value}`,
-      fileName: e.value.title || C.value,
+    const { isPrinting: De, isImaging: Ne, generatePdf: St, generateImage: At } = Wa({
+      elementId: `${$.value}_${Y.value}`,
+      fileName: e.value.title || $.value,
       options: e.value.userOptionsPrint
-    }), Zt = M(() => e.value.showUserOptions && !e.value.title), S = w({
+    }), oa = M(() => e.value.showUserOptions && !e.value.title), S = A({
       width: e.value.width,
       height: e.value.height
-    }), ye = w({
+    }), xe = A({
       showTooltip: e.value.showTooltip
     });
     Te(e, () => {
-      ye.value = {
+      xe.value = {
         showTooltip: e.value.showTooltip
       };
     }, { immediate: !0 });
-    const ce = Rt(null), xe = Rt(null);
-    xa(async () => {
-      mt.value = !0, wt();
+    const he = Bt(null), ke = Bt(null);
+    _a(async () => {
+      gt.value = !0, wt();
     });
     function wt() {
-      if (Ca(U.dataset) || (yt.value = e.value.loading), e.value.responsive) {
-        const a = Ut(() => {
-          const { width: r, height: t } = Pa({
-            chart: N.value,
-            title: e.value.title ? Oe.value : null,
-            legend: e.value.showLegend ? vt.value : null,
-            slicer: [A.BAR, A.LINE].includes(C.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? dt.value : null,
-            source: ct.value,
+      if (Ra(q.dataset) || (xt.value = e.value.loading), e.value.responsive) {
+        const a = Ht(() => {
+          const { width: u, height: t } = Ua({
+            chart: ne.value,
+            title: e.value.title ? vt.value : null,
+            legend: e.value.showLegend ? dt.value : null,
+            slicer: [w.BAR, w.LINE].includes($.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? ct.value : null,
+            source: ht.value,
             noTitle: ft.value
           });
           requestAnimationFrame(() => {
-            S.value.width = r, S.value.height = t;
+            S.value.width = u, S.value.height = t;
           });
         });
-        ce.value && (xe.value && ce.value.unobserve(xe.value), ce.value.disconnect()), ce.value = new ResizeObserver(a), xe.value = N.value.parentNode, ce.value.observe(xe.value);
+        he.value && (ke.value && he.value.unobserve(ke.value), he.value.disconnect()), he.value = new ResizeObserver(a), ke.value = ne.value.parentNode, he.value.observe(ke.value);
       }
       Et();
     }
-    Nt(() => {
-      ce.value && (xe.value && ce.value.unobserve(xe.value), ce.value.disconnect());
+    Dt(() => {
+      he.value && (ke.value && he.value.unobserve(ke.value), he.value.disconnect());
     });
-    const Jt = M(() => {
-      switch (C.value) {
-        case A.LINE:
+    const na = M(() => {
+      switch ($.value) {
+        case w.LINE:
           return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
-        case A.BAR:
+        case w.BAR:
           return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
-        case A.DONUT:
+        case w.DONUT:
           return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
         default:
           return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
       }
     });
-    function At(a) {
-      return [...a].map((r) => r.value).reduce((r, t) => r + t, 0);
+    function Ct(a) {
+      return [...a].map((u) => u.value).reduce((u, t) => u + t, 0);
     }
     function $e(a) {
-      return e.value.blurOnHover && ![null, void 0].includes(oe.value) && oe.value !== a ? `url(#blur_${Z.value})` : "";
+      return e.value.blurOnHover && ![null, void 0].includes(oe.value) && oe.value !== a ? `url(#blur_${Y.value})` : "";
     }
-    function Lt(a, r) {
-      _.value.includes(a) ? _.value = _.value.filter((t) => t !== a) : _.value.length < r && _.value.push(a);
+    function Lt(a, u) {
+      L.value.includes(a) ? L.value = L.value.filter((t) => t !== a) : L.value.length < u && L.value.push(a);
     }
-    const _t = w(null), zt = w(null), Ue = w(!1);
-    function Qt(a, r) {
+    const _t = A(null), zt = A(null), Ue = A(!1);
+    function ia(a, u) {
       Ue.value = !0;
       let t = a.value;
-      const l = ze.value.dataset.find((u, p) => a.id === `donut_${p}`).VALUE;
-      if (_.value.includes(a.id)) {
-        let u = function() {
+      const l = ze.value.dataset.find((r, p) => a.id === `donut_${p}`).VALUE;
+      if (L.value.includes(a.id)) {
+        let r = function() {
           t > l ? (Ue.value = !1, cancelAnimationFrame(zt.value), k.value = {
             ...k.value,
             dataset: k.value.dataset.map((p, b) => a.id === `donut_${b}` ? {
@@ -319,12 +351,12 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               value: t,
               VALUE: t
             } : p)
-          }, zt.value = requestAnimationFrame(u));
+          }, zt.value = requestAnimationFrame(r));
         };
-        _.value = _.value.filter((p) => p !== a.id), u();
-      } else if (r.length > 1) {
-        let u = function() {
-          t < l / 100 ? (Ue.value = !1, cancelAnimationFrame(_t.value), _.value.push(a.id), k.value = {
+        L.value = L.value.filter((p) => p !== a.id), r();
+      } else if (u.length > 1) {
+        let r = function() {
+          t < l / 100 ? (Ue.value = !1, cancelAnimationFrame(_t.value), L.value.push(a.id), k.value = {
             ...k.value,
             dataset: k.value.dataset.map((p, b) => a.id === `donut_${b}` ? {
               ...p,
@@ -338,108 +370,108 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               value: t,
               VALUE: t
             } : p)
-          }, _t.value = requestAnimationFrame(u));
+          }, _t.value = requestAnimationFrame(r));
         };
-        u();
+        r();
       }
     }
-    const ie = w(null);
-    function Kt(a) {
-      ie.value = a;
+    const re = A(null);
+    function ra(a) {
+      re.value = a;
     }
-    const $t = M(() => e.value.donutThicknessRatio < 0.01 ? 0.01 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), I = M(() => {
-      if (C.value !== A.DONUT) return null;
-      const a = k.value.dataset.map((f, z) => ({
-        ...f,
-        value: f.VALUE || f.DATA || f.SERIE || f.VALUES || f.NUM || 0,
-        name: f.NAME || f.DESCRIPTION || f.TITLE || f.LABEL || `Serie ${z}`,
-        id: `donut_${z}`
-      })).map((f, z) => ({
-        ...f,
-        color: f.COLOR ? it(f.COLOR) : _e.value[z + e.value.paletteStartIndex] || ee[z + e.value.paletteStartIndex] || ee[(z + e.value.paletteStartIndex) % ee.length],
-        immutableValue: f.value
+    const $t = M(() => e.value.donutThicknessRatio < 0.01 ? 0.01 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), T = M(() => {
+      if ($.value !== w.DONUT) return null;
+      const a = k.value.dataset.map((h, _) => ({
+        ...h,
+        value: h.VALUE || h.DATA || h.SERIE || h.VALUES || h.NUM || 0,
+        name: h.NAME || h.DESCRIPTION || h.TITLE || h.LABEL || `Serie ${_}`,
+        id: `donut_${_}`
+      })).map((h, _) => ({
+        ...h,
+        color: h.COLOR ? nt(h.COLOR) : _e.value[_ + e.value.paletteStartIndex] || ee[_ + e.value.paletteStartIndex] || ee[(_ + e.value.paletteStartIndex) % ee.length],
+        immutableValue: h.value
       }));
-      function r(f, z) {
-        return Y({
-          v: isNaN(f.value / At(z)) ? 0 : f.value / At(z) * 100,
+      function u(h, _) {
+        return Z({
+          v: isNaN(h.value / Ct(_)) ? 0 : h.value / Ct(_) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
         });
       }
-      function t(f) {
-        return f.proportion * 100 > e.value.donutHideLabelUnderPercentage;
+      function t(h) {
+        return h.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
-      function l(f, z) {
-        const d = ze.value.dataset.find((g, E) => `donut_${E}` === f).VALUE;
-        return Math.abs(String(Number(d.toFixed(0))).length - String(Number(z.toFixed(0))).length);
+      function l(h, _) {
+        const d = ze.value.dataset.find((g, F) => `donut_${F}` === h).VALUE;
+        return Math.abs(String(Number(d.toFixed(0))).length - String(Number(_.toFixed(0))).length);
       }
-      function u({ datapoint: f, seriesIndex: z }) {
-        we.value = { datapoint: f, seriesIndex: z, config: e.value, dataset: a }, oe.value = f.id;
+      function r({ datapoint: h, seriesIndex: _ }) {
+        we.value = { datapoint: h, seriesIndex: _, config: e.value, dataset: a }, oe.value = h.id;
         const d = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: f, seriesIndex: z }), Ge(d) && rt(() => d({
-          datapoint: f,
-          seriesIndex: z,
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: h, seriesIndex: _ }), Ge(d) && rt(() => d({
+          datapoint: h,
+          seriesIndex: _,
           series: a,
           config: e.value
         })))
-          me.value = d({
-            datapoint: f,
-            seriesIndex: z,
+          ge.value = d({
+            datapoint: h,
+            seriesIndex: _,
             series: a,
             config: e.value
           });
         else {
           let i = "";
-          i += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${f.name}</div>`, i += `<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="${f.color}"/></svg>`, i += `<b>${re(
+          i += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${h.name}</div>`, i += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${h.color}"/></svg>`, i += `<b>${se(
             e.value.formatter,
-            f.value,
-            Y({
+            h.value,
+            Z({
               p: e.value.valuePrefix,
-              v: f.value,
+              v: h.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
-            { datapoint: f, seriesIndex: z }
-          )}</b>`, i += `<span>(${Y({ v: f.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, me.value = `<div>${i}</div>`;
+            { datapoint: h, seriesIndex: _ }
+          )}</b>`, i += `<span>(${Z({ v: h.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ge.value = `<div>${i}</div>`;
         }
-        he.value = !0;
+        me.value = !0;
       }
-      function p({ datapoint: f, seriesIndex: z }) {
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: f, seriesIndex: z }), he.value = !1, oe.value = null, ie.value = null;
+      function p({ datapoint: h, seriesIndex: _ }) {
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: h, seriesIndex: _ }), me.value = !1, oe.value = null, re.value = null;
       }
-      function b({ datapoint: f, seriesIndex: z }) {
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: f, seriesIndex: z }), pe("selectDatapoint", f);
+      function b({ datapoint: h, seriesIndex: _ }) {
+        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: h, seriesIndex: _ }), ye("selectDatapoint", h);
       }
-      const P = {
+      const I = {
         centerX: S.value.width / 2,
         centerY: S.value.height / 2
-      }, F = a.filter((f) => !_.value.includes(f.id)).map((f) => f.value || 0).reduce((f, z) => f + z, 0), ae = a.map((f, z) => ({
-        ...f,
-        proportion: (f.value || 0) / F,
-        value: f.value || 0,
-        absoluteValue: ze.value.dataset.find((d, i) => `donut_${i}` === f.id).VALUE,
+      }, P = a.filter((h) => !L.value.includes(h.id)).map((h) => h.value || 0).reduce((h, _) => h + _, 0), ae = a.map((h, _) => ({
+        ...h,
+        proportion: (h.value || 0) / P,
+        value: h.value || 0,
+        absoluteValue: ze.value.dataset.find((d, i) => `donut_${i}` === h.id).VALUE,
         shape: "circle"
-      })), ue = S.value.width / 2, J = S.value.height / 2, X = S.value.height * e.value.donutRadiusRatio;
+      })), ue = S.value.width / 2, J = S.value.height / 2, W = S.value.height * e.value.donutRadiusRatio;
       return {
-        dataset: ae.filter((f) => !_.value.includes(f.id)),
+        dataset: ae.filter((h) => !L.value.includes(h.id)),
         legend: ae,
-        drawingArea: P,
-        displayArcPercentage: r,
+        drawingArea: I,
+        displayArcPercentage: u,
         isArcBigEnough: t,
-        useTooltip: u,
+        useTooltip: r,
         killTooltip: p,
         selectDatapoint: b,
         getSpaces: l,
-        total: F,
+        total: P,
         cx: ue,
         cy: J,
-        radius: X,
-        chart: Ea(
-          { series: a.filter((f) => !_.value.includes(f.id)) },
+        radius: W,
+        chart: Ba(
+          { series: a.filter((h) => !L.value.includes(h.id)) },
           ue,
           J,
-          X,
-          X,
+          W,
+          W,
           1.99999,
           2,
           1,
@@ -448,87 +480,87 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           S.value.height * $t.value
         )
       };
-    }), y = w({
+    }), y = A({
       start: 0,
       end: k.value.maxSeriesLength
     });
-    function ea() {
+    function ua() {
       Et();
     }
-    const Ct = w(null);
+    const Ft = A(null);
     async function Et() {
-      await ot(), await ot();
-      const { zoomStartIndex: a, zoomEndIndex: r } = e.value, t = Ct.value;
-      (a != null || r != null) && t ? (a != null && t.setStartValue(a), r != null && t.setEndValue(ta(r + 1))) : (y.value = {
+      await lt(), await lt();
+      const { zoomStartIndex: a, zoomEndIndex: u } = e.value, t = Ft.value;
+      (a != null || u != null) && t ? (a != null && t.setStartValue(a), u != null && t.setEndValue(sa(u + 1))) : (y.value = {
         start: 0,
         end: k.value.maxSeriesLength
-      }, Fe.value += 1);
+      }, Me.value += 1);
     }
-    function ta(a) {
-      const r = k.value.maxSeriesLength;
-      return a > r ? r : a < 0 || e.value.zoomStartIndex !== null && a < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : a;
+    function sa(a) {
+      const u = k.value.maxSeriesLength;
+      return a > u ? u : a < 0 || e.value.zoomStartIndex !== null && a < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : a;
     }
-    const aa = M(() => {
-      if (!e.value.zoomMinimap.show || C.value === A.DONUT) return [];
+    const va = M(() => {
+      if (!e.value.zoomMinimap.show || $.value === w.DONUT) return [];
       let a = [];
-      ve(k.value.dataset) && (a = k.value.dataset), je(k.value.dataset) && (a = k.value.dataset.map((u, p) => ({
-        values: u.VALUE || u.DATA || u.SERIE || u.SERIES || u.VALUES || u.NUM || 0,
-        id: C.value === A.LINE ? `line_${p}` : `bar_${p}`
-      })).filter((u) => !_.value.includes(u.id)));
-      const r = ve(a) ? a.length : Math.max(...a.map((u) => u.values.length));
+      de(k.value.dataset) && (a = k.value.dataset), je(k.value.dataset) && (a = k.value.dataset.map((r, p) => ({
+        values: r.VALUE || r.DATA || r.SERIE || r.SERIES || r.VALUES || r.NUM || 0,
+        id: $.value === w.LINE ? `line_${p}` : `bar_${p}`
+      })).filter((r) => !L.value.includes(r.id)));
+      const u = de(a) ? a.length : Math.max(...a.map((r) => r.values.length));
       let t = [];
-      if (ve(a))
+      if (de(a))
         t = a;
       else
-        for (let u = 0; u < r; u += 1)
-          t.push(a.map((p) => p.values[u] || 0).reduce((p, b) => (p || 0) + (b || 0), 0));
+        for (let r = 0; r < u; r += 1)
+          t.push(a.map((p) => p.values[r] || 0).reduce((p, b) => (p || 0) + (b || 0), 0));
       const l = Math.min(...t);
-      return t.map((u) => u + (l < 0 ? Math.abs(l) : 0));
+      return t.map((r) => r + (l < 0 ? Math.abs(l) : 0));
     });
     function Tt() {
       let a = 0;
-      return Me.value && (a = Array.from(Me.value.querySelectorAll("text")).reduce((l, u) => {
-        const p = u.getComputedTextLength();
+      return Re.value && (a = Array.from(Re.value.querySelectorAll("text")).reduce((l, r) => {
+        const p = r.getComputedTextLength();
         return p > l ? p : l;
       }, 0)), a + 4;
     }
-    const tt = w(0), la = Ut((a) => {
-      tt.value = a;
+    const et = A(0), da = Ht((a) => {
+      et.value = a;
     }, 100);
-    ka((a) => {
-      const r = ne.value;
-      if (!r) return;
+    za((a) => {
+      const u = ie.value;
+      if (!u) return;
       const t = new ResizeObserver((l) => {
-        la(l[0].contentRect.height);
+        da(l[0].contentRect.height);
       });
-      t.observe(r), a(() => t.disconnect());
-    }), Nt(() => {
-      tt.value = 0;
+      t.observe(u), a(() => t.disconnect());
+    }), Dt(() => {
+      et.value = 0;
     });
     const Ve = M(() => {
-      let a = 0, r = 0;
-      return ne.value && (r = tt.value), a + r;
+      let a = 0, u = 0;
+      return ie.value && (u = et.value), a + u;
     }), c = M(() => {
-      if (C.value !== A.LINE) return null;
+      if ($.value !== w.LINE) return null;
       const a = {
         height: S.value.height,
         width: S.value.width
       };
-      let r = Tt();
-      if (ne.value) {
-        const d = ne.value.getBBox().x;
-        d < 0 && (r += Math.abs(d));
+      let u = Tt();
+      if (ie.value) {
+        const d = ie.value.getBBox().x;
+        d < 0 && (u += Math.abs(d));
       }
       const t = {
-        left: r + e.value.xyPaddingLeft,
+        left: u + e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
         right: a.width - e.value.xyPaddingRight,
         bottom: a.height - e.value.xyPaddingBottom - Ve.value,
-        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - r),
+        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - u),
         height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Ve.value)
       };
       let l = [];
-      ve(k.value.dataset) && (l = [
+      de(k.value.dataset) && (l = [
         {
           values: k.value.dataset.slice(y.value.start, y.value.end),
           absoluteValues: k.value.dataset,
@@ -544,24 +576,24 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         id: `line_${i}`
       })).map((d, i) => ({
         ...d,
-        color: d.COLOR ? it(d.COLOR) : _e.value[i + e.value.paletteStartIndex] || ee[i + e.value.paletteStartIndex] || ee[(i + e.value.paletteStartIndex) % ee.length],
+        color: d.COLOR ? nt(d.COLOR) : _e.value[i + e.value.paletteStartIndex] || ee[i + e.value.paletteStartIndex] || ee[(i + e.value.paletteStartIndex) % ee.length],
         values: d.values.slice(y.value.start, y.value.end),
         absoluteValues: d.values,
-        absoluteIndices: d.values.map((g, E) => E).slice(y.value.start, y.value.end)
+        absoluteIndices: d.values.map((g, F) => F).slice(y.value.start, y.value.end)
       })));
-      const u = {
-        max: Math.max(...l.filter((d) => !_.value.includes(d.id)).flatMap((d) => d.values)),
-        min: Math.min(...l.filter((d) => !_.value.includes(d.id)).flatMap((d) => d.values)),
+      const r = {
+        max: Math.max(...l.filter((d) => !L.value.includes(d.id)).flatMap((d) => d.values)),
+        min: Math.min(...l.filter((d) => !L.value.includes(d.id)).flatMap((d) => d.values)),
         maxSeries: Math.max(...l.map((d) => d.values.length))
-      }, p = u.max === u.min ? Xe(u.min, u.min + 1, e.value.xyScaleSegments) : Xe(u.min < 0 ? u.min : 0, u.max < 0 ? 0 : u.max, e.value.xyScaleSegments), b = u.min < 0 ? Math.abs(u.min) : 0, P = u.max < 0 ? t.top : t.bottom - b / (p.max + b) * t.height, F = t.width / u.maxSeries, ae = p.ticks.map((d) => ({
+      }, p = r.max === r.min ? We(r.min, r.min + 1, e.value.xyScaleSegments) : We(r.min < 0 ? r.min : 0, r.max < 0 ? 0 : r.max, e.value.xyScaleSegments), b = r.min < 0 ? Math.abs(r.min) : 0, I = r.max < 0 ? t.top : t.bottom - b / (p.max + b) * t.height, P = t.width / r.maxSeries, ae = p.ticks.map((d) => ({
         y: t.bottom - t.height * ((d + b) / (p.max + b)),
         x: t.left - 8,
         value: d
       })), ue = l.map((d, i) => ({
         ...d,
         shape: "circle",
-        coordinates: d.values.map((g, E) => ({
-          x: t.left + F * (E + 1) - F / 2,
+        coordinates: d.values.map((g, F) => ({
+          x: t.left + P * (F + 1) - P / 2,
           y: t.bottom - (g + b) / (p.max + b) * t.height,
           value: g
         }))
@@ -579,10 +611,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           ...i,
           value: i.values[d],
           absoluteIndex: i.absoluteIndices[d]
-        })).filter((i) => !_.value.includes(i.id));
+        })).filter((i) => !L.value.includes(i.id));
       }
-      function X(d) {
-        oe.value = d, ie.value = d;
+      function W(d) {
+        oe.value = d, re.value = d;
         const i = J(d);
         we.value = { datapoint: i, seriesIndex: d, config: e.value, dataset: l };
         const g = e.value.tooltipCustomFormat;
@@ -592,78 +624,78 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           series: l,
           config: e.value
         })))
-          me.value = g({
+          ge.value = g({
             datapoint: i,
             seriesIndex: d,
             series: l,
             config: e.value
           });
         else {
-          let E = "";
-          te.value[i[0].absoluteIndex] && (E += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${te.value[i[0].absoluteIndex].text}</div>`), i.forEach((B, W) => {
-            E += `
+          let F = "";
+          te.value[i[0].absoluteIndex] && (F += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${te.value[i[0].absoluteIndex].text}</div>`), i.forEach((B, H) => {
+            F += `
                     <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="${B.color}"/></svg>
                         <span>${B.name}:</span>
-                        <b>${re(
+                        <b>${se(
               e.value.formatter,
               B.value,
-              Y({
+              Z({
                 p: e.value.valuePrefix,
                 v: B.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: B, seriesIndex: W }
+              { datapoint: B, seriesIndex: H }
             )}
                         </b>
                     </div>
                 `;
-          }), me.value = E;
+          }), ge.value = F;
         }
-        he.value = !0;
+        me.value = !0;
       }
-      function f(d) {
+      function h(d) {
         const i = J(d);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: i, seriesIndex: d + y.value.start }), oe.value = null, ie.value = null, he.value = !1;
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: i, seriesIndex: d + y.value.start }), oe.value = null, re.value = null, me.value = !1;
       }
-      function z(d) {
+      function _(d) {
         const i = J(d);
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: i, seriesIndex: d + y.value.start }), pe("selectDatapoint", i);
+        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: i, seriesIndex: d + y.value.start }), ye("selectDatapoint", i);
       }
       return {
-        absoluteZero: P,
-        dataset: ue.filter((d) => !_.value.includes(d.id)),
+        absoluteZero: I,
+        dataset: ue.filter((d) => !L.value.includes(d.id)),
         legend: ue,
         drawingArea: t,
-        extremes: u,
-        slotSize: F,
+        extremes: r,
+        slotSize: P,
         yLabels: ae,
-        useTooltip: X,
-        killTooltip: f,
-        selectDatapoint: z
+        useTooltip: W,
+        killTooltip: h,
+        selectDatapoint: _
       };
     }), v = M(() => {
-      if (C.value !== A.BAR) return null;
+      if ($.value !== w.BAR) return null;
       const a = {
         height: S.value.height,
         width: S.value.width
       };
-      let r = Tt();
-      if (ne.value) {
-        const i = ne.value.getBBox().x;
-        i < 0 && (r += Math.abs(i));
+      let u = Tt();
+      if (ie.value) {
+        const i = ie.value.getBBox().x;
+        i < 0 && (u += Math.abs(i));
       }
       const t = {
-        left: r + e.value.xyPaddingLeft,
+        left: u + e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
         right: a.width - e.value.xyPaddingRight,
         bottom: a.height - e.value.xyPaddingBottom - Ve.value,
-        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - r),
+        width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - u),
         height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Ve.value)
       };
       let l = [];
-      ve(k.value.dataset) && (l = [
+      de(k.value.dataset) && (l = [
         {
           values: k.value.dataset.slice(y.value.start, y.value.end),
           absoluteValues: k.value.dataset,
@@ -679,64 +711,64 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         id: `bar_${g}`
       })).map((i, g) => ({
         ...i,
-        color: i.COLOR ? it(i.COLOR) : _e.value[g + e.value.paletteStartIndex] || ee[g + e.value.paletteStartIndex] || ee[(g + e.value.paletteStartIndex) % ee.length],
+        color: i.COLOR ? nt(i.COLOR) : _e.value[g + e.value.paletteStartIndex] || ee[g + e.value.paletteStartIndex] || ee[(g + e.value.paletteStartIndex) % ee.length],
         values: i.values.slice(y.value.start, y.value.end),
         absoluteValues: i.values,
-        absoluteIndices: i.values.map((E, B) => B).slice(y.value.start, y.value.end)
+        absoluteIndices: i.values.map((F, B) => B).slice(y.value.start, y.value.end)
       })));
-      const u = {
-        max: Math.max(...l.filter((i) => !_.value.includes(i.id)).flatMap((i) => i.values)) < 0 ? 0 : Math.max(...l.filter((i) => !_.value.includes(i.id)).flatMap((i) => i.values)),
-        min: Math.min(...l.filter((i) => !_.value.includes(i.id)).flatMap((i) => i.values)),
-        maxSeries: Math.max(...l.filter((i) => !_.value.includes(i.id)).map((i) => i.values.length))
-      }, p = u.min === u.max ? Xe(u.min, u.min + 1, e.value.xyScaleSegments) : Xe(u.min < 0 ? u.min : 0, u.max, e.value.xyScaleSegments), b = p.min < 0 ? Math.abs(p.min) : 0, P = t.bottom - b / (p.max + b) * t.height, F = t.width / u.maxSeries, ae = p.ticks.map((i) => ({
+      const r = {
+        max: Math.max(...l.filter((i) => !L.value.includes(i.id)).flatMap((i) => i.values)) < 0 ? 0 : Math.max(...l.filter((i) => !L.value.includes(i.id)).flatMap((i) => i.values)),
+        min: Math.min(...l.filter((i) => !L.value.includes(i.id)).flatMap((i) => i.values)),
+        maxSeries: Math.max(...l.filter((i) => !L.value.includes(i.id)).map((i) => i.values.length))
+      }, p = r.min === r.max ? We(r.min, r.min + 1, e.value.xyScaleSegments) : We(r.min < 0 ? r.min : 0, r.max, e.value.xyScaleSegments), b = p.min < 0 ? Math.abs(p.min) : 0, I = t.bottom - b / (p.max + b) * t.height, P = t.width / r.maxSeries, ae = p.ticks.map((i) => ({
         y: t.bottom - t.height * ((i + b) / (p.max + b)),
         x: t.left - 8,
         value: i
       })), ue = l.map((i, g) => ({
         ...i,
         shape: "square",
-        coordinates: i.values.map((E, B) => {
-          const W = (E + b) / (u.max + b) * t.height, le = Math.abs(E) / Math.abs(u.min) * (t.height - P), lt = b / (u.max + b) * t.height, Ce = F / l.filter((ge) => !_.value.includes(ge.id)).length - e.value.barGap / l.filter((ge) => !_.value.includes(ge.id)).length;
+        coordinates: i.values.map((F, B) => {
+          const H = (F + b) / (r.max + b) * t.height, le = Math.abs(F) / Math.abs(r.min) * (t.height - I), at = b / (r.max + b) * t.height, Fe = P / l.filter((pe) => !L.value.includes(pe.id)).length - e.value.barGap / l.filter((pe) => !L.value.includes(pe.id)).length;
           return {
-            x: t.left + F * B + Ce * g + e.value.barGap / 2,
-            y: E > 0 ? t.bottom - W : P,
-            height: E > 0 ? W - lt : le,
-            value: E,
-            width: Ce
+            x: t.left + P * B + Fe * g + e.value.barGap / 2,
+            y: F > 0 ? t.bottom - H : I,
+            height: F > 0 ? H - at : le,
+            value: F,
+            width: Fe
           };
         })
-      })), J = l.filter((i) => !_.value.includes(i.id)).map((i, g) => ({
+      })), J = l.filter((i) => !L.value.includes(i.id)).map((i, g) => ({
         ...i,
-        coordinates: i.values.map((E, B) => {
-          const W = (E + b) / (u.max + b) * t.height, le = Math.abs(E) / (u.max + b) * t.height, lt = b / (u.max + b) * t.height, Ce = F / l.filter((ge) => !_.value.includes(ge.id)).length - e.value.barGap / l.filter((ge) => !_.value.includes(ge.id)).length;
+        coordinates: i.values.map((F, B) => {
+          const H = (F + b) / (r.max + b) * t.height, le = Math.abs(F) / (r.max + b) * t.height, at = b / (r.max + b) * t.height, Fe = P / l.filter((pe) => !L.value.includes(pe.id)).length - e.value.barGap / l.filter((pe) => !L.value.includes(pe.id)).length;
           return {
-            x: t.left + F * B + Ce * g + e.value.barGap / 2,
-            y: E > 0 ? t.bottom - W : P,
-            height: E > 0 ? W - lt : le,
-            value: E,
-            width: Ce
+            x: t.left + P * B + Fe * g + e.value.barGap / 2,
+            y: F > 0 ? t.bottom - H : I,
+            height: F > 0 ? H - at : le,
+            value: F,
+            width: Fe
           };
         })
       }));
-      function X(i) {
+      function W(i) {
         return l.map((g) => ({
           ...g,
           value: g.values[i],
           absoluteIndex: g.absoluteIndices[i]
-        })).filter((g) => !_.value.includes(g.id));
+        })).filter((g) => !L.value.includes(g.id));
       }
-      function f(i) {
-        oe.value = i, ie.value = i;
-        const g = X(i);
+      function h(i) {
+        oe.value = i, re.value = i;
+        const g = W(i);
         we.value = { datapoint: g, seriesIndex: i, config: e.value, dataset: l };
-        const E = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: g, seriesIndex: i + y.value.start }), Ge(E) && rt(() => E({
+        const F = e.value.tooltipCustomFormat;
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: g, seriesIndex: i + y.value.start }), Ge(F) && rt(() => F({
           datapoint: g,
           seriesIndex: i,
           series: l,
           config: e.value
         })))
-          me.value = E({
+          ge.value = F({
             point: g,
             seriesIndex: i,
             series: l,
@@ -744,169 +776,169 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           });
         else {
           let B = "";
-          te.value[g[0].absoluteIndex] && (B += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${te.value[g[0].absoluteIndex].text}</div>`), g.forEach((W, le) => {
+          te.value[g[0].absoluteIndex] && (B += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${te.value[g[0].absoluteIndex].text}</div>`), g.forEach((H, le) => {
             B += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${W.color}"/></svg>
-                        <span>${W.name}:</span>
-                        <b>${re(
+                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${H.color}"/></svg>
+                        <span>${H.name}:</span>
+                        <b>${se(
               e.value.formatter,
-              W.value,
-              Y({
+              H.value,
+              Z({
                 p: e.value.valuePrefix,
-                v: W.value,
+                v: H.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: W, seriesIndex: le }
+              { datapoint: H, seriesIndex: le }
             )}
                         </b>
                     </div>
                 `;
-          }), me.value = B;
+          }), ge.value = B;
         }
-        he.value = !0;
+        me.value = !0;
       }
-      function z(i) {
-        const g = X(i);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: g, seriesIndex: i + y.value.start }), he.value = !1, oe.value = null, ie.value = null;
+      function _(i) {
+        const g = W(i);
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: g, seriesIndex: i + y.value.start }), me.value = !1, oe.value = null, re.value = null;
       }
       function d(i) {
-        const g = X(i);
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: g, seriesIndex: i + y.value.start }), pe("selectDatapoint", g);
+        const g = W(i);
+        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: g, seriesIndex: i + y.value.start }), ye("selectDatapoint", g);
       }
       return {
-        absoluteZero: P,
-        dataset: J.filter((i) => !_.value.includes(i.id)),
+        absoluteZero: I,
+        dataset: J.filter((i) => !L.value.includes(i.id)),
         absoluteDataset: J,
         legend: ue,
         drawingArea: t,
-        extremes: u,
-        slotSize: F,
+        extremes: r,
+        slotSize: P,
         yLabels: ae,
-        useTooltip: f,
-        killTooltip: z,
+        useTooltip: h,
+        killTooltip: _,
         selectDatapoint: d
       };
     });
-    function oa(a) {
+    function ca(a) {
       if (!a) return;
-      const r = a.getTotalLength();
-      a.style.transition = "none", a.style.strokeDasharray = `${r}`, a.style.strokeDashoffset = `${r}`;
+      const u = a.getTotalLength();
+      a.style.transition = "none", a.style.strokeDasharray = `${u}`, a.style.strokeDashoffset = `${u}`;
     }
-    function It(a, { fromOpacity: r = "0", fromScale: t = "0.85" } = {}) {
+    function It(a, { fromOpacity: u = "0", fromScale: t = "0.85" } = {}) {
       a.forEach((l) => {
-        l.style.animation = "none", l.style.transition = "none", l.style.opacity = r, l.style.transform = `scale(${t})`, l.style.transformBox = "fill-box", l.style.transformOrigin = "50% 50%";
+        l.style.animation = "none", l.style.transition = "none", l.style.opacity = u, l.style.transform = `scale(${t})`, l.style.transformBox = "fill-box", l.style.transformOrigin = "50% 50%";
       });
     }
-    function na(a) {
+    function ha(a) {
       return a.cx?.baseVal?.value ?? parseFloat(a.getAttribute("cx"));
     }
-    function ia(a) {
-      const r = a.getAttribute("x");
-      if (r != null) return parseFloat(r);
+    function fa(a) {
+      const u = a.getAttribute("x");
+      if (u != null) return parseFloat(u);
       const t = a.getCTM?.();
       return t ? t.e : 0;
     }
-    function Pt(a, r) {
+    function Ot(a, u) {
       if (!a.length) return [];
-      const t = a.map((P) => ({ el: P, x: r(P) })).filter((P) => Number.isFinite(P.x));
-      t.sort((P, F) => P.x - F.x);
+      const t = a.map((I) => ({ el: I, x: u(I) })).filter((I) => Number.isFinite(I.x));
+      t.sort((I, P) => I.x - P.x);
       let l = 1 / 0;
-      for (let P = 1; P < t.length; P++) {
-        const F = t[P].x - t[P - 1].x;
-        F > 0 && F < l && (l = F);
+      for (let I = 1; I < t.length; I++) {
+        const P = t[I].x - t[I - 1].x;
+        P > 0 && P < l && (l = P);
       }
-      const u = (l === 1 / 0 ? 1 : l) / 2, p = [];
+      const r = (l === 1 / 0 ? 1 : l) / 2, p = [];
       let b = { x: t[0].x, items: [t[0].el] };
-      for (let P = 1; P < t.length; P++) {
-        const { x: F, el: ae } = t[P];
-        Math.abs(F - b.x) <= u ? b.items.push(ae) : (p.push(b), b = { x: F, items: [ae] });
+      for (let I = 1; I < t.length; I++) {
+        const { x: P, el: ae } = t[I];
+        Math.abs(P - b.x) <= r ? b.items.push(ae) : (p.push(b), b = { x: P, items: [ae] });
       }
       return p.push(b), p;
     }
-    function ua({
+    function ma({
       pathDuration: a,
-      pathEasing: r = "ease-in-out",
+      pathEasing: u = "ease-in-out",
       pointDuration: t,
       labelDuration: l,
-      pointDelay: u = 0,
+      pointDelay: r = 0,
       labelDelay: p = 0,
       pointStep: b = 0,
-      labelStep: P = 0,
-      intraSeriesStep: F = 0
+      labelStep: I = 0,
+      intraSeriesStep: P = 0
     } = {}) {
-      const ae = Array.isArray(Ae?.value) ? Ae.value : [Ae?.value].filter(Boolean), ue = Array.isArray(Le?.value) ? Le.value : [Le?.value].filter(Boolean), J = [...ae, ...ue].filter(Boolean), X = N?.value || null, f = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-plot")) : [], z = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-label")) : [];
-      J.forEach(oa), It(f, { fromOpacity: "0", fromScale: "0.75" }), It(z, { fromOpacity: "0", fromScale: "0.98" }), f.forEach((g) => g.classList.remove("quick-animation")), z.forEach((g) => g.classList.remove("quick-animation")), X && X.offsetWidth;
-      const d = f.length ? Pt(f, na) : [], i = z.length ? Pt(z, ia) : [];
+      const ae = Array.isArray(Ce?.value) ? Ce.value : [Ce?.value].filter(Boolean), ue = Array.isArray(Le?.value) ? Le.value : [Le?.value].filter(Boolean), J = [...ae, ...ue].filter(Boolean), W = ne?.value || null, h = W ? Array.from(W.querySelectorAll(".vue-ui-quick-chart-plot")) : [], _ = W ? Array.from(W.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+      J.forEach(ca), It(h, { fromOpacity: "0", fromScale: "0.75" }), It(_, { fromOpacity: "0", fromScale: "0.98" }), h.forEach((g) => g.classList.remove("quick-animation")), _.forEach((g) => g.classList.remove("quick-animation")), W && W.offsetWidth;
+      const d = h.length ? Ot(h, ha) : [], i = _.length ? Ot(_, fa) : [];
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           J.forEach((g) => {
-            g.style.transition = `stroke-dashoffset ${a}ms ${r}`, g.style.strokeDashoffset = "0";
-          }), d.forEach((g, E) => {
-            g.items.forEach((B, W) => {
-              const le = u + E * b + W * F;
+            g.style.transition = `stroke-dashoffset ${a}ms ${u}`, g.style.strokeDashoffset = "0";
+          }), d.forEach((g, F) => {
+            g.items.forEach((B, H) => {
+              const le = r + F * b + H * P;
               B.style.transition = `opacity ${t}ms ease-out ${le}ms, transform ${t}ms ease-out ${le}ms`, B.style.opacity = "1", B.style.transform = "scale(1)";
             });
-          }), i.forEach((g, E) => {
-            g.items.forEach((B, W) => {
-              const le = p + E * P + W * F;
+          }), i.forEach((g, F) => {
+            g.items.forEach((B, H) => {
+              const le = p + F * I + H * P;
               B.style.transition = `opacity ${l}ms ease-out ${le}ms, transform ${l}ms ease-out ${le}ms`, B.style.opacity = "1", B.style.transform = "scale(1)";
             });
           });
         });
       });
     }
-    const ra = M(() => {
-      if (C.value === A.LINE)
-        return c.value.legend.map((a) => (Math.min(...a.absoluteValues.map((r) => r ?? 0)), {
+    const ga = M(() => {
+      if ($.value === w.LINE)
+        return c.value.legend.map((a) => (Math.min(...a.absoluteValues.map((u) => u ?? 0)), {
           ...a,
-          isVisible: !_.value.includes(a.id),
+          isVisible: !L.value.includes(a.id),
           type: "line",
           series: a.absoluteValues
         }));
-      if (C.value === A.BAR)
-        return v.value.absoluteDataset.map((a) => (Math.min(...a.absoluteValues.map((r) => r ?? 0)), {
+      if ($.value === w.BAR)
+        return v.value.absoluteDataset.map((a) => (Math.min(...a.absoluteValues.map((u) => u ?? 0)), {
           ...a,
-          isVisible: !_.value.includes(a.id),
+          isVisible: !L.value.includes(a.id),
           type: "bar",
           series: a.absoluteValues
         }));
-    }), te = M(() => Ba({
+    }), te = M(() => ja({
       values: e.value.xyPeriods,
       maxDatapoints: k.value.maxSeriesLength,
       formatter: e.value.datetimeFormatter,
       start: y.value.start,
       end: y.value.end
-    })), ke = M(() => {
+    })), be = M(() => {
       const a = e.value.xyPeriodsModulo;
-      return e.value.xyPeriods.length ? Math.min(a, [...new Set(te.value.map((r) => r.text))].length) : a;
-    }), qe = w(!1);
-    function Ot(a) {
-      qe.value = a, ht.value += 1;
+      return e.value.xyPeriods.length ? Math.min(a, [...new Set(te.value.map((u) => u.text))].length) : a;
+    }), He = A(!1);
+    function Pt(a) {
+      He.value = a, mt.value += 1;
     }
-    function Ft() {
-      ye.value.showTooltip = !ye.value.showTooltip;
+    function Mt() {
+      xe.value.showTooltip = !xe.value.showTooltip;
     }
-    const He = w(!1);
-    function at() {
-      He.value = !He.value;
+    const qe = A(!1);
+    function tt() {
+      qe.value = !qe.value;
     }
-    async function sa({ scale: a = 2 } = {}) {
-      if (!N.value) return;
-      const { width: r, height: t } = N.value.getBoundingClientRect(), l = r / t, { imageUri: u, base64: p } = await Va({ domElement: N.value, base64: !0, img: !0, scale: a });
+    async function pa({ scale: a = 2 } = {}) {
+      if (!ne.value) return;
+      const { width: u, height: t } = ne.value.getBoundingClientRect(), l = u / t, { imageUri: r, base64: p } = await Ja({ domElement: ne.value, base64: !0, img: !0, scale: a });
       return {
-        imageUri: u,
+        imageUri: r,
         base64: p,
         title: e.value.title,
-        width: r,
+        width: u,
         height: t,
         aspectRatio: l
       };
     }
-    const va = M(() => S.value.width), da = M(() => S.value.height);
-    Ua({
-      timeLabelsEls: ne,
+    const ya = M(() => S.value.width), xa = M(() => S.value.height);
+    Ya({
+      timeLabelsEls: ie,
       timeLabels: te,
       slicer: y,
       configRef: e,
@@ -914,17 +946,17 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
       isAutoSize: !1,
       rotation: e.value.xyPeriodLabelsAutoRotate.angle,
-      height: da.value,
-      width: va.value
+      height: xa.value,
+      width: ya.value
     });
-    const ca = M(() => e.value.backgroundColor), fa = M(() => C.value === A.DONUT ? I.value.legend : C.value === A.LINE ? c.value.legend : v.value.legend), ha = M(() => ({
+    const ka = M(() => e.value.backgroundColor), ba = M(() => $.value === w.DONUT ? T.value.legend : $.value === w.LINE ? c.value.legend : v.value.legend), Sa = M(() => ({
       show: e.value.showLegend,
       bold: !1,
       backgroundColor: e.value.backgroundColor,
       color: e.value.color,
       fontSize: e.value.legendFontSize,
       position: e.value.legendPosition
-    })), ma = M(() => ({
+    })), Aa = M(() => ({
       text: e.value.title,
       color: e.value.color,
       fontSize: e.value.titleFontSize,
@@ -933,45 +965,45 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       subtitle: {
         text: ""
       }
-    })), { exportSvg: ga, getSvg: pa } = Na({
-      svg: Qe,
-      title: ma,
-      legend: ha,
-      legendItems: fa,
-      backgroundColor: ca
+    })), { exportSvg: wa, getSvg: Ca } = Ga({
+      svg: Je,
+      title: Aa,
+      legend: Sa,
+      legendItems: ba,
+      backgroundColor: ka
     });
-    async function Mt({ isCb: a }) {
+    async function Rt({ isCb: a }) {
       if (a) {
-        const { blob: r, url: t, text: l, dataUrl: u } = await pa();
-        e.value.userOptionsCallbacks.svg({ blob: r, url: t, text: l, dataUrl: u });
+        const { blob: u, url: t, text: l, dataUrl: r } = await Ca();
+        e.value.userOptionsCallbacks.svg({ blob: u, url: t, text: l, dataUrl: r });
       } else
-        ga();
+        wa();
     }
     return O({
-      getImage: sa,
-      generatePdf: bt,
-      generateImage: St,
-      generateSvg: Mt,
-      toggleTooltip: Ft,
-      toggleAnnotator: at,
-      toggleFullscreen: Ot
-    }), (a, r) => Yt.value ? (o(), n("div", {
+      getImage: pa,
+      generatePdf: St,
+      generateImage: At,
+      generateSvg: Rt,
+      toggleTooltip: Mt,
+      toggleAnnotator: tt,
+      toggleFullscreen: Pt
+    }), (a, u) => la.value ? (o(), n("div", {
       key: 0,
-      id: `${C.value}_${Z.value}`,
+      id: `${$.value}_${Y.value}`,
       ref_key: "quickChart",
-      ref: N,
-      class: fe({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": qe.value }),
+      ref: ne,
+      class: fe({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": He.value }),
       style: D(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: r[2] || (r[2] = () => kt(!0)),
-      onMouseleave: r[3] || (r[3] = () => kt(!1))
+      onMouseenter: u[2] || (u[2] = () => bt(!0)),
+      onMouseleave: u[3] || (u[3] = () => bt(!1))
     }, [
-      e.value.userOptionsButtons.annotator ? (o(), Ie(s(de), {
+      e.value.userOptionsButtons.annotator ? (o(), Ie(s(ce), {
         key: 0,
-        svgRef: s(Qe),
+        svgRef: s(Je),
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        active: He.value,
-        onClose: at
+        active: qe.value,
+        onClose: tt
       }, {
         "annotator-action-close": G(() => [
           R(a.$slots, "annotator-action-close", {}, void 0, !0)
@@ -993,46 +1025,46 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
-      Zt.value ? (o(), n("div", {
+      oa.value ? (o(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ft,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : m("", !0),
-      e.value.showUserOptions && (xt.value || Ne.value) ? (o(), Ie(s(st), {
+      e.value.showUserOptions && (kt.value || Be.value) ? (o(), Ie(s(st), {
         ref: "details",
-        key: `user_option_${ht.value}`,
+        key: `user_option_${mt.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
-        isPrinting: s(Be),
-        isImaging: s(De),
-        uid: Z.value,
+        isPrinting: s(De),
+        isImaging: s(Ne),
+        uid: Y.value,
         hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
         hasPdf: e.value.userOptionsButtons.pdf,
         hasImg: e.value.userOptionsButtons.img,
         hasSvg: e.value.userOptionsButtons.svg,
         hasFullscreen: e.value.userOptionsButtons.fullscreen,
         hasXls: !1,
-        isTooltip: ye.value.showTooltip,
-        isFullscreen: qe.value,
+        isTooltip: xe.value.showTooltip,
+        isFullscreen: He.value,
         titles: { ...e.value.userOptionsButtonTitles },
-        chartElement: N.value,
+        chartElement: ne.value,
         position: e.value.userOptionsPosition,
         hasAnnotator: e.value.userOptionsButtons.annotator,
-        isAnnotation: He.value,
+        isAnnotation: qe.value,
         callbacks: e.value.userOptionsCallbacks,
         printScale: e.value.userOptionsPrint.scale,
-        onToggleFullscreen: Ot,
-        onGeneratePdf: s(bt),
-        onGenerateImage: s(St),
-        onGenerateSvg: Mt,
-        onToggleTooltip: Ft,
-        onToggleAnnotator: at,
+        onToggleFullscreen: Pt,
+        onGeneratePdf: s(St),
+        onGenerateImage: s(At),
+        onGenerateSvg: Rt,
+        onToggleTooltip: Mt,
+        onToggleAnnotator: tt,
         style: D({
-          visibility: xt.value ? Ne.value ? "visible" : "hidden" : "visible"
+          visibility: kt.value ? Be.value ? "visible" : "hidden" : "visible"
         })
-      }, ba({ _: 2 }, [
+      }, $a({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: G(({ isOpen: t, color: l }) => [
@@ -1086,23 +1118,23 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       e.value.title ? (o(), n("div", {
         key: 3,
         ref_key: "quickChartTitle",
-        ref: Oe,
+        ref: vt,
         class: "vue-ui-quick-chart-title",
         style: D(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
-      }, V(e.value.title), 5)) : m("", !0),
-      $("div", {
-        id: `legend-top-${Z.value}`
-      }, null, 8, Ka),
-      C.value ? (o(), n("svg", {
+      }, N(e.value.title), 5)) : m("", !0),
+      z("div", {
+        id: `legend-top-${Y.value}`
+      }, null, 8, rl),
+      $.value ? (o(), n("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: Qe,
-        xmlns: s(Ta),
-        viewBox: Jt.value,
+        ref: Je,
+        xmlns: s(Da),
+        viewBox: na.value,
         style: D(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
-        be(s(j)),
-        a.$slots["chart-background"] && C.value === A.BAR ? (o(), n("foreignObject", {
+        Se(s(X)),
+        a.$slots["chart-background"] && $.value === w.BAR ? (o(), n("foreignObject", {
           key: 0,
           x: v.value.drawingArea.left,
           y: v.value.drawingArea.top,
@@ -1113,8 +1145,8 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           }
         }, [
           R(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, tl)) : m("", !0),
-        a.$slots["chart-background"] && C.value === A.LINE ? (o(), n("foreignObject", {
+        ], 8, sl)) : m("", !0),
+        a.$slots["chart-background"] && $.value === w.LINE ? (o(), n("foreignObject", {
           key: 1,
           x: c.value.drawingArea.left,
           y: c.value.drawingArea.top,
@@ -1125,8 +1157,8 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           }
         }, [
           R(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, al)) : m("", !0),
-        a.$slots["chart-background"] && C.value === A.DONUT ? (o(), n("foreignObject", {
+        ], 8, vl)) : m("", !0),
+        a.$slots["chart-background"] && $.value === w.DONUT ? (o(), n("foreignObject", {
           key: 2,
           x: 0,
           y: 0,
@@ -1137,143 +1169,143 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           }
         }, [
           R(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ll)) : m("", !0),
-        $("defs", null, [
-          $("filter", {
-            id: `blur_${Z.value}`,
+        ], 8, dl)) : m("", !0),
+        z("defs", null, [
+          z("filter", {
+            id: `blur_${Y.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            $("feGaussianBlur", {
+            z("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2,
-              id: `blur_std_${Z.value}`
-            }, null, 8, nl),
-            r[4] || (r[4] = $("feColorMatrix", {
+              id: `blur_std_${Y.value}`
+            }, null, 8, hl),
+            u[4] || (u[4] = z("feColorMatrix", {
               type: "saturate",
               values: "0"
             }, null, -1))
-          ], 8, ol),
-          $("filter", {
-            id: `shadow_${Z.value}`,
+          ], 8, cl),
+          z("filter", {
+            id: `shadow_${Y.value}`,
             "color-interpolation-filters": "sRGB"
           }, [
-            $("feDropShadow", {
+            z("feDropShadow", {
               dx: "0",
               dy: "0",
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.donutShadowColor
-            }, null, 8, ul)
-          ], 8, il)
+            }, null, 8, ml)
+          ], 8, fl)
         ]),
-        C.value === A.DONUT ? (o(), n(x, { key: 3 }, [
-          e.value.showDataLabels ? (o(), n("g", rl, [
-            (o(!0), n(x, null, T(I.value.chart, (t, l) => (o(), n(x, null, [
-              I.value.isArcBigEnough(t) ? (o(), n("path", {
+        $.value === w.DONUT ? (o(), n(x, { key: 3 }, [
+          e.value.showDataLabels ? (o(), n("g", gl, [
+            (o(!0), n(x, null, E(T.value.chart, (t, l) => (o(), n(x, null, [
+              T.value.isArcBigEnough(t) ? (o(), n("path", {
                 key: 0,
-                d: s(Ia)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * $t.value, 12, e.value.donutCurvedMarkers),
+                d: s(Na)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * $t.value, 12, e.value.donutCurvedMarkers),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
                 filter: $e(t.id)
-              }, null, 8, sl)) : m("", !0)
+              }, null, 8, pl)) : m("", !0)
             ], 64))), 256))
           ])) : m("", !0),
-          $("circle", {
-            cx: I.value.cx,
-            cy: I.value.cy,
-            r: I.value.radius,
+          z("circle", {
+            cx: T.value.cx,
+            cy: T.value.cy,
+            r: T.value.radius,
             fill: e.value.backgroundColor,
-            filter: e.value.donutUseShadow ? `url(#shadow_${Z.value})` : ""
-          }, null, 8, vl),
-          $("g", dl, [
-            (o(!0), n(x, null, T(I.value.chart, (t, l) => (o(), n("path", {
+            filter: e.value.donutUseShadow ? `url(#shadow_${Y.value})` : ""
+          }, null, 8, yl),
+          z("g", xl, [
+            (o(!0), n(x, null, E(T.value.chart, (t, l) => (o(), n("path", {
               d: t.arcSlice,
               fill: t.color,
-              stroke: Re.value,
+              stroke: e.value.donutStroke || e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
               filter: $e(t.id)
-            }, null, 8, cl))), 256)),
-            (o(!0), n(x, null, T(I.value.chart, (t, l) => (o(), n("path", {
+            }, null, 8, kl))), 256)),
+            (o(!0), n(x, null, E(T.value.chart, (t, l) => (o(), n("path", {
               d: t.arcSlice,
               fill: "transparent",
-              onMouseenter: (u) => I.value.useTooltip({ datapoint: t, seriesIndex: l }),
-              onMouseout: (u) => I.value.killTooltip({ datapoint: t, seriesIndex: l }),
-              onClick: (u) => I.value.selectDatapoint({ datapoint: t, seriesIndex: l })
-            }, null, 40, fl))), 256))
+              onMouseenter: (r) => T.value.useTooltip({ datapoint: t, seriesIndex: l }),
+              onMouseout: (r) => T.value.killTooltip({ datapoint: t, seriesIndex: l }),
+              onClick: (r) => T.value.selectDatapoint({ datapoint: t, seriesIndex: l })
+            }, null, 40, bl))), 256))
           ]),
-          e.value.showDataLabels ? (o(), n("g", hl, [
-            (o(!0), n(x, null, T(I.value.chart, (t, l) => (o(), n(x, null, [
-              I.value.isArcBigEnough(t) ? (o(), n("circle", {
+          e.value.showDataLabels ? (o(), n("g", Sl, [
+            (o(!0), n(x, null, E(T.value.chart, (t, l) => (o(), n(x, null, [
+              T.value.isArcBigEnough(t) ? (o(), n("circle", {
                 key: 0,
-                cx: s(Pe)(t).x,
-                cy: s(ut)(t) - 3.7,
+                cx: s(Oe)(t).x,
+                cy: s(it)(t) - 3.7,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": 1,
                 r: 3,
                 filter: $e(t.id)
-              }, null, 8, ml)) : m("", !0),
-              I.value.isArcBigEnough(t) ? (o(), n("text", {
+              }, null, 8, Al)) : m("", !0),
+              T.value.isArcBigEnough(t) ? (o(), n("text", {
                 key: 1,
-                "text-anchor": s(Pe)(t, !0, 20).anchor,
-                x: s(Pe)(t, !0).x,
-                y: s(ut)(t),
+                "text-anchor": s(Oe)(t, !0, 20).anchor,
+                x: s(Oe)(t, !0).x,
+                y: s(it)(t),
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: $e(t.id)
-              }, V(I.value.displayArcPercentage(t, I.value.chart)) + " (" + V(s(re)(
+              }, N(T.value.displayArcPercentage(t, T.value.chart)) + " (" + N(s(se)(
                 e.value.formatter,
                 t.value,
-                s(Y)({
+                s(Z)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: l }
-              )) + ") ", 9, gl)) : m("", !0),
-              I.value.isArcBigEnough(t, !0, 20) ? (o(), n("text", {
+              )) + ") ", 9, wl)) : m("", !0),
+              T.value.isArcBigEnough(t, !0, 20) ? (o(), n("text", {
                 key: 2,
-                "text-anchor": s(Pe)(t).anchor,
-                x: s(Pe)(t, !0).x,
-                y: s(ut)(t) + e.value.dataLabelFontSize,
+                "text-anchor": s(Oe)(t).anchor,
+                x: s(Oe)(t, !0).x,
+                y: s(it)(t) + e.value.dataLabelFontSize,
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: $e(t.id)
-              }, V(t.name), 9, pl)) : m("", !0)
+              }, N(t.name), 9, Cl)) : m("", !0)
             ], 64))), 256))
           ])) : m("", !0),
-          e.value.donutShowTotal ? (o(), n("g", yl, [
-            $("text", {
+          e.value.donutShowTotal ? (o(), n("g", Ll, [
+            z("text", {
               "text-anchor": "middle",
-              x: I.value.drawingArea.centerX,
-              y: I.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
+              x: T.value.drawingArea.centerX,
+              y: T.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, V(e.value.donutTotalLabelText), 9, xl),
-            $("text", {
+            }, N(e.value.donutTotalLabelText), 9, _l),
+            z("text", {
               "text-anchor": "middle",
-              x: I.value.drawingArea.centerX,
-              y: I.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
+              x: T.value.drawingArea.centerX,
+              y: T.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, V(s(Y)({
+            }, N(s(Z)({
               p: e.value.valuePrefix,
-              v: I.value.total,
+              v: T.value.total,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
-            })), 9, kl)
+            })), 9, zl)
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        C.value === A.LINE ? (o(), n(x, { key: 4 }, [
-          e.value.xyShowGrid ? (o(), n("g", bl, [
-            (o(!0), n(x, null, T(c.value.yLabels, (t) => (o(), n(x, null, [
+        $.value === w.LINE ? (o(), n(x, { key: 4 }, [
+          e.value.xyShowGrid ? (o(), n("g", $l, [
+            (o(!0), n(x, null, E(c.value.yLabels, (t) => (o(), n(x, null, [
               t.y <= c.value.drawingArea.bottom ? (o(), n("line", {
                 key: 0,
                 x1: c.value.drawingArea.left,
@@ -1283,9 +1315,9 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Sl)) : m("", !0)
+              }, null, 8, Fl)) : m("", !0)
             ], 64))), 256)),
-            (o(!0), n(x, null, T(c.value.extremes.maxSeries + 1, (t, l) => (o(), n("line", {
+            (o(!0), n(x, null, E(c.value.extremes.maxSeries + 1, (t, l) => (o(), n("line", {
               x1: c.value.drawingArea.left + c.value.slotSize * l,
               x2: c.value.drawingArea.left + c.value.slotSize * l,
               y1: c.value.drawingArea.top,
@@ -1293,10 +1325,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, wl))), 256))
+            }, null, 8, El))), 256))
           ])) : m("", !0),
-          e.value.xyShowAxis ? (o(), n("g", Al, [
-            $("line", {
+          e.value.xyShowAxis ? (o(), n("g", Tl, [
+            z("line", {
               x1: c.value.drawingArea.left,
               x2: c.value.drawingArea.left,
               y1: c.value.drawingArea.top,
@@ -1304,8 +1336,8 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ll),
-            $("line", {
+            }, null, 8, Il),
+            z("line", {
               x1: c.value.drawingArea.left,
               x2: c.value.drawingArea.right,
               y1: isNaN(c.value.absoluteZero) ? c.value.drawingArea.bottom : c.value.absoluteZero,
@@ -1313,15 +1345,15 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, _l)
+            }, null, 8, Ol)
           ])) : m("", !0),
           e.value.xyShowScale ? (o(), n("g", {
             key: 2,
             class: "yLabels",
             ref_key: "scaleLabels",
-            ref: Me
+            ref: Re
           }, [
-            (o(!0), n(x, null, T(c.value.yLabels, (t, l) => (o(), n(x, null, [
+            (o(!0), n(x, null, E(c.value.yLabels, (t, l) => (o(), n(x, null, [
               t.y <= c.value.drawingArea.bottom ? (o(), n("line", {
                 key: 0,
                 x1: t.x + 4,
@@ -1331,7 +1363,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, zl)) : m("", !0),
+              }, null, 8, Pl)) : m("", !0),
               t.y <= c.value.drawingArea.bottom ? (o(), n("text", {
                 key: 1,
                 x: t.x,
@@ -1339,22 +1371,22 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 "text-anchor": "end",
                 "font-size": e.value.xyLabelsYFontSize,
                 fill: e.value.color
-              }, V(s(re)(
+              }, N(s(se)(
                 e.value.formatter,
                 t.value,
-                s(Y)({
+                s(Z)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: l }
-              )), 9, $l)) : m("", !0)
+              )), 9, Ml)) : m("", !0)
             ], 64))), 256))
           ], 512)) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", Cl, [
-            (o(!0), n(x, null, T(te.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
-              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / ke.value) === 0 || y.value.end - y.value.start <= ke.value ? (o(), n("line", {
+          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", Rl, [
+            (o(!0), n(x, null, E(te.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
+              !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / be.value) === 0 || y.value.end - y.value.start <= be.value ? (o(), n("line", {
                 key: 0,
                 x1: c.value.drawingArea.left + c.value.slotSize * (l + 1) - c.value.slotSize / 2,
                 x2: c.value.drawingArea.left + c.value.slotSize * (l + 1) - c.value.slotSize / 2,
@@ -1363,14 +1395,14 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, El)) : m("", !0)
+              }, null, 8, Bl)) : m("", !0)
             ], 64))), 256)),
-            $("g", {
+            z("g", {
               ref_key: "timeLabelsEls",
-              ref: ne
+              ref: ie
             }, [
-              (o(!0), n(x, null, T(te.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
-                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / ke.value) === 0 || y.value.end - y.value.start <= ke.value ? (o(), n("g", Tl, [
+              (o(!0), n(x, null, E(te.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
+                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / be.value) === 0 || y.value.end - y.value.start <= be.value ? (o(), n("g", Dl, [
                   String(t).includes(`
 `) ? (o(), n("text", {
                     key: 1,
@@ -1379,66 +1411,66 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                     "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                     fill: e.value.color,
                     transform: `translate(${c.value.drawingArea.left + c.value.slotSize * (l + 1) - c.value.slotSize / 2}, ${c.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
-                    innerHTML: s(Bt)({
+                    innerHTML: s(Ut)({
                       content: String(t),
                       fontSize: e.value.xyLabelsXFontSize,
                       fill: e.value.color,
                       x: 0,
                       y: 0
                     })
-                  }, null, 8, Pl)) : (o(), n("text", {
+                  }, null, 8, Ul)) : (o(), n("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "font-size": e.value.xyLabelsXFontSize,
                     "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                     fill: e.value.color,
                     transform: `translate(${c.value.drawingArea.left + c.value.slotSize * (l + 1) - c.value.slotSize / 2}, ${c.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-                  }, V(t), 9, Il))
+                  }, N(t), 9, Nl))
                 ])) : m("", !0)
               ], 64))), 256))
             ], 512)
           ])) : m("", !0),
-          $("g", Ol, [
-            (o(!0), n(x, null, T(c.value.dataset, (t, l) => (o(), n("g", Fl, [
+          z("g", Vl, [
+            (o(!0), n(x, null, E(c.value.dataset, (t, l) => (o(), n("g", Hl, [
               e.value.lineSmooth ? (o(), n(x, { key: 0 }, [
-                $("path", {
+                z("path", {
                   ref_for: !0,
                   ref_key: "pathWrapper",
-                  ref: Ae,
-                  d: `M ${s(Dt)(t.coordinates)}`,
+                  ref: Ce,
+                  d: `M ${s(Vt)(t.coordinates)}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !s(q), "vue-data-ui-line-animated": e.value.lineAnimated && !s(q) }),
-                  style: D({ transition: s(q) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, Ml),
-                $("path", {
+                  class: fe({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
+                }, null, 14, ql),
+                z("path", {
                   ref_for: !0,
                   ref_key: "pathTop",
                   ref: Le,
-                  d: `M ${s(Dt)(t.coordinates)}`,
+                  d: `M ${s(Vt)(t.coordinates)}`,
                   stroke: t.color,
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !s(q), "vue-data-ui-line-animated": e.value.lineAnimated && !s(q) }),
-                  style: D({ transition: s(q) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, Rl)
+                  class: fe({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
+                }, null, 14, Wl)
               ], 64)) : (o(), n(x, { key: 1 }, [
-                $("path", {
+                z("path", {
                   ref_for: !0,
                   ref_key: "pathWrapper",
-                  ref: Ae,
+                  ref: Ce,
                   d: `M ${t.linePath}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !s(q), "vue-data-ui-line-animated": e.value.lineAnimated && !s(q) }),
-                  style: D({ transition: s(q) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, Nl),
-                $("path", {
+                  class: fe({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
+                }, null, 14, Gl),
+                z("path", {
                   ref_for: !0,
                   ref_key: "pathTop",
                   ref: Le,
@@ -1447,62 +1479,62 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: fe({ "quick-animation": !s(q), "vue-data-ui-line-animated": e.value.lineAnimated && !s(q) }),
-                  style: D({ transition: s(q) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, Bl)
+                  class: fe({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
+                }, null, 14, jl)
               ], 64)),
-              (o(!0), n(x, null, T(t.coordinates, (u, p) => (o(), n("circle", {
-                cx: u.x,
-                cy: s(se)(u.y),
+              (o(!0), n(x, null, E(t.coordinates, (r, p) => (o(), n("circle", {
+                cx: r.x,
+                cy: s(ve)(r.y),
                 r: 3,
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": "0.5",
-                class: fe({ "vue-ui-quick-chart-plot": !0, "quick-animation": !s(q) }),
-                style: D({ transition: s(q) ? void 0 : "all 0.3s ease-in-out" })
-              }, null, 14, Dl))), 256))
+                class: fe({ "vue-ui-quick-chart-plot": !0, "quick-animation": !s(U) }),
+                style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
+              }, null, 14, Xl))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (o(), n("g", Ul, [
-            (o(!0), n(x, null, T(c.value.dataset, (t, l) => (o(), n(x, null, [
-              (o(!0), n(x, null, T(t.coordinates, (u, p) => (o(), n("text", {
+          e.value.showDataLabels ? (o(), n("g", Zl, [
+            (o(!0), n(x, null, E(c.value.dataset, (t, l) => (o(), n(x, null, [
+              (o(!0), n(x, null, E(t.coordinates, (r, p) => (o(), n("text", {
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
-                x: u.x,
-                y: s(se)(u.y) - e.value.dataLabelFontSize / 2,
-                class: fe({ "vue-ui-quick-chart-label": !0, "quick-animation": !s(q) }),
-                style: D({ transition: s(q) ? void 0 : "all 0.3s ease-in-out" })
-              }, V(s(re)(
+                x: r.x,
+                y: s(ve)(r.y) - e.value.dataLabelFontSize / 2,
+                class: fe({ "vue-ui-quick-chart-label": !0, "quick-animation": !s(U) }),
+                style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
+              }, N(s(se)(
                 e.value.formatter,
-                s(se)(u.value),
-                s(Y)({
+                s(ve)(r.value),
+                s(Z)({
                   p: e.value.valuePrefix,
-                  v: s(se)(u.value),
+                  v: s(ve)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: u, seriesIndex: p }
-              )), 15, Vl))), 256))
+                { datapoint: r, seriesIndex: p }
+              )), 15, Yl))), 256))
             ], 64))), 256))
           ])) : m("", !0),
-          Ke.value ? (o(), n("g", ql, [
-            (o(!0), n(x, null, T(c.value.extremes.maxSeries, (t, l) => (o(), n("rect", {
+          Qe.value ? (o(), n("g", Jl, [
+            (o(!0), n(x, null, E(c.value.extremes.maxSeries, (t, l) => (o(), n("rect", {
               x: c.value.drawingArea.left + l * 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: [oe.value, ie.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+              fill: [oe.value, re.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
               style: D(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (u) => c.value.useTooltip(l),
-              onMouseleave: (u) => c.value.killTooltip(l),
-              onClick: (u) => c.value.selectDatapoint(l)
-            }, null, 44, Hl))), 256))
+              onMouseenter: (r) => c.value.useTooltip(l),
+              onMouseleave: (r) => c.value.killTooltip(l),
+              onClick: (r) => c.value.selectDatapoint(l)
+            }, null, 44, Ql))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        C.value === A.BAR ? (o(), n(x, { key: 5 }, [
-          e.value.xyShowGrid ? (o(), n("g", Wl, [
-            (o(!0), n(x, null, T(v.value.yLabels, (t) => (o(), n(x, null, [
+        $.value === w.BAR ? (o(), n(x, { key: 5 }, [
+          e.value.xyShowGrid ? (o(), n("g", Kl, [
+            (o(!0), n(x, null, E(v.value.yLabels, (t) => (o(), n(x, null, [
               t.y <= v.value.drawingArea.bottom ? (o(), n("line", {
                 key: 0,
                 x1: v.value.drawingArea.left,
@@ -1512,9 +1544,9 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Xl)) : m("", !0)
+              }, null, 8, eo)) : m("", !0)
             ], 64))), 256)),
-            (o(!0), n(x, null, T(v.value.extremes.maxSeries + 1, (t, l) => (o(), n("line", {
+            (o(!0), n(x, null, E(v.value.extremes.maxSeries + 1, (t, l) => (o(), n("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * l,
               x2: v.value.drawingArea.left + v.value.slotSize * l,
               y1: v.value.drawingArea.top,
@@ -1522,10 +1554,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Gl))), 256))
+            }, null, 8, to))), 256))
           ])) : m("", !0),
-          e.value.xyShowAxis ? (o(), n("g", jl, [
-            $("line", {
+          e.value.xyShowAxis ? (o(), n("g", ao, [
+            z("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.left,
               y1: v.value.drawingArea.top,
@@ -1533,8 +1565,8 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Yl),
-            $("line", {
+            }, null, 8, lo),
+            z("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.right,
               y1: isNaN(v.value.absoluteZero) ? v.value.drawingArea.bottom : v.value.absoluteZero,
@@ -1542,15 +1574,15 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Zl)
+            }, null, 8, oo)
           ])) : m("", !0),
           e.value.xyShowScale ? (o(), n("g", {
             key: 2,
             class: "yLabels",
             ref_key: "scaleLabels",
-            ref: Me
+            ref: Re
           }, [
-            (o(!0), n(x, null, T(v.value.yLabels, (t, l) => (o(), n(x, null, [
+            (o(!0), n(x, null, E(v.value.yLabels, (t, l) => (o(), n(x, null, [
               t.y <= v.value.drawingArea.bottom ? (o(), n("line", {
                 key: 0,
                 x1: t.x + 4,
@@ -1560,7 +1592,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Jl)) : m("", !0),
+              }, null, 8, no)) : m("", !0),
               t.y <= v.value.drawingArea.bottom ? (o(), n("text", {
                 key: 1,
                 x: t.x,
@@ -1568,21 +1600,21 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 "text-anchor": "end",
                 "font-size": e.value.xyLabelsYFontSize,
                 fill: e.value.color
-              }, V(s(re)(
+              }, N(s(se)(
                 e.value.formatter,
                 t.value,
-                s(Y)({
+                s(Z)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: l }
-              )), 9, Ql)) : m("", !0)
+              )), 9, io)) : m("", !0)
             ], 64))), 256))
           ], 512)) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", Kl, [
-            (o(!0), n(x, null, T(e.value.xyPeriods.slice(y.value.start, y.value.end), (t, l) => (o(), n("line", {
+          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", ro, [
+            (o(!0), n(x, null, E(e.value.xyPeriods.slice(y.value.start, y.value.end), (t, l) => (o(), n("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2,
               x2: v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2,
               y1: v.value.drawingArea.bottom,
@@ -1590,13 +1622,13 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, eo))), 256)),
-            $("g", {
+            }, null, 8, uo))), 256)),
+            z("g", {
               ref_key: "timeLabelsEls",
-              ref: ne
+              ref: ie
             }, [
-              (o(!0), n(x, null, T(te.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
-                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / ke.value) === 0 || y.value.end - y.value.start <= ke.value ? (o(), n("g", to, [
+              (o(!0), n(x, null, E(te.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
+                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / be.value) === 0 || y.value.end - y.value.start <= be.value ? (o(), n("g", so, [
                   String(t).includes(`
 `) ? (o(), n("text", {
                     key: 1,
@@ -1605,156 +1637,156 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                     "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                     fill: e.value.color,
                     transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
-                    innerHTML: s(Bt)({
+                    innerHTML: s(Ut)({
                       content: String(t),
                       fontSize: e.value.xyLabelsXFontSize,
                       fill: e.value.color,
                       x: 0,
                       y: 0
                     })
-                  }, null, 8, lo)) : (o(), n("text", {
+                  }, null, 8, co)) : (o(), n("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "font-size": e.value.xyLabelsXFontSize,
                     "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                     fill: e.value.color,
                     transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (l + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-                  }, V(t), 9, ao))
+                  }, N(t), 9, vo))
                 ])) : m("", !0)
               ], 64))), 256))
             ], 512)
           ])) : m("", !0),
-          $("g", oo, [
-            (o(!0), n(x, null, T(v.value.dataset, (t, l) => (o(), n(x, null, [
-              (o(!0), n(x, null, T(t.coordinates, (u, p) => (o(), n("rect", {
-                x: u.x,
-                width: u.width <= 0 ? 1e-5 : u.width,
-                height: s(se)(u.height <= 0 ? 1e-5 : u.height),
-                y: s(se)(u.y),
+          z("g", ho, [
+            (o(!0), n(x, null, E(v.value.dataset, (t, l) => (o(), n(x, null, [
+              (o(!0), n(x, null, E(t.coordinates, (r, p) => (o(), n("rect", {
+                x: r.x,
+                width: r.width <= 0 ? 1e-5 : r.width,
+                height: s(ve)(r.height <= 0 ? 1e-5 : r.height),
+                y: s(ve)(r.y),
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
                 "stroke-linecap": "round",
-                class: fe({ "vue-data-ui-bar-animated": e.value.barAnimated && u.value < 0 && !s(q) })
+                class: fe({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 && !s(U) })
               }, [
-                e.value.barAnimated && u.value > 0 && !s(Be) && !s(De) ? (o(), n("animate", {
+                e.value.barAnimated && r.value > 0 && !s(De) && !s(Ne) ? (o(), n("animate", {
                   key: 0,
                   attributeName: "height",
                   from: 0,
-                  to: u.height,
+                  to: r.height,
                   dur: "0.5s"
-                }, null, 8, io)) : m("", !0),
-                e.value.barAnimated && u.value > 0 && !s(Be) && !s(De) ? (o(), n("animate", {
+                }, null, 8, mo)) : m("", !0),
+                e.value.barAnimated && r.value > 0 && !s(De) && !s(Ne) ? (o(), n("animate", {
                   key: 1,
                   attributeName: "y",
                   from: v.value.absoluteZero,
-                  to: v.value.absoluteZero - u.height,
+                  to: v.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, uo)) : m("", !0)
-              ], 10, no))), 256))
+                }, null, 8, go)) : m("", !0)
+              ], 10, fo))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (o(), n("g", ro, [
-            (o(!0), n(x, null, T(v.value.dataset, (t, l) => (o(), n(x, null, [
-              (o(!0), n(x, null, T(t.coordinates, (u, p) => (o(), n("text", {
-                x: u.x + u.width / 2,
-                y: s(se)(u.y) - e.value.dataLabelFontSize / 2,
+          e.value.showDataLabels ? (o(), n("g", po, [
+            (o(!0), n(x, null, E(v.value.dataset, (t, l) => (o(), n(x, null, [
+              (o(!0), n(x, null, E(t.coordinates, (r, p) => (o(), n("text", {
+                x: r.x + r.width / 2,
+                y: s(ve)(r.y) - e.value.dataLabelFontSize / 2,
                 "text-anchor": "middle",
                 "font-size": e.value.dataLabelFontSize,
                 fill: t.color,
                 class: "quick-animation"
-              }, V(s(re)(
+              }, N(s(se)(
                 e.value.formatter,
-                s(se)(u.value),
-                s(Y)({
+                s(ve)(r.value),
+                s(Z)({
                   p: e.value.valuePrefix,
-                  v: s(se)(u.value),
+                  v: s(ve)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
-                { datapoint: u, seriesIndex: p }
-              )), 9, so))), 256))
+                { datapoint: r, seriesIndex: p }
+              )), 9, yo))), 256))
             ], 64))), 256))
           ])) : m("", !0),
-          Ke.value ? (o(), n("g", vo, [
-            (o(!0), n(x, null, T(v.value.extremes.maxSeries, (t, l) => (o(), n("rect", {
+          Qe.value ? (o(), n("g", xo, [
+            (o(!0), n(x, null, E(v.value.extremes.maxSeries, (t, l) => (o(), n("rect", {
               x: v.value.drawingArea.left + l * v.value.slotSize,
               y: v.value.drawingArea.top,
               height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
               width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
-              fill: [oe.value, ie.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+              fill: [oe.value, re.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
               style: D(`opacity:${e.value.xyHighlighterOpacity}`),
-              onMouseenter: (u) => v.value.useTooltip(l),
-              onMouseleave: (u) => v.value.killTooltip(l),
-              onClick: (u) => v.value.selectDatapoint(l)
-            }, null, 44, co))), 256))
+              onMouseenter: (r) => v.value.useTooltip(l),
+              onMouseleave: (r) => v.value.killTooltip(l),
+              onClick: (r) => v.value.selectDatapoint(l)
+            }, null, 44, ko))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        [A.LINE, A.BAR].includes(C.value) ? (o(), n("g", fo, [
-          e.value.xAxisLabel && C.value === A.LINE ? (o(), n("g", {
+        [w.LINE, w.BAR].includes($.value) ? (o(), n("g", bo, [
+          e.value.xAxisLabel && $.value === w.LINE ? (o(), n("g", {
             key: 0,
             ref_key: "xAxisLabel",
-            ref: gt
+            ref: pt
           }, [
-            $("text", {
+            z("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
               x: c.value.drawingArea.left + c.value.drawingArea.width / 2,
               y: S.value.height - e.value.axisLabelsFontSize / 3
-            }, V(e.value.xAxisLabel), 9, ho)
+            }, N(e.value.xAxisLabel), 9, So)
           ], 512)) : m("", !0),
-          e.value.xAxisLabel && C.value === A.BAR ? (o(), n("g", {
+          e.value.xAxisLabel && $.value === w.BAR ? (o(), n("g", {
             key: 1,
             ref_key: "xAxisLabel",
-            ref: gt
+            ref: pt
           }, [
-            $("text", {
+            z("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
-            }, V(e.value.xAxisLabel), 9, mo)
+            }, N(e.value.xAxisLabel), 9, Ao)
           ], 512)) : m("", !0),
-          e.value.yAxisLabel && C.value === A.LINE ? (o(), n("g", {
+          e.value.yAxisLabel && $.value === w.LINE ? (o(), n("g", {
             key: 2,
             ref_key: "yAxisLabel",
-            ref: pt
+            ref: yt
           }, [
-            $("text", {
+            z("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${c.value.drawingArea.top + c.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, V(e.value.yAxisLabel), 9, go)
+            }, N(e.value.yAxisLabel), 9, wo)
           ], 512)) : m("", !0),
-          e.value.yAxisLabel && C.value === A.BAR ? (o(), n("g", {
+          e.value.yAxisLabel && $.value === w.BAR ? (o(), n("g", {
             key: 3,
             ref_key: "yAxisLabel",
-            ref: pt
+            ref: yt
           }, [
-            $("text", {
+            z("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"
-            }, V(e.value.yAxisLabel), 9, po)
+            }, N(e.value.yAxisLabel), 9, Co)
           ], 512)) : m("", !0)
         ])) : m("", !0)
-      ], 12, el)) : m("", !0),
-      a.$slots.watermark ? (o(), n("div", yo, [
-        R(a.$slots, "watermark", Q(K({ isPrinting: s(Be) || s(De) })), void 0, !0)
+      ], 12, ul)) : m("", !0),
+      a.$slots.watermark ? (o(), n("div", Lo, [
+        R(a.$slots, "watermark", Q(K({ isPrinting: s(De) || s(Ne) })), void 0, !0)
       ])) : m("", !0),
-      [A.BAR, A.LINE].includes(C.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (o(), n("div", {
-        key: `slicer_${Fe.value}`,
+      [w.BAR, w.LINE].includes($.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (o(), n("div", {
+        key: `slicer_${Me.value}`,
         ref_key: "quickChartSlicer",
-        ref: dt
+        ref: ct
       }, [
-        (o(), Ie(qa, {
+        (o(), Ie(Qa, {
           ref_key: "slicerComponent",
-          ref: Ct,
-          key: `slicer_${Fe.value}`,
+          ref: Ft,
+          key: `slicer_${Me.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
           fontSize: e.value.zoomFontSize,
@@ -1773,26 +1805,26 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
           minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
           minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: aa.value,
+          minimap: va.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           verticalHandles: e.value.zoomMinimap.verticalHandles,
-          minimapSelectedIndex: ie.value,
+          minimapSelectedIndex: re.value,
           start: y.value.start,
-          "onUpdate:start": r[0] || (r[0] = (t) => y.value.start = t),
+          "onUpdate:start": u[0] || (u[0] = (t) => y.value.start = t),
           end: y.value.end,
-          "onUpdate:end": r[1] || (r[1] = (t) => y.value.end = t),
+          "onUpdate:end": u[1] || (u[1] = (t) => y.value.end = t),
           refreshStartPoint: e.value.zoomStartIndex !== null ? e.value.zoomStartIndex : 0,
           refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : k.value.maxSeriesLength,
           enableRangeHandles: e.value.zoomEnableRangeHandles,
           enableSelectionDrag: e.value.zoomEnableSelectionDrag,
           minimapCompact: e.value.zoomMinimap.compact,
           minimapMerged: e.value.zoomMinimap.merged,
-          allMinimaps: ra.value,
+          allMinimaps: ga.value,
           minimapFrameColor: e.value.zoomMinimap.frameColor,
           focusOnDrag: e.value.zoomFocusOnDrag,
           focusRangeRatio: e.value.zoomFocusRangeRatio,
-          onReset: ea,
-          onTrapMouse: Kt
+          onReset: ua,
+          onTrapMouse: ra
         }, {
           "reset-action": G(({ reset: t }) => [
             R(a.$slots, "reset-action", Q(K({ reset: t })), void 0, !0)
@@ -1800,45 +1832,45 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "minimapMerged", "allMinimaps", "minimapFrameColor", "focusOnDrag", "focusRangeRatio"]))
       ])) : m("", !0),
-      $("div", {
-        id: `legend-bottom-${Z.value}`
-      }, null, 8, xo),
-      mt.value ? (o(), Ie(Sa, {
+      z("div", {
+        id: `legend-bottom-${Y.value}`
+      }, null, 8, _o),
+      gt.value ? (o(), Ie(Fa, {
         key: 7,
-        to: e.value.legendPosition === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
+        to: e.value.legendPosition === "top" ? `#legend-top-${Y.value}` : `#legend-bottom-${Y.value}`
       }, [
         e.value.showLegend ? (o(), n("div", {
           key: 0,
           ref_key: "quickChartLegend",
-          ref: vt,
+          ref: dt,
           class: "vue-ui-quick-chart-legend",
           style: D(`background:transparent;color:${e.value.color}`)
         }, [
-          C.value === A.DONUT ? (o(!0), n(x, { key: 0 }, T(I.value.legend, (t, l) => (o(), n("div", {
+          $.value === w.DONUT ? (o(!0), n(x, { key: 0 }, E(T.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
-            onClick: (u) => {
-              Qt(t, I.value.dataset), pe("selectLegend", t);
+            onClick: (r) => {
+              ia(t, T.value.dataset), ye("selectLegend", t);
             },
-            style: D(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${_.value.includes(t.id) ? "0.5" : "1"}`)
+            style: D(`cursor: ${T.value.legend.length > 1 ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
-            e.value.useCustomLegend ? R(a.$slots, "legend", nt({
+            e.value.useCustomLegend ? R(a.$slots, "legend", ot({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (o(), n(x, { key: 1 }, [
-              be(s(H), {
+              Se(s(V), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
-              $("span", {
+              z("span", {
                 style: D(`font-size:${e.value.legendFontSize}px`)
-              }, V(t.name), 5),
-              $("span", {
+              }, N(t.name), 5),
+              z("span", {
                 style: D(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
-              }, V(_.value.includes(t.id) ? "-" : s(re)(
+              }, N(L.value.includes(t.id) ? "-" : s(se)(
                 e.value.formatter,
                 t.absoluteValue,
-                s(Y)({
+                s(Z)({
                   p: e.value.valuePrefix,
                   v: t.absoluteValue,
                   s: e.value.valueSuffix,
@@ -1846,7 +1878,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 }),
                 { datapoint: t, seriesIndex: l }
               )), 5),
-              _.value.includes(t.id) ? (o(), n("span", {
+              L.value.includes(t.id) ? (o(), n("span", {
                 key: 0,
                 style: D(`font-size:${e.value.legendFontSize}px`)
               }, " ( - % ) ", 4)) : Ue.value ? (o(), n("span", {
@@ -1855,67 +1887,67 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               }, " ( - % ) ", 4)) : (o(), n("span", {
                 key: 2,
                 style: D(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-              }, " (" + V(s(Y)({
-                v: t.value / I.value.total * 100,
+              }, " (" + N(s(Z)({
+                v: t.value / T.value.total * 100,
                 s: "%",
                 r: e.value.dataLabelRoundingPercentage
               })) + ") ", 5))
             ], 64))
-          ], 12, ko))), 256)) : m("", !0),
-          C.value === A.LINE ? (o(!0), n(x, { key: 1 }, T(c.value.legend, (t, l) => (o(), n("div", {
+          ], 12, zo))), 256)) : m("", !0),
+          $.value === w.LINE ? (o(!0), n(x, { key: 1 }, E(c.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
-            onClick: (u) => {
-              Lt(t.id, c.value.legend.length - 1), pe("selectLegend", t);
+            onClick: (r) => {
+              Lt(t.id, c.value.legend.length - 1), ye("selectLegend", t);
             },
-            style: D(`cursor: ${c.value.legend.length > 1 ? "pointer" : "default"}; opacity:${_.value.includes(t.id) ? "0.5" : "1"}`)
+            style: D(`cursor: ${c.value.legend.length > 1 ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
-            e.value.useCustomLegend ? R(a.$slots, "legend", nt({
+            e.value.useCustomLegend ? R(a.$slots, "legend", ot({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (o(), n(x, { key: 1 }, [
-              be(s(H), {
+              Se(s(V), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
-              $("span", {
+              z("span", {
                 style: D(`font-size:${e.value.legendFontSize}px`)
-              }, V(t.name), 5)
+              }, N(t.name), 5)
             ], 64))
-          ], 12, bo))), 256)) : m("", !0),
-          C.value === A.BAR ? (o(!0), n(x, { key: 2 }, T(v.value.legend, (t, l) => (o(), n("div", {
+          ], 12, $o))), 256)) : m("", !0),
+          $.value === w.BAR ? (o(!0), n(x, { key: 2 }, E(v.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
-            onClick: (u) => {
-              Lt(t.id, v.value.legend.length - 1), pe("selectLegend", t);
+            onClick: (r) => {
+              Lt(t.id, v.value.legend.length - 1), ye("selectLegend", t);
             },
-            style: D(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${_.value.includes(t.id) ? "0.5" : "1"}`)
+            style: D(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
-            e.value.useCustomLegend ? R(a.$slots, "legend", nt({
+            e.value.useCustomLegend ? R(a.$slots, "legend", ot({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (o(), n(x, { key: 1 }, [
-              be(s(H), {
+              Se(s(V), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
-              $("span", {
+              z("span", {
                 style: D(`font-size:${e.value.legendFontSize}px`)
-              }, V(t.name), 5)
+              }, N(t.name), 5)
             ], 64))
-          ], 12, So))), 256)) : m("", !0)
+          ], 12, Fo))), 256)) : m("", !0)
         ], 4)) : m("", !0)
       ], 8, ["to"])) : m("", !0),
       a.$slots.source ? (o(), n("div", {
         key: 8,
         ref_key: "source",
-        ref: ct,
+        ref: ht,
         dir: "auto"
       }, [
         R(a.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
-      be(s(Se), {
-        show: ye.value.showTooltip && he.value,
+      Se(s(Ae), {
+        show: xe.value.showTooltip && me.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         borderRadius: e.value.tooltipBorderRadius,
@@ -1925,9 +1957,9 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         backgroundOpacity: e.value.tooltipBackgroundOpacity,
         position: e.value.tooltipPosition,
         offsetY: e.value.tooltipOffsetY,
-        parent: N.value,
-        content: me.value,
-        isFullscreen: qe.value,
+        parent: ne.value,
+        content: ge.value,
+        isFullscreen: He.value,
         isCustom: s(Ge)(e.value.tooltipCustomFormat),
         smooth: e.value.tooltipSmooth,
         smoothForce: e.value.tooltipSmoothForce,
@@ -1942,16 +1974,21 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "smoothForce", "smoothSnapThreshold", "backdropFilter"]),
-      s(q) ? (o(), Ie(Ma, { key: 9 })) : m("", !0)
-    ], 46, Qa)) : (o(), n("div", wo, [
-      be(s(H), {
+      s(U) ? (o(), Ie(qa, { key: 9 })) : m("", !0)
+    ], 46, il)) : (o(), n("div", Eo, [
+      Se(s(V), {
         name: "circleCancel",
         stroke: "red"
       }),
-      r[5] || (r[5] = $("span", null, "Dataset is not processable", -1))
+      u[5] || (u[5] = z("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Bo = /* @__PURE__ */ Wa(Ao, [["__scopeId", "data-v-63e8b40f"]]);
+}, Io = /* @__PURE__ */ Ka(To, [["__scopeId", "data-v-a559e811"]]), Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Io
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  Bo as default
+  Xo as a,
+  Zo as b,
+  Io as v
 };