vue-data-ui 3.5.2 → 3.7.0

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

@@ -1,903 +0,0 @@
-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-CReNavA0.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-BzH_LEA3.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"], 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 = {
-  __name: "vue-ui-mood-radar",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(Ne, { expose: Se }) {
-    const N = O(() => import("./BaseIcon-BmMbm4d0.js")), Le = O(() => import("./vue-ui-accordion-BmFTVF1a.js")), Ie = O(() => import("./DataTable-BT7VF2ua.js")), De = O(() => import("./PenAndPaper-SZQIAgkg.js")), Fe = O(() => import("./UserOptions-CGnQt6Fd.js")), Be = O(() => import("./PackageVersion-Y7t79Jtq.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(), M.value.showTable = e.value.table.show;
-        });
-      },
-      skeletonDataset: {
-        1: 1,
-        2: 1,
-        3: 1,
-        4: 1,
-        5: 1
-      },
-      skeletonConfig: ct({
-        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"
-              }
-            }
-          }
-        }
-      })
-    });
-    st(() => {
-      re.value = !0, ie();
-    });
-    const We = v(() => e.value.debug);
-    function ie() {
-      if (vt(_.dataset) && Me({
-        componentName: "VueUiMoodRadar",
-        type: "dataset",
-        debug: We.value
-      }), e.value.responsive) {
-        const t = kt(() => {
-          const { width: l, height: o } = bt({
-            chart: x.value,
-            title: e.value.style.chart.title.text ? ae.value : null,
-            legend: e.value.style.chart.legend.show ? ne.value : null,
-            noTitle: oe.value,
-            source: se.value
-          });
-          requestAnimationFrame(() => {
-            s.value.width = l, s.value.height = o - 12;
-          });
-        });
-        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,
-        defaultConfig: Re
-      });
-      return t.theme ? {
-        ...Oe({
-          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, M.value.showTable = e.value.table.show;
-    }, { deep: !0 });
-    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 = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), M = u({
-      showTable: e.value.table.show
-    }), s = u({
-      height: 256,
-      width: 256
-    }), ze = {
-      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 }
-    }, Ge = v(() => {
-      const t = {};
-      return Z.value.forEach((l) => {
-        t[l.key] = { x: l.x, y: l.y };
-      }), 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 = 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: d, proportion: p, key: m, value: at }) {
-      return {
-        x: t + (o - t) * p,
-        y: l + (d - l) * p,
-        key: m,
-        value: at
-      };
-    }
-    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 / P.value,
-        color: e.value.style.chart.layout.smileys.colors[t]
-      };
-    }).sort((t, l) => l.key - t.key)), ge = v(() => h.value.map((t, l) => ({
-      ...t,
-      display: `${Pe(
-        e.value.style.chart.layout.dataLabel.formatter,
-        t.value,
-        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
-        })
-      )}${K.value ? "" : ` (${H({
-        v: t.proportion * 100,
-        s: "%",
-        r: e.value.style.chart.legend.roundingPercentage
-      })})`}`
-    }))), 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: s.value.width / 2,
-        centerY: s.value.height / 2,
-        apexX: t.x,
-        apexY: t.y,
-        proportion: h.value[l].value / Xe.value,
-        key: h.value[l].key,
-        value: h.value[l].value
-      });
-      return {
-        ...t,
-        plots: o,
-        key: h.value[l].key
-      };
-    }))), Ke = v(() => ({
-      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 qe(t) {
-      t === g.value ? g.value = null : (g.value = t, S(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 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 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 $ = v(() => {
-      const t = h.value.map((o) => ({
-        name: o.key,
-        color: o.color
-      })), l = h.value.map((o) => isNaN(o.value) ? 0 : o.value);
-      return { head: t, body: l };
-    });
-    function ee(t = null) {
-      Te(() => {
-        const l = $.value.head.map((p, m) => [[
-          p.name
-        ], [$.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 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(P.value.toFixed(e.value.table.td.roundingValue)).toLocaleString(),
-        "100%"
-      ], l = $.value.head.map((p, m) => [
-        {
-          color: p.color,
-          name: p.name
-        },
-        $.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,
-          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
-      }, d = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.value,
-        e.value.table.columnNames.percentage
-      ];
-      return {
-        head: t,
-        body: l,
-        config: o,
-        colNames: d
-      };
-    });
-    function Qe() {
-      return h.value;
-    }
-    function pe() {
-      M.value.showTable = !M.value.showTable;
-    }
-    const L = u(!1);
-    function me(t) {
-      L.value = t;
-    }
-    const z = u(!1);
-    function te() {
-      z.value = !z.value;
-    }
-    async function Ye({ scale: t = 2 } = {}) {
-      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: d
-      };
-    }
-    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}` : ""}`,
-        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: L.value,
-          fullscreenParent: x.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
-            }
-          }
-        }
-      };
-    });
-    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() {
-      M.value.showTable = !1, X.value && X.value.setTableIconState(!1);
-    }
-    const Je = v(() => ge.value.map((t) => ({
-      ...t,
-      name: t.display,
-      shape: "circle"
-    }))), 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,
-      legendItems: Je,
-      backgroundColor: Ze
-    });
-    async function be({ isCb: t }) {
-      if (t) {
-        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();
-    }
-    return Se({
-      getData: Qe,
-      getImage: Ye,
-      generatePdf: he,
-      generateCsv: ee,
-      generateImage: fe,
-      generateSvg: be,
-      toggleTable: pe,
-      toggleAnnotator: te,
-      toggleFullscreen: me
-    }), (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: x,
-      id: `${b.value}`,
-      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))
-    }, [
-      e.value.userOptions.buttons.annotator ? (r(), k(a(De), {
-        key: 0,
-        svgRef: a(Q),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: z.value,
-        onClose: te
-      }, {
-        "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)) : y("", !0),
-      e.value.style.chart.title.text ? (r(), f("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: ae,
-        style: "width:100%;background:transparent"
-      }, [
-        G(Pt, {
-          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)) : 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), {
-        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: b.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: L.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: x.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        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(fe),
-        onGenerateSvg: be,
-        onToggleTable: pe,
-        onToggleAnnotator: te,
-        style: V({
-          visibility: a(ce) ? a(q) ? "visible" : "hidden" : "visible"
-        })
-      }, xe({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          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: i(() => [
-            c(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: i(() => [
-            c(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: i(() => [
-            c(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: i(() => [
-            c(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: i(() => [
-            c(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          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: 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"])) : y("", !0),
-      (r(), f("svg", {
-        ref_key: "svgRef",
-        ref: Q,
-        xmlns: a(ht),
-        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}`)
-      }, [
-        G(a(Be)),
-        t.$slots["chart-background"] ? (r(), f("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: s.value.width,
-          height: s.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          c(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ft)) : y("", !0),
-        n("defs", null, [
-          n("radialGradient", {
-            cx: "50%",
-            cy: "50%",
-            r: "50%",
-            fx: "50%",
-            fy: "50%",
-            id: `mood_radar_gradient_${b.value}`
-          }, [
-            n("stop", {
-              offset: "0%",
-              "stop-color": a(A)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
-            }, null, 8, Et),
-            n("stop", {
-              offset: "100%",
-              "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), 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)),
-        n("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, Ut),
-        n("g", {
-          transform: F("5")
-        }, [
-          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),
-          n("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "128",
-            cy: "25",
-            r: "20",
-            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),
-        n("g", {
-          transform: F("4")
-        }, [
-          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),
-          n("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "227",
-            cy: "95.5",
-            r: "20",
-            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),
-        n("g", {
-          transform: F("3")
-        }, [
-          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),
-          n("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "190",
-            cy: "213.5",
-            r: "20",
-            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),
-        n("g", {
-          transform: F("2")
-        }, [
-          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),
-          n("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "65",
-            cy: "213.5",
-            r: "20",
-            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),
-        n("g", {
-          transform: F("1")
-        }, [
-          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),
-          n("circle", {
-            class: "vue-ui-mood-radar-trap",
-            cx: "29",
-            cy: "95.5",
-            r: "20",
-            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),
-        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(A)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
-        }, null, 8, lo),
-        (r(!0), f($e, null, Ae(Z.value.map((o) => o.plots), (o, d) => (r(), f("g", {
-          class: "vue-ui-mood-radar-trap",
-          style: V(`opacity:${g.value == o.key ? "1" : "0"}`)
-        }, [
-          n("line", {
-            x1: o.x,
-            y1: o.y,
-            x2: s.value.width / 2,
-            y2: s.value.height / 2,
-            stroke: e.value.style.chart.layout.smileys.colors[o.key]
-          }, null, 8, ao),
-          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, 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, 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"
-          }, U(a(Pe)(
-            e.value.style.chart.layout.dataLabel.formatter,
-            o.value,
-            a(H)({
-              p: e.value.style.chart.layout.dataLabel.prefix,
-              v: o.value,
-              s: e.value.style.chart.layout.dataLabel.suffix,
-              r: e.value.style.chart.layout.dataLabel.roundingValue
-            }),
-            { datapoint: o, seriesIndex: d }
-          )), 9, ro),
-          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"
-          }, " (" + U(a(H)({
-            v: o.value / P.value * 100,
-            s: "%",
-            r: e.value.style.chart.layout.dataLabel.roundingPercentage
-          })) + ") ", 9, uo)
-        ], 4))), 256)),
-        c(t.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, Dt)),
-      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}`
-      }, [
-        n("div", {
-          ref_key: "chartLegend",
-          ref: ne
-        }, [
-          e.value.style.chart.legend.show ? (r(), k(Nt, {
-            legendSet: ge.value,
-            config: Ke.value,
-            key: `legend_${le.value}`,
-            style: { display: "flex", "row-gap": "6px" }
-          }, {
-            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(N), {
-                  key: 0,
-                  strokeWidth: 1,
-                  name: "moodSad",
-                  stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, 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"])) : 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"])) : 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"])) : 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"])) : y("", !0),
-                a(K) ? y("", !0) : (r(), f("span", {
-                  key: 5,
-                  style: V({ fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal" })
-                }, U(o.display), 5))
-              ], 8, vo)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config"])) : y("", !0),
-          c(t.$slots, "legend", { legend: h.value }, void 0, !0)
-        ], 512)
-      ], 8, ["to"])) : y("", !0),
-      t.$slots.source ? (r(), f("div", {
-        key: 6,
-        ref_key: "source",
-        ref: se,
-        dir: "auto"
-      }, [
-        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: D,
-        onClose: ke
-      }), xe({
-        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: i(({ th: o }) => [
-              n("div", {
-                innerHTML: o,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, yo)
-            ]),
-            td: i(({ td: o }) => [
-              _e(U(o.name || o), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: i(() => [
-            _e(U(R.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: i(() => [
-            n("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[15] || (l[15] = (o) => ee(e.value.userOptions.callbacks.csv))
-            }, [
-              G(a(N), {
-                name: "excel",
-                stroke: R.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : y("", !0),
-      a(K) ? (r(), k(xt, { key: 8 })) : y("", !0)
-    ], 46, Lt));
-  }
-}, Po = /* @__PURE__ */ St(ho, [["__scopeId", "data-v-a015dc84"]]);
-export {
-  Po as default
-};