vue-data-ui 2.12.6 → 2.12.7-beta.1

package/dist/{vue-ui-quadrant-CUy9mVIA.js → vue-ui-quadrant-CdM3bVZs.js}

@@ -1,35 +1,29 @@
-import { computed as g, ref as y, watch as Pe, onMounted as ut, onBeforeUnmount as ot, createElementBlock as n, openBlock as o, unref as h, normalizeStyle as q, normalizeClass as T, createBlock as N, createCommentVNode as c, createElementVNode as d, createVNode as ve, createSlots as st, withCtx as m, renderSlot as x, normalizeProps as P, guardReactiveProps as H, Fragment as C, renderList as Y, toDisplayString as L, createTextVNode as rt, nextTick as nt } from "vue";
-import { u as it, c as He, t as vt, p as de, a as dt, o as ct, e as I, b as ht, d as yt, W as bt, i as O, f as R, X as ft, s as ae, w as pt, Y as gt, G as mt, q as xt, r as $t, x as kt, y as Lt } from "./index-BFzQMJda.js";
-import { t as wt, u as qt } from "./useResponsive-JZ9xq-JV.js";
-import { _ as _t } from "./Title-CzaCeCOm.js";
-import { u as Ct, U as St } from "./usePrinter-C5bLp34h.js";
-import { _ as zt } from "./Tooltip-CWmRmhJr.js";
-import { _ as Ie } from "./Shape-C69a0f29.js";
-import { L as Tt } from "./Legend-BxtDQCIv.js";
-import { D as Wt } from "./DataTable-Rajdtaf6.js";
-import Xt from "./vue-ui-skeleton-B_YI7Yuc.js";
-import Yt from "./vue-ui-accordion-BUz4JIIX.js";
-import { u as Ue } from "./useNestedProp-v7KPpwuP.js";
-import { _ as At } from "./PackageVersion-BjrblLPQ.js";
-import { _ as Mt } from "./PenAndPaper-BkP3J-Ft.js";
-import { u as Nt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ot } from "./useChartAccessibility-BWojgys7.js";
-import { _ as Rt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "height"], Pt = ["id"], Ht = ["stop-color"], It = ["stop-color"], Ut = { key: 1 }, Dt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Et = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Gt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Qt = { key: 2 }, Jt = ["points", "fill"], jt = ["points", "fill"], Zt = ["points", "fill"], Kt = ["points", "fill"], el = { key: 3 }, tl = ["y", "fill", "font-size"], ll = ["x", "y", "fill", "font-size"], al = ["x", "y", "fill", "font-size"], ul = ["y", "fill", "font-size"], ol = { key: 4 }, sl = ["x", "y", "font-size", "fill"], rl = ["x", "y", "font-size", "fill"], nl = ["x", "y", "font-size", "fill"], il = ["id", "font-size", "transform", "fill"], vl = ["id", "font-size", "transform", "fill"], dl = ["id", "font-size", "transform", "fill"], cl = { key: 5 }, hl = ["fill", "points"], yl = ["x", "y", "width", "height"], bl = ["x", "y", "width", "height"], fl = ["x", "y", "width", "height"], pl = ["x", "y", "width", "height"], gl = {
+import { defineAsyncComponent as B, computed as g, ref as y, watch as Ie, shallowRef as Ee, onMounted as yt, onBeforeUnmount as bt, createElementBlock as n, openBlock as o, unref as i, normalizeStyle as q, normalizeClass as T, createBlock as O, createCommentVNode as h, createElementVNode as c, createVNode as ce, createSlots as ft, withCtx as m, renderSlot as x, normalizeProps as E, guardReactiveProps as U, Fragment as C, renderList as Y, toDisplayString as L, createTextVNode as pt, nextTick as gt } from "vue";
+import { u as mt, c as Ue, t as xt, p as he, a as $t, o as kt, e as D, b as Lt, d as wt, W as qt, i as R, f as V, X as _t, s as oe, w as Ct, Y as St, G as zt, q as Tt, r as Wt, x as Xt, y as Yt } from "./index-BHEd2dgu.js";
+import { t as At, u as Mt } from "./useResponsive-JZ9xq-JV.js";
+import { u as De } from "./useNestedProp-CZztHZIm.js";
+import { u as Nt } from "./usePrinter-C8URL2IU.js";
+import { u as Ot } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Rt } from "./useChartAccessibility-9icAAmYg.js";
+import Vt from "./Title-Bc66VstS.js";
+import Pt from "./Legend-DtTYopxf.js";
+import Ge from "./Shape-B6kIkp2s.js";
+import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "height"], Et = ["id"], Ut = ["stop-color"], Dt = ["stop-color"], Gt = { key: 1 }, Qt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Jt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], jt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Zt = { key: 2 }, Kt = ["points", "fill"], el = ["points", "fill"], tl = ["points", "fill"], ll = ["points", "fill"], al = { key: 3 }, ul = ["y", "fill", "font-size"], ol = ["x", "y", "fill", "font-size"], sl = ["x", "y", "fill", "font-size"], rl = ["y", "fill", "font-size"], nl = { key: 4 }, il = ["x", "y", "font-size", "fill"], vl = ["x", "y", "font-size", "fill"], dl = ["x", "y", "font-size", "fill"], cl = ["id", "font-size", "transform", "fill"], hl = ["id", "font-size", "transform", "fill"], yl = ["id", "font-size", "transform", "fill"], bl = { key: 5 }, fl = ["fill", "points"], pl = ["x", "y", "width", "height"], gl = ["x", "y", "width", "height"], ml = ["x", "y", "width", "height"], xl = ["x", "y", "width", "height"], $l = {
   key: 0,
   style: { "pointer-events": "none" }
-}, ml = ["x", "y", "font-size", "fill"], xl = { key: 0 }, $l = ["x", "y", "onMouseover", "onClick"], kl = {
+}, kl = ["x", "y", "font-size", "fill"], Ll = { key: 0 }, wl = ["x", "y", "onMouseover", "onClick"], ql = {
   key: 8,
   class: "vue-ui-dna"
-}, Ll = ["points", "fill"], wl = ["points", "fill"], ql = ["points", "fill"], _l = ["points", "fill"], Cl = { key: 9 }, Sl = ["x", "y", "font-size", "fill", "font-weight"], zl = { key: 10 }, Tl = ["x", "y", "fill"], Wl = ["x", "y", "fill"], Xl = ["x", "y", "fill"], Yl = ["x", "y", "fill"], Al = ["stroke", "d"], Ml = ["stroke", "d"], Nl = {
+}, _l = ["points", "fill"], Cl = ["points", "fill"], Sl = ["points", "fill"], zl = ["points", "fill"], Tl = { key: 9 }, Wl = ["x", "y", "font-size", "fill", "font-weight"], Xl = { key: 10 }, Yl = ["x", "y", "fill"], Al = ["x", "y", "fill"], Ml = ["x", "y", "fill"], Nl = ["x", "y", "fill"], Ol = ["stroke", "d"], Rl = ["stroke", "d"], Vl = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ol = ["onClick"], Rl = {
+}, Pl = ["onClick"], Bl = {
   key: 0,
   height: "14",
   width: "14",
   viewBox: "0 0 20 20"
-}, Vl = ["innerHTML"], Bl = {
+}, Fl = ["innerHTML"], Hl = {
   __name: "vue-ui-quadrant",
   props: {
     config: {
@@ -46,45 +40,45 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
     }
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
-  setup(De, { expose: Ee, emit: Ge }) {
-    const { vue_ui_quadrant: Qe } = it(), W = De, J = g(() => !!W.dataset && W.dataset.length), z = y(He()), ue = Ge, Je = y(null), j = y(!1), oe = y(""), ce = y(0), p = y(!1), U = y(null), he = y(null), ye = y(null), be = y(null), fe = y(null), pe = y(0), ge = y(0), me = y(0), t = g({
-      get: () => Le(),
+  setup(Qe, { expose: Je, emit: je }) {
+    const Ze = B(() => import("./DataTable-Y5HbiUZU.js")), Ke = B(() => import("./PenAndPaper-C-CpE0NC.js")), et = B(() => import("./vue-ui-accordion-DntThSTF.js")), tt = B(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), lt = B(() => import("./Tooltip-B07vY6jm.js")), at = B(() => import("./UserOptions-C8X2STEg.js")), ut = B(() => import("./PackageVersion-DaWGaZxE.js")), { vue_ui_quadrant: ot } = mt(), W = Qe, K = g(() => !!W.dataset && W.dataset.length), z = y(Ue()), se = je, st = y(null), ee = y(!1), re = y(""), ye = y(0), p = y(!1), G = y(null), be = y(null), fe = y(null), pe = y(null), ge = y(null), me = y(0), xe = y(0), $e = y(0), t = g({
+      get: () => qe(),
       set: (l) => l
-    }), { userOptionsVisible: se, setUserOptionsVisibility: xe, keepUserOptionState: $e } = Nt({ config: t.value }), { svgRef: ke } = Ot({ config: t.value.style.chart.title });
-    function Le() {
-      const l = Ue({
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: ke, keepUserOptionState: Le } = Ot({ config: t.value }), { svgRef: we } = Rt({ config: t.value.style.chart.title });
+    function qe() {
+      const l = De({
         userConfig: W.config,
-        defaultConfig: Qe
+        defaultConfig: ot
       });
       return l.theme ? {
-        ...Ue({
-          userConfig: dt.vue_ui_quadrant[l.theme] || W.config,
+        ...De({
+          userConfig: $t.vue_ui_quadrant[l.theme] || W.config,
           defaultConfig: l
         }),
-        customPalette: vt[l.theme] || de
+        customPalette: xt[l.theme] || he
       } : l;
     }
-    Pe(() => W.config, (l) => {
-      t.value = Le(), se.value = !t.value.userOptions.showOnChartHover, we(), pe.value += 1, ge.value += 1, me.value += 1, $.value.plotLabels.show = t.value.style.chart.layout.labels.plotLabels.show, $.value.showTable = t.value.table.show, $.value.showTooltip = t.value.style.chart.tooltip.show;
+    Ie(() => W.config, (l) => {
+      t.value = qe(), ne.value = !t.value.userOptions.showOnChartHover, _e(), me.value += 1, xe.value += 1, $e.value += 1, $.value.plotLabels.show = t.value.style.chart.layout.labels.plotLabels.show, $.value.showTable = t.value.table.show, $.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const Z = y(null);
-    function we() {
-      if (ct(W.dataset) ? I({
+    const A = Ee(null), F = Ee(null);
+    function _e() {
+      if (kt(W.dataset) ? D({
         componentName: "VueUiQuadrant",
         type: "dataset"
       }) : W.dataset.forEach((l, u) => {
-        [null, void 0].includes(l.name) && I({
+        [null, void 0].includes(l.name) && D({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "name",
           index: u
-        }), [null, void 0].includes(l.series) ? I({
+        }), [null, void 0].includes(l.series) ? D({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "series",
           index: u
         }) : l.series.forEach((a, s) => {
-          [null, void 0].includes(a.name) && I({
+          [null, void 0].includes(a.name) && D({
             componentName: "VueUiQuadrant",
             type: "datasetSerieAttribute",
             property: "name",
@@ -93,31 +87,31 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           });
         });
       }), t.value.responsive) {
-        const l = wt(() => {
-          const { width: u, height: a } = qt({
-            chart: U.value,
-            title: t.value.style.chart.title.text ? he.value : null,
-            legend: t.value.style.chart.legend.show ? ye.value : null,
-            source: be.value,
-            noTitle: fe.value
+        const l = At(() => {
+          const { width: u, height: a } = Mt({
+            chart: G.value,
+            title: t.value.style.chart.title.text ? be.value : null,
+            legend: t.value.style.chart.legend.show ? fe.value : null,
+            source: pe.value,
+            noTitle: ge.value
           });
           k.value = 48, requestAnimationFrame(() => {
             e.value.height = a, e.value.usableHeight = a - k.value * 2, e.value.width = u, e.value.usableWidth = u - k.value * 2, e.value.top = k.value, e.value.left = k.value, e.value.right = u - k.value, e.value.bottom = a - k.value, e.value.centerX = u / 2, e.value.centerY = a - a / 2, e.value.padding = k.value;
           });
         });
-        Z.value = new ResizeObserver(l), Z.value.observe(U.value.parentNode);
+        A.value && (F.value && A.value.unobserve(F.value), A.value.disconnect()), A.value = new ResizeObserver(l), F.value = G.value.parentNode, A.value.observe(F.value);
       }
     }
-    ut(() => {
-      we();
-    }), ot(() => {
-      Z.value && Z.value.disconnect();
+    yt(() => {
+      _e();
+    }), bt(() => {
+      A.value && (F.value && A.value.unobserve(F.value), A.value.disconnect());
     });
-    const { isPrinting: qe, isImaging: _e, generatePdf: Ce, generateImage: Se } = Ct({
+    const { isPrinting: Ce, isImaging: Se, generatePdf: ze, generateImage: Te } = Nt({
       elementId: `vue-ui-quadrant_${z.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-quadrant",
       options: t.value.userOptions.print
-    }), je = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), ze = g(() => ht(t.value.customPalette)), $ = y({
+    }), rt = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), We = g(() => Lt(t.value.customPalette)), $ = y({
       plotLabels: {
         show: t.value.style.chart.layout.labels.plotLabels.show
       },
@@ -135,24 +129,24 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
       centerX: t.value.style.chart.width / 2,
       centerY: t.value.style.chart.height - t.value.style.chart.height / 2,
       padding: k.value
-    }), i = y({
+    }), v = y({
       ...JSON.parse(JSON.stringify(e.value)),
       startX: 0,
       startY: 0
     });
-    Pe(() => e.value, (l) => {
-      l && (i.value = {
+    Ie(() => e.value, (l) => {
+      l && (v.value = {
         ...JSON.parse(JSON.stringify(e.value)),
         startX: 0,
         startY: 0
       });
     }, { deep: !0 });
-    const v = y(null), V = g(() => {
-      switch (v.value) {
+    const d = y(null), P = g(() => {
+      switch (d.value) {
         case "TL":
           return {
-            x: i.value.startX + i.value.width / 2,
-            y: i.value.height,
+            x: v.value.startX + v.value.width / 2,
+            y: v.value.height,
             text: t.value.style.chart.layout.labels.quadrantLabels.tl.text || "Top Left",
             fontSize: t.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
             fill: t.value.style.chart.layout.labels.quadrantLabels.tl.color,
@@ -160,8 +154,8 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           };
         case "TR":
           return {
-            x: i.value.startX + i.value.width / 2,
-            y: i.value.height,
+            x: v.value.startX + v.value.width / 2,
+            y: v.value.height,
             text: t.value.style.chart.layout.labels.quadrantLabels.tr.text || "Top Right",
             fontSize: t.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
             fill: t.value.style.chart.layout.labels.quadrantLabels.tr.color,
@@ -169,8 +163,8 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           };
         case "BR":
           return {
-            x: i.value.startX + i.value.width / 2,
-            y: i.value.height * 1.678,
+            x: v.value.startX + v.value.width / 2,
+            y: v.value.height * 1.678,
             text: t.value.style.chart.layout.labels.quadrantLabels.br.text || "Bottom Right",
             fontSize: t.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
             fill: t.value.style.chart.layout.labels.quadrantLabels.br.color,
@@ -178,8 +172,8 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           };
         case "BL":
           return {
-            x: i.value.startX + i.value.width / 2,
-            y: i.value.height * 1.678,
+            x: v.value.startX + v.value.width / 2,
+            y: v.value.height * 1.678,
             text: t.value.style.chart.layout.labels.quadrantLabels.bl.text || "Bottom Left",
             fontSize: t.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
             fill: t.value.style.chart.layout.labels.quadrantLabels.bl.color,
@@ -188,34 +182,34 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         default:
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
-    }), Ze = y(null), K = y(!1);
-    function D({ targetX: l, targetY: u, targetW: a, targetH: s, side: r }) {
-      v.value && Q(r);
+    }), nt = y(null), te = y(!1);
+    function Q({ targetX: l, targetY: u, targetW: a, targetH: s, side: r }) {
+      d.value && Z(r);
       const b = {
-        x: l - i.value.startX,
-        y: u - i.value.startY,
-        w: a - i.value.width,
-        h: s - i.value.height
+        x: l - v.value.startX,
+        y: u - v.value.startY,
+        w: a - v.value.width,
+        h: s - v.value.height
       }, f = t.value.zoomAnimationFrames;
       let X = 0;
-      function Fe() {
-        K.value = !0, i.value.startX += b.x / f, i.value.startY += b.y / f, i.value.width += b.w / f, i.value.height += b.h / f, X += 1, X < f ? Ze.value = requestAnimationFrame(Fe) : K.value = !1;
+      function He() {
+        te.value = !0, v.value.startX += b.x / f, v.value.startY += b.y / f, v.value.width += b.w / f, v.value.height += b.h / f, X += 1, X < f ? nt.value = requestAnimationFrame(He) : te.value = !1;
       }
-      Fe();
+      He();
     }
-    function A(l) {
-      if (!K.value)
-        if (p.value && v.value === l)
-          D({
+    function M(l) {
+      if (!te.value)
+        if (p.value && d.value === l)
+          Q({
             targetX: 0,
             targetY: 0,
             targetW: e.value.width,
             targetH: e.value.height
-          }), v.value = null, p.value = !1;
+          }), d.value = null, p.value = !1;
         else {
-          switch (v.value = l, l) {
+          switch (d.value = l, l) {
             case "TL":
-              D({
+              Q({
                 targetX: 0,
                 targetY: 0,
                 targetW: e.value.width / 2 + e.value.left,
@@ -224,7 +218,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
               });
               break;
             case "TR":
-              D({
+              Q({
                 targetX: e.value.width / 2 - e.value.left,
                 targetY: 0,
                 targetW: e.value.width / 2 + e.value.left,
@@ -233,7 +227,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
               });
               break;
             case "BR":
-              D({
+              Q({
                 targetX: e.value.width / 2 - e.value.left,
                 targetY: e.value.height / 2 - e.value.top,
                 targetW: e.value.width / 2 + e.value.left,
@@ -242,7 +236,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
               });
               break;
             case "BL":
-              D({
+              Q({
                 targetX: 0,
                 targetY: e.value.height / 2 - e.value.top,
                 targetW: e.value.width / 2 + e.value.left,
@@ -251,13 +245,13 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
               });
               break;
             default:
-              i.value.startX = 0, i.value.startY = 0, i.value.width = e.value.width, i.value.height = e.value.height;
+              v.value.startX = 0, v.value.startY = 0, v.value.width = e.value.width, v.value.height = e.value.height;
               break;
           }
           p.value = !0;
         }
     }
-    const Ke = g(() => {
+    const it = g(() => {
       const l = t.value.style.chart.layout.grid.graduations.steps, u = e.value.usableWidth / (l * 2), a = e.value.top, s = [];
       for (let r = 0; r < l; r += 1)
         s.push({
@@ -270,7 +264,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
       return s;
     }), _ = 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((b) => b.x))), u = Math.min(...B.value.flatMap((r) => r.series.map((b) => b.x)))), t.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...B.value.flatMap((r) => r.series.map((b) => b.y))), s = Math.min(...B.value.flatMap((r) => r.series.map((b) => b.y)))), {
+      return t.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...H.value.flatMap((r) => r.series.map((b) => b.x))), u = Math.min(...H.value.flatMap((r) => r.series.map((b) => b.x)))), t.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...H.value.flatMap((r) => r.series.map((b) => b.y))), s = Math.min(...H.value.flatMap((r) => r.series.map((b) => b.y)))), {
         x: {
           max: l,
           min: u
@@ -280,37 +274,37 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           min: s
         }
       };
-    }), M = y([]), B = g(() => W.dataset.map((l, u) => ({
+    }), N = y([]), H = g(() => W.dataset.map((l, u) => ({
       ...l,
-      series: bt({
+      series: qt({
         data: l.series,
         threshold: t.value.downsample.threshold
       }),
       id: `cat_${u}_${z.value}`,
-      color: yt(l.color) || ze.value[u] || de[u]
-    }))), et = g(() => B.value.filter((l) => !M.value.includes(l.id))), tt = g(() => B.value.map((l, u) => ({
+      color: wt(l.color) || We.value[u] || he[u]
+    }))), vt = g(() => H.value.filter((l) => !N.value.includes(l.id))), dt = g(() => H.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
         ...a,
-        x: Te(a.x),
-        y: We(a.y),
+        x: Xe(a.x),
+        y: Ye(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: Ye({ x: a.x, y: a.y }),
+        quadrantSide: Me({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color
       }))
     }))), S = g(() => (W.dataset.forEach((l, u) => {
       l.series.forEach((a, s) => {
-        [null, void 0].includes(a.x) && I({
+        [null, void 0].includes(a.x) && D({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "x",
           key: "series",
           index: s
-        }), [null, void 0].includes(a.y) && I({
+        }), [null, void 0].includes(a.y) && D({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "y",
@@ -318,24 +312,24 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           index: s
         });
       });
-    }), et.value.map((l, u) => ({
+    }), vt.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
-      color: l.color || ze.value[u] || de[u],
+      color: l.color || We.value[u] || he[u],
       series: l.series.map((a) => ({
         ...a,
-        x: Te(a.x),
-        y: We(a.y),
+        x: Xe(a.x),
+        y: Ye(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: Ye({ x: a.x, y: a.y }),
+        quadrantSide: Me({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color,
-        uid: He()
+        uid: Ue()
       }))
     }))));
-    function Te(l) {
+    function Xe(l) {
       if (l >= 0) {
         const u = l / _.value.x.max;
         return e.value.centerX + e.value.usableWidth / 2 * u;
@@ -344,7 +338,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         return e.value.centerX - e.value.usableWidth / 2 * u;
       }
     }
-    function We(l) {
+    function Ye(l) {
       if (l >= 0) {
         const u = l / _.value.y.max;
         return e.value.centerY + (1 - e.value.usableHeight / 2 * u);
@@ -353,7 +347,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         return e.value.centerY - (1 - e.value.usableHeight / 2 * u);
       }
     }
-    const ee = g(() => {
+    const le = g(() => {
       const l = S.value.flatMap((f) => f.series.map((X) => ({
         x: X.xValue,
         y: X.yValue,
@@ -368,26 +362,26 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         color: f.color
       }));
       return { head: s, body: r, itsShapes: b, tableData: l };
-    }), te = g(() => {
-      const l = ee.value.head, u = ee.value.tableData.map((s) => [
+    }), ae = g(() => {
+      const l = le.value.head, u = le.value.tableData.map((s) => [
         {
           shape: s.shape,
           color: s.color,
           name: s.category
         },
         s.name,
-        O(
+        R(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           s.x,
-          R({
+          V({
             v: s.x,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        O(
+        R(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           s.y,
-          R({
+          V({
             v: s.y,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
@@ -408,20 +402,20 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
       };
       return { head: l, body: u, config: a, colNames: l };
     });
-    function re(l) {
-      M.value.includes(l) ? M.value = M.value.filter((a) => a !== l) : M.value.push(l);
-      const u = Ne();
-      ue("selectLegend", u);
+    function ie(l) {
+      N.value.includes(l) ? N.value = N.value.filter((a) => a !== l) : N.value.push(l);
+      const u = Re();
+      se("selectLegend", u);
     }
-    const Xe = g(() => tt.value.map((l) => ({
+    const Ae = g(() => dt.value.map((l) => ({
       name: l.name,
       shape: l.shape,
       color: l.color,
       id: l.id,
-      opacity: M.value.includes(l.id) ? 0.5 : 1,
-      segregate: () => re(l.id),
-      isSegregated: M.value.includes(l.id)
-    }))), lt = g(() => ({
+      opacity: N.value.includes(l.id) ? 0.5 : 1,
+      segregate: () => ie(l.id),
+      isSegregated: N.value.includes(l.id)
+    }))), ct = g(() => ({
       cy: "quadrant-div-legend",
       backgroundColor: t.value.style.chart.legend.backgroundColor,
       color: t.value.style.chart.legend.color,
@@ -429,7 +423,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
       paddingBottom: 12,
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Ye(l) {
+    function Me(l) {
       switch (!0) {
         case (l.x >= 0 && l.y >= 0):
           return "tr";
@@ -443,25 +437,25 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           return "";
       }
     }
-    const E = y(null), G = y(null), ne = y(null);
-    function Ae(l, u, a) {
-      E.value = u.uid, G.value = {
+    const J = y(null), j = y(null), ve = y(null);
+    function Ne(l, u, a) {
+      J.value = u.uid, j.value = {
         color: l.color,
         shape: l.shape
-      }, ne.value = {
+      }, ve.value = {
         datapoint: u,
         seriesIndex: a,
         series: S.value,
         config: t.value
-      }, j.value = !0;
+      }, ee.value = !0;
       const s = t.value.style.chart.tooltip.customFormat;
-      if (kt(s) && Lt(() => s({
+      if (Xt(s) && Yt(() => s({
         seriesIndex: a,
         datapoint: u,
         series: S.value,
         config: t.value
       })))
-        oe.value = s({
+        re.value = s({
           seriesIndex: a,
           datapoint: u,
           series: S.value,
@@ -469,26 +463,26 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         });
       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>${O(
+        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>${R(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           u.xValue,
-          R({
+          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>${O(
+        )}</b></div>`, r += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${R(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           u.yValue,
-          R({
+          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>`;
+        )}</b></div>`, re.value = `<div style="text-align:left;font-size:${t.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
-    function Me(l, u) {
+    function Oe(l, u) {
       const a = {
         category: l.name,
         shape: l.shape,
@@ -498,9 +492,9 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         quadrantSide: u.quadrantSide,
         sideName: t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text
       };
-      ue("selectPlot", a);
+      se("selectPlot", a);
     }
-    function Q(l) {
+    function Z(l) {
       if (!l) return;
       const u = S.value.flatMap((s) => s.series.filter((r) => r.quadrantSide === l).map((r) => ({
         category: r.categoryName,
@@ -512,7 +506,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         sideName: t.value.style.chart.layout.labels.quadrantLabels[l].text,
         items: [...u]
       };
-      ue("selectSide", a);
+      se("selectSide", a);
     }
     const w = g(() => ({
       TL: {
@@ -620,7 +614,7 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         }
       }
     }));
-    function Ne() {
+    function Re() {
       return S.value.map((l) => ({
         color: l.color,
         name: l.name,
@@ -634,70 +628,70 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         }))
       }));
     }
-    function Oe() {
-      nt(() => {
-        const l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], u = ee.value.head, a = ee.value.body, s = l.concat([u]).concat(a), r = xt(s);
-        $t({ csvContent: r, title: t.value.style.chart.title.text || "vue-ui-quadrant" });
+    function Ve() {
+      gt(() => {
+        const l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], u = le.value.head, a = le.value.body, s = l.concat([u]).concat(a), r = Tt(s);
+        Wt({ csvContent: r, title: t.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
-    const F = y(!1);
-    function at(l) {
-      F.value = l, ce.value += 1;
+    const I = y(!1);
+    function ht(l) {
+      I.value = l, ye.value += 1;
     }
-    function Re() {
+    function Pe() {
       $.value.showTable = !$.value.showTable;
     }
-    function Ve() {
+    function Be() {
       $.value.plotLabels.show = !$.value.plotLabels.show;
     }
-    function Be() {
+    function Fe() {
       $.value.showTooltip = !$.value.showTooltip;
     }
-    const le = y(!1);
-    function ie() {
-      le.value = !le.value;
+    const ue = y(!1);
+    function de() {
+      ue.value = !ue.value;
     }
-    return Ee({
-      getData: Ne,
-      generatePdf: Ce,
-      generateCsv: Oe,
-      generateImage: Se,
-      toggleTable: Re,
-      toggleLabels: Ve,
-      toggleTooltip: Be,
-      toggleAnnotator: ie
+    return Je({
+      getData: Re,
+      generatePdf: ze,
+      generateCsv: Ve,
+      generateImage: Te,
+      toggleTable: Pe,
+      toggleLabels: Be,
+      toggleTooltip: Fe,
+      toggleAnnotator: de
     }), (l, u) => (o(), n("div", {
-      class: T(`vue-ui-quadrant ${F.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: T(`vue-ui-quadrant ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
-      ref: U,
+      ref: G,
       id: `vue-ui-quadrant_${z.value}`,
       style: q(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: u[16] || (u[16] = () => h(xe)(!0)),
-      onMouseleave: u[17] || (u[17] = () => h(xe)(!1))
+      onMouseenter: u[16] || (u[16] = () => i(ke)(!0)),
+      onMouseleave: u[17] || (u[17] = () => i(ke)(!1))
     }, [
-      t.value.userOptions.buttons.annotator ? (o(), N(Mt, {
+      t.value.userOptions.buttons.annotator ? (o(), O(i(Ke), {
         key: 0,
-        svgRef: h(ke),
+        svgRef: i(we),
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        active: le.value,
-        onClose: ie
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      je.value ? (o(), n("div", {
+        active: ue.value,
+        onClose: de
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
+      rt.value ? (o(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: fe,
+        ref: ge,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : c("", !0),
+      }, null, 512)) : h("", !0),
       t.value.style.chart.title.text ? (o(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: he,
+        ref: be,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (o(), N(_t, {
-          key: `table_${pe.value}`,
+        (o(), O(Vt, {
+          key: `table_${me.value}`,
           config: {
             title: {
               cy: "quadrant-title",
@@ -709,15 +703,15 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : c("", !0),
-      t.value.userOptions.show && J.value && (h($e) || h(se)) ? (o(), N(St, {
+      ], 512)) : h("", !0),
+      t.value.userOptions.show && K.value && (i(Le) || i(ne)) ? (o(), O(i(at), {
         ref_key: "details",
-        ref: Je,
-        key: `user_options_${ce.value}`,
+        ref: st,
+        key: `user_options_${ye.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isImaging: h(_e),
-        isPrinting: h(qe),
+        isImaging: i(Se),
+        isPrinting: i(Ce),
         uid: z.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -726,29 +720,29 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         hasTable: t.value.userOptions.buttons.table,
         hasLabel: t.value.userOptions.buttons.labels,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
-        isFullscreen: F.value,
+        isFullscreen: I.value,
         isTooltip: $.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: U.value,
+        chartElement: G.value,
         position: t.value.userOptions.position,
         hasAnnotator: t.value.userOptions.buttons.annotator,
-        isAnnotation: le.value,
-        onToggleFullscreen: at,
-        onGeneratePdf: h(Ce),
-        onGenerateCsv: Oe,
-        onGenerateImage: h(Se),
-        onToggleTable: Re,
-        onToggleLabels: Ve,
-        onToggleTooltip: Be,
-        onToggleAnnotator: ie,
+        isAnnotation: ue.value,
+        onToggleFullscreen: ht,
+        onGeneratePdf: i(ze),
+        onGenerateCsv: Ve,
+        onGenerateImage: i(Te),
+        onToggleTable: Pe,
+        onToggleLabels: Be,
+        onToggleTooltip: Fe,
+        onToggleAnnotator: de,
         style: q({
-          visibility: h($e) ? h(se) ? "visible" : "hidden" : "visible"
+          visibility: i(Le) ? i(ne) ? "visible" : "hidden" : "visible"
         })
-      }, st({ _: 2 }, [
+      }, ft({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: a, color: s }) => [
-            x(l.$slots, "menuIcon", P(H({ isOpen: a, color: s })), void 0, !0)
+            x(l.$slots, "menuIcon", E(U({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -797,42 +791,42 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: a, isFullscreen: s }) => [
-            x(l.$slots, "optionFullscreen", P(H({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            x(l.$slots, "optionFullscreen", E(U({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: a, isAnnotator: s }) => [
-            x(l.$slots, "optionAnnotator", P(H({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+            x(l.$slots, "optionAnnotator", E(U({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      J.value ? (o(), n("svg", {
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      K.value ? (o(), n("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: ke,
-        xmlns: h(ft),
-        class: T({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value }),
-        viewBox: `${i.value.startX} ${i.value.startY} ${i.value.width} ${i.value.height}`,
+        ref: we,
+        xmlns: i(_t),
+        class: T({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
+        viewBox: `${v.value.startX} ${v.value.startY} ${v.value.width} ${v.value.height}`,
         style: q(`max-width:100%;overflow:${p.value ? "hidden" : "visible"};background:transparent;color:${t.value.style.chart.color}`),
         id: `svg_${z.value}`
       }, [
-        ve(At),
+        ce(i(ut)),
         l.$slots["chart-background"] ? (o(), n("foreignObject", {
           key: 0,
-          x: i.value.startX,
-          y: i.value.startY,
-          width: i.value.width,
-          height: i.value.height,
+          x: v.value.startX,
+          y: v.value.startY,
+          width: v.value.width,
+          height: v.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           x(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ft)) : c("", !0),
-        d("defs", null, [
+        ], 8, It)) : h("", !0),
+        c("defs", null, [
           (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
@@ -841,19 +835,19 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
             fy: "50%",
             id: `quadrant_gradient_${z.value}_${s}`
           }, [
-            d("stop", {
+            c("stop", {
               offset: "0%",
-              "stop-color": h(ae)(h(pt)(a.color, 0.05), t.value.style.chart.layout.areas.opacity)
-            }, null, 8, Ht),
-            d("stop", {
+              "stop-color": i(oe)(i(Ct)(a.color, 0.05), t.value.style.chart.layout.areas.opacity)
+            }, null, 8, Ut),
+            c("stop", {
               offset: "100%",
-              "stop-color": h(ae)(a.color, t.value.style.chart.layout.areas.opacity)
-            }, null, 8, It)
-          ], 8, Pt))), 256))
+              "stop-color": i(oe)(a.color, t.value.style.chart.layout.areas.opacity)
+            }, null, 8, Dt)
+          ], 8, Et))), 256))
         ]),
-        t.value.style.chart.layout.grid.graduations.show ? (o(), n("g", Ut, [
-          (o(!0), n(C, null, Y(Ke.value, (a) => (o(), n("rect", {
-            fill: t.value.style.chart.layout.grid.graduations.fill ? h(ae)(t.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
+        t.value.style.chart.layout.grid.graduations.show ? (o(), n("g", Gt, [
+          (o(!0), n(C, null, Y(it.value, (a) => (o(), n("rect", {
+            fill: t.value.style.chart.layout.grid.graduations.fill ? i(oe)(t.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
             x: a.x,
             y: a.y,
             height: a.height <= 0 ? 1e-3 : a.height,
@@ -861,47 +855,47 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
             "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, Dt))), 256))
-        ])) : c("", !0),
-        d("line", {
+          }, null, 8, Qt))), 256))
+        ])) : h("", !0),
+        c("line", {
           x1: e.value.left,
           y1: e.value.centerY,
           x2: e.value.right,
           y2: e.value.centerY,
           stroke: t.value.style.chart.layout.grid.stroke,
           "stroke-width": t.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, Et),
-        d("line", {
+        }, null, 8, Jt),
+        c("line", {
           x1: e.value.centerX,
           y1: e.value.top,
           x2: e.value.centerX,
           y2: e.value.bottom,
           stroke: t.value.style.chart.layout.grid.stroke,
           "stroke-width": t.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, Gt),
-        t.value.style.chart.layout.grid.showArrows ? (o(), n("g", Qt, [
-          d("polygon", {
+        }, null, 8, jt),
+        t.value.style.chart.layout.grid.showArrows ? (o(), n("g", Zt, [
+          c("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, Jt),
-          d("polygon", {
+          }, null, 8, Kt),
+          c("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, jt),
-          d("polygon", {
+          }, null, 8, el),
+          c("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),
-          d("polygon", {
+          }, null, 8, tl),
+          c("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, Kt)
-        ])) : c("", !0),
-        t.value.style.chart.layout.labels.quadrantLabels.show && !p.value ? (o(), n("g", el, [
+          }, null, 8, ll)
+        ])) : h("", !0),
+        t.value.style.chart.layout.labels.quadrantLabels.show && !p.value ? (o(), n("g", al, [
           t.value.style.chart.layout.labels.quadrantLabels.tl.text ? (o(), n("text", {
             key: 0,
             x: 0,
@@ -910,8 +904,8 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.tl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
-            onClick: u[0] || (u[0] = (a) => Q("tl"))
-          }, L(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, tl)) : c("", !0),
+            onClick: u[0] || (u[0] = (a) => Z("tl"))
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, ul)) : h("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (o(), n("text", {
             key: 1,
             x: e.value.width,
@@ -920,8 +914,8 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.tr.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
-            onClick: u[1] || (u[1] = (a) => Q("tr"))
-          }, L(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, ll)) : c("", !0),
+            onClick: u[1] || (u[1] = (a) => Z("tr"))
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, ol)) : h("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.br.text ? (o(), n("text", {
             key: 2,
             x: e.value.width,
@@ -930,8 +924,8 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.br.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
-            onClick: u[2] || (u[2] = (a) => Q("br"))
-          }, L(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, al)) : c("", !0),
+            onClick: u[2] || (u[2] = (a) => Z("br"))
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, sl)) : h("", !0),
           t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (o(), n("text", {
             key: 3,
             x: 0,
@@ -940,131 +934,131 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.quadrantLabels.bl.color,
             "font-size": t.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
-            onClick: u[3] || (u[3] = (a) => Q("bl"))
-          }, L(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, ul)) : c("", !0)
-        ])) : c("", !0),
-        t.value.style.chart.layout.labels.axisLabels.show ? (o(), n("g", ol, [
-          d("text", {
+            onClick: u[3] || (u[3] = (a) => Z("bl"))
+          }, L(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, rl)) : h("", !0)
+        ])) : h("", !0),
+        t.value.style.chart.layout.labels.axisLabels.show ? (o(), n("g", nl, [
+          c("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
-          }, L(h(O)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.max,
-            h(R)({
+            i(V)({
               v: _.value.y.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, sl),
-          d("text", {
+          )), 9, il),
+          c("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
-          }, L(t.value.style.chart.layout.grid.yAxis.name), 9, rl),
-          d("text", {
+          }, L(t.value.style.chart.layout.grid.yAxis.name), 9, vl),
+          c("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
-          }, L(h(O)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.min,
-            h(R)({
+            i(V)({
               v: _.value.y.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, nl),
-          d("text", {
+          )), 9, dl),
+          c("text", {
             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
-          }, L(h(O)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.min,
-            h(R)({
+            i(V)({
               v: _.value.x.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, il),
-          d("text", {
+          )), 9, cl),
+          c("text", {
             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
-          }, L(h(O)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.max,
-            h(R)({
+            i(V)({
               v: _.value.x.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, vl),
-          d("text", {
+          )), 9, hl),
+          c("text", {
             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
-          }, L(t.value.style.chart.layout.grid.xAxis.name), 9, dl)
-        ])) : c("", !0),
-        t.value.style.chart.layout.areas.show ? (o(), n("g", cl, [
+          }, L(t.value.style.chart.layout.grid.xAxis.name), 9, yl)
+        ])) : h("", !0),
+        t.value.style.chart.layout.areas.show ? (o(), n("g", bl, [
           (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n("g", null, [
             a.series.length > 2 ? (o(), n("polygon", {
               key: 0,
               "data-cy-quadrant-area": "",
-              fill: t.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${z.value}_${s})` : h(ae)(a.color, t.value.style.chart.layout.areas.opacity),
-              points: h(gt)(a)
-            }, null, 8, hl)) : c("", !0)
+              fill: t.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${z.value}_${s})` : i(oe)(a.color, t.value.style.chart.layout.areas.opacity),
+              points: i(St)(a)
+            }, null, 8, fl)) : h("", !0)
           ]))), 256))
-        ])) : c("", !0),
-        d("g", null, [
-          d("rect", {
-            onClick: u[4] || (u[4] = (a) => A("TL")),
+        ])) : h("", !0),
+        c("g", null, [
+          c("rect", {
+            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: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
-          }, null, 10, yl),
-          d("rect", {
-            onClick: u[5] || (u[5] = (a) => A("TR")),
+          }, null, 10, pl),
+          c("rect", {
+            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: T({ "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) => A("BR")),
+          }, null, 10, gl),
+          c("rect", {
+            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: T({ "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) => A("BL")),
+          }, null, 10, ml),
+          c("rect", {
+            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: T({ "vue-data-ui-zoom-plus": !p.value, "vue-data-ui-zoom-minus": p.value })
-          }, null, 10, pl)
+          }, null, 10, xl)
         ]),
         t.value.style.chart.layout.labels.plotLabels.showAsTag ? (o(), n(C, { key: 7 }, [
-          $.value.plotLabels.show ? (o(), n("g", xl, [
+          $.value.plotLabels.show ? (o(), n("g", Ll, [
             (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n(C, null, [
               (o(!0), n(C, null, Y(a.series, (r) => (o(), n("foreignObject", {
                 style: { overflow: "visible" },
@@ -1072,36 +1066,36 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
                 width: "100",
                 x: r.x - 50,
                 y: r.y - t.value.style.chart.layout.labels.plotLabels.fontSize,
-                onMouseover: (b) => Ae(a, r, s),
+                onMouseover: (b) => Ne(a, r, s),
                 onMouseleave: u[9] || (u[9] = (b) => {
-                  j.value = !1, E.value = null, G.value = null;
+                  ee.value = !1, J.value = null, j.value = null;
                 }),
-                onClick: (b) => Me(a, r)
+                onClick: (b) => Oe(a, r)
               }, [
-                d("div", {
-                  style: q(`color:${h(mt)(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`)
+                c("div", {
+                  style: q(`color:${i(zt)(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`)
                 }, L(r.name), 5)
-              ], 40, $l))), 256))
+              ], 40, wl))), 256))
             ], 64))), 256))
-          ])) : c("", !0)
+          ])) : h("", !0)
         ], 64)) : (o(), n(C, { key: 6 }, [
           (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n("g", null, [
-            (o(!0), n(C, null, Y(a.series, (r) => (o(), N(Ie, {
+            (o(!0), n(C, null, Y(a.series, (r) => (o(), O(Ge, {
               color: a.color,
-              isSelected: E.value && r.uid === E.value,
+              isSelected: J.value && r.uid === J.value,
               plot: r,
               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,
-              onMouseenter: (b) => Ae(a, r, s),
+              onMouseenter: (b) => Ne(a, r, s),
               onMouseleave: u[8] || (u[8] = (b) => {
-                j.value = !1, E.value = null, G.value = null;
+                ee.value = !1, J.value = null, j.value = null;
               }),
-              onClick: (b) => Me(a, r)
+              onClick: (b) => Oe(a, r)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onClick"]))), 256))
           ]))), 256)),
-          $.value.plotLabels.show ? (o(), n("g", gl, [
+          $.value.plotLabels.show ? (o(), n("g", $l, [
             (o(!0), n(C, null, Y(S.value, (a) => (o(), n("g", null, [
               (o(!0), n(C, null, Y(a.series, (s) => (o(), n("text", {
                 x: s.x,
@@ -1109,106 +1103,106 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
                 "text-anchor": "middle",
                 "font-size": t.value.style.chart.layout.labels.plotLabels.fontSize / (p.value ? 1.5 : 1),
                 fill: t.value.style.chart.layout.labels.plotLabels.color
-              }, L(s.name), 9, ml))), 256))
+              }, L(s.name), 9, kl))), 256))
             ]))), 256))
-          ])) : c("", !0)
+          ])) : h("", !0)
         ], 64)),
-        p.value ? (o(), n("g", kl, [
-          v.value === "TL" ? (o(), n("polygon", {
+        p.value ? (o(), n("g", ql, [
+          d.value === "TL" ? (o(), n("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, Ll)) : c("", !0),
-          v.value === "TR" ? (o(), n("polygon", {
+          }, null, 8, _l)) : h("", !0),
+          d.value === "TR" ? (o(), n("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, wl)) : c("", !0),
-          v.value === "BR" ? (o(), n("polygon", {
+          }, null, 8, Cl)) : h("", !0),
+          d.value === "BR" ? (o(), n("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, ql)) : c("", !0),
-          v.value === "BL" ? (o(), n("polygon", {
+          }, null, 8, Sl)) : h("", !0),
+          d.value === "BL" ? (o(), n("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, _l)) : c("", !0)
-        ])) : c("", !0),
-        v.value && !K.value ? (o(), n("g", Cl, [
-          d("text", {
-            x: V.value.x,
-            y: V.value.y - V.value.fontSize / 1.5,
-            "font-size": V.value.fontSize / 1.5,
-            fill: V.value.fill,
+          }, null, 8, zl)) : h("", !0)
+        ])) : h("", !0),
+        d.value && !te.value ? (o(), n("g", Tl, [
+          c("text", {
+            x: P.value.x,
+            y: P.value.y - P.value.fontSize / 1.5,
+            "font-size": P.value.fontSize / 1.5,
+            fill: P.value.fill,
             "text-anchor": "middle",
-            "font-weight": V.value.bold ? "bold" : "normal"
-          }, L(V.value.text), 9, Sl)
-        ])) : c("", !0),
-        p.value && v.value ? (o(), n("g", zl, [
-          d("rect", {
-            x: w.value[v.value].tl.x,
-            y: w.value[v.value].tl.y,
+            "font-weight": P.value.bold ? "bold" : "normal"
+          }, L(P.value.text), 9, Wl)
+        ])) : h("", !0),
+        p.value && d.value ? (o(), n("g", Xl, [
+          c("rect", {
+            x: w.value[d.value].tl.x,
+            y: w.value[d.value].tl.y,
             height: "20",
             width: "20",
-            fill: w.value[v.value].tl.fill,
-            style: q(`cursor: pointer; opacity: ${v.value === "TL" ? 1 : 0.2}`),
-            onClick: u[10] || (u[10] = (a) => A("TL")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "TL" })
-          }, null, 14, Tl),
-          d("rect", {
-            x: w.value[v.value].tr.x,
-            y: w.value[v.value].tr.y,
+            fill: w.value[d.value].tl.fill,
+            style: q(`cursor: pointer; opacity: ${d.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": d.value !== "TL" })
+          }, null, 14, Yl),
+          c("rect", {
+            x: w.value[d.value].tr.x,
+            y: w.value[d.value].tr.y,
             height: "20",
             width: "20",
-            fill: w.value[v.value].tr.fill,
-            style: q(`cursor: pointer; opacity: ${v.value === "TR" ? 1 : 0.2}`),
-            onClick: u[11] || (u[11] = (a) => A("TR")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "TR" })
-          }, null, 14, Wl),
-          d("rect", {
-            x: w.value[v.value].br.x,
-            y: w.value[v.value].br.y,
+            fill: w.value[d.value].tr.fill,
+            style: q(`cursor: pointer; opacity: ${d.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": d.value !== "TR" })
+          }, null, 14, Al),
+          c("rect", {
+            x: w.value[d.value].br.x,
+            y: w.value[d.value].br.y,
             height: "20",
             width: "20",
-            fill: w.value[v.value].br.fill,
-            style: q(`cursor: pointer; opacity: ${v.value === "BR" ? 1 : 0.2}`),
-            onClick: u[12] || (u[12] = (a) => A("BR")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "BR" })
-          }, null, 14, Xl),
-          d("rect", {
-            x: w.value[v.value].bl.x,
-            y: w.value[v.value].bl.y,
+            fill: w.value[d.value].br.fill,
+            style: q(`cursor: pointer; opacity: ${d.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": d.value !== "BR" })
+          }, null, 14, Ml),
+          c("rect", {
+            x: w.value[d.value].bl.x,
+            y: w.value[d.value].bl.y,
             height: "20",
             width: "20",
-            fill: w.value[v.value].bl.fill,
-            style: q(`cursor: pointer; opacity: ${v.value === "BL" ? 1 : 0.2}`),
-            onClick: u[13] || (u[13] = (a) => A("BL")),
-            class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": v.value !== "BL" })
-          }, null, 14, Yl),
-          d("path", {
+            fill: w.value[d.value].bl.fill,
+            style: q(`cursor: pointer; opacity: ${d.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": d.value !== "BL" })
+          }, null, 14, Nl),
+          c("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: w.value[v.value].crosshairs.horizontal
-          }, null, 8, Al),
-          d("path", {
+            d: w.value[d.value].crosshairs.horizontal
+          }, null, 8, Ol),
+          c("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: w.value[v.value].crosshairs.vertical
-          }, null, 8, Ml)
-        ])) : c("", !0),
+            d: w.value[d.value].crosshairs.vertical
+          }, null, 8, Rl)
+        ])) : h("", !0),
         x(l.$slots, "svg", { svg: e.value }, void 0, !0)
-      ], 14, Bt)) : c("", !0),
-      l.$slots.watermark ? (o(), n("div", Nl, [
-        x(l.$slots, "watermark", P(H({ isPrinting: h(qe) || h(_e) })), void 0, !0)
-      ])) : c("", !0),
-      J.value ? c("", !0) : (o(), N(Xt, {
+      ], 14, Ht)) : h("", !0),
+      l.$slots.watermark ? (o(), n("div", Vl, [
+        x(l.$slots, "watermark", E(U({ isPrinting: i(Ce) || i(Se) })), void 0, !0)
+      ])) : h("", !0),
+      K.value ? h("", !0) : (o(), O(i(tt), {
         key: 6,
         config: {
           type: "quadrant",
@@ -1226,38 +1220,38 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
           }
         }
       }, null, 8, ["config"])),
-      d("div", {
+      c("div", {
         ref_key: "chartLegend",
-        ref: ye
+        ref: fe
       }, [
-        t.value.style.chart.legend.show ? (o(), N(Tt, {
-          key: `legend_${me.value}`,
-          legendSet: Xe.value,
-          config: lt.value,
-          onClickMarker: u[14] || (u[14] = ({ legend: a }) => re(a.id))
+        t.value.style.chart.legend.show ? (o(), O(Pt, {
+          key: `legend_${$e.value}`,
+          legendSet: Ae.value,
+          config: ct.value,
+          onClickMarker: u[14] || (u[14] = ({ legend: a }) => ie(a.id))
         }, {
           item: m(({ legend: a }) => [
-            d("div", {
-              onClick: (s) => re(a.id),
-              style: q(`opacity:${M.value.includes(a.id) ? 0.5 : 1}`)
-            }, L(a.name), 13, Ol)
+            c("div", {
+              onClick: (s) => ie(a.id),
+              style: q(`opacity:${N.value.includes(a.id) ? 0.5 : 1}`)
+            }, L(a.name), 13, Pl)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : x(l.$slots, "legend", {
           key: 1,
-          legend: Xe.value
+          legend: Ae.value
         }, void 0, !0)
       ], 512),
       l.$slots.source ? (o(), n("div", {
         key: 7,
         ref_key: "source",
-        ref: be,
+        ref: pe,
         dir: "auto"
       }, [
         x(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : c("", !0),
-      ve(zt, {
-        show: $.value.showTooltip && j.value,
+      ], 512)) : h("", !0),
+      ce(i(lt), {
+        show: $.value.showTooltip && ee.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
         color: t.value.style.chart.tooltip.color,
         borderRadius: t.value.style.chart.tooltip.borderRadius,
@@ -1267,32 +1261,32 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         backgroundOpacity: t.value.style.chart.tooltip.backgroundOpacity,
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
-        parent: U.value,
-        content: oe.value,
-        isFullscreen: F.value,
+        parent: G.value,
+        content: re.value,
+        isFullscreen: I.value,
         isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function"
       }, {
         "tooltip-before": m(() => [
-          x(l.$slots, "tooltip-before", P(H({ ...ne.value })), void 0, !0)
+          x(l.$slots, "tooltip-before", E(U({ ...ve.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          x(l.$slots, "tooltip-after", P(H({ ...ne.value })), void 0, !0)
+          x(l.$slots, "tooltip-after", E(U({ ...ve.value })), void 0, !0)
         ]),
         default: m(() => [
-          t.value.style.chart.tooltip.showShape ? (o(), n("svg", Rl, [
-            ve(Ie, {
+          t.value.style.chart.tooltip.showShape ? (o(), n("svg", Bl, [
+            ce(Ge, {
               plot: { x: 10, y: 10 },
-              shape: G.value.shape,
-              color: G.value.color,
+              shape: j.value.shape,
+              color: j.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
             }, null, 8, ["shape", "color", "stroke", "stroke-width"])
-          ])) : c("", !0)
+          ])) : h("", !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      J.value ? (o(), N(Yt, {
+      K.value ? (o(), O(i(et), {
         key: 8,
         hideDetails: "",
         config: {
@@ -1309,31 +1303,31 @@ const Vt = ["id"], Bt = ["xmlns", "viewBox", "id"], Ft = ["x", "y", "width", "he
         }
       }, {
         content: m(() => [
-          (o(), N(Wt, {
-            key: `table_${ge.value}`,
-            colNames: te.value.colNames,
-            head: te.value.head,
-            body: te.value.body,
-            config: te.value.config,
+          (o(), O(i(Ze), {
+            key: `table_${xe.value}`,
+            colNames: ae.value.colNames,
+            head: ae.value.head,
+            body: ae.value.body,
+            config: ae.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) => $.value.showTable = !1)
           }, {
             th: m(({ th: a }) => [
-              rt(L(a), 1)
+              pt(L(a), 1)
             ]),
             td: m(({ td: a }) => [
-              d("div", {
+              c("div", {
                 innerHTML: a.name || a
-              }, null, 8, Vl)
+              }, null, 8, Fl)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : c("", !0)
-    ], 46, Vt));
+      }, 8, ["config"])) : h("", !0)
+    ], 46, Ft));
   }
-}, ua = /* @__PURE__ */ Rt(Bl, [["__scopeId", "data-v-ef941a62"]]);
+}, ta = /* @__PURE__ */ Bt(Hl, [["__scopeId", "data-v-4b9d5e51"]]);
 export {
-  ua as default
+  ta as default
 };