vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-mood-radar-3nHlZfrB.js → vue-ui-mood-radar-QN25VSAw.js}

@@ -1,38 +1,42 @@
-import { defineAsyncComponent as T, ref as i, computed as v, toRefs as gt, onMounted as ht, watch as Ae, createElementBlock as h, openBlock as s, unref as a, normalizeStyle as j, normalizeClass as we, createBlock as k, createCommentVNode as y, createElementVNode as n, withCtx as c, renderSlot as d, normalizeProps as C, guardReactiveProps as A, createVNode as G, createSlots as Fe, Fragment as xe, renderList as $e, toDisplayString as V, Teleport as ft, resolveDynamicComponent as pt, mergeProps as bt, createTextVNode as Pe, nextTick as De } from "vue";
-import { c as kt, t as mt, o as Ct, g as _e, e as At, a as Te, d as H, X as wt, s as $, h as Ft, af as xt, v as $t, r as Pt } from "./lib-2iaAPQ_c.js";
-import { t as Dt, u as _t } from "./useResponsive-DfdjqQps.js";
-import { u as Tt, a as oe } from "./useNestedProp-BCt4DMkT.js";
-import { u as Mt, B as Bt } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ot } from "./usePrinter-ChVMpU2f.js";
-import { u as Et } from "./useSvgExport-ByUukOZt.js";
-import { u as Nt } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Lt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as St } from "./useChartAccessibility-9icAAmYg.js";
-import It from "./img-CqYIrJ8I.js";
-import Rt from "./Title-B5L2jweB.js";
-import jt from "./Legend-D2xmnFPH.js";
-import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { grid: { stroke: "#4A4A4A" }, outerPolygon: { stroke: "#5A5A5A" }, dataLabel: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Be = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Oe = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ee = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { grid: { stroke: "#333333" }, outerPolygon: { stroke: "#334C33" }, dataPolygon: { color: "#33B333", stroke: "#00FF00" }, smileys: { colors: { 1: "#336633", 2: "#338033", 3: "#339933", 4: "#33E633", 5: "#00FF00" } }, dataLabel: { color: "#00FF00" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ne = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { grid: { stroke: "#C5B8A7" }, outerPolygon: { strokeWidth: 0 }, dataPolygon: { color: "#858480", stroke: "#C09E85" }, smileys: { colors: { 1: "#C09E85", 2: "#DCB482", 3: "#DFCA99", 4: "#E0CFC3", 5: "#B9B99D" } }, dataLabel: { color: "#606C5A" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Le = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { grid: { stroke: "#61747E" }, outerPolygon: { stroke: "#50606C" }, dataPolygon: { color: "#A3C4BE", stroke: "#92B0B5" }, smileys: { colors: { 1: "#5C6B5B", 2: "#4A6A75", 3: "#6C94A0", 4: "#7DA9B5", 5: "#8EBFCA" } }, dataLabel: { color: "#50606C" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Se = {
+import { defineAsyncComponent as T, ref as i, computed as v, toRefs as ft, onMounted as pt, watch as Ae, createElementBlock as h, openBlock as s, unref as a, normalizeStyle as j, normalizeClass as we, createBlock as k, createCommentVNode as y, createElementVNode as n, withCtx as c, renderSlot as d, normalizeProps as C, guardReactiveProps as A, createVNode as G, createSlots as Fe, Fragment as xe, renderList as $e, toDisplayString as V, Teleport as bt, resolveDynamicComponent as kt, mergeProps as mt, createTextVNode as Pe, nextTick as De } from "vue";
+import { c as Ct, t as At, o as wt, g as _e, e as Ft, a as Te, d as H, X as xt, s as $, h as $t, af as Pt, v as Dt, r as _t } from "./lib-CVHM9FhP.js";
+import { t as Tt, u as Ot } from "./useResponsive-DfdjqQps.js";
+import { u as Mt, a as oe } from "./useNestedProp-Ckf_2P_V.js";
+import { u as Bt, B as Et } from "./BaseScanner-BMpwQAfz.js";
+import { u as Lt } from "./usePrinter-1NmjuP-i.js";
+import { u as Nt } from "./useSvgExport-ByUukOZt.js";
+import { u as St } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as It } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Rt } from "./useChartAccessibility-9icAAmYg.js";
+import jt from "./img-6fNF_rG0.js";
+import Vt from "./Title-NgeRXqRA.js";
+import zt from "./Legend-DN5UJOBH.js";
+import { _ as Ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Oe = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } } } }, Me = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { grid: { stroke: "#4A4A4A" }, outerPolygon: { stroke: "#5A5A5A" }, dataLabel: { color: "#CCCCCC" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Be = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { grid: { stroke: "#4A4A4A" }, outerPolygon: { stroke: "#5A5A5A" }, dataLabel: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Ee = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Le = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ne = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { grid: { stroke: "#333333" }, outerPolygon: { stroke: "#334C33" }, dataPolygon: { color: "#33B333", stroke: "#00FF00" }, smileys: { colors: { 1: "#336633", 2: "#338033", 3: "#339933", 4: "#33E633", 5: "#00FF00" } }, dataLabel: { color: "#00FF00" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Se = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { grid: { stroke: "#C5B8A7" }, outerPolygon: { strokeWidth: 0 }, dataPolygon: { color: "#858480", stroke: "#C09E85" }, smileys: { colors: { 1: "#C09E85", 2: "#DCB482", 3: "#DFCA99", 4: "#E0CFC3", 5: "#B9B99D" } }, dataLabel: { color: "#606C5A" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Ie = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { grid: { stroke: "#61747E" }, outerPolygon: { stroke: "#50606C" }, dataPolygon: { color: "#A3C4BE", stroke: "#92B0B5" }, smileys: { colors: { 1: "#5C6B5B", 2: "#4A6A75", 3: "#6C94A0", 4: "#7DA9B5", 5: "#8EBFCA" } }, dataLabel: { color: "#50606C" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Re = {
   default: {},
-  dark: Me,
-  celebration: Be,
-  celebrationNight: Oe,
-  hack: Ee,
-  zen: Ne,
-  concrete: Le
-}, Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Oe,
+  minimalDark: Me,
+  dark: Be,
+  celebration: Ee,
+  celebrationNight: Le,
+  hack: Ne,
+  zen: Se,
+  concrete: Ie
+}, Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Be,
-  celebrationNight: Oe,
-  concrete: Le,
-  dark: Me,
-  default: Se,
-  hack: Ee,
-  zen: Ne
-}, Symbol.toStringTag, { value: "Module" })), zt = ["id"], Ut = ["id"], Wt = ["xmlns", "viewBox"], Gt = ["width", "height"], Ht = ["id"], Xt = ["stop-color"], Kt = ["stop-color"], qt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Yt = ["d", "stroke", "stroke-width"], Jt = ["transform"], Qt = ["stroke"], Zt = ["fill"], eo = ["transform"], to = ["stroke"], oo = ["fill"], lo = ["transform"], ao = ["stroke"], no = ["fill"], ro = ["transform"], so = ["stroke"], uo = ["fill"], io = ["transform"], co = ["stroke"], vo = ["fill"], yo = ["d", "stroke", "stroke-width", "fill"], go = ["x1", "y1", "x2", "y2", "stroke"], ho = ["cx", "cy", "fill", "stroke"], fo = ["cx", "cy", "fill", "stroke"], po = ["x", "y", "fill", "font-weight"], bo = ["x", "y", "fill"], ko = {
+  celebration: Ee,
+  celebrationNight: Le,
+  concrete: Ie,
+  dark: Be,
+  default: Re,
+  hack: Ne,
+  minimal: Oe,
+  minimalDark: Me,
+  zen: Se
+}, Symbol.toStringTag, { value: "Module" })), Wt = ["id"], Gt = ["id"], Ht = ["xmlns", "viewBox"], Xt = ["width", "height"], Kt = ["id"], qt = ["stop-color"], Yt = ["stop-color"], Jt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Qt = ["d", "stroke", "stroke-width"], Zt = ["transform"], eo = ["stroke"], to = ["fill"], oo = ["transform"], lo = ["stroke"], ao = ["fill"], no = ["transform"], ro = ["stroke"], so = ["fill"], uo = ["transform"], io = ["stroke"], co = ["fill"], vo = ["transform"], yo = ["stroke"], go = ["fill"], ho = ["d", "stroke", "stroke-width", "fill"], fo = ["x1", "y1", "x2", "y2", "stroke"], po = ["cx", "cy", "fill", "stroke"], bo = ["cx", "cy", "fill", "stroke"], ko = ["x", "y", "fill", "font-weight"], mo = ["x", "y", "fill"], Co = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, mo = ["id"], Co = ["onClick"], Ao = ["innerHTML"], wo = {
+}, Ao = ["id"], wo = ["onClick"], Fo = ["innerHTML"], xo = {
   __name: "vue-ui-mood-radar",
   props: {
     config: {
@@ -48,9 +52,9 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }
     }
   },
-  setup(Ie, { expose: Re }) {
-    const M = T(() => import("./BaseIcon-B9bGT7HU.js")), je = T(() => import("./vue-ui-accordion-CAXPDm31.js")), Ve = T(() => import("./DataTable-DEwh__D8.js")), ze = T(() => import("./PenAndPaper-CulSakut.js")), Ue = T(() => import("./UserOptions-5pXc4J-c.js")), We = T(() => import("./PackageVersion-C-JOGZBL.js")), Ge = T(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_mood_radar: He } = Tt(), { isThemeValid: Xe, warnInvalidTheme: Ke } = Nt(), w = Ie, m = i(kt()), F = i(null), f = i(null), le = i(null), qe = i(0), Ye = i(0), ae = i(0), ne = i(null), re = i(null), E = i(null), z = i(null), se = i(null), ue = i(!1), N = i(null), X = i(null), ie = v(() => !!w.dataset && Object.keys(w.dataset).length), e = i(J()), { loading: K, FINAL_DATASET: P } = Mt({
-      ...gt(w),
+  setup(je, { expose: Ve }) {
+    const O = T(() => import("./BaseIcon-4uOct8re.js")), ze = T(() => import("./vue-ui-accordion-DFKaB_05.js")), Ue = T(() => import("./DataTable-DyoDzNNY.js")), We = T(() => import("./PenAndPaper-LTuSTmWE.js")), Ge = T(() => import("./UserOptions-CX7Xsusk.js")), He = T(() => import("./PackageVersion-CQxJyGQr.js")), Xe = T(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_mood_radar: Ke } = Mt(), { isThemeValid: qe, warnInvalidTheme: Ye } = St(), w = je, m = i(Ct()), F = i(null), f = i(null), le = i(null), Je = i(0), Qe = i(0), ae = i(0), ne = i(null), re = i(null), E = i(null), z = i(null), se = i(null), ue = i(!1), L = i(null), X = i(null), ie = v(() => !!w.dataset && Object.keys(w.dataset).length), e = i(J()), { loading: K, FINAL_DATASET: P } = Bt({
+      ...ft(w),
       FINAL_CONFIG: e,
       prepareConfig: J,
       callback: () => {
@@ -65,7 +69,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         4: 1,
         5: 1
       },
-      skeletonConfig: mt({
+      skeletonConfig: At({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -106,18 +110,18 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }
       })
     });
-    ht(() => {
+    pt(() => {
       ue.value = !0, ce();
     });
-    const Je = v(() => e.value.debug);
+    const Ze = v(() => e.value.debug);
     function ce() {
-      if (Ct(w.dataset) && _e({
+      if (wt(w.dataset) && _e({
         componentName: "VueUiMoodRadar",
         type: "dataset",
-        debug: Je.value
+        debug: Ze.value
       }), e.value.responsive) {
-        const t = Dt(() => {
-          const { width: l, height: o } = _t({
+        const t = Tt(() => {
+          const { width: l, height: o } = Ot({
             chart: F.value,
             title: e.value.style.chart.title.text ? ne.value : null,
             legend: e.value.style.chart.legend.show ? re.value : null,
@@ -131,17 +135,17 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         E.value && (z.value && E.value.unobserve(z.value), E.value.disconnect()), E.value = new ResizeObserver(t), z.value = F.value.parentNode, E.value.observe(z.value);
       }
     }
-    const { userOptionsVisible: q, setUserOptionsVisibility: de, keepUserOptionState: ve } = Lt({ config: e.value }), { svgRef: Y } = St({ config: e.value.style.chart.title });
+    const { userOptionsVisible: q, setUserOptionsVisibility: de, keepUserOptionState: ve } = It({ config: e.value }), { svgRef: Y } = Rt({ config: e.value.style.chart.title });
     function J() {
       const t = oe({
         userConfig: w.config,
-        defaultConfig: He
+        defaultConfig: Ke
       }), l = t.theme;
       if (!l) return t;
-      if (!Xe.value(t))
-        return Ke(t), t;
+      if (!qe.value(t))
+        return Ye(t), t;
       const o = oe({
-        userConfig: Se[l] || w.config,
+        userConfig: Re[l] || w.config,
         defaultConfig: t
       });
       return oe({
@@ -150,48 +154,48 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
     }
     Ae(() => w.config, (t) => {
-      e.value = J(), q.value = !e.value.userOptions.showOnChartHover, ce(), qe.value += 1, Ye.value += 1, ae.value += 1, D.value.showTable = e.value.table.show;
+      e.value = J(), q.value = !e.value.userOptions.showOnChartHover, ce(), Je.value += 1, Qe.value += 1, ae.value += 1, D.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: ye, isImaging: ge, generatePdf: he, generateImage: fe } = Ot({
+    const { isPrinting: ye, isImaging: ge, generatePdf: he, generateImage: fe } = Lt({
       elementId: m.value,
       fileName: e.value.style.chart.title.text || "vue-ui-mood-radar",
       options: e.value.userOptions.print
-    }), Qe = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = i({
+    }), et = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = i({
       showTable: e.value.table.show
     }), r = i({
       height: 256,
       width: 256
-    }), Ze = {
+    }), tt = {
       5: { x: 128, y: 35 },
       4: { x: 218, y: 98.5 },
       3: { x: 185, y: 204 },
       2: { x: 70, y: 204 },
       1: { x: 38.5, y: 98.5 }
-    }, et = v(() => {
+    }, ot = v(() => {
       const t = {};
       return Z.value.forEach((l) => {
         t[l.key] = { x: l.x, y: l.y };
       }), t;
     });
-    function L(t) {
-      const l = Ze[t], o = et.value[t] || l;
+    function N(t) {
+      const l = tt[t], o = ot.value[t] || l;
       return `translate(${o.x - l.x}, ${o.y - l.y})`;
     }
-    const Q = v(() => At({
+    const Q = v(() => Ft({
       plot: { x: r.value.width / 2, y: r.value.height / 2 },
       radius: Math.min(r.value.height, r.value.width) * 0.35,
       sides: 5,
       rotation: 11
     }));
-    function tt({ centerX: t, centerY: l, apexX: o, apexY: u, proportion: p, key: b, value: yt }) {
+    function lt({ centerX: t, centerY: l, apexX: o, apexY: u, proportion: p, key: b, value: ht }) {
       return {
         x: t + (o - t) * p,
         y: l + (u - l) * p,
         key: b,
-        value: yt
+        value: ht
       };
     }
-    const ot = v(() => Math.max(...Object.values(P.value).map((t) => isNaN(t) ? 0 : t))), _ = v(() => Object.values(P.value).reduce((t, l) => (isNaN(t) ? 0 : t) + (isNaN(l) ? 0 : l), 0)), g = v(() => Object.keys(P.value).map((t, l) => {
+    const at = v(() => Math.max(...Object.values(P.value).map((t) => isNaN(t) ? 0 : t))), _ = v(() => Object.values(P.value).reduce((t, l) => (isNaN(t) ? 0 : t) + (isNaN(l) ? 0 : l), 0)), g = v(() => Object.keys(P.value).map((t, l) => {
       const o = typeof P.value[t] != "number" || isNaN(P.value[t]) ? 0 : P.value[t];
       return {
         index: l,
@@ -223,12 +227,12 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         property: t
       });
     }), Q.value.coordinates.map((t, l) => {
-      const o = tt({
+      const o = lt({
         centerX: r.value.width / 2,
         centerY: r.value.height / 2,
         apexX: t.x,
         apexY: t.y,
-        proportion: g.value[l].value / ot.value,
+        proportion: g.value[l].value / at.value,
         key: g.value[l].key,
         value: g.value[l].value
       });
@@ -237,7 +241,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         plots: o,
         key: g.value[l].key
       };
-    }))), lt = v(() => ({
+    }))), nt = v(() => ({
       cy: "mood-radar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -245,8 +249,8 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function at(t) {
-      t === f.value ? f.value = null : (f.value = t, B(t));
+    function rt(t) {
+      t === f.value ? f.value = null : (f.value = t, M(t));
     }
     function S(t) {
       f.value = t;
@@ -258,7 +262,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       const l = g.value.find((o) => o.key === t);
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.index });
     }
-    function B(t) {
+    function M(t) {
       const l = g.value.find((o) => o.key === t);
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: l.index });
     }
@@ -273,8 +277,8 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       De(() => {
         const l = x.value.head.map((p, b) => [[
           p.name
-        ], [x.value.body[b]], [isNaN(x.value.body[b] / _.value) ? "-" : x.value.body[b] / _.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), u = $t(o);
-        t ? t(u) : Pt({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-mood-radar" });
+        ], [x.value.body[b]], [isNaN(x.value.body[b] / _.value) ? "-" : x.value.body[b] / _.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), u = Dt(o);
+        t ? t(u) : _t({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-mood-radar" });
       });
     }
     const U = v(() => {
@@ -313,23 +317,23 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         colNames: u
       };
     });
-    function nt() {
+    function st() {
       return g.value;
     }
     function be() {
       D.value.showTable = !D.value.showTable;
     }
-    const O = i(!1);
+    const B = i(!1);
     function ke(t) {
-      O.value = t;
+      B.value = t;
     }
     const W = i(!1);
     function te() {
       W.value = !W.value;
     }
-    async function rt({ scale: t = 2 } = {}) {
+    async function ut({ scale: t = 2 } = {}) {
       if (!F.value) return;
-      const { width: l, height: o } = F.value.getBoundingClientRect(), u = l / o, { imageUri: p, base64: b } = await It({ domElement: F.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: o } = F.value.getBoundingClientRect(), u = l / o, { imageUri: p, base64: b } = await jt({ domElement: F.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: p,
         base64: b,
@@ -342,14 +346,14 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     const R = v(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = D.value.showTable;
       return {
-        component: t ? Ge : je,
+        component: t ? Xe : ze,
         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,
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: O.value,
+          isFullscreen: B.value,
           fullscreenParent: F.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
@@ -370,32 +374,32 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       };
     });
     Ae(() => D.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && N.value ? N.value.open() : "close" in N.value && N.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && L.value ? L.value.open() : "close" in L.value && L.value.close());
     });
     function me() {
       D.value.showTable = !1, X.value && X.value.setTableIconState(!1);
     }
-    const st = v(() => pe.value.map((t) => ({
+    const it = v(() => pe.value.map((t) => ({
       ...t,
       name: t.display,
       shape: "circle"
-    }))), ut = v(() => e.value.style.chart.backgroundColor), it = v(() => e.value.style.chart.legend), ct = v(() => e.value.style.chart.title), { exportSvg: dt, getSvg: vt } = Et({
+    }))), ct = v(() => e.value.style.chart.backgroundColor), dt = v(() => e.value.style.chart.legend), vt = v(() => e.value.style.chart.title), { exportSvg: yt, getSvg: gt } = Nt({
       svg: Y,
-      title: ct,
-      legend: it,
-      legendItems: st,
-      backgroundColor: ut
+      title: vt,
+      legend: dt,
+      legendItems: it,
+      backgroundColor: ct
     });
     async function Ce({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: u, dataUrl: p } = await vt();
+        const { blob: l, url: o, text: u, dataUrl: p } = await gt();
         e.value.userOptions.callbacks.svg({ blob: l, url: o, text: u, dataUrl: p });
       } else
-        dt();
+        yt();
     }
-    return Re({
-      getData: nt,
-      getImage: rt,
+    return Ve({
+      getData: st,
+      getImage: ut,
       generatePdf: he,
       generateCsv: ee,
       generateImage: fe,
@@ -404,7 +408,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       toggleAnnotator: te,
       toggleFullscreen: ke
     }), (t, l) => (s(), h("div", {
-      class: we(`vue-data-ui-component vue-ui-mood-radar ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: we(`vue-data-ui-component vue-ui-mood-radar ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "moodRadarChart",
       ref: F,
       id: `${m.value}`,
@@ -412,7 +416,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       onMouseenter: l[16] || (l[16] = () => a(de)(!0)),
       onMouseleave: l[17] || (l[17] = () => a(de)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), k(a(ze), {
+      e.value.userOptions.buttons.annotator ? (s(), k(a(We), {
         key: 0,
         svgRef: a(Y),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -440,7 +444,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
-      Qe.value ? (s(), h("div", {
+      et.value ? (s(), h("div", {
         key: 1,
         ref_key: "noTitle",
         ref: le,
@@ -453,7 +457,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref: ne,
         style: "width:100%;background:transparent"
       }, [
-        G(Rt, {
+        G(Vt, {
           config: {
             title: {
               cy: "mood-radar-title",
@@ -468,8 +472,8 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       ], 512)) : y("", !0),
       n("div", {
         id: `legend-top-${m.value}`
-      }, null, 8, Ut),
-      e.value.userOptions.show && ie.value && (a(ve) || a(q)) ? (s(), k(a(Ue), {
+      }, null, 8, Gt),
+      e.value.userOptions.show && ie.value && (a(ve) || a(q)) ? (s(), k(a(Ge), {
         key: 3,
         ref_key: "userOptionsRef",
         ref: X,
@@ -484,7 +488,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         hasSvg: e.value.userOptions.buttons.svg,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: O.value,
+        isFullscreen: B.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: F.value,
         position: e.value.userOptions.position,
@@ -564,12 +568,12 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       (s(), h("svg", {
         ref_key: "svgRef",
         ref: Y,
-        xmlns: a(wt),
+        xmlns: a(xt),
         viewBox: `0 0 ${r.value.width} ${r.value.height}`,
-        class: we({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
+        class: we({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
         style: j(`overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        G(a(We)),
+        G(a(He)),
         t.$slots["chart-background"] ? (s(), h("foreignObject", {
           key: 0,
           x: 0,
@@ -581,7 +585,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }, [
           d(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Gt)) : y("", !0),
+        ], 8, Xt)) : y("", !0),
         n("defs", null, [
           n("radialGradient", {
             cx: "50%",
@@ -594,12 +598,12 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             n("stop", {
               offset: "0%",
               "stop-color": a($)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
-            }, null, 8, Xt),
+            }, null, 8, qt),
             n("stop", {
               offset: "100%",
-              "stop-color": a($)(a(Ft)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.gradient.intensity / 100), e.value.style.chart.layout.dataPolygon.opacity)
-            }, null, 8, Kt)
-          ], 8, Ht)
+              "stop-color": a($)(a($t)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.gradient.intensity / 100), e.value.style.chart.layout.dataPolygon.opacity)
+            }, null, 8, Yt)
+          ], 8, Kt)
         ]),
         (s(!0), h(xe, null, $e(Q.value.coordinates, (o) => (s(), h("line", {
           x1: r.value.width / 2,
@@ -608,7 +612,7 @@ const Me = { 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, qt))), 256)),
+        }, null, 8, Jt))), 256)),
         n("path", {
           d: Q.value.path,
           fill: "none",
@@ -616,9 +620,9 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           "stroke-width": e.value.style.chart.layout.outerPolygon.strokeWidth,
           "stroke-linejoin": "round",
           "stroke-linecap": "round"
-        }, null, 8, Yt),
+        }, null, 8, Qt),
         n("g", {
-          transform: L("5")
+          transform: N("5")
         }, [
           n("path", {
             fill: "none",
@@ -626,7 +630,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "stroke-width": "1",
             "stroke-linecap": "round",
             d: "M119 25A1 1 0 00137 25 1 1 0 00119 25M123 26C124 33 132 33 133 26L123 26M123 22A1 1 0 00126 22 1 1 0 00123 22M130 22A1 1 0 00133 22 1 1 0 00130 22"
-          }, null, 8, Qt),
+          }, null, 8, eo),
           n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "128",
@@ -635,11 +639,11 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             fill: f.value === "5" ? a($)(e.value.style.chart.layout.smileys.colors[5], 20) : "transparent",
             onMouseenter: l[0] || (l[0] = (o) => S("5")),
             onMouseleave: l[1] || (l[1] = (o) => I("5")),
-            onClick: l[2] || (l[2] = (o) => B("5"))
-          }, null, 40, Zt)
-        ], 8, Jt),
+            onClick: l[2] || (l[2] = (o) => M("5"))
+          }, null, 40, to)
+        ], 8, Zt),
         n("g", {
-          transform: L("4")
+          transform: N("4")
         }, [
           n("path", {
             fill: "none",
@@ -647,7 +651,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "stroke-width": "1",
             "stroke-linecap": "round",
             d: "M218 95A1 1 0 00236 95 1 1 0 00218 95M222 97C225 99 229 99 232 97M222 92A1 1 0 00225 92 1 1 0 00222 92M229 92A1 1 0 00232 92 1 1 0 00229 92"
-          }, null, 8, to),
+          }, null, 8, lo),
           n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "227",
@@ -656,11 +660,11 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             fill: f.value === "4" ? a($)(e.value.style.chart.layout.smileys.colors[4], 20) : "transparent",
             onMouseenter: l[3] || (l[3] = (o) => S("4")),
             onMouseleave: l[4] || (l[4] = (o) => I("4")),
-            onClick: l[5] || (l[5] = (o) => B("4"))
-          }, null, 40, oo)
-        ], 8, eo),
+            onClick: l[5] || (l[5] = (o) => M("4"))
+          }, null, 40, ao)
+        ], 8, oo),
         n("g", {
-          transform: L("3")
+          transform: N("3")
         }, [
           n("path", {
             fill: "none",
@@ -668,7 +672,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "stroke-width": "1",
             "stroke-linecap": "round",
             d: "M181 213A1 1 0 00199 213 1 1 0 00181 213M185 210A1 1 0 00188 210 1 1 0 00185 210M192 210A1 1 0 00195 210 1 1 0 00192 210M185 215 195 215"
-          }, null, 8, ao),
+          }, null, 8, ro),
           n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "190",
@@ -677,11 +681,11 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             fill: f.value === "3" ? a($)(e.value.style.chart.layout.smileys.colors[3], 20) : "transparent",
             onMouseenter: l[6] || (l[6] = (o) => S("3")),
             onMouseleave: l[7] || (l[7] = (o) => I("3")),
-            onClick: l[8] || (l[8] = (o) => B("3"))
-          }, null, 40, no)
-        ], 8, lo),
+            onClick: l[8] || (l[8] = (o) => M("3"))
+          }, null, 40, so)
+        ], 8, no),
         n("g", {
-          transform: L("2")
+          transform: N("2")
         }, [
           n("path", {
             fill: "none",
@@ -689,7 +693,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "stroke-width": "1",
             "stroke-linecap": "round",
             d: "M56 213A1 1 0 0074 213 1 1 0 0056 213M60 216C63 214 67 214 70 216M60 210A1 1 0 0063 210 1 1 0 0060 210M67 210A1 1 0 0070 210 1 1 0 0067 210"
-          }, null, 8, so),
+          }, null, 8, io),
           n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "65",
@@ -698,11 +702,11 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             fill: f.value === "2" ? a($)(e.value.style.chart.layout.smileys.colors[2], 20) : "transparent",
             onMouseenter: l[9] || (l[9] = (o) => S("2")),
             onMouseleave: l[10] || (l[10] = (o) => I("2")),
-            onClick: l[11] || (l[11] = (o) => B("2"))
-          }, null, 40, uo)
-        ], 8, ro),
+            onClick: l[11] || (l[11] = (o) => M("2"))
+          }, null, 40, co)
+        ], 8, uo),
         n("g", {
-          transform: L("1")
+          transform: N("1")
         }, [
           n("path", {
             fill: "none",
@@ -710,7 +714,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "stroke-width": "1",
             "stroke-linecap": "round",
             d: "M20 96A1 1 0 0038 96 1 1 0 0020 96M24 100C25 95 33 95 34 100L24 100M24 93A1 1 0 0027 93 1 1 0 0024 93M31 93A1 1 0 0034 93 1 1 0 0031 93"
-          }, null, 8, co),
+          }, null, 8, yo),
           n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "29",
@@ -719,17 +723,17 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             fill: f.value === "1" ? a($)(e.value.style.chart.layout.smileys.colors[1], 20) : "transparent",
             onMouseenter: l[12] || (l[12] = (o) => S("1")),
             onMouseleave: l[13] || (l[13] = (o) => I("1")),
-            onClick: l[14] || (l[14] = (o) => B("1"))
-          }, null, 40, vo)
-        ], 8, io),
+            onClick: l[14] || (l[14] = (o) => M("1"))
+          }, null, 40, go)
+        ], 8, vo),
         n("path", {
-          d: a(xt)(Z.value.map((o) => o.plots)),
+          d: a(Pt)(Z.value.map((o) => o.plots)),
           stroke: e.value.style.chart.layout.dataPolygon.stroke,
           "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: e.value.style.chart.layout.dataPolygon.gradient.show ? `url(#mood_radar_gradient_${m.value})` : a($)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
-        }, null, 8, yo),
+        }, null, 8, ho),
         (s(!0), h(xe, null, $e(Z.value.map((o) => o.plots), (o, u) => (s(), h("g", {
           class: "vue-ui-mood-radar-trap",
           style: j(`opacity:${f.value == o.key ? "1" : "0"}`)
@@ -740,7 +744,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             x2: r.value.width / 2,
             y2: r.value.height / 2,
             stroke: e.value.style.chart.layout.smileys.colors[o.key]
-          }, null, 8, go),
+          }, null, 8, fo),
           n("circle", {
             cx: o.x,
             cy: o.y,
@@ -748,7 +752,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             r: "3",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 0.5
-          }, null, 8, ho),
+          }, null, 8, po),
           n("circle", {
             cx: r.value.width / 2,
             cy: r.value.height / 2,
@@ -756,7 +760,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             r: "3",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 0.5
-          }, null, 8, fo),
+          }, null, 8, bo),
           n("text", {
             x: r.value.width / 2,
             y: ["5", 5].includes(o.key) ? r.value.height / 2 * 1.13 : r.value.height / 2 * 0.9375,
@@ -774,7 +778,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               r: e.value.style.chart.layout.dataLabel.roundingValue
             }),
             { datapoint: o, seriesIndex: u }
-          )), 9, po),
+          )), 9, ko),
           n("text", {
             x: r.value.width / 2,
             y: ["5", 5].includes(o.key) ? r.value.height / 2 * 1.273 : r.value.height / 2 * 0.7968,
@@ -785,17 +789,17 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             v: o.value / _.value * 100,
             s: "%",
             r: e.value.style.chart.layout.dataLabel.roundingPercentage
-          })) + ") ", 9, bo)
+          })) + ") ", 9, mo)
         ], 4))), 256)),
         d(t.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 14, Wt)),
-      t.$slots.watermark ? (s(), h("div", ko, [
+      ], 14, Ht)),
+      t.$slots.watermark ? (s(), h("div", Co, [
         d(t.$slots, "watermark", C(A({ isPrinting: a(ye) || a(ge) })), void 0, !0)
       ])) : y("", !0),
       n("div", {
         id: `legend-bottom-${m.value}`
-      }, null, 8, mo),
-      ue.value ? (s(), k(ft, {
+      }, null, 8, Ao),
+      ue.value ? (s(), k(bt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${m.value}` : `#legend-bottom-${m.value}`
       }, [
@@ -803,42 +807,42 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           ref_key: "chartLegend",
           ref: re
         }, [
-          e.value.style.chart.legend.show ? (s(), k(jt, {
+          e.value.style.chart.legend.show ? (s(), k(zt, {
             legendSet: pe.value,
-            config: lt.value,
+            config: nt.value,
             key: `legend_${ae.value}`,
             style: { display: "flex", "row-gap": "6px" }
           }, {
             item: c(({ legend: o, index: u }) => [
               n("div", {
-                onClick: () => at(o.key),
+                onClick: () => rt(o.key),
                 style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center", margin: "3px 0" }
               }, [
-                o.key == 1 ? (s(), k(a(M), {
+                o.key == 1 ? (s(), k(a(O), {
                   key: 0,
                   strokeWidth: 1,
                   name: "moodSad",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
                 }, null, 8, ["stroke"])) : y("", !0),
-                o.key == 2 ? (s(), k(a(M), {
+                o.key == 2 ? (s(), k(a(O), {
                   key: 1,
                   strokeWidth: 1,
                   name: "moodFlat",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
                 }, null, 8, ["stroke"])) : y("", !0),
-                o.key == 3 ? (s(), k(a(M), {
+                o.key == 3 ? (s(), k(a(O), {
                   key: 2,
                   strokeWidth: 1,
                   name: "moodNeutral",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
                 }, null, 8, ["stroke"])) : y("", !0),
-                o.key == 4 ? (s(), k(a(M), {
+                o.key == 4 ? (s(), k(a(O), {
                   key: 3,
                   strokeWidth: 1,
                   name: "smiley",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
                 }, null, 8, ["stroke"])) : y("", !0),
-                o.key == 5 ? (s(), k(a(M), {
+                o.key == 5 ? (s(), k(a(O), {
                   key: 4,
                   strokeWidth: 1,
                   name: "moodHappy",
@@ -848,7 +852,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                   key: 5,
                   style: j({ fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal" })
                 }, V(o.display), 5))
-              ], 8, Co)
+              ], 8, wo)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : y("", !0),
@@ -863,13 +867,13 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }, [
         d(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      ie.value && e.value.userOptions.buttons.table ? (s(), k(pt(R.value.component), bt({ key: 7 }, R.value.props, {
+      ie.value && e.value.userOptions.buttons.table ? (s(), k(kt(R.value.component), mt({ key: 7 }, R.value.props, {
         ref_key: "tableUnit",
-        ref: N,
+        ref: L,
         onClose: me
       }), Fe({
         content: c(() => [
-          G(a(Ve), {
+          G(a(Ue), {
             colNames: U.value.colNames,
             head: U.value.head,
             body: U.value.body,
@@ -882,7 +886,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               n("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ao)
+              }, null, 8, Fo)
             ]),
             td: c(({ td: o }) => [
               Pe(V(o.name || o), 1)
@@ -907,7 +911,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               class: "vue-ui-user-options-button",
               onClick: l[15] || (l[15] = (o) => ee(e.value.userOptions.callbacks.csv))
             }, [
-              G(a(M), {
+              G(a(O), {
                 name: "excel",
                 stroke: R.value.props.color
               }, null, 8, ["stroke"])
@@ -916,15 +920,15 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      a(K) ? (s(), k(Bt, { key: 8 })) : y("", !0)
-    ], 46, zt));
+      a(K) ? (s(), k(Et, { key: 8 })) : y("", !0)
+    ], 46, Wt));
   }
-}, Fo = /* @__PURE__ */ Vt(wo, [["__scopeId", "data-v-104510a1"]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $o = /* @__PURE__ */ Ut(xo, [["__scopeId", "data-v-104510a1"]]), zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Fo
+  default: $o
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ro as a,
-  jo as b,
-  Fo as v
+  Vo as a,
+  zo as b,
+  $o as v
 };