vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-quick-chart-BMDrPkAJ.js → vue-ui-quick-chart-CXrm_rzI.js}

@@ -1,162 +1,166 @@
-import { defineAsyncComponent as Fe, 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 he, createBlock as Ie, createCommentVNode as m, createElementVNode as z, createVNode as Se, unref as s, withCtx as W, renderSlot as R, normalizeProps as Q, guardReactiveProps as K, createSlots as $a, toDisplayString as N, Fragment as x, renderList as F, Teleport as Ea, mergeProps as ot } from "vue";
-import { c as Fa, t as Ta, i as Ia, j as ee, a1 as Nt, k as Oa, a7 as Pa, g as Ma, o as Ra, m as nt, a3 as Ba, N as Ge, X as Da, a4 as Na, a5 as it, a6 as Oe, a as se, d as Y, $ as Ut, A as Vt, U as ve, y as We, _ as rt } from "./lib-2iaAPQ_c.js";
-import { t as Ht, u as Ua } from "./useResponsive-DfdjqQps.js";
-import { u as Va, a as ut } from "./useNestedProp-BCt4DMkT.js";
-import { u as Ha, B as qa } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ga } from "./usePrinter-ChVMpU2f.js";
-import { u as Wa } from "./useSvgExport-ByUukOZt.js";
-import { u as ja } from "./useTimeLabels-DKoynYae.js";
-import { u as Xa } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Ya } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Za } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Ja from "./img-CqYIrJ8I.js";
-import { S as Qa } from "./Slicer-EQH4YKwe.js";
-import { _ as Ka } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineAsyncComponent as Fe, ref as A, computed as M, toRefs as za, watch as Te, shallowRef as Bt, onMounted as $a, onBeforeUnmount as Dt, nextTick as lt, watchEffect as Ea, 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 W, renderSlot as R, normalizeProps as Q, guardReactiveProps as K, createSlots as Fa, toDisplayString as N, Fragment as x, renderList as F, Teleport as Ta, mergeProps as ot } from "vue";
+import { c as Ia, t as Oa, i as Pa, j as ee, a1 as Nt, k as Ma, a7 as Ra, g as Ba, o as Da, m as nt, a3 as Na, N as Ge, X as Ua, a4 as Va, a5 as it, a6 as Oe, a as se, d as Y, $ as Ut, A as Vt, U as ve, y as We, _ as rt } from "./lib-CVHM9FhP.js";
+import { t as Ht, u as Ha } from "./useResponsive-DfdjqQps.js";
+import { u as qa, a as ut } from "./useNestedProp-Ckf_2P_V.js";
+import { u as Ga, B as Wa } from "./BaseScanner-BMpwQAfz.js";
+import { u as ja } from "./usePrinter-1NmjuP-i.js";
+import { u as Xa } from "./useSvgExport-ByUukOZt.js";
+import { u as Ya } from "./useTimeLabels-DKoynYae.js";
+import { u as Za } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Ja } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Qa } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Ka from "./img-6fNF_rG0.js";
+import { S as el } from "./Slicer-DckZxvyx.js";
+import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const w = {
   LINE: "LINE",
   BAR: "BAR",
   DONUT: "DONUT"
-}, el = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function tl({ dataset: h, barLineSwitch: O = 6, debug: C = !0 }) {
+}, al = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
+function ll({ dataset: f, barLineSwitch: O = 6, debug: C = !0 }) {
   let V = null, X = null, ce = 0;
-  if ((typeof h == "number" || typeof h == "string") && C && console.warn(`The provided dataset (${h}) is not sufficient to build a chart`), Xe(h) && (de(h) && (h.length < O ? V = w.BAR : V = w.LINE, X = h, ce = h.length), je(h))) {
-    if (!ll(h))
+  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 (!nl(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 Ye = Object.keys(h[0]), Pe = Object.values(h[0]);
-    if (!Ye.some((j) => ol(j)))
+    const Ye = Object.keys(f[0]), Pe = Object.values(f[0]);
+    if (!Ye.some((j) => il(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 = h), qt(Pe, (j) => Array.isArray(j) && de(j)) && (Gt(h) > O ? V = w.LINE : V = w.BAR, ce = Gt(h), X = h.map((j) => ({
+    qt(Pe, (j) => typeof j == "number") && (V = w.DONUT, X = f), qt(Pe, (j) => Array.isArray(j) && de(j)) && (Gt(f) > O ? V = w.LINE : V = w.BAR, ce = Gt(f), X = f.map((j) => ({
       ...j,
-      data: nl(j, (q) => de(q))
-    }))), h = h.map((j) => Wt(j)), X = X.map((j) => Wt(j));
+      data: rl(j, (q) => de(q))
+    }))), f = f.map((j) => Wt(j)), X = X.map((j) => Wt(j));
   }
   return {
-    dataset: h,
+    dataset: f,
     type: V,
     usableDataset: X,
     maxSeriesLength: ce
   };
 }
-function jt(h) {
-  return !h || Xe(h) && !h.length;
+function jt(f) {
+  return !f || Xe(f) && !f.length;
 }
-function Xe(h) {
-  return Array.isArray(h);
+function Xe(f) {
+  return Array.isArray(f);
 }
-function de(h) {
-  if (!Xe(h) || jt(h)) return !1;
-  const O = h.map((C) => Number(C));
+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 !Xe(h) || jt(h) || !![...new Set(h.flatMap((C) => typeof C == "object" && !Array.isArray(C)))].includes(!1) ? !1 : !h.map((C) => Object.keys(C).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 al(h, O) {
-  const C = Object.keys(h).sort(), V = Object.keys(O).sort();
+function ol(f, O) {
+  const C = Object.keys(f).sort(), V = Object.keys(O).sort();
   if (C.length !== V.length)
     return !1;
   for (let X = 0; X < C.length; X += 1) {
     const ce = C[X], Ae = V[X];
-    if (ce !== Ae || typeof h[ce] != typeof O[Ae])
+    if (ce !== Ae || typeof f[ce] != typeof O[Ae])
       return !1;
   }
   return !0;
 }
-function ll(h) {
-  if (h.length <= 1) return !0;
-  for (let O = 0; O < h.length; O += 1)
-    for (let C = O + 1; C < h.length; C += 1)
-      if (!al(h[O], h[C]))
+function nl(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 (!ol(f[O], f[C]))
         return !1;
   return !0;
 }
-function ol(h) {
-  return el.includes(h.toUpperCase());
+function il(f) {
+  return al.includes(f.toUpperCase());
 }
-function qt(h, O) {
+function qt(f, O) {
   let C = [];
-  for (let V = 0; V < h.length; V += 1)
-    C.push(O(h[V]));
+  for (let V = 0; V < f.length; V += 1)
+    C.push(O(f[V]));
   return C.includes(!0);
 }
-function Gt(h) {
-  return Math.max(...[...h].flatMap((O) => Object.values(O).filter((C) => de(C)).map((C) => C.length)));
+function Gt(f) {
+  return Math.max(...[...f].flatMap((O) => Object.values(O).filter((C) => de(C)).map((C) => C.length)));
 }
-function nl(h, O) {
-  return Object.values(h).filter((C) => O(C))[0];
+function rl(f, O) {
+  return Object.values(f).filter((C) => O(C))[0];
 }
-function Wt(h) {
+function Wt(f) {
   const O = {};
-  for (let C in h)
-    h.hasOwnProperty(C) && (O[C.toUpperCase()] = h[C]);
+  for (let C in f)
+    f.hasOwnProperty(C) && (O[C.toUpperCase()] = f[C]);
   return O;
 }
-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 }, Yt = { backgroundColor: "#FFF8E1", color: "#424242", donutStroke: "#FFF8E1", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403760", xyHighlighterColor: "#424242", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#424242", selectedColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Zt = { backgroundColor: "#1E1E1E", color: "#BDBDBD", donutStroke: "#1E1E1E", 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", donutStroke: "#1A1A1A", xyHighlighterColor: "#66CC66", zoomColor: "#5F6A5F", zoomHighlightColor: "#66CC66", tooltipBorderColor: "#66CC66" }, Qt = { backgroundColor: "#fbfafa", color: "#8A9892", donutStroke: "#fbfafa", xyAxisStroke: "transparent", xyGridStroke: "transparent", xyHighlighterColor: "#8F837A", zoomColor: "#E0CFC3", zoomHighlightColor: "#8F837A" }, Kt = { backgroundColor: "#f6f6fb", color: "#50606C", donutStroke: "#f6f6fb", xyAxisStroke: "#829C98", xyGridStroke: "#CCD6D3", xyHighlighterColor: "#7DA9B5", zoomColor: "#92B0AB", zoomHighlightColor: "#50606C" }, ea = {
+const Xt = { showUserOptions: !1, showLegend: !1, xyShowGrid: !1, zoomMinimap: { show: !0 } }, Yt = { showUserOptions: !1, showLegend: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A", xyAxisStroke: "#5A5A5A", xyGridStroke: "#4A4A4A", xyShowGrid: !1, xyHighlighterColor: "#CCCCCC", zoomColor: "#4A4A4A", zoomHighlightColor: "#9A9A9A", zoomMinimap: { show: !0, lineColor: "#424242", selectedColor: "#8A8A8A", indicatorColor: "#CCCCCC" }, tooltipBorderColor: "#3A3A3A", tooltipBackgroundOpacity: 70 }, Zt = { 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 }, Jt = { backgroundColor: "#FFF8E1", color: "#424242", donutStroke: "#FFF8E1", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403760", xyHighlighterColor: "#424242", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#424242", selectedColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Qt = { backgroundColor: "#1E1E1E", color: "#BDBDBD", "donutStro:ke": "#1E1E1E", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403780", xyHighlighterColor: "#FFF8E1", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#FF6B6B", selectedColor: "#FF8A65", indicatorColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Kt = { backgroundColor: "#1A1A1A", color: "#99AA99", xyAxisStroke: "#5F6A5F", xyGridStroke: "#333333", donutStroke: "#1A1A1A", xyHighlighterColor: "#66CC66", zoomColor: "#5F6A5F", zoomHighlightColor: "#66CC66", tooltipBorderColor: "#66CC66" }, ea = { backgroundColor: "#fbfafa", color: "#8A9892", donutStroke: "#fbfafa", xyAxisStroke: "transparent", xyGridStroke: "transparent", xyHighlighterColor: "#8F837A", zoomColor: "#E0CFC3", zoomHighlightColor: "#8F837A" }, ta = { backgroundColor: "#f6f6fb", color: "#50606C", donutStroke: "#f6f6fb", xyAxisStroke: "#829C98", xyGridStroke: "#CCD6D3", xyHighlighterColor: "#7DA9B5", zoomColor: "#92B0AB", zoomHighlightColor: "#50606C" }, aa = {
   default: {},
-  dark: Xt,
-  celebration: Yt,
-  celebrationNight: Zt,
-  hack: Jt,
-  zen: Qt,
-  concrete: Kt
-}, Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Xt,
+  minimalDark: Yt,
+  dark: Zt,
+  celebration: Jt,
+  celebrationNight: Qt,
+  hack: Kt,
+  zen: ea,
+  concrete: ta
+}, Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Yt,
-  celebrationNight: Zt,
-  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"], fl = ["id"], hl = ["id"], ml = ["flood-color"], gl = {
+  celebration: Jt,
+  celebrationNight: Qt,
+  concrete: ta,
+  dark: Zt,
+  default: aa,
+  hack: Kt,
+  minimal: Xt,
+  minimalDark: Yt,
+  zen: ea
+}, Symbol.toStringTag, { value: "Module" })), ul = ["id"], sl = ["id"], vl = ["xmlns", "viewBox"], dl = ["x", "y", "width", "height"], cl = ["x", "y", "width", "height"], hl = ["width", "height"], fl = ["id"], ml = ["id"], gl = ["id"], pl = ["flood-color"], yl = {
   key: 0,
   class: "donut-label-connectors"
-}, 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 = {
+}, xl = ["d", "stroke", "stroke-width", "filter"], kl = ["cx", "cy", "r", "fill", "filter"], bl = { class: "donut" }, Sl = ["d", "fill", "stroke", "stroke-width", "filter"], Al = ["d", "onMouseenter", "onMouseout", "onClick"], wl = {
   key: 1,
   class: "donut-labels quick-animation"
-}, 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 = {
+}, Cl = ["cx", "cy", "fill", "stroke", "filter"], Ll = ["text-anchor", "x", "y", "fill", "font-size", "filter"], _l = ["text-anchor", "x", "y", "fill", "font-size", "filter"], zl = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, _l = ["x", "y", "font-size", "fill"], zl = ["x", "y", "font-size", "fill"], $l = {
+}, $l = ["x", "y", "font-size", "fill"], El = ["x", "y", "font-size", "fill"], Fl = {
   key: 0,
   class: "line-grid"
-}, El = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = {
+}, Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = {
   key: 1,
   class: "line-axis"
-}, 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 = {
+}, Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bl = ["x", "y", "font-size", "fill"], Dl = {
   key: 3,
   class: "periodLabels"
-}, 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"], Gl = ["d", "stroke", "stroke-width"], Wl = ["d", "stroke", "stroke-width"], jl = ["d", "stroke", "stroke-width"], Xl = ["cx", "cy", "fill", "stroke"], Yl = {
+}, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ul = { key: 0 }, Vl = ["font-size", "text-anchor", "fill", "transform"], Hl = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], ql = { class: "plots" }, Gl = { class: "line-plot-series" }, Wl = ["d", "stroke", "stroke-width"], jl = ["d", "stroke", "stroke-width"], Xl = ["d", "stroke", "stroke-width"], Yl = ["d", "stroke", "stroke-width"], Zl = ["cx", "cy", "fill", "stroke"], Jl = {
   key: 4,
   class: "dataLabels"
-}, Zl = ["font-size", "fill", "x", "y"], Jl = {
+}, Ql = ["font-size", "fill", "x", "y"], Kl = {
   key: 5,
   class: "tooltip-traps"
-}, Ql = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], Kl = {
+}, eo = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], to = {
   key: 0,
   class: "line-grid"
-}, eo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], to = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ao = {
+}, ao = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], lo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oo = {
   key: 1,
   class: "line-axis"
-}, 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 = {
+}, no = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], io = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ro = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], uo = ["x", "y", "font-size", "fill"], so = {
   key: 3,
   class: "periodLabels"
-}, 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"], fo = { class: "plots" }, ho = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], mo = ["to"], go = ["from", "to"], po = {
+}, vo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], co = { key: 0 }, ho = ["font-size", "text-anchor", "fill", "transform"], fo = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], mo = { class: "plots" }, go = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], po = ["to"], yo = ["from", "to"], xo = {
   key: 4,
   class: "dataLabels"
-}, yo = ["x", "y", "font-size", "fill"], xo = {
+}, ko = ["x", "y", "font-size", "fill"], bo = {
   key: 5,
   class: "tooltip-traps"
-}, ko = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], bo = {
+}, So = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], Ao = {
   key: 6,
   class: "axis-labels"
-}, So = ["font-size", "fill", "x", "y"], Ao = ["font-size", "fill", "x", "y"], wo = ["font-size", "fill", "transform"], Co = ["font-size", "fill", "transform"], Lo = {
+}, wo = ["font-size", "fill", "x", "y"], Co = ["font-size", "fill", "x", "y"], Lo = ["font-size", "fill", "transform"], _o = ["font-size", "fill", "transform"], zo = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, _o = ["id"], zo = ["onClick"], $o = ["onClick"], Eo = ["onClick"], Fo = {
+}, $o = ["id"], Eo = ["onClick"], Fo = ["onClick"], To = ["onClick"], Io = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, To = {
+}, Oo = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -173,16 +177,16 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
     }
   },
   emits: ["selectDatapoint", "selectLegend"],
-  setup(h, { expose: O, emit: C }) {
-    const V = Fe(() => import("./BaseIcon-B9bGT7HU.js")), X = Fe(() => import("./PackageVersion-C-JOGZBL.js")), ce = Fe(() => import("./PenAndPaper-CulSakut.js")), Ae = Fe(() => import("./Tooltip-DpfUZbt7.js")), st = Fe(() => import("./UserOptions-5pXc4J-c.js")), { vue_ui_quick_chart: Ye } = Va(), { isThemeValid: Pe, warnInvalidTheme: j } = Xa(), q = h, ne = A(null), vt = A(null), dt = A(null), ct = A(null), Z = A(Fa()), me = A(!1), we = A(null), ge = A(""), oe = A(null), ft = A(null), ht = 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);
+  setup(f, { expose: O, emit: C }) {
+    const V = Fe(() => import("./BaseIcon-4uOct8re.js")), X = Fe(() => import("./PackageVersion-CQxJyGQr.js")), ce = Fe(() => import("./PenAndPaper-LTuSTmWE.js")), Ae = Fe(() => import("./Tooltip-B6qvABDL.js")), st = Fe(() => import("./UserOptions-CX7Xsusk.js")), { vue_ui_quick_chart: Ye } = qa(), { isThemeValid: Pe, warnInvalidTheme: j } = Za(), q = f, ne = A(null), vt = A(null), dt = A(null), ct = A(null), Z = A(Ia()), 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()), Ze = M(() => !!e.value.debug), { loading: U, FINAL_DATASET: ta, manualLoading: xt } = Ha({
-      ...La(q),
+    const e = A(Ke()), Ze = M(() => !!e.value.debug), { loading: U, FINAL_DATASET: la, manualLoading: xt } = Ga({
+      ...za(q),
       FINAL_CONFIG: e,
       prepareConfig: Ke,
       callback: () => {
         Promise.resolve().then(async () => {
-          await lt(), $.value === w.LINE && e.value.lineAnimated && !U.value && ma({
+          await lt(), $.value === w.LINE && e.value.lineAnimated && !U.value && pa({
             pathDuration: 1e3,
             pointDuration: 1200,
             labelDuration: 1200
@@ -190,7 +194,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         });
       },
       skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
-      skeletonConfig: Ta({
+      skeletonConfig: Oa({
         defaultConfig: e.value,
         userConfig: {
           backgroundColor: "#99999930",
@@ -212,9 +216,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           zoomEndIndex: null
         }
       })
-    }), { svgRef: Je } = Ya({ config: { text: e.value.title } }), aa = M(() => e.value.showUserOptionsOnChartHover), kt = M(() => e.value.keepUserOptionsStateOnChartLeave), Be = A(!e.value.showUserOptionsOnChartHover), Qe = A(!1);
+    }), { svgRef: Je } = Ja({ config: { text: e.value.title } }), oa = 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);
+      Qe.value = a, oa.value && (Be.value = a);
     }
     function Ke() {
       const a = ut({
@@ -228,7 +232,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           j(a), u = a;
         else {
           const l = ut({
-            userConfig: ea[t] || q.config,
+            userConfig: aa[t] || q.config,
             defaultConfig: a
           });
           u = {
@@ -236,7 +240,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               userConfig: q.config,
               defaultConfig: l
             }),
-            customPalette: a.customPalette.length ? a.customPalette : Ia[t] || ee
+            customPalette: a.customPalette.length ? a.customPalette : Pa[t] || ee
           };
         }
       else
@@ -250,8 +254,8 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
     }, { deep: !0 }), Te(() => q.dataset, (a) => {
       Array.isArray(a) && a.length > 0 && (xt.value = !1);
     }, { immediate: !0 });
-    const _e = M(() => Oa(e.value.customPalette)), ye = C, ze = M(() => {
-      const a = tl({ debug: Ze.value, dataset: Pa(ta.value, [
+    const _e = M(() => Ma(e.value.customPalette)), ye = C, ze = M(() => {
+      const a = ll({ debug: Ze.value, dataset: Ra(la.value, [
         "serie",
         "series",
         "data",
@@ -260,19 +264,19 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return !a && Ze.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
-    }), k = A(ze.value), la = M(() => !!k.value), $ = M(() => k.value ? k.value.type : null);
+    }), k = A(ze.value), na = M(() => !!k.value), $ = M(() => k.value ? k.value.type : null);
     Te(() => $.value, (a) => {
-      a || Ma({
+      a || Ba({
         componentName: "VueUiQuickChart",
         type: "dataset",
         debug: Ze.value
       });
     }, { immediate: !0 });
-    const { isPrinting: De, isImaging: Ne, generatePdf: St, generateImage: At } = Ga({
+    const { isPrinting: De, isImaging: Ne, generatePdf: St, generateImage: At } = ja({
       elementId: `${$.value}_${Z.value}`,
       fileName: e.value.title || $.value,
       options: e.value.userOptionsPrint
-    }), oa = M(() => e.value.showUserOptions && !e.value.title), S = A({
+    }), ia = M(() => e.value.showUserOptions && !e.value.title), S = A({
       width: e.value.width,
       height: e.value.height
     }), xe = A({
@@ -283,33 +287,33 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         showTooltip: e.value.showTooltip
       };
     }, { immediate: !0 });
-    const fe = Bt(null), ke = Bt(null);
-    _a(async () => {
+    const he = Bt(null), ke = Bt(null);
+    $a(async () => {
       gt.value = !0, wt();
     });
     function wt() {
-      if (Ra(q.dataset) || (xt.value = e.value.loading), e.value.responsive) {
+      if (Da(q.dataset) || (xt.value = e.value.loading), e.value.responsive) {
         const a = Ht(() => {
-          const { width: u, height: t } = Ua({
+          const { width: u, height: t } = Ha({
             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: ft.value,
-            noTitle: ht.value
+            source: ht.value,
+            noTitle: ft.value
           });
           requestAnimationFrame(() => {
             S.value.width = u, S.value.height = t;
           });
         });
-        fe.value && (ke.value && fe.value.unobserve(ke.value), fe.value.disconnect()), fe.value = new ResizeObserver(a), ke.value = ne.value.parentNode, fe.value.observe(ke.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);
       }
       Ft();
     }
     Dt(() => {
-      fe.value && (ke.value && fe.value.unobserve(ke.value), fe.value.disconnect());
+      he.value && (ke.value && he.value.unobserve(ke.value), he.value.disconnect());
     });
-    const na = M(() => {
+    const ra = 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}`;
@@ -331,7 +335,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       L.value.includes(a) ? L.value = L.value.filter((t) => t !== a) : L.value.length < u && L.value.push(a);
     }
     const _t = A(null), zt = A(null), Ue = A(!1);
-    function ia(a, u) {
+    function ua(a, u) {
       Ue.value = !0;
       let t = a.value;
       const l = ze.value.dataset.find((r, p) => a.id === `donut_${p}`).VALUE;
@@ -376,84 +380,84 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       }
     }
     const re = A(null);
-    function ra(a) {
+    function sa(a) {
       re.value = a;
     }
     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((f, _) => ({
-        ...f,
-        value: f.VALUE || f.DATA || f.SERIE || f.VALUES || f.NUM || 0,
-        name: f.NAME || f.DESCRIPTION || f.TITLE || f.LABEL || `Serie ${_}`,
+      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((f, _) => ({
-        ...f,
-        color: f.COLOR ? nt(f.COLOR) : _e.value[_ + e.value.paletteStartIndex] || ee[_ + e.value.paletteStartIndex] || ee[(_ + e.value.paletteStartIndex) % ee.length],
-        immutableValue: f.value
+      })).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 u(f, _) {
+      function u(h, _) {
         return Y({
-          v: isNaN(f.value / Ct(_)) ? 0 : f.value / Ct(_) * 100,
+          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, _) {
-        const d = ze.value.dataset.find((g, E) => `donut_${E}` === f).VALUE;
+      function l(h, _) {
+        const d = ze.value.dataset.find((g, E) => `donut_${E}` === h).VALUE;
         return Math.abs(String(Number(d.toFixed(0))).length - String(Number(_.toFixed(0))).length);
       }
-      function r({ datapoint: f, seriesIndex: _ }) {
-        we.value = { datapoint: f, seriesIndex: _, 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: _ }), We(d) && rt(() => d({
-          datapoint: f,
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: h, seriesIndex: _ }), We(d) && rt(() => d({
+          datapoint: h,
           seriesIndex: _,
           series: a,
           config: e.value
         })))
           ge.value = d({
-            datapoint: f,
+            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>${se(
+          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,
+            h.value,
             Y({
               p: e.value.valuePrefix,
-              v: f.value,
+              v: h.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
-            { datapoint: f, seriesIndex: _ }
-          )}</b>`, i += `<span>(${Y({ v: f.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ge.value = `<div>${i}</div>`;
+            { datapoint: h, seriesIndex: _ }
+          )}</b>`, i += `<span>(${Y({ v: h.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ge.value = `<div>${i}</div>`;
         }
         me.value = !0;
       }
-      function p({ datapoint: f, seriesIndex: _ }) {
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: f, seriesIndex: _ }), me.value = !1, oe.value = null, re.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: _ }) {
-        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: f, seriesIndex: _ }), ye("selectDatapoint", f);
+      function b({ datapoint: h, seriesIndex: _ }) {
+        e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: h, seriesIndex: _ }), ye("selectDatapoint", h);
       }
       const I = {
         centerX: S.value.width / 2,
         centerY: S.value.height / 2
-      }, P = a.filter((f) => !L.value.includes(f.id)).map((f) => f.value || 0).reduce((f, _) => f + _, 0), ae = a.map((f, _) => ({
-        ...f,
-        proportion: (f.value || 0) / P,
-        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, G = S.value.height * e.value.donutRadiusRatio;
       return {
-        dataset: ae.filter((f) => !L.value.includes(f.id)),
+        dataset: ae.filter((h) => !L.value.includes(h.id)),
         legend: ae,
         drawingArea: I,
         displayArcPercentage: u,
@@ -466,8 +470,8 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         cx: ue,
         cy: J,
         radius: G,
-        chart: Ba(
-          { series: a.filter((f) => !L.value.includes(f.id)) },
+        chart: Na(
+          { series: a.filter((h) => !L.value.includes(h.id)) },
           ue,
           J,
           G,
@@ -484,23 +488,23 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       start: 0,
       end: k.value.maxSeriesLength
     });
-    function ua() {
+    function va() {
       Ft();
     }
     const Et = A(null);
     async function Ft() {
       await lt(), await lt();
       const { zoomStartIndex: a, zoomEndIndex: u } = e.value, t = Et.value;
-      (a != null || u != null) && t ? (a != null && t.setStartValue(a), u != null && t.setEndValue(sa(u + 1))) : (y.value = {
+      (a != null || u != null) && t ? (a != null && t.setStartValue(a), u != null && t.setEndValue(da(u + 1))) : (y.value = {
         start: 0,
         end: k.value.maxSeriesLength
       }, Me.value += 1);
     }
-    function sa(a) {
+    function da(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 va = M(() => {
+    const ca = M(() => {
       if (!e.value.zoomMinimap.show || $.value === w.DONUT) return [];
       let a = [];
       de(k.value.dataset) && (a = k.value.dataset), je(k.value.dataset) && (a = k.value.dataset.map((r, p) => ({
@@ -524,14 +528,14 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         return p > l ? p : l;
       }, 0)), a + 4;
     }
-    const et = A(0), da = Ht((a) => {
+    const et = A(0), ha = Ht((a) => {
       et.value = a;
     }, 100);
-    za((a) => {
+    Ea((a) => {
       const u = ie.value;
       if (!u) return;
       const t = new ResizeObserver((l) => {
-        da(l[0].contentRect.height);
+        ha(l[0].contentRect.height);
       });
       t.observe(u), a(() => t.disconnect());
     }), Dt(() => {
@@ -655,7 +659,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         }
         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, re.value = null, me.value = !1;
       }
@@ -672,7 +676,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         slotSize: P,
         yLabels: ae,
         useTooltip: G,
-        killTooltip: f,
+        killTooltip: h,
         selectDatapoint: _
       };
     }), v = M(() => {
@@ -757,7 +761,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           absoluteIndex: g.absoluteIndices[i]
         })).filter((g) => !L.value.includes(g.id));
       }
-      function f(i) {
+      function h(i) {
         oe.value = i, re.value = i;
         const g = G(i);
         we.value = { datapoint: g, seriesIndex: i, config: e.value, dataset: l };
@@ -816,12 +820,12 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         extremes: r,
         slotSize: P,
         yLabels: ae,
-        useTooltip: f,
+        useTooltip: h,
         killTooltip: _,
         selectDatapoint: d
       };
     });
-    function ca(a) {
+    function fa(a) {
       if (!a) return;
       const u = a.getTotalLength();
       a.style.transition = "none", a.style.strokeDasharray = `${u}`, a.style.strokeDashoffset = `${u}`;
@@ -831,10 +835,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         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 fa(a) {
+    function ma(a) {
       return a.cx?.baseVal?.value ?? parseFloat(a.getAttribute("cx"));
     }
-    function ha(a) {
+    function ga(a) {
       const u = a.getAttribute("x");
       if (u != null) return parseFloat(u);
       const t = a.getCTM?.();
@@ -857,7 +861,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       }
       return p.push(b), p;
     }
-    function ma({
+    function pa({
       pathDuration: a,
       pathEasing: u = "ease-in-out",
       pointDuration: t,
@@ -868,9 +872,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       labelStep: I = 0,
       intraSeriesStep: P = 0
     } = {}) {
-      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), G = ne?.value || null, f = G ? Array.from(G.querySelectorAll(".vue-ui-quick-chart-plot")) : [], _ = G ? Array.from(G.querySelectorAll(".vue-ui-quick-chart-label")) : [];
-      J.forEach(ca), It(f, { fromOpacity: "0", fromScale: "0.75" }), It(_, { fromOpacity: "0", fromScale: "0.98" }), f.forEach((g) => g.classList.remove("quick-animation")), _.forEach((g) => g.classList.remove("quick-animation")), G && G.offsetWidth;
-      const d = f.length ? Ot(f, fa) : [], i = _.length ? Ot(_, ha) : [];
+      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), G = ne?.value || null, h = G ? Array.from(G.querySelectorAll(".vue-ui-quick-chart-plot")) : [], _ = G ? Array.from(G.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+      J.forEach(fa), 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")), G && G.offsetWidth;
+      const d = h.length ? Ot(h, ma) : [], i = _.length ? Ot(_, ga) : [];
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           J.forEach((g) => {
@@ -889,7 +893,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         });
       });
     }
-    const ga = M(() => {
+    const ya = M(() => {
       if ($.value === w.LINE)
         return c.value.legend.map((a) => (Math.min(...a.absoluteValues.map((u) => u ?? 0)), {
           ...a,
@@ -904,7 +908,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           type: "bar",
           series: a.absoluteValues
         }));
-    }), te = M(() => ja({
+    }), te = M(() => Ya({
       values: e.value.xyPeriods,
       maxDatapoints: k.value.maxSeriesLength,
       formatter: e.value.datetimeFormatter,
@@ -924,9 +928,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
     function tt() {
       qe.value = !qe.value;
     }
-    async function pa({ scale: a = 2 } = {}) {
+    async function xa({ 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 });
+      const { width: u, height: t } = ne.value.getBoundingClientRect(), l = u / t, { imageUri: r, base64: p } = await Ka({ domElement: ne.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: r,
         base64: p,
@@ -936,8 +940,8 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         aspectRatio: l
       };
     }
-    const ya = M(() => S.value.width), xa = M(() => S.value.height);
-    Za({
+    const ka = M(() => S.value.width), ba = M(() => S.value.height);
+    Qa({
       timeLabelsEls: ie,
       timeLabels: te,
       slicer: y,
@@ -946,17 +950,17 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
       isAutoSize: !1,
       rotation: e.value.xyPeriodLabelsAutoRotate.angle,
-      height: xa.value,
-      width: ya.value
+      height: ba.value,
+      width: ka.value
     });
-    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(() => ({
+    const Sa = M(() => e.value.backgroundColor), Aa = M(() => $.value === w.DONUT ? T.value.legend : $.value === w.LINE ? c.value.legend : v.value.legend), wa = M(() => ({
       show: e.value.showLegend,
       bold: !1,
       backgroundColor: e.value.backgroundColor,
       color: e.value.color,
       fontSize: e.value.legendFontSize,
       position: e.value.legendPosition
-    })), Aa = M(() => ({
+    })), Ca = M(() => ({
       text: e.value.title,
       color: e.value.color,
       fontSize: e.value.titleFontSize,
@@ -965,34 +969,34 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       subtitle: {
         text: ""
       }
-    })), { exportSvg: wa, getSvg: Ca } = Wa({
+    })), { exportSvg: La, getSvg: _a } = Xa({
       svg: Je,
-      title: Aa,
-      legend: Sa,
-      legendItems: ba,
-      backgroundColor: ka
+      title: Ca,
+      legend: wa,
+      legendItems: Aa,
+      backgroundColor: Sa
     });
     async function Rt({ isCb: a }) {
       if (a) {
-        const { blob: u, url: t, text: l, dataUrl: r } = await Ca();
+        const { blob: u, url: t, text: l, dataUrl: r } = await _a();
         e.value.userOptionsCallbacks.svg({ blob: u, url: t, text: l, dataUrl: r });
       } else
-        wa();
+        La();
     }
     return O({
-      getImage: pa,
+      getImage: xa,
       generatePdf: St,
       generateImage: At,
       generateSvg: Rt,
       toggleTooltip: Mt,
       toggleAnnotator: tt,
       toggleFullscreen: Pt
-    }), (a, u) => la.value ? (o(), n("div", {
+    }), (a, u) => na.value ? (o(), n("div", {
       key: 0,
       id: `${$.value}_${Z.value}`,
       ref_key: "quickChart",
       ref: ne,
-      class: he({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": He.value }),
+      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: u[2] || (u[2] = () => bt(!0)),
       onMouseleave: u[3] || (u[3] = () => bt(!1))
@@ -1025,10 +1029,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
-      oa.value ? (o(), n("div", {
+      ia.value ? (o(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ht,
+        ref: ft,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : m("", !0),
@@ -1064,7 +1068,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         style: D({
           visibility: kt.value ? Be.value ? "visible" : "hidden" : "visible"
         })
-      }, $a({ _: 2 }, [
+      }, Fa({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: W(({ isOpen: t, color: l }) => [
@@ -1124,13 +1128,13 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       }, N(e.value.title), 5)) : m("", !0),
       z("div", {
         id: `legend-top-${Z.value}`
-      }, null, 8, rl),
+      }, null, 8, sl),
       $.value ? (o(), n("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: Je,
-        xmlns: s(Da),
-        viewBox: na.value,
+        xmlns: s(Ua),
+        viewBox: ra.value,
         style: D(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
         Se(s(X)),
@@ -1145,7 +1149,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           }
         }, [
           R(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, sl)) : m("", !0),
+        ], 8, dl)) : m("", !0),
         a.$slots["chart-background"] && $.value === w.LINE ? (o(), n("foreignObject", {
           key: 1,
           x: c.value.drawingArea.left,
@@ -1157,7 +1161,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           }
         }, [
           R(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, vl)) : m("", !0),
+        ], 8, cl)) : m("", !0),
         a.$slots["chart-background"] && $.value === w.DONUT ? (o(), n("foreignObject", {
           key: 2,
           x: 0,
@@ -1169,7 +1173,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           }
         }, [
           R(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, dl)) : m("", !0),
+        ], 8, hl)) : m("", !0),
         z("defs", null, [
           z("filter", {
             id: `blur_${Z.value}`,
@@ -1182,12 +1186,12 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${Z.value}`
-            }, null, 8, fl),
+            }, null, 8, ml),
             u[4] || (u[4] = z("feColorMatrix", {
               type: "saturate",
               values: "0"
             }, null, -1))
-          ], 8, cl),
+          ], 8, fl),
           z("filter", {
             id: `shadow_${Z.value}`,
             "color-interpolation-filters": "sRGB"
@@ -1198,22 +1202,22 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.donutShadowColor
-            }, null, 8, ml)
-          ], 8, hl)
+            }, null, 8, pl)
+          ], 8, gl)
         ]),
         $.value === w.DONUT ? (o(), n(x, { key: 3 }, [
-          e.value.showDataLabels ? (o(), n("g", gl, [
+          e.value.showDataLabels ? (o(), n("g", yl, [
             (o(!0), n(x, null, F(T.value.chart, (t, l) => (o(), n(x, null, [
               T.value.isArcBigEnough(t) ? (o(), n("path", {
                 key: 0,
-                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),
+                d: s(Va)(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, pl)) : m("", !0)
+              }, null, 8, xl)) : m("", !0)
             ], 64))), 256))
           ])) : m("", !0),
           z("circle", {
@@ -1222,24 +1226,24 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
             r: T.value.radius,
             fill: e.value.backgroundColor,
             filter: e.value.donutUseShadow ? `url(#shadow_${Z.value})` : ""
-          }, null, 8, yl),
-          z("g", xl, [
+          }, null, 8, kl),
+          z("g", bl, [
             (o(!0), n(x, null, F(T.value.chart, (t, l) => (o(), n("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: e.value.donutStroke || e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
               filter: $e(t.id)
-            }, null, 8, kl))), 256)),
+            }, null, 8, Sl))), 256)),
             (o(!0), n(x, null, F(T.value.chart, (t, l) => (o(), n("path", {
               d: t.arcSlice,
               fill: "transparent",
               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))
+            }, null, 40, Al))), 256))
           ]),
-          e.value.showDataLabels ? (o(), n("g", Sl, [
+          e.value.showDataLabels ? (o(), n("g", wl, [
             (o(!0), n(x, null, F(T.value.chart, (t, l) => (o(), n(x, null, [
               T.value.isArcBigEnough(t) ? (o(), n("circle", {
                 key: 0,
@@ -1250,7 +1254,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 "stroke-width": 1,
                 r: 3,
                 filter: $e(t.id)
-              }, null, 8, Al)) : m("", !0),
+              }, null, 8, Cl)) : m("", !0),
               T.value.isArcBigEnough(t) ? (o(), n("text", {
                 key: 1,
                 "text-anchor": s(Oe)(t, !0, 20).anchor,
@@ -1269,7 +1273,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: l }
-              )) + ") ", 9, wl)) : m("", !0),
+              )) + ") ", 9, Ll)) : m("", !0),
               T.value.isArcBigEnough(t, !0, 20) ? (o(), n("text", {
                 key: 2,
                 "text-anchor": s(Oe)(t).anchor,
@@ -1278,17 +1282,17 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: $e(t.id)
-              }, N(t.name), 9, Cl)) : m("", !0)
+              }, N(t.name), 9, _l)) : m("", !0)
             ], 64))), 256))
           ])) : m("", !0),
-          e.value.donutShowTotal ? (o(), n("g", Ll, [
+          e.value.donutShowTotal ? (o(), n("g", zl, [
             z("text", {
               "text-anchor": "middle",
               x: T.value.drawingArea.centerX,
               y: T.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, N(e.value.donutTotalLabelText), 9, _l),
+            }, N(e.value.donutTotalLabelText), 9, $l),
             z("text", {
               "text-anchor": "middle",
               x: T.value.drawingArea.centerX,
@@ -1300,11 +1304,11 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               v: T.value.total,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
-            })), 9, zl)
+            })), 9, El)
           ])) : m("", !0)
         ], 64)) : m("", !0),
         $.value === w.LINE ? (o(), n(x, { key: 4 }, [
-          e.value.xyShowGrid ? (o(), n("g", $l, [
+          e.value.xyShowGrid ? (o(), n("g", Fl, [
             (o(!0), n(x, null, F(c.value.yLabels, (t) => (o(), n(x, null, [
               t.y <= c.value.drawingArea.bottom ? (o(), n("line", {
                 key: 0,
@@ -1315,7 +1319,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, El)) : m("", !0)
+              }, null, 8, Tl)) : m("", !0)
             ], 64))), 256)),
             (o(!0), n(x, null, F(c.value.extremes.maxSeries + 1, (t, l) => (o(), n("line", {
               x1: c.value.drawingArea.left + c.value.slotSize * l,
@@ -1325,9 +1329,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Fl))), 256))
+            }, null, 8, Il))), 256))
           ])) : m("", !0),
-          e.value.xyShowAxis ? (o(), n("g", Tl, [
+          e.value.xyShowAxis ? (o(), n("g", Ol, [
             z("line", {
               x1: c.value.drawingArea.left,
               x2: c.value.drawingArea.left,
@@ -1336,7 +1340,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Il),
+            }, null, 8, Pl),
             z("line", {
               x1: c.value.drawingArea.left,
               x2: c.value.drawingArea.right,
@@ -1345,7 +1349,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ol)
+            }, null, 8, Ml)
           ])) : m("", !0),
           e.value.xyShowScale ? (o(), n("g", {
             key: 2,
@@ -1363,7 +1367,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Pl)) : m("", !0),
+              }, null, 8, Rl)) : m("", !0),
               t.y <= c.value.drawingArea.bottom ? (o(), n("text", {
                 key: 1,
                 x: t.x,
@@ -1381,10 +1385,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: l }
-              )), 9, Ml)) : m("", !0)
+              )), 9, Bl)) : m("", !0)
             ], 64))), 256))
           ], 512)) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", Rl, [
+          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", Dl, [
             (o(!0), n(x, null, F(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,
@@ -1395,14 +1399,14 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Bl)) : m("", !0)
+              }, null, 8, Nl)) : m("", !0)
             ], 64))), 256)),
             z("g", {
               ref_key: "timeLabelsEls",
               ref: ie
             }, [
               (o(!0), n(x, null, F(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, [
+                !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", Ul, [
                   String(t).includes(`
 `) ? (o(), n("text", {
                     key: 1,
@@ -1418,20 +1422,20 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                       x: 0,
                       y: 0
                     })
-                  }, null, 8, Ul)) : (o(), n("text", {
+                  }, null, 8, Hl)) : (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})`
-                  }, N(t), 9, Nl))
+                  }, N(t), 9, Vl))
                 ])) : m("", !0)
               ], 64))), 256))
             ], 512)
           ])) : m("", !0),
-          z("g", Vl, [
-            (o(!0), n(x, null, F(c.value.dataset, (t, l) => (o(), n("g", Hl, [
+          z("g", ql, [
+            (o(!0), n(x, null, F(c.value.dataset, (t, l) => (o(), n("g", Gl, [
               e.value.lineSmooth ? (o(), n(x, { key: 0 }, [
                 z("path", {
                   ref_for: !0,
@@ -1442,9 +1446,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: he({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  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),
+                }, null, 14, Wl),
                 z("path", {
                   ref_for: !0,
                   ref_key: "pathTop",
@@ -1454,9 +1458,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: he({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  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)
+                }, null, 14, jl)
               ], 64)) : (o(), n(x, { key: 1 }, [
                 z("path", {
                   ref_for: !0,
@@ -1467,9 +1471,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: he({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  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),
+                }, null, 14, Xl),
                 z("path", {
                   ref_for: !0,
                   ref_key: "pathTop",
@@ -1479,9 +1483,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: he({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
+                  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)
+                }, null, 14, Yl)
               ], 64)),
               (o(!0), n(x, null, F(t.coordinates, (r, p) => (o(), n("circle", {
                 cx: r.x,
@@ -1490,12 +1494,12 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": "0.5",
-                class: he({ "vue-ui-quick-chart-plot": !0, "quick-animation": !s(U) }),
+                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))
+              }, null, 14, Zl))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (o(), n("g", Yl, [
+          e.value.showDataLabels ? (o(), n("g", Jl, [
             (o(!0), n(x, null, F(c.value.dataset, (t, l) => (o(), n(x, null, [
               (o(!0), n(x, null, F(t.coordinates, (r, p) => (o(), n("text", {
                 "text-anchor": "middle",
@@ -1503,7 +1507,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 fill: t.color,
                 x: r.x,
                 y: s(ve)(r.y) - e.value.dataLabelFontSize / 2,
-                class: he({ "vue-ui-quick-chart-label": !0, "quick-animation": !s(U) }),
+                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,
@@ -1515,10 +1519,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: p }
-              )), 15, Zl))), 256))
+              )), 15, Ql))), 256))
             ], 64))), 256))
           ])) : m("", !0),
-          Qe.value ? (o(), n("g", Jl, [
+          Qe.value ? (o(), n("g", Kl, [
             (o(!0), n(x, null, F(c.value.extremes.maxSeries, (t, l) => (o(), n("rect", {
               x: c.value.drawingArea.left + l * c.value.slotSize,
               y: c.value.drawingArea.top,
@@ -1529,11 +1533,11 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               onMouseenter: (r) => c.value.useTooltip(l),
               onMouseleave: (r) => c.value.killTooltip(l),
               onClick: (r) => c.value.selectDatapoint(l)
-            }, null, 44, Ql))), 256))
+            }, null, 44, eo))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
         $.value === w.BAR ? (o(), n(x, { key: 5 }, [
-          e.value.xyShowGrid ? (o(), n("g", Kl, [
+          e.value.xyShowGrid ? (o(), n("g", to, [
             (o(!0), n(x, null, F(v.value.yLabels, (t) => (o(), n(x, null, [
               t.y <= v.value.drawingArea.bottom ? (o(), n("line", {
                 key: 0,
@@ -1544,7 +1548,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, eo)) : m("", !0)
+              }, null, 8, ao)) : m("", !0)
             ], 64))), 256)),
             (o(!0), n(x, null, F(v.value.extremes.maxSeries + 1, (t, l) => (o(), n("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * l,
@@ -1554,9 +1558,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, to))), 256))
+            }, null, 8, lo))), 256))
           ])) : m("", !0),
-          e.value.xyShowAxis ? (o(), n("g", ao, [
+          e.value.xyShowAxis ? (o(), n("g", oo, [
             z("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.left,
@@ -1565,7 +1569,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, lo),
+            }, null, 8, no),
             z("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.right,
@@ -1574,7 +1578,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, oo)
+            }, null, 8, io)
           ])) : m("", !0),
           e.value.xyShowScale ? (o(), n("g", {
             key: 2,
@@ -1592,7 +1596,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, no)) : m("", !0),
+              }, null, 8, ro)) : m("", !0),
               t.y <= v.value.drawingArea.bottom ? (o(), n("text", {
                 key: 1,
                 x: t.x,
@@ -1610,10 +1614,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: l }
-              )), 9, io)) : m("", !0)
+              )), 9, uo)) : m("", !0)
             ], 64))), 256))
           ], 512)) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", ro, [
+          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", so, [
             (o(!0), n(x, null, F(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,
@@ -1622,13 +1626,13 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, uo))), 256)),
+            }, null, 8, vo))), 256)),
             z("g", {
               ref_key: "timeLabelsEls",
               ref: ie
             }, [
               (o(!0), n(x, null, F(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, [
+                !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", co, [
                   String(t).includes(`
 `) ? (o(), n("text", {
                     key: 1,
@@ -1644,19 +1648,19 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                       x: 0,
                       y: 0
                     })
-                  }, null, 8, co)) : (o(), n("text", {
+                  }, null, 8, fo)) : (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})`
-                  }, N(t), 9, vo))
+                  }, N(t), 9, ho))
                 ])) : m("", !0)
               ], 64))), 256))
             ], 512)
           ])) : m("", !0),
-          z("g", fo, [
+          z("g", mo, [
             (o(!0), n(x, null, F(v.value.dataset, (t, l) => (o(), n(x, null, [
               (o(!0), n(x, null, F(t.coordinates, (r, p) => (o(), n("rect", {
                 x: r.x,
@@ -1667,7 +1671,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
                 "stroke-linecap": "round",
-                class: he({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 && !s(U) })
+                class: fe({ "vue-data-ui-bar-animated": e.value.barAnimated && r.value < 0 && !s(U) })
               }, [
                 e.value.barAnimated && r.value > 0 && !s(De) && !s(Ne) ? (o(), n("animate", {
                   key: 0,
@@ -1675,18 +1679,18 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   from: 0,
                   to: r.height,
                   dur: "0.5s"
-                }, null, 8, mo)) : m("", !0),
+                }, null, 8, po)) : 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 - r.height,
                   dur: "0.5s"
-                }, null, 8, go)) : m("", !0)
-              ], 10, ho))), 256))
+                }, null, 8, yo)) : m("", !0)
+              ], 10, go))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (o(), n("g", po, [
+          e.value.showDataLabels ? (o(), n("g", xo, [
             (o(!0), n(x, null, F(v.value.dataset, (t, l) => (o(), n(x, null, [
               (o(!0), n(x, null, F(t.coordinates, (r, p) => (o(), n("text", {
                 x: r.x + r.width / 2,
@@ -1705,10 +1709,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: p }
-              )), 9, yo))), 256))
+              )), 9, ko))), 256))
             ], 64))), 256))
           ])) : m("", !0),
-          Qe.value ? (o(), n("g", xo, [
+          Qe.value ? (o(), n("g", bo, [
             (o(!0), n(x, null, F(v.value.extremes.maxSeries, (t, l) => (o(), n("rect", {
               x: v.value.drawingArea.left + l * v.value.slotSize,
               y: v.value.drawingArea.top,
@@ -1719,10 +1723,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               onMouseenter: (r) => v.value.useTooltip(l),
               onMouseleave: (r) => v.value.killTooltip(l),
               onClick: (r) => v.value.selectDatapoint(l)
-            }, null, 44, ko))), 256))
+            }, null, 44, So))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        [w.LINE, w.BAR].includes($.value) ? (o(), n("g", bo, [
+        [w.LINE, w.BAR].includes($.value) ? (o(), n("g", Ao, [
           e.value.xAxisLabel && $.value === w.LINE ? (o(), n("g", {
             key: 0,
             ref_key: "xAxisLabel",
@@ -1734,7 +1738,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               "text-anchor": "middle",
               x: c.value.drawingArea.left + c.value.drawingArea.width / 2,
               y: S.value.height - e.value.axisLabelsFontSize / 3
-            }, N(e.value.xAxisLabel), 9, So)
+            }, N(e.value.xAxisLabel), 9, wo)
           ], 512)) : m("", !0),
           e.value.xAxisLabel && $.value === w.BAR ? (o(), n("g", {
             key: 1,
@@ -1747,7 +1751,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               "text-anchor": "middle",
               x: v.value.drawingArea.left + v.value.drawingArea.width / 2,
               y: S.value.height - e.value.axisLabelsFontSize / 3
-            }, N(e.value.xAxisLabel), 9, Ao)
+            }, N(e.value.xAxisLabel), 9, Co)
           ], 512)) : m("", !0),
           e.value.yAxisLabel && $.value === w.LINE ? (o(), n("g", {
             key: 2,
@@ -1759,7 +1763,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${c.value.drawingArea.top + c.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, N(e.value.yAxisLabel), 9, wo)
+            }, N(e.value.yAxisLabel), 9, Lo)
           ], 512)) : m("", !0),
           e.value.yAxisLabel && $.value === w.BAR ? (o(), n("g", {
             key: 3,
@@ -1771,11 +1775,11 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${v.value.drawingArea.top + v.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, N(e.value.yAxisLabel), 9, Co)
+            }, N(e.value.yAxisLabel), 9, _o)
           ], 512)) : m("", !0)
         ])) : m("", !0)
-      ], 12, ul)) : m("", !0),
-      a.$slots.watermark ? (o(), n("div", Lo, [
+      ], 12, vl)) : m("", !0),
+      a.$slots.watermark ? (o(), n("div", zo, [
         R(a.$slots, "watermark", Q(K({ isPrinting: s(De) || s(Ne) })), void 0, !0)
       ])) : m("", !0),
       [w.BAR, w.LINE].includes($.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (o(), n("div", {
@@ -1783,7 +1787,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         ref_key: "quickChartSlicer",
         ref: ct
       }, [
-        (o(), Ie(Qa, {
+        (o(), Ie(el, {
           ref_key: "slicerComponent",
           ref: Et,
           key: `slicer_${Me.value}`,
@@ -1805,7 +1809,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
           minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
           minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: va.value,
+          minimap: ca.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           verticalHandles: e.value.zoomMinimap.verticalHandles,
           minimapSelectedIndex: re.value,
@@ -1819,12 +1823,12 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           enableSelectionDrag: e.value.zoomEnableSelectionDrag,
           minimapCompact: e.value.zoomMinimap.compact,
           minimapMerged: e.value.zoomMinimap.merged,
-          allMinimaps: ga.value,
+          allMinimaps: ya.value,
           minimapFrameColor: e.value.zoomMinimap.frameColor,
           focusOnDrag: e.value.zoomFocusOnDrag,
           focusRangeRatio: e.value.zoomFocusRangeRatio,
-          onReset: ua,
-          onTrapMouse: ra
+          onReset: va,
+          onTrapMouse: sa
         }, {
           "reset-action": W(({ reset: t }) => [
             R(a.$slots, "reset-action", Q(K({ reset: t })), void 0, !0)
@@ -1834,8 +1838,8 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       ])) : m("", !0),
       z("div", {
         id: `legend-bottom-${Z.value}`
-      }, null, 8, _o),
-      gt.value ? (o(), Ie(Ea, {
+      }, null, 8, $o),
+      gt.value ? (o(), Ie(Ta, {
         key: 7,
         to: e.value.legendPosition === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
       }, [
@@ -1849,7 +1853,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           $.value === w.DONUT ? (o(!0), n(x, { key: 0 }, F(T.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (r) => {
-              ia(t, T.value.dataset), ye("selectLegend", t);
+              ua(t, T.value.dataset), ye("selectLegend", t);
             },
             style: D(`cursor: ${T.value.legend.length > 1 ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
@@ -1893,7 +1897,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 r: e.value.dataLabelRoundingPercentage
               })) + ") ", 5))
             ], 64))
-          ], 12, zo))), 256)) : m("", !0),
+          ], 12, Eo))), 256)) : m("", !0),
           $.value === w.LINE ? (o(!0), n(x, { key: 1 }, F(c.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (r) => {
@@ -1914,7 +1918,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 style: D(`font-size:${e.value.legendFontSize}px`)
               }, N(t.name), 5)
             ], 64))
-          ], 12, $o))), 256)) : m("", !0),
+          ], 12, Fo))), 256)) : m("", !0),
           $.value === w.BAR ? (o(!0), n(x, { key: 2 }, F(v.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (r) => {
@@ -1935,13 +1939,13 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                 style: D(`font-size:${e.value.legendFontSize}px`)
               }, N(t.name), 5)
             ], 64))
-          ], 12, Eo))), 256)) : m("", !0)
+          ], 12, To))), 256)) : m("", !0)
         ], 4)) : m("", !0)
       ], 8, ["to"])) : m("", !0),
       a.$slots.source ? (o(), n("div", {
         key: 8,
         ref_key: "source",
-        ref: ft,
+        ref: ht,
         dir: "auto"
       }, [
         R(a.$slots, "source", {}, void 0, !0)
@@ -1975,8 +1979,8 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "smoothForce", "smoothSnapThreshold", "backdropFilter"]),
-      s(U) ? (o(), Ie(qa, { key: 9 })) : m("", !0)
-    ], 46, il)) : (o(), n("div", Fo, [
+      s(U) ? (o(), Ie(Wa, { key: 9 })) : m("", !0)
+    ], 46, ul)) : (o(), n("div", Io, [
       Se(s(V), {
         name: "circleCancel",
         stroke: "red"
@@ -1984,12 +1988,12 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       u[5] || (u[5] = z("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Io = /* @__PURE__ */ Ka(To, [["__scopeId", "data-v-3dce9f71"]]), Yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Po = /* @__PURE__ */ tl(Oo, [["__scopeId", "data-v-3dce9f71"]]), Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Io
+  default: Po
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Xo as a,
-  Yo as b,
-  Io as v
+  Zo as a,
+  Jo as b,
+  Po as v
 };