vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-radar-B_wSZVDb.js → vue-ui-radar-BqLjOOnJ.js}

@@ -1,45 +1,49 @@
-import { defineAsyncComponent as T, computed as v, ref as c, toRefs as jt, watch as ve, shallowRef as He, onMounted as Xt, onBeforeUnmount as Yt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Z, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as C, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as qe, Fragment as E, renderList as L, toDisplayString as N, Teleport as Ht, resolveDynamicComponent as qt, mergeProps as Jt, createTextVNode as ge, nextTick as Je } from "vue";
-import { c as Kt, t as Qt, i as Zt, j as R, o as eo, g as z, k as to, m as Ke, e as Qe, U as oo, d as W, a as he, X as ao, s as pe, h as lo, af as Ze, l as et, v as ro, r as no, y as so, _ as uo } from "./lib-2iaAPQ_c.js";
-import { t as io, u as co } from "./useResponsive-DfdjqQps.js";
-import { u as vo, a as fe } from "./useNestedProp-BCt4DMkT.js";
-import { u as go, B as ho } from "./BaseScanner-BMpwQAfz.js";
-import { u as po } from "./usePrinter-ChVMpU2f.js";
-import { u as fo } from "./useSvgExport-ByUukOZt.js";
-import { u as bo } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as yo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as mo } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ko } from "./useAutoSizeLabelsInsideViewbox-DmpzKQ9i.js";
-import Co from "./img-CqYIrJ8I.js";
-import Ao from "./Title-B5L2jweB.js";
-import wo from "./Legend-D2xmnFPH.js";
-import { _ as $o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { outerPolygon: { stroke: "#6A6A6A" }, grid: { stroke: "#5A5A5A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#1A1A1A", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { outerPolygon: { stroke: "#5D403780", strokeWidth: 1 }, grid: { stroke: "#5D403740" }, labels: { dataLabels: { color: "#424242" } } }, legend: { color: "#424242", backgroundColor: "#FFF8E1" }, 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" } } }, at = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { outerPolygon: { stroke: "#3A3A3A", strokeWidth: 1 }, grid: { stroke: "#3A3A3A" }, labels: { dataLabels: { color: "#BDBDBD" } } }, legend: { color: "#BDBDBD", backgroundColor: "#1E1E1E" }, 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" } } }, lt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { outerPolygon: { stroke: "#336633", strokeWidth: 0 }, grid: { stroke: "#334C33", graduations: 1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#1A1A1A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, rt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { outerPolygon: { strokeWidth: 0 }, grid: { show: !1 }, labels: { dataLabels: { color: "#99AA99" } } }, 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" } } }, nt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { outerPolygon: { stroke: "#ABB1BC", strokeWidth: 0.5 }, grid: { stroke: "#C3DAC8" }, labels: { dataLabels: { color: "#99AA99" } } }, 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" } } }, st = {
+import { defineAsyncComponent as T, computed as v, ref as c, toRefs as Yt, watch as ve, shallowRef as He, onMounted as Ht, onBeforeUnmount as qt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Z, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as k, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as qe, Fragment as E, renderList as L, toDisplayString as N, Teleport as Jt, resolveDynamicComponent as Kt, mergeProps as Qt, createTextVNode as ge, nextTick as Je } from "vue";
+import { c as Zt, t as eo, i as to, j as R, o as oo, g as z, k as ao, m as Ke, e as Qe, U as lo, d as W, a as he, X as ro, s as pe, h as no, af as Ze, l as et, v as so, r as uo, y as io, _ as co } from "./lib-CVHM9FhP.js";
+import { t as vo, u as go } from "./useResponsive-DfdjqQps.js";
+import { u as ho, a as fe } from "./useNestedProp-Ckf_2P_V.js";
+import { u as po, B as fo } from "./BaseScanner-BMpwQAfz.js";
+import { u as bo } from "./usePrinter-1NmjuP-i.js";
+import { u as yo } from "./useSvgExport-ByUukOZt.js";
+import { u as mo } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Co } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ko } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Ao } from "./useAutoSizeLabelsInsideViewbox-CqeJ1kZA.js";
+import wo from "./img-6fNF_rG0.js";
+import $o from "./Title-NgeRXqRA.js";
+import _o from "./Legend-DN5UJOBH.js";
+import { _ as To } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const tt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } } } }, ot = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { outerPolygon: { stroke: "#6A6A6A" }, grid: { stroke: "#5A5A5A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#1A1A1A", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { outerPolygon: { stroke: "#6A6A6A" }, grid: { stroke: "#5A5A5A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#1A1A1A", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, lt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { outerPolygon: { stroke: "#5D403780", strokeWidth: 1 }, grid: { stroke: "#5D403740" }, labels: { dataLabels: { color: "#424242" } } }, legend: { color: "#424242", backgroundColor: "#FFF8E1" }, 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" } } }, rt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { outerPolygon: { stroke: "#3A3A3A", strokeWidth: 1 }, grid: { stroke: "#3A3A3A" }, labels: { dataLabels: { color: "#BDBDBD" } } }, legend: { color: "#BDBDBD", backgroundColor: "#1E1E1E" }, 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" } } }, nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { outerPolygon: { stroke: "#336633", strokeWidth: 0 }, grid: { stroke: "#334C33", graduations: 1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#1A1A1A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, st = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { outerPolygon: { strokeWidth: 0 }, grid: { show: !1 }, labels: { dataLabels: { color: "#99AA99" } } }, 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" } } }, ut = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { outerPolygon: { stroke: "#ABB1BC", strokeWidth: 0.5 }, grid: { stroke: "#C3DAC8" }, labels: { dataLabels: { color: "#99AA99" } } }, 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" } } }, it = {
   default: {},
-  dark: tt,
-  celebration: ot,
-  celebrationNight: at,
-  hack: lt,
-  zen: rt,
-  concrete: nt
-}, ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: tt,
+  minimalDark: ot,
+  dark: at,
+  celebration: lt,
+  celebrationNight: rt,
+  hack: nt,
+  zen: st,
+  concrete: ut
+}, pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: ot,
-  celebrationNight: at,
-  concrete: nt,
-  dark: tt,
-  default: st,
-  hack: lt,
-  zen: rt
-}, Symbol.toStringTag, { value: "Module" })), _o = ["id"], To = ["id"], Fo = ["xmlns", "viewBox"], Po = ["width", "height"], So = ["id"], Oo = ["stop-color"], Do = ["stop-color"], xo = { key: 1 }, Io = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Bo = { key: 0 }, Eo = ["d", "stroke", "stroke-width"], Lo = ["d", "stroke", "stroke-width"], No = { key: 2 }, Ro = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], zo = ["points", "stroke", "stroke-width"], Vo = ["points", "stroke", "stroke-width", "fill"], Uo = { key: 3 }, Mo = ["cx", "cy", "fill", "r", "stroke"], Wo = {
+  celebration: lt,
+  celebrationNight: rt,
+  concrete: ut,
+  dark: at,
+  default: it,
+  hack: nt,
+  minimal: tt,
+  minimalDark: ot,
+  zen: st
+}, Symbol.toStringTag, { value: "Module" })), Fo = ["id"], Po = ["id"], So = ["xmlns", "viewBox"], Oo = ["width", "height"], Do = ["id"], xo = ["stop-color"], Io = ["stop-color"], Bo = { key: 1 }, Eo = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Lo = { key: 0 }, No = ["d", "stroke", "stroke-width"], Ro = ["d", "stroke", "stroke-width"], zo = { key: 2 }, Vo = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Uo = ["points", "stroke", "stroke-width"], Mo = ["points", "stroke", "stroke-width", "fill"], Wo = { key: 3 }, Go = ["cx", "cy", "fill", "r", "stroke"], jo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Go = ["id"], jo = ["onClick"], Xo = {
+}, Xo = ["id"], Yo = ["onClick"], Ho = {
   key: 0,
   style: { "max-width": "200px", margin: "0 auto" }
-}, Yo = {
+}, qo = {
   class: "vue-ui-radar-tooltip-datalabel",
   style: { width: "100%" }
-}, Ho = { class: "vue-ui-radar-tooltip-datalabel-name" }, qo = { key: 0 }, Jo = {
+}, Jo = { class: "vue-ui-radar-tooltip-datalabel-name" }, Ko = { key: 0 }, Qo = {
   __name: "vue-ui-radar",
   props: {
     config: {
@@ -56,9 +60,9 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
   },
   emits: ["selectLegend"],
-  setup(ut, { expose: it, emit: ct }) {
-    const dt = T(() => import("./Tooltip-DpfUZbt7.js")), vt = T(() => import("./BaseIcon-B9bGT7HU.js")), gt = T(() => import("./vue-ui-sparkbar-CLqcdko6.js").then((t) => t.a)), ht = T(() => import("./vue-ui-accordion-CAXPDm31.js")), pt = T(() => import("./DataTable-DEwh__D8.js")), ft = T(() => import("./PenAndPaper-CulSakut.js")), bt = T(() => import("./UserOptions-5pXc4J-c.js")), yt = T(() => import("./PackageVersion-C-JOGZBL.js")), mt = T(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_radar: kt } = vo(), { isThemeValid: Ct, warnInvalidTheme: At } = bo(), F = ut, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Kt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), ke = c(null), Ce = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = go({
-      ...jt(F),
+  setup(ct, { expose: dt, emit: vt }) {
+    const gt = T(() => import("./Tooltip-B6qvABDL.js")), ht = T(() => import("./BaseIcon-4uOct8re.js")), pt = T(() => import("./vue-ui-sparkbar-DHJdmNDm.js").then((t) => t.a)), ft = T(() => import("./vue-ui-accordion-DFKaB_05.js")), bt = T(() => import("./DataTable-DyoDzNNY.js")), yt = T(() => import("./PenAndPaper-LTuSTmWE.js")), mt = T(() => import("./UserOptions-CX7Xsusk.js")), Ct = T(() => import("./PackageVersion-CQxJyGQr.js")), kt = T(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_radar: At } = ho(), { isThemeValid: wt, warnInvalidTheme: $t } = mo(), F = ct, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Zt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), Ce = c(null), ke = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = po({
+      ...Yt(F),
       FINAL_CONFIG: e,
       prepareConfig: re,
       callback: () => {
@@ -77,7 +81,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           { name: "_", values: [0.6], target: 1 }
         ]
       },
-      skeletonConfig: Qt({
+      skeletonConfig: eo({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -104,17 +108,17 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }
       })
-    }), { userOptionsVisible: le, setUserOptionsVisibility: Pe, keepUserOptionState: Se } = yo({ config: e.value }), { svgRef: H } = mo({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: le, setUserOptionsVisibility: Pe, keepUserOptionState: Se } = Co({ config: e.value }), { svgRef: H } = ko({ config: e.value.style.chart.title });
     function re() {
       const t = fe({
         userConfig: F.config,
-        defaultConfig: kt
+        defaultConfig: At
       }), a = t.theme;
       if (!a) return t;
-      if (!Ct.value(t))
-        return At(t), t;
+      if (!wt.value(t))
+        return $t(t), t;
       const o = fe({
-        userConfig: st[a] || F.config,
+        userConfig: it[a] || F.config,
         defaultConfig: t
       }), l = fe({
         userConfig: F.config,
@@ -122,7 +126,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
       return {
         ...l,
-        customPalette: l.customPalette.length ? l.customPalette : Zt[a] || R
+        customPalette: l.customPalette.length ? l.customPalette : to[a] || R
       };
     }
     ve(() => F.config, (t) => {
@@ -130,17 +134,17 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }, { deep: !0 });
     const P = He(null), V = He(null), I = v(() => e.value.debug);
     function Oe() {
-      if (eo(F.dataset) && z({
+      if (oo(F.dataset) && z({
         componentName: "VueUiRadar",
         type: "dataset",
         debug: I.value
       }), e.value.responsive) {
-        const t = io(() => {
-          const { width: a, height: o } = co({
+        const t = vo(() => {
+          const { width: a, height: o } = go({
             chart: _.value,
             title: e.value.style.chart.title.text ? me.value : null,
-            legend: e.value.style.chart.legend.show ? ke.value : null,
-            source: Ce.value,
+            legend: e.value.style.chart.legend.show ? Ce.value : null,
+            source: ke.value,
             noTitle: Ae.value
           });
           requestAnimationFrame(() => {
@@ -151,22 +155,22 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }
       Ve();
     }
-    Xt(() => {
+    Ht(() => {
       Te.value = !0, Oe();
-    }), Yt(() => {
+    }), qt(() => {
       P.value && (V.value && P.value.unobserve(V.value), P.value.disconnect());
     });
-    const { isPrinting: De, isImaging: xe, generatePdf: Ie, generateImage: Be } = po({
+    const { isPrinting: De, isImaging: xe, generatePdf: Ie, generateImage: Be } = bo({
       elementId: `vue-ui-radar_${m.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-radar",
       options: e.value.userOptions.print
-    }), wt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = v(() => to(e.value.customPalette)), b = c({
+    }), _t = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = v(() => ao(e.value.customPalette)), b = c({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), $t = v(() => ({
+    }), Tt = v(() => ({
       style: {
         backgroundColor: "#FFFFFF00",
         animation: {
@@ -187,26 +191,26 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     })), i = c({
       height: 312,
       width: 512
-    }), _t = ct, f = c([]), j = c(null), U = c(!1);
+    }), Ft = vt, f = c([]), j = c(null), U = c(!1);
     function q(t) {
       U.value = !0, f.value.includes(t) ? (j.value = t, f.value = f.value.filter((a) => a !== t), setTimeout(() => {
         U.value = !1, j.value = null;
       }, 500)) : (f.value.push(t), setTimeout(() => {
         U.value = !1;
-      }, 500)), _t("selectLegend", O.value.filter((a, o) => !f.value.includes(o)).map((a) => ({
+      }, 500)), Ft("selectLegend", O.value.filter((a, o) => !f.value.includes(o)).map((a) => ({
         name: a.name,
         color: a.color,
         proportion: a.totalProportion
       })));
     }
-    function Tt() {
+    function Pt() {
       return O.value.map((t) => ({
         name: t.name,
         color: t.color,
         proportion: t.totalProportion
       }));
     }
-    function Ft() {
+    function St() {
       const t = x.value;
       if ([null, void 0].includes(t?.categories)) {
         z({
@@ -262,7 +266,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     ve(
       () => x.value,
-      () => Ft(),
+      () => St(),
       { deep: !0, immediate: !0 }
     );
     const $ = v(() => {
@@ -274,7 +278,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         prefix: o?.prefix ?? "",
         suffix: o?.suffix ?? ""
       }));
-    }), k = v(() => x.value.series.map((t, a) => ({
+    }), C = v(() => x.value.series.map((t, a) => ({
       ...t,
       color: Ke(t.color) || Ee.value[a] || R[a] || R[a % R.length],
       serieId: `radar_serie_${m.value}_${a}`,
@@ -282,40 +286,40 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       absoluteIndex: a
     })));
     function Le(t) {
-      if (!k.value.length)
+      if (!C.value.length)
         return e.value.debug && console.warn("VueUiRadar - There are no series to show."), null;
       const a = O.value.find((o) => o.name === t);
       return a || (e.value.debug && console.warn(`VueUiRadar - Series name not found "${t}"`), null);
     }
-    function Pt(t) {
+    function Ot(t) {
       const a = Le(t);
       a !== null && f.value.includes(a.absoluteIndex) && q(a.absoluteIndex);
     }
-    function St(t) {
+    function Dt(t) {
       const a = Le(t);
       a !== null && (f.value.includes(a.absoluteIndex) || q(a.absoluteIndex));
     }
-    const Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Re = v(() => k.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Qe({
+    const Ne = v(() => Math.max(...C.value.flatMap((t) => t.values))), Re = v(() => C.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Qe({
       plot: { x: i.value.width / 2, y: i.value.height / 2 },
       radius: ne.value,
       sides: Re.value,
       rotation: 0
-    })), Ot = v(() => {
+    })), xt = v(() => {
       const t = [];
       for (let a = 0; a < ne.value; a += ne.value / e.value.style.chart.layout.grid.graduations)
         t.push(a);
       return t;
     }), S = v(() => ze.value.coordinates.map((t, a) => {
-      const o = k.value[a].values.map((l) => xt({
+      const o = C.value[a].values.map((l) => Bt({
         centerX: i.value.width / 2,
         centerY: i.value.height / 2,
         apexX: t.x,
         apexY: t.y,
-        proportion: l / (k.value[a].target || Ne.value)
+        proportion: l / (C.value[a].target || Ne.value)
       }));
       return {
         ...t,
-        ...k.value[a],
+        ...C.value[a],
         plots: o
       };
     }).map((t) => ({
@@ -328,26 +332,26 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       let o = "middle";
       return t = Math.round(t), a = Math.round(a), t > i.value.width / 2 && (t += 12, o = "start"), t < i.value.width / 2 && (t -= 12, o = "end"), a > i.value.height / 2 + 1 && (a += 20), a < i.value.height / 2 - 1 && (a -= 12), a === i.value.height / 2 && (a += 4), { x: t, y: a, anchor: o };
     }
-    const Dt = v({
+    const It = v({
       get: () => e.value.style.chart.layout.labels.dataLabels.fontSize,
       set: (t) => t
-    }), { autoSizeLabels: Ve } = ko({
+    }), { autoSizeLabels: Ve } = Ao({
       svgRef: H,
       fontSize: e.value.style.chart.layout.labels.dataLabels.fontSize,
       minFontSize: 6,
-      sizeRef: Dt,
+      sizeRef: It,
       labelClass: ".vue-ui-radar-apex-label"
     });
-    function xt({ centerX: t, centerY: a, apexX: o, apexY: l, proportion: r }) {
+    function Bt({ centerX: t, centerY: a, apexX: o, apexY: l, proportion: r }) {
       return {
         x: t + (o - t) * r,
         y: a + (l - a) * r
       };
     }
     const O = v(() => {
-      const t = k.value.map((a, o) => a.values.map((l) => l / (a.target || Ne.value)));
+      const t = C.value.map((a, o) => a.values.map((l) => l / (a.target || Ne.value)));
       return $.value.map((a, o) => {
-        const l = oo(t.map((r) => r[o]).reduce((r, h) => r + h, 0) / k.value.length);
+        const l = lo(t.map((r) => r[o]).reduce((r, h) => r + h, 0) / C.value.length);
         return {
           ...a,
           absoluteIndex: o,
@@ -363,7 +367,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           })}`
         };
       });
-    }), It = v(() => ({
+    }), Et = v(() => ({
       cy: "radar-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -411,13 +415,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       };
       return { head: t, body: a, config: o, colNames: t };
     }), K = c(null), ue = c([]), ie = c(null);
-    function Bt(t, a) {
+    function Lt(t, a) {
       te.value = !1, K.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
-    function Et(t, a) {
+    function Nt(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
-    function Lt(t, a) {
+    function Rt(t, a) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
       const o = $.value.slice();
       ue.value = [], K.value = a, te.value = !0, ie.value = {
@@ -425,22 +429,22 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         seriesIndex: a,
         series: {
           categories: o,
-          datapoints: k.value,
+          datapoints: C.value,
           radar: S.value
         },
         config: e.value
       };
       const l = e.value.style.chart.tooltip.customFormat;
-      if (so(l) && uo(() => l({
+      if (io(l) && co(() => l({
         seriesIndex: a,
         datapoint: t,
-        series: { categories: o, datapoints: k.value, radar: S.value },
+        series: { categories: o, datapoints: C.value, radar: S.value },
         config: e.value
       }))) {
         oe.value = l({
           seriesIndex: a,
           datapoint: t,
-          series: { categories: o, datapoints: k.value, radar: S.value },
+          series: { categories: o, datapoints: C.value, radar: S.value },
           config: e.value
         });
         return;
@@ -462,12 +466,12 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             v: Xe,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
-          }), Gt = e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${M} (${Ye})` : e.value.style.chart.tooltip.showValue && !e.value.style.chart.tooltip.showPercentage ? M : !e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${Ye}` : "";
+          }), Xt = e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${M} (${Ye})` : e.value.style.chart.tooltip.showValue && !e.value.style.chart.tooltip.showPercentage ? M : !e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${Ye}` : "";
           ue.value.push({
             name: h?.name ?? `#${r + 1}`,
             value: t.values[r] / t.target * 100,
             color: h?.color,
-            suffix: Gt,
+            suffix: Xt,
             prefix: "",
             rounding: e.value.style.chart.tooltip.roundingPercentage,
             formatter: t.formatter
@@ -479,8 +483,8 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...O.value.flatMap((y) => [[y.name], ["%"]])], l = x.value.series.map((y, Xe) => [y.name, y.target, ...y.values.flatMap((M) => [
           M,
           isNaN(M / y.target) ? "" : M / y.target * 100
-        ])]), r = a.concat([o]).concat(l), h = ro(r);
-        t ? t(h) : no({ csvContent: h, title: e.value.style.chart.title.text || "vue-ui-radar" });
+        ])]), r = a.concat([o]).concat(l), h = so(r);
+        t ? t(h) : uo({ csvContent: h, title: e.value.style.chart.title.text || "vue-ui-radar" });
       });
     }
     const B = c(!1);
@@ -497,9 +501,9 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function de() {
       Q.value = !Q.value;
     }
-    async function Nt({ scale: t = 2 } = {}) {
+    async function zt({ scale: t = 2 } = {}) {
       if (!_.value) return;
-      const { width: a, height: o } = _.value.getBoundingClientRect(), l = a / o, { imageUri: r, base64: h } = await Co({ domElement: _.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: o } = _.value.getBoundingClientRect(), l = a / o, { imageUri: r, base64: h } = await wo({ domElement: _.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: r,
         base64: h,
@@ -512,7 +516,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     const X = v(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = b.value.showTable;
       return {
-        component: t ? mt : ht,
+        component: t ? kt : ft,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -545,32 +549,32 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function Ge() {
       b.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
     }
-    const Rt = v(() => O.value.map((t) => ({
+    const Vt = v(() => O.value.map((t) => ({
       ...t,
       name: t.display
-    }))), zt = v(() => e.value.style.chart.backgroundColor), Vt = v(() => e.value.style.chart.legend), Ut = v(() => e.value.style.chart.title), { exportSvg: Mt, getSvg: Wt } = fo({
+    }))), Ut = v(() => e.value.style.chart.backgroundColor), Mt = v(() => e.value.style.chart.legend), Wt = v(() => e.value.style.chart.title), { exportSvg: Gt, getSvg: jt } = yo({
       svg: H,
-      title: Ut,
-      legend: Vt,
-      legendItems: Rt,
-      backgroundColor: zt
+      title: Wt,
+      legend: Mt,
+      legendItems: Vt,
+      backgroundColor: Ut
     });
     async function je({ isCb: t }) {
       if (t) {
-        const { blob: a, url: o, text: l, dataUrl: r } = await Wt();
+        const { blob: a, url: o, text: l, dataUrl: r } = await jt();
         e.value.userOptions.callbacks.svg({ blob: a, url: o, text: l, dataUrl: r });
       } else
-        Mt();
+        Gt();
     }
-    return it({
-      getData: Tt,
-      getImage: Nt,
+    return dt({
+      getData: Pt,
+      getImage: zt,
       generatePdf: Ie,
       generateCsv: ce,
       generateImage: Be,
       generateSvg: je,
-      hideSeries: St,
-      showSeries: Pt,
+      hideSeries: Dt,
+      showSeries: Ot,
       toggleTable: Me,
       toggleTooltip: We,
       toggleAnnotator: de,
@@ -584,7 +588,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       onMouseenter: a[2] || (a[2] = () => u(Pe)(!0)),
       onMouseleave: a[3] || (a[3] = () => u(Pe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), D(u(ft), {
+      e.value.userOptions.buttons.annotator ? (n(), D(u(yt), {
         key: 0,
         svgRef: u(H),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -612,7 +616,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
-      wt.value ? (n(), s("div", {
+      _t.value ? (n(), s("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ae,
@@ -625,7 +629,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref: me,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (n(), D(Ao, {
+        (n(), D($o, {
           key: `title_${we.value}`,
           config: {
             title: {
@@ -639,10 +643,10 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      C("div", {
+      k("div", {
         id: `legend-top-${m.value}`
-      }, null, 8, To),
-      e.value.userOptions.show && be.value && (u(Se) || u(le)) ? (n(), D(u(bt), {
+      }, null, 8, Po),
+      e.value.userOptions.show && be.value && (u(Se) || u(le)) ? (n(), D(u(mt), {
         ref_key: "userOptionsRef",
         ref: ae,
         key: `user_options_${ye.value}`,
@@ -747,12 +751,12 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       (n(), s("svg", {
         ref_key: "svgRef",
         ref: H,
-        xmlns: u(ao),
+        xmlns: u(ro),
         class: Y({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
         style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ee(u(yt)),
+        ee(u(Ct)),
         t.$slots["chart-background"] ? (n(), s("foreignObject", {
           key: 0,
           x: 0,
@@ -764,8 +768,8 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }, [
           g(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Po)) : p("", !0),
-        C("defs", null, [
+        ], 8, Oo)) : p("", !0),
+        k("defs", null, [
           (n(!0), s(E, null, L($.value, (o, l) => (n(), s("radialGradient", {
             cx: "50%",
             cy: "50%",
@@ -774,17 +778,17 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             fy: "50%",
             id: `radar_gradient_${m.value}_${l}`
           }, [
-            C("stop", {
+            k("stop", {
               offset: "0%",
-              "stop-color": u(pe)(u(lo)(o.color, 0.05), e.value.style.chart.layout.dataPolygon.opacity)
-            }, null, 8, Oo),
-            C("stop", {
+              "stop-color": u(pe)(u(no)(o.color, 0.05), e.value.style.chart.layout.dataPolygon.opacity)
+            }, null, 8, xo),
+            k("stop", {
               offset: "100%",
               "stop-color": u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity)
-            }, null, 8, Do)
-          ], 8, So))), 256))
+            }, null, 8, Io)
+          ], 8, Do))), 256))
         ]),
-        e.value.style.chart.layout.grid.show ? (n(), s("g", xo, [
+        e.value.style.chart.layout.grid.show ? (n(), s("g", Bo, [
           (n(!0), s(E, null, L(S.value, (o) => (n(), s("line", {
             x1: i.value.width / 2,
             y1: i.value.height / 2,
@@ -792,9 +796,9 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             y2: o.y,
             stroke: e.value.style.chart.layout.grid.stroke,
             "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-          }, null, 8, Io))), 256)),
-          e.value.style.chart.layout.grid.graduations > 0 ? (n(), s("g", Bo, [
-            (n(!0), s(E, null, L(Ot.value, (o) => (n(), s("path", {
+          }, null, 8, Eo))), 256)),
+          e.value.style.chart.layout.grid.graduations > 0 ? (n(), s("g", Lo, [
+            (n(!0), s(E, null, L(xt.value, (o) => (n(), s("path", {
               d: u(Qe)({
                 plot: { x: i.value.width / 2, y: i.value.height / 2 },
                 radius: o,
@@ -804,18 +808,18 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               fill: "none",
               stroke: e.value.style.chart.layout.grid.stroke,
               "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-            }, null, 8, Eo))), 256))
+            }, null, 8, No))), 256))
           ])) : p("", !0)
         ])) : p("", !0),
-        C("path", {
+        k("path", {
           d: ze.value.path,
           fill: "none",
           stroke: e.value.style.chart.layout.outerPolygon.stroke,
           "stroke-width": e.value.style.chart.layout.outerPolygon.strokeWidth,
           "stroke-linejoin": "round",
           "stroke-linecap": "round"
-        }, null, 8, Lo),
-        e.value.style.chart.layout.labels.dataLabels.show ? (n(), s("g", No, [
+        }, null, 8, Ro),
+        e.value.style.chart.layout.labels.dataLabels.show ? (n(), s("g", zo, [
           (n(!0), s(E, null, L(S.value, (o, l) => (n(), s("text", {
             class: "vue-ui-radar-apex-label",
             x: o.labelX,
@@ -823,13 +827,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "text-anchor": o.labelAnchor,
             "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
             fill: e.value.style.chart.layout.labels.dataLabels.color,
-            onMouseenter: (r) => Lt(o, l),
-            onMouseleave: (r) => Bt(o, l),
-            onClick: (r) => Et(o, l)
-          }, N(o.name), 41, Ro))), 256))
+            onMouseenter: (r) => Rt(o, l),
+            onMouseleave: (r) => Lt(o, l),
+            onClick: (r) => Nt(o, l)
+          }, N(o.name), 41, Vo))), 256))
         ])) : p("", !0),
         (n(!0), s(E, null, L($.value, (o, l) => (n(), s("g", null, [
-          C("g", null, [
+          k("g", null, [
             e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
               key: 0,
               points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
@@ -837,7 +841,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
               fill: "none",
               class: Y({ "animated-out": f.value.includes(l) && e.value.useCssAnimation, "animated-in": U.value && j.value === l && e.value.useCssAnimation })
-            }, null, 10, zo)) : p("", !0),
+            }, null, 10, Uo)) : p("", !0),
             e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
               key: 1,
               points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
@@ -845,10 +849,10 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
               fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${m.value}_${l})` : u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity),
               class: Y({ "animated-out": f.value.includes(l) && e.value.useCssAnimation, "animated-in": U.value && j.value === l && e.value.useCssAnimation })
-            }, null, 10, Vo)) : p("", !0)
+            }, null, 10, Mo)) : p("", !0)
           ])
         ]))), 256)),
-        e.value.style.chart.layout.plots.show ? (n(), s("g", Uo, [
+        e.value.style.chart.layout.plots.show ? (n(), s("g", Wo, [
           (n(!0), s(E, null, L(S.value, (o, l) => (n(), s("g", null, [
             (n(!0), s(E, null, L(o.plots, (r, h) => (n(), s("circle", {
               cx: r.x,
@@ -858,29 +862,29 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               stroke: f.value.includes(h) ? "transparent" : e.value.style.chart.backgroundColor,
               "stroke-width": 0.5,
               class: Y({ "animated-out": f.value.includes(h) && e.value.useCssAnimation, "animated-in": U.value && j.value === h && e.value.useCssAnimation })
-            }, null, 10, Mo))), 256))
+            }, null, 10, Go))), 256))
           ]))), 256))
         ])) : p("", !0),
         g(t.$slots, "svg", { svg: i.value }, void 0, !0)
-      ], 14, Fo)),
-      t.$slots.watermark ? (n(), s("div", Wo, [
+      ], 14, So)),
+      t.$slots.watermark ? (n(), s("div", jo, [
         g(t.$slots, "watermark", A(w({ isPrinting: u(De) || u(xe) })), void 0, !0)
       ])) : p("", !0),
-      C("div", {
+      k("div", {
         id: `legend-bottom-${m.value}`
-      }, null, 8, Go),
-      Te.value ? (n(), D(Ht, {
+      }, null, 8, Xo),
+      Te.value ? (n(), D(Jt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${m.value}` : `#legend-bottom-${m.value}`
       }, [
-        C("div", {
+        k("div", {
           ref_key: "chartLegend",
-          ref: ke
+          ref: Ce
         }, [
-          e.value.style.chart.legend.show ? (n(), D(wo, {
+          e.value.style.chart.legend.show ? (n(), D(_o, {
             key: `legend_${_e.value}`,
             legendSet: O.value,
-            config: It.value,
+            config: Et.value,
             onClickMarker: a[0] || (a[0] = ({ i: o }) => q(o))
           }, {
             item: d(({ legend: o, index: l }) => [
@@ -888,7 +892,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                 key: 0,
                 onClick: (r) => o.segregate(),
                 style: Z(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
-              }, N(o.display), 13, jo))
+              }, N(o.display), 13, Yo))
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
@@ -900,12 +904,12 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       t.$slots.source ? (n(), s("div", {
         key: 6,
         ref_key: "source",
-        ref: Ce,
+        ref: ke,
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      ee(u(dt), {
+      ee(u(gt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: b.value.showTooltip && te.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -930,16 +934,16 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           g(t.$slots, "tooltip-before", A(w({ ...ie.value })), void 0, !0)
         ]),
         "tooltip-after": d(() => [
-          ["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? p("", !0) : (n(), s("div", Xo, [
-            ee(u(gt), {
+          ["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? p("", !0) : (n(), s("div", Ho, [
+            ee(u(pt), {
               dataset: ue.value,
-              config: $t.value,
+              config: Tt.value,
               backgroundOpacity: 0
             }, {
               "data-label": d(({ bar: o }) => [
-                C("div", Yo, [
-                  C("span", Ho, N(o.name + (e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? ":" : "")), 1),
-                  e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (n(), s("span", qo, N(o.suffix), 1)) : p("", !0)
+                k("div", qo, [
+                  k("span", Jo, N(o.name + (e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? ":" : "")), 1),
+                  e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (n(), s("span", Ko, N(o.suffix), 1)) : p("", !0)
                 ])
               ]),
               _: 1
@@ -949,13 +953,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      be.value && e.value.userOptions.buttons.table ? (n(), D(qt(X.value.component), Jt({ key: 7 }, X.value.props, {
+      be.value && e.value.userOptions.buttons.table ? (n(), D(Kt(X.value.component), Qt({ key: 7 }, X.value.props, {
         ref_key: "tableUnit",
         ref: G,
         onClose: Ge
       }), qe({
         content: d(() => [
-          (n(), D(u(pt), {
+          (n(), D(u(bt), {
             key: `table_${$e.value}`,
             colNames: J.value.colNames,
             head: J.value.head,
@@ -986,12 +990,12 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         e.value.table.useDialog ? {
           name: "actions",
           fn: d(() => [
-            C("button", {
+            k("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: a[1] || (a[1] = (o) => ce(e.value.userOptions.callbacks.csv))
             }, [
-              ee(u(vt), {
+              ee(u(ht), {
                 name: "excel",
                 stroke: X.value.props.color
               }, null, 8, ["stroke"])
@@ -1000,15 +1004,15 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      u(Fe) ? (n(), D(ho, { key: 8 })) : p("", !0)
-    ], 46, _o));
+      u(Fe) ? (n(), D(fo, { key: 8 })) : p("", !0)
+    ], 46, Fo));
   }
-}, Ko = /* @__PURE__ */ $o(Jo, [["__scopeId", "data-v-e55a7fcd"]]), ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Zo = /* @__PURE__ */ To(Qo, [["__scopeId", "data-v-e55a7fcd"]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ko
+  default: Zo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ga as a,
-  ha as b,
-  Ko as v
+  pa as a,
+  fa as b,
+  Zo as v
 };