vue-data-ui 3.5.2 → 3.7.0

package/dist/{vue-ui-quadrant-CeM23s0z.js → vue-ui-quadrant-CG6_CWsQ.js}

@@ -1,33 +1,50 @@
-import { defineAsyncComponent as P, computed as g, ref as y, toRefs as Ot, watch as xe, shallowRef as at, onMounted as Nt, onBeforeUnmount as Bt, createElementBlock as r, openBlock as s, unref as i, normalizeStyle as _, normalizeClass as X, createBlock as O, createCommentVNode as h, createElementVNode as c, createVNode as re, withCtx as f, renderSlot as p, normalizeProps as z, guardReactiveProps as A, createSlots as ot, Fragment as q, renderList as N, toDisplayString as k, Teleport as Ft, resolveDynamicComponent as Rt, mergeProps as Pt, createTextVNode as ut, nextTick as st } from "vue";
-import { c as nt, t as Vt, b as Dt, p as $e, o as Ht, f as G, e as It, h as Ut, aa as Et, a as V, d as D, X as Qt, s as ie, i as Gt, ab as Jt, M as jt, J as Zt, P as Kt, Q as el, G as tl, H as ll } from "./lib-C_mNZmhD.js";
-import { t as al, u as ol } from "./useResponsive-DfdjqQps.js";
-import { u as ul, a as rt } from "./useNestedProp-CReNavA0.js";
-import { u as sl } from "./usePrinter-DTzqpYKF.js";
-import { u as nl } from "./useSvgExport-DrjCWun4.js";
-import { u as rl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as il } from "./useChartAccessibility-9icAAmYg.js";
-import vl from "./img-BecE5qXd.js";
-import dl from "./Title-BzH_LEA3.js";
-import { _ as it } from "./Shape-CNXKB8O0.js";
-import { t as cl } from "./themes-AUNCOb2G.js";
-import hl from "./Legend-G6GMcdAc.js";
-import { u as yl, B as bl } from "./BaseScanner-BgWxam9d.js";
-import { _ as fl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y", "width", "height"], $l = ["id"], kl = ["stop-color"], Ll = ["stop-color"], wl = { key: 1 }, Sl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], _l = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Cl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ql = { key: 2 }, Tl = ["points", "fill"], zl = ["points", "fill"], Al = ["points", "fill"], Wl = ["points", "fill"], Xl = { key: 3 }, Yl = ["y", "fill", "font-size"], Ml = ["x", "y", "fill", "font-size"], Ol = ["x", "y", "fill", "font-size"], Nl = ["y", "fill", "font-size"], Bl = { key: 4 }, Fl = ["x", "y", "font-size", "fill"], Rl = ["x", "y", "font-size", "fill"], Pl = ["x", "y", "font-size", "fill"], Vl = ["id", "font-size", "transform", "fill"], Dl = ["id", "font-size", "transform", "fill"], Hl = ["id", "font-size", "transform", "fill"], Il = { key: 5 }, Ul = ["fill", "points"], El = ["x", "y", "width", "height"], Ql = ["x", "y", "width", "height"], Gl = ["x", "y", "width", "height"], Jl = ["x", "y", "width", "height"], jl = {
+import { defineAsyncComponent as N, computed as g, ref as b, toRefs as It, watch as xe, shallowRef as ot, onMounted as Ht, onBeforeUnmount as Ut, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as A, normalizeClass as B, createBlock as E, createCommentVNode as h, createElementVNode as d, createVNode as ne, withCtx as f, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as ut, Fragment as S, renderList as Y, toDisplayString as k, Teleport as Qt, resolveDynamicComponent as Gt, mergeProps as jt, createTextVNode as st, nextTick as rt } from "vue";
+import { c as nt, t as Jt, i as Zt, p as Ce, o as Kt, g as G, j as el, l as tl, ae as ll, a as P, d as R, X as al, s as ie, h as ol, af as ul, U as sl, w as rl, u as nl, q as il, x as vl, R as cl } from "./lib-C5BH09_g.js";
+import { t as dl, u as hl } from "./useResponsive-DfdjqQps.js";
+import { u as bl, a as ke } from "./useNestedProp-CWo6bftQ.js";
+import { u as yl, B as fl } from "./BaseScanner-BgWxam9d.js";
+import { u as pl } from "./usePrinter-DCJzEiS8.js";
+import { u as gl } from "./useSvgExport-DrjCWun4.js";
+import { u as ml } from "./useThemeCheck-DGJ31Vi5.js";
+import { u as xl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Cl } from "./useChartAccessibility-9icAAmYg.js";
+import kl from "./img-DUzJeMlr.js";
+import $l from "./Title-DfFUb9hd.js";
+import { _ as it } from "./Shape-DE6X_t31.js";
+import Ll from "./Legend-Web3GjlR.js";
+import { _ as wl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const vt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ct = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { quadrantLabels: { tl: { color: "#5D4037" }, tr: { color: "#5D4037" }, br: { color: "#5D4037" }, bl: { color: "#5D4037" } }, plotLabels: { color: "#424242" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#FFF8E1" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, dt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { quadrantLabels: { tl: { color: "#FF6B6B90" }, tr: { color: "#FF6B6B90" }, br: { color: "#FF6B6B90" }, bl: { color: "#FF6B6B90" } }, plotLabels: { color: "#BDBDBD" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1E1E1E" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { quadrantLabels: { tl: { color: "#99AA99" }, tr: { color: "#99AA99" }, br: { color: "#99AA99" }, bl: { color: "#99AA99" } }, plotLabels: { color: "#99CC99" }, axisLabels: { color: { positive: "#66CC66", negative: "#66CC66" } } }, grid: { stroke: "#334C33", graduations: { stroke: "#333333", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1A1A1A" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, bt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { quadrantLabels: { tl: { color: "#8A9892" }, tr: { color: "#8A9892" }, br: { color: "#8A9892" }, bl: { color: "#8A9892" } }, plotLabels: { color: "#8A9892" }, axisLabels: { color: { positive: "#99AA99", negative: "#C09E85" } } }, grid: { stroke: "#D2E0DB", graduations: { steps: 2, color: "#D2E0DB", stroke: "#D2E0DB", roundingForce: 256 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, yt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { quadrantLabels: { tl: { color: "#61747E" }, tr: { color: "#61747E" }, br: { color: "#61747E" }, bl: { color: "#61747E" } }, plotLabels: { color: "#50606C" }, axisLabels: { color: { positive: "#4A6A75", negative: "#7E8F7E" } } }, grid: { stroke: "#9AA7B0", graduations: { color: "#DEE1DE", stroke: "#DEE1DE", roundingForce: 0 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, ft = {
+  default: {},
+  dark: vt,
+  celebration: ct,
+  celebrationNight: dt,
+  hack: ht,
+  zen: bt,
+  concrete: yt
+}, Ua = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: ct,
+  celebrationNight: dt,
+  concrete: yt,
+  dark: vt,
+  default: ft,
+  hack: ht,
+  zen: bt
+}, Symbol.toStringTag, { value: "Module" })), Al = ["id"], _l = ["id"], Sl = ["xmlns", "viewBox", "id"], ql = ["x", "y", "width", "height"], Tl = ["id"], zl = ["stop-color"], Fl = ["stop-color"], Bl = { key: 1 }, Wl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Xl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Dl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], El = { key: 2 }, Yl = ["points", "fill"], Ol = ["points", "fill"], Ml = ["points", "fill"], Nl = ["points", "fill"], Pl = { key: 3 }, Rl = ["y", "fill", "font-size"], Vl = ["x", "y", "fill", "font-size"], Il = ["x", "y", "fill", "font-size"], Hl = ["y", "fill", "font-size"], Ul = { key: 4 }, Ql = ["x", "y", "font-size", "fill"], Gl = ["x", "y", "font-size", "fill"], jl = ["x", "y", "font-size", "fill"], Jl = ["id", "font-size", "transform", "fill"], Zl = ["id", "font-size", "transform", "fill"], Kl = ["id", "font-size", "transform", "fill"], ea = { key: 5 }, ta = ["fill", "points"], la = ["x", "y", "width", "height"], aa = ["x", "y", "width", "height"], oa = ["x", "y", "width", "height"], ua = ["x", "y", "width", "height"], sa = {
   key: 0,
   style: { "pointer-events": "none" }
-}, Zl = ["x", "y", "font-size", "fill"], Kl = ["x", "y", "font-size", "fill", "innerHTML"], ea = { key: 0 }, ta = ["x", "y", "onMouseover", "onMouseleave", "onClick"], la = {
+}, ra = ["x", "y", "font-size", "fill"], na = ["x", "y", "font-size", "fill", "innerHTML"], ia = { key: 0 }, va = ["x", "y", "onMouseover", "onMouseleave", "onClick"], ca = {
   key: 8,
   class: "vue-ui-dna"
-}, aa = ["points", "fill"], oa = ["points", "fill"], ua = ["points", "fill"], sa = ["points", "fill"], na = { key: 9 }, ra = ["x", "y", "font-size", "fill", "font-weight"], ia = { key: 10 }, va = ["x", "y", "fill"], da = ["x", "y", "fill"], ca = ["x", "y", "fill"], ha = ["x", "y", "fill"], ya = ["stroke", "d"], ba = ["stroke", "d"], fa = {
+}, da = ["points", "fill"], ha = ["points", "fill"], ba = ["points", "fill"], ya = ["points", "fill"], fa = { key: 9 }, pa = ["x", "y", "font-size", "fill", "font-weight"], ga = { key: 10 }, ma = ["x", "y", "fill"], xa = ["x", "y", "fill"], Ca = ["x", "y", "fill"], ka = ["x", "y", "fill"], $a = ["stroke", "d"], La = ["stroke", "d"], wa = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, pa = ["id"], ga = ["onClick"], ma = {
+}, Aa = ["id"], _a = ["onClick"], Sa = {
   key: 0,
   height: "14",
   width: "14",
   viewBox: "0 0 20 20"
-}, xa = ["innerHTML"], $a = {
+}, qa = ["innerHTML"], Ta = {
   __name: "vue-ui-quadrant",
   props: {
     config: {
@@ -44,14 +61,14 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
     }
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
-  setup(vt, { expose: dt, emit: ct }) {
-    const ht = P(() => import("./Tooltip-oWCO1HKy.js")), yt = P(() => import("./BaseIcon-BmMbm4d0.js")), bt = P(() => import("./vue-ui-accordion-BmFTVF1a.js")), ft = P(() => import("./DataTable-BT7VF2ua.js")), pt = P(() => import("./PenAndPaper-SZQIAgkg.js")), gt = P(() => import("./UserOptions-CGnQt6Fd.js")), mt = P(() => import("./PackageVersion-Y7t79Jtq.js")), xt = P(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_quadrant: $t } = ul(), B = vt, ke = g(() => !!B.dataset && B.dataset.length), w = y(nt()), ve = ct, de = y(!1), ce = y(""), Le = y(0), x = y(!1), Y = y(null), we = y(null), Se = y(null), _e = y(null), Ce = y(null), qe = y(0), Te = y(0), ze = y(0), Ae = y(!1), J = y(null), he = y(null), e = y(fe()), { loading: We, FINAL_DATASET: Xe } = yl({
-      ...Ot(B),
+  setup(pt, { expose: gt, emit: mt }) {
+    const xt = N(() => import("./Tooltip-WD0Ros6G.js")), Ct = N(() => import("./BaseIcon-CofSxalQ.js")), kt = N(() => import("./vue-ui-accordion-DSdZUn2C.js")), $t = N(() => import("./DataTable-CHaOCmsE.js")), Lt = N(() => import("./PenAndPaper-HCZQTkqi.js")), wt = N(() => import("./UserOptions-B3I-s3Lw.js")), At = N(() => import("./PackageVersion-Bq_mtsqr.js")), _t = N(() => import("./BaseDraggableDialog-CRF94NJQ.js")), { vue_ui_quadrant: St } = bl(), { isThemeValid: qt, warnInvalidTheme: Tt } = ml(), W = pt, $e = g(() => !!W.dataset && W.dataset.length), L = b(nt()), ve = mt, ce = b(!1), de = b(""), Le = b(0), x = b(!1), X = b(null), we = b(null), Ae = b(null), _e = b(null), Se = b(null), qe = b(0), Te = b(0), ze = b(0), Fe = b(!1), j = b(null), he = b(null), e = b(fe()), { loading: Be, FINAL_DATASET: We } = yl({
+      ...It(W),
       FINAL_CONFIG: e,
       prepareConfig: fe,
       callback: () => {
         Promise.resolve().then(async () => {
-          await st(), $.value.showTable = e.value.table.show;
+          await rt(), C.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -76,7 +93,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           ]
         }
       ],
-      skeletonConfig: Vt({
+      skeletonConfig: Jt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -114,42 +131,49 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           }
         }
       })
-    }), { userOptionsVisible: ye, setUserOptionsVisibility: Ye, keepUserOptionState: Me } = rl({ config: e.value }), { svgRef: be } = il({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: be, setUserOptionsVisibility: Xe, keepUserOptionState: De } = xl({ config: e.value }), { svgRef: ye } = Cl({ config: e.value.style.chart.title });
     function fe() {
-      const l = rt({
-        userConfig: B.config,
-        defaultConfig: $t
+      const l = ke({
+        userConfig: W.config,
+        defaultConfig: St
+      }), o = l.theme;
+      if (!o) return l;
+      if (!qt.value(l))
+        return Tt(l), l;
+      const a = ke({
+        userConfig: ft[o] || W.config,
+        defaultConfig: l
+      }), u = ke({
+        userConfig: W.config,
+        defaultConfig: a
       });
-      return l.theme ? {
-        ...rt({
-          userConfig: cl.vue_ui_quadrant[l.theme] || B.config,
-          defaultConfig: l
-        }),
-        customPalette: Dt[l.theme] || $e
-      } : l;
+      return {
+        ...u,
+        customPalette: u.customPalette.length ? u.customPalette : Zt[o] || Ce
+      };
     }
-    xe(() => B.config, (l) => {
-      e.value = fe(), ye.value = !e.value.userOptions.showOnChartHover, Oe(), qe.value += 1, Te.value += 1, ze.value += 1, $.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show;
+    xe(() => W.config, (l) => {
+      e.value = fe(), be.value = !e.value.userOptions.showOnChartHover, Ee(), qe.value += 1, Te.value += 1, ze.value += 1, C.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const F = at(null), U = at(null), E = g(() => e.value.debug);
-    function Oe() {
-      if (Ht(B.dataset) ? G({
+    const O = ot(null), H = ot(null), U = g(() => e.value.debug);
+    function Ee() {
+      if (Kt(W.dataset) ? G({
         componentName: "VueUiQuadrant",
         type: "dataset",
-        debug: E.value
-      }) : B.dataset.forEach((l, o) => {
+        debug: U.value
+      }) : W.dataset.forEach((l, o) => {
         [null, void 0].includes(l.name) && G({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "name",
           index: o,
-          debug: E.value
+          debug: U.value
         }), [null, void 0].includes(l.series) ? G({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "series",
           index: o,
-          debug: E.value
+          debug: U.value
         }) : l.series.forEach((a, u) => {
           [null, void 0].includes(a.name) && G({
             componentName: "VueUiQuadrant",
@@ -157,53 +181,53 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
             property: "name",
             key: "series",
             index: u,
-            debug: E.value
+            debug: U.value
           });
         });
       }), e.value.responsive) {
-        const l = al(() => {
-          const { width: o, height: a } = ol({
-            chart: Y.value,
+        const l = dl(() => {
+          const { width: o, height: a } = hl({
+            chart: X.value,
             title: e.value.style.chart.title.text ? we.value : null,
-            legend: e.value.style.chart.legend.show ? Se.value : null,
+            legend: e.value.style.chart.legend.show ? Ae.value : null,
             source: _e.value,
-            noTitle: Ce.value
+            noTitle: Se.value
           });
-          L.value = 48, requestAnimationFrame(() => {
-            t.value.height = a, t.value.usableHeight = a - L.value * 2, t.value.width = o, t.value.usableWidth = o - L.value * 2, t.value.top = L.value, t.value.left = L.value, t.value.right = o - L.value, t.value.bottom = a - L.value, t.value.centerX = o / 2, t.value.centerY = a - a / 2, t.value.padding = L.value;
+          $.value = 48, requestAnimationFrame(() => {
+            t.value.height = a, t.value.usableHeight = a - $.value * 2, t.value.width = o, t.value.usableWidth = o - $.value * 2, t.value.top = $.value, t.value.left = $.value, t.value.right = o - $.value, t.value.bottom = a - $.value, t.value.centerX = o / 2, t.value.centerY = a - a / 2, t.value.padding = $.value;
           });
         });
-        F.value && (U.value && F.value.unobserve(U.value), F.value.disconnect()), F.value = new ResizeObserver(l), U.value = Y.value.parentNode, F.value.observe(U.value);
+        O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect()), O.value = new ResizeObserver(l), H.value = X.value.parentNode, O.value.observe(H.value);
       }
     }
-    Nt(() => {
-      Ae.value = !0, Oe();
-    }), Bt(() => {
-      F.value && (U.value && F.value.unobserve(U.value), F.value.disconnect());
+    Ht(() => {
+      Fe.value = !0, Ee();
+    }), Ut(() => {
+      O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Be, generatePdf: Fe, generateImage: Re } = sl({
-      elementId: `vue-ui-quadrant_${w.value}`,
+    const { isPrinting: Ye, isImaging: Oe, generatePdf: Me, generateImage: Ne } = pl({
+      elementId: `vue-ui-quadrant_${L.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
       options: e.value.userOptions.print
-    }), kt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Pe = g(() => It(e.value.customPalette)), $ = y({
+    }), zt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Pe = g(() => el(e.value.customPalette)), C = b({
       plotLabels: {
         show: e.value.style.chart.layout.labels.plotLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), L = y(48), t = y({
+    }), $ = b(48), t = b({
       height: e.value.style.chart.height,
-      usableHeight: e.value.style.chart.height - L.value * 2,
+      usableHeight: e.value.style.chart.height - $.value * 2,
       width: e.value.style.chart.width,
-      usableWidth: e.value.style.chart.width - L.value * 2,
-      top: L.value,
-      left: L.value,
-      right: e.value.style.chart.width - L.value,
-      bottom: e.value.style.chart.height - L.value,
+      usableWidth: e.value.style.chart.width - $.value * 2,
+      top: $.value,
+      left: $.value,
+      right: e.value.style.chart.width - $.value,
+      bottom: e.value.style.chart.height - $.value,
       centerX: e.value.style.chart.width / 2,
       centerY: e.value.style.chart.height - e.value.style.chart.height / 2,
-      padding: L.value
-    }), v = y({
+      padding: $.value
+    }), v = b({
       ...JSON.parse(JSON.stringify(t.value)),
       startX: 0,
       startY: 0
@@ -215,8 +239,8 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         startY: 0
       });
     }, { deep: !0 });
-    const d = y(null), H = g(() => {
-      switch (d.value) {
+    const c = b(null), V = g(() => {
+      switch (c.value) {
         case "TL":
           return {
             x: v.value.startX + v.value.width / 2,
@@ -256,34 +280,34 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         default:
           return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
       }
-    }), Lt = y(null), le = y(!1);
-    function j({ targetX: l, targetY: o, targetW: a, targetH: u, side: n }) {
-      d.value && ee(n);
-      const b = {
+    }), Ft = b(null), le = b(!1);
+    function J({ targetX: l, targetY: o, targetW: a, targetH: u, side: r }) {
+      c.value && ee(r);
+      const y = {
         x: l - v.value.startX,
         y: o - v.value.startY,
         w: a - v.value.width,
         h: u - v.value.height
       }, m = e.value.zoomAnimationFrames;
-      let M = 0;
-      function lt() {
-        le.value = !0, v.value.startX += b.x / m, v.value.startY += b.y / m, v.value.width += b.w / m, v.value.height += b.h / m, M += 1, M < m ? Lt.value = requestAnimationFrame(lt) : le.value = !1;
+      let D = 0;
+      function at() {
+        le.value = !0, v.value.startX += y.x / m, v.value.startY += y.y / m, v.value.width += y.w / m, v.value.height += y.h / m, D += 1, D < m ? Ft.value = requestAnimationFrame(at) : le.value = !1;
       }
-      lt();
+      at();
     }
-    function R(l) {
+    function M(l) {
       if (!le.value)
-        if (x.value && d.value === l)
-          j({
+        if (x.value && c.value === l)
+          J({
             targetX: 0,
             targetY: 0,
             targetW: t.value.width,
             targetH: t.value.height
-          }), d.value = null, x.value = !1;
+          }), c.value = null, x.value = !1;
         else {
-          switch (d.value = l, l) {
+          switch (c.value = l, l) {
             case "TL":
-              j({
+              J({
                 targetX: 0,
                 targetY: 0,
                 targetW: t.value.width / 2 + t.value.left,
@@ -292,7 +316,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
               });
               break;
             case "TR":
-              j({
+              J({
                 targetX: t.value.width / 2 - t.value.left,
                 targetY: 0,
                 targetW: t.value.width / 2 + t.value.left,
@@ -301,7 +325,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
               });
               break;
             case "BR":
-              j({
+              J({
                 targetX: t.value.width / 2 - t.value.left,
                 targetY: t.value.height / 2 - t.value.top,
                 targetW: t.value.width / 2 + t.value.left,
@@ -310,7 +334,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
               });
               break;
             case "BL":
-              j({
+              J({
                 targetX: 0,
                 targetY: t.value.height / 2 - t.value.top,
                 targetW: t.value.width / 2 + t.value.left,
@@ -325,20 +349,20 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           x.value = !0;
         }
     }
-    const wt = g(() => {
+    const Bt = g(() => {
       const l = e.value.style.chart.layout.grid.graduations.steps, o = t.value.usableWidth / (l * 2), a = t.value.top, u = [];
-      for (let n = 0; n < l; n += 1)
+      for (let r = 0; r < l; r += 1)
         u.push({
-          x: t.value.padding + o * n,
-          y: a + t.value.usableHeight * (n / l / 2),
-          height: t.value.usableHeight * (1 - n / l),
-          width: t.value.usableWidth * (1 - n / l),
-          opacity: Math.round((n + 1) / l * 20)
+          x: t.value.padding + o * r,
+          y: a + t.value.usableHeight * (r / l / 2),
+          height: t.value.usableHeight * (1 - r / l),
+          width: t.value.usableWidth * (1 - r / l),
+          opacity: Math.round((r + 1) / l * 20)
         });
       return u;
-    }), C = g(() => {
+    }), _ = g(() => {
       let l = e.value.style.chart.layout.grid.xAxis.max, o = e.value.style.chart.layout.grid.xAxis.min, a = e.value.style.chart.layout.grid.yAxis.max, u = e.value.style.chart.layout.grid.yAxis.min;
-      return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...Q.value.flatMap((n) => n.series.map((b) => b.x))), o = Math.min(...Q.value.flatMap((n) => n.series.map((b) => b.x)))), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...Q.value.flatMap((n) => n.series.map((b) => b.y))), u = Math.min(...Q.value.flatMap((n) => n.series.map((b) => b.y)))), {
+      return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...Q.value.flatMap((r) => r.series.map((y) => y.x))), o = Math.min(...Q.value.flatMap((r) => r.series.map((y) => y.x)))), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...Q.value.flatMap((r) => r.series.map((y) => y.y))), u = Math.min(...Q.value.flatMap((r) => r.series.map((y) => y.y)))), {
         x: {
           max: l,
           min: o
@@ -348,29 +372,29 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           min: u
         }
       };
-    }), W = y([]), Q = g(() => Xe.value.map((l, o) => ({
+    }), F = b([]), Q = g(() => We.value.map((l, o) => ({
       ...l,
-      series: Et({
+      series: ll({
         data: l.series,
         threshold: e.value.downsample.threshold
       }),
-      id: `cat_${o}_${w.value}`,
-      color: Ut(l.color) || Pe.value[o] || $e[o]
-    }))), St = g(() => Q.value.filter((l) => !W.value.includes(l.id))), _t = g(() => Q.value.map((l, o) => ({
+      id: `cat_${o}_${L.value}`,
+      color: tl(l.color) || Pe.value[o] || Ce[o]
+    }))), Wt = g(() => Q.value.filter((l) => !F.value.includes(l.id))), Xt = g(() => Q.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
         ...a,
-        x: Ve(a.x),
-        y: De(a.y),
+        x: Re(a.x),
+        y: Ve(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: Ie({ x: a.x, y: a.y }),
+        quadrantSide: He({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color
       }))
-    }))), T = g(() => (Xe.value.forEach((l, o) => {
+    }))), q = g(() => (We.value.forEach((l, o) => {
       l.series.forEach((a, u) => {
         [null, void 0].includes(a.x) && G({
           componentName: "VueUiQuadrant",
@@ -378,66 +402,66 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           property: "x",
           key: "series",
           index: u,
-          debug: E.value
+          debug: U.value
         }), [null, void 0].includes(a.y) && G({
           componentName: "VueUiQuadrant",
           type: "datasetSerieAttribute",
           property: "y",
           key: "series",
           index: u,
-          debug: E.value
+          debug: U.value
         });
       });
-    }), St.value.map((l, o) => ({
+    }), Wt.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
-      color: l.color || Pe.value[o] || $e[o],
+      color: l.color || Pe.value[o] || Ce[o],
       series: l.series.map((a) => ({
         ...a,
-        x: Ve(a.x),
-        y: De(a.y),
+        x: Re(a.x),
+        y: Ve(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: Ie({ x: a.x, y: a.y }),
+        quadrantSide: He({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color,
         uid: nt()
       }))
     }))));
-    function Ve(l) {
+    function Re(l) {
       if (l >= 0) {
-        const o = l / C.value.x.max;
+        const o = l / _.value.x.max;
         return t.value.centerX + t.value.usableWidth / 2 * o;
       } else {
-        const o = Math.abs(l) / Math.abs(C.value.x.min);
+        const o = Math.abs(l) / Math.abs(_.value.x.min);
         return t.value.centerX - t.value.usableWidth / 2 * o;
       }
     }
-    function De(l) {
+    function Ve(l) {
       if (l >= 0) {
-        const o = l / C.value.y.max;
+        const o = l / _.value.y.max;
         return t.value.centerY + (1 - t.value.usableHeight / 2 * o);
       } else {
-        const o = Math.abs(l) / Math.abs(C.value.y.min);
+        const o = Math.abs(l) / Math.abs(_.value.y.min);
         return t.value.centerY - (1 - t.value.usableHeight / 2 * o);
       }
     }
     const ae = g(() => {
-      const l = T.value.flatMap((m) => m.series.map((M) => ({
-        x: M.xValue,
-        y: M.yValue,
-        name: M.name,
-        category: M.categoryName,
-        quadrantSide: M.quadrantSide,
-        sideName: e.value.style.chart.layout.labels.quadrantLabels[M.quadrantSide].text,
+      const l = q.value.flatMap((m) => m.series.map((D) => ({
+        x: D.xValue,
+        y: D.yValue,
+        name: D.name,
+        category: D.categoryName,
+        quadrantSide: D.quadrantSide,
+        sideName: e.value.style.chart.layout.labels.quadrantLabels[D.quadrantSide].text,
         color: m.color,
         shape: m.shape
-      }))), o = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", u = [e.value.translations.category, e.value.translations.item, o, a, e.value.translations.side], n = l.map((m) => [m.category, m.name, m.x, m.y, m.sideName || m.quadrantSide]), b = l.map((m) => ({
+      }))), o = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", u = [e.value.translations.category, e.value.translations.item, o, a, e.value.translations.side], r = l.map((m) => [m.category, m.name, m.x, m.y, m.sideName || m.quadrantSide]), y = l.map((m) => ({
         shape: m.shape,
         color: m.color
       }));
-      return { head: u, body: n, itsShapes: b, tableData: l };
+      return { head: u, body: r, itsShapes: y, tableData: l };
     }), oe = g(() => {
       const l = ae.value.head, o = ae.value.tableData.map((u) => [
         {
@@ -446,18 +470,18 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           name: u.category
         },
         u.name,
-        V(
+        P(
           e.value.style.chart.layout.labels.plotLabels.x.formatter,
           u.x,
-          D({
+          R({
             v: u.x,
             r: e.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        V(
+        P(
           e.value.style.chart.layout.labels.plotLabels.y.formatter,
           u.y,
-          D({
+          R({
             v: u.y,
             r: e.value.style.chart.layout.labels.plotLabels.rounding
           })
@@ -479,34 +503,34 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
       return { head: l, body: o, config: a, colNames: l };
     });
     function Z(l) {
-      W.value.includes(l) ? W.value = W.value.filter((a) => a !== l) : W.value.push(l);
-      const o = Ge();
+      F.value.includes(l) ? F.value = F.value.filter((a) => a !== l) : F.value.push(l);
+      const o = je();
       ve("selectLegend", o);
     }
-    const K = g(() => _t.value.map((l) => ({
+    const K = g(() => Xt.value.map((l) => ({
       name: l.name,
       shape: l.shape,
       color: l.color,
       id: l.id,
-      opacity: W.value.includes(l.id) ? 0.5 : 1,
+      opacity: F.value.includes(l.id) ? 0.5 : 1,
       segregate: () => Z(l.id),
-      isSegregated: W.value.includes(l.id)
+      isSegregated: F.value.includes(l.id)
     })));
-    function He(l) {
+    function Ie(l) {
       if (!K.value.length)
         return e.value.debug && console.warn("VueUiQuadrant - There are no series to show."), null;
       const o = K.value.find((a) => a.name === l);
       return o || (e.value.debug && console.warn(`VueUiQuadrant - Series name not found "${l}"`), null);
     }
-    function Ct(l) {
-      const o = He(l);
-      o !== null && W.value.includes(o.id) && Z(o.id);
+    function Dt(l) {
+      const o = Ie(l);
+      o !== null && F.value.includes(o.id) && Z(o.id);
     }
-    function qt(l) {
-      const o = He(l);
-      o !== null && (W.value.includes(o.id) || Z(o.id));
+    function Et(l) {
+      const o = Ie(l);
+      o !== null && (F.value.includes(o.id) || Z(o.id));
     }
-    const Tt = g(() => ({
+    const Yt = g(() => ({
       cy: "quadrant-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -514,7 +538,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Ie(l) {
+    function He(l) {
       switch (!0) {
         case (l.x >= 0 && l.y >= 0):
           return "tr";
@@ -528,7 +552,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           return "";
       }
     }
-    const ue = y(null), se = y(null), pe = y(null);
+    const ue = b(null), se = b(null), pe = b(null);
     function Ue(l, o, a) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: a }), ue.value = o.uid, se.value = {
         color: l.color,
@@ -536,47 +560,47 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
       }, pe.value = {
         datapoint: o,
         seriesIndex: a,
-        series: T.value,
+        series: q.value,
         config: e.value
-      }, de.value = !0;
+      }, ce.value = !0;
       const u = e.value.style.chart.tooltip.customFormat;
-      if (tl(u) && ll(() => u({
+      if (vl(u) && cl(() => u({
         seriesIndex: a,
         datapoint: o,
-        series: T.value,
+        series: q.value,
         config: e.value
       })))
-        ce.value = u({
+        de.value = u({
           seriesIndex: a,
           datapoint: o,
-          series: T.value,
+          series: q.value,
           config: e.value
         });
       else {
-        let n = "";
-        o.quadrantSide && (n += `<div style="color:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].color};font-weight:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].bold ? "bold" : "400"}">${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].text}</div>`), n += `<div>${l.name}</div>`, n += `<div style="padding-bottom:6px;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};margin-bottom:3px">${o.name}</div>`, n += `<div>${e.value.style.chart.layout.grid.xAxis.name ? e.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${V(
+        let r = "";
+        o.quadrantSide && (r += `<div style="color:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].color};font-weight:${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].bold ? "bold" : "400"}">${e.value.style.chart.layout.labels.quadrantLabels[o.quadrantSide].text}</div>`), r += `<div>${l.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};margin-bottom:3px">${o.name}</div>`, r += `<div>${e.value.style.chart.layout.grid.xAxis.name ? e.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${P(
           e.value.style.chart.layout.labels.plotLabels.x.formatter,
           o.xValue,
-          D({
+          R({
             v: o.xValue,
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: o, category: l, categoryIndex: a }
-        )}</b></div>`, n += `<div>${e.value.style.chart.layout.grid.yAxis.name ? e.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${V(
+        )}</b></div>`, r += `<div>${e.value.style.chart.layout.grid.yAxis.name ? e.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${P(
           e.value.style.chart.layout.labels.plotLabels.y.formatter,
           o.yValue,
-          D({
+          R({
             v: o.yValue,
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: o, category: l, categoryIndex: a }
-        )}</b></div>`, ce.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${n}</div>`;
+        )}</b></div>`, de.value = `<div style="text-align:left;font-size:${e.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
-    function Ee(l, o) {
-      de.value = !1, ue.value = null, se.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o });
+    function Qe(l, o) {
+      ce.value = !1, ue.value = null, se.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o });
     }
-    function Qe(l, o, a) {
+    function Ge(l, o, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: a });
       const u = {
         category: l.name,
@@ -591,11 +615,11 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
     }
     function ee(l) {
       if (!l) return;
-      const o = T.value.flatMap((u) => u.series.filter((n) => n.quadrantSide === l).map((n) => ({
-        category: n.categoryName,
-        itemName: n.name,
-        x: n.xValue,
-        y: n.yValue
+      const o = q.value.flatMap((u) => u.series.filter((r) => r.quadrantSide === l).map((r) => ({
+        category: r.categoryName,
+        itemName: r.name,
+        x: r.xValue,
+        y: r.yValue
       }))), a = {
         quadrantSide: l,
         sideName: e.value.style.chart.layout.labels.quadrantLabels[l].text,
@@ -603,7 +627,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
       };
       ve("selectSide", a);
     }
-    const S = g(() => ({
+    const w = g(() => ({
       TL: {
         tl: {
           x: t.value.left + t.value.usableWidth / 4 - 20,
@@ -709,8 +733,8 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         }
       }
     }));
-    function Ge() {
-      return T.value.map((l) => ({
+    function je() {
+      return q.value.map((l) => ({
         color: l.color,
         name: l.name,
         shape: l.shape,
@@ -724,34 +748,34 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
       }));
     }
     function ge(l = null) {
-      st(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ae.value.head, u = ae.value.body, n = o.concat([a]).concat(u), b = Kt(n);
-        l ? l(b) : el({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
+      rt(() => {
+        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ae.value.head, u = ae.value.body, r = o.concat([a]).concat(u), y = nl(r);
+        l ? l(y) : il({ csvContent: y, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
-    const I = y(!1);
+    const I = b(!1);
     function Je(l) {
       I.value = l, Le.value += 1;
     }
-    function je() {
-      $.value.showTable = !$.value.showTable;
-    }
     function Ze() {
-      $.value.plotLabels.show = !$.value.plotLabels.show;
+      C.value.showTable = !C.value.showTable;
     }
     function Ke() {
-      $.value.showTooltip = !$.value.showTooltip;
+      C.value.plotLabels.show = !C.value.plotLabels.show;
     }
-    const ne = y(!1);
+    function et() {
+      C.value.showTooltip = !C.value.showTooltip;
+    }
+    const re = b(!1);
     function me() {
-      ne.value = !ne.value;
+      re.value = !re.value;
     }
-    async function zt({ scale: l = 2 } = {}) {
-      if (!Y.value) return;
-      const { width: o, height: a } = Y.value.getBoundingClientRect(), u = o / a, { imageUri: n, base64: b } = await vl({ domElement: Y.value, base64: !0, img: !0, scale: l });
+    async function Ot({ scale: l = 2 } = {}) {
+      if (!X.value) return;
+      const { width: o, height: a } = X.value.getBoundingClientRect(), u = o / a, { imageUri: r, base64: y } = await kl({ domElement: X.value, base64: !0, img: !0, scale: l });
       return {
-        imageUri: n,
-        base64: b,
+        imageUri: r,
+        base64: y,
         title: e.value.style.chart.title.text,
         width: o,
         height: a,
@@ -759,9 +783,9 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
       };
     }
     const te = g(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, o = $.value.showTable;
+      const l = e.value.table.useDialog && !e.value.table.show, o = C.value.showTable;
       return {
-        component: l ? xt : bt,
+        component: l ? _t : kt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -769,7 +793,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: I.value,
-          fullscreenParent: Y.value,
+          fullscreenParent: X.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -788,91 +812,91 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         }
       };
     });
-    xe(() => $.value.showTable, (l) => {
-      e.value.table.show || (l && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
+    xe(() => C.value.showTable, (l) => {
+      e.value.table.show || (l && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
     });
-    function et() {
-      $.value.showTable = !1, he.value && he.value.setTableIconState(!1);
+    function tt() {
+      C.value.showTable = !1, he.value && he.value.setTableIconState(!1);
     }
-    const At = g(() => e.value.style.chart.backgroundColor), Wt = g(() => e.value.style.chart.legend), Xt = g(() => e.value.style.chart.title), { exportSvg: Yt, getSvg: Mt } = nl({
-      svg: be,
-      title: Xt,
-      legend: Wt,
+    const Mt = g(() => e.value.style.chart.backgroundColor), Nt = g(() => e.value.style.chart.legend), Pt = g(() => e.value.style.chart.title), { exportSvg: Rt, getSvg: Vt } = gl({
+      svg: ye,
+      title: Pt,
+      legend: Nt,
       legendItems: K,
-      backgroundColor: At
+      backgroundColor: Mt
     });
-    async function tt({ isCb: l }) {
+    async function lt({ isCb: l }) {
       if (l) {
-        const { blob: o, url: a, text: u, dataUrl: n } = await Mt();
-        e.value.userOptions.callbacks.svg({ blob: o, url: a, text: u, dataUrl: n });
+        const { blob: o, url: a, text: u, dataUrl: r } = await Vt();
+        e.value.userOptions.callbacks.svg({ blob: o, url: a, text: u, dataUrl: r });
       } else
-        Yt();
+        Rt();
     }
-    return dt({
-      getData: Ge,
-      getImage: zt,
-      generatePdf: Fe,
+    return gt({
+      getData: je,
+      getImage: Ot,
+      generatePdf: Me,
       generateCsv: ge,
-      generateImage: Re,
-      generateSvg: tt,
-      hideSeries: qt,
-      showSeries: Ct,
-      toggleTable: je,
-      toggleLabels: Ze,
-      toggleTooltip: Ke,
+      generateImage: Ne,
+      generateSvg: lt,
+      hideSeries: Et,
+      showSeries: Dt,
+      toggleTable: Ze,
+      toggleLabels: Ke,
+      toggleTooltip: et,
       toggleAnnotator: me,
       toggleFullscreen: Je
-    }), (l, o) => (s(), r("div", {
-      class: X(`vue-data-ui-component vue-ui-quadrant ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+    }), (l, o) => (s(), n("div", {
+      class: B(`vue-data-ui-component vue-ui-quadrant ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
-      ref: Y,
-      id: `vue-ui-quadrant_${w.value}`,
-      style: _(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: o[14] || (o[14] = () => i(Ye)(!0)),
-      onMouseleave: o[15] || (o[15] = () => i(Ye)(!1))
+      ref: X,
+      id: `vue-ui-quadrant_${L.value}`,
+      style: A(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: o[14] || (o[14] = () => i(Xe)(!0)),
+      onMouseleave: o[15] || (o[15] = () => i(Xe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), O(i(pt), {
+      e.value.userOptions.buttons.annotator ? (s(), E(i(Lt), {
         key: 0,
-        svgRef: i(be),
+        svgRef: i(ye),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: ne.value,
+        active: re.value,
         onClose: me
       }, {
         "annotator-action-close": f(() => [
           p(l.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": f(({ color: a }) => [
-          p(l.$slots, "annotator-action-color", z(A({ color: a })), void 0, !0)
+          p(l.$slots, "annotator-action-color", T(z({ color: a })), void 0, !0)
         ]),
         "annotator-action-draw": f(({ mode: a }) => [
-          p(l.$slots, "annotator-action-draw", z(A({ mode: a })), void 0, !0)
+          p(l.$slots, "annotator-action-draw", T(z({ mode: a })), void 0, !0)
         ]),
         "annotator-action-undo": f(({ disabled: a }) => [
-          p(l.$slots, "annotator-action-undo", z(A({ disabled: a })), void 0, !0)
+          p(l.$slots, "annotator-action-undo", T(z({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-redo": f(({ disabled: a }) => [
-          p(l.$slots, "annotator-action-redo", z(A({ disabled: a })), void 0, !0)
+          p(l.$slots, "annotator-action-redo", T(z({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-delete": f(({ disabled: a }) => [
-          p(l.$slots, "annotator-action-delete", z(A({ disabled: a })), void 0, !0)
+          p(l.$slots, "annotator-action-delete", T(z({ disabled: a })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      kt.value ? (s(), r("div", {
+      zt.value ? (s(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Ce,
+        ref: Se,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : h("", !0),
-      e.value.style.chart.title.text ? (s(), r("div", {
+      e.value.style.chart.title.text ? (s(), n("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: we,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), O(dl, {
+        (s(), E($l, {
           key: `table_${qe.value}`,
           config: {
             title: {
@@ -886,18 +910,18 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      c("div", {
-        id: `legend-top-${w.value}`
-      }, null, 8, gl),
-      e.value.userOptions.show && ke.value && (i(Me) || i(ye)) ? (s(), O(i(gt), {
+      d("div", {
+        id: `legend-top-${L.value}`
+      }, null, 8, _l),
+      e.value.userOptions.show && $e.value && (i(De) || i(be)) ? (s(), E(i(wt), {
         ref_key: "userOptionsRef",
         ref: he,
         key: `user_options_${Le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: i(Be),
-        isPrinting: i(Ne),
-        uid: w.value,
+        isImaging: i(Oe),
+        isPrinting: i(Ye),
+        uid: L.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -907,32 +931,32 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: I.value,
-        isTooltip: $.value.showTooltip,
+        isTooltip: C.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: Y.value,
+        chartElement: X.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: ne.value,
+        isAnnotation: re.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: Je,
-        onGeneratePdf: i(Fe),
+        onGeneratePdf: i(Me),
         onGenerateCsv: ge,
-        onGenerateImage: i(Re),
-        onGenerateSvg: tt,
-        onToggleTable: je,
-        onToggleLabels: Ze,
-        onToggleTooltip: Ke,
+        onGenerateImage: i(Ne),
+        onGenerateSvg: lt,
+        onToggleTable: Ze,
+        onToggleLabels: Ke,
+        onToggleTooltip: et,
         onToggleAnnotator: me,
-        style: _({
-          visibility: i(Me) ? i(ye) ? "visible" : "hidden" : "visible"
+        style: A({
+          visibility: i(De) ? i(be) ? "visible" : "hidden" : "visible"
         })
-      }, ot({ _: 2 }, [
+      }, ut({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: f(({ isOpen: a, color: u }) => [
-            p(l.$slots, "menuIcon", z(A({ isOpen: a, color: u })), void 0, !0)
+            p(l.$slots, "menuIcon", T(z({ isOpen: a, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -988,29 +1012,29 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: f(({ toggleFullscreen: a, isFullscreen: u }) => [
-            p(l.$slots, "optionFullscreen", z(A({ toggleFullscreen: a, isFullscreen: u })), void 0, !0)
+            p(l.$slots, "optionFullscreen", T(z({ toggleFullscreen: a, isFullscreen: u })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: f(({ toggleAnnotator: a, isAnnotator: u }) => [
-            p(l.$slots, "optionAnnotator", z(A({ toggleAnnotator: a, isAnnotator: u })), void 0, !0)
+            p(l.$slots, "optionAnnotator", T(z({ toggleAnnotator: a, isAnnotator: u })), void 0, !0)
           ]),
           key: "9"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
-      (s(), r("svg", {
+      (s(), n("svg", {
         ref_key: "svgRef",
-        ref: be,
-        xmlns: i(Qt),
-        class: X({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
+        ref: ye,
+        xmlns: i(al),
+        class: B({ "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: _(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
-        id: `svg_${w.value}`
+        style: A(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
+        id: `svg_${L.value}`
       }, [
-        re(i(mt)),
-        l.$slots["chart-background"] ? (s(), r("foreignObject", {
+        ne(i(At)),
+        l.$slots["chart-background"] ? (s(), n("foreignObject", {
           key: 0,
           x: v.value.startX,
           y: v.value.startY,
@@ -1021,28 +1045,28 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           }
         }, [
           p(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, xl)) : h("", !0),
-        c("defs", null, [
-          (s(!0), r(q, null, N(T.value, (a, u) => (s(), r("radialGradient", {
+        ], 8, ql)) : h("", !0),
+        d("defs", null, [
+          (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%",
-            id: `quadrant_gradient_${w.value}_${u}`
+            id: `quadrant_gradient_${L.value}_${u}`
           }, [
-            c("stop", {
+            d("stop", {
               offset: "0%",
-              "stop-color": i(ie)(i(Gt)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
-            }, null, 8, kl),
-            c("stop", {
+              "stop-color": i(ie)(i(ol)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
+            }, null, 8, zl),
+            d("stop", {
               offset: "100%",
               "stop-color": i(ie)(a.color, e.value.style.chart.layout.areas.opacity)
-            }, null, 8, Ll)
-          ], 8, $l))), 256))
+            }, null, 8, Fl)
+          ], 8, Tl))), 256))
         ]),
-        e.value.style.chart.layout.grid.graduations.show ? (s(), r("g", wl, [
-          (s(!0), r(q, null, N(wt.value, (a) => (s(), r("rect", {
+        e.value.style.chart.layout.grid.graduations.show ? (s(), n("g", Bl, [
+          (s(!0), n(S, null, Y(Bt.value, (a) => (s(), n("rect", {
             fill: e.value.style.chart.layout.grid.graduations.fill ? i(ie)(e.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
             x: a.x,
             y: a.y,
@@ -1051,390 +1075,390 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
             "stroke-width": e.value.style.chart.layout.grid.graduations.strokeWidth,
             stroke: e.value.style.chart.layout.grid.graduations.stroke,
             rx: e.value.style.chart.layout.grid.graduations.roundingForce
-          }, null, 8, Sl))), 256))
+          }, null, 8, Wl))), 256))
         ])) : h("", !0),
-        c("line", {
+        d("line", {
           x1: t.value.left,
           y1: t.value.centerY,
           x2: t.value.right,
           y2: t.value.centerY,
           stroke: e.value.style.chart.layout.grid.stroke,
           "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, _l),
-        c("line", {
+        }, null, 8, Xl),
+        d("line", {
           x1: t.value.centerX,
           y1: t.value.top,
           x2: t.value.centerX,
           y2: t.value.bottom,
           stroke: e.value.style.chart.layout.grid.stroke,
           "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, Cl),
-        e.value.style.chart.layout.grid.showArrows ? (s(), r("g", ql, [
-          c("polygon", {
+        }, null, 8, Dl),
+        e.value.style.chart.layout.grid.showArrows ? (s(), n("g", El, [
+          d("polygon", {
             points: `${t.value.right - 8},${t.value.centerY - 6} ${t.value.right},${t.value.centerY} ${t.value.right - 8},${t.value.centerY + 6}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, Tl),
-          c("polygon", {
+          }, null, 8, Yl),
+          d("polygon", {
             points: `${t.value.left + 8},${t.value.centerY - 6} ${t.value.left},${t.value.centerY} ${t.value.left + 8},${t.value.centerY + 6}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, zl),
-          c("polygon", {
+          }, null, 8, Ol),
+          d("polygon", {
             points: `${t.value.centerX - 6},${t.value.top + 8} ${t.value.centerX},${t.value.top} ${t.value.centerX + 6},${t.value.top + 8}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, Al),
-          c("polygon", {
+          }, null, 8, Ml),
+          d("polygon", {
             points: `${t.value.centerX - 6},${t.value.bottom - 8} ${t.value.centerX},${t.value.bottom} ${t.value.centerX + 6},${t.value.bottom - 8}`,
             fill: e.value.style.chart.layout.grid.stroke,
             stroke: "none"
-          }, null, 8, Wl)
+          }, null, 8, Nl)
         ])) : h("", !0),
-        e.value.style.chart.layout.labels.quadrantLabels.show && !x.value ? (s(), r("g", Xl, [
-          e.value.style.chart.layout.labels.quadrantLabels.tl.text ? (s(), r("text", {
+        e.value.style.chart.layout.labels.quadrantLabels.show && !x.value ? (s(), n("g", Pl, [
+          e.value.style.chart.layout.labels.quadrantLabels.tl.text ? (s(), n("text", {
             key: 0,
             x: 0,
             y: t.value.top - t.value.padding / 2,
             "text-anchor": "start",
             fill: e.value.style.chart.layout.labels.quadrantLabels.tl.color,
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
-            style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
+            style: A(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
             onClick: o[0] || (o[0] = (a) => ee("tl"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Yl)) : h("", !0),
-          e.value.style.chart.layout.labels.quadrantLabels.tr.text ? (s(), r("text", {
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, Rl)) : h("", !0),
+          e.value.style.chart.layout.labels.quadrantLabels.tr.text ? (s(), n("text", {
             key: 1,
             x: t.value.width,
             y: t.value.top - t.value.padding / 2,
             "text-anchor": "end",
             fill: e.value.style.chart.layout.labels.quadrantLabels.tr.color,
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
-            style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
+            style: A(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
             onClick: o[1] || (o[1] = (a) => ee("tr"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, Ml)) : h("", !0),
-          e.value.style.chart.layout.labels.quadrantLabels.br.text ? (s(), r("text", {
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, Vl)) : h("", !0),
+          e.value.style.chart.layout.labels.quadrantLabels.br.text ? (s(), n("text", {
             key: 2,
             x: t.value.width,
             y: t.value.bottom + t.value.padding * 0.7,
             "text-anchor": "end",
             fill: e.value.style.chart.layout.labels.quadrantLabels.br.color,
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
-            style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
+            style: A(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
             onClick: o[2] || (o[2] = (a) => ee("br"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.br.text), 13, Ol)) : h("", !0),
-          e.value.style.chart.layout.labels.quadrantLabels.bl.text ? (s(), r("text", {
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.br.text), 13, Il)) : h("", !0),
+          e.value.style.chart.layout.labels.quadrantLabels.bl.text ? (s(), n("text", {
             key: 3,
             x: 0,
             y: t.value.bottom + t.value.padding * 0.7,
             "text-anchor": "start",
             fill: e.value.style.chart.layout.labels.quadrantLabels.bl.color,
             "font-size": e.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
-            style: _(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
+            style: A(`font-weight:${e.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
             onClick: o[3] || (o[3] = (a) => ee("bl"))
-          }, k(e.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, Nl)) : h("", !0)
+          }, k(e.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, Hl)) : h("", !0)
         ])) : h("", !0),
-        e.value.style.chart.layout.labels.axisLabels.show ? (s(), r("g", Bl, [
-          c("text", {
+        e.value.style.chart.layout.labels.axisLabels.show ? (s(), n("g", Ul, [
+          d("text", {
             x: t.value.centerX,
             y: t.value.top - t.value.padding / 6,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(i(V)(
+          }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.y.formatter,
-            C.value.y.max,
-            i(D)({
-              v: C.value.y.max,
+            _.value.y.max,
+            i(R)({
+              v: _.value.y.max,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Fl),
-          c("text", {
+          )), 9, Ql),
+          d("text", {
             x: t.value.centerX,
             y: t.value.top - t.value.padding / 2,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(e.value.style.chart.layout.grid.yAxis.name), 9, Rl),
-          c("text", {
+          }, k(e.value.style.chart.layout.grid.yAxis.name), 9, Gl),
+          d("text", {
             x: t.value.centerX,
             y: t.value.bottom + t.value.padding * 0.35,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: e.value.style.chart.layout.labels.axisLabels.color.negative
-          }, k(i(V)(
+          }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.y.formatter,
-            C.value.y.min,
-            i(D)({
-              v: C.value.y.min,
+            _.value.y.min,
+            i(R)({
+              v: _.value.y.min,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Pl),
-          c("text", {
-            id: `xLabelMin_${w.value}`,
+          )), 9, jl),
+          d("text", {
+            id: `xLabelMin_${L.value}`,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${t.value.padding - e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(-90)`,
             fill: e.value.style.chart.layout.labels.axisLabels.color.negative
-          }, k(i(V)(
+          }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
-            C.value.x.min,
-            i(D)({
-              v: C.value.x.min,
+            _.value.x.min,
+            i(R)({
+              v: _.value.x.min,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Vl),
-          c("text", {
-            id: `xLabelMax_${w.value}`,
+          )), 9, Jl),
+          d("text", {
+            id: `xLabelMax_${L.value}`,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${t.value.width - t.value.padding + e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(90)`,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(i(V)(
+          }, k(i(P)(
             e.value.style.chart.layout.labels.plotLabels.x.formatter,
-            C.value.x.max,
-            i(D)({
-              v: C.value.x.max,
+            _.value.x.max,
+            i(R)({
+              v: _.value.x.max,
               r: e.value.style.chart.layout.labels.plotLabels.rounding
             })
-          )), 9, Dl),
-          c("text", {
-            id: `xLabelMaxName_${w.value}`,
+          )), 9, Zl),
+          d("text", {
+            id: `xLabelMaxName_${L.value}`,
             "text-anchor": "middle",
             "font-size": e.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${t.value.width - e.value.style.chart.layout.labels.axisLabels.fontSize}, ${t.value.height / 2}), rotate(90)`,
             fill: e.value.style.chart.layout.labels.axisLabels.color.positive
-          }, k(e.value.style.chart.layout.grid.xAxis.name), 9, Hl)
+          }, k(e.value.style.chart.layout.grid.xAxis.name), 9, Kl)
         ])) : h("", !0),
-        e.value.style.chart.layout.areas.show ? (s(), r("g", Il, [
-          (s(!0), r(q, null, N(T.value, (a, u) => (s(), r("g", null, [
-            a.series.length > 2 ? (s(), r("polygon", {
+        e.value.style.chart.layout.areas.show ? (s(), n("g", ea, [
+          (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n("g", null, [
+            a.series.length > 2 ? (s(), n("polygon", {
               key: 0,
               "data-cy-quadrant-area": "",
-              fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${w.value}_${u})` : i(ie)(a.color, e.value.style.chart.layout.areas.opacity),
-              points: i(Jt)(a)
-            }, null, 8, Ul)) : h("", !0)
+              fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${L.value}_${u})` : i(ie)(a.color, e.value.style.chart.layout.areas.opacity),
+              points: i(ul)(a)
+            }, null, 8, ta)) : h("", !0)
           ]))), 256))
         ])) : h("", !0),
-        c("g", null, [
-          c("rect", {
-            onClick: o[4] || (o[4] = (a) => R("TL")),
+        d("g", null, [
+          d("rect", {
+            onClick: o[4] || (o[4] = (a) => M("TL")),
             x: t.value.left,
             y: t.value.top,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
             fill: "transparent",
-            class: X({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
-          }, null, 10, El),
-          c("rect", {
-            onClick: o[5] || (o[5] = (a) => R("TR")),
+            class: B({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+          }, null, 10, la),
+          d("rect", {
+            onClick: o[5] || (o[5] = (a) => M("TR")),
             x: t.value.centerX,
             y: t.value.top,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
             fill: "transparent",
-            class: X({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
-          }, null, 10, Ql),
-          c("rect", {
-            onClick: o[6] || (o[6] = (a) => R("BR")),
+            class: B({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+          }, null, 10, aa),
+          d("rect", {
+            onClick: o[6] || (o[6] = (a) => M("BR")),
             x: t.value.centerX,
             y: t.value.centerY,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
             fill: "transparent",
-            class: X({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
-          }, null, 10, Gl),
-          c("rect", {
-            onClick: o[7] || (o[7] = (a) => R("BL")),
+            class: B({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+          }, null, 10, oa),
+          d("rect", {
+            onClick: o[7] || (o[7] = (a) => M("BL")),
             x: t.value.left,
             y: t.value.centerY,
             width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
             height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
             fill: "transparent",
-            class: X({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
-          }, null, 10, Jl)
+            class: B({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+          }, null, 10, ua)
         ]),
-        e.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), r(q, { key: 7 }, [
-          $.value.plotLabels.show ? (s(), r("g", ea, [
-            (s(!0), r(q, null, N(T.value, (a, u) => (s(), r(q, null, [
-              (s(!0), r(q, null, N(a.series, (n) => (s(), r("foreignObject", {
+        e.value.style.chart.layout.labels.plotLabels.showAsTag ? (s(), n(S, { key: 7 }, [
+          C.value.plotLabels.show ? (s(), n("g", ia, [
+            (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n(S, null, [
+              (s(!0), n(S, null, Y(a.series, (r) => (s(), n("foreignObject", {
                 style: { overflow: "visible" },
                 height: "10",
                 width: "100",
-                x: n.x - 50,
-                y: n.y - e.value.style.chart.layout.labels.plotLabels.fontSize,
-                onMouseover: (b) => Ue(a, n, u),
-                onMouseleave: (b) => Ee(n, u),
-                onClick: (b) => Qe(a, n, u)
+                x: r.x - 50,
+                y: r.y - e.value.style.chart.layout.labels.plotLabels.fontSize,
+                onMouseover: (y) => Ue(a, r, u),
+                onMouseleave: (y) => Qe(r, u),
+                onClick: (y) => Ge(a, r, u)
               }, [
-                c("div", {
-                  style: _(`color:${i(Zt)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
-                }, k(n.name), 5)
-              ], 40, ta))), 256))
+                d("div", {
+                  style: A(`color:${i(rl)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
+                }, k(r.name), 5)
+              ], 40, va))), 256))
             ], 64))), 256))
           ])) : h("", !0)
-        ], 64)) : (s(), r(q, { key: 6 }, [
-          (s(!0), r(q, null, N(T.value, (a, u) => (s(), r("g", null, [
-            (s(!0), r(q, null, N(a.series, (n) => (s(), O(it, {
+        ], 64)) : (s(), n(S, { key: 6 }, [
+          (s(!0), n(S, null, Y(q.value, (a, u) => (s(), n("g", null, [
+            (s(!0), n(S, null, Y(a.series, (r) => (s(), E(it, {
               color: a.color,
-              isSelected: ue.value && n.uid === ue.value,
-              plot: n,
+              isSelected: ue.value && r.uid === ue.value,
+              plot: r,
               radius: e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1),
               shape: a.shape,
               stroke: e.value.style.chart.layout.plots.outline ? e.value.style.chart.layout.plots.outlineColor : "none",
               strokeWidth: e.value.style.chart.layout.plots.outlineWidth,
-              onMouseenter: (b) => Ue(a, n, u),
-              onMouseleave: (b) => Ee(n, u),
-              onClick: (b) => Qe(a, n, u)
+              onMouseenter: (y) => Ue(a, r, u),
+              onMouseleave: (y) => Qe(r, u),
+              onClick: (y) => Ge(a, r, u)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onMouseleave", "onClick"]))), 256))
           ]))), 256)),
-          $.value.plotLabels.show ? (s(), r("g", jl, [
-            (s(!0), r(q, null, N(T.value, (a) => (s(), r("g", null, [
-              (s(!0), r(q, null, N(a.series, (u) => (s(), r("g", null, [
+          C.value.plotLabels.show ? (s(), n("g", sa, [
+            (s(!0), n(S, null, Y(q.value, (a) => (s(), n("g", null, [
+              (s(!0), n(S, null, Y(a.series, (u) => (s(), n("g", null, [
                 String(u.name).includes(`
-`) ? (s(), r("text", {
+`) ? (s(), n("text", {
                   key: 1,
                   x: u.x,
                   y: u.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius,
                   "text-anchor": "middle",
                   "font-size": e.value.style.chart.layout.labels.plotLabels.fontSize / (x.value ? 1.5 : 1),
                   fill: e.value.style.chart.layout.labels.plotLabels.color,
-                  innerHTML: i(jt)({
+                  innerHTML: i(sl)({
                     content: String(u.name),
                     fontSize: e.value.style.chart.layout.labels.plotLabels.fontSize / (x.value ? 1.5 : 1),
                     fill: e.value.style.chart.layout.labels.plotLabels.color,
                     x: u.x,
                     y: u.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius
                   })
-                }, null, 8, Kl)) : (s(), r("text", {
+                }, null, 8, na)) : (s(), n("text", {
                   key: 0,
                   x: u.x,
                   y: u.y + e.value.style.chart.layout.labels.plotLabels.offsetY + e.value.style.chart.layout.plots.radius,
                   "text-anchor": "middle",
                   "font-size": e.value.style.chart.layout.labels.plotLabels.fontSize / (x.value ? 1.5 : 1),
                   fill: e.value.style.chart.layout.labels.plotLabels.color
-                }, k(u.name), 9, Zl))
+                }, k(u.name), 9, ra))
               ]))), 256))
             ]))), 256))
           ])) : h("", !0)
         ], 64)),
-        x.value ? (s(), r("g", la, [
-          d.value === "TL" ? (s(), r("polygon", {
+        x.value ? (s(), n("g", ca, [
+          c.value === "TL" ? (s(), n("polygon", {
             key: 0,
             points: `${t.value.left - 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.top - 1} ${t.value.right},${t.value.top - 1} ${t.value.right},${t.value.bottom} ${t.value.left - 1},${t.value.bottom} ${t.value.left - 1},${t.value.centerY}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, aa)) : h("", !0),
-          d.value === "TR" ? (s(), r("polygon", {
+          }, null, 8, da)) : h("", !0),
+          c.value === "TR" ? (s(), n("polygon", {
             key: 1,
             points: `${t.value.left},${t.value.top - 1} ${t.value.centerX},${t.value.top - 1} ${t.value.centerX},${t.value.centerY} ${t.value.right + 1},${t.value.centerY} ${t.value.right + 1},${t.value.bottom} ${t.value.left},${t.value.bottom} ${t.value.left},${t.value.top - 1}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, oa)) : h("", !0),
-          d.value === "BR" ? (s(), r("polygon", {
+          }, null, 8, ha)) : h("", !0),
+          c.value === "BR" ? (s(), n("polygon", {
             key: 2,
             points: `${t.value.left},${t.value.top} ${t.value.right + 1},${t.value.top} ${t.value.right + 1},${t.value.centerY} ${t.value.centerX},${t.value.centerY} ${t.value.centerX},${t.value.bottom + 1} ${t.value.left},${t.value.bottom + 1} ${t.value.left},${t.value.top}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, ua)) : h("", !0),
-          d.value === "BL" ? (s(), r("polygon", {
+          }, null, 8, ba)) : h("", !0),
+          c.value === "BL" ? (s(), n("polygon", {
             key: 3,
             points: `${t.value.left - 1},${t.value.top} ${t.value.right},${t.value.top} ${t.value.right},${t.value.bottom + 1} ${t.value.centerX},${t.value.bottom + 1} ${t.value.centerX},${t.value.centerY} ${t.value.left - 1},${t.value.centerY} ${t.value.left - 1},${t.value.top}`,
             fill: e.value.style.chart.backgroundColor,
             style: { opacity: "1" }
-          }, null, 8, sa)) : h("", !0)
+          }, null, 8, ya)) : h("", !0)
         ])) : h("", !0),
-        d.value && !le.value ? (s(), r("g", na, [
-          c("text", {
-            x: H.value.x,
-            y: H.value.y - H.value.fontSize / 1.5,
-            "font-size": H.value.fontSize / 1.5,
-            fill: H.value.fill,
+        c.value && !le.value ? (s(), n("g", fa, [
+          d("text", {
+            x: V.value.x,
+            y: V.value.y - V.value.fontSize / 1.5,
+            "font-size": V.value.fontSize / 1.5,
+            fill: V.value.fill,
             "text-anchor": "middle",
-            "font-weight": H.value.bold ? "bold" : "normal"
-          }, k(H.value.text), 9, ra)
+            "font-weight": V.value.bold ? "bold" : "normal"
+          }, k(V.value.text), 9, pa)
         ])) : h("", !0),
-        x.value && d.value ? (s(), r("g", ia, [
-          c("rect", {
-            x: S.value[d.value].tl.x,
-            y: S.value[d.value].tl.y,
+        x.value && c.value ? (s(), n("g", ga, [
+          d("rect", {
+            x: w.value[c.value].tl.x,
+            y: w.value[c.value].tl.y,
             height: "20",
             width: "20",
-            fill: S.value[d.value].tl.fill,
-            style: _(`cursor: pointer; opacity: ${d.value === "TL" ? 1 : 0.2}`),
-            onClick: o[8] || (o[8] = (a) => R("TL")),
-            class: X({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "TL" })
-          }, null, 14, va),
-          c("rect", {
-            x: S.value[d.value].tr.x,
-            y: S.value[d.value].tr.y,
+            fill: w.value[c.value].tl.fill,
+            style: A(`cursor: pointer; opacity: ${c.value === "TL" ? 1 : 0.2}`),
+            onClick: o[8] || (o[8] = (a) => M("TL")),
+            class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TL" })
+          }, null, 14, ma),
+          d("rect", {
+            x: w.value[c.value].tr.x,
+            y: w.value[c.value].tr.y,
             height: "20",
             width: "20",
-            fill: S.value[d.value].tr.fill,
-            style: _(`cursor: pointer; opacity: ${d.value === "TR" ? 1 : 0.2}`),
-            onClick: o[9] || (o[9] = (a) => R("TR")),
-            class: X({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "TR" })
-          }, null, 14, da),
-          c("rect", {
-            x: S.value[d.value].br.x,
-            y: S.value[d.value].br.y,
+            fill: w.value[c.value].tr.fill,
+            style: A(`cursor: pointer; opacity: ${c.value === "TR" ? 1 : 0.2}`),
+            onClick: o[9] || (o[9] = (a) => M("TR")),
+            class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "TR" })
+          }, null, 14, xa),
+          d("rect", {
+            x: w.value[c.value].br.x,
+            y: w.value[c.value].br.y,
             height: "20",
             width: "20",
-            fill: S.value[d.value].br.fill,
-            style: _(`cursor: pointer; opacity: ${d.value === "BR" ? 1 : 0.2}`),
-            onClick: o[10] || (o[10] = (a) => R("BR")),
-            class: X({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "BR" })
-          }, null, 14, ca),
-          c("rect", {
-            x: S.value[d.value].bl.x,
-            y: S.value[d.value].bl.y,
+            fill: w.value[c.value].br.fill,
+            style: A(`cursor: pointer; opacity: ${c.value === "BR" ? 1 : 0.2}`),
+            onClick: o[10] || (o[10] = (a) => M("BR")),
+            class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BR" })
+          }, null, 14, Ca),
+          d("rect", {
+            x: w.value[c.value].bl.x,
+            y: w.value[c.value].bl.y,
             height: "20",
             width: "20",
-            fill: S.value[d.value].bl.fill,
-            style: _(`cursor: pointer; opacity: ${d.value === "BL" ? 1 : 0.2}`),
-            onClick: o[11] || (o[11] = (a) => R("BL")),
-            class: X({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": d.value !== "BL" })
-          }, null, 14, ha),
-          c("path", {
+            fill: w.value[c.value].bl.fill,
+            style: A(`cursor: pointer; opacity: ${c.value === "BL" ? 1 : 0.2}`),
+            onClick: o[11] || (o[11] = (a) => M("BL")),
+            class: B({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BL" })
+          }, null, 14, ka),
+          d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: S.value[d.value].crosshairs.horizontal
-          }, null, 8, ya),
-          c("path", {
+            d: w.value[c.value].crosshairs.horizontal
+          }, null, 8, $a),
+          d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 1,
-            d: S.value[d.value].crosshairs.vertical
-          }, null, 8, ba)
+            d: w.value[c.value].crosshairs.vertical
+          }, null, 8, La)
         ])) : h("", !0),
         p(l.$slots, "svg", { svg: t.value }, void 0, !0)
-      ], 14, ml)),
-      l.$slots.watermark ? (s(), r("div", fa, [
-        p(l.$slots, "watermark", z(A({ isPrinting: i(Ne) || i(Be) })), void 0, !0)
+      ], 14, Sl)),
+      l.$slots.watermark ? (s(), n("div", wa, [
+        p(l.$slots, "watermark", T(z({ isPrinting: i(Ye) || i(Oe) })), void 0, !0)
       ])) : h("", !0),
-      c("div", {
-        id: `legend-bottom-${w.value}`
-      }, null, 8, pa),
-      Ae.value ? (s(), O(Ft, {
+      d("div", {
+        id: `legend-bottom-${L.value}`
+      }, null, 8, Aa),
+      Fe.value ? (s(), E(Qt, {
         key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${w.value}` : `#legend-bottom-${w.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${L.value}` : `#legend-bottom-${L.value}`
       }, [
-        c("div", {
+        d("div", {
           ref_key: "chartLegend",
-          ref: Se
+          ref: Ae
         }, [
-          e.value.style.chart.legend.show ? (s(), O(hl, {
+          e.value.style.chart.legend.show ? (s(), E(Ll, {
             key: `legend_${ze.value}`,
             legendSet: K.value,
-            config: Tt.value,
+            config: Yt.value,
             onClickMarker: o[12] || (o[12] = ({ legend: a }) => Z(a.id))
           }, {
             item: f(({ legend: a }) => [
-              i(We) ? h("", !0) : (s(), r("div", {
+              i(Be) ? h("", !0) : (s(), n("div", {
                 key: 0,
                 onClick: (u) => Z(a.id),
-                style: _(`opacity:${W.value.includes(a.id) ? 0.5 : 1}`)
-              }, k(a.name), 13, ga))
+                style: A(`opacity:${F.value.includes(a.id) ? 0.5 : 1}`)
+              }, k(a.name), 13, _a))
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : p(l.$slots, "legend", {
@@ -1443,7 +1467,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : h("", !0),
-      l.$slots.source ? (s(), r("div", {
+      l.$slots.source ? (s(), n("div", {
         key: 6,
         ref_key: "source",
         ref: _e,
@@ -1451,8 +1475,8 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
       }, [
         p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      re(i(ht), {
-        show: $.value.showTooltip && de.value,
+      ne(i(xt), {
+        show: C.value.showTooltip && ce.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -1462,8 +1486,8 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: Y.value,
-        content: ce.value,
+        parent: X.value,
+        content: de.value,
         isFullscreen: I.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         smooth: e.value.style.chart.tooltip.smooth,
@@ -1472,14 +1496,14 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": f(() => [
-          p(l.$slots, "tooltip-before", z(A({ ...pe.value })), void 0, !0)
+          p(l.$slots, "tooltip-before", T(z({ ...pe.value })), void 0, !0)
         ]),
         "tooltip-after": f(() => [
-          p(l.$slots, "tooltip-after", z(A({ ...pe.value })), void 0, !0)
+          p(l.$slots, "tooltip-after", T(z({ ...pe.value })), void 0, !0)
         ]),
         default: f(() => [
-          e.value.style.chart.tooltip.showShape ? (s(), r("svg", ma, [
-            re(it, {
+          e.value.style.chart.tooltip.showShape ? (s(), n("svg", Sa, [
+            ne(it, {
               plot: { x: 10, y: 10 },
               shape: se.value.shape,
               color: se.value.color,
@@ -1491,13 +1515,13 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ke.value && e.value.userOptions.buttons.table ? (s(), O(Rt(te.value.component), Pt({ key: 7 }, te.value.props, {
+      $e.value && e.value.userOptions.buttons.table ? (s(), E(Gt(te.value.component), jt({ key: 7 }, te.value.props, {
         ref_key: "tableUnit",
-        ref: J,
-        onClose: et
-      }), ot({
+        ref: j,
+        onClose: tt
+      }), ut({
         content: f(() => [
-          (s(), O(i(ft), {
+          (s(), E(i($t), {
             key: `table_${Te.value}`,
             colNames: oe.value.colNames,
             head: oe.value.head,
@@ -1505,15 +1529,15 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
             config: oe.value.config,
             title: e.value.table.useDialog ? "" : te.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: et
+            onClose: tt
           }, {
             th: f(({ th: a }) => [
-              ut(k(a), 1)
+              st(k(a), 1)
             ]),
             td: f(({ td: a }) => [
-              c("div", {
+              d("div", {
                 innerHTML: a.name || a
-              }, null, 8, xa)
+              }, null, 8, qa)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1523,19 +1547,19 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
         e.value.table.useDialog ? {
           name: "title",
           fn: f(() => [
-            ut(k(te.value.title), 1)
+            st(k(te.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
           fn: f(() => [
-            c("button", {
+            d("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: o[13] || (o[13] = (a) => ge(e.value.userOptions.callbacks.csv))
             }, [
-              re(i(yt), {
+              ne(i(Ct), {
                 name: "excel",
                 stroke: te.value.props.color
               }, null, 8, ["stroke"])
@@ -1544,10 +1568,15 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox", "id"], xl = ["x", "y",
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      i(We) ? (s(), O(bl, { key: 8 })) : h("", !0)
-    ], 46, pl));
+      i(Be) ? (s(), E(fl, { key: 8 })) : h("", !0)
+    ], 46, Al));
   }
-}, Na = /* @__PURE__ */ fl($a, [["__scopeId", "data-v-b5b8f18b"]]);
+}, za = /* @__PURE__ */ wl(Ta, [["__scopeId", "data-v-99f9ebbe"]]), Qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: za
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  Na as default
+  Ua as a,
+  Qa as b,
+  za as v
 };