vue-data-ui 3.1.3 → 3.1.5

package/dist/{vue-ui-quadrant-C4O8ki4N.js → vue-ui-quadrant-BlM9WNN7.js}

@@ -1,23 +1,23 @@
-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-CaxArMHL.js";
+import { defineAsyncComponent as F, computed as x, ref as y, toRefs as qt, watch as ge, shallowRef as tt, onMounted as St, onBeforeUnmount as Tt, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as C, normalizeClass as z, 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 zt, resolveDynamicComponent as At, mergeProps as Wt, createTextVNode as at, nextTick as ot } from "vue";
+import { u as Xt, c as ut, t as Yt, a as Mt, p as me, b as Ot, o as Nt, f as Q, d as Bt, e as Ft, Y as Rt, k as R, 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-BkfuZCRT.js";
 import { t as Jt, u as jt } from "./useResponsive-DfdjqQps.js";
-import { u as Zt } from "./usePrinter-BYtPmEo8.js";
-import { u as st } from "./useNestedProp-tWT02_6S.js";
+import { u as Zt } from "./usePrinter-CEdg3j8S.js";
+import { u as st } from "./useNestedProp-BMzw9VUz.js";
 import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as el } from "./useChartAccessibility-9icAAmYg.js";
-import tl from "./img-DSrvx9J6.js";
-import ll from "./Title-CqYBs02Y.js";
-import { _ as rt } from "./Shape-DiplSMFy.js";
-import al from "./Legend-5qvgVkrY.js";
-import { u as ul, B as ol } from "./BaseScanner-BgWxam9d.js";
+import tl from "./img-Neec0VVb.js";
+import ll from "./Title-ydtId0LC.js";
+import { _ as rt } from "./Shape-DBVq0fdK.js";
+import al from "./Legend-nPGcCxG_.js";
+import { u as ol, B as ul } 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 = {
+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 }, Tl = ["x", "y", "font-size", "fill"], zl = ["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"], Fl = ["x", "y", "width", "height"], Rl = ["x", "y", "width", "height"], Pl = {
   key: 0,
   style: { "pointer-events": "none" }
 }, 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"
-}, 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 = {
+}, 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"], oa = ["stroke", "d"], ua = ["stroke", "d"], sa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ra = ["id"], na = ["onClick"], ia = {
@@ -43,13 +43,13 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(nt, { expose: it, emit: vt }) {
-    const ct = R(() => import("./Tooltip-CP0tVHAf.js")), dt = R(() => import("./BaseIcon-BcOSijbz.js")), ht = R(() => import("./vue-ui-accordion-DUlNpLir.js")), yt = R(() => import("./DataTable-Cm8Tt9PQ.js")), bt = R(() => import("./PenAndPaper-CyH7Ip2i.js")), ft = R(() => import("./UserOptions-ZmwlARCV.js")), pt = R(() => import("./PackageVersion-0XlRFsI_.js")), gt = R(() => import("./BaseDraggableDialog-BmN9jTP8.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({
+    const ct = F(() => import("./Tooltip-oeu9knGI.js")), dt = F(() => import("./BaseIcon-BQQGRQ2U.js")), ht = F(() => import("./vue-ui-accordion-DFxAHGEZ.js")), yt = F(() => import("./DataTable-D6voeZvO.js")), bt = F(() => import("./PenAndPaper-C6tiapdo.js")), ft = F(() => import("./UserOptions-CnJxN2Vo.js")), pt = F(() => import("./PackageVersion-BeStrsPr.js")), gt = F(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_quadrant: mt } = Xt(), M = nt, xe = x(() => !!M.dataset && M.dataset.length), w = y(ut()), 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), Te = y(!1), J = y(null), ce = y(null), e = y(he()), { loading: ze, FINAL_DATASET: Ae } = ol({
       ...qt(M),
       FINAL_CONFIG: e,
       prepareConfig: he,
       callback: () => {
         Promise.resolve().then(async () => {
-          await ut(), m.value.showTable = e.value.table.show;
+          await ot(), m.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -135,32 +135,32 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         componentName: "VueUiQuadrant",
         type: "dataset",
         debug: I.value
-      }) : M.dataset.forEach((l, u) => {
+      }) : M.dataset.forEach((l, o) => {
         [null, void 0].includes(l.name) && Q({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "name",
-          index: u,
+          index: o,
           debug: I.value
         }), [null, void 0].includes(l.series) ? Q({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "series",
-          index: u,
+          index: o,
           debug: I.value
-        }) : l.series.forEach((a, o) => {
+        }) : l.series.forEach((a, u) => {
           [null, void 0].includes(a.name) && Q({
             componentName: "VueUiQuadrant",
             type: "datasetSerieAttribute",
             property: "name",
             key: "series",
-            index: o,
+            index: u,
             debug: I.value
           });
         });
       }), e.value.responsive) {
         const l = Jt(() => {
-          const { width: u, height: a } = jt({
+          const { width: o, height: a } = jt({
             chart: A.value,
             title: e.value.style.chart.title.text ? ke.value : null,
             legend: e.value.style.chart.legend.show ? Le.value : null,
@@ -168,22 +168,22 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             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;
+            t.value.height = a, t.value.usableHeight = a - L.value * 2, t.value.width = o, t.value.usableWidth = o - L.value * 2, t.value.top = L.value, t.value.left = L.value, t.value.right = o - L.value, t.value.bottom = a - L.value, t.value.centerX = o / 2, t.value.centerY = a - a / 2, t.value.padding = L.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);
       }
     }
     St(() => {
-      ze.value = !0, Me();
-    }), zt(() => {
+      Te.value = !0, Me();
+    }), Tt(() => {
       O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect());
     });
-    const { isPrinting: Oe, isImaging: Ne, generatePdf: Be, generateImage: Re } = Zt({
+    const { isPrinting: Oe, isImaging: Ne, generatePdf: Be, generateImage: Fe } = Zt({
       elementId: `vue-ui-quadrant_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
       options: e.value.userOptions.print
-    }), xt = x(() => e.value.userOptions.show && !e.value.style.chart.title.text), Fe = x(() => Bt(e.value.customPalette)), m = y({
+    }), xt = x(() => e.value.userOptions.show && !e.value.style.chart.title.text), Re = x(() => Bt(e.value.customPalette)), m = y({
       plotLabels: {
         show: e.value.style.chart.layout.labels.plotLabels.show
       },
@@ -255,13 +255,13 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
     }), $t = y(null), ee = y(!1);
-    function j({ targetX: l, targetY: u, targetW: a, targetH: o, side: r }) {
+    function j({ targetX: l, targetY: o, targetW: a, targetH: u, side: r }) {
       c.value && Z(r);
       const b = {
         x: l - v.value.startX,
-        y: u - v.value.startY,
+        y: o - v.value.startY,
         w: a - v.value.width,
-        h: o - v.value.height
+        h: u - v.value.height
       }, f = e.value.zoomAnimationFrames;
       let W = 0;
       function et() {
@@ -324,37 +324,37 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         }
     }
     const kt = x(() => {
-      const l = e.value.style.chart.layout.grid.graduations.steps, u = t.value.usableWidth / (l * 2), a = t.value.top, o = [];
+      const l = e.value.style.chart.layout.grid.graduations.steps, o = t.value.usableWidth / (l * 2), a = t.value.top, u = [];
       for (let r = 0; r < l; r += 1)
-        o.push({
-          x: t.value.padding + u * r,
+        u.push({
+          x: t.value.padding + o * r,
           y: a + t.value.usableHeight * (r / l / 2),
           height: t.value.usableHeight * (1 - r / l),
           width: t.value.usableWidth * (1 - r / l),
           opacity: Math.round((r + 1) / l * 20)
         });
-      return o;
+      return u;
     }), q = x(() => {
-      let l = e.value.style.chart.layout.grid.xAxis.max, u = e.value.style.chart.layout.grid.xAxis.min, a = e.value.style.chart.layout.grid.yAxis.max, o = e.value.style.chart.layout.grid.yAxis.min;
-      return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...E.value.flatMap((r) => r.series.map((b) => b.x))), u = Math.min(...E.value.flatMap((r) => r.series.map((b) => b.x)))), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...E.value.flatMap((r) => r.series.map((b) => b.y))), o = Math.min(...E.value.flatMap((r) => r.series.map((b) => b.y)))), {
+      let l = e.value.style.chart.layout.grid.xAxis.max, o = e.value.style.chart.layout.grid.xAxis.min, a = e.value.style.chart.layout.grid.yAxis.max, u = e.value.style.chart.layout.grid.yAxis.min;
+      return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...E.value.flatMap((r) => r.series.map((b) => b.x))), o = Math.min(...E.value.flatMap((r) => r.series.map((b) => b.x)))), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...E.value.flatMap((r) => r.series.map((b) => b.y))), u = Math.min(...E.value.flatMap((r) => r.series.map((b) => b.y)))), {
         x: {
           max: l,
-          min: u
+          min: o
         },
         y: {
           max: a,
-          min: o
+          min: u
         }
       };
-    }), B = y([]), E = x(() => Ae.value.map((l, u) => ({
+    }), B = y([]), E = x(() => Ae.value.map((l, o) => ({
       ...l,
-      series: Ft({
+      series: Rt({
         data: l.series,
         threshold: e.value.downsample.threshold
       }),
-      id: `cat_${u}_${w.value}`,
-      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) => ({
+      id: `cat_${o}_${w.value}`,
+      color: Ft(l.color) || Re.value[o] || me[o]
+    }))), Lt = x(() => E.value.filter((l) => !B.value.includes(l.id))), wt = x(() => E.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
@@ -368,28 +368,28 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         shape: l.shape,
         color: l.color
       }))
-    }))), z = x(() => (Ae.value.forEach((l, u) => {
-      l.series.forEach((a, o) => {
+    }))), T = x(() => (Ae.value.forEach((l, o) => {
+      l.series.forEach((a, u) => {
         [null, void 0].includes(a.x) && Q({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "x",
           key: "series",
-          index: o,
+          index: u,
           debug: I.value
         }), [null, void 0].includes(a.y) && Q({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "y",
           key: "series",
-          index: o,
+          index: u,
           debug: I.value
         });
       });
-    }), Lt.value.map((l, u) => ({
+    }), Lt.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
-      color: l.color || Fe.value[u] || me[u],
+      color: l.color || Re.value[o] || me[o],
       series: l.series.map((a) => ({
         ...a,
         x: Pe(a.x),
@@ -400,29 +400,29 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         categoryName: l.name,
         shape: l.shape,
         color: l.color,
-        uid: ot()
+        uid: ut()
       }))
     }))));
     function Pe(l) {
       if (l >= 0) {
-        const u = l / q.value.x.max;
-        return t.value.centerX + t.value.usableWidth / 2 * u;
+        const o = l / q.value.x.max;
+        return t.value.centerX + t.value.usableWidth / 2 * o;
       } else {
-        const u = Math.abs(l) / Math.abs(q.value.x.min);
-        return t.value.centerX - t.value.usableWidth / 2 * u;
+        const o = Math.abs(l) / Math.abs(q.value.x.min);
+        return t.value.centerX - t.value.usableWidth / 2 * o;
       }
     }
     function Ve(l) {
       if (l >= 0) {
-        const u = l / q.value.y.max;
-        return t.value.centerY + (1 - t.value.usableHeight / 2 * u);
+        const o = l / q.value.y.max;
+        return t.value.centerY + (1 - t.value.usableHeight / 2 * o);
       } else {
-        const u = Math.abs(l) / Math.abs(q.value.y.min);
-        return t.value.centerY - (1 - t.value.usableHeight / 2 * u);
+        const o = Math.abs(l) / Math.abs(q.value.y.min);
+        return t.value.centerY - (1 - t.value.usableHeight / 2 * o);
       }
     }
     const te = x(() => {
-      const l = z.value.flatMap((f) => f.series.map((W) => ({
+      const l = T.value.flatMap((f) => f.series.map((W) => ({
         x: W.xValue,
         y: W.yValue,
         name: W.name,
@@ -431,36 +431,36 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         sideName: e.value.style.chart.layout.labels.quadrantLabels[W.quadrantSide].text,
         color: f.color,
         shape: f.shape
-      }))), u = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", o = [e.value.translations.category, e.value.translations.item, u, a, e.value.translations.side], r = l.map((f) => [f.category, f.name, f.x, f.y, f.sideName || f.quadrantSide]), b = l.map((f) => ({
+      }))), o = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", u = [e.value.translations.category, e.value.translations.item, o, a, e.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: o, body: r, itsShapes: b, tableData: l };
+      return { head: u, body: r, itsShapes: b, tableData: l };
     }), le = x(() => {
-      const l = te.value.head, u = te.value.tableData.map((o) => [
+      const l = te.value.head, o = te.value.tableData.map((u) => [
         {
-          shape: o.shape,
-          color: o.color,
-          name: o.category
+          shape: u.shape,
+          color: u.color,
+          name: u.category
         },
-        o.name,
-        F(
+        u.name,
+        R(
           e.value.style.chart.layout.labels.plotLabels.x.formatter,
-          o.x,
+          u.x,
           P({
-            v: o.x,
+            v: u.x,
             r: e.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        F(
+        R(
           e.value.style.chart.layout.labels.plotLabels.y.formatter,
-          o.y,
+          u.y,
           P({
-            v: o.y,
+            v: u.y,
             r: e.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        o.sideName || o.quadrantSide
+        u.sideName || u.quadrantSide
       ]), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -474,12 +474,12 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         },
         breakpoint: e.value.table.responsiveBreakpoint
       };
-      return { head: l, body: u, config: a, colNames: l };
+      return { head: l, body: o, config: a, colNames: l };
     });
     function ye(l) {
       B.value.includes(l) ? B.value = B.value.filter((a) => a !== l) : B.value.push(l);
-      const u = Ge();
-      ne("selectLegend", u);
+      const o = Ge();
+      ne("selectLegend", o);
     }
     const De = x(() => wt.value.map((l) => ({
       name: l.name,
@@ -511,70 +511,70 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           return "";
       }
     }
-    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 = {
+    const ae = y(null), oe = y(null), be = y(null);
+    function Ie(l, o, a) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: a }), ae.value = o.uid, oe.value = {
         color: l.color,
         shape: l.shape
       }, be.value = {
-        datapoint: u,
+        datapoint: o,
         seriesIndex: a,
-        series: z.value,
+        series: T.value,
         config: e.value
       }, ie.value = !0;
-      const o = e.value.style.chart.tooltip.customFormat;
-      if (Gt(o) && Qt(() => o({
+      const u = e.value.style.chart.tooltip.customFormat;
+      if (Gt(u) && Qt(() => u({
         seriesIndex: a,
-        datapoint: u,
-        series: z.value,
+        datapoint: o,
+        series: T.value,
         config: e.value
       })))
-        ve.value = o({
+        ve.value = u({
           seriesIndex: a,
-          datapoint: u,
-          series: z.value,
+          datapoint: o,
+          series: T.value,
           config: e.value
         });
       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>${F(
+        o.quadrantSide && (r += `<div style="color:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].color};font-weight:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].bold ? "bold" : "400"}">${e.value.style.chart.layout.labels.quadrantLabels[o.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">${o.name}</div>`, r += `<div>${e.value.style.chart.layout.grid.xAxis.name ? e.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${R(
           e.value.style.chart.layout.labels.plotLabels.x.formatter,
-          u.xValue,
+          o.xValue,
           P({
-            v: u.xValue,
+            v: o.xValue,
             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>${F(
+          { datapoint: o, 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(
           e.value.style.chart.layout.labels.plotLabels.y.formatter,
-          u.yValue,
+          o.yValue,
           P({
-            v: u.yValue,
+            v: o.yValue,
             r: e.value.style.chart.tooltip.roundingValue
           }),
-          { datapoint: u, category: l, categoryIndex: a }
+          { datapoint: o, category: l, categoryIndex: a }
         )}</b></div>`, ve.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
-    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, o) {
+      ie.value = !1, ae.value = null, oe.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o });
     }
-    function Ue(l, u, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: u, seriesIndex: a });
-      const o = {
+    function Ue(l, o, a) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: a });
+      const u = {
         category: l.name,
         shape: l.shape,
-        itemName: u.name,
-        x: u.xValue,
-        y: u.yValue,
-        quadrantSide: u.quadrantSide,
-        sideName: e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text
+        itemName: o.name,
+        x: o.xValue,
+        y: o.yValue,
+        quadrantSide: o.quadrantSide,
+        sideName: e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].text
       };
-      ne("selectPlot", o);
+      ne("selectPlot", u);
     }
     function Z(l) {
       if (!l) return;
-      const u = z.value.flatMap((o) => o.series.filter((r) => r.quadrantSide === l).map((r) => ({
+      const o = T.value.flatMap((u) => u.series.filter((r) => r.quadrantSide === l).map((r) => ({
         category: r.categoryName,
         itemName: r.name,
         x: r.xValue,
@@ -582,7 +582,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       }))), a = {
         quadrantSide: l,
         sideName: e.value.style.chart.layout.labels.quadrantLabels[l].text,
-        items: [...u]
+        items: [...o]
       };
       ne("selectSide", a);
     }
@@ -693,22 +693,22 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       }
     }));
     function Ge() {
-      return z.value.map((l) => ({
+      return T.value.map((l) => ({
         color: l.color,
         name: l.name,
         shape: l.shape,
-        series: l.series.map((u) => ({
-          name: u.name,
-          x: u.xValue,
-          y: u.yValue,
-          quadrantSide: u.quadrantSide,
-          sideName: e.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text
+        series: l.series.map((o) => ({
+          name: o.name,
+          x: o.xValue,
+          y: o.yValue,
+          quadrantSide: o.quadrantSide,
+          sideName: e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].text
         }))
       }));
     }
     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);
+      ot(() => {
+        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = te.value.head, u = te.value.body, r = o.concat([a]).concat(u), b = Et(r);
         l ? l(b) : Ut({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
@@ -725,24 +725,24 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
     function Ze() {
       m.value.showTooltip = !m.value.showTooltip;
     }
-    const oe = y(!1);
+    const ue = y(!1);
     function pe() {
-      oe.value = !oe.value;
+      ue.value = !ue.value;
     }
     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 tl({ domElement: A.value, base64: !0, img: !0, scale: l });
+      const { width: o, height: a } = A.value.getBoundingClientRect(), u = o / a, { imageUri: r, base64: b } = await tl({ domElement: A.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: r,
         base64: b,
         title: e.value.style.chart.title.text,
-        width: u,
+        width: o,
         height: a,
-        aspectRatio: o
+        aspectRatio: u
       };
     }
     const K = x(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, u = m.value.showTable;
+      const l = e.value.table.useDialog && !e.value.table.show, o = m.value.showTable;
       return {
         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}` : ""}`,
@@ -757,7 +757,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         } : {
           hideDetails: !0,
           config: {
-            open: u,
+            open: o,
             maxHeight: 1e4,
             body: {
               backgroundColor: e.value.style.chart.backgroundColor,
@@ -782,27 +782,27 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       getImage: Ct,
       generatePdf: Be,
       generateCsv: fe,
-      generateImage: Re,
+      generateImage: Fe,
       toggleTable: Je,
       toggleLabels: je,
       toggleTooltip: Ze,
       toggleAnnotator: pe,
       toggleFullscreen: Qe
-    }), (l, u) => (s(), n("div", {
-      class: T(`vue-ui-quadrant ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+    }), (l, o) => (s(), n("div", {
+      class: z(`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[14] || (u[14] = () => i(We)(!0)),
-      onMouseleave: u[15] || (u[15] = () => i(We)(!1))
+      onMouseenter: o[14] || (o[14] = () => i(We)(!0)),
+      onMouseleave: o[15] || (o[15] = () => i(We)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), X(i(bt), {
         key: 0,
         svgRef: i(Ye),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: oe.value,
+        active: ue.value,
         onClose: pe
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
       xt.value ? (s(), n("div", {
@@ -857,14 +857,14 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         chartElement: A.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: oe.value,
+        isAnnotation: ue.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: Qe,
         onGeneratePdf: i(Be),
         onGenerateCsv: fe,
-        onGenerateImage: i(Re),
+        onGenerateImage: i(Fe),
         onToggleTable: Je,
         onToggleLabels: je,
         onToggleTooltip: Ze,
@@ -875,8 +875,8 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       }, lt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: g(({ isOpen: a, color: o }) => [
-            $(l.$slots, "menuIcon", U(G({ isOpen: a, color: o })), void 0, !0)
+          fn: g(({ isOpen: a, color: u }) => [
+            $(l.$slots, "menuIcon", U(G({ isOpen: a, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -924,15 +924,15 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: g(({ toggleFullscreen: a, isFullscreen: o }) => [
-            $(l.$slots, "optionFullscreen", U(G({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: g(({ toggleFullscreen: a, isFullscreen: u }) => [
+            $(l.$slots, "optionFullscreen", U(G({ toggleFullscreen: a, isFullscreen: u })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: g(({ toggleAnnotator: a, isAnnotator: o }) => [
-            $(l.$slots, "optionAnnotator", U(G({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: g(({ toggleAnnotator: a, isAnnotator: u }) => [
+            $(l.$slots, "optionAnnotator", U(G({ toggleAnnotator: a, isAnnotator: u })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -941,7 +941,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         ref_key: "svgRef",
         ref: Ye,
         xmlns: i(Pt),
-        class: T({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
+        class: z({ "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}`
@@ -960,13 +960,13 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           $(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, vl)) : h("", !0),
         d("defs", null, [
-          (s(!0), n(S, null, Y(z.value, (a, o) => (s(), n("radialGradient", {
+          (s(!0), n(S, null, Y(T.value, (a, u) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%",
-            id: `quadrant_gradient_${w.value}_${o}`
+            id: `quadrant_gradient_${w.value}_${u}`
           }, [
             d("stop", {
               offset: "0%",
@@ -1037,7 +1037,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color,
             "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"))
+            onClick: o[0] || (o[0] = (a) => Z("tl"))
           }, 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,
@@ -1047,7 +1047,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color,
             "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"))
+            onClick: o[1] || (o[1] = (a) => Z("tr"))
           }, 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,
@@ -1057,7 +1057,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             fill: e.value.style.chart.layout.labels.quadrantLabels.br.color,
             "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"))
+            onClick: o[2] || (o[2] = (a) => Z("br"))
           }, 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,
@@ -1067,7 +1067,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color,
             "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"))
+            onClick: o[3] || (o[3] = (a) => Z("bl"))
           }, 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", Sl, [
@@ -1077,28 +1077,28 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             "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(F)(
+          }, k(i(R)(
             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, zl),
+          )), 9, Tl),
           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, Tl),
+          }, k(e.value.style.chart.layout.grid.yAxis.name), 9, zl),
           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(F)(
+          }, k(i(R)(
             e.value.style.chart.layout.labels.plotLabels.y.formatter,
             q.value.y.min,
             i(P)({
@@ -1112,7 +1112,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             "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(F)(
+          }, k(i(R)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
             q.value.x.min,
             i(P)({
@@ -1126,7 +1126,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             "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(F)(
+          }, k(i(R)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
             q.value.x.max,
             i(P)({
@@ -1143,65 +1143,65 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           }, k(e.value.style.chart.layout.grid.xAxis.name), 9, Yl)
         ])) : h("", !0),
         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, [
+          (s(!0), n(S, null, Y(T.value, (a, u) => (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),
+              fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${w.value}_${u})` : i(re)(a.color, e.value.style.chart.layout.areas.opacity),
               points: i(Dt)(a)
             }, null, 8, Ol)) : h("", !0)
           ]))), 256))
         ])) : h("", !0),
         d("g", null, [
           d("rect", {
-            onClick: u[4] || (u[4] = (a) => N("TL")),
+            onClick: o[4] || (o[4] = (a) => N("TL")),
             x: t.value.left,
             y: t.value.top,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             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 })
+            class: z({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
           }, null, 10, Nl),
           d("rect", {
-            onClick: u[5] || (u[5] = (a) => N("TR")),
+            onClick: o[5] || (o[5] = (a) => N("TR")),
             x: t.value.centerX,
             y: t.value.top,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             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 })
+            class: z({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
           }, null, 10, Bl),
           d("rect", {
-            onClick: u[6] || (u[6] = (a) => N("BR")),
+            onClick: o[6] || (o[6] = (a) => N("BR")),
             x: t.value.centerX,
             y: t.value.centerY,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             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, Rl),
+            class: z({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
+          }, null, 10, Fl),
           d("rect", {
-            onClick: u[7] || (u[7] = (a) => N("BL")),
+            onClick: o[7] || (o[7] = (a) => N("BL")),
             x: t.value.left,
             y: t.value.centerY,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             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, Fl)
+            class: z({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
+          }, null, 10, Rl)
         ]),
         e.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), n(S, { key: 7 }, [
           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(T.value, (a, u) => (s(), n(S, null, [
               (s(!0), n(S, null, Y(a.series, (r) => (s(), n("foreignObject", {
                 style: { overflow: "visible" },
                 height: "10",
                 width: "100",
                 x: r.x - 50,
                 y: r.y - e.value.style.chart.layout.labels.plotLabels.fontSize,
-                onMouseover: (b) => Ie(a, r, o),
-                onMouseleave: (b) => Ee(r, o),
-                onClick: (b) => Ue(a, r, o)
+                onMouseover: (b) => Ie(a, r, u),
+                onMouseleave: (b) => Ee(r, u),
+                onClick: (b) => Ue(a, r, u)
               }, [
                 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;`)
@@ -1210,7 +1210,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             ], 64))), 256))
           ])) : 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(T.value, (a, u) => (s(), n("g", null, [
             (s(!0), n(S, null, Y(a.series, (r) => (s(), X(rt, {
               color: a.color,
               isSelected: ae.value && r.uid === ae.value,
@@ -1219,37 +1219,37 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
               shape: a.shape,
               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) => Ee(r, o),
-              onClick: (b) => Ue(a, r, o)
+              onMouseenter: (b) => Ie(a, r, u),
+              onMouseleave: (b) => Ee(r, u),
+              onClick: (b) => Ue(a, r, u)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onMouseleave", "onClick"]))), 256))
           ]))), 256)),
           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(`
+            (s(!0), n(S, null, Y(T.value, (a) => (s(), n("g", null, [
+              (s(!0), n(S, null, Y(a.series, (u) => (s(), n("g", null, [
+                String(u.name).includes(`
 `) ? (s(), n("text", {
                   key: 1,
-                  x: o.x,
-                  y: o.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius,
+                  x: u.x,
+                  y: u.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,
                   innerHTML: i(Ht)({
-                    content: String(o.name),
+                    content: String(u.name),
                     fontSize: e.value.style.chart.layout.labels.plotLabels.fontSize / (p.value ? 1.5 : 1),
                     fill: e.value.style.chart.layout.labels.plotLabels.color,
-                    x: o.x,
-                    y: o.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius
+                    x: u.x,
+                    y: u.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius
                   })
                 }, 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,
+                  x: u.x,
+                  y: u.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, Vl))
+                }, k(u.name), 9, Vl))
               ]))), 256))
             ]))), 256))
           ])) : h("", !0)
@@ -1298,8 +1298,8 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             width: "20",
             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": c.value !== "TL" })
+            onClick: o[8] || (o[8] = (a) => N("TL")),
+            class: z({ "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,
@@ -1308,8 +1308,8 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             width: "20",
             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": c.value !== "TR" })
+            onClick: o[9] || (o[9] = (a) => N("TR")),
+            class: z({ "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,
@@ -1318,8 +1318,8 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             width: "20",
             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": c.value !== "BR" })
+            onClick: o[10] || (o[10] = (a) => N("BR")),
+            class: z({ "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,
@@ -1328,21 +1328,21 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             width: "20",
             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": c.value !== "BL" })
+            onClick: o[11] || (o[11] = (a) => N("BL")),
+            class: z({ "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[c.value].crosshairs.horizontal
-          }, null, 8, ua),
+          }, null, 8, oa),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 1,
             d: _.value[c.value].crosshairs.vertical
-          }, null, 8, oa)
+          }, null, 8, ua)
         ])) : h("", !0),
         $(l.$slots, "svg", { svg: t.value }, void 0, !0)
       ], 14, il)),
@@ -1352,7 +1352,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       d("div", {
         id: `legend-bottom-${w.value}`
       }, null, 8, ra),
-      ze.value ? (s(), X(Tt, {
+      Te.value ? (s(), X(zt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${w.value}` : `#legend-bottom-${w.value}`
       }, [
@@ -1364,12 +1364,12 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             key: `legend_${Se.value}`,
             legendSet: De.value,
             config: _t.value,
-            onClickMarker: u[12] || (u[12] = ({ legend: a }) => ye(a.id))
+            onClickMarker: o[12] || (o[12] = ({ legend: a }) => ye(a.id))
           }, {
             item: g(({ legend: a }) => [
-              i(Te) ? h("", !0) : (s(), n("div", {
+              i(ze) ? h("", !0) : (s(), n("div", {
                 key: 0,
-                onClick: (o) => ye(a.id),
+                onClick: (u) => ye(a.id),
                 style: C(`opacity:${B.value.includes(a.id) ? 0.5 : 1}`)
               }, k(a.name), 13, na))
             ]),
@@ -1404,7 +1404,9 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         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
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
+        smoothForce: e.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": g(() => [
           $(l.$slots, "tooltip-before", U(G({ ...be.value })), void 0, !0)
@@ -1416,8 +1418,8 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           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,
+              shape: oe.value.shape,
+              color: oe.value.color,
               radius: 8,
               stroke: e.value.style.chart.layout.plots.outline ? e.value.style.chart.layout.plots.outlineColor : "none",
               "stroke-width": e.value.style.chart.layout.plots.outlineWidth
@@ -1425,7 +1427,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           ])) : h("", !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       xe.value ? (s(), X(At(K.value.component), Wt({ key: 7 }, K.value.props, {
         ref_key: "tableUnit",
         ref: J,
@@ -1468,7 +1470,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
             d("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: u[13] || (u[13] = (a) => fe(e.value.userOptions.callbacks.csv))
+              onClick: o[13] || (o[13] = (a) => fe(e.value.userOptions.callbacks.csv))
             }, [
               se(i(dt), {
                 name: "excel",
@@ -1479,10 +1481,10 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      i(Te) ? (s(), X(ol, { key: 8 })) : h("", !0)
+      i(ze) ? (s(), X(ul, { key: 8 })) : h("", !0)
     ], 46, rl));
   }
-}, _a = /* @__PURE__ */ sl(ca, [["__scopeId", "data-v-ff32ac3c"]]);
+}, _a = /* @__PURE__ */ sl(ca, [["__scopeId", "data-v-31d78660"]]);
 export {
   _a as default
 };