vue-data-ui 2.7.2 → 2.7.3

package/dist/{vue-ui-molecule-aiWG--to.js → vue-ui-molecule-bHqvHzsr.js}

@@ -1,18 +1,18 @@
-import { toRef as ee, resolveComponent as te, createElementBlock as r, openBlock as l, Fragment as p, renderList as I, createCommentVNode as f, createBlock as O, createElementVNode as U, withModifiers as Ve, renderSlot as y, mergeProps as $e, withCtx as m, toDisplayString as Oe, useCssVars as je, computed as A, onMounted as We, ref as g, watch as Xe, unref as v, normalizeStyle as W, normalizeClass as we, createVNode as G, createSlots as Ye, normalizeProps as D, guardReactiveProps as N, createTextVNode as Ze, nextTick as qe } from "vue";
-import { u as Qe, o as Je, e as Ke, c as Te, t as et, p as Pe, a as tt, b as ot, P as lt, X as st, l as at, Q as rt, d as xe, q as nt, r as it, x as ut, y as ct } from "./index-gC66Se26.js";
-import { _ as dt } from "./Title-Co3F59jq.js";
-import { u as vt, U as ht } from "./usePrinter-KMFl0n0s.js";
-import { D as ft } from "./DataTable-C_28ZqiP.js";
-import { _ as yt } from "./Tooltip-Cr89wMKa.js";
-import pt from "./vue-ui-skeleton-7Zfds6H1.js";
-import gt from "./vue-ui-accordion-j2beIma_.js";
-import { u as Fe } from "./useNestedProp-BusTOV-6.js";
-import { _ as mt } from "./PackageVersion-39l3KkzC.js";
-import { P as bt } from "./PenAndPaper-CmcfpltX.js";
+import { toRef as ee, resolveComponent as te, createElementBlock as r, openBlock as l, Fragment as p, renderList as I, createCommentVNode as f, createBlock as O, createElementVNode as U, withModifiers as Ve, renderSlot as y, mergeProps as $e, withCtx as m, toDisplayString as Oe, useCssVars as je, computed as S, onMounted as We, ref as g, watch as Xe, unref as v, normalizeStyle as W, normalizeClass as we, createVNode as G, createSlots as Ye, normalizeProps as D, guardReactiveProps as N, createTextVNode as Ze, nextTick as qe } from "vue";
+import { u as Qe, o as Je, e as Ke, c as Te, t as et, p as Pe, a as tt, b as ot, P as lt, X as st, l as at, Q as rt, d as xe, q as nt, r as it, x as ut, y as ct } from "./index-B_dU_4T8.js";
+import { _ as dt } from "./Title-ND4kMErl.js";
+import { u as vt, U as ht } from "./usePrinter-CLObTJ4a.js";
+import { D as ft } from "./DataTable-BFNGlApm.js";
+import { _ as yt } from "./Tooltip-BWe5TPIJ.js";
+import pt from "./vue-ui-skeleton-CTZKsfWs.js";
+import gt from "./vue-ui-accordion-C5dj9Voo.js";
+import { u as Fe } from "./useNestedProp-7s4Pw7x0.js";
+import { _ as mt } from "./PackageVersion-BZ8-AoE_.js";
+import { _ as bt } from "./PenAndPaper--_AE7XzJ.js";
 import { u as kt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ct } from "./useChartAccessibility-BWojgys7.js";
 import { u as $t } from "./usePanZoom-CUkkqW81.js";
-import wt from "./BaseIcon-DqYzMisq.js";
+import wt from "./BaseIcon-CdxldTMn.js";
 import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], xt = ["x", "y", "height", "width", "onClick", "onMouseover"], Ft = {
   __name: "RecursiveCircles",
@@ -68,9 +68,9 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
               stroke: n.hoveredUid && n.hoveredUid === u.uid ? n.strokeHovered : n.stroke,
               "stroke-width": n.hoveredUid && n.hoveredUid === u.uid ? u.circleRadius / 6 : u.circleRadius / 12,
               style: { cursor: "pointer" },
-              onClick: (S) => h(u),
-              onMouseover: (S) => w(u),
-              onMouseleave: k[0] || (k[0] = (S) => w(null))
+              onClick: (A) => h(u),
+              onMouseover: (A) => w(u),
+              onMouseleave: k[0] || (k[0] = (A) => w(null))
             }, null, 40, Pt),
             a.$slots.node ? (l(), r("foreignObject", {
               key: 0,
@@ -79,9 +79,9 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
               height: u.circleRadius * 2,
               width: u.circleRadius * 2,
               style: { overflow: "visible" },
-              onClick: Ve((S) => h(u), ["stop"]),
-              onMouseover: (S) => w(u),
-              onMouseleave: k[1] || (k[1] = (S) => w(null))
+              onClick: Ve((A) => h(u), ["stop"]),
+              onMouseover: (A) => w(u),
+              onMouseleave: k[1] || (k[1] = (A) => w(null))
             }, [
               y(a.$slots, "node", $e({ ref_for: !0 }, { node: u }))
             ], 40, xt)) : f("", !0)
@@ -105,7 +105,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ], 64))), 256);
     };
   }
-}, Ot = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Rt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], At = {
+}, Ot = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Rt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], St = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -164,7 +164,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       ], 64);
     };
   }
-}, St = ["x", "y", "fill", "font-size"], Ut = {
+}, At = ["x", "y", "fill", "font-size"], Ut = {
   __name: "RecursiveLabels",
   props: {
     color: {
@@ -197,7 +197,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             "font-size": a.circleRadius,
             "text-anchor": "middle",
             style: { opacity: "0.8", "pointer-events": "none" }
-          }, Oe(a.name), 9, St))), 256)),
+          }, Oe(a.name), 9, At))), 256)),
           a.nodes && a.nodes.length > 0 ? (l(), O(i, {
             key: 0,
             dataset: a.nodes,
@@ -216,7 +216,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
 }, Nt = {
   key: 2,
   style: "width:100%;background:transparent;"
-}, Lt = ["xmlns", "viewBox"], _t = ["width", "height"], Et = ["id"], Ht = ["stop-color"], Mt = ["stop-color"], Bt = {
+}, _t = ["xmlns", "viewBox"], Lt = ["width", "height"], Et = ["id"], Ht = ["stop-color"], Mt = ["stop-color"], Bt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, zt = {
@@ -248,7 +248,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     je((t) => ({
       "6c5e8f09": t.slicerColor
     }));
-    const { vue_ui_molecule: T } = Qe(), h = n, w = H, i = A(() => !!h.dataset && h.dataset.length);
+    const { vue_ui_molecule: T } = Qe(), h = n, w = H, i = S(() => !!h.dataset && h.dataset.length);
     We(() => {
       a();
     });
@@ -258,7 +258,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         type: "dataset"
       });
     }
-    const k = g(Te()), X = g(null), u = g(!1), P = g(""), V = g(null), S = g(0), oe = g(0), le = g(0), e = A({
+    const k = g(Te()), X = g(null), u = g(!1), P = g(""), V = g(null), A = g(0), oe = g(0), le = g(0), e = S({
       get: () => re(),
       set: (t) => t
     }), { userOptionsVisible: Y, setUserOptionsVisibility: se, keepUserOptionState: ae } = kt({ config: e.value }), { svgRef: Z } = Ct({ config: e.value.style.chart.title });
@@ -282,7 +282,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       elementId: `cluster_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), Re = A(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ae = A(() => ot(e.value.customPalette)), $ = g({
+    }), Re = S(() => e.value.userOptions.show && !e.value.style.chart.title.text), Se = S(() => ot(e.value.customPalette)), $ = g({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show
@@ -290,7 +290,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     function de(t, s = 0) {
       return Array.isArray(t) && t.length > 0 && t[0].nodes ? de(t[0].nodes, s + 1) : s;
     }
-    function Se() {
+    function Ae() {
       const t = de(h.dataset);
       let s = 100, o = s;
       for (let d = 0; d < t; d += 1)
@@ -300,7 +300,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         width: o
       };
     }
-    const C = g(Se());
+    const C = g(Ae());
     g(`0 0 ${C.value.width} ${C.value.height}`);
     function ve(t, s = { x: -C.value.width / 2.43, y: C.value.height / 2 }, o = C.value.width / 1.1, d = 24, c = 0, b = 0, x = "#BBBBBB", J = 0) {
       if (!Array.isArray(t) || t.length === 0) return t;
@@ -315,15 +315,15 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           let K = xe(F.color);
           return K.startsWith("#") ? K : `#${K}`;
         })() : null;
-        let _;
-        Ce ? _ = Ce : J === 0 ? _ = x : J === 1 ? (_ = Ae.value[b] || Pe[b] || x, b += 1) : _ = x, F.polygonPath = { coordinates: [ke] }, F.circleRadius = d, F.color = _, F.uid = Te(), Array.isArray(F.nodes) && F.nodes.length && (F.nodes = ve(
+        let L;
+        Ce ? L = Ce : J === 0 ? L = x : J === 1 ? (L = Se.value[b] || Pe[b] || x, b += 1) : L = x, F.polygonPath = { coordinates: [ke] }, F.circleRadius = d, F.color = L, F.uid = Te(), Array.isArray(F.nodes) && F.nodes.length && (F.nodes = ve(
           F.nodes,
           ke,
           o / 2.9,
           d / 2.2,
           c + Math.PI * be / F.nodes.length,
           b,
-          _,
+          L,
           J + 1
         ));
       }), t;
@@ -344,7 +344,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         d[c] = `gradient_${b}`;
       }), d;
     }
-    const Ie = A(() => Ue(R.value)), R = A(() => {
+    const Ie = S(() => Ue(R.value)), R = S(() => {
       const t = lt(h.dataset);
       return ve(t);
     }), q = g(null);
@@ -378,7 +378,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     function Ne(t) {
       he.value = t, t ? (u.value = !0, De(t), M.value = t.uid) : (u.value = !1, P.value = "", M.value = null);
     }
-    function Le(t) {
+    function _e(t) {
       const s = [];
       function o(d) {
         d.forEach((c) => {
@@ -393,12 +393,12 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       }
       return o(t), s;
     }
-    const _e = A(() => Le(R.value)), L = A(() => {
+    const Le = S(() => _e(R.value)), _ = S(() => {
       const t = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
         e.value.table.translations.ancestor
-      ], s = _e.value.map((c, b) => [
+      ], s = Le.value.map((c, b) => [
         {
           color: c.color,
           name: c.name
@@ -431,7 +431,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     });
     function fe() {
       qe(() => {
-        const t = L.value.body.map((d, c) => [[d[0].name], [d[1]], [d[2]]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[...L.value.head]]].concat(t), o = nt(s);
+        const t = _.value.body.map((d, c) => [[d[0].name], [d[1]], [d[2]]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[..._.value.head]]].concat(t), o = nt(s);
         it({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-molecule" });
       });
     }
@@ -440,7 +440,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     }
     const B = g(!1);
     function He(t) {
-      B.value = t, S.value += 1;
+      B.value = t, A.value += 1;
     }
     function ye() {
       $.value.showTable = !$.value.showTable;
@@ -455,7 +455,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
     function Q() {
       z.value = !z.value;
     }
-    const Me = A(() => !z.value), { viewBox: j, resetZoom: me, isZoom: Be } = $t(Z, {
+    const Me = S(() => !z.value), { viewBox: j, resetZoom: me, isZoom: Be } = $t(Z, {
       x: 0,
       y: 0,
       width: C.value.width <= 0 ? 10 : C.value.width,
@@ -511,7 +511,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
       e.value.userOptions.show && i.value && (v(ae) || v(Y)) ? (l(), O(ht, {
         ref_key: "details",
         ref: X,
-        key: `user_options_${S.value}`,
+        key: `user_options_${A.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: v(ne),
@@ -627,7 +627,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           }
         }, [
           y(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, _t)) : f("", !0),
+        ], 8, Lt)) : f("", !0),
         U("defs", null, [
           (l(!0), r(p, null, I(Object.keys(Ie.value), (o) => (l(), r("radialGradient", {
             id: `gradient_${o}`,
@@ -647,7 +647,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
             }, null, 8, Mt)
           ], 8, Et))), 256))
         ]),
-        G(At, {
+        G(St, {
           dataset: R.value,
           color: e.value.style.chart.links.stroke,
           backgroundColor: e.value.style.chart.backgroundColor
@@ -672,7 +672,7 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
           hoveredUid: M.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : f("", !0),
         y(t.$slots, "svg", { svg: C.value }, void 0, !0)
-      ], 14, Lt)) : f("", !0),
+      ], 14, _t)) : f("", !0),
       t.$slots.watermark ? (l(), r("div", Bt, [
         y(t.$slots, "watermark", D(N({ isPrinting: v(ne) || v(ie) })), void 0, !0)
       ])) : f("", !0),
@@ -753,10 +753,10 @@ const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMou
         content: m(() => [
           (l(), O(ft, {
             key: `table_${le.value}`,
-            colNames: L.value.colNames,
-            head: L.value.head,
-            body: L.value.body,
-            config: L.value.config,
+            colNames: _.value.colNames,
+            head: _.value.head,
+            body: _.value.body,
+            config: _.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: s[1] || (s[1] = (o) => $.value.showTable = !1)
           }, {

package/dist/vue-ui-mood-radar-BGHGOC3W.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-HGCbG8YK.cjs"),oe=require("./Title-DWFudmma.cjs"),q=require("./usePrinter-B2PvJuo8.cjs"),le=require("./Legend-D8qnv865.cjs"),g=require("./BaseIcon-BQ6ScTsr.cjs"),ae=require("./DataTable-4qcYZrGF.cjs"),re=require("./vue-ui-skeleton-BBWwBSGZ.cjs"),ne=require("./vue-ui-accordion-CSuxLH7L.cjs"),z=require("./useNestedProp-O_JTsxQj.cjs"),se=require("./PackageVersion-sCi6-fwm.cjs"),ue=require("./PenAndPaper-DXiYR_ED.cjs"),ie=require("./useUserOptionState-BgepsfED.cjs"),ce=require("./useChartAccessibility-Cm7nkzTG.cjs"),de=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ve=["id"],ye={key:2,style:"width:100%;background:transparent"},me=["xmlns","viewBox"],he=["width","height"],fe=["id"],pe=["stop-color"],ke=["stop-color"],ge=["x1","y1","x2","y2","stroke","stroke-width"],be=["d","stroke","stroke-width"],Ce=["stroke"],Ne=["fill"],we=["stroke"],xe=["fill"],Ve=["stroke"],_e=["fill"],Be=["stroke"],Pe=["fill"],$e=["stroke"],Me=["fill"],Ee=["d","stroke","stroke-width","fill"],Oe=["x1","y1","stroke"],Se=["cx","cy","fill","stroke"],Ae=["fill","stroke"],Te=["y","fill","font-weight"],Le=["y","fill"],Ie={key:5,class:"vue-data-ui-watermark"},Fe=["onClick"],qe={style:{"font-weight":"bold"}},ze={key:8,ref:"source",dir:"auto"},De=["innerHTML"],Re={__name:"vue-ui-mood-radar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(D,{expose:R}){const{vue_ui_mood_radar:j}=r.useConfig(),u=D,m=e.computed(()=>!!u.dataset&&Object.keys(u.dataset).length);e.onMounted(()=>{V()});function V(){r.objectIsEmpty(u.dataset)&&r.error({componentName:"VueUiMoodRadar",type:"dataset"})}const h=e.ref(r.createUid()),_=e.ref(null),U=e.ref(null),n=e.ref(null),W=e.ref(null),G=e.ref(0),H=e.ref(0),B=e.ref(0),t=e.computed({get:()=>E(),set:l=>l}),{userOptionsVisible:N,setUserOptionsVisibility:P,keepUserOptionState:$}=ie.useUserOptionState({config:t.value}),{svgRef:M}=ce.useChartAccessibility({config:t.value.style.chart.title});function E(){const l=z.useNestedProp({userConfig:u.config,defaultConfig:j});return l.theme?{...z.useNestedProp({userConfig:r.themes.vue_ui_mood_radar[l.theme]||u.config,defaultConfig:l})}:l}e.watch(()=>u.config,l=>{t.value=E(),N.value=!t.value.userOptions.showOnChartHover,V(),G.value+=1,H.value+=1,B.value+=1,f.value.showTable=t.value.table.show},{deep:!0});const{isPrinting:O,isImaging:S,generatePdf:A,generateImage:T}=q.usePrinter({elementId:h.value,fileName:t.value.style.chart.title.text||"vue-ui-mood-radar",options:t.value.userOptions.print}),X=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),f=e.ref({showTable:t.value.table.show}),i=e.computed(()=>({height:256,width:256})),w=e.computed(()=>r.createPolygonPath({plot:{x:128,y:i.value.height/2},radius:90,sides:5,rotation:11}));function K({centerX:l,centerY:a,apexX:o,apexY:s,proportion:d,key:k,value:te}){return{x:l+(o-l)*d,y:a+(s-a)*d,key:k,value:te}}const Y=e.computed(()=>Math.max(...Object.values(u.dataset).map(l=>isNaN(l)?0:l))),y=e.computed(()=>Object.values(u.dataset).reduce((l,a)=>(isNaN(l)?0:l)+(isNaN(a)?0:a),0)),c=e.computed(()=>Object.keys(u.dataset).map((l,a)=>{const o=typeof u.dataset[l]!="number"||isNaN(u.dataset[l])?0:u.dataset[l];return{index:a,key:l,value:o,proportion:o/y.value,color:t.value.style.chart.layout.smileys.colors[l]}}).sort((l,a)=>a.key-l.key)),L=e.computed(()=>m.value?(["1","2","3","4","5"].forEach(l=>{[null,void 0].includes(u.dataset[l])&&r.error({componentName:"VueUiMoodRadar",type:"datasetAttribute",property:l})}),w.value.coordinates.map((l,a)=>{const o=K({centerX:i.value.width/2,centerY:i.value.height/2,apexX:l.x,apexY:l.y,proportion:c.value[a].value/Y.value,key:c.value[a].key,value:c.value[a].value});return{...l,plots:o,key:c.value[a].key}})):[]),J=e.computed(()=>({cy:"mood-radar-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""}));function Q(l){l===n.value?n.value=null:n.value=l}const v=e.computed(()=>{const l=c.value.map(o=>({name:o.key,color:o.color})),a=c.value.map(o=>isNaN(o.value)?0:o.value);return{head:l,body:a}});function I(){e.nextTick(()=>{const l=v.value.head.map((s,d)=>[[s.name],[v.value.body[d]],[isNaN(v.value.body[d]/y.value)?"-":v.value.body[d]/y.value*100]]),a=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(l),o=r.createCsvContent(a);r.downloadCsv({csvContent:o,title:t.value.style.chart.title.text||"vue-ui-mood-radar"})})}const b=e.computed(()=>{const l=[' <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(y.value.toFixed(t.value.table.td.roundingValue)).toLocaleString(),"100%"],a=v.value.head.map((d,k)=>[{color:d.color,name:d.name},v.value.body[k].toFixed(t.value.table.td.roundingValue),isNaN(v.value.body[k]/y.value)?"-":(v.value.body[k]/y.value*100).toFixed(t.value.table.td.roundingPercentage)+"%"]),o={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},s=[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage];return{head:l,body:a,config:o,colNames:s}});function Z(){return c.value}function F(){f.value.showTable=!f.value.showTable}const p=e.ref(!1);function ee(l){p.value=l}const C=e.ref(!1);function x(){C.value=!C.value}return R({getData:Z,generatePdf:A,generateCsv:I,generateImage:T,toggleTable:F,toggleAnnotator:x}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-mood-radar ${p.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),ref_key:"moodRadarChart",ref:_,id:`${h.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),onMouseenter:a[11]||(a[11]=()=>e.unref(P)(!0)),onMouseleave:a[12]||(a[12]=()=>e.unref(P)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ue._sfc_main,{key:0,svgRef:e.unref(M),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:C.value,onClose:x},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),X.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:W,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(oe._sfc_main,{config:{title:{cy:"mood-radar-title",...t.value.style.chart.title},subtitle:{cy:"mood-radar-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])])):e.createCommentVNode("",!0),t.value.userOptions.show&&m.value&&(e.unref($)||e.unref(N))?(e.openBlock(),e.createBlock(q.UserOptions,{key:3,ref_key:"details",ref:U,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(O),isImaging:e.unref(S),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:p.value,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:C.value,onToggleFullscreen:ee,onGeneratePdf:e.unref(A),onGenerateCsv:I,onGenerateImage:e.unref(T),onToggleTable:F,onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref($)?e.unref(N)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:o,color:s})=>[e.renderSlot(l.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:o,color:s})),void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:s})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:s})),void 0,!0)]),key:"5"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:s})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:s})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:M,xmlns:e.unref(r.XMLNS),viewBox:`0 0 ${i.value.width} ${i.value.height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":p.value,"vue-data-ui-fulscreen--off":!p.value}),style:e.normalizeStyle(`overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(se._sfc_main),l.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:i.value.width,height:i.value.height,style:{pointerEvents:"none"}},[e.renderSlot(l.$slots,"chart-background",{},void 0,!0)],8,he)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`mood_radar_gradient_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(r.setOpacity)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.opacity)},null,8,pe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(r.setOpacity)(e.unref(r.shiftHue)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.gradient.intensity/100),t.value.style.chart.layout.dataPolygon.opacity)},null,8,ke)],8,fe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.coordinates,o=>(e.openBlock(),e.createElementBlock("line",{x1:i.value.width/2,y1:i.value.height/2,x2:o.x,y2:o.y,stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,ge))),256)),e.createElementVNode("path",{d:w.value.path,fill:"none",stroke:t.value.style.chart.layout.outerPolygon.stroke,"stroke-width":t.value.style.chart.layout.outerPolygon.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round"},null,8,be),e.createElementVNode("path",{fill:"none",stroke:t.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,Ce),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[0]||(a[0]=o=>n.value=5),onMouseleave:a[1]||(a[1]=o=>n.value=null),cx:"128",cy:"25",r:"20",fill:n.value===5?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[5],20):"transparent"},null,40,Ne),e.createElementVNode("path",{fill:"none",stroke:t.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,we),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[2]||(a[2]=o=>n.value=4),onMouseleave:a[3]||(a[3]=o=>n.value=null),cx:"227",cy:"95.5",r:"20",fill:n.value===4?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[4],20):"transparent"},null,40,xe),e.createElementVNode("path",{fill:"none",stroke:t.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,Ve),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[4]||(a[4]=o=>n.value=3),onMouseleave:a[5]||(a[5]=o=>n.value=null),cx:"190",cy:"213.5",r:"20",fill:n.value===3?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[3],20):"transparent"},null,40,_e),e.createElementVNode("path",{fill:"none",stroke:t.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,Be),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[6]||(a[6]=o=>n.value=2),onMouseleave:a[7]||(a[7]=o=>n.value=null),cx:"65",cy:"213.5",r:"20",fill:n.value===2?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[2],20):"transparent"},null,40,Pe),e.createElementVNode("path",{fill:"none",stroke:t.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,$e),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[8]||(a[8]=o=>n.value=1),onMouseleave:a[9]||(a[9]=o=>n.value=null),cx:"29",cy:"95.5",r:"20",fill:n.value===1?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[1],20):"transparent"},null,40,Me),e.createElementVNode("path",{d:e.unref(r.makePath)(L.value.map(o=>o.plots)),stroke:t.value.style.chart.layout.dataPolygon.stroke,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",fill:t.value.style.chart.layout.dataPolygon.gradient.show?`url(#mood_radar_gradient_${h.value})`:e.unref(r.setOpacity)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.opacity)},null,8,Ee),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value.map(o=>o.plots),(o,s)=>(e.openBlock(),e.createElementBlock("g",{class:"vue-ui-mood-radar-trap",style:e.normalizeStyle(`opacity:${n.value==o.key?"1":"0"}`)},[e.createElementVNode("line",{x1:o.x,y1:o.y,x2:128,y2:128,stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,Oe),e.createElementVNode("circle",{cx:o.x,cy:o.y,fill:t.value.style.chart.layout.smileys.colors[o.key],r:"3",stroke:t.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Se),e.createElementVNode("circle",{cx:128,cy:128,fill:t.value.style.chart.layout.smileys.colors[o.key],r:"3",stroke:t.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Ae),e.createElementVNode("text",{x:128,y:["5",5].includes(o.key)?145:120,fill:t.value.style.chart.layout.dataLabel.color,"font-size":"12","text-anchor":"middle","font-weight":t.value.style.chart.layout.dataLabel.bold?"bold":"normal"},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.dataLabel.formatter,o.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.dataLabel.prefix,v:o.value,s:t.value.style.chart.layout.dataLabel.suffix,r:t.value.style.chart.layout.dataLabel.roundingValue}),{datapoint:o,seriesIndex:s})),9,Te),e.createElementVNode("text",{x:128,y:["5",5].includes(o.key)?163:102,fill:t.value.style.chart.layout.dataLabel.color,"font-size":"12","text-anchor":"middle"}," ("+e.toDisplayString(e.unref(r.dataLabel)({v:o.value/y.value*100,s:"%",r:t.value.style.chart.layout.dataLabel.roundingPercentage}))+") ",9,Le)],4))),256)),e.renderSlot(l.$slots,"svg",{svg:i.value},void 0,!0)],14,me)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(O)||e.unref(S)})),void 0,!0)])):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(re.default,{key:6,config:{type:"radar",style:{backgroundColor:t.value.style.chart.backgroundColor,radar:{grid:{color:"#CCCCCC"},shapes:{color:"#CCCCCC"}}}}},null,8,["config"])),t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(le.Legend,{legendSet:c.value,config:J.value,key:`legend_${B.value}`,style:{display:"flex","row-gap":"6px"}},{item:e.withCtx(({legend:o,index:s})=>[e.createElementVNode("div",{onClick:()=>Q(o.key),style:{display:"flex","flex-direction":"row",gap:"3px","align-items":"center",margin:"3px 0"}},[o.key==1?(e.openBlock(),e.createBlock(g.default,{key:0,strokeWidth:1,name:"moodSad",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==2?(e.openBlock(),e.createBlock(g.default,{key:1,strokeWidth:1,name:"moodFlat",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==3?(e.openBlock(),e.createBlock(g.default,{key:2,strokeWidth:1,name:"moodNeutral",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==4?(e.openBlock(),e.createBlock(g.default,{key:3,strokeWidth:1,name:"smiley",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==5?(e.openBlock(),e.createBlock(g.default,{key:4,strokeWidth:1,name:"moodHappy",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),e.createElementVNode("span",qe,e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.dataLabel.formatter,o.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.dataLabel.prefix,v:o.value,s:t.value.style.chart.layout.dataLabel.suffix,r:t.value.style.chart.layout.dataLabel.roundingValue}),{datapoint:o,seriesIndex:s})),1),e.createTextVNode(" ("+e.toDisplayString(e.unref(r.dataLabel)({v:o.proportion*100,s:"%",r:t.value.style.chart.legend.roundingPercentage}))+") ",1)],8,Fe)]),_:1},8,["legendSet","config"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"legend",{legend:c.value},void 0,!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(ne.default,{key:9,hideDetails:"",config:{open:f.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode(ae.DataTable,{colNames:b.value.colNames,head:b.value.head,body:b.value.body,config:b.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[10]||(a[10]=o=>f.value.showTable=!1)},{th:e.withCtx(({th:o})=>[e.createElementVNode("div",{innerHTML:o,style:{display:"flex","align-items":"center"}},null,8,De)]),td:e.withCtx(({td:o})=>[e.createTextVNode(e.toDisplayString(o.name||o),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,ve))}},je=de._export_sfc(Re,[["__scopeId","data-v-219c3ecd"]]);exports.default=je;

package/dist/{vue-ui-mood-radar-DwxCn06q.js → vue-ui-mood-radar-BLLnwnLw.js}

@@ -1,15 +1,15 @@
-import { computed as c, onMounted as we, ref as y, watch as xe, createElementBlock as h, openBlock as r, unref as a, normalizeStyle as L, normalizeClass as ee, createBlock as p, createCommentVNode as u, renderSlot as v, createVNode as U, createSlots as _e, withCtx as f, normalizeProps as I, guardReactiveProps as F, createElementVNode as s, Fragment as te, renderList as oe, toDisplayString as N, createTextVNode as le, nextTick as $e } from "vue";
-import { u as Me, o as Pe, e as ae, c as Ne, a as Ae, Q as Oe, X as Te, s as C, w as Le, R as Ie, i as se, f as S, q as Fe, r as Se } from "./index-gC66Se26.js";
-import { _ as Ve } from "./Title-Co3F59jq.js";
-import { u as je, U as Re } from "./usePrinter-KMFl0n0s.js";
-import { L as Ue } from "./Legend-CmKaL7xe.js";
-import A from "./BaseIcon-DqYzMisq.js";
-import { D as Be } from "./DataTable-C_28ZqiP.js";
-import De from "./vue-ui-skeleton-7Zfds6H1.js";
-import We from "./vue-ui-accordion-j2beIma_.js";
-import { u as re } from "./useNestedProp-BusTOV-6.js";
-import { _ as ze } from "./PackageVersion-39l3KkzC.js";
-import { P as Ee } from "./PenAndPaper-CmcfpltX.js";
+import { computed as c, onMounted as we, ref as y, watch as _e, createElementBlock as h, openBlock as r, unref as a, normalizeStyle as L, normalizeClass as ee, createBlock as p, createCommentVNode as u, renderSlot as v, createVNode as U, createSlots as xe, withCtx as f, normalizeProps as I, guardReactiveProps as F, createElementVNode as s, Fragment as te, renderList as oe, toDisplayString as P, createTextVNode as le, nextTick as $e } from "vue";
+import { u as Me, o as Ne, e as ae, c as Pe, a as Ae, Q as Oe, X as Te, s as C, w as Le, R as Ie, i as se, f as S, q as Fe, r as Se } from "./index-B_dU_4T8.js";
+import { _ as Ve } from "./Title-ND4kMErl.js";
+import { u as je, U as Re } from "./usePrinter-CLObTJ4a.js";
+import { L as Ue } from "./Legend-B4eIw732.js";
+import A from "./BaseIcon-CdxldTMn.js";
+import { D as Be } from "./DataTable-BFNGlApm.js";
+import De from "./vue-ui-skeleton-CTZKsfWs.js";
+import We from "./vue-ui-accordion-C5dj9Voo.js";
+import { u as re } from "./useNestedProp-7s4Pw7x0.js";
+import { _ as ze } from "./PackageVersion-BZ8-AoE_.js";
+import { _ as Ee } from "./PenAndPaper--_AE7XzJ.js";
 import { u as Ge } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as He } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -23,7 +23,7 @@ const Ke = ["id"], qe = {
   key: 8,
   ref: "source",
   dir: "auto"
-}, xt = ["innerHTML"], _t = {
+}, _t = ["innerHTML"], xt = {
   __name: "vue-ui-mood-radar",
   props: {
     config: {
@@ -40,17 +40,17 @@ const Ke = ["id"], qe = {
     }
   },
   setup(ne, { expose: ue }) {
-    const { vue_ui_mood_radar: ie } = Me(), d = ne, x = c(() => !!d.dataset && Object.keys(d.dataset).length);
+    const { vue_ui_mood_radar: ie } = Me(), d = ne, _ = c(() => !!d.dataset && Object.keys(d.dataset).length);
     we(() => {
       B();
     });
     function B() {
-      Pe(d.dataset) && ae({
+      Ne(d.dataset) && ae({
         componentName: "VueUiMoodRadar",
         type: "dataset"
       });
     }
-    const _ = y(Ne()), D = y(null), de = y(null), n = y(null), ce = y(null), ve = y(0), ye = y(0), W = y(0), e = c({
+    const x = y(Pe()), D = y(null), de = y(null), n = y(null), ce = y(null), ve = y(0), ye = y(0), W = y(0), e = c({
       get: () => H(),
       set: (o) => o
     }), { userOptionsVisible: V, setUserOptionsVisibility: z, keepUserOptionState: E } = Ge({ config: e.value }), { svgRef: G } = He({ config: e.value.style.chart.title });
@@ -66,11 +66,11 @@ const Ke = ["id"], qe = {
         })
       } : o;
     }
-    xe(() => d.config, (o) => {
+    _e(() => d.config, (o) => {
       e.value = H(), V.value = !e.value.userOptions.showOnChartHover, B(), ve.value += 1, ye.value += 1, W.value += 1, $.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: X, isImaging: K, generatePdf: q, generateImage: Q } = je({
-      elementId: _.value,
+      elementId: x.value,
       fileName: e.value.style.chart.title.text || "vue-ui-mood-radar",
       options: e.value.userOptions.print
     }), he = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), $ = y({
@@ -84,11 +84,11 @@ const Ke = ["id"], qe = {
       sides: 5,
       rotation: 11
     }));
-    function fe({ centerX: o, centerY: l, apexX: t, apexY: i, proportion: k, key: P, value: Ce }) {
+    function fe({ centerX: o, centerY: l, apexX: t, apexY: i, proportion: k, key: N, value: Ce }) {
       return {
         x: o + (t - o) * k,
         y: l + (i - l) * k,
-        key: P,
+        key: N,
         value: Ce
       };
     }
@@ -101,7 +101,7 @@ const Ke = ["id"], qe = {
         proportion: t / w.value,
         color: e.value.style.chart.layout.smileys.colors[o]
       };
-    }).sort((o, l) => l.key - o.key)), Y = c(() => x.value ? (["1", "2", "3", "4", "5"].forEach((o) => {
+    }).sort((o, l) => l.key - o.key)), Y = c(() => _.value ? (["1", "2", "3", "4", "5"].forEach((o) => {
       [null, void 0].includes(d.dataset[o]) && ae({
         componentName: "VueUiMoodRadar",
         type: "datasetAttribute",
@@ -153,13 +153,13 @@ const Ke = ["id"], qe = {
         ' <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(w.value.toFixed(e.value.table.td.roundingValue)).toLocaleString(),
         "100%"
-      ], l = b.value.head.map((k, P) => [
+      ], l = b.value.head.map((k, N) => [
         {
           color: k.color,
           name: k.name
         },
-        b.value.body[P].toFixed(e.value.table.td.roundingValue),
-        isNaN(b.value.body[P] / w.value) ? "-" : (b.value.body[P] / w.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
+        b.value.body[N].toFixed(e.value.table.td.roundingValue),
+        isNaN(b.value.body[N] / w.value) ? "-" : (b.value.body[N] / w.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
       ]), t = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -209,7 +209,7 @@ const Ke = ["id"], qe = {
       class: ee(`vue-ui-mood-radar ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "moodRadarChart",
       ref: D,
-      id: `${_.value}`,
+      id: `${x.value}`,
       style: L(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       onMouseenter: l[11] || (l[11] = () => a(z)(!0)),
       onMouseleave: l[12] || (l[12] = () => a(z)(!1))
@@ -243,7 +243,7 @@ const Ke = ["id"], qe = {
           }
         }, null, 8, ["config"])
       ])) : u("", !0),
-      e.value.userOptions.show && x.value && (a(E) || a(V)) ? (r(), p(Re, {
+      e.value.userOptions.show && _.value && (a(E) || a(V)) ? (r(), p(Re, {
         key: 3,
         ref_key: "details",
         ref: de,
@@ -251,7 +251,7 @@ const Ke = ["id"], qe = {
         color: e.value.style.chart.color,
         isPrinting: a(X),
         isImaging: a(K),
-        uid: _.value,
+        uid: x.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
@@ -272,7 +272,7 @@ const Ke = ["id"], qe = {
         style: L({
           visibility: a(E) ? a(V) ? "visible" : "hidden" : "visible"
         })
-      }, _e({ _: 2 }, [
+      }, xe({ _: 2 }, [
         o.$slots.menuIcon ? {
           name: "menuIcon",
           fn: f(({ isOpen: t, color: i }) => [
@@ -323,7 +323,7 @@ const Ke = ["id"], qe = {
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : u("", !0),
-      x.value ? (r(), h("svg", {
+      _.value ? (r(), h("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: G,
@@ -352,7 +352,7 @@ const Ke = ["id"], qe = {
             r: "50%",
             fx: "50%",
             fy: "50%",
-            id: `mood_radar_gradient_${_.value}`
+            id: `mood_radar_gradient_${x.value}`
           }, [
             s("stop", {
               offset: "0%",
@@ -466,7 +466,7 @@ const Ke = ["id"], qe = {
           "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_${_.value})` : a(C)(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_${x.value})` : a(C)(e.value.style.chart.layout.dataPolygon.color, e.value.style.chart.layout.dataPolygon.opacity)
         }, null, 8, yt),
         (r(!0), h(te, null, oe(Y.value.map((t) => t.plots), (t, i) => (r(), h("g", {
           class: "vue-ui-mood-radar-trap",
@@ -502,7 +502,7 @@ const Ke = ["id"], qe = {
             "font-size": "12",
             "text-anchor": "middle",
             "font-weight": e.value.style.chart.layout.dataLabel.bold ? "bold" : "normal"
-          }, N(a(se)(
+          }, P(a(se)(
             e.value.style.chart.layout.dataLabel.formatter,
             t.value,
             a(S)({
@@ -519,7 +519,7 @@ const Ke = ["id"], qe = {
             fill: e.value.style.chart.layout.dataLabel.color,
             "font-size": "12",
             "text-anchor": "middle"
-          }, " (" + N(a(S)({
+          }, " (" + P(a(S)({
             v: t.value / w.value * 100,
             s: "%",
             r: e.value.style.chart.layout.dataLabel.roundingPercentage
@@ -530,7 +530,7 @@ const Ke = ["id"], qe = {
       o.$slots.watermark ? (r(), h("div", kt, [
         v(o.$slots, "watermark", I(F({ isPrinting: a(X) || a(K) })), void 0, !0)
       ])) : u("", !0),
-      x.value ? u("", !0) : (r(), p(De, {
+      _.value ? u("", !0) : (r(), p(De, {
         key: 6,
         config: {
           type: "radar",
@@ -588,7 +588,7 @@ const Ke = ["id"], qe = {
               name: "moodHappy",
               stroke: e.value.style.chart.layout.smileys.colors[t.key]
             }, null, 8, ["stroke"])) : u("", !0),
-            s("span", Ct, N(a(se)(
+            s("span", Ct, P(a(se)(
               e.value.style.chart.layout.dataLabel.formatter,
               t.value,
               a(S)({
@@ -599,7 +599,7 @@ const Ke = ["id"], qe = {
               }),
               { datapoint: t, seriesIndex: i }
             )), 1),
-            le(" (" + N(a(S)({
+            le(" (" + P(a(S)({
               v: t.proportion * 100,
               s: "%",
               r: e.value.style.chart.legend.roundingPercentage
@@ -612,7 +612,7 @@ const Ke = ["id"], qe = {
       o.$slots.source ? (r(), h("div", wt, [
         v(o.$slots, "source", {}, void 0, !0)
       ], 512)) : u("", !0),
-      x.value ? (r(), p(We, {
+      _.value ? (r(), p(We, {
         key: 9,
         hideDetails: "",
         config: {
@@ -641,10 +641,10 @@ const Ke = ["id"], qe = {
               s("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, xt)
+              }, null, 8, _t)
             ]),
             td: f(({ td: t }) => [
-              le(N(t.name || t), 1)
+              le(P(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"])
@@ -653,7 +653,7 @@ const Ke = ["id"], qe = {
       }, 8, ["config"])) : u("", !0)
     ], 46, Ke));
   }
-}, Bt = /* @__PURE__ */ Xe(_t, [["__scopeId", "data-v-219c3ecd"]]);
+}, Bt = /* @__PURE__ */ Xe(xt, [["__scopeId", "data-v-219c3ecd"]]);
 export {
   Bt as default
 };