vue-data-ui 2.3.28 → 2.3.29

package/dist/{vue-ui-quadrant-CKCLhAS7.js → vue-ui-quadrant-C1YbjeI7.js}

@@ -1,28 +1,28 @@
-import { computed as g, ref as h, onMounted as Re, onBeforeUnmount as Ve, watch as He, openBlock as o, createElementBlock as i, normalizeClass as z, normalizeStyle as k, createVNode as Z, createCommentVNode as c, createBlock as D, unref as L, createSlots as Oe, withCtx as $, renderSlot as q, normalizeProps as K, guardReactiveProps as ee, createElementVNode as v, Fragment as _, renderList as W, toDisplayString as m, createTextVNode as Ie, nextTick as De } from "vue";
-import { u as Ee, c as Se, t as Ue, a as Ge, p as se, o as Qe, e as P, b as Je, r as te, d as je, X as Ze, s as Ke, N as et, C as tt, v as lt, w as at, n as ut, q as ot } from "./index-BhCM2QF1.js";
-import { t as st, u as rt } from "./useResponsive-NZB-WLRF.js";
-import { _ as it } from "./Title-CtWGLaoz.js";
-import { u as nt, U as vt } from "./usePrinter-B75HLwzw.js";
-import { _ as dt } from "./Tooltip-D6BUVHr1.js";
-import { _ as Ce } from "./Shape-COYAxpcP.js";
-import { L as ct } from "./Legend-DwludSgp.js";
-import { D as ht } from "./DataTable-bEXuvNn5.js";
-import yt from "./vue-ui-skeleton-_VMQ594N.js";
-import bt from "./vue-ui-accordion-CSZdj7wA.js";
-import { u as ze } from "./useNestedProp-CH3PVhvc.js";
-import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-color"], $t = ["stop-color"], kt = { key: 0 }, Lt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], wt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], qt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], _t = { key: 1 }, St = ["points", "fill"], Ct = ["points", "fill"], zt = ["points", "fill"], Tt = ["points", "fill"], Wt = { key: 2 }, Xt = ["y", "fill", "font-size"], Yt = ["x", "y", "fill", "font-size"], Mt = ["x", "y", "fill", "font-size"], Nt = ["y", "fill", "font-size"], At = { key: 3 }, Bt = ["x", "y", "font-size", "fill"], Pt = ["x", "y", "font-size", "fill"], Ft = ["x", "y", "font-size", "fill"], Rt = ["id", "font-size", "transform", "fill"], Vt = ["id", "font-size", "transform", "fill"], Ht = ["id", "font-size", "transform", "fill"], Ot = { key: 4 }, It = ["fill", "points"], Dt = ["x", "y", "width", "height"], Et = ["x", "y", "width", "height"], Ut = ["x", "y", "width", "height"], Gt = ["x", "y", "width", "height"], Qt = { key: 0 }, Jt = ["x", "y", "font-size", "fill"], jt = { key: 0 }, Zt = ["x", "y", "onMouseover", "onClick"], Kt = {
+import { computed as m, ref as h, onMounted as Oe, onBeforeUnmount as He, watch as Ie, openBlock as s, createElementBlock as i, normalizeClass as T, normalizeStyle as L, createVNode as ee, createCommentVNode as c, createBlock as U, unref as y, createSlots as De, withCtx as k, renderSlot as _, normalizeProps as te, guardReactiveProps as le, createElementVNode as v, Fragment as S, renderList as X, toDisplayString as x, createTextVNode as Ee, nextTick as Ue } from "vue";
+import { u as Ge, c as ze, t as Qe, a as Je, p as ie, o as je, e as R, b as Ze, v as ae, d as Ke, i as A, f as V, X as et, s as tt, O as lt, D as at, w as ut, x as ot, q as st, r as rt } from "./index-BlXzlBwZ.js";
+import { t as it, u as nt } from "./useResponsive-NZB-WLRF.js";
+import { _ as vt } from "./Title-eBTH8iGJ.js";
+import { u as dt, U as ct } from "./usePrinter-CZ8F5Cth.js";
+import { _ as ht } from "./Tooltip-B11OahTD.js";
+import { _ as Te } from "./Shape-B4gGeBLI.js";
+import { L as yt } from "./Legend-CkQ_zypV.js";
+import { D as bt } from "./DataTable-CsPidn0_.js";
+import ft from "./vue-ui-skeleton-CJ2R5R6u.js";
+import pt from "./vue-ui-accordion-wHRG3nXl.js";
+import { u as We } from "./useNestedProp-BoNl5H_z.js";
+import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const mt = ["id"], xt = ["xmlns", "viewBox", "id"], $t = ["id"], kt = ["stop-color"], Lt = ["stop-color"], wt = { key: 0 }, qt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], _t = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], St = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ct = { key: 1 }, zt = ["points", "fill"], Tt = ["points", "fill"], Wt = ["points", "fill"], Xt = ["points", "fill"], Yt = { key: 2 }, Mt = ["y", "fill", "font-size"], Nt = ["x", "y", "fill", "font-size"], At = ["x", "y", "fill", "font-size"], Vt = ["y", "fill", "font-size"], Bt = { key: 3 }, Pt = ["x", "y", "font-size", "fill"], Rt = ["x", "y", "font-size", "fill"], Ft = ["x", "y", "font-size", "fill"], Ot = ["id", "font-size", "transform", "fill"], Ht = ["id", "font-size", "transform", "fill"], It = ["id", "font-size", "transform", "fill"], Dt = { key: 4 }, Et = ["fill", "points"], Ut = ["x", "y", "width", "height"], Gt = ["x", "y", "width", "height"], Qt = ["x", "y", "width", "height"], Jt = ["x", "y", "width", "height"], jt = { key: 0 }, Zt = ["x", "y", "font-size", "fill"], Kt = { key: 0 }, el = ["x", "y", "onMouseover", "onClick"], tl = {
   key: 7,
   class: "vue-ui-dna"
-}, el = ["points", "fill"], tl = ["points", "fill"], ll = ["points", "fill"], al = ["points", "fill"], ul = { key: 8 }, ol = ["x", "y", "font-size", "fill", "font-weight"], sl = { key: 9 }, rl = ["x", "y", "fill"], il = ["x", "y", "fill"], nl = ["x", "y", "fill"], vl = ["x", "y", "fill"], dl = ["stroke", "d"], cl = ["stroke", "d"], hl = {
+}, ll = ["points", "fill"], al = ["points", "fill"], ul = ["points", "fill"], ol = ["points", "fill"], sl = { key: 8 }, rl = ["x", "y", "font-size", "fill", "font-weight"], il = { key: 9 }, nl = ["x", "y", "fill"], vl = ["x", "y", "fill"], dl = ["x", "y", "fill"], cl = ["x", "y", "fill"], hl = ["stroke", "d"], yl = ["stroke", "d"], bl = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, yl = ["onClick"], bl = {
+}, fl = ["onClick"], pl = {
   key: 0,
   height: "14",
   width: "14",
   viewBox: "0 0 20 20"
-}, fl = ["innerHTML"], pl = {
+}, gl = ["innerHTML"], ml = {
   __name: "vue-ui-quadrant",
   props: {
     config: {
@@ -39,92 +39,92 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
     }
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
-  setup(Te, { expose: We, emit: le }) {
-    const X = Te, { vue_ui_quadrant: Xe } = Ee(), E = g(() => !!X.dataset && X.dataset.length), C = h(Se()), Ye = h(null), U = h(!1), ae = h(""), re = h(0), f = h(!1), F = h(null), ie = h(null), ne = h(null), t = g(() => {
-      const l = ze({
-        userConfig: X.config,
-        defaultConfig: Xe
+  setup(Xe, { expose: Ye, emit: ue }) {
+    const Y = Xe, { vue_ui_quadrant: Me } = Ge(), G = m(() => !!Y.dataset && Y.dataset.length), z = h(ze()), Ne = h(null), Q = h(!1), oe = h(""), ne = h(0), p = h(!1), F = h(null), ve = h(null), de = h(null), t = m(() => {
+      const l = We({
+        userConfig: Y.config,
+        defaultConfig: Me
       });
       return l.theme ? {
-        ...ze({
-          userConfig: Ue.vue_ui_quadrant[l.theme] || X.config,
+        ...We({
+          userConfig: Qe.vue_ui_quadrant[l.theme] || Y.config,
           defaultConfig: l
         }),
-        customPalette: Ge[l.theme] || se
+        customPalette: Je[l.theme] || ie
       } : l;
-    }), G = h(null);
-    Re(() => {
-      if (Qe(X.dataset) ? P({
+    }), J = h(null);
+    Oe(() => {
+      if (je(Y.dataset) ? R({
         componentName: "VueUiQuadrant",
         type: "dataset"
-      }) : X.dataset.forEach((l, u) => {
-        [null, void 0].includes(l.name) && P({
+      }) : Y.dataset.forEach((l, u) => {
+        [null, void 0].includes(l.name) && R({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "name",
           index: u
-        }), [null, void 0].includes(l.series) ? P({
+        }), [null, void 0].includes(l.series) ? R({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "series",
           index: u
-        }) : l.series.forEach((a, s) => {
-          [null, void 0].includes(a.name) && P({
+        }) : l.series.forEach((a, o) => {
+          [null, void 0].includes(a.name) && R({
             componentName: "VueUiQuadrant",
             type: "datasetSerieAttribute",
             property: "name",
             key: "series",
-            index: s
+            index: o
           });
         });
       }), t.value.responsive) {
-        const l = st(() => {
-          const { width: u, height: a } = rt({
+        const l = it(() => {
+          const { width: u, height: a } = nt({
             chart: F.value,
-            title: t.value.style.chart.title.text ? ie.value : null,
-            legend: t.value.style.chart.legend.show ? ne.value : null
+            title: t.value.style.chart.title.text ? ve.value : null,
+            legend: t.value.style.chart.legend.show ? de.value : null
           });
-          p.value = 48, e.value.height = a, e.value.usableHeight = a - p.value * 2, e.value.width = u, e.value.usableWidth = u - p.value * 2, e.value.top = p.value, e.value.left = p.value, e.value.right = u - p.value, e.value.bottom = a - p.value, e.value.centerX = u / 2, e.value.centerY = a - a / 2, e.value.padding = p.value;
+          g.value = 48, e.value.height = a, e.value.usableHeight = a - g.value * 2, e.value.width = u, e.value.usableWidth = u - g.value * 2, e.value.top = g.value, e.value.left = g.value, e.value.right = u - g.value, e.value.bottom = a - g.value, e.value.centerX = u / 2, e.value.centerY = a - a / 2, e.value.padding = g.value;
         });
-        G.value = new ResizeObserver(l), G.value.observe(F.value.parentNode);
+        J.value = new ResizeObserver(l), J.value.observe(F.value.parentNode);
       }
-    }), Ve(() => {
-      G.value && G.value.disconnect();
+    }), He(() => {
+      J.value && J.value.disconnect();
     });
-    const { isPrinting: ve, isImaging: de, generatePdf: ce, generateImage: he } = nt({
-      elementId: `vue-ui-quadrant_${C.value}`,
+    const { isPrinting: ce, isImaging: he, generatePdf: ye, generateImage: be } = dt({
+      elementId: `vue-ui-quadrant_${z.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-quadrant"
-    }), ye = g(() => Je(t.value.customPalette)), w = h({
+    }), fe = m(() => Ze(t.value.customPalette)), w = h({
       plotLabels: {
         show: t.value.style.chart.layout.labels.plotLabels.show
       },
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
-    }), p = h(48), e = h({
+    }), g = h(48), e = h({
       height: t.value.style.chart.height,
-      usableHeight: t.value.style.chart.height - p.value * 2,
+      usableHeight: t.value.style.chart.height - g.value * 2,
       width: t.value.style.chart.width,
-      usableWidth: t.value.style.chart.width - p.value * 2,
-      top: p.value,
-      left: p.value,
-      right: t.value.style.chart.width - p.value,
-      bottom: t.value.style.chart.height - p.value,
+      usableWidth: t.value.style.chart.width - g.value * 2,
+      top: g.value,
+      left: g.value,
+      right: t.value.style.chart.width - g.value,
+      bottom: t.value.style.chart.height - g.value,
       centerX: t.value.style.chart.width / 2,
       centerY: t.value.style.chart.height - t.value.style.chart.height / 2,
-      padding: p.value
+      padding: g.value
     }), d = h({
       ...JSON.parse(JSON.stringify(e.value)),
       startX: 0,
       startY: 0
     });
-    He(() => e.value, (l) => {
+    Ie(() => e.value, (l) => {
       l && (d.value = {
         ...JSON.parse(JSON.stringify(e.value)),
         startX: 0,
         startY: 0
       });
     }, { deep: !0 });
-    const n = h(null), A = g(() => {
+    const n = h(null), B = m(() => {
       switch (n.value) {
         case "TL":
           return {
@@ -165,34 +165,34 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         default:
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
-    }), Me = h(null), Q = h(!1);
-    function R({ targetX: l, targetY: u, targetW: a, targetH: s, side: r }) {
-      n.value && O(r);
-      const y = {
+    }), Ae = h(null), j = h(!1);
+    function O({ targetX: l, targetY: u, targetW: a, targetH: o, side: r }) {
+      n.value && D(r);
+      const b = {
         x: l - d.value.startX,
         y: u - d.value.startY,
         w: a - d.value.width,
-        h: s - d.value.height
-      }, b = t.value.zoomAnimationFrames;
-      let T = 0;
-      function _e() {
-        Q.value = !0, d.value.startX += y.x / b, d.value.startY += y.y / b, d.value.width += y.w / b, d.value.height += y.h / b, T += 1, T < b ? Me.value = requestAnimationFrame(_e) : Q.value = !1;
+        h: o - d.value.height
+      }, f = t.value.zoomAnimationFrames;
+      let W = 0;
+      function Ce() {
+        j.value = !0, d.value.startX += b.x / f, d.value.startY += b.y / f, d.value.width += b.w / f, d.value.height += b.h / f, W += 1, W < f ? Ae.value = requestAnimationFrame(Ce) : j.value = !1;
       }
-      _e();
+      Ce();
     }
-    function Y(l) {
-      if (!Q.value)
-        if (f.value && n.value === l)
-          R({
+    function M(l) {
+      if (!j.value)
+        if (p.value && n.value === l)
+          O({
             targetX: 0,
             targetY: 0,
             targetW: e.value.width,
             targetH: e.value.height
-          }), n.value = null, f.value = !1;
+          }), n.value = null, p.value = !1;
         else {
           switch (n.value = l, l) {
             case "TL":
-              R({
+              O({
                 targetX: 0,
                 targetY: 0,
                 targetW: e.value.width / 2 + e.value.left,
@@ -201,7 +201,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
               });
               break;
             case "TR":
-              R({
+              O({
                 targetX: e.value.width / 2 - e.value.left,
                 targetY: 0,
                 targetW: e.value.width / 2 + e.value.left,
@@ -210,7 +210,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
               });
               break;
             case "BR":
-              R({
+              O({
                 targetX: e.value.width / 2 - e.value.left,
                 targetY: e.value.height / 2 - e.value.top,
                 targetW: e.value.width / 2 + e.value.left,
@@ -219,7 +219,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
               });
               break;
             case "BL":
-              R({
+              O({
                 targetX: 0,
                 targetY: e.value.height / 2 - e.value.top,
                 targetW: e.value.width / 2 + e.value.left,
@@ -231,127 +231,141 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
               d.value.startX = 0, d.value.startY = 0, d.value.width = e.value.width, d.value.height = e.value.height;
               break;
           }
-          f.value = !0;
+          p.value = !0;
         }
     }
-    const Ne = g(() => {
-      const l = t.value.style.chart.layout.grid.graduations.steps, u = e.value.usableWidth / (l * 2), a = e.value.top, s = [];
+    const Ve = m(() => {
+      const l = t.value.style.chart.layout.grid.graduations.steps, u = e.value.usableWidth / (l * 2), a = e.value.top, o = [];
       for (let r = 0; r < l; r += 1)
-        s.push({
+        o.push({
           x: e.value.padding + u * r,
           y: a + e.value.usableHeight * (r / l / 2),
           height: e.value.usableHeight * (1 - r / l),
           width: e.value.usableWidth * (1 - r / l),
-          opacity: te[Math.round((r + 1) / l * 20)]
+          opacity: ae[Math.round((r + 1) / l * 20)]
         });
-      return s;
-    }), M = g(() => {
-      let l = t.value.style.chart.layout.grid.xAxis.max, u = t.value.style.chart.layout.grid.xAxis.min, a = t.value.style.chart.layout.grid.yAxis.max, s = t.value.style.chart.layout.grid.yAxis.min;
-      return t.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...B.value.flatMap((r) => r.series.map((y) => y.x))), u = Math.min(...B.value.flatMap((r) => r.series.map((y) => y.x)))), t.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...B.value.flatMap((r) => r.series.map((y) => y.y))), s = Math.min(...B.value.flatMap((r) => r.series.map((y) => y.y)))), {
+      return o;
+    }), q = m(() => {
+      let l = t.value.style.chart.layout.grid.xAxis.max, u = t.value.style.chart.layout.grid.xAxis.min, a = t.value.style.chart.layout.grid.yAxis.max, o = t.value.style.chart.layout.grid.yAxis.min;
+      return t.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...P.value.flatMap((r) => r.series.map((b) => b.x))), u = Math.min(...P.value.flatMap((r) => r.series.map((b) => b.x)))), t.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...P.value.flatMap((r) => r.series.map((b) => b.y))), o = Math.min(...P.value.flatMap((r) => r.series.map((b) => b.y)))), {
         x: {
           max: l,
           min: u
         },
         y: {
           max: a,
-          min: s
+          min: o
         }
       };
-    }), N = h([]), B = g(() => X.dataset.map((l, u) => ({
+    }), N = h([]), P = m(() => Y.dataset.map((l, u) => ({
       ...l,
-      id: `cat_${u}_${C.value}`,
-      color: je(l.color) || ye.value[u] || se[u]
-    }))), Ae = g(() => B.value.filter((l) => !N.value.includes(l.id))), Be = g(() => B.value.map((l, u) => ({
+      id: `cat_${u}_${z.value}`,
+      color: Ke(l.color) || fe.value[u] || ie[u]
+    }))), Be = m(() => P.value.filter((l) => !N.value.includes(l.id))), Pe = m(() => P.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
         ...a,
-        x: be(a.x),
-        y: fe(a.y),
+        x: pe(a.x),
+        y: ge(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: ge({ x: a.x, y: a.y }),
+        quadrantSide: xe({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color
       }))
-    }))), S = g(() => (X.dataset.forEach((l, u) => {
-      l.series.forEach((a, s) => {
-        [null, void 0].includes(a.x) && P({
+    }))), C = m(() => (Y.dataset.forEach((l, u) => {
+      l.series.forEach((a, o) => {
+        [null, void 0].includes(a.x) && R({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "x",
           key: "series",
-          index: s
-        }), [null, void 0].includes(a.y) && P({
+          index: o
+        }), [null, void 0].includes(a.y) && R({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "y",
           key: "series",
-          index: s
+          index: o
         });
       });
-    }), Ae.value.map((l, u) => ({
+    }), Be.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
-      color: l.color || ye.value[u] || se[u],
+      color: l.color || fe.value[u] || ie[u],
       series: l.series.map((a) => ({
         ...a,
-        x: be(a.x),
-        y: fe(a.y),
+        x: pe(a.x),
+        y: ge(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: ge({ x: a.x, y: a.y }),
+        quadrantSide: xe({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color,
-        uid: Se()
+        uid: ze()
       }))
     }))));
-    function be(l) {
+    function pe(l) {
       if (l >= 0) {
-        const u = l / M.value.x.max;
+        const u = l / q.value.x.max;
         return e.value.centerX + e.value.usableWidth / 2 * u;
       } else {
-        const u = Math.abs(l) / Math.abs(M.value.x.min);
+        const u = Math.abs(l) / Math.abs(q.value.x.min);
         return e.value.centerX - e.value.usableWidth / 2 * u;
       }
     }
-    function fe(l) {
+    function ge(l) {
       if (l >= 0) {
-        const u = l / M.value.y.max;
+        const u = l / q.value.y.max;
         return e.value.centerY + (1 - e.value.usableHeight / 2 * u);
       } else {
-        const u = Math.abs(l) / Math.abs(M.value.y.min);
+        const u = Math.abs(l) / Math.abs(q.value.y.min);
         return e.value.centerY - (1 - e.value.usableHeight / 2 * u);
       }
     }
-    const J = g(() => {
-      const l = S.value.flatMap((b) => b.series.map((T) => ({
-        x: T.xValue,
-        y: T.yValue,
-        name: T.name,
-        category: T.categoryName,
-        quadrantSide: T.quadrantSide,
-        sideName: t.value.style.chart.layout.labels.quadrantLabels[T.quadrantSide].text,
-        color: b.color,
-        shape: b.shape
-      }))), u = t.value.style.chart.layout.grid.xAxis.name || "x", a = t.value.style.chart.layout.grid.yAxis.name || "y", s = [t.value.translations.category, t.value.translations.item, u, a, t.value.translations.side], r = l.map((b) => [b.category, b.name, b.x, b.y, b.sideName || b.quadrantSide]), y = l.map((b) => ({
-        shape: b.shape,
-        color: b.color
+    const Z = m(() => {
+      const l = C.value.flatMap((f) => f.series.map((W) => ({
+        x: W.xValue,
+        y: W.yValue,
+        name: W.name,
+        category: W.categoryName,
+        quadrantSide: W.quadrantSide,
+        sideName: t.value.style.chart.layout.labels.quadrantLabels[W.quadrantSide].text,
+        color: f.color,
+        shape: f.shape
+      }))), u = t.value.style.chart.layout.grid.xAxis.name || "x", a = t.value.style.chart.layout.grid.yAxis.name || "y", o = [t.value.translations.category, t.value.translations.item, u, a, t.value.translations.side], r = l.map((f) => [f.category, f.name, f.x, f.y, f.sideName || f.quadrantSide]), b = l.map((f) => ({
+        shape: f.shape,
+        color: f.color
       }));
-      return { head: s, body: r, itsShapes: y, tableData: l };
-    }), j = g(() => {
-      const l = J.value.head, u = J.value.tableData.map((s) => [
+      return { head: o, body: r, itsShapes: b, tableData: l };
+    }), K = m(() => {
+      const l = Z.value.head, u = Z.value.tableData.map((o) => [
         {
-          shape: s.shape,
-          color: s.color,
-          name: s.category
+          shape: o.shape,
+          color: o.color,
+          name: o.category
         },
-        s.name,
-        s.x,
-        s.y,
-        s.sideName || s.quadrantSide
+        o.name,
+        A(
+          t.value.style.chart.layout.labels.plotLabels.x.formatter,
+          o.x,
+          V({
+            v: o.x,
+            r: t.value.style.chart.layout.labels.plotLabels.rounding
+          })
+        ),
+        A(
+          t.value.style.chart.layout.labels.plotLabels.y.formatter,
+          o.y,
+          V({
+            v: o.y,
+            r: t.value.style.chart.layout.labels.plotLabels.rounding
+          })
+        ),
+        o.sideName || o.quadrantSide
       ]), a = {
         th: {
           backgroundColor: t.value.table.th.backgroundColor,
@@ -367,20 +381,20 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
       };
       return { head: l, body: u, config: a, colNames: l };
     });
-    function ue(l) {
+    function se(l) {
       N.value.includes(l) ? N.value = N.value.filter((a) => a !== l) : N.value.push(l);
-      const u = $e();
-      le("selectLegend", u);
+      const u = Le();
+      ue("selectLegend", u);
     }
-    const pe = g(() => Be.value.map((l) => ({
+    const me = m(() => Pe.value.map((l) => ({
       name: l.name,
       shape: l.shape,
       color: l.color,
       id: l.id,
       opacity: N.value.includes(l.id) ? 0.5 : 1,
-      segregate: () => ue(l.id),
+      segregate: () => se(l.id),
       isSegregated: N.value.includes(l.id)
-    }))), Pe = g(() => ({
+    }))), Re = m(() => ({
       cy: "quadrant-div-legend",
       backgroundColor: t.value.style.chart.legend.backgroundColor,
       color: t.value.style.chart.legend.color,
@@ -388,7 +402,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
       paddingBottom: 12,
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function ge(l) {
+    function xe(l) {
       switch (!0) {
         case (l.x >= 0 && l.y >= 0):
           return "tr";
@@ -402,36 +416,52 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
           return "";
       }
     }
-    const V = h(null), H = h(null), oe = h(null);
-    function me(l, u, a) {
-      V.value = u.uid, H.value = {
+    const H = h(null), I = h(null), re = h(null);
+    function $e(l, u, a) {
+      H.value = u.uid, I.value = {
         color: l.color,
         shape: l.shape
-      }, oe.value = {
+      }, re.value = {
         datapoint: u,
         seriesIndex: a,
-        series: S.value,
+        series: C.value,
         config: t.value
-      }, U.value = !0;
-      const s = t.value.style.chart.tooltip.customFormat;
-      if (lt(s) && at(() => s({
+      }, Q.value = !0;
+      const o = t.value.style.chart.tooltip.customFormat;
+      if (ut(o) && ot(() => o({
         seriesIndex: a,
         datapoint: u,
-        series: S.value,
+        series: C.value,
         config: t.value
       })))
-        ae.value = s({
+        oe.value = o({
           seriesIndex: a,
           datapoint: u,
-          series: S.value,
+          series: C.value,
           config: t.value
         });
       else {
         let r = "";
-        u.quadrantSide && (r += `<div style="color:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].color};font-weight:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].bold ? "bold" : "400"}">${t.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 ${t.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, r += `<div>${t.value.style.chart.layout.grid.xAxis.name ? t.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${u.xValue.toFixed(t.value.style.chart.tooltip.roundingValue)}</b></div>`, r += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${u.yValue.toFixed(t.value.style.chart.tooltip.roundingValue)}</b></div>`, ae.value = `<div style="text-align:left;font-size:${t.value.style.chart.tooltip.fontSize}px">${r}</div>`;
+        u.quadrantSide && (r += `<div style="color:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].color};font-weight:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].bold ? "bold" : "400"}">${t.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 ${t.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, r += `<div>${t.value.style.chart.layout.grid.xAxis.name ? t.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${A(
+          t.value.style.chart.layout.labels.plotLabels.x.formatter,
+          u.xValue,
+          V({
+            v: u.xValue,
+            r: t.value.style.chart.tooltip.roundingValue
+          }),
+          { datapoint: u, category: l, categoryIndex: a }
+        )}</b></div>`, r += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${A(
+          t.value.style.chart.layout.labels.plotLabels.y.formatter,
+          u.yValue,
+          V({
+            v: u.yValue,
+            r: t.value.style.chart.tooltip.roundingValue
+          }),
+          { datapoint: u, category: l, categoryIndex: a }
+        )}</b></div>`, oe.value = `<div style="text-align:left;font-size:${t.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
-    function xe(l, u) {
+    function ke(l, u) {
       const a = {
         category: l.name,
         shape: l.shape,
@@ -441,11 +471,11 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         quadrantSide: u.quadrantSide,
         sideName: t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text
       };
-      le("selectPlot", a);
+      ue("selectPlot", a);
     }
-    function O(l) {
+    function D(l) {
       if (!l) return;
-      const u = S.value.flatMap((s) => s.series.filter((r) => r.quadrantSide === l).map((r) => ({
+      const u = C.value.flatMap((o) => o.series.filter((r) => r.quadrantSide === l).map((r) => ({
         category: r.categoryName,
         itemName: r.name,
         x: r.xValue,
@@ -455,9 +485,9 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         sideName: t.value.style.chart.layout.labels.quadrantLabels[l].text,
         items: [...u]
       };
-      le("selectSide", a);
+      ue("selectSide", a);
     }
-    const x = g(() => ({
+    const $ = m(() => ({
       TL: {
         tl: {
           x: e.value.left + e.value.usableWidth / 4 - 20,
@@ -563,8 +593,8 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         }
       }
     }));
-    function $e() {
-      return S.value.map((l) => ({
+    function Le() {
+      return C.value.map((l) => ({
         color: l.color,
         name: l.name,
         shape: l.shape,
@@ -577,47 +607,47 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         }))
       }));
     }
-    function ke() {
-      De(() => {
-        const l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], u = J.value.head, a = J.value.body, s = l.concat([u]).concat(a), r = ut(s);
-        ot({ csvContent: r, title: t.value.style.chart.title.text || "vue-ui-quadrant" });
+    function we() {
+      Ue(() => {
+        const l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], u = Z.value.head, a = Z.value.body, o = l.concat([u]).concat(a), r = st(o);
+        rt({ csvContent: r, title: t.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
-    const I = h(!1);
+    const E = h(!1);
     function Fe(l) {
-      I.value = l, re.value += 1;
+      E.value = l, ne.value += 1;
     }
-    function Le() {
+    function qe() {
       w.value.showTable = !w.value.showTable;
     }
-    function we() {
+    function _e() {
       w.value.plotLabels.show = !w.value.plotLabels.show;
     }
-    function qe() {
+    function Se() {
       w.value.showTooltip = !w.value.showTooltip;
     }
-    return We({
-      getData: $e,
-      generatePdf: ce,
-      generateCsv: ke,
-      generateImage: he,
-      toggleTable: Le,
-      toggleLabels: we,
-      toggleTooltip: qe
-    }), (l, u) => (o(), i("div", {
-      class: z(`vue-ui-quadrant ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+    return Ye({
+      getData: Le,
+      generatePdf: ye,
+      generateCsv: we,
+      generateImage: be,
+      toggleTable: qe,
+      toggleLabels: _e,
+      toggleTooltip: Se
+    }), (l, u) => (s(), i("div", {
+      class: T(`vue-ui-quadrant ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
       ref: F,
-      id: `vue-ui-quadrant_${C.value}`,
-      style: k(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text ? "" : "padding-top: 36px"};background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`)
+      id: `vue-ui-quadrant_${z.value}`,
+      style: L(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text ? "" : "padding-top: 36px"};background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`)
     }, [
-      t.value.style.chart.title.text ? (o(), i("div", {
+      t.value.style.chart.title.text ? (s(), i("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: ie,
-        style: k(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)
+        ref: ve,
+        style: L(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)
       }, [
-        Z(it, {
+        ee(vt, {
           config: {
             title: {
               cy: "quadrant-title",
@@ -630,15 +660,15 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
           }
         }, null, 8, ["config"])
       ], 4)) : c("", !0),
-      t.value.userOptions.show && E.value ? (o(), D(vt, {
+      t.value.userOptions.show && G.value ? (s(), U(ct, {
         ref_key: "details",
-        ref: Ye,
-        key: `user_options_${re.value}`,
+        ref: Ne,
+        key: `user_options_${ne.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isImaging: L(de),
-        isPrinting: L(ve),
-        uid: C.value,
+        isImaging: y(he),
+        isPrinting: y(ce),
+        uid: z.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasImg: t.value.userOptions.buttons.img,
@@ -646,97 +676,97 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         hasTable: t.value.userOptions.buttons.table,
         hasLabel: t.value.userOptions.buttons.labels,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
-        isFullscreen: I.value,
+        isFullscreen: E.value,
         isTooltip: w.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: F.value,
         onToggleFullscreen: Fe,
-        onGeneratePdf: L(ce),
-        onGenerateCsv: ke,
-        onGenerateImage: L(he),
-        onToggleTable: Le,
-        onToggleLabels: we,
-        onToggleTooltip: qe
-      }, Oe({ _: 2 }, [
+        onGeneratePdf: y(ye),
+        onGenerateCsv: we,
+        onGenerateImage: y(be),
+        onToggleTable: qe,
+        onToggleLabels: _e,
+        onToggleTooltip: Se
+      }, De({ _: 2 }, [
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: $(() => [
-            q(l.$slots, "optionTooltip", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: $(() => [
-            q(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: $(() => [
-            q(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: $(() => [
-            q(l.$slots, "optionImg", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: $(() => [
-            q(l.$slots, "optionTable", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: $(() => [
-            q(l.$slots, "optionLabels", {}, void 0, !0)
+          fn: k(() => [
+            _(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: $(({ toggleFullscreen: a, isFullscreen: s }) => [
-            q(l.$slots, "optionFullscreen", K(ee({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: k(({ toggleFullscreen: a, isFullscreen: o }) => [
+            _(l.$slots, "optionFullscreen", te(le({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : c("", !0),
-      E.value ? (o(), i("svg", {
+      G.value ? (s(), i("svg", {
         key: 2,
-        xmlns: L(Ze),
-        class: z({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
+        xmlns: y(et),
+        class: T({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
         viewBox: `${d.value.startX} ${d.value.startY} ${d.value.width} ${d.value.height}`,
-        style: k(`max-width:100%;overflow:${f.value ? "hidden" : "visible"};background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`),
-        id: `svg_${C.value}`
+        style: L(`max-width:100%;overflow:${p.value ? "hidden" : "visible"};background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`),
+        id: `svg_${z.value}`
       }, [
         v("defs", null, [
-          (o(!0), i(_, null, W(S.value, (a, s) => (o(), i("radialGradient", {
+          (s(!0), i(S, null, X(C.value, (a, o) => (s(), i("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%",
-            id: `quadrant_gradient_${C.value}_${s}`
+            id: `quadrant_gradient_${z.value}_${o}`
           }, [
             v("stop", {
               offset: "0%",
-              "stop-color": `${L(Ke)(a.color, 0.05)}${L(te)[t.value.style.chart.layout.areas.opacity]}`
-            }, null, 8, xt),
+              "stop-color": `${y(tt)(a.color, 0.05)}${y(ae)[t.value.style.chart.layout.areas.opacity]}`
+            }, null, 8, kt),
             v("stop", {
               offset: "100%",
-              "stop-color": a.color + L(te)[t.value.style.chart.layout.areas.opacity]
-            }, null, 8, $t)
-          ], 8, mt))), 256))
+              "stop-color": a.color + y(ae)[t.value.style.chart.layout.areas.opacity]
+            }, null, 8, Lt)
+          ], 8, $t))), 256))
         ]),
-        t.value.style.chart.layout.grid.graduations.show ? (o(), i("g", kt, [
-          (o(!0), i(_, null, W(Ne.value, (a) => (o(), i("rect", {
+        t.value.style.chart.layout.grid.graduations.show ? (s(), i("g", wt, [
+          (s(!0), i(S, null, X(Ve.value, (a) => (s(), i("rect", {
             fill: t.value.style.chart.layout.grid.graduations.fill ? `${t.value.style.chart.layout.grid.graduations.color}${a.opacity}` : "none",
             x: a.x,
             y: a.y,
@@ -745,7 +775,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
             "stroke-width": t.value.style.chart.layout.grid.graduations.strokeWidth,
             stroke: t.value.style.chart.layout.grid.graduations.stroke,
             rx: t.value.style.chart.layout.grid.graduations.roundingForce
-          }, null, 8, Lt))), 256))
+          }, null, 8, qt))), 256))
         ])) : c("", !0),
         v("line", {
           x1: e.value.left,
@@ -754,7 +784,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
           y2: e.value.centerY,
           stroke: t.value.style.chart.layout.grid.stroke,
           "stroke-width": t.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, wt),
+        }, null, 8, _t),
         v("line", {
           x1: e.value.centerX,
           y1: e.value.top,
@@ -762,309 +792,337 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
           y2: e.value.bottom,
           stroke: t.value.style.chart.layout.grid.stroke,
           "stroke-width": t.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, qt),
-        t.value.style.chart.layout.grid.showArrows ? (o(), i("g", _t, [
+        }, null, 8, St),
+        t.value.style.chart.layout.grid.showArrows ? (s(), i("g", Ct, [
           v("polygon", {
             points: `${e.value.right - 8},${e.value.centerY - 6} ${e.value.right},${e.value.centerY} ${e.value.right - 8},${e.value.centerY + 6}`,
             fill: t.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, St),
+          }, null, 8, zt),
           v("polygon", {
             points: `${e.value.left + 8},${e.value.centerY - 6} ${e.value.left},${e.value.centerY} ${e.value.left + 8},${e.value.centerY + 6}`,
             fill: t.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, Ct),
+          }, null, 8, Tt),
           v("polygon", {
             points: `${e.value.centerX - 6},${e.value.top + 8} ${e.value.centerX},${e.value.top} ${e.value.centerX + 6},${e.value.top + 8}`,
             fill: t.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, zt),
+          }, null, 8, Wt),
           v("polygon", {
             points: `${e.value.centerX - 6},${e.value.bottom - 8} ${e.value.centerX},${e.value.bottom} ${e.value.centerX + 6},${e.value.bottom - 8}`,
             fill: t.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, Tt)
+          }, null, 8, Xt)
         ])) : c("", !0),
-        t.value.style.chart.layout.labels.quadrantLabels.show && !f.value ? (o(), i("g", Wt, [
-          t.value.style.chart.layout.labels.quadrantLabels.tl.text ? (o(), i("text", {
+        t.value.style.chart.layout.labels.quadrantLabels.show && !p.value ? (s(), i("g", Yt, [
+          t.value.style.chart.layout.labels.quadrantLabels.tl.text ? (s(), i("text", {
             key: 0,
             x: 0,
             y: e.value.top - e.value.padding / 2,
             "text-anchor": "start",
             fill: t.value.style.chart.layout.labels.quadrantLabels.tl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
-            style: k(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
-            onClick: u[0] || (u[0] = (a) => O("tl"))
-          }, m(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Xt)) : c("", !0),
-          t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (o(), i("text", {
+            style: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
+            onClick: u[0] || (u[0] = (a) => D("tl"))
+          }, x(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Mt)) : c("", !0),
+          t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (s(), i("text", {
             key: 1,
             x: e.value.width,
             y: e.value.top - e.value.padding / 2,
             "text-anchor": "end",
             fill: t.value.style.chart.layout.labels.quadrantLabels.tr.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
-            style: k(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
-            onClick: u[1] || (u[1] = (a) => O("tr"))
-          }, m(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, Yt)) : c("", !0),
-          t.value.style.chart.layout.labels.quadrantLabels.br.text ? (o(), i("text", {
+            style: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
+            onClick: u[1] || (u[1] = (a) => D("tr"))
+          }, x(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, Nt)) : c("", !0),
+          t.value.style.chart.layout.labels.quadrantLabels.br.text ? (s(), i("text", {
             key: 2,
             x: e.value.width,
             y: e.value.bottom + e.value.padding * 0.7,
             "text-anchor": "end",
             fill: t.value.style.chart.layout.labels.quadrantLabels.br.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
-            style: k(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
-            onClick: u[2] || (u[2] = (a) => O("br"))
-          }, m(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, Mt)) : c("", !0),
-          t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (o(), i("text", {
+            style: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
+            onClick: u[2] || (u[2] = (a) => D("br"))
+          }, x(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, At)) : c("", !0),
+          t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (s(), i("text", {
             key: 3,
             x: 0,
             y: e.value.bottom + e.value.padding * 0.7,
             "text-anchor": "start",
             fill: t.value.style.chart.layout.labels.quadrantLabels.bl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
-            style: k(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
-            onClick: u[3] || (u[3] = (a) => O("bl"))
-          }, m(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, Nt)) : c("", !0)
+            style: L(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
+            onClick: u[3] || (u[3] = (a) => D("bl"))
+          }, x(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, Vt)) : c("", !0)
         ])) : c("", !0),
-        t.value.style.chart.layout.labels.axisLabels.show ? (o(), i("g", At, [
+        t.value.style.chart.layout.labels.axisLabels.show ? (s(), i("g", Bt, [
           v("text", {
             x: e.value.centerX,
             y: e.value.top - e.value.padding / 6,
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, m(M.value.y.max), 9, Bt),
+          }, x(y(A)(
+            t.value.style.chart.layout.labels.plotLabels.y.formatter,
+            q.value.y.max,
+            y(V)({
+              v: q.value.y.max,
+              r: t.value.style.chart.layout.labels.plotLabels.rounding
+            })
+          )), 9, Pt),
           v("text", {
             x: e.value.centerX,
             y: e.value.top - e.value.padding / 2,
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, m(t.value.style.chart.layout.grid.yAxis.name), 9, Pt),
+          }, x(t.value.style.chart.layout.grid.yAxis.name), 9, Rt),
           v("text", {
             x: e.value.centerX,
             y: e.value.bottom + e.value.padding * 0.35,
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
-          }, m(M.value.y.min), 9, Ft),
+          }, x(y(A)(
+            t.value.style.chart.layout.labels.plotLabels.y.formatter,
+            q.value.y.min,
+            y(V)({
+              v: q.value.y.min,
+              r: t.value.style.chart.layout.labels.plotLabels.rounding
+            })
+          )), 9, Ft),
           v("text", {
-            id: `xLabelMin_${C.value}`,
+            id: `xLabelMin_${z.value}`,
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.padding - t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(-90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
-          }, m(M.value.x.min), 9, Rt),
+          }, x(y(A)(
+            t.value.style.chart.layout.labels.plotLabels.x.formatter,
+            q.value.x.min,
+            y(V)({
+              v: q.value.x.min,
+              r: t.value.style.chart.layout.labels.plotLabels.rounding
+            })
+          )), 9, Ot),
           v("text", {
-            id: `xLabelMax_${C.value}`,
+            id: `xLabelMax_${z.value}`,
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.width - e.value.padding + t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, m(M.value.x.max), 9, Vt),
+          }, x(y(A)(
+            t.value.style.chart.layout.labels.plotLabels.x.formatter,
+            q.value.x.max,
+            y(V)({
+              v: q.value.x.max,
+              r: t.value.style.chart.layout.labels.plotLabels.rounding
+            })
+          )), 9, Ht),
           v("text", {
-            id: `xLabelMaxName_${C.value}`,
+            id: `xLabelMaxName_${z.value}`,
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.width - t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, m(t.value.style.chart.layout.grid.xAxis.name), 9, Ht)
+          }, x(t.value.style.chart.layout.grid.xAxis.name), 9, It)
         ])) : c("", !0),
-        t.value.style.chart.layout.areas.show ? (o(), i("g", Ot, [
-          (o(!0), i(_, null, W(S.value, (a, s) => (o(), i("g", null, [
-            a.series.length > 2 ? (o(), i("polygon", {
+        t.value.style.chart.layout.areas.show ? (s(), i("g", Dt, [
+          (s(!0), i(S, null, X(C.value, (a, o) => (s(), i("g", null, [
+            a.series.length > 2 ? (s(), i("polygon", {
               key: 0,
               "data-cy-quadrant-area": "",
-              fill: t.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${C.value}_${s})` : `${a.color}${L(te)[t.value.style.chart.layout.areas.opacity]}`,
-              points: L(et)(a)
-            }, null, 8, It)) : c("", !0)
+              fill: t.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${z.value}_${o})` : `${a.color}${y(ae)[t.value.style.chart.layout.areas.opacity]}`,
+              points: y(lt)(a)
+            }, null, 8, Et)) : c("", !0)
           ]))), 256))
         ])) : c("", !0),
         v("g", null, [
           v("rect", {
-            onClick: u[4] || (u[4] = (a) => Y("TL")),
+            onClick: u[4] || (u[4] = (a) => M("TL")),
             x: e.value.left,
             y: e.value.top,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
             height: e.value.usableHeight / 2 <= 0 ? 1e-3 : e.value.usableHeight / 2,
             fill: "transparent",
-            class: z({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
-          }, null, 10, Dt),
+            class: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
+          }, null, 10, Ut),
           v("rect", {
-            onClick: u[5] || (u[5] = (a) => Y("TR")),
+            onClick: u[5] || (u[5] = (a) => M("TR")),
             x: e.value.centerX,
             y: e.value.top,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
             height: e.value.usableHeight / 2 <= 0 ? 1e-3 : e.value.usableHeight / 2,
             fill: "transparent",
-            class: z({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
-          }, null, 10, Et),
+            class: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
+          }, null, 10, Gt),
           v("rect", {
-            onClick: u[6] || (u[6] = (a) => Y("BR")),
+            onClick: u[6] || (u[6] = (a) => M("BR")),
             x: e.value.centerX,
             y: e.value.centerY,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
             height: e.value.usableHeight / 2 <= 0 ? 1e-3 : e.value.usableHeight / 2,
             fill: "transparent",
-            class: z({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
-          }, null, 10, Ut),
+            class: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
+          }, null, 10, Qt),
           v("rect", {
-            onClick: u[7] || (u[7] = (a) => Y("BL")),
+            onClick: u[7] || (u[7] = (a) => M("BL")),
             x: e.value.left,
             y: e.value.centerY,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
             height: e.value.usableHeight / 2 <= 0 ? 1e-3 : e.value.usableHeight / 2,
             fill: "transparent",
-            class: z({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
-          }, null, 10, Gt)
+            class: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
+          }, null, 10, Jt)
         ]),
-        t.value.style.chart.layout.labels.plotLabels.showAsTag ? (o(), i(_, { key: 6 }, [
-          w.value.plotLabels.show ? (o(), i("g", jt, [
-            (o(!0), i(_, null, W(S.value, (a, s) => (o(), i(_, null, [
-              (o(!0), i(_, null, W(a.series, (r) => (o(), i("foreignObject", {
+        t.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), i(S, { key: 6 }, [
+          w.value.plotLabels.show ? (s(), i("g", Kt, [
+            (s(!0), i(S, null, X(C.value, (a, o) => (s(), i(S, null, [
+              (s(!0), i(S, null, X(a.series, (r) => (s(), i("foreignObject", {
                 style: { overflow: "visible" },
                 height: "10",
                 width: "100",
                 x: r.x - 50,
                 y: r.y - t.value.style.chart.layout.labels.plotLabels.fontSize,
-                onMouseover: (y) => me(a, r, s),
-                onMouseleave: u[9] || (u[9] = (y) => {
-                  U.value = !1, V.value = null, H.value = null;
+                onMouseover: (b) => $e(a, r, o),
+                onMouseleave: u[9] || (u[9] = (b) => {
+                  Q.value = !1, H.value = null, I.value = null;
                 }),
-                onClick: (y) => xe(a, r)
+                onClick: (b) => ke(a, r)
               }, [
                 v("div", {
-                  style: k(`color:${L(tt)(a.color)};margin: 0 auto; font-size:${t.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: ${t.value.style.chart.layout.labels.plotLabels.fontSize * 1.5}px`)
-                }, m(r.name), 5)
-              ], 40, Zt))), 256))
+                  style: L(`color:${y(at)(a.color)};margin: 0 auto; font-size:${t.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: ${t.value.style.chart.layout.labels.plotLabels.fontSize * 1.5}px`)
+                }, x(r.name), 5)
+              ], 40, el))), 256))
             ], 64))), 256))
           ])) : c("", !0)
-        ], 64)) : (o(), i(_, { key: 5 }, [
-          (o(!0), i(_, null, W(S.value, (a, s) => (o(), i("g", null, [
-            (o(!0), i(_, null, W(a.series, (r) => (o(), D(Ce, {
+        ], 64)) : (s(), i(S, { key: 5 }, [
+          (s(!0), i(S, null, X(C.value, (a, o) => (s(), i("g", null, [
+            (s(!0), i(S, null, X(a.series, (r) => (s(), U(Te, {
               color: a.color,
-              isSelected: V.value && r.uid === V.value,
+              isSelected: H.value && r.uid === H.value,
               plot: r,
-              radius: t.value.style.chart.layout.plots.radius / (f.value ? 1.5 : 1),
+              radius: t.value.style.chart.layout.plots.radius / (p.value ? 1.5 : 1),
               shape: a.shape,
               stroke: t.value.style.chart.layout.plots.outline ? t.value.style.chart.layout.plots.outlineColor : "none",
               strokeWidth: t.value.style.chart.layout.plots.outlineWidth,
-              onMouseover: (y) => me(a, r, s),
-              onMouseleave: u[8] || (u[8] = (y) => {
-                U.value = !1, V.value = null, H.value = null;
+              onMouseover: (b) => $e(a, r, o),
+              onMouseleave: u[8] || (u[8] = (b) => {
+                Q.value = !1, H.value = null, I.value = null;
               }),
-              onClick: (y) => xe(a, r)
+              onClick: (b) => ke(a, r)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseover", "onClick"]))), 256))
           ]))), 256)),
-          w.value.plotLabels.show ? (o(), i("g", Qt, [
-            (o(!0), i(_, null, W(S.value, (a) => (o(), i("g", null, [
-              (o(!0), i(_, null, W(a.series, (s) => (o(), i("text", {
-                x: s.x,
-                y: s.y + t.value.style.chart.layout.labels.plotLabels.offsetY + t.value.style.chart.layout.plots.radius,
+          w.value.plotLabels.show ? (s(), i("g", jt, [
+            (s(!0), i(S, null, X(C.value, (a) => (s(), i("g", null, [
+              (s(!0), i(S, null, X(a.series, (o) => (s(), i("text", {
+                x: o.x,
+                y: o.y + t.value.style.chart.layout.labels.plotLabels.offsetY + t.value.style.chart.layout.plots.radius,
                 "text-anchor": "middle",
-                "font-size": t.value.style.chart.layout.labels.plotLabels.fontSize / (f.value ? 1.5 : 1),
+                "font-size": t.value.style.chart.layout.labels.plotLabels.fontSize / (p.value ? 1.5 : 1),
                 fill: t.value.style.chart.layout.labels.plotLabels.color
-              }, m(s.name), 9, Jt))), 256))
+              }, x(o.name), 9, Zt))), 256))
             ]))), 256))
           ])) : c("", !0)
         ], 64)),
-        f.value ? (o(), i("g", Kt, [
-          n.value === "TL" ? (o(), i("polygon", {
+        p.value ? (s(), i("g", tl, [
+          n.value === "TL" ? (s(), i("polygon", {
             key: 0,
             points: `${e.value.left - 1},${e.value.centerY} ${e.value.centerX},${e.value.centerY} ${e.value.centerX},${e.value.top - 1} ${e.value.right},${e.value.top - 1} ${e.value.right},${e.value.bottom} ${e.value.left - 1},${e.value.bottom} ${e.value.left - 1},${e.value.centerY}`,
             fill: t.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, el)) : c("", !0),
-          n.value === "TR" ? (o(), i("polygon", {
+          }, null, 8, ll)) : c("", !0),
+          n.value === "TR" ? (s(), i("polygon", {
             key: 1,
             points: `${e.value.left},${e.value.top - 1} ${e.value.centerX},${e.value.top - 1} ${e.value.centerX},${e.value.centerY} ${e.value.right + 1},${e.value.centerY} ${e.value.right + 1},${e.value.bottom} ${e.value.left},${e.value.bottom} ${e.value.left},${e.value.top - 1}`,
             fill: t.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, tl)) : c("", !0),
-          n.value === "BR" ? (o(), i("polygon", {
+          }, null, 8, al)) : c("", !0),
+          n.value === "BR" ? (s(), i("polygon", {
             key: 2,
             points: `${e.value.left},${e.value.top} ${e.value.right + 1},${e.value.top} ${e.value.right + 1},${e.value.centerY} ${e.value.centerX},${e.value.centerY} ${e.value.centerX},${e.value.bottom + 1} ${e.value.left},${e.value.bottom + 1} ${e.value.left},${e.value.top}`,
             fill: t.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, ll)) : c("", !0),
-          n.value === "BL" ? (o(), i("polygon", {
+          }, null, 8, ul)) : c("", !0),
+          n.value === "BL" ? (s(), i("polygon", {
             key: 3,
             points: `${e.value.left - 1},${e.value.top} ${e.value.right},${e.value.top} ${e.value.right},${e.value.bottom + 1} ${e.value.centerX},${e.value.bottom + 1} ${e.value.centerX},${e.value.centerY} ${e.value.left - 1},${e.value.centerY} ${e.value.left - 1},${e.value.top}`,
             fill: t.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, al)) : c("", !0)
+          }, null, 8, ol)) : c("", !0)
         ])) : c("", !0),
-        n.value && !Q.value ? (o(), i("g", ul, [
+        n.value && !j.value ? (s(), i("g", sl, [
           v("text", {
-            x: A.value.x,
-            y: A.value.y - A.value.fontSize / 1.5,
-            "font-size": A.value.fontSize / 1.5,
-            fill: A.value.fill,
+            x: B.value.x,
+            y: B.value.y - B.value.fontSize / 1.5,
+            "font-size": B.value.fontSize / 1.5,
+            fill: B.value.fill,
             "text-anchor": "middle",
-            "font-weight": A.value.bold ? "bold" : "normal"
-          }, m(A.value.text), 9, ol)
+            "font-weight": B.value.bold ? "bold" : "normal"
+          }, x(B.value.text), 9, rl)
         ])) : c("", !0),
-        f.value && n.value ? (o(), i("g", sl, [
+        p.value && n.value ? (s(), i("g", il, [
           v("rect", {
-            x: x.value[n.value].tl.x,
-            y: x.value[n.value].tl.y,
+            x: $.value[n.value].tl.x,
+            y: $.value[n.value].tl.y,
             height: "20",
             width: "20",
-            fill: x.value[n.value].tl.fill,
-            style: k(`cursor: pointer; opacity: ${n.value === "TL" ? 1 : 0.2}`),
-            onClick: u[10] || (u[10] = (a) => Y("TL")),
-            class: z({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "TL" })
-          }, null, 14, rl),
+            fill: $.value[n.value].tl.fill,
+            style: L(`cursor: pointer; opacity: ${n.value === "TL" ? 1 : 0.2}`),
+            onClick: u[10] || (u[10] = (a) => M("TL")),
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "TL" })
+          }, null, 14, nl),
           v("rect", {
-            x: x.value[n.value].tr.x,
-            y: x.value[n.value].tr.y,
+            x: $.value[n.value].tr.x,
+            y: $.value[n.value].tr.y,
             height: "20",
             width: "20",
-            fill: x.value[n.value].tr.fill,
-            style: k(`cursor: pointer; opacity: ${n.value === "TR" ? 1 : 0.2}`),
-            onClick: u[11] || (u[11] = (a) => Y("TR")),
-            class: z({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "TR" })
-          }, null, 14, il),
+            fill: $.value[n.value].tr.fill,
+            style: L(`cursor: pointer; opacity: ${n.value === "TR" ? 1 : 0.2}`),
+            onClick: u[11] || (u[11] = (a) => M("TR")),
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "TR" })
+          }, null, 14, vl),
           v("rect", {
-            x: x.value[n.value].br.x,
-            y: x.value[n.value].br.y,
+            x: $.value[n.value].br.x,
+            y: $.value[n.value].br.y,
             height: "20",
             width: "20",
-            fill: x.value[n.value].br.fill,
-            style: k(`cursor: pointer; opacity: ${n.value === "BR" ? 1 : 0.2}`),
-            onClick: u[12] || (u[12] = (a) => Y("BR")),
-            class: z({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "BR" })
-          }, null, 14, nl),
+            fill: $.value[n.value].br.fill,
+            style: L(`cursor: pointer; opacity: ${n.value === "BR" ? 1 : 0.2}`),
+            onClick: u[12] || (u[12] = (a) => M("BR")),
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "BR" })
+          }, null, 14, dl),
           v("rect", {
-            x: x.value[n.value].bl.x,
-            y: x.value[n.value].bl.y,
+            x: $.value[n.value].bl.x,
+            y: $.value[n.value].bl.y,
             height: "20",
             width: "20",
-            fill: x.value[n.value].bl.fill,
-            style: k(`cursor: pointer; opacity: ${n.value === "BL" ? 1 : 0.2}`),
-            onClick: u[13] || (u[13] = (a) => Y("BL")),
-            class: z({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "BL" })
-          }, null, 14, vl),
+            fill: $.value[n.value].bl.fill,
+            style: L(`cursor: pointer; opacity: ${n.value === "BL" ? 1 : 0.2}`),
+            onClick: u[13] || (u[13] = (a) => M("BL")),
+            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": n.value !== "BL" })
+          }, null, 14, cl),
           v("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: x.value[n.value].crosshairs.horizontal
-          }, null, 8, dl),
+            d: $.value[n.value].crosshairs.horizontal
+          }, null, 8, hl),
           v("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: x.value[n.value].crosshairs.vertical
-          }, null, 8, cl)
+            d: $.value[n.value].crosshairs.vertical
+          }, null, 8, yl)
         ])) : c("", !0),
-        q(l.$slots, "svg", { svg: e.value }, void 0, !0)
-      ], 14, gt)) : c("", !0),
-      l.$slots.watermark ? (o(), i("div", hl, [
-        q(l.$slots, "watermark", K(ee({ isPrinting: L(ve) || L(de) })), void 0, !0)
+        _(l.$slots, "svg", { svg: e.value }, void 0, !0)
+      ], 14, xt)) : c("", !0),
+      l.$slots.watermark ? (s(), i("div", bl, [
+        _(l.$slots, "watermark", te(le({ isPrinting: y(ce) || y(he) })), void 0, !0)
       ])) : c("", !0),
-      E.value ? c("", !0) : (o(), D(yt, {
+      G.value ? c("", !0) : (s(), U(ft, {
         key: 4,
         config: {
           type: "quadrant",
@@ -1084,29 +1142,29 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
       }, null, 8, ["config"])),
       v("div", {
         ref_key: "chartLegend",
-        ref: ne
+        ref: de
       }, [
-        t.value.style.chart.legend.show ? (o(), D(ct, {
+        t.value.style.chart.legend.show ? (s(), U(yt, {
           key: 0,
-          legendSet: pe.value,
-          config: Pe.value,
-          onClickMarker: u[14] || (u[14] = ({ legend: a }) => ue(a.id))
+          legendSet: me.value,
+          config: Re.value,
+          onClickMarker: u[14] || (u[14] = ({ legend: a }) => se(a.id))
         }, {
-          item: $(({ legend: a }) => [
+          item: k(({ legend: a }) => [
             v("div", {
               "data-cy-legend-item": "",
-              onClick: (s) => ue(a.id),
-              style: k(`opacity:${N.value.includes(a.id) ? 0.5 : 1}`)
-            }, m(a.name), 13, yl)
+              onClick: (o) => se(a.id),
+              style: L(`opacity:${N.value.includes(a.id) ? 0.5 : 1}`)
+            }, x(a.name), 13, fl)
           ]),
           _: 1
-        }, 8, ["legendSet", "config"])) : q(l.$slots, "legend", {
+        }, 8, ["legendSet", "config"])) : _(l.$slots, "legend", {
           key: 1,
-          legend: pe.value
+          legend: me.value
         }, void 0, !0)
       ], 512),
-      Z(dt, {
-        show: w.value.showTooltip && U.value,
+      ee(ht, {
+        show: w.value.showTooltip && Q.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
         color: t.value.style.chart.tooltip.color,
         borderRadius: t.value.style.chart.tooltip.borderRadius,
@@ -1117,21 +1175,21 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
         parent: F.value,
-        content: ae.value,
+        content: oe.value,
         isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function"
       }, {
-        "tooltip-before": $(() => [
-          q(l.$slots, "tooltip-before", K(ee({ ...oe.value })), void 0, !0)
+        "tooltip-before": k(() => [
+          _(l.$slots, "tooltip-before", te(le({ ...re.value })), void 0, !0)
         ]),
-        "tooltip-after": $(() => [
-          q(l.$slots, "tooltip-after", K(ee({ ...oe.value })), void 0, !0)
+        "tooltip-after": k(() => [
+          _(l.$slots, "tooltip-after", te(le({ ...re.value })), void 0, !0)
         ]),
-        default: $(() => [
-          t.value.style.chart.tooltip.showShape ? (o(), i("svg", bl, [
-            Z(Ce, {
+        default: k(() => [
+          t.value.style.chart.tooltip.showShape ? (s(), i("svg", pl, [
+            ee(Te, {
               plot: { x: 10, y: 10 },
-              shape: H.value.shape,
-              color: H.value.color,
+              shape: I.value.shape,
+              color: I.value.color,
               radius: 8,
               stroke: t.value.style.chart.layout.plots.outline ? t.value.style.chart.layout.plots.outlineColor : "none",
               "stroke-width": t.value.style.chart.layout.plots.outlineWidth
@@ -1140,7 +1198,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      E.value ? (o(), D(bt, {
+      G.value ? (s(), U(pt, {
         key: 5,
         hideDetails: "",
         config: {
@@ -1156,31 +1214,31 @@ const pt = ["id"], gt = ["xmlns", "viewBox", "id"], mt = ["id"], xt = ["stop-col
           }
         }
       }, {
-        content: $(() => [
-          Z(ht, {
-            colNames: j.value.colNames,
-            head: j.value.head,
-            body: j.value.body,
-            config: j.value.config,
+        content: k(() => [
+          ee(bt, {
+            colNames: K.value.colNames,
+            head: K.value.head,
+            body: K.value.body,
+            config: K.value.config,
             title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? ` : ${t.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: u[15] || (u[15] = (a) => w.value.showTable = !1)
           }, {
-            th: $(({ th: a }) => [
-              Ie(m(a), 1)
+            th: k(({ th: a }) => [
+              Ee(x(a), 1)
             ]),
-            td: $(({ td: a }) => [
+            td: k(({ td: a }) => [
               v("div", {
                 innerHTML: a.name || a
-              }, null, 8, fl)
+              }, null, 8, gl)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"])
         ]),
         _: 1
       }, 8, ["config"])) : c("", !0)
-    ], 14, pt));
+    ], 14, mt));
   }
-}, Wl = /* @__PURE__ */ ft(pl, [["__scopeId", "data-v-a3e0f3aa"]]);
+}, Yl = /* @__PURE__ */ gt(ml, [["__scopeId", "data-v-7c808761"]]);
 export {
-  Wl as default
+  Yl as default
 };