vue-data-ui 3.1.0 → 3.1.2

package/dist/{vue-ui-quadrant-CMevCtXH.js → vue-ui-quadrant-Bpm5ZoTp.js}

@@ -1,31 +1,31 @@
-import { defineAsyncComponent as F, computed as x, ref as y, toRefs as Ct, watch as pe, shallowRef as Ke, onMounted as qt, onBeforeUnmount as St, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as C, normalizeClass as T, createBlock as X, createCommentVNode as h, createElementVNode as c, createVNode as se, createSlots as et, withCtx as m, renderSlot as $, normalizeProps as U, guardReactiveProps as G, Fragment as S, renderList as Y, toDisplayString as k, Teleport as zt, resolveDynamicComponent as Tt, mergeProps as At, createTextVNode as tt, nextTick as lt } from "vue";
-import { u as Wt, c as at, t as Xt, a as Yt, p as ge, b as Mt, o as Ot, f as Q, d as Nt, e as Bt, Y as Ft, k as R, i as P, X as Rt, s as re, x as Pt, Z as Vt, I as Ht, F as It, v as Dt, w as Et, y as Ut, z as Gt } from "./index-CDQbCd41.js";
-import { t as Qt, u as Jt } from "./useResponsive-DfdjqQps.js";
-import { u as jt } from "./usePrinter-Bnl1YeUU.js";
-import { u as ut } from "./useNestedProp-BPEHGiYX.js";
-import { u as Zt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Kt } from "./useChartAccessibility-9icAAmYg.js";
-import el from "./img-JOqdlnUs.js";
-import tl from "./Title-Dq2_Z9kR.js";
-import { _ as ot } from "./Shape-Dj2Hl33H.js";
-import ll from "./Legend-2-dC7DVb.js";
-import { u as al, B as ul } from "./BaseScanner-BgWxam9d.js";
-import { _ as ol } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y", "width", "height"], vl = ["id"], dl = ["stop-color"], cl = ["stop-color"], hl = { key: 1 }, yl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], bl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], fl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], pl = { key: 2 }, gl = ["points", "fill"], ml = ["points", "fill"], xl = ["points", "fill"], $l = ["points", "fill"], kl = { key: 3 }, Ll = ["y", "fill", "font-size"], wl = ["x", "y", "fill", "font-size"], _l = ["x", "y", "fill", "font-size"], Cl = ["y", "fill", "font-size"], ql = { key: 4 }, Sl = ["x", "y", "font-size", "fill"], zl = ["x", "y", "font-size", "fill"], Tl = ["x", "y", "font-size", "fill"], Al = ["id", "font-size", "transform", "fill"], Wl = ["id", "font-size", "transform", "fill"], Xl = ["id", "font-size", "transform", "fill"], Yl = { key: 5 }, Ml = ["fill", "points"], Ol = ["x", "y", "width", "height"], Nl = ["x", "y", "width", "height"], Bl = ["x", "y", "width", "height"], Fl = ["x", "y", "width", "height"], Rl = {
+import { defineAsyncComponent as R, computed as x, ref as y, toRefs as qt, watch as ge, shallowRef as tt, onMounted as St, onBeforeUnmount as zt, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as C, normalizeClass as T, createBlock as X, createCommentVNode as h, createElementVNode as d, createVNode as se, createSlots as lt, withCtx as g, renderSlot as $, normalizeProps as U, guardReactiveProps as G, Fragment as S, renderList as Y, toDisplayString as k, Teleport as Tt, resolveDynamicComponent as At, mergeProps as Wt, createTextVNode as at, nextTick as ut } from "vue";
+import { u as Xt, c as ot, t as Yt, a as Mt, p as me, b as Ot, o as Nt, f as Q, d as Bt, e as Rt, Y as Ft, k as F, i as P, X as Pt, s as re, x as Vt, Z as Dt, I as Ht, F as It, v as Et, w as Ut, y as Gt, z as Qt } from "./index-BFqW8WA0.js";
+import { t as Jt, u as jt } from "./useResponsive-DfdjqQps.js";
+import { u as Zt } from "./usePrinter-DDIKRiOp.js";
+import { u as st } from "./useNestedProp-BSZCnuGl.js";
+import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as el } from "./useChartAccessibility-9icAAmYg.js";
+import tl from "./img-DvuphHeJ.js";
+import ll from "./Title-AGmmsSi_.js";
+import { _ as rt } from "./Shape-Bmpx9GRg.js";
+import al from "./Legend-DLzeDl3-.js";
+import { u as ul, B as ol } from "./BaseScanner-BgWxam9d.js";
+import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y", "width", "height"], cl = ["id"], dl = ["stop-color"], hl = ["stop-color"], yl = { key: 1 }, bl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], fl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], pl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], gl = { key: 2 }, ml = ["points", "fill"], xl = ["points", "fill"], $l = ["points", "fill"], kl = ["points", "fill"], Ll = { key: 3 }, wl = ["y", "fill", "font-size"], _l = ["x", "y", "fill", "font-size"], Cl = ["x", "y", "fill", "font-size"], ql = ["y", "fill", "font-size"], Sl = { key: 4 }, zl = ["x", "y", "font-size", "fill"], Tl = ["x", "y", "font-size", "fill"], Al = ["x", "y", "font-size", "fill"], Wl = ["id", "font-size", "transform", "fill"], Xl = ["id", "font-size", "transform", "fill"], Yl = ["id", "font-size", "transform", "fill"], Ml = { key: 5 }, Ol = ["fill", "points"], Nl = ["x", "y", "width", "height"], Bl = ["x", "y", "width", "height"], Rl = ["x", "y", "width", "height"], Fl = ["x", "y", "width", "height"], Pl = {
   key: 0,
   style: { "pointer-events": "none" }
-}, Pl = ["x", "y", "font-size", "fill"], Vl = ["x", "y", "font-size", "fill", "innerHTML"], Hl = { key: 0 }, Il = ["x", "y", "onMouseover", "onMouseleave", "onClick"], Dl = {
+}, Vl = ["x", "y", "font-size", "fill"], Dl = ["x", "y", "font-size", "fill", "innerHTML"], Hl = { key: 0 }, Il = ["x", "y", "onMouseover", "onMouseleave", "onClick"], El = {
   key: 8,
   class: "vue-ui-dna"
-}, El = ["points", "fill"], Ul = ["points", "fill"], Gl = ["points", "fill"], Ql = ["points", "fill"], Jl = { key: 9 }, jl = ["x", "y", "font-size", "fill", "font-weight"], Zl = { key: 10 }, Kl = ["x", "y", "fill"], ea = ["x", "y", "fill"], ta = ["x", "y", "fill"], la = ["x", "y", "fill"], aa = ["stroke", "d"], ua = ["stroke", "d"], oa = {
+}, Ul = ["points", "fill"], Gl = ["points", "fill"], Ql = ["points", "fill"], Jl = ["points", "fill"], jl = { key: 9 }, Zl = ["x", "y", "font-size", "fill", "font-weight"], Kl = { key: 10 }, ea = ["x", "y", "fill"], ta = ["x", "y", "fill"], la = ["x", "y", "fill"], aa = ["x", "y", "fill"], ua = ["stroke", "d"], oa = ["stroke", "d"], sa = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, sa = ["id"], ra = ["onClick"], na = {
+}, ra = ["id"], na = ["onClick"], ia = {
   key: 0,
   height: "14",
   width: "14",
   viewBox: "0 0 20 20"
-}, ia = ["innerHTML"], va = {
+}, va = ["innerHTML"], ca = {
   __name: "vue-ui-quadrant",
   props: {
     config: {
@@ -42,14 +42,14 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
     }
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
-  setup(st, { expose: rt, emit: nt }) {
-    const it = F(() => import("./Tooltip-Y219DXZO.js")), vt = F(() => import("./BaseIcon-DHtro8us.js")), dt = F(() => import("./vue-ui-accordion-Bf_LHFFX.js")), ct = F(() => import("./DataTable-DJjA2_wf.js")), ht = F(() => import("./PenAndPaper-B7QEDgx4.js")), yt = F(() => import("./UserOptions-BuGfCdAY.js")), bt = F(() => import("./PackageVersion-DU12WH3O.js")), ft = F(() => import("./BaseDraggableDialog-O7900pGp.js")), { vue_ui_quadrant: pt } = Wt(), M = st, me = x(() => !!M.dataset && M.dataset.length), w = y(at()), ne = nt, gt = y(null), ie = y(!1), ve = y(""), xe = y(0), p = y(!1), A = y(null), $e = y(null), ke = y(null), Le = y(null), we = y(null), _e = y(0), Ce = y(0), qe = y(0), Se = y(!1), J = y(null), e = y(ce()), { loading: ze, FINAL_DATASET: Te } = al({
-      ...Ct(M),
+  setup(nt, { expose: it, emit: vt }) {
+    const ct = R(() => import("./Tooltip-le0yZk_t.js")), dt = R(() => import("./BaseIcon-BLg8FaQ2.js")), ht = R(() => import("./vue-ui-accordion-Cv747Pg6.js")), yt = R(() => import("./DataTable-BRN1-1ob.js")), bt = R(() => import("./PenAndPaper-TgGWddgD.js")), ft = R(() => import("./UserOptions-DEFwuQIo.js")), pt = R(() => import("./PackageVersion-Jz9FlNXl.js")), gt = R(() => import("./BaseDraggableDialog-Dkpr-qUQ.js")), { vue_ui_quadrant: mt } = Xt(), M = nt, xe = x(() => !!M.dataset && M.dataset.length), w = y(ot()), ne = vt, ie = y(!1), ve = y(""), $e = y(0), p = y(!1), A = y(null), ke = y(null), Le = y(null), we = y(null), _e = y(null), Ce = y(0), qe = y(0), Se = y(0), ze = y(!1), J = y(null), ce = y(null), e = y(he()), { loading: Te, FINAL_DATASET: Ae } = ul({
+      ...qt(M),
       FINAL_CONFIG: e,
-      prepareConfig: ce,
+      prepareConfig: he,
       callback: () => {
         Promise.resolve().then(async () => {
-          await lt(), g.value.showTable = e.value.table.show;
+          await ut(), m.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -74,7 +74,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           ]
         }
       ],
-      skeletonConfig: Xt({
+      skeletonConfig: Yt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -112,42 +112,42 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           }
         }
       })
-    }), { userOptionsVisible: de, setUserOptionsVisibility: Ae, keepUserOptionState: We } = Zt({ config: e.value }), { svgRef: Xe } = Kt({ config: e.value.style.chart.title });
-    function ce() {
-      const l = ut({
+    }), { userOptionsVisible: de, setUserOptionsVisibility: We, keepUserOptionState: Xe } = Kt({ config: e.value }), { svgRef: Ye } = el({ config: e.value.style.chart.title });
+    function he() {
+      const l = st({
         userConfig: M.config,
-        defaultConfig: pt
+        defaultConfig: mt
       });
       return l.theme ? {
-        ...ut({
-          userConfig: Mt.vue_ui_quadrant[l.theme] || M.config,
+        ...st({
+          userConfig: Ot.vue_ui_quadrant[l.theme] || M.config,
           defaultConfig: l
         }),
-        customPalette: Yt[l.theme] || ge
+        customPalette: Mt[l.theme] || me
       } : l;
     }
-    pe(() => M.config, (l) => {
-      e.value = ce(), de.value = !e.value.userOptions.showOnChartHover, Ye(), _e.value += 1, Ce.value += 1, qe.value += 1, g.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
+    ge(() => M.config, (l) => {
+      e.value = he(), de.value = !e.value.userOptions.showOnChartHover, Me(), Ce.value += 1, qe.value += 1, Se.value += 1, m.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const O = Ke(null), I = Ke(null), D = x(() => e.value.debug);
-    function Ye() {
-      if (Ot(M.dataset) ? Q({
+    const O = tt(null), H = tt(null), I = x(() => e.value.debug);
+    function Me() {
+      if (Nt(M.dataset) ? Q({
         componentName: "VueUiQuadrant",
         type: "dataset",
-        debug: D.value
+        debug: I.value
       }) : M.dataset.forEach((l, u) => {
         [null, void 0].includes(l.name) && Q({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "name",
           index: u,
-          debug: D.value
+          debug: I.value
         }), [null, void 0].includes(l.series) ? Q({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "series",
           index: u,
-          debug: D.value
+          debug: I.value
         }) : l.series.forEach((a, o) => {
           [null, void 0].includes(a.name) && Q({
             componentName: "VueUiQuadrant",
@@ -155,35 +155,35 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             property: "name",
             key: "series",
             index: o,
-            debug: D.value
+            debug: I.value
           });
         });
       }), e.value.responsive) {
-        const l = Qt(() => {
-          const { width: u, height: a } = Jt({
+        const l = Jt(() => {
+          const { width: u, height: a } = jt({
             chart: A.value,
-            title: e.value.style.chart.title.text ? $e.value : null,
-            legend: e.value.style.chart.legend.show ? ke.value : null,
-            source: Le.value,
-            noTitle: we.value
+            title: e.value.style.chart.title.text ? ke.value : null,
+            legend: e.value.style.chart.legend.show ? Le.value : null,
+            source: we.value,
+            noTitle: _e.value
           });
           L.value = 48, requestAnimationFrame(() => {
             t.value.height = a, t.value.usableHeight = a - L.value * 2, t.value.width = u, t.value.usableWidth = u - L.value * 2, t.value.top = L.value, t.value.left = L.value, t.value.right = u - L.value, t.value.bottom = a - L.value, t.value.centerX = u / 2, t.value.centerY = a - a / 2, t.value.padding = L.value;
           });
         });
-        O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect()), O.value = new ResizeObserver(l), I.value = A.value.parentNode, O.value.observe(I.value);
+        O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect()), O.value = new ResizeObserver(l), H.value = A.value.parentNode, O.value.observe(H.value);
       }
     }
-    qt(() => {
-      Se.value = !0, Ye();
-    }), St(() => {
-      O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect());
+    St(() => {
+      ze.value = !0, Me();
+    }), zt(() => {
+      O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect());
     });
-    const { isPrinting: Me, isImaging: Oe, generatePdf: Ne, generateImage: Be } = jt({
+    const { isPrinting: Oe, isImaging: Ne, generatePdf: Be, generateImage: Re } = Zt({
       elementId: `vue-ui-quadrant_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
       options: e.value.userOptions.print
-    }), mt = x(() => e.value.userOptions.show && !e.value.style.chart.title.text), Fe = x(() => Nt(e.value.customPalette)), g = y({
+    }), xt = x(() => e.value.userOptions.show && !e.value.style.chart.title.text), Fe = x(() => Bt(e.value.customPalette)), m = y({
       plotLabels: {
         show: e.value.style.chart.layout.labels.plotLabels.show
       },
@@ -206,15 +206,15 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
       startX: 0,
       startY: 0
     });
-    pe(() => t.value, (l) => {
+    ge(() => t.value, (l) => {
       l && (v.value = {
         ...JSON.parse(JSON.stringify(t.value)),
         startX: 0,
         startY: 0
       });
     }, { deep: !0 });
-    const d = y(null), V = x(() => {
-      switch (d.value) {
+    const c = y(null), V = x(() => {
+      switch (c.value) {
         case "TL":
           return {
             x: v.value.startX + v.value.width / 2,
@@ -254,9 +254,9 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         default:
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
-    }), xt = y(null), ee = y(!1);
+    }), $t = y(null), ee = y(!1);
     function j({ targetX: l, targetY: u, targetW: a, targetH: o, side: r }) {
-      d.value && Z(r);
+      c.value && Z(r);
       const b = {
         x: l - v.value.startX,
         y: u - v.value.startY,
@@ -264,22 +264,22 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         h: o - v.value.height
       }, f = e.value.zoomAnimationFrames;
       let W = 0;
-      function Ze() {
-        ee.value = !0, v.value.startX += b.x / f, v.value.startY += b.y / f, v.value.width += b.w / f, v.value.height += b.h / f, W += 1, W < f ? xt.value = requestAnimationFrame(Ze) : ee.value = !1;
+      function et() {
+        ee.value = !0, v.value.startX += b.x / f, v.value.startY += b.y / f, v.value.width += b.w / f, v.value.height += b.h / f, W += 1, W < f ? $t.value = requestAnimationFrame(et) : ee.value = !1;
       }
-      Ze();
+      et();
     }
     function N(l) {
       if (!ee.value)
-        if (p.value && d.value === l)
+        if (p.value && c.value === l)
           j({
             targetX: 0,
             targetY: 0,
             targetW: t.value.width,
             targetH: t.value.height
-          }), d.value = null, p.value = !1;
+          }), c.value = null, p.value = !1;
         else {
-          switch (d.value = l, l) {
+          switch (c.value = l, l) {
             case "TL":
               j({
                 targetX: 0,
@@ -323,7 +323,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           p.value = !0;
         }
     }
-    const $t = x(() => {
+    const kt = x(() => {
       const l = e.value.style.chart.layout.grid.graduations.steps, u = t.value.usableWidth / (l * 2), a = t.value.top, o = [];
       for (let r = 0; r < l; r += 1)
         o.push({
@@ -346,21 +346,21 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           min: o
         }
       };
-    }), B = y([]), E = x(() => Te.value.map((l, u) => ({
+    }), B = y([]), E = x(() => Ae.value.map((l, u) => ({
       ...l,
       series: Ft({
         data: l.series,
         threshold: e.value.downsample.threshold
       }),
       id: `cat_${u}_${w.value}`,
-      color: Bt(l.color) || Fe.value[u] || ge[u]
-    }))), kt = x(() => E.value.filter((l) => !B.value.includes(l.id))), Lt = x(() => E.value.map((l, u) => ({
+      color: Rt(l.color) || Fe.value[u] || me[u]
+    }))), Lt = x(() => E.value.filter((l) => !B.value.includes(l.id))), wt = x(() => E.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
         ...a,
-        x: Re(a.x),
-        y: Pe(a.y),
+        x: Pe(a.x),
+        y: Ve(a.y),
         xValue: a.x,
         yValue: a.y,
         quadrantSide: He({ x: a.x, y: a.y }),
@@ -368,7 +368,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         shape: l.shape,
         color: l.color
       }))
-    }))), z = x(() => (Te.value.forEach((l, u) => {
+    }))), z = x(() => (Ae.value.forEach((l, u) => {
       l.series.forEach((a, o) => {
         [null, void 0].includes(a.x) && Q({
           componentName: "VueUiQuadrant",
@@ -376,34 +376,34 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           property: "x",
           key: "series",
           index: o,
-          debug: D.value
+          debug: I.value
         }), [null, void 0].includes(a.y) && Q({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "y",
           key: "series",
           index: o,
-          debug: D.value
+          debug: I.value
         });
       });
-    }), kt.value.map((l, u) => ({
+    }), Lt.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
-      color: l.color || Fe.value[u] || ge[u],
+      color: l.color || Fe.value[u] || me[u],
       series: l.series.map((a) => ({
         ...a,
-        x: Re(a.x),
-        y: Pe(a.y),
+        x: Pe(a.x),
+        y: Ve(a.y),
         xValue: a.x,
         yValue: a.y,
         quadrantSide: He({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color,
-        uid: at()
+        uid: ot()
       }))
     }))));
-    function Re(l) {
+    function Pe(l) {
       if (l >= 0) {
         const u = l / q.value.x.max;
         return t.value.centerX + t.value.usableWidth / 2 * u;
@@ -412,7 +412,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         return t.value.centerX - t.value.usableWidth / 2 * u;
       }
     }
-    function Pe(l) {
+    function Ve(l) {
       if (l >= 0) {
         const u = l / q.value.y.max;
         return t.value.centerY + (1 - t.value.usableHeight / 2 * u);
@@ -444,7 +444,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           name: o.category
         },
         o.name,
-        R(
+        F(
           e.value.style.chart.layout.labels.plotLabels.x.formatter,
           o.x,
           P({
@@ -452,7 +452,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             r: e.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        R(
+        F(
           e.value.style.chart.layout.labels.plotLabels.y.formatter,
           o.y,
           P({
@@ -476,20 +476,20 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
       };
       return { head: l, body: u, config: a, colNames: l };
     });
-    function he(l) {
+    function ye(l) {
       B.value.includes(l) ? B.value = B.value.filter((a) => a !== l) : B.value.push(l);
-      const u = Ue();
+      const u = Ge();
       ne("selectLegend", u);
     }
-    const Ve = x(() => Lt.value.map((l) => ({
+    const De = x(() => wt.value.map((l) => ({
       name: l.name,
       shape: l.shape,
       color: l.color,
       id: l.id,
       opacity: B.value.includes(l.id) ? 0.5 : 1,
-      segregate: () => he(l.id),
+      segregate: () => ye(l.id),
       isSegregated: B.value.includes(l.id)
-    }))), wt = x(() => ({
+    }))), _t = x(() => ({
       cy: "quadrant-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -511,19 +511,19 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           return "";
       }
     }
-    const ae = y(null), ue = y(null), ye = y(null);
+    const ae = y(null), ue = y(null), be = y(null);
     function Ie(l, u, a) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: u, seriesIndex: a }), ae.value = u.uid, ue.value = {
         color: l.color,
         shape: l.shape
-      }, ye.value = {
+      }, be.value = {
         datapoint: u,
         seriesIndex: a,
         series: z.value,
         config: e.value
       }, ie.value = !0;
       const o = e.value.style.chart.tooltip.customFormat;
-      if (Ut(o) && Gt(() => o({
+      if (Gt(o) && Qt(() => o({
         seriesIndex: a,
         datapoint: u,
         series: z.value,
@@ -537,7 +537,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         });
       else {
         let r = "";
-        u.quadrantSide && (r += `<div style="color:${e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].color};font-weight:${e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].bold ? "bold" : "400"}">${e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text}</div>`), r += `<div>${l.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, r += `<div>${e.value.style.chart.layout.grid.xAxis.name ? e.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${R(
+        u.quadrantSide && (r += `<div style="color:${e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].color};font-weight:${e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].bold ? "bold" : "400"}">${e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text}</div>`), r += `<div>${l.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, r += `<div>${e.value.style.chart.layout.grid.xAxis.name ? e.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${F(
           e.value.style.chart.layout.labels.plotLabels.x.formatter,
           u.xValue,
           P({
@@ -545,7 +545,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: u, category: l, categoryIndex: a }
-        )}</b></div>`, r += `<div>${e.value.style.chart.layout.grid.yAxis.name ? e.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${R(
+        )}</b></div>`, r += `<div>${e.value.style.chart.layout.grid.yAxis.name ? e.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${F(
           e.value.style.chart.layout.labels.plotLabels.y.formatter,
           u.yValue,
           P({
@@ -556,10 +556,10 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         )}</b></div>`, ve.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
-    function De(l, u) {
+    function Ee(l, u) {
       ie.value = !1, ae.value = null, ue.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: u });
     }
-    function Ee(l, u, a) {
+    function Ue(l, u, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: u, seriesIndex: a });
       const o = {
         category: l.name,
@@ -692,7 +692,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         }
       }
     }));
-    function Ue() {
+    function Ge() {
       return z.value.map((l) => ({
         color: l.color,
         name: l.name,
@@ -706,32 +706,32 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         }))
       }));
     }
-    function be(l = null) {
-      lt(() => {
-        const u = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = te.value.head, o = te.value.body, r = u.concat([a]).concat(o), b = Dt(r);
-        l ? l(b) : Et({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
+    function fe(l = null) {
+      ut(() => {
+        const u = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = te.value.head, o = te.value.body, r = u.concat([a]).concat(o), b = Et(r);
+        l ? l(b) : Ut({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
-    const H = y(!1);
-    function Ge(l) {
-      H.value = l, xe.value += 1;
-    }
-    function Qe() {
-      g.value.showTable = !g.value.showTable;
+    const D = y(!1);
+    function Qe(l) {
+      D.value = l, $e.value += 1;
     }
     function Je() {
-      g.value.plotLabels.show = !g.value.plotLabels.show;
+      m.value.showTable = !m.value.showTable;
     }
     function je() {
-      g.value.showTooltip = !g.value.showTooltip;
+      m.value.plotLabels.show = !m.value.plotLabels.show;
+    }
+    function Ze() {
+      m.value.showTooltip = !m.value.showTooltip;
     }
     const oe = y(!1);
-    function fe() {
+    function pe() {
       oe.value = !oe.value;
     }
-    async function _t({ scale: l = 2 } = {}) {
+    async function Ct({ scale: l = 2 } = {}) {
       if (!A.value) return;
-      const { width: u, height: a } = A.value.getBoundingClientRect(), o = u / a, { imageUri: r, base64: b } = await el({ domElement: A.value, base64: !0, img: !0, scale: l });
+      const { width: u, height: a } = A.value.getBoundingClientRect(), o = u / a, { imageUri: r, base64: b } = await tl({ domElement: A.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: r,
         base64: b,
@@ -742,16 +742,16 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
       };
     }
     const K = x(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, u = g.value.showTable;
+      const l = e.value.table.useDialog && !e.value.table.show, u = m.value.showTable;
       return {
-        component: l ? ft : dt,
+        component: l ? gt : ht,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: H.value,
+          isFullscreen: D.value,
           fullscreenParent: A.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
@@ -771,51 +771,55 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         }
       };
     });
-    return pe(() => g.value.showTable, (l) => {
+    ge(() => m.value.showTable, (l) => {
       e.value.table.show || (l && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
-    }), rt({
-      getData: Ue,
-      getImage: _t,
-      generatePdf: Ne,
-      generateCsv: be,
-      generateImage: Be,
-      toggleTable: Qe,
-      toggleLabels: Je,
-      toggleTooltip: je,
-      toggleAnnotator: fe,
-      toggleFullscreen: Ge
+    });
+    function Ke() {
+      m.value.showTable = !1, ce.value && ce.value.setTableIconState(!1);
+    }
+    return it({
+      getData: Ge,
+      getImage: Ct,
+      generatePdf: Be,
+      generateCsv: fe,
+      generateImage: Re,
+      toggleTable: Je,
+      toggleLabels: je,
+      toggleTooltip: Ze,
+      toggleAnnotator: pe,
+      toggleFullscreen: Qe
     }), (l, u) => (s(), n("div", {
-      class: T(`vue-ui-quadrant ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: T(`vue-ui-quadrant ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
       ref: A,
       id: `vue-ui-quadrant_${w.value}`,
       style: C(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: u[16] || (u[16] = () => i(Ae)(!0)),
-      onMouseleave: u[17] || (u[17] = () => i(Ae)(!1))
+      onMouseenter: u[14] || (u[14] = () => i(We)(!0)),
+      onMouseleave: u[15] || (u[15] = () => i(We)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), X(i(ht), {
+      e.value.userOptions.buttons.annotator ? (s(), X(i(bt), {
         key: 0,
-        svgRef: i(Xe),
+        svgRef: i(Ye),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: oe.value,
-        onClose: fe
+        onClose: pe
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      mt.value ? (s(), n("div", {
+      xt.value ? (s(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: we,
+        ref: _e,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : h("", !0),
       e.value.style.chart.title.text ? (s(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: $e,
+        ref: ke,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), X(tl, {
-          key: `table_${_e.value}`,
+        (s(), X(ll, {
+          key: `table_${Ce.value}`,
           config: {
             title: {
               cy: "quadrant-title",
@@ -828,17 +832,17 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      c("div", {
+      d("div", {
         id: `legend-top-${w.value}`
-      }, null, 8, rl),
-      e.value.userOptions.show && me.value && (i(We) || i(de)) ? (s(), X(i(yt), {
-        ref_key: "details",
-        ref: gt,
-        key: `user_options_${xe.value}`,
+      }, null, 8, nl),
+      e.value.userOptions.show && xe.value && (i(Xe) || i(de)) ? (s(), X(i(ft), {
+        ref_key: "userOptionsRef",
+        ref: ce,
+        key: `user_options_${$e.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: i(Oe),
-        isPrinting: i(Me),
+        isImaging: i(Ne),
+        isPrinting: i(Oe),
         uid: w.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -847,8 +851,8 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: H.value,
-        isTooltip: g.value.showTooltip,
+        isFullscreen: D.value,
+        isTooltip: m.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: A.value,
         position: e.value.userOptions.position,
@@ -856,92 +860,93 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         isAnnotation: oe.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: Ge,
-        onGeneratePdf: i(Ne),
-        onGenerateCsv: be,
-        onGenerateImage: i(Be),
-        onToggleTable: Qe,
-        onToggleLabels: Je,
-        onToggleTooltip: je,
-        onToggleAnnotator: fe,
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: Qe,
+        onGeneratePdf: i(Be),
+        onGenerateCsv: fe,
+        onGenerateImage: i(Re),
+        onToggleTable: Je,
+        onToggleLabels: je,
+        onToggleTooltip: Ze,
+        onToggleAnnotator: pe,
         style: C({
-          visibility: i(We) ? i(de) ? "visible" : "hidden" : "visible"
+          visibility: i(Xe) ? i(de) ? "visible" : "hidden" : "visible"
         })
-      }, et({ _: 2 }, [
+      }, lt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: a, color: o }) => [
+          fn: g(({ isOpen: a, color: o }) => [
             $(l.$slots, "menuIcon", U(G({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: m(() => [
+          fn: g(() => [
             $(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: m(() => [
+          fn: g(() => [
             $(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: m(() => [
+          fn: g(() => [
             $(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: m(() => [
+          fn: g(() => [
             $(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: m(() => [
+          fn: g(() => [
             $(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: m(() => [
+          fn: g(() => [
             $(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: a, isFullscreen: o }) => [
+          fn: g(({ toggleFullscreen: a, isFullscreen: o }) => [
             $(l.$slots, "optionFullscreen", U(G({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: a, isAnnotator: o }) => [
+          fn: g(({ toggleAnnotator: a, isAnnotator: o }) => [
             $(l.$slots, "optionAnnotator", U(G({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       (s(), n("svg", {
         ref_key: "svgRef",
-        ref: Xe,
-        xmlns: i(Rt),
-        class: T({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
+        ref: Ye,
+        xmlns: i(Pt),
+        class: T({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `${v.value.startX} ${v.value.startY} ${v.value.width} ${v.value.height}`,
         style: C(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
         id: `svg_${w.value}`
       }, [
-        se(i(bt)),
+        se(i(pt)),
         l.$slots["chart-background"] ? (s(), n("foreignObject", {
           key: 0,
           x: v.value.startX,
@@ -953,8 +958,8 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           }
         }, [
           $(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, il)) : h("", !0),
-        c("defs", null, [
+        ], 8, vl)) : h("", !0),
+        d("defs", null, [
           (s(!0), n(S, null, Y(z.value, (a, o) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
@@ -963,18 +968,18 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             fy: "50%",
             id: `quadrant_gradient_${w.value}_${o}`
           }, [
-            c("stop", {
+            d("stop", {
               offset: "0%",
-              "stop-color": i(re)(i(Pt)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
+              "stop-color": i(re)(i(Vt)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
             }, null, 8, dl),
-            c("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": i(re)(a.color, e.value.style.chart.layout.areas.opacity)
-            }, null, 8, cl)
-          ], 8, vl))), 256))
+            }, null, 8, hl)
+          ], 8, cl))), 256))
         ]),
-        e.value.style.chart.layout.grid.graduations.show ? (s(), n("g", hl, [
-          (s(!0), n(S, null, Y($t.value, (a) => (s(), n("rect", {
+        e.value.style.chart.layout.grid.graduations.show ? (s(), n("g", yl, [
+          (s(!0), n(S, null, Y(kt.value, (a) => (s(), n("rect", {
             fill: e.value.style.chart.layout.grid.graduations.fill ? i(re)(e.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
             x: a.x,
             y: a.y,
@@ -983,47 +988,47 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             "stroke-width": e.value.style.chart.layout.grid.graduations.strokeWidth,
             stroke: e.value.style.chart.layout.grid.graduations.stroke,
             rx: e.value.style.chart.layout.grid.graduations.roundingForce
-          }, null, 8, yl))), 256))
+          }, null, 8, bl))), 256))
         ])) : h("", !0),
-        c("line", {
+        d("line", {
           x1: t.value.left,
           y1: t.value.centerY,
           x2: t.value.right,
           y2: t.value.centerY,
           stroke: e.value.style.chart.layout.grid.stroke,
           "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, bl),
-        c("line", {
+        }, null, 8, fl),
+        d("line", {
           x1: t.value.centerX,
           y1: t.value.top,
           x2: t.value.centerX,
           y2: t.value.bottom,
           stroke: e.value.style.chart.layout.grid.stroke,
           "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, fl),
-        e.value.style.chart.layout.grid.showArrows ? (s(), n("g", pl, [
-          c("polygon", {
+        }, null, 8, pl),
+        e.value.style.chart.layout.grid.showArrows ? (s(), n("g", gl, [
+          d("polygon", {
             points: `${t.value.right - 8},${t.value.centerY - 6} ${t.value.right},${t.value.centerY} ${t.value.right - 8},${t.value.centerY + 6}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, gl),
-          c("polygon", {
+          }, null, 8, ml),
+          d("polygon", {
             points: `${t.value.left + 8},${t.value.centerY - 6} ${t.value.left},${t.value.centerY} ${t.value.left + 8},${t.value.centerY + 6}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, ml),
-          c("polygon", {
+          }, null, 8, xl),
+          d("polygon", {
             points: `${t.value.centerX - 6},${t.value.top + 8} ${t.value.centerX},${t.value.top} ${t.value.centerX + 6},${t.value.top + 8}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, xl),
-          c("polygon", {
+          }, null, 8, $l),
+          d("polygon", {
             points: `${t.value.centerX - 6},${t.value.bottom - 8} ${t.value.centerX},${t.value.bottom} ${t.value.centerX + 6},${t.value.bottom - 8}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, $l)
+          }, null, 8, kl)
         ])) : h("", !0),
-        e.value.style.chart.layout.labels.quadrantLabels.show && !p.value ? (s(), n("g", kl, [
+        e.value.style.chart.layout.labels.quadrantLabels.show && !p.value ? (s(), n("g", Ll, [
           e.value.style.chart.layout.labels.quadrantLabels.tl.text ? (s(), n("text", {
             key: 0,
             x: 0,
@@ -1033,7 +1038,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
             style: C(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
             onClick: u[0] || (u[0] = (a) => Z("tl"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Ll)) : h("", !0),
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, wl)) : h("", !0),
           e.value.style.chart.layout.labels.quadrantLabels.tr.text ? (s(), n("text", {
             key: 1,
             x: t.value.width,
@@ -1043,7 +1048,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
             style: C(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
             onClick: u[1] || (u[1] = (a) => Z("tr"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, wl)) : h("", !0),
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, _l)) : h("", !0),
           e.value.style.chart.layout.labels.quadrantLabels.br.text ? (s(), n("text", {
             key: 2,
             x: t.value.width,
@@ -1053,7 +1058,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
             style: C(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
             onClick: u[2] || (u[2] = (a) => Z("br"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.br.text), 13, _l)) : h("", !0),
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.br.text), 13, Cl)) : h("", !0),
           e.value.style.chart.layout.labels.quadrantLabels.bl.text ? (s(), n("text", {
             key: 3,
             x: 0,
@@ -1063,92 +1068,92 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
             style: C(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
             onClick: u[3] || (u[3] = (a) => Z("bl"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, Cl)) : h("", !0)
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, ql)) : h("", !0)
         ])) : h("", !0),
-        e.value.style.chart.layout.labels.axisLabels.show ? (s(), n("g", ql, [
-          c("text", {
+        e.value.style.chart.layout.labels.axisLabels.show ? (s(), n("g", Sl, [
+          d("text", {
             x: t.value.centerX,
             y: t.value.top - t.value.padding / 6,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(i(R)(
+          }, k(i(F)(
             e.value.style.chart.layout.labels.plotLabels.y.formatter,
             q.value.y.max,
             i(P)({
               v: q.value.y.max,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Sl),
-          c("text", {
+          )), 9, zl),
+          d("text", {
             x: t.value.centerX,
             y: t.value.top - t.value.padding / 2,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(e.value.style.chart.layout.grid.yAxis.name), 9, zl),
-          c("text", {
+          }, k(e.value.style.chart.layout.grid.yAxis.name), 9, Tl),
+          d("text", {
             x: t.value.centerX,
             y: t.value.bottom + t.value.padding * 0.35,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: e.value.style.chart.layout.labels.axisLabels.color.negative
-          }, k(i(R)(
+          }, k(i(F)(
             e.value.style.chart.layout.labels.plotLabels.y.formatter,
             q.value.y.min,
             i(P)({
               v: q.value.y.min,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Tl),
-          c("text", {
+          )), 9, Al),
+          d("text", {
             id: `xLabelMin_${w.value}`,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${t.value.padding - e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(-90)`,
             fill: e.value.style.chart.layout.labels.axisLabels.color.negative
-          }, k(i(R)(
+          }, k(i(F)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
             q.value.x.min,
             i(P)({
               v: q.value.x.min,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Al),
-          c("text", {
+          )), 9, Wl),
+          d("text", {
             id: `xLabelMax_${w.value}`,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${t.value.width - t.value.padding + e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(90)`,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(i(R)(
+          }, k(i(F)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
             q.value.x.max,
             i(P)({
               v: q.value.x.max,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Wl),
-          c("text", {
+          )), 9, Xl),
+          d("text", {
             id: `xLabelMaxName_${w.value}`,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${t.value.width - e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(90)`,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(e.value.style.chart.layout.grid.xAxis.name), 9, Xl)
+          }, k(e.value.style.chart.layout.grid.xAxis.name), 9, Yl)
         ])) : h("", !0),
-        e.value.style.chart.layout.areas.show ? (s(), n("g", Yl, [
+        e.value.style.chart.layout.areas.show ? (s(), n("g", Ml, [
           (s(!0), n(S, null, Y(z.value, (a, o) => (s(), n("g", null, [
             a.series.length > 2 ? (s(), n("polygon", {
               key: 0,
               "data-cy-quadrant-area": "",
               fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${w.value}_${o})` : i(re)(a.color, e.value.style.chart.layout.areas.opacity),
-              points: i(Vt)(a)
-            }, null, 8, Ml)) : h("", !0)
+              points: i(Dt)(a)
+            }, null, 8, Ol)) : h("", !0)
           ]))), 256))
         ])) : h("", !0),
-        c("g", null, [
-          c("rect", {
+        d("g", null, [
+          d("rect", {
             onClick: u[4] || (u[4] = (a) => N("TL")),
             x: t.value.left,
             y: t.value.top,
@@ -1156,8 +1161,8 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
             fill: "transparent",
             class: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
-          }, null, 10, Ol),
-          c("rect", {
+          }, null, 10, Nl),
+          d("rect", {
             onClick: u[5] || (u[5] = (a) => N("TR")),
             x: t.value.centerX,
             y: t.value.top,
@@ -1165,8 +1170,8 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
             fill: "transparent",
             class: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
-          }, null, 10, Nl),
-          c("rect", {
+          }, null, 10, Bl),
+          d("rect", {
             onClick: u[6] || (u[6] = (a) => N("BR")),
             x: t.value.centerX,
             y: t.value.centerY,
@@ -1174,8 +1179,8 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
             height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
             fill: "transparent",
             class: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
-          }, null, 10, Bl),
-          c("rect", {
+          }, null, 10, Rl),
+          d("rect", {
             onClick: u[7] || (u[7] = (a) => N("BL")),
             x: t.value.left,
             y: t.value.centerY,
@@ -1186,7 +1191,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           }, null, 10, Fl)
         ]),
         e.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), n(S, { key: 7 }, [
-          g.value.plotLabels.show ? (s(), n("g", Hl, [
+          m.value.plotLabels.show ? (s(), n("g", Hl, [
             (s(!0), n(S, null, Y(z.value, (a, o) => (s(), n(S, null, [
               (s(!0), n(S, null, Y(a.series, (r) => (s(), n("foreignObject", {
                 style: { overflow: "visible" },
@@ -1195,10 +1200,10 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
                 x: r.x - 50,
                 y: r.y - e.value.style.chart.layout.labels.plotLabels.fontSize,
                 onMouseover: (b) => Ie(a, r, o),
-                onMouseleave: (b) => De(r, o),
-                onClick: (b) => Ee(a, r, o)
+                onMouseleave: (b) => Ee(r, o),
+                onClick: (b) => Ue(a, r, o)
               }, [
-                c("div", {
+                d("div", {
                   style: C(`color:${i(It)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
                 }, k(r.name), 5)
               ], 40, Il))), 256))
@@ -1206,7 +1211,7 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           ])) : h("", !0)
         ], 64)) : (s(), n(S, { key: 6 }, [
           (s(!0), n(S, null, Y(z.value, (a, o) => (s(), n("g", null, [
-            (s(!0), n(S, null, Y(a.series, (r) => (s(), X(ot, {
+            (s(!0), n(S, null, Y(a.series, (r) => (s(), X(rt, {
               color: a.color,
               isSelected: ae.value && r.uid === ae.value,
               plot: r,
@@ -1215,11 +1220,11 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
               stroke: e.value.style.chart.layout.plots.outline ? e.value.style.chart.layout.plots.outlineColor : "none",
               strokeWidth: e.value.style.chart.layout.plots.outlineWidth,
               onMouseenter: (b) => Ie(a, r, o),
-              onMouseleave: (b) => De(r, o),
-              onClick: (b) => Ee(a, r, o)
+              onMouseleave: (b) => Ee(r, o),
+              onClick: (b) => Ue(a, r, o)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onMouseleave", "onClick"]))), 256))
           ]))), 256)),
-          g.value.plotLabels.show ? (s(), n("g", Rl, [
+          m.value.plotLabels.show ? (s(), n("g", Pl, [
             (s(!0), n(S, null, Y(z.value, (a) => (s(), n("g", null, [
               (s(!0), n(S, null, Y(a.series, (o) => (s(), n("g", null, [
                 String(o.name).includes(`
@@ -1237,154 +1242,154 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
                     x: o.x,
                     y: o.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius
                   })
-                }, null, 8, Vl)) : (s(), n("text", {
+                }, null, 8, Dl)) : (s(), n("text", {
                   key: 0,
                   x: o.x,
                   y: o.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius,
                   "text-anchor": "middle",
                   "font-size": e.value.style.chart.layout.labels.plotLabels.fontSize / (p.value ? 1.5 : 1),
                   fill: e.value.style.chart.layout.labels.plotLabels.color
-                }, k(o.name), 9, Pl))
+                }, k(o.name), 9, Vl))
               ]))), 256))
             ]))), 256))
           ])) : h("", !0)
         ], 64)),
-        p.value ? (s(), n("g", Dl, [
-          d.value === "TL" ? (s(), n("polygon", {
+        p.value ? (s(), n("g", El, [
+          c.value === "TL" ? (s(), n("polygon", {
             key: 0,
             points: `${t.value.left - 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.top - 1} ${t.value.right},${t.value.top - 1} ${t.value.right},${t.value.bottom} ${t.value.left - 1},${t.value.bottom} ${t.value.left - 1},${t.value.centerY}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, El)) : h("", !0),
-          d.value === "TR" ? (s(), n("polygon", {
+          }, null, 8, Ul)) : h("", !0),
+          c.value === "TR" ? (s(), n("polygon", {
             key: 1,
             points: `${t.value.left},${t.value.top - 1} ${t.value.centerX},${t.value.top - 1} ${t.value.centerX},${t.value.centerY} ${t.value.right + 1},${t.value.centerY} ${t.value.right + 1},${t.value.bottom} ${t.value.left},${t.value.bottom} ${t.value.left},${t.value.top - 1}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, Ul)) : h("", !0),
-          d.value === "BR" ? (s(), n("polygon", {
+          }, null, 8, Gl)) : h("", !0),
+          c.value === "BR" ? (s(), n("polygon", {
             key: 2,
             points: `${t.value.left},${t.value.top} ${t.value.right + 1},${t.value.top} ${t.value.right + 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.bottom + 1} ${t.value.left},${t.value.bottom + 1} ${t.value.left},${t.value.top}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, Gl)) : h("", !0),
-          d.value === "BL" ? (s(), n("polygon", {
+          }, null, 8, Ql)) : h("", !0),
+          c.value === "BL" ? (s(), n("polygon", {
             key: 3,
             points: `${t.value.left - 1},${t.value.top} ${t.value.right},${t.value.top} ${t.value.right},${t.value.bottom + 1} ${t.value.centerX},${t.value.bottom + 1} ${t.value.centerX},${t.value.centerY} ${t.value.left - 1},${t.value.centerY} ${t.value.left - 1},${t.value.top}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, Ql)) : h("", !0)
+          }, null, 8, Jl)) : h("", !0)
         ])) : h("", !0),
-        d.value && !ee.value ? (s(), n("g", Jl, [
-          c("text", {
+        c.value && !ee.value ? (s(), n("g", jl, [
+          d("text", {
             x: V.value.x,
             y: V.value.y - V.value.fontSize / 1.5,
             "font-size": V.value.fontSize / 1.5,
             fill: V.value.fill,
             "text-anchor": "middle",
             "font-weight": V.value.bold ? "bold" : "normal"
-          }, k(V.value.text), 9, jl)
+          }, k(V.value.text), 9, Zl)
         ])) : h("", !0),
-        p.value && d.value ? (s(), n("g", Zl, [
-          c("rect", {
-            x: _.value[d.value].tl.x,
-            y: _.value[d.value].tl.y,
+        p.value && c.value ? (s(), n("g", Kl, [
+          d("rect", {
+            x: _.value[c.value].tl.x,
+            y: _.value[c.value].tl.y,
             height: "20",
             width: "20",
-            fill: _.value[d.value].tl.fill,
-            style: C(`cursor: pointer; opacity: ${d.value === "TL" ? 1 : 0.2}`),
+            fill: _.value[c.value].tl.fill,
+            style: C(`cursor: pointer; opacity: ${c.value === "TL" ? 1 : 0.2}`),
             onClick: u[8] || (u[8] = (a) => N("TL")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "TL" })
-          }, null, 14, Kl),
-          c("rect", {
-            x: _.value[d.value].tr.x,
-            y: _.value[d.value].tr.y,
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TL" })
+          }, null, 14, ea),
+          d("rect", {
+            x: _.value[c.value].tr.x,
+            y: _.value[c.value].tr.y,
             height: "20",
             width: "20",
-            fill: _.value[d.value].tr.fill,
-            style: C(`cursor: pointer; opacity: ${d.value === "TR" ? 1 : 0.2}`),
+            fill: _.value[c.value].tr.fill,
+            style: C(`cursor: pointer; opacity: ${c.value === "TR" ? 1 : 0.2}`),
             onClick: u[9] || (u[9] = (a) => N("TR")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "TR" })
-          }, null, 14, ea),
-          c("rect", {
-            x: _.value[d.value].br.x,
-            y: _.value[d.value].br.y,
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TR" })
+          }, null, 14, ta),
+          d("rect", {
+            x: _.value[c.value].br.x,
+            y: _.value[c.value].br.y,
             height: "20",
             width: "20",
-            fill: _.value[d.value].br.fill,
-            style: C(`cursor: pointer; opacity: ${d.value === "BR" ? 1 : 0.2}`),
+            fill: _.value[c.value].br.fill,
+            style: C(`cursor: pointer; opacity: ${c.value === "BR" ? 1 : 0.2}`),
             onClick: u[10] || (u[10] = (a) => N("BR")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "BR" })
-          }, null, 14, ta),
-          c("rect", {
-            x: _.value[d.value].bl.x,
-            y: _.value[d.value].bl.y,
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BR" })
+          }, null, 14, la),
+          d("rect", {
+            x: _.value[c.value].bl.x,
+            y: _.value[c.value].bl.y,
             height: "20",
             width: "20",
-            fill: _.value[d.value].bl.fill,
-            style: C(`cursor: pointer; opacity: ${d.value === "BL" ? 1 : 0.2}`),
+            fill: _.value[c.value].bl.fill,
+            style: C(`cursor: pointer; opacity: ${c.value === "BL" ? 1 : 0.2}`),
             onClick: u[11] || (u[11] = (a) => N("BL")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "BL" })
-          }, null, 14, la),
-          c("path", {
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BL" })
+          }, null, 14, aa),
+          d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: _.value[d.value].crosshairs.horizontal
-          }, null, 8, aa),
-          c("path", {
+            d: _.value[c.value].crosshairs.horizontal
+          }, null, 8, ua),
+          d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: _.value[d.value].crosshairs.vertical
-          }, null, 8, ua)
+            d: _.value[c.value].crosshairs.vertical
+          }, null, 8, oa)
         ])) : h("", !0),
         $(l.$slots, "svg", { svg: t.value }, void 0, !0)
-      ], 14, nl)),
-      l.$slots.watermark ? (s(), n("div", oa, [
-        $(l.$slots, "watermark", U(G({ isPrinting: i(Me) || i(Oe) })), void 0, !0)
+      ], 14, il)),
+      l.$slots.watermark ? (s(), n("div", sa, [
+        $(l.$slots, "watermark", U(G({ isPrinting: i(Oe) || i(Ne) })), void 0, !0)
       ])) : h("", !0),
-      c("div", {
+      d("div", {
         id: `legend-bottom-${w.value}`
-      }, null, 8, sa),
-      Se.value ? (s(), X(zt, {
+      }, null, 8, ra),
+      ze.value ? (s(), X(Tt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${w.value}` : `#legend-bottom-${w.value}`
       }, [
-        c("div", {
+        d("div", {
           ref_key: "chartLegend",
-          ref: ke
+          ref: Le
         }, [
-          e.value.style.chart.legend.show ? (s(), X(ll, {
-            key: `legend_${qe.value}`,
-            legendSet: Ve.value,
-            config: wt.value,
-            onClickMarker: u[12] || (u[12] = ({ legend: a }) => he(a.id))
+          e.value.style.chart.legend.show ? (s(), X(al, {
+            key: `legend_${Se.value}`,
+            legendSet: De.value,
+            config: _t.value,
+            onClickMarker: u[12] || (u[12] = ({ legend: a }) => ye(a.id))
           }, {
-            item: m(({ legend: a }) => [
-              i(ze) ? h("", !0) : (s(), n("div", {
+            item: g(({ legend: a }) => [
+              i(Te) ? h("", !0) : (s(), n("div", {
                 key: 0,
-                onClick: (o) => he(a.id),
+                onClick: (o) => ye(a.id),
                 style: C(`opacity:${B.value.includes(a.id) ? 0.5 : 1}`)
-              }, k(a.name), 13, ra))
+              }, k(a.name), 13, na))
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : $(l.$slots, "legend", {
             key: 1,
-            legend: Ve.value
+            legend: De.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : h("", !0),
       l.$slots.source ? (s(), n("div", {
         key: 6,
         ref_key: "source",
-        ref: Le,
+        ref: we,
         dir: "auto"
       }, [
         $(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      se(i(it), {
-        show: g.value.showTooltip && ie.value,
+      se(i(ct), {
+        show: m.value.showTooltip && ie.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -1396,20 +1401,20 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: A.value,
         content: ve.value,
-        isFullscreen: H.value,
+        isFullscreen: D.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
-        "tooltip-before": m(() => [
-          $(l.$slots, "tooltip-before", U(G({ ...ye.value })), void 0, !0)
+        "tooltip-before": g(() => [
+          $(l.$slots, "tooltip-before", U(G({ ...be.value })), void 0, !0)
         ]),
-        "tooltip-after": m(() => [
-          $(l.$slots, "tooltip-after", U(G({ ...ye.value })), void 0, !0)
+        "tooltip-after": g(() => [
+          $(l.$slots, "tooltip-after", U(G({ ...be.value })), void 0, !0)
         ]),
-        default: m(() => [
-          e.value.style.chart.tooltip.showShape ? (s(), n("svg", na, [
-            se(ot, {
+        default: g(() => [
+          e.value.style.chart.tooltip.showShape ? (s(), n("svg", ia, [
+            se(rt, {
               plot: { x: 10, y: 10 },
               shape: ue.value.shape,
               color: ue.value.color,
@@ -1421,29 +1426,29 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      me.value ? (s(), X(Tt(K.value.component), At({ key: 7 }, K.value.props, {
+      xe.value ? (s(), X(At(K.value.component), Wt({ key: 7 }, K.value.props, {
         ref_key: "tableUnit",
         ref: J,
-        onClose: u[15] || (u[15] = (a) => g.value.showTable = !1)
-      }), et({
-        content: m(() => [
-          (s(), X(i(ct), {
-            key: `table_${Ce.value}`,
+        onClose: Ke
+      }), lt({
+        content: g(() => [
+          (s(), X(i(yt), {
+            key: `table_${qe.value}`,
             colNames: le.value.colNames,
             head: le.value.head,
             body: le.value.body,
             config: le.value.config,
             title: e.value.table.useDialog ? "" : K.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: u[14] || (u[14] = (a) => g.value.showTable = !1)
+            onClose: Ke
           }, {
-            th: m(({ th: a }) => [
-              tt(k(a), 1)
+            th: g(({ th: a }) => [
+              at(k(a), 1)
             ]),
-            td: m(({ td: a }) => [
-              c("div", {
+            td: g(({ td: a }) => [
+              d("div", {
                 innerHTML: a.name || a
-              }, null, 8, ia)
+              }, null, 8, va)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1452,20 +1457,20 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: m(() => [
-            tt(k(K.value.title), 1)
+          fn: g(() => [
+            at(k(K.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: m(() => [
-            c("button", {
+          fn: g(() => [
+            d("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: u[13] || (u[13] = (a) => be(e.value.userOptions.callbacks.csv))
+              onClick: u[13] || (u[13] = (a) => fe(e.value.userOptions.callbacks.csv))
             }, [
-              se(i(vt), {
+              se(i(dt), {
                 name: "excel",
                 stroke: K.value.props.color
               }, null, 8, ["stroke"])
@@ -1474,10 +1479,10 @@ const sl = ["id"], rl = ["id"], nl = ["xmlns", "viewBox", "id"], il = ["x", "y",
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      i(ze) ? (s(), X(ul, { key: 8 })) : h("", !0)
-    ], 46, sl));
+      i(Te) ? (s(), X(ol, { key: 8 })) : h("", !0)
+    ], 46, rl));
   }
-}, wa = /* @__PURE__ */ ol(va, [["__scopeId", "data-v-bdd60f91"]]);
+}, _a = /* @__PURE__ */ sl(ca, [["__scopeId", "data-v-ff32ac3c"]]);
 export {
-  wa as default
+  _a as default
 };