vue-data-ui 3.4.9 → 3.5.1

package/dist/{vue-ui-mood-radar-BAT7kZUy.js → vue-ui-mood-radar-Dhigm5rw.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as M, ref as u, computed as d, toRefs as st, onMounted as nt, watch as Ce, createElementBlock as g, openBlock as r, unref as a, normalizeStyle as E, normalizeClass as we, createBlock as k, createCommentVNode as c, createElementVNode as s, createVNode as j, createSlots as xe, withCtx as v, renderSlot as y, normalizeProps as z, guardReactiveProps as G, Fragment as $e, renderList as Ae, toDisplayString as R, Teleport as rt, resolveDynamicComponent as ut, mergeProps as it, createTextVNode as _e, nextTick as Te } from "vue";
-import { c as dt, t as ct, o as vt, f as Me, k as yt, a as Pe, d as H, X as ht, s as x, i as gt, a8 as ft, P as pt, Q as mt } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as O, ref as u, computed as v, toRefs as nt, onMounted as st, watch as Ce, createElementBlock as f, openBlock as r, unref as a, normalizeStyle as V, normalizeClass as we, createBlock as k, createCommentVNode as y, createElementVNode as n, withCtx as i, renderSlot as c, normalizeProps as C, guardReactiveProps as w, createVNode as G, createSlots as xe, Fragment as $e, renderList as Ae, toDisplayString as U, Teleport as rt, resolveDynamicComponent as ut, mergeProps as it, createTextVNode as _e, nextTick as Te } from "vue";
+import { c as dt, t as ct, o as vt, f as Me, k as yt, a as Pe, d as H, X as ht, s as A, i as ft, a8 as gt, P as pt, Q as mt } from "./lib-C_mNZmhD.js";
 import { t as kt, u as bt } from "./useResponsive-DfdjqQps.js";
-import { u as Ct, a as Oe } from "./useNestedProp-BjZe1Y85.js";
+import { u as Ct, a as Oe } from "./useNestedProp-DjGXw6S9.js";
 import { u as wt, B as xt } from "./BaseScanner-BgWxam9d.js";
 import { u as $t } from "./usePrinter-DTzqpYKF.js";
 import { u as At } from "./useSvgExport-DrjCWun4.js";
 import { u as _t } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Tt } from "./useChartAccessibility-9icAAmYg.js";
 import Mt from "./img-BecE5qXd.js";
-import Pt from "./Title-l36lOBMx.js";
+import Pt from "./Title-isbiM8i8.js";
 import { t as Ot } from "./themes-AUNCOb2G.js";
 import Nt from "./Legend-G6GMcdAc.js";
 import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["id"], Et = ["stop-color"], Rt = ["stop-color"], Vt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["transform"], jt = ["stroke"], zt = ["fill"], Gt = ["transform"], Ht = ["stroke"], Xt = ["fill"], Kt = ["transform"], qt = ["stroke"], Qt = ["fill"], Yt = ["transform"], Jt = ["stroke"], Zt = ["fill"], eo = ["transform"], to = ["stroke"], oo = ["fill"], lo = ["d", "stroke", "stroke-width", "fill"], ao = ["x1", "y1", "x2", "y2", "stroke"], so = ["cx", "cy", "fill", "stroke"], no = ["cx", "cy", "fill", "stroke"], ro = ["x", "y", "fill", "font-weight"], uo = ["x", "y", "fill"], io = {
+const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "height"], Bt = ["id"], Et = ["stop-color"], Rt = ["stop-color"], Vt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ut = ["d", "stroke", "stroke-width"], Wt = ["transform"], jt = ["stroke"], zt = ["fill"], Gt = ["transform"], Ht = ["stroke"], Xt = ["fill"], Kt = ["transform"], qt = ["stroke"], Qt = ["fill"], Yt = ["transform"], Jt = ["stroke"], Zt = ["fill"], eo = ["transform"], to = ["stroke"], oo = ["fill"], lo = ["d", "stroke", "stroke-width", "fill"], ao = ["x1", "y1", "x2", "y2", "stroke"], no = ["cx", "cy", "fill", "stroke"], so = ["cx", "cy", "fill", "stroke"], ro = ["x", "y", "fill", "font-weight"], uo = ["x", "y", "fill"], io = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, co = ["id"], vo = ["onClick"], yo = ["innerHTML"], ho = {
@@ -32,13 +32,13 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     }
   },
   setup(Ne, { expose: Se }) {
-    const P = M(() => import("./BaseIcon-BmMbm4d0.js")), Le = M(() => import("./vue-ui-accordion-CZ0thhxa.js")), Ie = M(() => import("./DataTable-BT7VF2ua.js")), De = M(() => import("./PenAndPaper-DSvu9dwa.js")), Fe = M(() => import("./UserOptions-CGnQt6Fd.js")), Be = M(() => import("./PackageVersion-CTUqGqWV.js")), Ee = M(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_mood_radar: Re } = Ct(), $ = Ne, b = u(dt()), C = u(null), f = u(null), oe = u(null), Ve = u(0), Ue = u(0), le = u(0), ae = u(null), se = u(null), S = u(null), V = u(null), ne = u(null), re = u(!1), L = u(null), X = u(null), ue = d(() => !!$.dataset && Object.keys($.dataset).length), e = u(Y()), { loading: K, FINAL_DATASET: A } = wt({
-      ...st($),
+    const N = O(() => import("./BaseIcon-BmMbm4d0.js")), Le = O(() => import("./vue-ui-accordion-CqhVCfc2.js")), Ie = O(() => import("./DataTable-BT7VF2ua.js")), De = O(() => import("./PenAndPaper-SZQIAgkg.js")), Fe = O(() => import("./UserOptions-CGnQt6Fd.js")), Be = O(() => import("./PackageVersion-DQvyATVa.js")), Ee = O(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_mood_radar: Re } = Ct(), _ = Ne, b = u(dt()), x = u(null), g = u(null), oe = u(null), Ve = u(0), Ue = u(0), le = u(0), ae = u(null), ne = u(null), I = u(null), W = u(null), se = u(null), re = u(!1), D = u(null), X = u(null), ue = v(() => !!_.dataset && Object.keys(_.dataset).length), e = u(Y()), { loading: K, FINAL_DATASET: T } = wt({
+      ...nt(_),
       FINAL_CONFIG: e,
       prepareConfig: Y,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Te(), _.value.showTable = e.value.table.show;
+          await Te(), M.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: {
@@ -89,54 +89,54 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         }
       })
     });
-    nt(() => {
+    st(() => {
       re.value = !0, ie();
     });
-    const We = d(() => e.value.debug);
+    const We = v(() => e.value.debug);
     function ie() {
-      if (vt($.dataset) && Me({
+      if (vt(_.dataset) && Me({
         componentName: "VueUiMoodRadar",
         type: "dataset",
         debug: We.value
       }), e.value.responsive) {
         const t = kt(() => {
           const { width: l, height: o } = bt({
-            chart: C.value,
+            chart: x.value,
             title: e.value.style.chart.title.text ? ae.value : null,
-            legend: e.value.style.chart.legend.show ? se.value : null,
+            legend: e.value.style.chart.legend.show ? ne.value : null,
             noTitle: oe.value,
-            source: ne.value
+            source: se.value
           });
           requestAnimationFrame(() => {
-            n.value.width = l, n.value.height = o - 12;
+            s.value.width = l, s.value.height = o - 12;
           });
         });
-        S.value && (V.value && S.value.unobserve(V.value), S.value.disconnect()), S.value = new ResizeObserver(t), V.value = C.value.parentNode, S.value.observe(V.value);
+        I.value && (W.value && I.value.unobserve(W.value), I.value.disconnect()), I.value = new ResizeObserver(t), W.value = x.value.parentNode, I.value.observe(W.value);
       }
     }
     const { userOptionsVisible: q, setUserOptionsVisibility: de, keepUserOptionState: ce } = _t({ config: e.value }), { svgRef: Q } = Tt({ config: e.value.style.chart.title });
     function Y() {
       const t = Oe({
-        userConfig: $.config,
+        userConfig: _.config,
         defaultConfig: Re
       });
       return t.theme ? {
         ...Oe({
-          userConfig: Ot.vue_ui_mood_radar[t.theme] || $.config,
+          userConfig: Ot.vue_ui_mood_radar[t.theme] || _.config,
           defaultConfig: t
         })
       } : t;
     }
-    Ce(() => $.config, (t) => {
-      e.value = Y(), q.value = !e.value.userOptions.showOnChartHover, ie(), Ve.value += 1, Ue.value += 1, le.value += 1, _.value.showTable = e.value.table.show;
+    Ce(() => _.config, (t) => {
+      e.value = Y(), q.value = !e.value.userOptions.showOnChartHover, ie(), Ve.value += 1, Ue.value += 1, le.value += 1, M.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: ve, isImaging: ye, generatePdf: he, generateImage: ge } = $t({
+    const { isPrinting: ve, isImaging: ye, generatePdf: he, generateImage: fe } = $t({
       elementId: b.value,
       fileName: e.value.style.chart.title.text || "vue-ui-mood-radar",
       options: e.value.userOptions.print
-    }), je = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), _ = u({
+    }), je = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), M = u({
       showTable: e.value.table.show
-    }), n = u({
+    }), s = u({
       height: 256,
       width: 256
     }), ze = {
@@ -145,40 +145,40 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       3: { x: 185, y: 204 },
       2: { x: 70, y: 204 },
       1: { x: 38.5, y: 98.5 }
-    }, Ge = d(() => {
+    }, Ge = v(() => {
       const t = {};
       return Z.value.forEach((l) => {
         t[l.key] = { x: l.x, y: l.y };
       }), t;
     });
-    function I(t) {
+    function F(t) {
       const l = ze[t], o = Ge.value[t] || l;
       return `translate(${o.x - l.x}, ${o.y - l.y})`;
     }
-    const J = d(() => yt({
-      plot: { x: n.value.width / 2, y: n.value.height / 2 },
-      radius: Math.min(n.value.height, n.value.width) * 0.35,
+    const J = v(() => yt({
+      plot: { x: s.value.width / 2, y: s.value.height / 2 },
+      radius: Math.min(s.value.height, s.value.width) * 0.35,
       sides: 5,
       rotation: 11
     }));
-    function He({ centerX: t, centerY: l, apexX: o, apexY: i, proportion: p, key: m, value: at }) {
+    function He({ centerX: t, centerY: l, apexX: o, apexY: d, proportion: p, key: m, value: at }) {
       return {
         x: t + (o - t) * p,
-        y: l + (i - l) * p,
+        y: l + (d - l) * p,
         key: m,
         value: at
       };
     }
-    const Xe = d(() => Math.max(...Object.values(A.value).map((t) => isNaN(t) ? 0 : t))), T = d(() => Object.values(A.value).reduce((t, l) => (isNaN(t) ? 0 : t) + (isNaN(l) ? 0 : l), 0)), h = d(() => Object.keys(A.value).map((t, l) => {
-      const o = typeof A.value[t] != "number" || isNaN(A.value[t]) ? 0 : A.value[t];
+    const Xe = v(() => Math.max(...Object.values(T.value).map((t) => isNaN(t) ? 0 : t))), P = v(() => Object.values(T.value).reduce((t, l) => (isNaN(t) ? 0 : t) + (isNaN(l) ? 0 : l), 0)), h = v(() => Object.keys(T.value).map((t, l) => {
+      const o = typeof T.value[t] != "number" || isNaN(T.value[t]) ? 0 : T.value[t];
       return {
         index: l,
         key: t,
         value: o,
-        proportion: o / T.value,
+        proportion: o / P.value,
         color: e.value.style.chart.layout.smileys.colors[t]
       };
-    }).sort((t, l) => l.key - t.key)), fe = d(() => h.value.map((t, l) => ({
+    }).sort((t, l) => l.key - t.key)), ge = v(() => h.value.map((t, l) => ({
       ...t,
       display: `${Pe(
         e.value.style.chart.layout.dataLabel.formatter,
@@ -194,16 +194,16 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         s: "%",
         r: e.value.style.chart.legend.roundingPercentage
       })})`}`
-    }))), Z = d(() => (["1", "2", "3", "4", "5"].forEach((t) => {
-      [null, void 0].includes(A.value[t]) && Me({
+    }))), Z = v(() => (["1", "2", "3", "4", "5"].forEach((t) => {
+      [null, void 0].includes(T.value[t]) && Me({
         componentName: "VueUiMoodRadar",
         type: "datasetAttribute",
         property: t
       });
     }), J.value.coordinates.map((t, l) => {
       const o = He({
-        centerX: n.value.width / 2,
-        centerY: n.value.height / 2,
+        centerX: s.value.width / 2,
+        centerY: s.value.height / 2,
         apexX: t.x,
         apexY: t.y,
         proportion: h.value[l].value / Xe.value,
@@ -215,7 +215,7 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         plots: o,
         key: h.value[l].key
       };
-    }))), Ke = d(() => ({
+    }))), Ke = v(() => ({
       cy: "mood-radar-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -224,23 +224,23 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
     function qe(t) {
-      t === f.value ? f.value = null : (f.value = t, O(t));
+      t === g.value ? g.value = null : (g.value = t, S(t));
     }
-    function D(t) {
-      f.value = t;
+    function B(t) {
+      g.value = t;
       const l = h.value.find((o) => o.key === t);
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: l.index });
     }
-    function F(t) {
-      f.value = null;
+    function E(t) {
+      g.value = null;
       const l = h.value.find((o) => o.key === t);
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.index });
     }
-    function O(t) {
+    function S(t) {
       const l = h.value.find((o) => o.key === t);
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: l.index });
     }
-    const w = d(() => {
+    const $ = v(() => {
       const t = h.value.map((o) => ({
         name: o.key,
         color: o.color
@@ -249,24 +249,24 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     });
     function ee(t = null) {
       Te(() => {
-        const l = w.value.head.map((p, m) => [[
+        const l = $.value.head.map((p, m) => [[
           p.name
-        ], [w.value.body[m]], [isNaN(w.value.body[m] / T.value) ? "-" : w.value.body[m] / T.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), i = pt(o);
-        t ? t(i) : mt({ csvContent: i, title: e.value.style.chart.title.text || "vue-ui-mood-radar" });
+        ], [$.value.body[m]], [isNaN($.value.body[m] / P.value) ? "-" : $.value.body[m] / P.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), d = pt(o);
+        t ? t(d) : mt({ csvContent: d, title: e.value.style.chart.title.text || "vue-ui-mood-radar" });
       });
     }
-    const U = d(() => {
+    const j = v(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        Number(T.value.toFixed(e.value.table.td.roundingValue)).toLocaleString(),
+        Number(P.value.toFixed(e.value.table.td.roundingValue)).toLocaleString(),
         "100%"
-      ], l = w.value.head.map((p, m) => [
+      ], l = $.value.head.map((p, m) => [
         {
           color: p.color,
           name: p.name
         },
-        w.value.body[m].toFixed(e.value.table.td.roundingValue),
-        isNaN(w.value.body[m] / T.value) ? "-" : (w.value.body[m] / T.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
+        $.value.body[m].toFixed(e.value.table.td.roundingValue),
+        isNaN($.value.body[m] / P.value) ? "-" : ($.value.body[m] / P.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
       ]), o = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -279,7 +279,7 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
           outline: e.value.table.td.outline
         },
         breakpoint: e.value.table.responsiveBreakpoint
-      }, i = [
+      }, d = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
@@ -288,37 +288,37 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         head: t,
         body: l,
         config: o,
-        colNames: i
+        colNames: d
       };
     });
     function Qe() {
       return h.value;
     }
     function pe() {
-      _.value.showTable = !_.value.showTable;
+      M.value.showTable = !M.value.showTable;
     }
-    const N = u(!1);
+    const L = u(!1);
     function me(t) {
-      N.value = t;
+      L.value = t;
     }
-    const W = u(!1);
+    const z = u(!1);
     function te() {
-      W.value = !W.value;
+      z.value = !z.value;
     }
     async function Ye({ scale: t = 2 } = {}) {
-      if (!C.value) return;
-      const { width: l, height: o } = C.value.getBoundingClientRect(), i = l / o, { imageUri: p, base64: m } = await Mt({ domElement: C.value, base64: !0, img: !0, scale: t });
+      if (!x.value) return;
+      const { width: l, height: o } = x.value.getBoundingClientRect(), d = l / o, { imageUri: p, base64: m } = await Mt({ domElement: x.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: p,
         base64: m,
         title: e.value.style.chart.title.text,
         width: l,
         height: o,
-        aspectRatio: i
+        aspectRatio: d
       };
     }
-    const B = d(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = _.value.showTable;
+    const R = v(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, l = M.value.showTable;
       return {
         component: t ? Ee : Le,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -327,8 +327,8 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: N.value,
-          fullscreenParent: C.value,
+          isFullscreen: L.value,
+          fullscreenParent: x.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -347,17 +347,17 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         }
       };
     });
-    Ce(() => _.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && L.value ? L.value.open() : "close" in L.value && L.value.close());
+    Ce(() => M.value.showTable, (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && D.value ? D.value.open() : "close" in D.value && D.value.close());
     });
     function ke() {
-      _.value.showTable = !1, X.value && X.value.setTableIconState(!1);
+      M.value.showTable = !1, X.value && X.value.setTableIconState(!1);
     }
-    const Je = d(() => fe.value.map((t) => ({
+    const Je = v(() => ge.value.map((t) => ({
       ...t,
       name: t.display,
       shape: "circle"
-    }))), Ze = d(() => e.value.style.chart.backgroundColor), et = d(() => e.value.style.chart.legend), tt = d(() => e.value.style.chart.title), { exportSvg: ot, getSvg: lt } = At({
+    }))), Ze = v(() => e.value.style.chart.backgroundColor), et = v(() => e.value.style.chart.legend), tt = v(() => e.value.style.chart.title), { exportSvg: ot, getSvg: lt } = At({
       svg: Q,
       title: tt,
       legend: et,
@@ -366,8 +366,8 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
     });
     async function be({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: i, dataUrl: p } = await lt();
-        e.value.userOptions.callbacks.svg({ blob: l, url: o, text: i, dataUrl: p });
+        const { blob: l, url: o, text: d, dataUrl: p } = await lt();
+        e.value.userOptions.callbacks.svg({ blob: l, url: o, text: d, dataUrl: p });
       } else
         ot();
     }
@@ -376,17 +376,17 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       getImage: Ye,
       generatePdf: he,
       generateCsv: ee,
-      generateImage: ge,
+      generateImage: fe,
       generateSvg: be,
       toggleTable: pe,
       toggleAnnotator: te,
       toggleFullscreen: me
-    }), (t, l) => (r(), g("div", {
-      class: we(`vue-data-ui-component vue-ui-mood-radar ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+    }), (t, l) => (r(), f("div", {
+      class: we(`vue-data-ui-component vue-ui-mood-radar ${L.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "moodRadarChart",
-      ref: C,
+      ref: x,
       id: `${b.value}`,
-      style: E(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      style: V(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       onMouseenter: l[16] || (l[16] = () => a(de)(!0)),
       onMouseleave: l[17] || (l[17] = () => a(de)(!1))
     }, [
@@ -395,23 +395,43 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         svgRef: a(Q),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: W.value,
+        active: z.value,
         onClose: te
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      je.value ? (r(), g("div", {
+      }, {
+        "annotator-action-close": i(() => [
+          c(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": i(({ color: o }) => [
+          c(t.$slots, "annotator-action-color", C(w({ color: o })), void 0, !0)
+        ]),
+        "annotator-action-draw": i(({ mode: o }) => [
+          c(t.$slots, "annotator-action-draw", C(w({ mode: o })), void 0, !0)
+        ]),
+        "annotator-action-undo": i(({ disabled: o }) => [
+          c(t.$slots, "annotator-action-undo", C(w({ disabled: o })), void 0, !0)
+        ]),
+        "annotator-action-redo": i(({ disabled: o }) => [
+          c(t.$slots, "annotator-action-redo", C(w({ disabled: o })), void 0, !0)
+        ]),
+        "annotator-action-delete": i(({ disabled: o }) => [
+          c(t.$slots, "annotator-action-delete", C(w({ disabled: o })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
+      je.value ? (r(), f("div", {
         key: 1,
         ref_key: "noTitle",
         ref: oe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (r(), g("div", {
+      }, null, 512)) : y("", !0),
+      e.value.style.chart.title.text ? (r(), f("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: ae,
         style: "width:100%;background:transparent"
       }, [
-        j(Pt, {
+        G(Pt, {
           config: {
             title: {
               cy: "mood-radar-title",
@@ -423,8 +443,8 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             }
           }
         }, null, 8, ["config"])
-      ], 512)) : c("", !0),
-      s("div", {
+      ], 512)) : y("", !0),
+      n("div", {
         id: `legend-top-${b.value}`
       }, null, 8, It),
       e.value.userOptions.show && ue.value && (a(ce) || a(q)) ? (r(), k(a(Fe), {
@@ -442,106 +462,106 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
         hasSvg: e.value.userOptions.buttons.svg,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: N.value,
+        isFullscreen: L.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: C.value,
+        chartElement: x.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: W.value,
+        isAnnotation: z.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: me,
         onGeneratePdf: a(he),
         onGenerateCsv: ee,
-        onGenerateImage: a(ge),
+        onGenerateImage: a(fe),
         onGenerateSvg: be,
         onToggleTable: pe,
         onToggleAnnotator: te,
-        style: E({
+        style: V({
           visibility: a(ce) ? a(q) ? "visible" : "hidden" : "visible"
         })
       }, xe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: v(({ isOpen: o, color: i }) => [
-            y(t.$slots, "menuIcon", z(G({ isOpen: o, color: i })), void 0, !0)
+          fn: i(({ isOpen: o, color: d }) => [
+            c(t.$slots, "menuIcon", C(w({ isOpen: o, color: d })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: v(() => [
-            y(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: i(() => [
+            c(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: v(() => [
-            y(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: i(() => [
+            c(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: v(() => [
-            y(t.$slots, "optionImg", {}, void 0, !0)
+          fn: i(() => [
+            c(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: v(() => [
-            y(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: i(() => [
+            c(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: v(() => [
-            y(t.$slots, "optionTable", {}, void 0, !0)
+          fn: i(() => [
+            c(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: v(({ toggleFullscreen: o, isFullscreen: i }) => [
-            y(t.$slots, "optionFullscreen", z(G({ toggleFullscreen: o, isFullscreen: i })), void 0, !0)
+          fn: i(({ toggleFullscreen: o, isFullscreen: d }) => [
+            c(t.$slots, "optionFullscreen", C(w({ toggleFullscreen: o, isFullscreen: d })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: v(({ toggleAnnotator: o, isAnnotator: i }) => [
-            y(t.$slots, "optionAnnotator", z(G({ toggleAnnotator: o, isAnnotator: i })), void 0, !0)
+          fn: i(({ toggleAnnotator: o, isAnnotator: d }) => [
+            c(t.$slots, "optionAnnotator", C(w({ toggleAnnotator: o, isAnnotator: d })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      (r(), g("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      (r(), f("svg", {
         ref_key: "svgRef",
         ref: Q,
         xmlns: a(ht),
-        viewBox: `0 0 ${n.value.width} ${n.value.height}`,
-        class: we({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
-        style: E(`overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        viewBox: `0 0 ${s.value.width} ${s.value.height}`,
+        class: we({ "vue-data-ui-fullscreen--on": L.value, "vue-data-ui-fulscreen--off": !L.value }),
+        style: V(`overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        j(a(Be)),
-        t.$slots["chart-background"] ? (r(), g("foreignObject", {
+        G(a(Be)),
+        t.$slots["chart-background"] ? (r(), f("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: n.value.width,
-          height: n.value.height,
+          width: s.value.width,
+          height: s.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
-          y(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ft)) : c("", !0),
-        s("defs", null, [
-          s("radialGradient", {
+          c(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Ft)) : y("", !0),
+        n("defs", null, [
+          n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -549,25 +569,25 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
             fy: "50%",
             id: `mood_radar_gradient_${b.value}`
           }, [
-            s("stop", {
+            n("stop", {
               offset: "0%",
-              "stop-color": a(x)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
+              "stop-color": a(A)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
             }, null, 8, Et),
-            s("stop", {
+            n("stop", {
               offset: "100%",
-              "stop-color": a(x)(a(gt)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.gradient.intensity / 100), e.value.style.chart.layout.dataPolygon.opacity)
+              "stop-color": a(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, Rt)
           ], 8, Bt)
         ]),
-        (r(!0), g($e, null, Ae(J.value.coordinates, (o) => (r(), g("line", {
-          x1: n.value.width / 2,
-          y1: n.value.height / 2,
+        (r(!0), f($e, null, Ae(J.value.coordinates, (o) => (r(), f("line", {
+          x1: s.value.width / 2,
+          y1: s.value.height / 2,
           x2: o.x,
           y2: o.y,
           stroke: e.value.style.chart.layout.grid.stroke,
           "stroke-width": e.value.style.chart.layout.grid.strokeWidth
         }, null, 8, Vt))), 256)),
-        s("path", {
+        n("path", {
           d: J.value.path,
           fill: "none",
           stroke: e.value.style.chart.layout.outerPolygon.stroke,
@@ -575,154 +595,154 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
           "stroke-linejoin": "round",
           "stroke-linecap": "round"
         }, null, 8, Ut),
-        s("g", {
-          transform: I("5")
+        n("g", {
+          transform: F("5")
         }, [
-          s("path", {
+          n("path", {
             fill: "none",
             stroke: e.value.style.chart.layout.smileys.colors[5],
             "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, jt),
-          s("circle", {
+          n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "128",
             cy: "25",
             r: "20",
-            fill: f.value === "5" ? a(x)(e.value.style.chart.layout.smileys.colors[5], 20) : "transparent",
-            onMouseenter: l[0] || (l[0] = (o) => D("5")),
-            onMouseleave: l[1] || (l[1] = (o) => F("5")),
-            onClick: l[2] || (l[2] = (o) => O("5"))
+            fill: g.value === "5" ? a(A)(e.value.style.chart.layout.smileys.colors[5], 20) : "transparent",
+            onMouseenter: l[0] || (l[0] = (o) => B("5")),
+            onMouseleave: l[1] || (l[1] = (o) => E("5")),
+            onClick: l[2] || (l[2] = (o) => S("5"))
           }, null, 40, zt)
         ], 8, Wt),
-        s("g", {
-          transform: I("4")
+        n("g", {
+          transform: F("4")
         }, [
-          s("path", {
+          n("path", {
             fill: "none",
             stroke: e.value.style.chart.layout.smileys.colors[4],
             "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, Ht),
-          s("circle", {
+          n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "227",
             cy: "95.5",
             r: "20",
-            fill: f.value === "4" ? a(x)(e.value.style.chart.layout.smileys.colors[4], 20) : "transparent",
-            onMouseenter: l[3] || (l[3] = (o) => D("4")),
-            onMouseleave: l[4] || (l[4] = (o) => F("4")),
-            onClick: l[5] || (l[5] = (o) => O("4"))
+            fill: g.value === "4" ? a(A)(e.value.style.chart.layout.smileys.colors[4], 20) : "transparent",
+            onMouseenter: l[3] || (l[3] = (o) => B("4")),
+            onMouseleave: l[4] || (l[4] = (o) => E("4")),
+            onClick: l[5] || (l[5] = (o) => S("4"))
           }, null, 40, Xt)
         ], 8, Gt),
-        s("g", {
-          transform: I("3")
+        n("g", {
+          transform: F("3")
         }, [
-          s("path", {
+          n("path", {
             fill: "none",
             stroke: e.value.style.chart.layout.smileys.colors[3],
             "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, qt),
-          s("circle", {
+          n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "190",
             cy: "213.5",
             r: "20",
-            fill: f.value === "3" ? a(x)(e.value.style.chart.layout.smileys.colors[3], 20) : "transparent",
-            onMouseenter: l[6] || (l[6] = (o) => D("3")),
-            onMouseleave: l[7] || (l[7] = (o) => F("3")),
-            onClick: l[8] || (l[8] = (o) => O("3"))
+            fill: g.value === "3" ? a(A)(e.value.style.chart.layout.smileys.colors[3], 20) : "transparent",
+            onMouseenter: l[6] || (l[6] = (o) => B("3")),
+            onMouseleave: l[7] || (l[7] = (o) => E("3")),
+            onClick: l[8] || (l[8] = (o) => S("3"))
           }, null, 40, Qt)
         ], 8, Kt),
-        s("g", {
-          transform: I("2")
+        n("g", {
+          transform: F("2")
         }, [
-          s("path", {
+          n("path", {
             fill: "none",
             stroke: e.value.style.chart.layout.smileys.colors[2],
             "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, Jt),
-          s("circle", {
+          n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "65",
             cy: "213.5",
             r: "20",
-            fill: f.value === "2" ? a(x)(e.value.style.chart.layout.smileys.colors[2], 20) : "transparent",
-            onMouseenter: l[9] || (l[9] = (o) => D("2")),
-            onMouseleave: l[10] || (l[10] = (o) => F("2")),
-            onClick: l[11] || (l[11] = (o) => O("2"))
+            fill: g.value === "2" ? a(A)(e.value.style.chart.layout.smileys.colors[2], 20) : "transparent",
+            onMouseenter: l[9] || (l[9] = (o) => B("2")),
+            onMouseleave: l[10] || (l[10] = (o) => E("2")),
+            onClick: l[11] || (l[11] = (o) => S("2"))
           }, null, 40, Zt)
         ], 8, Yt),
-        s("g", {
-          transform: I("1")
+        n("g", {
+          transform: F("1")
         }, [
-          s("path", {
+          n("path", {
             fill: "none",
             stroke: e.value.style.chart.layout.smileys.colors[1],
             "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, to),
-          s("circle", {
+          n("circle", {
             class: "vue-ui-mood-radar-trap",
             cx: "29",
             cy: "95.5",
             r: "20",
-            fill: f.value === "1" ? a(x)(e.value.style.chart.layout.smileys.colors[1], 20) : "transparent",
-            onMouseenter: l[12] || (l[12] = (o) => D("1")),
-            onMouseleave: l[13] || (l[13] = (o) => F("1")),
-            onClick: l[14] || (l[14] = (o) => O("1"))
+            fill: g.value === "1" ? a(A)(e.value.style.chart.layout.smileys.colors[1], 20) : "transparent",
+            onMouseenter: l[12] || (l[12] = (o) => B("1")),
+            onMouseleave: l[13] || (l[13] = (o) => E("1")),
+            onClick: l[14] || (l[14] = (o) => S("1"))
           }, null, 40, oo)
         ], 8, eo),
-        s("path", {
-          d: a(ft)(Z.value.map((o) => o.plots)),
+        n("path", {
+          d: a(gt)(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_${b.value})` : a(x)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
+          fill: e.value.style.chart.layout.dataPolygon.gradient.show ? `url(#mood_radar_gradient_${b.value})` : a(A)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
         }, null, 8, lo),
-        (r(!0), g($e, null, Ae(Z.value.map((o) => o.plots), (o, i) => (r(), g("g", {
+        (r(!0), f($e, null, Ae(Z.value.map((o) => o.plots), (o, d) => (r(), f("g", {
           class: "vue-ui-mood-radar-trap",
-          style: E(`opacity:${f.value == o.key ? "1" : "0"}`)
+          style: V(`opacity:${g.value == o.key ? "1" : "0"}`)
         }, [
-          s("line", {
+          n("line", {
             x1: o.x,
             y1: o.y,
-            x2: n.value.width / 2,
-            y2: n.value.height / 2,
+            x2: s.value.width / 2,
+            y2: s.value.height / 2,
             stroke: e.value.style.chart.layout.smileys.colors[o.key]
           }, null, 8, ao),
-          s("circle", {
+          n("circle", {
             cx: o.x,
             cy: o.y,
             fill: e.value.style.chart.layout.smileys.colors[o.key],
             r: "3",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 0.5
-          }, null, 8, so),
-          s("circle", {
-            cx: n.value.width / 2,
-            cy: n.value.height / 2,
+          }, null, 8, no),
+          n("circle", {
+            cx: s.value.width / 2,
+            cy: s.value.height / 2,
             fill: e.value.style.chart.layout.smileys.colors[o.key],
             r: "3",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": 0.5
-          }, null, 8, no),
-          s("text", {
-            x: n.value.width / 2,
-            y: ["5", 5].includes(o.key) ? n.value.height / 2 * 1.13 : n.value.height / 2 * 0.9375,
+          }, null, 8, so),
+          n("text", {
+            x: s.value.width / 2,
+            y: ["5", 5].includes(o.key) ? s.value.height / 2 * 1.13 : s.value.height / 2 * 0.9375,
             fill: e.value.style.chart.layout.dataLabel.color,
             "font-size": "12",
             "text-anchor": "middle",
             "font-weight": e.value.style.chart.layout.dataLabel.bold ? "bold" : "normal"
-          }, R(a(Pe)(
+          }, U(a(Pe)(
             e.value.style.chart.layout.dataLabel.formatter,
             o.value,
             a(H)({
@@ -731,119 +751,119 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
               s: e.value.style.chart.layout.dataLabel.suffix,
               r: e.value.style.chart.layout.dataLabel.roundingValue
             }),
-            { datapoint: o, seriesIndex: i }
+            { datapoint: o, seriesIndex: d }
           )), 9, ro),
-          s("text", {
-            x: n.value.width / 2,
-            y: ["5", 5].includes(o.key) ? n.value.height / 2 * 1.273 : n.value.height / 2 * 0.7968,
+          n("text", {
+            x: s.value.width / 2,
+            y: ["5", 5].includes(o.key) ? s.value.height / 2 * 1.273 : s.value.height / 2 * 0.7968,
             fill: e.value.style.chart.layout.dataLabel.color,
             "font-size": "12",
             "text-anchor": "middle"
-          }, " (" + R(a(H)({
-            v: o.value / T.value * 100,
+          }, " (" + U(a(H)({
+            v: o.value / P.value * 100,
             s: "%",
             r: e.value.style.chart.layout.dataLabel.roundingPercentage
           })) + ") ", 9, uo)
         ], 4))), 256)),
-        y(t.$slots, "svg", { svg: n.value }, void 0, !0)
+        c(t.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, Dt)),
-      t.$slots.watermark ? (r(), g("div", io, [
-        y(t.$slots, "watermark", z(G({ isPrinting: a(ve) || a(ye) })), void 0, !0)
-      ])) : c("", !0),
-      s("div", {
+      t.$slots.watermark ? (r(), f("div", io, [
+        c(t.$slots, "watermark", C(w({ isPrinting: a(ve) || a(ye) })), void 0, !0)
+      ])) : y("", !0),
+      n("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, co),
       re.value ? (r(), k(rt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
-        s("div", {
+        n("div", {
           ref_key: "chartLegend",
-          ref: se
+          ref: ne
         }, [
           e.value.style.chart.legend.show ? (r(), k(Nt, {
-            legendSet: fe.value,
+            legendSet: ge.value,
             config: Ke.value,
             key: `legend_${le.value}`,
             style: { display: "flex", "row-gap": "6px" }
           }, {
-            item: v(({ legend: o, index: i }) => [
-              s("div", {
+            item: i(({ legend: o, index: d }) => [
+              n("div", {
                 onClick: () => qe(o.key),
                 style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center", margin: "3px 0" }
               }, [
-                o.key == 1 ? (r(), k(a(P), {
+                o.key == 1 ? (r(), k(a(N), {
                   key: 0,
                   strokeWidth: 1,
                   name: "moodSad",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : c("", !0),
-                o.key == 2 ? (r(), k(a(P), {
+                }, null, 8, ["stroke"])) : y("", !0),
+                o.key == 2 ? (r(), k(a(N), {
                   key: 1,
                   strokeWidth: 1,
                   name: "moodFlat",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : c("", !0),
-                o.key == 3 ? (r(), k(a(P), {
+                }, null, 8, ["stroke"])) : y("", !0),
+                o.key == 3 ? (r(), k(a(N), {
                   key: 2,
                   strokeWidth: 1,
                   name: "moodNeutral",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : c("", !0),
-                o.key == 4 ? (r(), k(a(P), {
+                }, null, 8, ["stroke"])) : y("", !0),
+                o.key == 4 ? (r(), k(a(N), {
                   key: 3,
                   strokeWidth: 1,
                   name: "smiley",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : c("", !0),
-                o.key == 5 ? (r(), k(a(P), {
+                }, null, 8, ["stroke"])) : y("", !0),
+                o.key == 5 ? (r(), k(a(N), {
                   key: 4,
                   strokeWidth: 1,
                   name: "moodHappy",
                   stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : c("", !0),
-                a(K) ? c("", !0) : (r(), g("span", {
+                }, null, 8, ["stroke"])) : y("", !0),
+                a(K) ? y("", !0) : (r(), f("span", {
                   key: 5,
-                  style: E({ fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal" })
-                }, R(o.display), 5))
+                  style: V({ fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal" })
+                }, U(o.display), 5))
               ], 8, vo)
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : c("", !0),
-          y(t.$slots, "legend", { legend: h.value }, void 0, !0)
+          }, 8, ["legendSet", "config"])) : y("", !0),
+          c(t.$slots, "legend", { legend: h.value }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : c("", !0),
-      t.$slots.source ? (r(), g("div", {
+      ], 8, ["to"])) : y("", !0),
+      t.$slots.source ? (r(), f("div", {
         key: 6,
         ref_key: "source",
-        ref: ne,
+        ref: se,
         dir: "auto"
       }, [
-        y(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : c("", !0),
-      ue.value && e.value.userOptions.buttons.table ? (r(), k(ut(B.value.component), it({ key: 7 }, B.value.props, {
+        c(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : y("", !0),
+      ue.value && e.value.userOptions.buttons.table ? (r(), k(ut(R.value.component), it({ key: 7 }, R.value.props, {
         ref_key: "tableUnit",
-        ref: L,
+        ref: D,
         onClose: ke
       }), xe({
-        content: v(() => [
-          j(a(Ie), {
-            colNames: U.value.colNames,
-            head: U.value.head,
-            body: U.value.body,
-            config: U.value.config,
-            title: e.value.table.useDialog ? "" : B.value.title,
+        content: i(() => [
+          G(a(Ie), {
+            colNames: j.value.colNames,
+            head: j.value.head,
+            body: j.value.body,
+            config: j.value.config,
+            title: e.value.table.useDialog ? "" : R.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: ke
           }, {
-            th: v(({ th: o }) => [
-              s("div", {
+            th: i(({ th: o }) => [
+              n("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, yo)
             ]),
-            td: v(({ td: o }) => [
-              _e(R(o.name || o), 1)
+            td: i(({ td: o }) => [
+              _e(U(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
@@ -852,32 +872,32 @@ const Lt = ["id"], It = ["id"], Dt = ["xmlns", "viewBox"], Ft = ["width", "heigh
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: v(() => [
-            _e(R(B.value.title), 1)
+          fn: i(() => [
+            _e(U(R.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: v(() => [
-            s("button", {
+          fn: i(() => [
+            n("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: l[15] || (l[15] = (o) => ee(e.value.userOptions.callbacks.csv))
             }, [
-              j(a(P), {
+              G(a(N), {
                 name: "excel",
-                stroke: B.value.props.color
+                stroke: R.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : c("", !0),
-      a(K) ? (r(), k(xt, { key: 8 })) : c("", !0)
+      ]), 1040)) : y("", !0),
+      a(K) ? (r(), k(xt, { key: 8 })) : y("", !0)
     ], 46, Lt));
   }
-}, Po = /* @__PURE__ */ St(ho, [["__scopeId", "data-v-06c857b2"]]);
+}, Po = /* @__PURE__ */ St(ho, [["__scopeId", "data-v-a015dc84"]]);
 export {
   Po as default
 };