vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-quick-chart-BB5b4AQ1.js → vue-ui-quick-chart-D6AS1YSx.js}

@@ -1,31 +1,32 @@
-import { ref as L, computed as B, watch as Fe, onMounted as St, onBeforeUnmount as wt, nextTick as Ie, createElementBlock as l, openBlock as a, normalizeStyle as N, normalizeClass as re, createBlock as Ee, createCommentVNode as f, createVNode as se, unref as g, createSlots as At, withCtx as J, renderSlot as F, normalizeProps as ve, guardReactiveProps as de, toDisplayString as P, createElementVNode as _, Fragment as m, renderList as $, mergeProps as Me } from "vue";
-import { u as _t, c as zt, t as Lt, p as q, a as $t, C as ot, b as Ct, J as It, e as Et, d as Ue, m as Tt, D as it, X as Pt, j as Ot, k as Be, n as ke, i as G, f as D, S as nt, v as X, x as Te, y as De } from "./index-B9qF6XbP.js";
-import { t as Rt, u as Nt } from "./useResponsive-BWapHhVH.js";
-import Pe from "./BaseIcon-t20JEZNG.js";
-import { _ as Ft } from "./Tooltip-BonEVaob.js";
-import { u as Mt, U as Ut } from "./usePrinter-DsiBLAy1.js";
-import { S as Bt } from "./Slicer-BQP3UIW-.js";
-import Dt from "./vue-ui-skeleton-CHEZlRpn.js";
-import { u as ut } from "./useNestedProp-g5oKzlVy.js";
-import { _ as Vt } from "./PackageVersion-DqmHcoqz.js";
-import { P as qt } from "./PenAndPaper-6UYizrkQ.js";
-import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { ref as L, computed as B, watch as Fe, onMounted as wt, onBeforeUnmount as At, nextTick as Ie, createElementBlock as l, openBlock as a, normalizeStyle as N, normalizeClass as re, createBlock as Ee, createCommentVNode as f, createVNode as se, unref as g, createSlots as _t, withCtx as J, renderSlot as F, normalizeProps as ve, guardReactiveProps as de, toDisplayString as P, createElementVNode as _, Fragment as m, renderList as $, mergeProps as Me } from "vue";
+import { u as zt, c as Lt, t as $t, p as q, a as Ct, C as ot, b as It, J as Et, e as Tt, d as Ue, m as Pt, D as it, X as Ot, j as Rt, k as Be, n as ke, i as G, f as D, S as nt, v as X, x as Te, y as De } from "./index-CZlI7PiS.js";
+import { t as Nt, u as Ft } from "./useResponsive-BWapHhVH.js";
+import Pe from "./BaseIcon-dThl5uNa.js";
+import { _ as Mt } from "./Tooltip-DRw9RoFp.js";
+import { u as Ut, U as Bt } from "./usePrinter-D-sSdR2l.js";
+import { S as Dt } from "./Slicer-BAcq2vD0.js";
+import Vt from "./vue-ui-skeleton-D8r-yAkW.js";
+import { u as ut } from "./useNestedProp-Cg0NIwr6.js";
+import { _ as qt } from "./PackageVersion-J_USnljf.js";
+import { P as Wt } from "./PenAndPaper-CoEXEMcN.js";
+import { u as Ht } from "./useChartAccessibility-BWojgys7.js";
+import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   LINE: "LINE",
   BAR: "BAR",
   DONUT: "DONUT"
-}, Ht = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function jt({ dataset: c, barLineSwitch: C = 6 }) {
+}, Gt = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
+function Xt({ dataset: c, barLineSwitch: C = 6 }) {
   let p = null, M = null, O = 0;
   if ((typeof c == "number" || typeof c == "string") && console.warn(`The provided dataset (${c}) is not sufficient to build a chart`), be(c) && (Z(c) && (c.length < C ? p = A.BAR : p = A.LINE, M = c, O = c.length), Oe(c))) {
-    if (!Xt(c))
+    if (!Yt(c))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
     const le = Object.keys(c[0]), ce = Object.values(c[0]);
-    if (!le.some((E) => Zt(E)))
+    if (!le.some((E) => Jt(E)))
       return console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
     rt(ce, (E) => typeof E == "number") && (p = A.DONUT, M = c), rt(ce, (E) => Array.isArray(E) && Z(E)) && (st(c) > C ? p = A.LINE : p = A.BAR, O = st(c), M = c.map((E) => ({
       ...E,
-      data: Yt(E, (j) => Z(j))
+      data: Qt(E, (j) => Z(j))
     }))), c = c.map((E) => vt(E)), M = M.map((E) => vt(E));
   }
   return be(c) && [...new Set(c.flatMap((le) => Array.isArray(le)))][0], {
@@ -49,7 +50,7 @@ function Z(c) {
 function Oe(c) {
   return !be(c) || dt(c) || !![...new Set(c.flatMap((p) => typeof p == "object" && !Array.isArray(p)))].includes(!1) ? !1 : !c.map((p) => Object.keys(p).length > 0).includes(!1);
 }
-function Gt(c, C) {
+function Zt(c, C) {
   const p = Object.keys(c).sort(), M = Object.keys(C).sort();
   if (p.length !== M.length)
     return !1;
@@ -60,16 +61,16 @@ function Gt(c, C) {
   }
   return !0;
 }
-function Xt(c) {
+function Yt(c) {
   if (c.length <= 1) return !0;
   for (let C = 0; C < c.length; C += 1)
     for (let p = C + 1; p < c.length; p += 1)
-      if (!Gt(c[C], c[p]))
+      if (!Zt(c[C], c[p]))
         return !1;
   return !0;
 }
-function Zt(c) {
-  return Ht.includes(c.toUpperCase());
+function Jt(c) {
+  return Gt.includes(c.toUpperCase());
 }
 function rt(c, C) {
   let p = [];
@@ -80,7 +81,7 @@ function rt(c, C) {
 function st(c) {
   return Math.max(...[...c].flatMap((C) => Object.values(C).filter((p) => Z(p)).map((p) => p.length)));
 }
-function Yt(c, C) {
+function Qt(c, C) {
   return Object.values(c).filter((p) => C(p))[0];
 }
 function vt(c) {
@@ -89,55 +90,55 @@ function vt(c) {
     c.hasOwnProperty(p) && (C[p.toUpperCase()] = c[p]);
   return C;
 }
-const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"], ea = ["x", "y", "width", "height"], ta = ["width", "height"], aa = ["id"], la = ["id"], oa = ["id"], ia = ["flood-color"], na = {
+const Kt = ["id"], ea = ["xmlns", "viewBox"], ta = ["x", "y", "width", "height"], aa = ["x", "y", "width", "height"], la = ["width", "height"], oa = ["id"], ia = ["id"], na = ["id"], ua = ["flood-color"], ra = {
   key: 0,
   class: "donut-label-connectors"
-}, ua = ["d", "stroke", "stroke-width", "filter"], ra = ["cx", "cy", "r", "fill", "filter"], sa = { class: "donut" }, va = ["d", "fill", "stroke", "stroke-width", "filter"], da = ["d", "onMouseenter", "onClick"], ca = {
+}, sa = ["d", "stroke", "stroke-width", "filter"], va = ["cx", "cy", "r", "fill", "filter"], da = { class: "donut" }, ca = ["d", "fill", "stroke", "stroke-width", "filter"], ha = ["d", "onMouseenter", "onClick"], fa = {
   key: 1,
   class: "donut-labels quick-animation"
-}, ha = ["cx", "cy", "fill", "stroke", "filter"], fa = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ga = ["text-anchor", "x", "y", "fill", "font-size", "filter"], ma = {
+}, ga = ["cx", "cy", "fill", "stroke", "filter"], ma = ["text-anchor", "x", "y", "fill", "font-size", "filter"], pa = ["text-anchor", "x", "y", "fill", "font-size", "filter"], xa = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, pa = ["x", "y", "font-size", "fill"], xa = ["x", "y", "font-size", "fill"], ya = {
+}, ya = ["x", "y", "font-size", "fill"], ka = ["x", "y", "font-size", "fill"], ba = {
   key: 0,
   class: "line-grid"
-}, ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sa = {
+}, Sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Aa = {
   key: 1,
   class: "line-axis"
-}, wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _a = {
+}, _a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], La = {
   key: 2,
   class: "yLabels"
-}, za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], La = ["x", "y", "font-size", "fill"], $a = {
+}, $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = ["x", "y", "font-size", "fill"], Ia = {
   key: 3,
   class: "periodLabels"
-}, Ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["font-size", "text-anchor", "fill", "transform"], Ea = { class: "plots" }, Ta = { class: "line-plot-series" }, Pa = ["d", "stroke", "stroke-width"], Oa = ["d", "stroke", "stroke-width"], Ra = ["d", "stroke", "stroke-width"], Na = ["d", "stroke", "stroke-width"], Fa = ["cx", "cy", "fill", "stroke"], Ma = {
+}, Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ta = ["font-size", "text-anchor", "fill", "transform"], Pa = { class: "plots" }, Oa = { class: "line-plot-series" }, Ra = ["d", "stroke", "stroke-width"], Na = ["d", "stroke", "stroke-width"], Fa = ["d", "stroke", "stroke-width"], Ma = ["d", "stroke", "stroke-width"], Ua = ["cx", "cy", "fill", "stroke"], Ba = {
   key: 4,
   class: "dataLabels"
-}, Ua = ["font-size", "fill", "x", "y"], Ba = { class: "tooltip-traps" }, Da = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Va = {
+}, Da = ["font-size", "fill", "x", "y"], Va = { class: "tooltip-traps" }, qa = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Wa = {
   key: 0,
   class: "line-grid"
-}, qa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ha = {
+}, Ha = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ga = {
   key: 1,
   class: "line-axis"
-}, ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ga = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xa = {
+}, Xa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ya = {
   key: 2,
   class: "yLabels"
-}, Za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ya = ["x", "y", "font-size", "fill"], Ja = {
+}, Ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qa = ["x", "y", "font-size", "fill"], Ka = {
   key: 3,
   class: "periodLabels"
-}, Qa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ka = ["font-size", "text-anchor", "transform", "fill"], el = { class: "plots" }, tl = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], al = ["to"], ll = ["from", "to"], ol = {
+}, el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], tl = ["font-size", "text-anchor", "transform", "fill"], al = { class: "plots" }, ll = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], ol = ["to"], il = ["from", "to"], nl = {
   key: 4,
   class: "dataLabels"
-}, il = ["x", "y", "font-size", "fill"], nl = { class: "tooltip-traps" }, ul = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], rl = {
+}, ul = ["x", "y", "font-size", "fill"], rl = { class: "tooltip-traps" }, sl = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], vl = {
   key: 6,
   class: "axis-labels"
-}, sl = { key: 0 }, vl = ["font-size", "fill", "x", "y"], dl = { key: 1 }, cl = ["font-size", "fill", "x", "y"], hl = { key: 2 }, fl = ["font-size", "fill", "transform"], gl = { key: 3 }, ml = ["font-size", "fill", "transform"], pl = {
+}, dl = { key: 0 }, cl = ["font-size", "fill", "x", "y"], hl = { key: 1 }, fl = ["font-size", "fill", "x", "y"], gl = { key: 2 }, ml = ["font-size", "fill", "transform"], pl = { key: 3 }, xl = ["font-size", "fill", "transform"], yl = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, xl = ["onClick"], yl = ["onClick"], kl = ["onClick"], bl = {
+}, kl = ["onClick"], bl = ["onClick"], Sl = ["onClick"], wl = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, Sl = {
+}, Al = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -155,12 +156,12 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(c, { expose: C, emit: p }) {
-    const { vue_ui_quick_chart: M } = _t(), O = c, W = L(null), ae = L(null), le = L(null), ce = L(null), E = L(zt()), j = L(!1), he = L(null), Q = L(""), H = L(null), Ve = L(null), qe = L(null), w = L([]), We = L(0), Se = L(0), e = B({
+    const { vue_ui_quick_chart: M } = zt(), O = c, W = L(null), ae = L(null), le = L(null), ce = L(null), E = L(Lt()), j = L(!1), he = L(null), Q = L(""), H = L(null), Ve = L(null), qe = L(null), w = L([]), We = L(0), Se = L(0), e = B({
       get: () => Ge(),
       set: (o) => o
-    }), ct = B(() => e.value.showUserOptionsOnChartHover), He = B(() => e.value.keepUserOptionsStateOnChartLeave), we = L(!e.value.showUserOptionsOnChartHover);
+    }), { svgRef: ct } = Ht({ config: { text: e.value.title } }), ht = B(() => e.value.showUserOptionsOnChartHover), He = B(() => e.value.keepUserOptionsStateOnChartLeave), we = L(!e.value.showUserOptionsOnChartHover);
     function je(o = !1) {
-      ct.value && (we.value = o);
+      ht.value && (we.value = o);
     }
     function Ge() {
       const o = ut({
@@ -170,10 +171,10 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       let s = {};
       return o.theme ? s = {
         ...ut({
-          userConfig: $t.vue_ui_quick_chart[o.theme] || O.config,
+          userConfig: Ct.vue_ui_quick_chart[o.theme] || O.config,
           defaultConfig: o
         }),
-        customPalette: Lt[o.theme] || q
+        customPalette: $t[o.theme] || q
       } : s = o, O.config && ot(O.config, "zoomStartIndex") ? s.zoomStartIndex = O.config.zoomStartIndex : s.zoomStartIndex = null, O.config && ot(O.config, "zoomEndIndex") ? s.zoomEndIndex = O.config.zoomEndIndex : s.zoomEndIndex = null, s;
     }
     Fe(() => O.config, (o) => {
@@ -181,8 +182,8 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
     }, { deep: !0 }), Fe(() => O.dataset, (o) => {
       x.value = ge.value, b.value.start = 0, b.value.end = x.value.maxSeriesLength, Se.value += 1;
     }, { deep: !0 });
-    const fe = B(() => Ct(e.value.customPalette)), oe = p, ge = B(() => {
-      const o = jt({ dataset: It(O.dataset, [
+    const fe = B(() => It(e.value.customPalette)), oe = p, ge = B(() => {
+      const o = Xt({ dataset: Et(O.dataset, [
         "serie",
         "series",
         "data",
@@ -191,29 +192,29 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return o || console.error("VueUiQuickChart : Dataset is not processable"), o;
-    }), x = L(ge.value), ht = B(() => !!x.value), z = B(() => x.value ? x.value.type : null);
+    }), x = L(ge.value), ft = B(() => !!x.value), z = B(() => x.value ? x.value.type : null);
     Fe(() => z.value, (o) => {
-      o || Et({
+      o || Tt({
         componentName: "VueUiQuickChart",
         type: "dataset"
       });
     }, { immediate: !0 });
-    const { isPrinting: Ae, isImaging: _e, generatePdf: Xe, generateImage: Ze } = Mt({
+    const { isPrinting: Ae, isImaging: _e, generatePdf: Xe, generateImage: Ze } = Ut({
       elementId: `${z.value}_${E.value}`,
       fileName: e.value.title || z.value
-    }), ft = B(() => e.value.showUserOptions && !e.value.title), k = L({
+    }), gt = B(() => e.value.showUserOptions && !e.value.title), k = L({
       width: e.value.width,
       height: e.value.height
     }), me = L({
       showTooltip: e.value.showTooltip
     }), ze = L(null);
-    St(() => {
+    wt(() => {
       Ye();
     });
     function Ye() {
       if (e.value.responsive) {
-        const o = Rt(() => {
-          const { width: s, height: t } = Nt({
+        const o = Nt(() => {
+          const { width: s, height: t } = Ft({
             chart: W.value,
             title: e.value.title ? ae.value : null,
             legend: e.value.showLegend ? le.value : null,
@@ -229,10 +230,10 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       }
       at();
     }
-    wt(() => {
+    At(() => {
       ze.value && ze.value.disconnect();
     });
-    const gt = B(() => {
+    const mt = B(() => {
       switch (z.value) {
         case A.LINE:
           return `0 0 ${k.value.width <= 0 ? 10 : k.value.width} ${k.value.height <= 0 ? 10 : k.value.height}`;
@@ -254,7 +255,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       w.value.includes(o) ? w.value = w.value.filter((t) => t !== o) : w.value.length < s && w.value.push(o);
     }
     const Ke = L(null), et = L(null), Le = L(!1);
-    function mt(o, s) {
+    function pt(o, s) {
       Le.value = !0;
       let t = o.value;
       const u = ge.value.dataset.find((r, h) => o.id === `donut_${h}`).VALUE;
@@ -299,7 +300,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       }
     }
     const Y = L(null);
-    function pt(o) {
+    function xt(o) {
       Y.value = o;
     }
     const tt = B(() => e.value.donutThicknessRatio < 0.15 ? 0.15 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), I = B(() => {
@@ -384,7 +385,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         cx: K,
         cy: ue,
         radius: ee,
-        chart: Tt(
+        chart: Pt(
           { series: o.filter((i) => !w.value.includes(i.id)) },
           K,
           ue,
@@ -402,21 +403,21 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       start: 0,
       end: x.value.maxSeriesLength
     });
-    function xt() {
+    function yt() {
       at();
     }
     const ie = L(null);
     async function at() {
-      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ie.value ? (e.value.zoomStartIndex !== null && (await Ie(), await Ie(), ie.value && ie.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Ie(), await Ie(), ie.value && ie.value.setEndValue(yt(e.value.zoomEndIndex + 1)))) : (b.value = {
+      (e.value.zoomStartIndex !== null || e.value.zoomEndIndex !== null) && ie.value ? (e.value.zoomStartIndex !== null && (await Ie(), await Ie(), ie.value && ie.value.setStartValue(e.value.zoomStartIndex)), e.value.zoomEndIndex !== null && (await Ie(), await Ie(), ie.value && ie.value.setEndValue(kt(e.value.zoomEndIndex + 1)))) : (b.value = {
         start: 0,
         end: x.value.maxSeriesLength
       }, Se.value += 1);
     }
-    function yt(o) {
+    function kt(o) {
       const s = x.value.maxSeriesLength;
       return o > s ? s : o < 0 || e.value.zoomStartIndex !== null && o < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : o;
     }
-    const kt = B(() => {
+    const bt = B(() => {
       if (!e.value.zoomMinimap.show || z.value === A.DONUT) return [];
       let o = [];
       Z(x.value.dataset) && (o = x.value.dataset), Oe(x.value.dataset) && (o = x.value.dataset.map((r, h) => ({
@@ -676,7 +677,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         killTooltip: i
       };
     }), $e = L(!1);
-    function bt(o) {
+    function St(o) {
       $e.value = o, We.value += 1;
     }
     function lt() {
@@ -691,7 +692,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       generateImage: Ze,
       toggleTooltip: lt,
       toggleAnnotator: Re
-    }), (o, s) => ht.value ? (a(), l("div", {
+    }), (o, s) => ft.value ? (a(), l("div", {
       key: 0,
       id: `${z.value}_${E.value}`,
       ref_key: "quickChart",
@@ -701,7 +702,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       onMouseenter: s[5] || (s[5] = () => je(!0)),
       onMouseleave: s[6] || (s[6] = () => je(!1))
     }, [
-      e.value.userOptionsButtons.annotator ? (a(), Ee(qt, {
+      e.value.userOptionsButtons.annotator ? (a(), Ee(Wt, {
         key: 0,
         parent: W.value,
         backgroundColor: e.value.backgroundColor,
@@ -709,14 +710,14 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         active: Ce.value,
         onClose: Re
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
-      ft.value ? (a(), l("div", {
+      gt.value ? (a(), l("div", {
         key: 1,
         ref_key: "noTitle",
         ref: qe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : f("", !0),
-      e.value.showUserOptions && (He.value || we.value) ? (a(), Ee(Ut, {
+      e.value.showUserOptions && (He.value || we.value) ? (a(), Ee(Bt, {
         ref: "details",
         key: `user_option_${We.value}`,
         backgroundColor: e.value.backgroundColor,
@@ -736,7 +737,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         position: e.value.userOptionsPosition,
         hasAnnotator: e.value.userOptionsButtons.annotator,
         isAnnotation: Ce.value,
-        onToggleFullscreen: bt,
+        onToggleFullscreen: St,
         onGeneratePdf: g(Xe),
         onGenerateImage: g(Ze),
         onToggleTooltip: lt,
@@ -744,7 +745,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         style: N({
           visibility: He.value ? we.value ? "visible" : "hidden" : "visible"
         })
-      }, At({ _: 2 }, [
+      }, _t({ _: 2 }, [
         o.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: J(() => [
@@ -790,11 +791,13 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       }, P(e.value.title), 5)) : f("", !0),
       z.value ? (a(), l("svg", {
         key: 4,
-        xmlns: g(Pt),
-        viewBox: gt.value,
+        ref_key: "svgRef",
+        ref: ct,
+        xmlns: g(Ot),
+        viewBox: mt.value,
         style: N(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
-        se(Vt),
+        se(qt),
         o.$slots["chart-background"] && z.value === A.BAR ? (a(), l("foreignObject", {
           key: 0,
           x: v.value.drawingArea.left,
@@ -806,7 +809,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
           }
         }, [
           F(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Kt)) : f("", !0),
+        ], 8, ta)) : f("", !0),
         o.$slots["chart-background"] && z.value === A.LINE ? (a(), l("foreignObject", {
           key: 1,
           x: d.value.drawingArea.left,
@@ -818,7 +821,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
           }
         }, [
           F(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ea)) : f("", !0),
+        ], 8, aa)) : f("", !0),
         o.$slots["chart-background"] && z.value === A.DONUT ? (a(), l("foreignObject", {
           key: 2,
           x: 0,
@@ -830,7 +833,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
           }
         }, [
           F(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ta)) : f("", !0),
+        ], 8, la)) : f("", !0),
         _("defs", null, [
           _("filter", {
             id: `blur_${E.value}`,
@@ -843,12 +846,12 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${E.value}`
-            }, null, 8, la),
+            }, null, 8, ia),
             s[7] || (s[7] = _("feColorMatrix", {
               type: "saturate",
               values: "0"
             }, null, -1))
-          ], 8, aa),
+          ], 8, oa),
           _("filter", {
             id: `shadow_${E.value}`,
             "color-interpolation-filters": "sRGB"
@@ -859,22 +862,22 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.donutShadowColor
-            }, null, 8, ia)
-          ], 8, oa)
+            }, null, 8, ua)
+          ], 8, na)
         ]),
         z.value === A.DONUT ? (a(), l(m, { key: 3 }, [
-          e.value.showDataLabels ? (a(), l("g", na, [
+          e.value.showDataLabels ? (a(), l("g", ra, [
             (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l(m, null, [
               I.value.isArcBigEnough(t) ? (a(), l("path", {
                 key: 0,
-                d: g(Ot)(t, { x: k.value.width / 2, y: k.value.height / 2 }, 16, 16, !1, !1, k.value.height * tt.value),
+                d: g(Rt)(t, { x: k.value.width / 2, y: k.value.height / 2 }, 16, 16, !1, !1, k.value.height * tt.value),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
                 filter: pe(t.id)
-              }, null, 8, ua)) : f("", !0)
+              }, null, 8, sa)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
           _("circle", {
@@ -883,24 +886,24 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
             r: I.value.radius,
             fill: e.value.backgroundColor,
             filter: e.value.donutUseShadow ? `url(#shadow_${E.value})` : ""
-          }, null, 8, ra),
-          _("g", sa, [
+          }, null, 8, va),
+          _("g", da, [
             (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: e.value.backgroundColor,
               "stroke-width": e.value.donutStrokeWidth,
               filter: pe(t.id)
-            }, null, 8, va))), 256)),
+            }, null, 8, ca))), 256)),
             (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l("path", {
               d: t.arcSlice,
               fill: "transparent",
               onMouseenter: (r) => I.value.useTooltip({ datapoint: t, seriesIndex: u }),
               onMouseout: s[0] || (s[0] = (r) => I.value.killTooltip()),
               onClick: (r) => oe("selectDatapoint", t)
-            }, null, 40, da))), 256))
+            }, null, 40, ha))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", ca, [
+          e.value.showDataLabels ? (a(), l("g", fa, [
             (a(!0), l(m, null, $(I.value.chart, (t, u) => (a(), l(m, null, [
               I.value.isArcBigEnough(t) ? (a(), l("circle", {
                 key: 0,
@@ -911,7 +914,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 "stroke-width": 1,
                 r: 3,
                 filter: pe(t.id)
-              }, null, 8, ha)) : f("", !0),
+              }, null, 8, ga)) : f("", !0),
               I.value.isArcBigEnough(t) ? (a(), l("text", {
                 key: 1,
                 "text-anchor": g(ke)(t, !0, 20).anchor,
@@ -930,7 +933,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: u }
-              )) + ") ", 9, fa)) : f("", !0),
+              )) + ") ", 9, ma)) : f("", !0),
               I.value.isArcBigEnough(t, !0, 20) ? (a(), l("text", {
                 key: 2,
                 "text-anchor": g(ke)(t).anchor,
@@ -939,17 +942,17 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
                 filter: pe(t.id)
-              }, P(t.name), 9, ga)) : f("", !0)
+              }, P(t.name), 9, pa)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
-          e.value.donutShowTotal ? (a(), l("g", ma, [
+          e.value.donutShowTotal ? (a(), l("g", xa, [
             _("text", {
               "text-anchor": "middle",
               x: I.value.drawingArea.centerX,
               y: I.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, P(e.value.donutTotalLabelText), 9, pa),
+            }, P(e.value.donutTotalLabelText), 9, ya),
             _("text", {
               "text-anchor": "middle",
               x: I.value.drawingArea.centerX,
@@ -961,11 +964,11 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               v: I.value.total,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
-            })), 9, xa)
+            })), 9, ka)
           ])) : f("", !0)
         ], 64)) : f("", !0),
         z.value === A.LINE ? (a(), l(m, { key: 4 }, [
-          e.value.xyShowGrid ? (a(), l("g", ya, [
+          e.value.xyShowGrid ? (a(), l("g", ba, [
             (a(!0), l(m, null, $(d.value.yLabels, (t) => (a(), l(m, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -976,7 +979,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ka)) : f("", !0)
+              }, null, 8, Sa)) : f("", !0)
             ], 64))), 256)),
             (a(!0), l(m, null, $(d.value.extremes.maxSeries + 1, (t, u) => (a(), l("line", {
               x1: d.value.drawingArea.left + d.value.slotSize * u,
@@ -986,9 +989,9 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ba))), 256))
+            }, null, 8, wa))), 256))
           ])) : f("", !0),
-          e.value.xyShowAxis ? (a(), l("g", Sa, [
+          e.value.xyShowAxis ? (a(), l("g", Aa, [
             _("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.left,
@@ -997,7 +1000,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, wa),
+            }, null, 8, _a),
             _("line", {
               x1: d.value.drawingArea.left,
               x2: d.value.drawingArea.right,
@@ -1006,9 +1009,9 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Aa)
+            }, null, 8, za)
           ])) : f("", !0),
-          e.value.xyShowScale ? (a(), l("g", _a, [
+          e.value.xyShowScale ? (a(), l("g", La, [
             (a(!0), l(m, null, $(d.value.yLabels, (t, u) => (a(), l(m, null, [
               t.y <= d.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1019,7 +1022,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, za)) : f("", !0),
+              }, null, 8, $a)) : f("", !0),
               t.y <= d.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -1037,10 +1040,10 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: u }
-              )), 9, La)) : f("", !0)
+              )), 9, Ca)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", $a, [
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ia, [
             (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("line", {
               x1: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
               x2: d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2,
@@ -1049,16 +1052,16 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ca))), 256)),
+            }, null, 8, Ea))), 256)),
             (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               fill: e.value.color,
               transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (u + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-            }, P(t), 9, Ia))), 256))
+            }, P(t), 9, Ta))), 256))
           ])) : f("", !0),
-          _("g", Ea, [
-            (a(!0), l(m, null, $(d.value.dataset, (t, u) => (a(), l("g", Ta, [
+          _("g", Pa, [
+            (a(!0), l(m, null, $(d.value.dataset, (t, u) => (a(), l("g", Oa, [
               e.value.lineSmooth ? (a(), l(m, { key: 0 }, [
                 _("path", {
                   d: `M ${g(nt)(t.coordinates)}`,
@@ -1068,7 +1071,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   fill: "none",
                   class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Pa),
+                }, null, 10, Ra),
                 _("path", {
                   d: `M ${g(nt)(t.coordinates)}`,
                   stroke: t.color,
@@ -1077,7 +1080,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   fill: "none",
                   class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Oa)
+                }, null, 10, Na)
               ], 64)) : (a(), l(m, { key: 1 }, [
                 _("path", {
                   d: `M ${t.linePath}`,
@@ -1087,7 +1090,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   fill: "none",
                   class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Ra),
+                }, null, 10, Fa),
                 _("path", {
                   d: `M ${t.linePath}`,
                   stroke: t.color,
@@ -1096,7 +1099,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   fill: "none",
                   class: re({ "quick-animation": !0, "vue-data-ui-line-animated": e.value.lineAnimated }),
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 10, Na)
+                }, null, 10, Ma)
               ], 64)),
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("circle", {
                 cx: r.x,
@@ -1107,10 +1110,10 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 "stroke-width": "0.5",
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, null, 8, Fa))), 256))
+              }, null, 8, Ua))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", Ma, [
+          e.value.showDataLabels ? (a(), l("g", Ba, [
             (a(!0), l(m, null, $(d.value.dataset, (t, u) => (a(), l(m, null, [
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("text", {
                 "text-anchor": "middle",
@@ -1130,10 +1133,10 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, Ua))), 256))
+              )), 9, Da))), 256))
             ], 64))), 256))
           ])) : f("", !0),
-          _("g", Ba, [
+          _("g", Va, [
             (a(!0), l(m, null, $(d.value.extremes.maxSeries, (t, u) => (a(), l("rect", {
               x: d.value.drawingArea.left + u * d.value.slotSize,
               y: d.value.drawingArea.top,
@@ -1147,11 +1150,11 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 ...h,
                 value: h.values[u]
               })))
-            }, null, 44, Da))), 256))
+            }, null, 44, qa))), 256))
           ])
         ], 64)) : f("", !0),
         z.value === A.BAR ? (a(), l(m, { key: 5 }, [
-          e.value.xyShowGrid ? (a(), l("g", Va, [
+          e.value.xyShowGrid ? (a(), l("g", Wa, [
             (a(!0), l(m, null, $(v.value.yLabels, (t) => (a(), l(m, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1162,7 +1165,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 stroke: e.value.xyGridStroke,
                 "stroke-width": e.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, qa)) : f("", !0)
+              }, null, 8, Ha)) : f("", !0)
             ], 64))), 256)),
             (a(!0), l(m, null, $(v.value.extremes.maxSeries + 1, (t, u) => (a(), l("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * u,
@@ -1172,9 +1175,9 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyGridStroke,
               "stroke-width": e.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Wa))), 256))
+            }, null, 8, ja))), 256))
           ])) : f("", !0),
-          e.value.xyShowAxis ? (a(), l("g", Ha, [
+          e.value.xyShowAxis ? (a(), l("g", Ga, [
             _("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.left,
@@ -1183,7 +1186,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ja),
+            }, null, 8, Xa),
             _("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.right,
@@ -1192,9 +1195,9 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ga)
+            }, null, 8, Za)
           ])) : f("", !0),
-          e.value.xyShowScale ? (a(), l("g", Xa, [
+          e.value.xyShowScale ? (a(), l("g", Ya, [
             (a(!0), l(m, null, $(v.value.yLabels, (t, u) => (a(), l(m, null, [
               t.y <= v.value.drawingArea.bottom ? (a(), l("line", {
                 key: 0,
@@ -1205,7 +1208,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Za)) : f("", !0),
+              }, null, 8, Ja)) : f("", !0),
               t.y <= v.value.drawingArea.bottom ? (a(), l("text", {
                 key: 1,
                 x: t.x,
@@ -1223,10 +1226,10 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: u }
-              )), 9, Ya)) : f("", !0)
+              )), 9, Qa)) : f("", !0)
             ], 64))), 256))
           ])) : f("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ja, [
+          e.value.xyShowScale && e.value.xyPeriods.length ? (a(), l("g", Ka, [
             (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("line", {
               x1: v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2,
               x2: v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2,
@@ -1235,15 +1238,15 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Qa))), 256)),
+            }, null, 8, el))), 256)),
             (a(!0), l(m, null, $(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, u) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (u + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
               fill: e.value.color
-            }, P(t), 9, Ka))), 256))
+            }, P(t), 9, tl))), 256))
           ])) : f("", !0),
-          _("g", el, [
+          _("g", al, [
             (a(!0), l(m, null, $(v.value.dataset, (t, u) => (a(), l(m, null, [
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("rect", {
                 x: r.x,
@@ -1262,18 +1265,18 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   from: 0,
                   to: r.height,
                   dur: "0.5s"
-                }, null, 8, al)) : f("", !0),
+                }, null, 8, ol)) : f("", !0),
                 e.value.barAnimated && r.value > 0 && !g(Ae) && !g(_e) ? (a(), l("animate", {
                   key: 1,
                   attributeName: "y",
                   from: v.value.absoluteZero,
                   to: v.value.absoluteZero - r.height,
                   dur: "0.5s"
-                }, null, 8, ll)) : f("", !0)
-              ], 10, tl))), 256))
+                }, null, 8, il)) : f("", !0)
+              ], 10, ll))), 256))
             ], 64))), 256))
           ]),
-          e.value.showDataLabels ? (a(), l("g", ol, [
+          e.value.showDataLabels ? (a(), l("g", nl, [
             (a(!0), l(m, null, $(v.value.dataset, (t, u) => (a(), l(m, null, [
               (a(!0), l(m, null, $(t.coordinates, (r, h) => (a(), l("text", {
                 x: r.x + r.width / 2,
@@ -1292,10 +1295,10 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: h }
-              )), 9, il))), 256))
+              )), 9, ul))), 256))
             ], 64))), 256))
           ])) : f("", !0),
-          _("g", nl, [
+          _("g", rl, [
             (a(!0), l(m, null, $(v.value.extremes.maxSeries, (t, u) => (a(), l("rect", {
               x: v.value.drawingArea.left + u * v.value.slotSize,
               y: v.value.drawingArea.top,
@@ -1309,47 +1312,47 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
                 ...h,
                 value: h.values[u]
               })))
-            }, null, 44, ul))), 256))
+            }, null, 44, sl))), 256))
           ])
         ], 64)) : f("", !0),
-        [A.LINE, A.BAR].includes(z.value) ? (a(), l("g", rl, [
-          e.value.xAxisLabel && z.value === A.LINE ? (a(), l("g", sl, [
+        [A.LINE, A.BAR].includes(z.value) ? (a(), l("g", vl, [
+          e.value.xAxisLabel && z.value === A.LINE ? (a(), l("g", dl, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
               x: d.value.drawingArea.left + d.value.drawingArea.width / 2,
               y: k.value.height - e.value.axisLabelsFontSize / 3
-            }, P(e.value.xAxisLabel), 9, vl)
+            }, P(e.value.xAxisLabel), 9, cl)
           ])) : f("", !0),
-          e.value.xAxisLabel && z.value === A.BAR ? (a(), l("g", dl, [
+          e.value.xAxisLabel && z.value === A.BAR ? (a(), l("g", hl, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
               x: v.value.drawingArea.left + v.value.drawingArea.width / 2,
               y: k.value.height - e.value.axisLabelsFontSize / 3
-            }, P(e.value.xAxisLabel), 9, cl)
+            }, P(e.value.xAxisLabel), 9, fl)
           ])) : f("", !0),
-          e.value.yAxisLabel && z.value === A.LINE ? (a(), l("g", hl, [
+          e.value.yAxisLabel && z.value === A.LINE ? (a(), l("g", gl, [
             _("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${d.value.drawingArea.top + d.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, P(e.value.yAxisLabel), 9, fl)
+            }, P(e.value.yAxisLabel), 9, ml)
           ])) : f("", !0),
-          e.value.yAxisLabel && z.value === A.BAR ? (a(), l("g", gl, [
+          e.value.yAxisLabel && z.value === A.BAR ? (a(), l("g", pl, [
             _("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"
-            }, P(e.value.yAxisLabel), 9, ml)
+            }, P(e.value.yAxisLabel), 9, xl)
           ])) : f("", !0)
         ])) : f("", !0)
-      ], 12, Qt)) : f("", !0),
-      z.value ? f("", !0) : (a(), Ee(Dt, {
+      ], 12, ea)) : f("", !0),
+      z.value ? f("", !0) : (a(), Ee(Vt, {
         key: 5,
         config: {
           type: "line",
@@ -1367,7 +1370,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      o.$slots.watermark ? (a(), l("div", pl, [
+      o.$slots.watermark ? (a(), l("div", yl, [
         F(o.$slots, "watermark", ve(de({ isPrinting: g(Ae) || g(_e) })), void 0, !0)
       ])) : f("", !0),
       [A.BAR, A.LINE].includes(z.value) && e.value.zoomXy && x.value.maxSeriesLength > 1 ? (a(), l("div", {
@@ -1375,7 +1378,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         ref_key: "quickChartSlicer",
         ref: ce
       }, [
-        (a(), Ee(Bt, {
+        (a(), Ee(Dt, {
           ref_key: "slicerComponent",
           ref: ie,
           key: `slicer_${Se.value}`,
@@ -1397,7 +1400,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
           minimapSelectedColorOpacity: e.value.zoomMinimap.selectedColorOpacity,
           minimapSelectionRadius: e.value.zoomMinimap.selectionRadius,
           minimapLineColor: e.value.zoomMinimap.lineColor,
-          minimap: kt.value,
+          minimap: bt.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           verticalHandles: e.value.zoomMinimap.verticalHandles,
           minimapSelectedIndex: Y.value,
@@ -1409,8 +1412,8 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
           refreshEndPoint: e.value.zoomEndIndex !== null ? e.value.zoomEndIndex + 1 : x.value.maxSeriesLength,
           enableRangeHandles: e.value.zoomEnableRangeHandles,
           enableSelectionDrag: e.value.zoomEnableSelectionDrag,
-          onReset: xt,
-          onTrapMouse: pt
+          onReset: yt,
+          onTrapMouse: xt
         }, {
           "reset-action": J(({ reset: t }) => [
             F(o.$slots, "reset-action", ve(de({ reset: t })), void 0, !0)
@@ -1428,7 +1431,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         z.value === A.DONUT ? (a(!0), l(m, { key: 0 }, $(I.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
-            mt(t, I.value.dataset), oe("selectLegend", t);
+            pt(t, I.value.dataset), oe("selectLegend", t);
           },
           style: N(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
@@ -1472,7 +1475,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               r: e.value.dataLabelRoundingPercentage
             })) + ") ", 5))
           ], 64))
-        ], 12, xl))), 256)) : f("", !0),
+        ], 12, kl))), 256)) : f("", !0),
         z.value === A.LINE ? (a(!0), l(m, { key: 1 }, $(d.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
@@ -1493,7 +1496,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               style: N(`font-size:${e.value.legendFontSize}px`)
             }, P(t.name), 5)
           ], 64))
-        ], 12, yl))), 256)) : f("", !0),
+        ], 12, bl))), 256)) : f("", !0),
         z.value === A.BAR ? (a(!0), l(m, { key: 2 }, $(v.value.legend, (t, u) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
@@ -1514,7 +1517,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
               style: N(`font-size:${e.value.legendFontSize}px`)
             }, P(t.name), 5)
           ], 64))
-        ], 12, kl))), 256)) : f("", !0)
+        ], 12, Sl))), 256)) : f("", !0)
       ], 4)) : f("", !0),
       o.$slots.source ? (a(), l("div", {
         key: 9,
@@ -1524,7 +1527,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       }, [
         F(o.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      se(Ft, {
+      se(Mt, {
         show: me.value.showTooltip && j.value,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
@@ -1548,7 +1551,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"])
-    ], 46, Jt)) : (a(), l("div", bl, [
+    ], 46, Kt)) : (a(), l("div", wl, [
       se(Pe, {
         name: "circleCancel",
         stroke: "red"
@@ -1556,7 +1559,7 @@ const Jt = ["id"], Qt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       s[8] || (s[8] = _("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Rl = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-058ec3ef"]]);
+}, Ml = /* @__PURE__ */ jt(Al, [["__scopeId", "data-v-4a4f9953"]]);
 export {
-  Rl as default
+  Ml as default
 };