vue-data-ui 2.17.0 → 2.17.1

package/dist/{vue-ui-quadrant-B13pTVVZ.js → vue-ui-quadrant-DiRtZ16w.js}

@@ -1,14 +1,14 @@
-import { defineAsyncComponent as F, computed as g, ref as y, watch as Ee, shallowRef as Ue, onMounted as bt, onBeforeUnmount as ft, createElementBlock as r, openBlock as s, unref as i, normalizeStyle as q, normalizeClass as T, createBlock as O, createCommentVNode as h, createElementVNode as d, createVNode as de, createSlots as pt, withCtx as m, renderSlot as x, normalizeProps as U, guardReactiveProps as D, Fragment as S, renderList as Y, toDisplayString as L, createTextVNode as gt, nextTick as mt } from "vue";
-import { u as xt, c as De, t as $t, p as he, a as kt, o as Lt, e as G, b as wt, d as qt, Y as _t, i as R, f as V, X as St, s as oe, w as Ct, Z as zt, I as Tt, F as Xt, q as Wt, r as Yt, x as At, y as Mt } from "./index-pPGk-uhD.js";
+import { defineAsyncComponent as F, computed as g, ref as y, watch as Ee, shallowRef as Ue, onMounted as bt, onBeforeUnmount as ft, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as q, normalizeClass as T, createBlock as R, createCommentVNode as h, createElementVNode as d, createVNode as de, createSlots as pt, withCtx as m, renderSlot as x, normalizeProps as U, guardReactiveProps as D, Fragment as S, renderList as Y, toDisplayString as L, createTextVNode as gt, nextTick as mt } from "vue";
+import { u as xt, c as De, t as $t, p as he, a as kt, o as Lt, e as G, b as wt, d as qt, Y as _t, i as V, f as B, X as St, s as oe, w as Ct, Z as zt, I as Tt, F as Xt, q as Wt, r as Yt, x as At, y as Mt } from "./index-CobsZUkv.js";
 import { t as Nt, u as Ot } from "./useResponsive-DfdjqQps.js";
-import { u as Ge } from "./useNestedProp-DjACxgdZ.js";
-import { u as Rt } from "./usePrinter-DDHcrl0A.js";
+import { u as Ge } from "./useNestedProp-BwL5wmVa.js";
+import { u as Rt } from "./usePrinter-DPh6U_Qk.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Pt } from "./useChartAccessibility-9icAAmYg.js";
-import Bt from "./Title-B-2bV0SW.js";
-import Ft from "./Legend-Bxlv67uY.js";
-import { _ as Qe } from "./Shape-DtFT5EJa.js";
-import Ht from "./img-Y_hYz-ZC.js";
+import { u as Bt } from "./useChartAccessibility-9icAAmYg.js";
+import Pt from "./Title-DpERl1yr.js";
+import Ft from "./Legend-3LNqqLDg.js";
+import { _ as Qe } from "./Shape-C75836Jl.js";
+import Ht from "./img-utitT2Gd.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "height"], Gt = ["id"], Qt = ["stop-color"], Jt = ["stop-color"], jt = { key: 1 }, Zt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Kt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], el = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], tl = { key: 2 }, ll = ["points", "fill"], al = ["points", "fill"], ul = ["points", "fill"], ol = ["points", "fill"], sl = { key: 3 }, rl = ["y", "fill", "font-size"], nl = ["x", "y", "fill", "font-size"], il = ["x", "y", "fill", "font-size"], vl = ["y", "fill", "font-size"], cl = { key: 4 }, dl = ["x", "y", "font-size", "fill"], hl = ["x", "y", "font-size", "fill"], yl = ["x", "y", "font-size", "fill"], bl = ["id", "font-size", "transform", "fill"], fl = ["id", "font-size", "transform", "fill"], pl = ["id", "font-size", "transform", "fill"], gl = { key: 5 }, ml = ["fill", "points"], xl = ["x", "y", "width", "height"], $l = ["x", "y", "width", "height"], kl = ["x", "y", "width", "height"], Ll = ["x", "y", "width", "height"], wl = {
   key: 0,
@@ -16,7 +16,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
 }, ql = ["x", "y", "font-size", "fill"], _l = ["x", "y", "font-size", "fill", "innerHTML"], Sl = { key: 0 }, Cl = ["x", "y", "onMouseover", "onClick"], zl = {
   key: 8,
   class: "vue-ui-dna"
-}, Tl = ["points", "fill"], Xl = ["points", "fill"], Wl = ["points", "fill"], Yl = ["points", "fill"], Al = { key: 9 }, Ml = ["x", "y", "font-size", "fill", "font-weight"], Nl = { key: 10 }, Ol = ["x", "y", "fill"], Rl = ["x", "y", "fill"], Vl = ["x", "y", "fill"], Pl = ["x", "y", "fill"], Bl = ["stroke", "d"], Fl = ["stroke", "d"], Hl = {
+}, Tl = ["points", "fill"], Xl = ["points", "fill"], Wl = ["points", "fill"], Yl = ["points", "fill"], Al = { key: 9 }, Ml = ["x", "y", "font-size", "fill", "font-weight"], Nl = { key: 10 }, Ol = ["x", "y", "fill"], Rl = ["x", "y", "fill"], Vl = ["x", "y", "fill"], Bl = ["x", "y", "fill"], Pl = ["stroke", "d"], Fl = ["stroke", "d"], Hl = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Il = ["onClick"], El = {
@@ -42,10 +42,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(Je, { expose: je, emit: Ze }) {
-    const Ke = F(() => import("./DataTable-D0VYDhfx.js")), et = F(() => import("./PenAndPaper-D6AqipIO.js")), tt = F(() => import("./vue-ui-accordion-CVnA550V.js")), lt = F(() => import("./vue-ui-skeleton-DJPjyNYn.js")), at = F(() => import("./Tooltip-CoQnTnr-.js")), ut = F(() => import("./UserOptions-Dd34lEKb.js")), ot = F(() => import("./PackageVersion-5TR4ocqp.js")), { vue_ui_quadrant: st } = xt(), X = Je, K = g(() => !!X.dataset && X.dataset.length), z = y(De()), se = Ze, rt = y(null), ee = y(!1), re = y(""), ye = y(0), f = y(!1), P = 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({
+    const Ke = F(() => import("./DataTable-Dt-TIOyY.js")), et = F(() => import("./PenAndPaper-Cde-wJ3N.js")), tt = F(() => import("./vue-ui-accordion-UewqY6OI.js")), lt = F(() => import("./vue-ui-skeleton-8s4xts8z.js")), at = F(() => import("./Tooltip-DA0bYKFG.js")), ut = F(() => import("./UserOptions-DTEJ3UM_.js")), ot = F(() => import("./PackageVersion-C-4Ee8BQ.js")), { vue_ui_quadrant: st } = xt(), X = Je, K = g(() => !!X.dataset && X.dataset.length), z = y(De()), se = Ze, rt = y(null), ee = y(!1), re = y(""), ye = y(0), f = y(!1), A = 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: ne, setUserOptionsVisibility: ke, keepUserOptionState: Le } = Vt({ config: t.value }), { svgRef: we } = Pt({ config: t.value.style.chart.title });
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: ke, keepUserOptionState: Le } = Vt({ config: t.value }), { svgRef: we } = Bt({ config: t.value.style.chart.title });
     function qe() {
       const l = Ge({
         userConfig: X.config,
@@ -62,7 +62,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
     Ee(() => X.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 A = Ue(null), H = Ue(null);
+    const M = Ue(null), H = Ue(null);
     function _e() {
       if (Lt(X.dataset) ? G({
         componentName: "VueUiQuadrant",
@@ -90,7 +90,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       }), t.value.responsive) {
         const l = Nt(() => {
           const { width: u, height: a } = Ot({
-            chart: P.value,
+            chart: A.value,
             title: t.value.style.chart.title.text ? be.value : null,
             legend: t.value.style.chart.legend.show ? fe.value : null,
             source: pe.value,
@@ -100,13 +100,13 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             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;
           });
         });
-        A.value && (H.value && A.value.unobserve(H.value), A.value.disconnect()), A.value = new ResizeObserver(l), H.value = P.value.parentNode, A.value.observe(H.value);
+        M.value && (H.value && M.value.unobserve(H.value), M.value.disconnect()), M.value = new ResizeObserver(l), H.value = A.value.parentNode, M.value.observe(H.value);
       }
     }
     bt(() => {
       _e();
     }), ft(() => {
-      A.value && (H.value && A.value.unobserve(H.value), A.value.disconnect());
+      M.value && (H.value && M.value.unobserve(H.value), M.value.disconnect());
     });
     const { isPrinting: Se, isImaging: Ce, generatePdf: ze, generateImage: Te } = Rt({
       elementId: `vue-ui-quadrant_${z.value}`,
@@ -142,7 +142,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         startY: 0
       });
     }, { deep: !0 });
-    const c = y(null), B = g(() => {
+    const c = y(null), P = g(() => {
       switch (c.value) {
         case "TL":
           return {
@@ -184,8 +184,8 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
     }), it = y(null), te = y(!1);
-    function Q({ targetX: l, targetY: u, targetW: a, targetH: o, side: n }) {
-      c.value && Z(n);
+    function Q({ targetX: l, targetY: u, targetW: a, targetH: o, side: r }) {
+      c.value && Z(r);
       const b = {
         x: l - v.value.startX,
         y: u - v.value.startY,
@@ -198,7 +198,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       }
       Ie();
     }
-    function M(l) {
+    function N(l) {
       if (!te.value)
         if (f.value && c.value === l)
           Q({
@@ -254,18 +254,18 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
     }
     const vt = g(() => {
       const l = t.value.style.chart.layout.grid.graduations.steps, u = e.value.usableWidth / (l * 2), a = e.value.top, o = [];
-      for (let n = 0; n < l; n += 1)
+      for (let r = 0; r < l; r += 1)
         o.push({
-          x: e.value.padding + u * n,
-          y: a + e.value.usableHeight * (n / l / 2),
-          height: e.value.usableHeight * (1 - n / l),
-          width: e.value.usableWidth * (1 - n / l),
-          opacity: Math.round((n + 1) / l * 20)
+          x: e.value.padding + u * r,
+          y: a + e.value.usableHeight * (r / l / 2),
+          height: e.value.usableHeight * (1 - r / l),
+          width: e.value.usableWidth * (1 - r / l),
+          opacity: Math.round((r + 1) / l * 20)
         });
       return o;
     }), _ = 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, o = t.value.style.chart.layout.grid.yAxis.min;
-      return t.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...I.value.flatMap((n) => n.series.map((b) => b.x))), u = Math.min(...I.value.flatMap((n) => n.series.map((b) => b.x)))), t.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...I.value.flatMap((n) => n.series.map((b) => b.y))), o = Math.min(...I.value.flatMap((n) => n.series.map((b) => b.y)))), {
+      return t.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...I.value.flatMap((r) => r.series.map((b) => b.x))), u = Math.min(...I.value.flatMap((r) => r.series.map((b) => b.x)))), t.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...I.value.flatMap((r) => r.series.map((b) => b.y))), o = Math.min(...I.value.flatMap((r) => r.series.map((b) => b.y)))), {
         x: {
           max: l,
           min: u
@@ -275,7 +275,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           min: o
         }
       };
-    }), N = y([]), I = g(() => X.dataset.map((l, u) => ({
+    }), O = y([]), I = g(() => X.dataset.map((l, u) => ({
       ...l,
       series: _t({
         data: l.series,
@@ -283,7 +283,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       }),
       id: `cat_${u}_${z.value}`,
       color: qt(l.color) || Xe.value[u] || he[u]
-    }))), ct = g(() => I.value.filter((l) => !N.value.includes(l.id))), dt = g(() => I.value.map((l, u) => ({
+    }))), ct = g(() => I.value.filter((l) => !O.value.includes(l.id))), dt = g(() => I.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
@@ -358,11 +358,11 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         sideName: t.value.style.chart.layout.labels.quadrantLabels[W.quadrantSide].text,
         color: p.color,
         shape: p.shape
-      }))), u = t.value.style.chart.layout.grid.xAxis.name || "x", a = t.value.style.chart.layout.grid.yAxis.name || "y", o = [t.value.translations.category, t.value.translations.item, u, a, t.value.translations.side], n = l.map((p) => [p.category, p.name, p.x, p.y, p.sideName || p.quadrantSide]), b = l.map((p) => ({
+      }))), u = t.value.style.chart.layout.grid.xAxis.name || "x", a = t.value.style.chart.layout.grid.yAxis.name || "y", o = [t.value.translations.category, t.value.translations.item, u, a, t.value.translations.side], r = l.map((p) => [p.category, p.name, p.x, p.y, p.sideName || p.quadrantSide]), b = l.map((p) => ({
         shape: p.shape,
         color: p.color
       }));
-      return { head: o, body: n, itsShapes: b, tableData: l };
+      return { head: o, body: r, itsShapes: b, tableData: l };
     }), ae = g(() => {
       const l = le.value.head, u = le.value.tableData.map((o) => [
         {
@@ -371,18 +371,18 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           name: o.category
         },
         o.name,
-        R(
+        V(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           o.x,
-          V({
+          B({
             v: o.x,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        R(
+        V(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           o.y,
-          V({
+          B({
             v: o.y,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
@@ -404,7 +404,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       return { head: l, body: u, config: a, colNames: l };
     });
     function ie(l) {
-      N.value.includes(l) ? N.value = N.value.filter((a) => a !== l) : N.value.push(l);
+      O.value.includes(l) ? O.value = O.value.filter((a) => a !== l) : O.value.push(l);
       const u = Re();
       se("selectLegend", u);
     }
@@ -413,9 +413,9 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       shape: l.shape,
       color: l.color,
       id: l.id,
-      opacity: N.value.includes(l.id) ? 0.5 : 1,
+      opacity: O.value.includes(l.id) ? 0.5 : 1,
       segregate: () => ie(l.id),
-      isSegregated: N.value.includes(l.id)
+      isSegregated: O.value.includes(l.id)
     }))), ht = g(() => ({
       cy: "quadrant-div-legend",
       backgroundColor: t.value.style.chart.legend.backgroundColor,
@@ -463,24 +463,24 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           config: t.value
         });
       else {
-        let n = "";
-        u.quadrantSide && (n += `<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>`), n += `<div>${l.name}</div>`, n += `<div style="padding-bottom:6px;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, n += `<div>${t.value.style.chart.layout.grid.xAxis.name ? t.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${R(
+        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>${V(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           u.xValue,
-          V({
+          B({
             v: u.xValue,
             r: t.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: u, category: l, categoryIndex: a }
-        )}</b></div>`, n += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${R(
+        )}</b></div>`, r += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${V(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           u.yValue,
-          V({
+          B({
             v: u.yValue,
             r: t.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: u, category: l, categoryIndex: a }
-        )}</b></div>`, re.value = `<div style="text-align:left;font-size:${t.value.style.chart.tooltip.fontSize}px">${n}</div>`;
+        )}</b></div>`, re.value = `<div style="text-align:left;font-size:${t.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
     function Oe(l, u) {
@@ -497,11 +497,11 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
     }
     function Z(l) {
       if (!l) return;
-      const u = C.value.flatMap((o) => o.series.filter((n) => n.quadrantSide === l).map((n) => ({
-        category: n.categoryName,
-        itemName: n.name,
-        x: n.xValue,
-        y: n.yValue
+      const u = C.value.flatMap((o) => o.series.filter((r) => r.quadrantSide === l).map((r) => ({
+        category: r.categoryName,
+        itemName: r.name,
+        x: r.xValue,
+        y: r.yValue
       }))), a = {
         quadrantSide: l,
         sideName: t.value.style.chart.layout.labels.quadrantLabels[l].text,
@@ -631,15 +631,15 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
     }
     function Ve(l = null) {
       mt(() => {
-        const u = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], a = le.value.head, o = le.value.body, n = u.concat([a]).concat(o), b = Wt(n);
+        const u = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], a = le.value.head, o = le.value.body, r = u.concat([a]).concat(o), b = Wt(r);
         l ? l(b) : Yt({ csvContent: b, title: t.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
     const E = y(!1);
-    function Pe(l) {
+    function Be(l) {
       E.value = l, ye.value += 1;
     }
-    function Be() {
+    function Pe() {
       $.value.showTable = !$.value.showTable;
     }
     function Fe() {
@@ -653,9 +653,16 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       ue.value = !ue.value;
     }
     async function yt({ scale: l = 2 } = {}) {
-      if (!P.value) return;
-      const { imageUri: u, base64: a } = await Ht({ domElement: P.value, base64: !0, img: !0, scale: l });
-      return { imageUri: u, base64: a };
+      if (!A.value) return;
+      const { width: u, height: a } = A.value.getBoundingClientRect(), o = u / a, { imageUri: r, base64: b } = await Ht({ domElement: A.value, base64: !0, img: !0, scale: l });
+      return {
+        imageUri: r,
+        base64: b,
+        title: t.value.style.chart.title.text,
+        width: u,
+        height: a,
+        aspectRatio: o
+      };
     }
     return je({
       getData: Re,
@@ -663,21 +670,21 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       generatePdf: ze,
       generateCsv: Ve,
       generateImage: Te,
-      toggleTable: Be,
+      toggleTable: Pe,
       toggleLabels: Fe,
       toggleTooltip: He,
       toggleAnnotator: ce,
-      toggleFullscreen: Pe
-    }), (l, u) => (s(), r("div", {
+      toggleFullscreen: Be
+    }), (l, u) => (s(), n("div", {
       class: T(`vue-ui-quadrant ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
-      ref: P,
+      ref: A,
       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] = () => i(ke)(!0)),
       onMouseleave: u[17] || (u[17] = () => i(ke)(!1))
     }, [
-      t.value.userOptions.buttons.annotator ? (s(), O(i(et), {
+      t.value.userOptions.buttons.annotator ? (s(), R(i(et), {
         key: 0,
         svgRef: i(we),
         backgroundColor: t.value.style.chart.backgroundColor,
@@ -685,20 +692,20 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         active: ue.value,
         onClose: ce
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      nt.value ? (s(), r("div", {
+      nt.value ? (s(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ge,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : h("", !0),
-      t.value.style.chart.title.text ? (s(), r("div", {
+      t.value.style.chart.title.text ? (s(), n("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: be,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), O(Bt, {
+        (s(), R(Pt, {
           key: `table_${me.value}`,
           config: {
             title: {
@@ -712,7 +719,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      t.value.userOptions.show && K.value && (i(Le) || i(ne)) ? (s(), O(i(ut), {
+      t.value.userOptions.show && K.value && (i(Le) || i(ne)) ? (s(), R(i(ut), {
         ref_key: "details",
         ref: rt,
         key: `user_options_${ye.value}`,
@@ -731,17 +738,17 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         isFullscreen: E.value,
         isTooltip: $.value.showTooltip,
         titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: P.value,
+        chartElement: A.value,
         position: t.value.userOptions.position,
         hasAnnotator: t.value.userOptions.buttons.annotator,
         isAnnotation: ue.value,
         callbacks: t.value.userOptions.callbacks,
         printScale: t.value.userOptions.print.scale,
-        onToggleFullscreen: Pe,
+        onToggleFullscreen: Be,
         onGeneratePdf: i(ze),
         onGenerateCsv: Ve,
         onGenerateImage: i(Te),
-        onToggleTable: Be,
+        onToggleTable: Pe,
         onToggleLabels: Fe,
         onToggleTooltip: He,
         onToggleAnnotator: ce,
@@ -813,7 +820,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
-      K.value ? (s(), r("svg", {
+      K.value ? (s(), n("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: we,
@@ -824,7 +831,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         id: `svg_${z.value}`
       }, [
         de(i(ot)),
-        l.$slots["chart-background"] ? (s(), r("foreignObject", {
+        l.$slots["chart-background"] ? (s(), n("foreignObject", {
           key: 0,
           x: v.value.startX,
           y: v.value.startY,
@@ -837,7 +844,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           x(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, Dt)) : h("", !0),
         d("defs", null, [
-          (s(!0), r(S, null, Y(C.value, (a, o) => (s(), r("radialGradient", {
+          (s(!0), n(S, null, Y(C.value, (a, o) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -855,8 +862,8 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             }, null, 8, Jt)
           ], 8, Gt))), 256))
         ]),
-        t.value.style.chart.layout.grid.graduations.show ? (s(), r("g", jt, [
-          (s(!0), r(S, null, Y(vt.value, (a) => (s(), r("rect", {
+        t.value.style.chart.layout.grid.graduations.show ? (s(), n("g", jt, [
+          (s(!0), n(S, null, Y(vt.value, (a) => (s(), 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,
@@ -883,7 +890,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           stroke: t.value.style.chart.layout.grid.stroke,
           "stroke-width": t.value.style.chart.layout.grid.strokeWidth
         }, null, 8, el),
-        t.value.style.chart.layout.grid.showArrows ? (s(), r("g", tl, [
+        t.value.style.chart.layout.grid.showArrows ? (s(), n("g", tl, [
           d("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,
@@ -905,8 +912,8 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             stroke: "none"
           }, null, 8, ol)
         ])) : h("", !0),
-        t.value.style.chart.layout.labels.quadrantLabels.show && !f.value ? (s(), r("g", sl, [
-          t.value.style.chart.layout.labels.quadrantLabels.tl.text ? (s(), r("text", {
+        t.value.style.chart.layout.labels.quadrantLabels.show && !f.value ? (s(), n("g", sl, [
+          t.value.style.chart.layout.labels.quadrantLabels.tl.text ? (s(), n("text", {
             key: 0,
             x: 0,
             y: e.value.top - e.value.padding / 2,
@@ -916,7 +923,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
             onClick: u[0] || (u[0] = (a) => Z("tl"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, rl)) : h("", !0),
-          t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (s(), r("text", {
+          t.value.style.chart.layout.labels.quadrantLabels.tr.text ? (s(), n("text", {
             key: 1,
             x: e.value.width,
             y: e.value.top - e.value.padding / 2,
@@ -926,7 +933,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
             onClick: u[1] || (u[1] = (a) => Z("tr"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, nl)) : h("", !0),
-          t.value.style.chart.layout.labels.quadrantLabels.br.text ? (s(), r("text", {
+          t.value.style.chart.layout.labels.quadrantLabels.br.text ? (s(), n("text", {
             key: 2,
             x: e.value.width,
             y: e.value.bottom + e.value.padding * 0.7,
@@ -936,7 +943,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             style: q(`font-weight:${t.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
             onClick: u[2] || (u[2] = (a) => Z("br"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.br.text), 13, il)) : h("", !0),
-          t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (s(), r("text", {
+          t.value.style.chart.layout.labels.quadrantLabels.bl.text ? (s(), n("text", {
             key: 3,
             x: 0,
             y: e.value.bottom + e.value.padding * 0.7,
@@ -947,17 +954,17 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             onClick: u[3] || (u[3] = (a) => Z("bl"))
           }, L(t.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, vl)) : h("", !0)
         ])) : h("", !0),
-        t.value.style.chart.layout.labels.axisLabels.show ? (s(), r("g", cl, [
+        t.value.style.chart.layout.labels.axisLabels.show ? (s(), n("g", cl, [
           d("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(i(R)(
+          }, L(i(V)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.max,
-            i(V)({
+            i(B)({
               v: _.value.y.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -975,10 +982,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
-          }, L(i(R)(
+          }, L(i(V)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.min,
-            i(V)({
+            i(B)({
               v: _.value.y.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -989,10 +996,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             "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(i(R)(
+          }, L(i(V)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.min,
-            i(V)({
+            i(B)({
               v: _.value.x.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -1003,10 +1010,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             "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(i(R)(
+          }, L(i(V)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.max,
-            i(V)({
+            i(B)({
               v: _.value.x.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -1019,9 +1026,9 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
           }, L(t.value.style.chart.layout.grid.xAxis.name), 9, pl)
         ])) : h("", !0),
-        t.value.style.chart.layout.areas.show ? (s(), r("g", gl, [
-          (s(!0), r(S, null, Y(C.value, (a, o) => (s(), r("g", null, [
-            a.series.length > 2 ? (s(), r("polygon", {
+        t.value.style.chart.layout.areas.show ? (s(), n("g", gl, [
+          (s(!0), n(S, null, Y(C.value, (a, o) => (s(), n("g", null, [
+            a.series.length > 2 ? (s(), n("polygon", {
               key: 0,
               "data-cy-quadrant-area": "",
               fill: t.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${z.value}_${o})` : i(oe)(a.color, t.value.style.chart.layout.areas.opacity),
@@ -1031,7 +1038,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         ])) : h("", !0),
         d("g", null, [
           d("rect", {
-            onClick: u[4] || (u[4] = (a) => M("TL")),
+            onClick: u[4] || (u[4] = (a) => N("TL")),
             x: e.value.left,
             y: e.value.top,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
@@ -1040,7 +1047,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             class: T({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
           }, null, 10, xl),
           d("rect", {
-            onClick: u[5] || (u[5] = (a) => M("TR")),
+            onClick: u[5] || (u[5] = (a) => N("TR")),
             x: e.value.centerX,
             y: e.value.top,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
@@ -1049,7 +1056,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             class: T({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
           }, null, 10, $l),
           d("rect", {
-            onClick: u[6] || (u[6] = (a) => M("BR")),
+            onClick: u[6] || (u[6] = (a) => N("BR")),
             x: e.value.centerX,
             y: e.value.centerY,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
@@ -1058,7 +1065,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             class: T({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
           }, null, 10, kl),
           d("rect", {
-            onClick: u[7] || (u[7] = (a) => M("BL")),
+            onClick: u[7] || (u[7] = (a) => N("BL")),
             x: e.value.left,
             y: e.value.centerY,
             width: e.value.usableWidth / 2 <= 0 ? 1e-3 : e.value.usableWidth / 2,
@@ -1067,49 +1074,49 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             class: T({ "vue-data-ui-zoom-plus": !f.value, "vue-data-ui-zoom-minus": f.value })
           }, null, 10, Ll)
         ]),
-        t.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), r(S, { key: 7 }, [
-          $.value.plotLabels.show ? (s(), r("g", Sl, [
-            (s(!0), r(S, null, Y(C.value, (a, o) => (s(), r(S, null, [
-              (s(!0), r(S, null, Y(a.series, (n) => (s(), r("foreignObject", {
+        t.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), n(S, { key: 7 }, [
+          $.value.plotLabels.show ? (s(), n("g", Sl, [
+            (s(!0), n(S, null, Y(C.value, (a, o) => (s(), n(S, null, [
+              (s(!0), n(S, null, Y(a.series, (r) => (s(), n("foreignObject", {
                 style: { overflow: "visible" },
                 height: "10",
                 width: "100",
-                x: n.x - 50,
-                y: n.y - t.value.style.chart.layout.labels.plotLabels.fontSize,
-                onMouseover: (b) => Ne(a, n, o),
+                x: r.x - 50,
+                y: r.y - t.value.style.chart.layout.labels.plotLabels.fontSize,
+                onMouseover: (b) => Ne(a, r, o),
                 onMouseleave: u[9] || (u[9] = (b) => {
                   ee.value = !1, J.value = null, j.value = null;
                 }),
-                onClick: (b) => Oe(a, n)
+                onClick: (b) => Oe(a, r)
               }, [
                 d("div", {
                   style: q(`color:${i(Xt)(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: fit-content;`)
-                }, L(n.name), 5)
+                }, L(r.name), 5)
               ], 40, Cl))), 256))
             ], 64))), 256))
           ])) : h("", !0)
-        ], 64)) : (s(), r(S, { key: 6 }, [
-          (s(!0), r(S, null, Y(C.value, (a, o) => (s(), r("g", null, [
-            (s(!0), r(S, null, Y(a.series, (n) => (s(), O(Qe, {
+        ], 64)) : (s(), n(S, { key: 6 }, [
+          (s(!0), n(S, null, Y(C.value, (a, o) => (s(), n("g", null, [
+            (s(!0), n(S, null, Y(a.series, (r) => (s(), R(Qe, {
               color: a.color,
-              isSelected: J.value && n.uid === J.value,
-              plot: n,
+              isSelected: J.value && r.uid === J.value,
+              plot: r,
               radius: t.value.style.chart.layout.plots.radius / (f.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) => Ne(a, n, o),
+              onMouseenter: (b) => Ne(a, r, o),
               onMouseleave: u[8] || (u[8] = (b) => {
                 ee.value = !1, J.value = null, j.value = null;
               }),
-              onClick: (b) => Oe(a, n)
+              onClick: (b) => Oe(a, r)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onClick"]))), 256))
           ]))), 256)),
-          $.value.plotLabels.show ? (s(), r("g", wl, [
-            (s(!0), r(S, null, Y(C.value, (a) => (s(), r("g", null, [
-              (s(!0), r(S, null, Y(a.series, (o) => (s(), r("g", null, [
+          $.value.plotLabels.show ? (s(), n("g", wl, [
+            (s(!0), n(S, null, Y(C.value, (a) => (s(), n("g", null, [
+              (s(!0), n(S, null, Y(a.series, (o) => (s(), n("g", null, [
                 String(o.name).includes(`
-`) ? (s(), r("text", {
+`) ? (s(), n("text", {
                   key: 1,
                   x: o.x,
                   y: o.y + t.value.style.chart.layout.labels.plotLabels.offsetY + t.value.style.chart.layout.plots.radius,
@@ -1123,7 +1130,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
                     x: o.x,
                     y: o.y + t.value.style.chart.layout.labels.plotLabels.offsetY + t.value.style.chart.layout.plots.radius
                   })
-                }, null, 8, _l)) : (s(), r("text", {
+                }, null, 8, _l)) : (s(), n("text", {
                   key: 0,
                   x: o.x,
                   y: o.y + t.value.style.chart.layout.labels.plotLabels.offsetY + t.value.style.chart.layout.plots.radius,
@@ -1135,43 +1142,43 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             ]))), 256))
           ])) : h("", !0)
         ], 64)),
-        f.value ? (s(), r("g", zl, [
-          c.value === "TL" ? (s(), r("polygon", {
+        f.value ? (s(), n("g", zl, [
+          c.value === "TL" ? (s(), 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, Tl)) : h("", !0),
-          c.value === "TR" ? (s(), r("polygon", {
+          c.value === "TR" ? (s(), 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, Xl)) : h("", !0),
-          c.value === "BR" ? (s(), r("polygon", {
+          c.value === "BR" ? (s(), 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, Wl)) : h("", !0),
-          c.value === "BL" ? (s(), r("polygon", {
+          c.value === "BL" ? (s(), 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, Yl)) : h("", !0)
         ])) : h("", !0),
-        c.value && !te.value ? (s(), r("g", Al, [
+        c.value && !te.value ? (s(), n("g", Al, [
           d("text", {
-            x: B.value.x,
-            y: B.value.y - B.value.fontSize / 1.5,
-            "font-size": B.value.fontSize / 1.5,
-            fill: B.value.fill,
+            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": B.value.bold ? "bold" : "normal"
-          }, L(B.value.text), 9, Ml)
+            "font-weight": P.value.bold ? "bold" : "normal"
+          }, L(P.value.text), 9, Ml)
         ])) : h("", !0),
-        f.value && c.value ? (s(), r("g", Nl, [
+        f.value && c.value ? (s(), n("g", Nl, [
           d("rect", {
             x: w.value[c.value].tl.x,
             y: w.value[c.value].tl.y,
@@ -1179,7 +1186,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             width: "20",
             fill: w.value[c.value].tl.fill,
             style: q(`cursor: pointer; opacity: ${c.value === "TL" ? 1 : 0.2}`),
-            onClick: u[10] || (u[10] = (a) => M("TL")),
+            onClick: u[10] || (u[10] = (a) => N("TL")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TL" })
           }, null, 14, Ol),
           d("rect", {
@@ -1189,7 +1196,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             width: "20",
             fill: w.value[c.value].tr.fill,
             style: q(`cursor: pointer; opacity: ${c.value === "TR" ? 1 : 0.2}`),
-            onClick: u[11] || (u[11] = (a) => M("TR")),
+            onClick: u[11] || (u[11] = (a) => N("TR")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TR" })
           }, null, 14, Rl),
           d("rect", {
@@ -1199,7 +1206,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             width: "20",
             fill: w.value[c.value].br.fill,
             style: q(`cursor: pointer; opacity: ${c.value === "BR" ? 1 : 0.2}`),
-            onClick: u[12] || (u[12] = (a) => M("BR")),
+            onClick: u[12] || (u[12] = (a) => N("BR")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BR" })
           }, null, 14, Vl),
           d("rect", {
@@ -1209,15 +1216,15 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             width: "20",
             fill: w.value[c.value].bl.fill,
             style: q(`cursor: pointer; opacity: ${c.value === "BL" ? 1 : 0.2}`),
-            onClick: u[13] || (u[13] = (a) => M("BL")),
+            onClick: u[13] || (u[13] = (a) => N("BL")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BL" })
-          }, null, 14, Pl),
+          }, null, 14, Bl),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
             d: w.value[c.value].crosshairs.horizontal
-          }, null, 8, Bl),
+          }, null, 8, Pl),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
@@ -1227,10 +1234,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         ])) : h("", !0),
         x(l.$slots, "svg", { svg: e.value }, void 0, !0)
       ], 14, Ut)) : h("", !0),
-      l.$slots.watermark ? (s(), r("div", Hl, [
+      l.$slots.watermark ? (s(), n("div", Hl, [
         x(l.$slots, "watermark", U(D({ isPrinting: i(Se) || i(Ce) })), void 0, !0)
       ])) : h("", !0),
-      K.value ? h("", !0) : (s(), O(i(lt), {
+      K.value ? h("", !0) : (s(), R(i(lt), {
         key: 6,
         config: {
           type: "quadrant",
@@ -1252,7 +1259,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         ref_key: "chartLegend",
         ref: fe
       }, [
-        t.value.style.chart.legend.show ? (s(), O(Ft, {
+        t.value.style.chart.legend.show ? (s(), R(Ft, {
           key: `legend_${$e.value}`,
           legendSet: Ae.value,
           config: ht.value,
@@ -1261,7 +1268,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           item: m(({ legend: a }) => [
             d("div", {
               onClick: (o) => ie(a.id),
-              style: q(`opacity:${N.value.includes(a.id) ? 0.5 : 1}`)
+              style: q(`opacity:${O.value.includes(a.id) ? 0.5 : 1}`)
             }, L(a.name), 13, Il)
           ]),
           _: 1
@@ -1270,7 +1277,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           legend: Ae.value
         }, void 0, !0)
       ], 512),
-      l.$slots.source ? (s(), r("div", {
+      l.$slots.source ? (s(), n("div", {
         key: 7,
         ref_key: "source",
         ref: pe,
@@ -1289,7 +1296,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["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: P.value,
+        parent: A.value,
         content: re.value,
         isFullscreen: E.value,
         isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function"
@@ -1301,7 +1308,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           x(l.$slots, "tooltip-after", U(D({ ...ve.value })), void 0, !0)
         ]),
         default: m(() => [
-          t.value.style.chart.tooltip.showShape ? (s(), r("svg", El, [
+          t.value.style.chart.tooltip.showShape ? (s(), n("svg", El, [
             de(Qe, {
               plot: { x: 10, y: 10 },
               shape: j.value.shape,
@@ -1314,7 +1321,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      K.value ? (s(), O(i(tt), {
+      K.value ? (s(), R(i(tt), {
         key: 8,
         hideDetails: "",
         config: {
@@ -1331,7 +1338,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         }
       }, {
         content: m(() => [
-          (s(), O(i(Ke), {
+          (s(), R(i(Ke), {
             key: `table_${xe.value}`,
             colNames: ae.value.colNames,
             head: ae.value.head,
@@ -1355,7 +1362,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       }, 8, ["config"])) : h("", !0)
     ], 46, Et));
   }
-}, sa = /* @__PURE__ */ It(Dl, [["__scopeId", "data-v-25644c48"]]);
+}, sa = /* @__PURE__ */ It(Dl, [["__scopeId", "data-v-5da3c063"]]);
 export {
   sa as default
 };