vue-data-ui 3.7.15 → 3.8.0

package/dist/{vue-ui-donut-evolution-C25j-w7G.js → vue-ui-donut-evolution-DGnq03PX.js}

@@ -1,19 +1,19 @@
-import { defineAsyncComponent as V, ref as i, shallowRef as pt, computed as g, onMounted as pl, toRefs as kl, nextTick as Be, watch as ie, watchEffect as xl, onBeforeUnmount as wl, createElementBlock as n, openBlock as r, unref as c, normalizeStyle as te, normalizeClass as I, createBlock as $, createCommentVNode as d, createElementVNode as C, withCtx as y, renderSlot as m, normalizeProps as O, guardReactiveProps as P, createSlots as kt, createVNode as xt, Fragment as S, renderList as F, toDisplayString as x, Teleport as Ll, resolveDynamicComponent as Dl, mergeProps as _l, createTextVNode as Ee } from "vue";
-import { c as wt, o as Lt, g as ce, k as Sl, t as Fl, i as Bl, p as de, W as Dt, j as El, l as $e, a5 as $l, F as _t, Z as ze, a as Te, d as ve, X as zl, s as le, a6 as Tl, U as Il, _ as Ol, $ as Pl, a0 as St, u as Nl, q as Rl, a7 as Ft, a8 as Vl } from "./lib-DUaaQGCv.js";
-import { t as Bt, u as Ml } from "./useResponsive-DfdjqQps.js";
-import { u as Ul, a as Ie } from "./useNestedProp-CVGae3Qt.js";
-import { u as Hl } from "./usePrinter-BdVu83IN.js";
+import { defineAsyncComponent as V, ref as i, shallowRef as pt, computed as g, onMounted as pl, toRefs as kl, nextTick as Fe, watch as ie, watchEffect as xl, onBeforeUnmount as wl, createElementBlock as n, openBlock as r, unref as c, normalizeStyle as te, normalizeClass as I, createBlock as $, createCommentVNode as d, createElementVNode as C, withCtx as y, renderSlot as m, normalizeProps as O, guardReactiveProps as P, createSlots as kt, createVNode as xt, Fragment as S, renderList as B, toDisplayString as x, Teleport as Ll, resolveDynamicComponent as Dl, mergeProps as _l, createTextVNode as Ee } from "vue";
+import { c as wt, o as Lt, g as ce, k as Sl, t as Bl, i as Fl, p as de, a0 as Dt, j as El, l as $e, aa as $l, M as _t, a2 as ze, a as Te, d as ve, X as zl, s as le, ab as Tl, _ as Il, a3 as Ol, a4 as Pl, a5 as St, u as Nl, q as Rl, ac as Bt, ad as Vl } from "./lib-qMPkcvmh.js";
+import { t as Ft, u as Ml } from "./useResponsive-DfdjqQps.js";
+import { u as Ul, a as Ie } from "./useNestedProp-DOOBu_sL.js";
+import { u as Hl } from "./usePrinter-CjGh4mFJ.js";
 import { u as Xl, B as Wl } from "./BaseScanner-BgWxam9d.js";
 import { u as jl } from "./useSvgExport-DrjCWun4.js";
 import { u as Gl } from "./useTimeLabels-C5qMhpbe.js";
 import { u as Yl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ql } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Zl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Jl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Kl from "./img-BYzbY8TZ.js";
-import Ql from "./Title-Hk29BxeL.js";
-import eo from "./Legend-DSyOOSJ1.js";
-import { S as to } from "./Slicer-DScoMPmj.js";
+import { u as Jl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Kl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Ql from "./img-CwrkWkkl.js";
+import Zl from "./Title-CgkWUXeV.js";
+import eo from "./Legend-Djkw4FGq.js";
+import { S as to } from "./Slicer-DaUi0o8i.js";
 import { _ as lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A" }, dialog: { backgroundColor: "#1A1A1A", color: "#CCCCCC", header: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, donutChart: { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { percentage: { color: "#CCCCCC" }, name: { color: "#CCCCCC" }, hollow: { total: { color: "#CCCCCC", value: { color: "#CCCCCC" } }, average: { color: "#CCCCCC", value: { color: "#CCCCCC" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5A5A5A", yAxis: { dataLabels: { color: "#CCCCCC" } }, xAxis: { dataLabels: { color: "#CCCCCC" } } }, line: { stroke: "#4A4A4A" }, highlighter: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, $t = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, dialog: { backgroundColor: "#FFF8E1", color: "#424242", header: { backgroundColor: "##FFF8E1", color: "#424242" }, donutChart: { style: { chart: { backgroundColor: "##FFF8E1", color: "#424242", layout: { labels: { percentage: { color: "#424242" }, name: { color: "#424242" }, hollow: { total: { color: "#424242", value: { color: "#424242" } }, average: { color: "#424242", value: { color: "#424242" } } } } }, legend: { backgroundColor: "##FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5D4037", showVerticalLines: !1, yAxis: { dataLabels: { color: "#424242" } }, xAxis: { dataLabels: { color: "#424242" } } }, line: { stroke: "#5D4037" }, highlighter: { color: "#424242" }, dataLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, zt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, dialog: { backgroundColor: "#1E1E1E", color: "#BDBDBD", header: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, donutChart: { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { percentage: { color: "#BDBDBD" }, name: { color: "#BDBDBD" }, hollow: { total: { color: "#BDBDBD", value: { color: "#BDBDBD" } }, average: { color: "#BDBDBD", value: { color: "#BDBDBD" } } } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5D4037", showVerticalLines: !1, yAxis: { dataLabels: { color: "#BDBDBD" } }, xAxis: { dataLabels: { color: "#BDBDBD" } } }, line: { stroke: "#5D4037" }, highlighter: { color: "#FFF8E1" }, dataLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, dialog: { backgroundColor: "#1A1A1A", color: "#BDBDBD", header: { backgroundColor: "#1A1A1A", color: "#BDBDBD" }, donutChart: { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { percentage: { color: "#99AA99" }, name: { color: "#99AA99" }, hollow: { total: { color: "#99AA99", value: { color: "#99AA99" } }, average: { color: "#99AA99", value: { color: "#99AA99" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { show: !1, stroke: "#5F6A5F", yAxis: { dataLabels: { color: "#AACCAA" } }, xAxis: { dataLabels: { color: "#AACCAA" } } }, line: { stroke: "#5F6A5F" }, highlighter: { color: "#66CC66" }, dataLabels: { color: "#AACCAA" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, It = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, dialog: { backgroundColor: "#fbfafa", color: "#8A9892", header: { backgroundColor: "#fbfafa", color: "#8A9892" }, donutChart: { style: { chart: { backgroundColor: "#fbfafa", color: "#99AA99", layout: { labels: { percentage: { color: "#A0AC94" }, name: { color: "#A0AC94" }, hollow: { total: { color: "#A0AC94", value: { color: "#A0AC94" } }, average: { color: "#A0AC94", value: { color: "#A0AC94" } } } } }, legend: { backgroundColor: "#fbfafa", color: "#A0AC94" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { show: !1, yAxis: { dataLabels: { show: !1 } }, xAxis: { dataLabels: { show: !1 } } }, line: { stroke: "#DCDFE7" }, highlighter: { color: "#8F837A" }, dataLabels: { color: "#A0AC94" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Ot = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, dialog: { backgroundColor: "#f6f6fb", color: "#50606C", header: { backgroundColor: "#f6f6fb", color: "#50606C" }, donutChart: { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { percentage: { color: "#61747E" }, name: { color: "#61747E" }, hollow: { total: { color: "#61747E", value: { color: "#61747E" } }, average: { color: "#61747E", value: { color: "#61747E" } } } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#BBC4D3", yAxis: { dataLabels: { color: "#61747E" } }, xAxis: { dataLabels: { color: "#61747E" } } }, line: { stroke: "#92B0AB" }, highlighter: { color: "#50606C" }, dataLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Pt = {
   default: {},
@@ -32,7 +32,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
   default: Pt,
   hack: Tt,
   zen: It
-}, Symbol.toStringTag, { value: "Module" })), oo = ["id"], ao = ["id"], ro = ["xmlns", "viewBox"], uo = ["x", "y", "width", "height"], no = ["id"], so = ["stop-color"], io = ["stop-color"], co = ["id"], vo = ["stop-color"], ho = ["stop-color"], go = ["stop-color"], fo = { key: 1 }, yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Co = { key: 0 }, mo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ao = ["font-size", "fill", "transform"], po = ["x", "y", "font-size", "fill"], ko = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xo = ["x", "y", "font-size", "fill", "font-weight"], wo = { key: 0 }, Lo = ["text-anchor", "font-size", "fill", "transform"], Do = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], _o = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], So = { key: 1 }, Fo = ["cx", "cy", "r", "fill"], Bo = { key: 0 }, Eo = { key: 0 }, $o = ["d", "stroke"], zo = ["text-anchor", "x", "y", "fill"], To = ["cx", "cy", "r", "fill"], Io = { key: 0 }, Oo = ["cx", "cy", "fill"], Po = { key: 1 }, No = ["d", "fill", "stroke"], Ro = { key: 2 }, Vo = ["d", "fill", "stroke"], Mo = ["x", "y", "font-size", "fill"], Uo = ["x", "y", "width", "height", "fill"], Ho = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Xo = {
+}, Symbol.toStringTag, { value: "Module" })), oo = ["id"], ao = ["id"], ro = ["xmlns", "viewBox"], uo = ["x", "y", "width", "height"], no = ["id"], so = ["stop-color"], io = ["stop-color"], co = ["id"], vo = ["stop-color"], ho = ["stop-color"], go = ["stop-color"], fo = { key: 1 }, yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Co = { key: 0 }, mo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ao = ["font-size", "fill", "transform"], po = ["x", "y", "font-size", "fill"], ko = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xo = ["x", "y", "font-size", "fill", "font-weight"], wo = { key: 0 }, Lo = ["text-anchor", "font-size", "fill", "transform"], Do = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], _o = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], So = { key: 1 }, Bo = ["cx", "cy", "r", "fill"], Fo = { key: 0 }, Eo = { key: 0 }, $o = ["d", "stroke"], zo = ["text-anchor", "x", "y", "fill"], To = ["cx", "cy", "r", "fill"], Io = { key: 0 }, Oo = ["cx", "cy", "fill"], Po = { key: 1 }, No = ["d", "fill", "stroke"], Ro = { key: 2 }, Vo = ["d", "fill", "stroke"], Mo = ["x", "y", "font-size", "fill"], Uo = ["x", "y", "width", "height", "fill"], Ho = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Xo = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Wo = ["id"], jo = ["onClick"], Go = { key: 0 }, Yo = { key: 1 }, qo = {
@@ -53,12 +53,12 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
   },
   emits: ["selectLegend"],
   setup(Nt, { expose: Rt, emit: Vt }) {
-    const Mt = V(() => import("./vue-ui-accordion-B3SlkXqV.js")), Ut = V(() => import("./BaseIcon-Dl4VBlHV.js")), Ht = V(() => import("./DataTable-Ho3Bf5oq.js")), Xt = V(() => import("./PackageVersion-BAF3mEBQ.js")), Wt = V(() => import("./PenAndPaper-kymjF6_b.js")), jt = V(() => import("./UserOptions-DgscxIaa.js")), Gt = V(() => import("./vue-ui-donut-D-uqv9-W.js").then((t) => t.a)), Oe = V(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_donut_evolution: Yt } = Ul(), { isThemeValid: qt, warnInvalidTheme: Zt } = Yl(), A = Nt, z = i(wt()), k = i([]), b = i(null), oe = i(null), he = i(!1), M = i(null), N = i(null), Jt = i(null), Pe = i(0), Ne = i(0), Re = i(0), Ve = i(0), Me = i(0), ge = i(null), ae = i(null), fe = i(null), ye = i(null), Ue = i(!1), Z = i(null), be = i(null), He = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ce = i(!1), J = pt(null), re = pt(null), Ye = i(null), qe = Vt, Ze = g(() => !!A.dataset && A.dataset.length);
+    const Mt = V(() => import("./vue-ui-accordion-BWfQ8Imt.js")), Ut = V(() => import("./BaseIcon-CALhpING.js")), Ht = V(() => import("./DataTable-Ca1twcf7.js")), Xt = V(() => import("./PackageVersion-B9RA2_BM.js")), Wt = V(() => import("./PenAndPaper-DscVdZ1u.js")), jt = V(() => import("./UserOptions-ChRXLqps.js")), Gt = V(() => import("./vue-ui-donut-DY8Q-PAg.js").then((t) => t.a)), Oe = V(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_donut_evolution: Yt } = Ul(), { isThemeValid: qt, warnInvalidTheme: Jt } = Yl(), A = Nt, z = i(wt()), k = i([]), b = i(null), oe = i(null), he = i(!1), M = i(null), N = i(null), Kt = i(null), Pe = i(0), Ne = i(0), Re = i(0), Ve = i(0), Me = i(0), ge = i(null), ae = i(null), fe = i(null), ye = i(null), Ue = i(!1), J = i(null), be = i(null), He = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ce = i(!1), K = pt(null), re = pt(null), Ye = i(null), qe = Vt, Je = g(() => !!A.dataset && A.dataset.length);
     pl(() => {
-      Ue.value = !0, Je();
+      Ue.value = !0, Ke();
     });
     const ue = g(() => !!e.value.debug);
-    function Je() {
+    function Ke() {
       if (Lt(A.dataset) ? (ce({
         componentName: "VueUiDonutEvolution",
         type: "dataset",
@@ -79,13 +79,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }), Lt(A.dataset) || (ne.value = e.value.loading), setTimeout(() => {
         Ce.value = !0;
       }, 10), Ae(), e.value.responsive) {
-        const t = Bt(() => {
+        const t = Ft(() => {
           Ce.value = !1;
           const { width: o, height: l } = Ml({
             chart: N.value,
             title: e.value.style.chart.title.text ? He.value : null,
             legend: e.value.style.chart.legend.show ? Xe.value : null,
-            slicer: e.value.style.chart.zoom.show && Qe.value > 1 ? Ge.value : null,
+            slicer: e.value.style.chart.zoom.show && Ze.value > 1 ? Ge.value : null,
             source: We.value
           });
           requestAnimationFrame(() => {
@@ -94,10 +94,10 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             }, 10);
           });
         });
-        J.value && (re.value && J.value.unobserve(re.value), J.value.disconnect()), J.value = new ResizeObserver(t), re.value = N.value.parentNode, J.value.observe(re.value);
+        K.value && (re.value && K.value.unobserve(re.value), K.value.disconnect()), K.value = new ResizeObserver(t), re.value = N.value.parentNode, K.value.observe(re.value);
       }
     }
-    const e = i(xe()), { loading: Ke, FINAL_DATASET: me, manualLoading: ne } = Xl({
+    const e = i(xe()), { loading: Qe, FINAL_DATASET: me, manualLoading: ne } = Xl({
       ...kl(A),
       FINAL_CONFIG: e,
       prepareConfig: xe,
@@ -123,7 +123,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Fl({
+      skeletonConfig: Bl({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -168,26 +168,26 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     }), j = i({
       width: e.value.style.chart.layout.width,
       height: e.value.style.chart.layout.height
-    }), Qe = g(() => Math.max(...me.value.map((t) => t.values.length))), h = i({
+    }), Ze = g(() => Math.max(...me.value.map((t) => t.values.length))), h = i({
       start: 0,
-      end: Qe.value
+      end: Ze.value
     });
     function et() {
       Ae();
     }
     async function Ae() {
-      await Be(), await Be();
+      await Fe(), await Fe();
       const { startIndex: t, endIndex: o } = e.value.style.chart.zoom, l = je.value;
-      h.value = { start: 0, max: B.value }, (t != null || o != null) && l ? (t != null ? l.setStartValue(t) : (h.value.start = 0, l.setStartValue(0)), o != null ? l.setEndValue(Kt(o + 1)) : (h.value.end = B.value, l.setEndValue(B.value))) : (h.value = {
+      h.value = { start: 0, max: F.value }, (t != null || o != null) && l ? (t != null ? l.setStartValue(t) : (h.value.start = 0, l.setStartValue(0)), o != null ? l.setEndValue(Qt(o + 1)) : (h.value.end = F.value, l.setEndValue(F.value))) : (h.value = {
         start: 0,
-        end: B.value
+        end: F.value
       }, Ne.value += 1);
     }
-    function Kt(t) {
-      const o = B.value;
+    function Qt(t) {
+      const o = F.value;
       return t > o ? o : t < 0 || e.value.style.chart.zoom.startIndex !== null && t < e.value.style.chart.zoom.startIndex ? e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex + 1 : 1 : t;
     }
-    const { userOptionsVisible: pe, setUserOptionsVisibility: tt, keepUserOptionState: lt } = ql({ config: e.value }), { svgRef: ke } = Zl({ config: e.value.style.chart.title });
+    const { userOptionsVisible: pe, setUserOptionsVisibility: tt, keepUserOptionState: lt } = ql({ config: e.value }), { svgRef: ke } = Jl({ config: e.value.style.chart.title });
     function xe() {
       const t = Ie({
         userConfig: A.config,
@@ -197,7 +197,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       const l = t.theme;
       if (l)
         if (!qt.value(t))
-          Zt(t), o = t;
+          Jt(t), o = t;
         else {
           const u = Ie({
             userConfig: Pt[l] || A.config,
@@ -208,7 +208,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
               userConfig: A.config,
               defaultConfig: u
             }),
-            customPalette: t.customPalette ? t.customPalette : Bl[l] || de
+            customPalette: t.customPalette ? t.customPalette : Fl[l] || de
           };
         }
       else
@@ -216,7 +216,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       return A.config && Dt(A.config, "style.chart.zoom.startIndex") ? o.style.chart.zoom.startIndex = A.config.style.chart.zoom.startIndex : o.style.chart.zoom.startIndex = null, A.config && Dt(A.config, "style.chart.zoom.endIndex") ? o.style.chart.zoom.endIndex = A.config.style.chart.zoom.endIndex : o.style.chart.zoom.endIndex = null, o;
     }
     ie(() => A.config, (t) => {
-      Ke.value || (e.value = xe()), pe.value = !e.value.userOptions.showOnChartHover, Je(), Re.value += 1, Ve.value += 1, Me.value += 1, U.value.showTable = e.value.table.show;
+      Qe.value || (e.value = xe()), pe.value = !e.value.userOptions.showOnChartHover, Ke(), Re.value += 1, Ve.value += 1, Me.value += 1, U.value.showTable = e.value.table.show;
     }, { deep: !0 }), ie(() => A.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ne.value = !1), et();
     }, { deep: !0 });
@@ -224,7 +224,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       elementId: z.value,
       fileName: e.value.style.chart.title.text || "vue-ui-donut-evolution",
       options: e.value.userOptions.print
-    }), Qt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), el = g(() => El(e.value.customPalette)), U = i({
+    }), Zt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), el = g(() => El(e.value.customPalette)), U = i({
       showTable: e.value.table.show
     });
     ie(e, () => {
@@ -247,7 +247,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       const o = ye.value ? ye.value.getBoundingClientRect().width + e.value.style.chart.layout.grid.axis.yLabelOffsetX + e.value.style.chart.layout.grid.axis.fontSize : 0;
       return t + o + 5;
     }
-    const we = i(0), ll = Bt((t) => {
+    const we = i(0), ll = Ft((t) => {
       we.value = t;
     }, 100);
     xl((t) => {
@@ -302,9 +302,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     })))), X = g(() => T.value.filter((t) => !k.value.includes(t.uid)).map((t) => ({
       ...t,
       values: t.values.filter((o, l) => l >= h.value.start && l <= h.value.end)
-    }))), B = g(() => Math.max(...X.value.map((t) => t.length))), L = g(() => Gl({
+    }))), F = g(() => Math.max(...X.value.map((t) => t.length))), L = g(() => Gl({
       values: e.value.style.chart.layout.grid.xAxis.dataLabels.values,
-      maxDatapoints: B.value,
+      maxDatapoints: F.value,
       formatter: e.value.style.chart.layout.grid.xAxis.dataLabels.datetimeFormatter,
       start: h.value.start,
       end: h.value.end
@@ -381,7 +381,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       value: t
     })));
     function rl(t, o) {
-      return isNaN(t.value / Ft(o, "value")) ? 0 : (t.value / Ft(o, "value") * 100).toFixed(0) + "%";
+      return isNaN(t.value / Bt(o, "value")) ? 0 : (t.value / Bt(o, "value") * 100).toFixed(0) + "%";
     }
     function it(t) {
       b.value = null, oe.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.seriesIndex + h.value.start });
@@ -389,9 +389,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function ul(t) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.index + h.value.start }), b.value = t.index, oe.value = t;
     }
-    const K = i(null);
+    const Q = i(null);
     function ct(t, o) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.index + h.value.start }), !(!t.subtotal || !e.value.style.chart.dialog.show) && (oe.value = null, b.value = null, he.value = !0, M.value = t, dl(t), [null, void 0].includes(o) || (K.value = o));
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.index + h.value.start }), !(!t.subtotal || !e.value.style.chart.dialog.show) && (oe.value = null, b.value = null, he.value = !0, M.value = t, dl(t), [null, void 0].includes(o) || (Q.value = o));
     }
     const De = g(() => T.value.map((t, o) => ({
       name: t.name,
@@ -402,7 +402,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     })).sort((t, o) => o.value - t.value).map((t, o) => ({
       ...t,
       opacity: k.value.includes(t.uid) ? 0.5 : 1,
-      segregate: () => Q(t.uid),
+      segregate: () => Z(t.uid),
       isSegregated: k.value.includes(t.uid),
       display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${e.value.style.chart.legend.showValue ? Te(
         e.value.style.chart.layout.dataLabels.formatter,
@@ -427,14 +427,14 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Q(t) {
+    function Z(t) {
       if (k.value.includes(t))
         k.value = k.value.filter((o) => o !== t), qe("selectLegend", X.value);
       else {
         if (k.value.length === T.value.length - 1) return;
         k.value.push(t), qe("selectLegend", X.value);
       }
-      M.value && ct(D.value.find((o, l) => l === K.value));
+      M.value && ct(D.value.find((o, l) => l === Q.value));
     }
     function vt(t) {
       if (!T.value.length)
@@ -444,11 +444,11 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     }
     function sl(t) {
       const o = vt(t);
-      o !== null && k.value.includes(o.uid) && Q(o.uid);
+      o !== null && k.value.includes(o.uid) && Z(o.uid);
     }
     function il(t) {
       const o = vt(t);
-      o !== null && (k.value.includes(o.uid) || Q(o.uid));
+      o !== null && (k.value.includes(o.uid) || Z(o.uid));
     }
     const Y = g(() => {
       const t = [""].concat(T.value.filter((a) => !k.value.includes(a.uid)).map((a) => ({
@@ -456,7 +456,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         color: a.color
       }))).concat(["Σ"]);
       let o = [];
-      for (let a = 0; a < B.value; a += 1) {
+      for (let a = 0; a < F.value; a += 1) {
         const f = T.value.filter((v) => !k.value.includes(v.uid)).map((v) => v.values[a] ?? 0).reduce((v, p) => v + p, 0);
         o.push([L.value[a] ? L.value[a].text : "-"].concat(T.value.filter((v) => !k.value.includes(v.uid)).map((v) => ({
           value: v.values[a] ?? 0,
@@ -484,7 +484,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       return T.value;
     }
     function _e(t = null) {
-      Be(() => {
+      Fe(() => {
         const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = [...Y.value.head.map((v) => v.name ?? v)], u = [...Y.value.body.map((v) => v.map((p) => p.value ?? p))], a = o.concat([l]).concat(u), f = Nl(a);
         t ? t(f) : Rl({ csvContent: f, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
       });
@@ -503,7 +503,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
     function ft(t) {
       return t.proportion * 100 > e.value.style.chart.donuts.hover.hideLabelsUnderValue;
     }
-    const yt = i([]), bt = i({}), Fe = i(null);
+    const yt = i([]), bt = i({}), Be = i(null);
     function dl(t) {
       yt.value = t.donut.map((o) => ({
         name: o.name,
@@ -513,11 +513,11 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         ...e.value.style.chart.dialog.donutChart,
         responsive: !0,
         theme: e.value.theme
-      }), Fe.value && Fe.value.open();
+      }), Be.value && Be.value.open();
     }
     async function vl({ scale: t = 2 } = {}) {
       if (!N.value) return;
-      const { width: o, height: l } = N.value.getBoundingClientRect(), u = o / l, { imageUri: a, base64: f } = await Kl({ domElement: N.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: l } = N.value.getBoundingClientRect(), u = o / l, { imageUri: a, base64: f } = await Ql({ domElement: N.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: a,
         base64: f,
@@ -528,7 +528,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       };
     }
     const hl = g(() => j.value.width), gl = g(() => j.value.height);
-    Jl({
+    Kl({
       timeLabelsEls: ae,
       timeLabels: L,
       slicer: h,
@@ -571,7 +571,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       };
     });
     ie(() => U.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && Z.value ? Z.value.open() : "close" in Z.value && Z.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
     });
     function Ct() {
       U.value.showTable = !1, be.value && be.value.setTableIconState(!1);
@@ -642,10 +642,10 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
-      Qt.value ? (r(), n("div", {
+      Zt.value ? (r(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Jt,
+        ref: Kt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : d("", !0),
@@ -656,7 +656,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         style: "width:100%;background:transparent;padding-bottom:24px",
         onMouseleave: it
       }, [
-        (r(), $(Ql, {
+        (r(), $(Zl, {
           key: `title_${Re.value}`,
           config: {
             title: {
@@ -673,7 +673,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       C("div", {
         id: `legend-top-${z.value}`
       }, null, 8, ao),
-      e.value.userOptions.show && Ze.value && (c(lt) || c(pe)) ? (r(), $(c(jt), {
+      e.value.userOptions.show && Je.value && (c(lt) || c(pe)) ? (r(), $(c(jt), {
         ref_key: "userOptionsRef",
         ref: be,
         key: `user_options_${Pe.value}`,
@@ -840,7 +840,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             "stroke-linecap": "round"
           }, null, 8, bo),
           e.value.style.chart.layout.grid.showVerticalLines ? (r(), n("g", Co, [
-            (r(!0), n(S, null, F(h.value.end - h.value.start, (l, u) => (r(), n("line", {
+            (r(!0), n(S, null, B(h.value.end - h.value.start, (l, u) => (r(), n("line", {
               x1: s.value.left + (u + 1) * w.value,
               x2: s.value.left + (u + 1) * w.value,
               y1: s.value.top,
@@ -879,7 +879,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           ref: ge,
           class: I({ "donut-opacity": !0, "donut-behind": b.value !== null })
         }, [
-          (r(!0), n(S, null, F(al.value, (l, u) => (r(), n("g", null, [
+          (r(!0), n(S, null, B(al.value, (l, u) => (r(), n("g", null, [
             l.value >= G.value.min && l.value <= G.value.max ? (r(), n("line", {
               key: 0,
               x1: s.value.left,
@@ -916,8 +916,8 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           ref: ae,
           class: I({ "donut-opacity": !0 })
         }, [
-          (r(!0), n(S, null, F(h.value.end - h.value.start, (l, u) => (r(), n("g", null, [
-            (e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast && (u === 0 || u === B.value - 1) || !e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast) && L.value[u] && L.value[u].text ? (r(), n("g", wo, [
+          (r(!0), n(S, null, B(h.value.end - h.value.start, (l, u) => (r(), n("g", null, [
+            (e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast && (u === 0 || u === F.value - 1) || !e.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast) && L.value[u] && L.value[u].text ? (r(), n("g", wo, [
               String(L.value[u].text).includes(`
 `) ? (r(), n("text", {
                 key: 1,
@@ -944,7 +944,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             ])) : d("", !0)
           ]))), 256))
         ], 512)) : d("", !0),
-        (r(!0), n(S, null, F(D.value, (l, u) => (r(), n("g", null, [
+        (r(!0), n(S, null, B(D.value, (l, u) => (r(), n("g", null, [
           e.value.style.chart.layout.line.show && u < D.value.length - 1 && ![l.subtotal, D.value[u + 1].subtotal].includes(null) ? (r(), n("line", {
             key: 0,
             class: I({ "donut-opacity": !0, "donut-behind": b.value !== null }),
@@ -964,15 +964,15 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
               cy: l.y,
               r: l.activeRadius,
               fill: e.value.style.chart.backgroundColor
-            }, null, 8, Fo)) : d("", !0)
+            }, null, 8, Bo)) : d("", !0)
           ])) : d("", !0)
         ]))), 256)),
-        (r(!0), n(S, null, F(D.value, (l, u) => (r(), n("g", {
+        (r(!0), n(S, null, B(D.value, (l, u) => (r(), n("g", {
           class: I({ "donut-opacity": !0, "donut-behind": u !== b.value && b.value !== null })
         }, [
-          l.subtotal ? (r(), n("g", Bo, [
+          l.subtotal ? (r(), n("g", Fo, [
             b.value !== null && b.value === u ? (r(), n("g", Eo, [
-              (r(!0), n(S, null, F(l.donutHover, (a) => (r(), n("g", null, [
+              (r(!0), n(S, null, B(l.donutHover, (a) => (r(), n("g", null, [
                 ft(a) ? (r(), n("path", {
                   key: 0,
                   d: c(Ol)(a, { x: a.center.endX, y: a.center.endY }, 12, 12, { x: l.x, y: l.y }, !1, 20),
@@ -983,7 +983,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
                   fill: "none"
                 }, null, 8, $o)) : d("", !0)
               ]))), 256)),
-              (r(!0), n(S, null, F(l.donutHover, (a, f) => (r(), n("g", null, [
+              (r(!0), n(S, null, B(l.donutHover, (a, f) => (r(), n("g", null, [
                 ft(a) ? (r(), n("text", {
                   key: 0,
                   "data-cy-hover-label": "",
@@ -1006,7 +1006,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             ])) : d("", !0)
           ])) : d("", !0)
         ], 2))), 256)),
-        (r(!0), n(S, null, F(D.value, (l, u) => (r(), n("g", {
+        (r(!0), n(S, null, B(D.value, (l, u) => (r(), n("g", {
           class: I({ "donut-opacity": !0, "donut-behind": u !== b.value && b.value !== null })
         }, [
           l.subtotal !== null ? (r(), n("g", Io, [
@@ -1017,14 +1017,14 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
               r: 3,
               fill: e.value.style.chart.color
             }, null, 8, Oo)) : b.value !== null && b.value === u ? (r(), n("g", Po, [
-              (r(!0), n(S, null, F(l.donutHover, (a, f) => (r(), n("path", {
+              (r(!0), n(S, null, B(l.donutHover, (a, f) => (r(), n("path", {
                 d: a.arcSlice,
                 fill: `${a.color}`,
                 "stroke-width": 1,
                 stroke: e.value.style.chart.backgroundColor
               }, null, 8, No))), 256))
             ])) : (r(), n("g", Ro, [
-              (r(!0), n(S, null, F(l.donut, (a, f) => (r(), n("path", {
+              (r(!0), n(S, null, B(l.donut, (a, f) => (r(), n("path", {
                 d: a.arcSlice,
                 fill: `${a.color}`,
                 "stroke-width": 0.5,
@@ -1033,7 +1033,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             ]))
           ])) : d("", !0)
         ], 2))), 256)),
-        (r(!0), n(S, null, F(D.value, (l, u) => (r(), n("g", {
+        (r(!0), n(S, null, B(D.value, (l, u) => (r(), n("g", {
           class: I({ "donut-opacity": !0, "donut-behind": u !== b.value && b.value !== null || he.value && u !== M.value.index })
         }, [
           l.subtotal !== null && e.value.style.chart.layout.dataLabels.show ? (r(), n("text", {
@@ -1046,18 +1046,18 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             fill: e.value.style.chart.layout.dataLabels.color
           }, x(st(l.subtotal, l, u)), 9, Mo)) : d("", !0)
         ], 2))), 256)),
-        (r(!0), n(S, null, F(D.value, (l, u) => (r(), n("rect", {
+        (r(!0), n(S, null, B(D.value, (l, u) => (r(), n("rect", {
           x: s.value.left + u * w.value,
           y: s.value.top,
           width: w.value,
           height: s.value.height,
-          fill: [b.value, K.value].includes(l.index) ? `url(#hover_${z.value})` : "transparent",
-          class: I({ "donut-hover": l.subtotal && [b.value, K.value].includes(l.index) }),
+          fill: [b.value, Q.value].includes(l.index) ? `url(#hover_${z.value})` : "transparent",
+          class: I({ "donut-hover": l.subtotal && [b.value, Q.value].includes(l.index) }),
           style: {
             pointerEvents: "none"
           }
         }, null, 10, Uo))), 256)),
-        (r(!0), n(S, null, F(D.value, (l, u) => (r(), n("rect", {
+        (r(!0), n(S, null, B(D.value, (l, u) => (r(), n("rect", {
           "data-cy-trap": "",
           x: s.value.left + u * w.value,
           y: s.value.top,
@@ -1080,7 +1080,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         style: te(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        B.value > 1 && e.value.style.chart.zoom.show ? (r(), $(to, {
+        F.value > 1 && e.value.style.chart.zoom.show ? (r(), $(to, {
           ref_key: "slicerComponent",
           ref: je,
           key: `slicer_${Ne.value}`,
@@ -1093,7 +1093,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           textColor: e.value.style.chart.color,
           inputColor: e.value.style.chart.zoom.color,
           selectColor: e.value.style.chart.zoom.highlightColor,
-          max: B.value,
+          max: F.value,
           min: 0,
           valueStart: h.value.start,
           valueEnd: h.value.end,
@@ -1102,7 +1102,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
           end: h.value.end,
           "onUpdate:end": o[1] || (o[1] = (l) => h.value.end = l),
           refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
-          refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : B.value,
+          refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : F.value,
           enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
           enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
           focusOnDrag: e.value.style.chart.zoom.focusOnDrag,
@@ -1130,11 +1130,11 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
             key: `legend_${Me.value}`,
             legendSet: De.value,
             config: nl.value,
-            onClickMarker: o[2] || (o[2] = ({ legend: l }) => Q(l.uid))
+            onClickMarker: o[2] || (o[2] = ({ legend: l }) => Z(l.uid))
           }, {
             item: y(({ legend: l, index: u }) => [
               C("div", {
-                onClick: (a) => Q(l.uid),
+                onClick: (a) => Z(l.uid),
                 style: te(`opacity:${k.value.includes(l.uid) ? 0.5 : 1}`)
               }, x(l.display), 13, jo)
             ]),
@@ -1151,9 +1151,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       }, [
         m(t.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      Ze.value && e.value.userOptions.buttons.table ? (r(), $(Dl(ee.value.component), _l({ key: 7 }, ee.value.props, {
+      Je.value && e.value.userOptions.buttons.table ? (r(), $(Dl(ee.value.component), _l({ key: 7 }, ee.value.props, {
         ref_key: "tableUnit",
-        ref: Z,
+        ref: J,
         onClose: Ct
       }), kt({
         content: y(() => [
@@ -1206,9 +1206,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
       e.value.style.chart.dialog.show ? (r(), $(c(Oe), {
         key: 8,
         ref_key: "dialog",
-        ref: Fe,
+        ref: Be,
         onClose: o[4] || (o[4] = (l) => {
-          M.value = null, he.value = !1, oe.value = null, b.value = null, K.value = null;
+          M.value = null, he.value = !1, oe.value = null, b.value = null, Q.value = null;
         }),
         backgroundColor: e.value.style.chart.dialog.backgroundColor,
         color: e.value.style.chart.dialog.color,
@@ -1229,15 +1229,15 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : d("", !0),
-      c(Ke) ? (r(), $(Wl, { key: 9 })) : d("", !0)
+      c(Qe) ? (r(), $(Wl, { key: 9 })) : d("", !0)
     ], 46, oo));
   }
-}, Zo = /* @__PURE__ */ lo(qo, [["__scopeId", "data-v-ddadc763"]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Jo = /* @__PURE__ */ lo(qo, [["__scopeId", "data-v-ddadc763"]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Zo
+  default: Jo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   ga as a,
   fa as b,
-  Zo as v
+  Jo as v
 };