vue-data-ui 3.2.8 → 3.3.0

package/dist/vue-ui-mood-radar-C6UCofDb.js

@@ -1,853 +0,0 @@
-import { defineAsyncComponent as T, ref as u, computed as c, toRefs as Je, onMounted as Qe, watch as ke, createElementBlock as v, openBlock as r, unref as a, normalizeStyle as j, normalizeClass as be, createBlock as m, createCommentVNode as d, createElementVNode as s, createVNode as z, createSlots as Ce, withCtx as y, renderSlot as f, normalizeProps as W, guardReactiveProps as G, Fragment as we, renderList as xe, toDisplayString as L, Teleport as Ze, resolveDynamicComponent as et, mergeProps as tt, createTextVNode as $e, nextTick as _e } from "vue";
-import { c as ot, t as lt, o as at, f as Ae, k as st, X as nt, s as x, i as rt, S as ut, a as Me, d as H, x as it, y as dt } from "./lib-BEpWEyMm.js";
-import { t as ct, u as vt } from "./useResponsive-DfdjqQps.js";
-import { u as yt, a as Te } from "./useNestedProp-BOk-tPdu.js";
-import { u as ht, B as ft } from "./BaseScanner-BgWxam9d.js";
-import { u as pt } from "./usePrinter-w23K-ezx.js";
-import { u as gt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as mt } from "./useChartAccessibility-9icAAmYg.js";
-import kt from "./img-DjWwQXVS.js";
-import bt from "./Title-DG2nloSB.js";
-import { t as Ct } from "./themes-Dw-dDudK.js";
-import wt from "./Legend-BpoFJ8fc.js";
-import { _ as xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $t = ["id"], _t = ["id"], At = ["xmlns", "viewBox"], Mt = ["width", "height"], Tt = ["id"], Pt = ["stop-color"], Nt = ["stop-color"], Ot = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Lt = ["d", "stroke", "stroke-width"], It = ["transform"], Dt = ["stroke"], St = ["fill"], Ft = ["transform"], Bt = ["stroke"], Rt = ["fill"], Et = ["transform"], Vt = ["stroke"], Ut = ["fill"], jt = ["transform"], zt = ["stroke"], Wt = ["fill"], Gt = ["transform"], Ht = ["stroke"], Xt = ["fill"], Kt = ["d", "stroke", "stroke-width", "fill"], qt = ["x1", "y1", "x2", "y2", "stroke"], Yt = ["cx", "cy", "fill", "stroke"], Jt = ["cx", "cy", "fill", "stroke"], Qt = ["x", "y", "fill", "font-weight"], Zt = ["x", "y", "fill"], eo = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, to = ["id"], oo = ["onClick"], lo = {
-  key: 5,
-  style: { "font-weight": "bold" }
-}, ao = { key: 6 }, so = ["innerHTML"], no = {
-  __name: "vue-ui-mood-radar",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(Pe, { expose: Ne }) {
-    const P = T(() => import("./BaseIcon-Bz-1GQhu.js")), Oe = T(() => import("./vue-ui-accordion-CDIzGCG1.js")), Le = T(() => import("./DataTable-BvjacRbw.js")), Ie = T(() => import("./PenAndPaper-CR8q353D.js")), De = T(() => import("./UserOptions-DsTgvAok.js")), Se = T(() => import("./PackageVersion-C40g0Rfc.js")), Fe = T(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_mood_radar: Be } = yt(), $ = Pe, k = u(ot()), C = u(null), p = u(null), te = u(null), Re = u(0), Ee = u(0), oe = u(0), le = u(null), ae = u(null), I = u(null), E = u(null), se = u(null), ne = u(!1), D = u(null), X = u(null), re = c(() => !!$.dataset && Object.keys($.dataset).length), e = u(Y()), { loading: K, FINAL_DATASET: _ } = ht({
-      ...Je($),
-      FINAL_CONFIG: e,
-      prepareConfig: Y,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await _e(), A.value.showTable = e.value.table.show;
-        });
-      },
-      skeletonDataset: {
-        1: 1,
-        2: 1,
-        3: 1,
-        4: 1,
-        5: 1
-      },
-      skeletonConfig: lt({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          table: { show: !1 },
-          style: {
-            chart: {
-              backgroundColor: "#99999930",
-              layout: {
-                grid: {
-                  stroke: "#6A6A6A"
-                },
-                outerPolygon: {
-                  stroke: "#6A6A6A"
-                },
-                dataPolygon: {
-                  color: "#6A6A6A",
-                  opacity: 30,
-                  stroke: "#6A6A6A"
-                },
-                smileys: {
-                  colors: {
-                    1: "#DBDBDB",
-                    2: "#C4C4C4",
-                    3: "#ADADAD",
-                    4: "#969696",
-                    5: "#808080"
-                  }
-                },
-                dataLabel: {
-                  color: "transparent"
-                }
-              },
-              legend: {
-                backgroundColor: "transparent"
-              }
-            }
-          }
-        }
-      })
-    });
-    Qe(() => {
-      ne.value = !0, ue();
-    });
-    const Ve = c(() => e.value.debug);
-    function ue() {
-      if (at($.dataset) && Ae({
-        componentName: "VueUiMoodRadar",
-        type: "dataset",
-        debug: Ve.value
-      }), e.value.responsive) {
-        const o = ct(() => {
-          const { width: l, height: t } = vt({
-            chart: C.value,
-            title: e.value.style.chart.title.text ? le.value : null,
-            legend: e.value.style.chart.legend.show ? ae.value : null,
-            noTitle: te.value,
-            source: se.value
-          });
-          requestAnimationFrame(() => {
-            n.value.width = l, n.value.height = t - 12;
-          });
-        });
-        I.value && (E.value && I.value.unobserve(E.value), I.value.disconnect()), I.value = new ResizeObserver(o), E.value = C.value.parentNode, I.value.observe(E.value);
-      }
-    }
-    const { userOptionsVisible: q, setUserOptionsVisibility: ie, keepUserOptionState: de } = gt({ config: e.value }), { svgRef: ce } = mt({ config: e.value.style.chart.title });
-    function Y() {
-      const o = Te({
-        userConfig: $.config,
-        defaultConfig: Be
-      });
-      return o.theme ? {
-        ...Te({
-          userConfig: Ct.vue_ui_mood_radar[o.theme] || $.config,
-          defaultConfig: o
-        })
-      } : o;
-    }
-    ke(() => $.config, (o) => {
-      e.value = Y(), q.value = !e.value.userOptions.showOnChartHover, ue(), Re.value += 1, Ee.value += 1, oe.value += 1, A.value.showTable = e.value.table.show;
-    }, { deep: !0 });
-    const { isPrinting: ve, isImaging: ye, generatePdf: he, generateImage: fe } = pt({
-      elementId: k.value,
-      fileName: e.value.style.chart.title.text || "vue-ui-mood-radar",
-      options: e.value.userOptions.print
-    }), Ue = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), A = u({
-      showTable: e.value.table.show
-    }), n = u({
-      height: 256,
-      width: 256
-    }), je = {
-      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 }
-    }, ze = c(() => {
-      const o = {};
-      return Q.value.forEach((l) => {
-        o[l.key] = { x: l.x, y: l.y };
-      }), o;
-    });
-    function S(o) {
-      const l = je[o], t = ze.value[o] || l;
-      return `translate(${t.x - l.x}, ${t.y - l.y})`;
-    }
-    const J = c(() => st({
-      plot: { x: n.value.width / 2, y: n.value.height / 2 },
-      radius: Math.min(n.value.height, n.value.width) * 0.35,
-      sides: 5,
-      rotation: 11
-    }));
-    function We({ centerX: o, centerY: l, apexX: t, apexY: i, proportion: b, key: g, value: Ye }) {
-      return {
-        x: o + (t - o) * b,
-        y: l + (i - l) * b,
-        key: g,
-        value: Ye
-      };
-    }
-    const Ge = c(() => Math.max(...Object.values(_.value).map((o) => isNaN(o) ? 0 : o))), M = c(() => Object.values(_.value).reduce((o, l) => (isNaN(o) ? 0 : o) + (isNaN(l) ? 0 : l), 0)), h = c(() => Object.keys(_.value).map((o, l) => {
-      const t = typeof _.value[o] != "number" || isNaN(_.value[o]) ? 0 : _.value[o];
-      return {
-        index: l,
-        key: o,
-        value: t,
-        proportion: t / M.value,
-        color: e.value.style.chart.layout.smileys.colors[o]
-      };
-    }).sort((o, l) => l.key - o.key)), Q = c(() => (["1", "2", "3", "4", "5"].forEach((o) => {
-      [null, void 0].includes(_.value[o]) && Ae({
-        componentName: "VueUiMoodRadar",
-        type: "datasetAttribute",
-        property: o
-      });
-    }), J.value.coordinates.map((o, l) => {
-      const t = We({
-        centerX: n.value.width / 2,
-        centerY: n.value.height / 2,
-        apexX: o.x,
-        apexY: o.y,
-        proportion: h.value[l].value / Ge.value,
-        key: h.value[l].key,
-        value: h.value[l].value
-      });
-      return {
-        ...o,
-        plots: t,
-        key: h.value[l].key
-      };
-    }))), He = c(() => ({
-      cy: "mood-radar-legend",
-      backgroundColor: e.value.style.chart.legend.backgroundColor,
-      color: e.value.style.chart.legend.color,
-      fontSize: e.value.style.chart.legend.fontSize,
-      paddingBottom: 12,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    }));
-    function Xe(o) {
-      o === p.value ? p.value = null : (p.value = o, N(o));
-    }
-    function F(o) {
-      p.value = o;
-      const l = h.value.find((t) => t.key === o);
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: l.index });
-    }
-    function B(o) {
-      p.value = null;
-      const l = h.value.find((t) => t.key === o);
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.index });
-    }
-    function N(o) {
-      const l = h.value.find((t) => t.key === o);
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: l.index });
-    }
-    const w = c(() => {
-      const o = h.value.map((t) => ({
-        name: t.key,
-        color: t.color
-      })), l = h.value.map((t) => isNaN(t.value) ? 0 : t.value);
-      return { head: o, body: l };
-    });
-    function Z(o = null) {
-      _e(() => {
-        const l = w.value.head.map((b, g) => [[
-          b.name
-        ], [w.value.body[g]], [isNaN(w.value.body[g] / M.value) ? "-" : w.value.body[g] / M.value * 100]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), i = it(t);
-        o ? o(i) : dt({ csvContent: i, title: e.value.style.chart.title.text || "vue-ui-mood-radar" });
-      });
-    }
-    const V = c(() => {
-      const o = [
-        ' <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(M.value.toFixed(e.value.table.td.roundingValue)).toLocaleString(),
-        "100%"
-      ], l = w.value.head.map((b, g) => [
-        {
-          color: b.color,
-          name: b.name
-        },
-        w.value.body[g].toFixed(e.value.table.td.roundingValue),
-        isNaN(w.value.body[g] / M.value) ? "-" : (w.value.body[g] / M.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
-      ]), t = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      }, i = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.value,
-        e.value.table.columnNames.percentage
-      ];
-      return {
-        head: o,
-        body: l,
-        config: t,
-        colNames: i
-      };
-    });
-    function Ke() {
-      return h.value;
-    }
-    function pe() {
-      A.value.showTable = !A.value.showTable;
-    }
-    const O = u(!1);
-    function ge(o) {
-      O.value = o;
-    }
-    const U = u(!1);
-    function ee() {
-      U.value = !U.value;
-    }
-    async function qe({ scale: o = 2 } = {}) {
-      if (!C.value) return;
-      const { width: l, height: t } = C.value.getBoundingClientRect(), i = l / t, { imageUri: b, base64: g } = await kt({ domElement: C.value, base64: !0, img: !0, scale: o });
-      return {
-        imageUri: b,
-        base64: g,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: t,
-        aspectRatio: i
-      };
-    }
-    const R = c(() => {
-      const o = e.value.table.useDialog && !e.value.table.show, l = A.value.showTable;
-      return {
-        component: o ? Fe : Oe,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: o ? {
-          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,
-          fullscreenParent: C.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    ke(() => A.value.showTable, (o) => {
-      e.value.table.show || (o && e.value.table.useDialog && D.value ? D.value.open() : "close" in D.value && D.value.close());
-    });
-    function me() {
-      A.value.showTable = !1, X.value && X.value.setTableIconState(!1);
-    }
-    return Ne({
-      getData: Ke,
-      getImage: qe,
-      generatePdf: he,
-      generateCsv: Z,
-      generateImage: fe,
-      toggleTable: pe,
-      toggleAnnotator: ee,
-      toggleFullscreen: ge
-    }), (o, l) => (r(), v("div", {
-      class: be(`vue-data-ui-component vue-ui-mood-radar ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      ref_key: "moodRadarChart",
-      ref: C,
-      id: `${k.value}`,
-      style: j(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      onMouseenter: l[16] || (l[16] = () => a(ie)(!0)),
-      onMouseleave: l[17] || (l[17] = () => a(ie)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (r(), m(a(Ie), {
-        key: 0,
-        svgRef: a(ce),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: U.value,
-        onClose: ee
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
-      Ue.value ? (r(), v("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: te,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : d("", !0),
-      e.value.style.chart.title.text ? (r(), v("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: le,
-        style: "width:100%;background:transparent"
-      }, [
-        z(bt, {
-          config: {
-            title: {
-              cy: "mood-radar-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "mood-radar-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"])
-      ], 512)) : d("", !0),
-      s("div", {
-        id: `legend-top-${k.value}`
-      }, null, 8, _t),
-      e.value.userOptions.show && re.value && (a(de) || a(q)) ? (r(), m(a(De), {
-        key: 3,
-        ref_key: "userOptionsRef",
-        ref: X,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: a(ve),
-        isImaging: a(ye),
-        uid: k.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: O.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: C.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: U.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: ge,
-        onGeneratePdf: a(he),
-        onGenerateCsv: Z,
-        onGenerateImage: a(fe),
-        onToggleTable: pe,
-        onToggleAnnotator: ee,
-        style: j({
-          visibility: a(de) ? a(q) ? "visible" : "hidden" : "visible"
-        })
-      }, Ce({ _: 2 }, [
-        o.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: y(({ isOpen: t, color: i }) => [
-            f(o.$slots, "menuIcon", W(G({ isOpen: t, color: i })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        o.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: y(() => [
-            f(o.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        o.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: y(() => [
-            f(o.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        o.$slots.optionImg ? {
-          name: "optionImg",
-          fn: y(() => [
-            f(o.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        o.$slots.optionTable ? {
-          name: "optionTable",
-          fn: y(() => [
-            f(o.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        o.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: y(({ toggleFullscreen: t, isFullscreen: i }) => [
-            f(o.$slots, "optionFullscreen", W(G({ toggleFullscreen: t, isFullscreen: i })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        o.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: y(({ toggleAnnotator: t, isAnnotator: i }) => [
-            f(o.$slots, "optionAnnotator", W(G({ toggleAnnotator: t, isAnnotator: i })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
-      (r(), v("svg", {
-        ref_key: "svgRef",
-        ref: ce,
-        xmlns: a(nt),
-        viewBox: `0 0 ${n.value.width} ${n.value.height}`,
-        class: be({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
-        style: j(`overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
-      }, [
-        z(a(Se)),
-        o.$slots["chart-background"] ? (r(), v("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: n.value.width,
-          height: n.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          f(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Mt)) : d("", !0),
-        s("defs", null, [
-          s("radialGradient", {
-            cx: "50%",
-            cy: "50%",
-            r: "50%",
-            fx: "50%",
-            fy: "50%",
-            id: `mood_radar_gradient_${k.value}`
-          }, [
-            s("stop", {
-              offset: "0%",
-              "stop-color": a(x)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
-            }, null, 8, Pt),
-            s("stop", {
-              offset: "100%",
-              "stop-color": a(x)(a(rt)(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, Nt)
-          ], 8, Tt)
-        ]),
-        (r(!0), v(we, null, xe(J.value.coordinates, (t) => (r(), v("line", {
-          x1: n.value.width / 2,
-          y1: n.value.height / 2,
-          x2: t.x,
-          y2: t.y,
-          stroke: e.value.style.chart.layout.grid.stroke,
-          "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, Ot))), 256)),
-        s("path", {
-          d: J.value.path,
-          fill: "none",
-          stroke: e.value.style.chart.layout.outerPolygon.stroke,
-          "stroke-width": e.value.style.chart.layout.outerPolygon.strokeWidth,
-          "stroke-linejoin": "round",
-          "stroke-linecap": "round"
-        }, null, 8, Lt),
-        s("g", {
-          transform: S("5")
-        }, [
-          s("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, Dt),
-          s("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "128",
-            cy: "25",
-            r: "20",
-            fill: p.value === "5" ? a(x)(e.value.style.chart.layout.smileys.colors[5], 20) : "transparent",
-            onMouseenter: l[0] || (l[0] = (t) => F("5")),
-            onMouseleave: l[1] || (l[1] = (t) => B("5")),
-            onClick: l[2] || (l[2] = (t) => N("5"))
-          }, null, 40, St)
-        ], 8, It),
-        s("g", {
-          transform: S("4")
-        }, [
-          s("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, Bt),
-          s("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "227",
-            cy: "95.5",
-            r: "20",
-            fill: p.value === "4" ? a(x)(e.value.style.chart.layout.smileys.colors[4], 20) : "transparent",
-            onMouseenter: l[3] || (l[3] = (t) => F("4")),
-            onMouseleave: l[4] || (l[4] = (t) => B("4")),
-            onClick: l[5] || (l[5] = (t) => N("4"))
-          }, null, 40, Rt)
-        ], 8, Ft),
-        s("g", {
-          transform: S("3")
-        }, [
-          s("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, Vt),
-          s("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "190",
-            cy: "213.5",
-            r: "20",
-            fill: p.value === "3" ? a(x)(e.value.style.chart.layout.smileys.colors[3], 20) : "transparent",
-            onMouseenter: l[6] || (l[6] = (t) => F("3")),
-            onMouseleave: l[7] || (l[7] = (t) => B("3")),
-            onClick: l[8] || (l[8] = (t) => N("3"))
-          }, null, 40, Ut)
-        ], 8, Et),
-        s("g", {
-          transform: S("2")
-        }, [
-          s("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, zt),
-          s("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "65",
-            cy: "213.5",
-            r: "20",
-            fill: p.value === "2" ? a(x)(e.value.style.chart.layout.smileys.colors[2], 20) : "transparent",
-            onMouseenter: l[9] || (l[9] = (t) => F("2")),
-            onMouseleave: l[10] || (l[10] = (t) => B("2")),
-            onClick: l[11] || (l[11] = (t) => N("2"))
-          }, null, 40, Wt)
-        ], 8, jt),
-        s("g", {
-          transform: S("1")
-        }, [
-          s("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, Ht),
-          s("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "29",
-            cy: "95.5",
-            r: "20",
-            fill: p.value === "1" ? a(x)(e.value.style.chart.layout.smileys.colors[1], 20) : "transparent",
-            onMouseenter: l[12] || (l[12] = (t) => F("1")),
-            onMouseleave: l[13] || (l[13] = (t) => B("1")),
-            onClick: l[14] || (l[14] = (t) => N("1"))
-          }, null, 40, Xt)
-        ], 8, Gt),
-        s("path", {
-          d: a(ut)(Q.value.map((t) => t.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_${k.value})` : a(x)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
-        }, null, 8, Kt),
-        (r(!0), v(we, null, xe(Q.value.map((t) => t.plots), (t, i) => (r(), v("g", {
-          class: "vue-ui-mood-radar-trap",
-          style: j(`opacity:${p.value == t.key ? "1" : "0"}`)
-        }, [
-          s("line", {
-            x1: t.x,
-            y1: t.y,
-            x2: n.value.width / 2,
-            y2: n.value.height / 2,
-            stroke: e.value.style.chart.layout.smileys.colors[t.key]
-          }, null, 8, qt),
-          s("circle", {
-            cx: t.x,
-            cy: t.y,
-            fill: e.value.style.chart.layout.smileys.colors[t.key],
-            r: "3",
-            stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": 0.5
-          }, null, 8, Yt),
-          s("circle", {
-            cx: n.value.width / 2,
-            cy: n.value.height / 2,
-            fill: e.value.style.chart.layout.smileys.colors[t.key],
-            r: "3",
-            stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": 0.5
-          }, null, 8, Jt),
-          s("text", {
-            x: n.value.width / 2,
-            y: ["5", 5].includes(t.key) ? n.value.height / 2 * 1.13 : n.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"
-          }, L(a(Me)(
-            e.value.style.chart.layout.dataLabel.formatter,
-            t.value,
-            a(H)({
-              p: e.value.style.chart.layout.dataLabel.prefix,
-              v: t.value,
-              s: e.value.style.chart.layout.dataLabel.suffix,
-              r: e.value.style.chart.layout.dataLabel.roundingValue
-            }),
-            { datapoint: t, seriesIndex: i }
-          )), 9, Qt),
-          s("text", {
-            x: n.value.width / 2,
-            y: ["5", 5].includes(t.key) ? n.value.height / 2 * 1.273 : n.value.height / 2 * 0.7968,
-            fill: e.value.style.chart.layout.dataLabel.color,
-            "font-size": "12",
-            "text-anchor": "middle"
-          }, " (" + L(a(H)({
-            v: t.value / M.value * 100,
-            s: "%",
-            r: e.value.style.chart.layout.dataLabel.roundingPercentage
-          })) + ") ", 9, Zt)
-        ], 4))), 256)),
-        f(o.$slots, "svg", { svg: n.value }, void 0, !0)
-      ], 14, At)),
-      o.$slots.watermark ? (r(), v("div", eo, [
-        f(o.$slots, "watermark", W(G({ isPrinting: a(ve) || a(ye) })), void 0, !0)
-      ])) : d("", !0),
-      s("div", {
-        id: `legend-bottom-${k.value}`
-      }, null, 8, to),
-      ne.value ? (r(), m(Ze, {
-        key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
-      }, [
-        s("div", {
-          ref_key: "chartLegend",
-          ref: ae
-        }, [
-          e.value.style.chart.legend.show ? (r(), m(wt, {
-            legendSet: h.value,
-            config: He.value,
-            key: `legend_${oe.value}`,
-            style: { display: "flex", "row-gap": "6px" }
-          }, {
-            item: y(({ legend: t, index: i }) => [
-              s("div", {
-                onClick: () => Xe(t.key),
-                style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center", margin: "3px 0" }
-              }, [
-                t.key == 1 ? (r(), m(a(P), {
-                  key: 0,
-                  strokeWidth: 1,
-                  name: "moodSad",
-                  stroke: e.value.style.chart.layout.smileys.colors[t.key]
-                }, null, 8, ["stroke"])) : d("", !0),
-                t.key == 2 ? (r(), m(a(P), {
-                  key: 1,
-                  strokeWidth: 1,
-                  name: "moodFlat",
-                  stroke: e.value.style.chart.layout.smileys.colors[t.key]
-                }, null, 8, ["stroke"])) : d("", !0),
-                t.key == 3 ? (r(), m(a(P), {
-                  key: 2,
-                  strokeWidth: 1,
-                  name: "moodNeutral",
-                  stroke: e.value.style.chart.layout.smileys.colors[t.key]
-                }, null, 8, ["stroke"])) : d("", !0),
-                t.key == 4 ? (r(), m(a(P), {
-                  key: 3,
-                  strokeWidth: 1,
-                  name: "smiley",
-                  stroke: e.value.style.chart.layout.smileys.colors[t.key]
-                }, null, 8, ["stroke"])) : d("", !0),
-                t.key == 5 ? (r(), m(a(P), {
-                  key: 4,
-                  strokeWidth: 1,
-                  name: "moodHappy",
-                  stroke: e.value.style.chart.layout.smileys.colors[t.key]
-                }, null, 8, ["stroke"])) : d("", !0),
-                a(K) ? d("", !0) : (r(), v("span", lo, L(a(Me)(
-                  e.value.style.chart.layout.dataLabel.formatter,
-                  t.value,
-                  a(H)({
-                    p: e.value.style.chart.layout.dataLabel.prefix,
-                    v: t.value,
-                    s: e.value.style.chart.layout.dataLabel.suffix,
-                    r: e.value.style.chart.layout.dataLabel.roundingValue
-                  }),
-                  { datapoint: t, seriesIndex: i }
-                )), 1)),
-                a(K) ? d("", !0) : (r(), v("span", ao, "(" + L(a(H)({
-                  v: t.proportion * 100,
-                  s: "%",
-                  r: e.value.style.chart.legend.roundingPercentage
-                })) + ")", 1))
-              ], 8, oo)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config"])) : d("", !0),
-          f(o.$slots, "legend", { legend: h.value }, void 0, !0)
-        ], 512)
-      ], 8, ["to"])) : d("", !0),
-      o.$slots.source ? (r(), v("div", {
-        key: 6,
-        ref_key: "source",
-        ref: se,
-        dir: "auto"
-      }, [
-        f(o.$slots, "source", {}, void 0, !0)
-      ], 512)) : d("", !0),
-      re.value && e.value.userOptions.buttons.table ? (r(), m(et(R.value.component), tt({ key: 7 }, R.value.props, {
-        ref_key: "tableUnit",
-        ref: D,
-        onClose: me
-      }), Ce({
-        content: y(() => [
-          z(a(Le), {
-            colNames: V.value.colNames,
-            head: V.value.head,
-            body: V.value.body,
-            config: V.value.config,
-            title: e.value.table.useDialog ? "" : R.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            onClose: me
-          }, {
-            th: y(({ th: t }) => [
-              s("div", {
-                innerHTML: t,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, so)
-            ]),
-            td: y(({ td: t }) => [
-              $e(L(t.name || t), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: y(() => [
-            $e(L(R.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: y(() => [
-            s("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[15] || (l[15] = (t) => Z(e.value.userOptions.callbacks.csv))
-            }, [
-              z(a(P), {
-                name: "excel",
-                stroke: R.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : d("", !0),
-      a(K) ? (r(), m(ft, { key: 8 })) : d("", !0)
-    ], 46, $t));
-  }
-}, Co = /* @__PURE__ */ xt(no, [["__scopeId", "data-v-d1ea7bd8"]]);
-export {
-  Co as default
-};