vue-data-ui 2.3.3 → 2.3.4

package/dist/vue-ui-molecule-C5CY_YYc.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("./index-p5gfZSvB.cjs"),we=require("./Title-Bb-A5OSV.cjs"),oe=require("./usePrinter-fZlsJid8.cjs"),$e=require("./DataTable-Rm9II-m2.cjs"),Fe=require("./Tooltip-C_UE6y-E.cjs"),z=require("./BaseIcon-JtWoVorZ.cjs"),Pe=require("./vue-ui-skeleton-sjfOtCZr.cjs"),Ne=require("./vue-ui-accordion-C_pwrAJl.cjs"),le=require("./useNestedProp-2kIU-7On.cjs"),Te=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ee=["cx","cy","r","fill","stroke","stroke-width","onClick","onMouseover"],Se={__name:"RecursiveCircles",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null},linkColor:{type:String,default:"#CCCCCC"},stroke:{type:String,default:"#FFFFFF"},strokeHovered:{type:String,default:"#000000"}},emits:["zoom","hover"],setup(r,{emit:g}){const y=r;function u(a){g("zoom",a)}function c(a){g("hover",a)}return e.toRef(y,"dataset").value.forEach(a=>{a.nodes&&a.nodes.length>0&&a.nodes.forEach(i=>{i.ancestor=a})}),(a,i)=>{const b=e.resolveComponent("RecursiveCircles",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,v=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[v.polygonPath&&v.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.polygonPath.coordinates,(F,P)=>(e.openBlock(),e.createElementBlock("circle",{cx:F.x,cy:F.y,r:v.circleRadius,fill:`url(#gradient_${v.color})`,stroke:r.hoveredUid&&r.hoveredUid===v.uid?r.strokeHovered:r.stroke,"stroke-width":r.hoveredUid&&r.hoveredUid===v.uid?v.circleRadius/6:v.circleRadius/12,style:{cursor:"pointer"},onClick:e.withModifiers(h=>u(v),["stop"]),onMouseover:h=>c(v),onMouseleave:i[0]||(i[0]=h=>c(null))},null,40,Ee))),256)),v.nodes&&v.nodes.length>0?(e.openBlock(),e.createBlock(b,{key:0,dataset:v.nodes,color:r.color,stroke:r.stroke,strokeHovered:r.strokeHovered,hoveredUid:r.hoveredUid,onZoom:u,onHover:c},null,8,["dataset","color","stroke","strokeHovered","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Ve=["x1","y1","x2","y2","stroke","stroke-width"],Re=["x1","y1","x2","y2","stroke","stroke-width"],Le={__name:"RecursiveLinks",props:{dataset:{type:Array,default:()=>[]},color:{type:String,default:"#DDDDDD"},backgroundColor:{type:String,default:"#FFFFFF"}},setup(r){const g=r;return e.toRef(g,"dataset").value.forEach(u=>{u.nodes&&u.nodes.length>0&&u.nodes.forEach(c=>{c.ancestor=u})}),(u,c)=>{const B=e.resolveComponent("RecursiveLinks",!0);return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.polygonPath&&a.polygonPath.coordinates?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.polygonPath.coordinates,(i,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.ancestor&&a.ancestor.polygonPath?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("line",{x1:i.x,y1:i.y,x2:a.ancestor.polygonPath.coordinates[0].x,y2:a.ancestor.polygonPath.coordinates[0].y,stroke:r.backgroundColor,"stroke-width":a.circleRadius/1.5},null,8,Ve),e.createElementVNode("line",{x1:i.x,y1:i.y,x2:a.ancestor.polygonPath.coordinates[0].x,y2:a.ancestor.polygonPath.coordinates[0].y,stroke:r.color,"stroke-width":a.circleRadius/2},null,8,Re)],64)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[a.polygonPath&&a.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a.nodes&&a.nodes.length>0?(e.openBlock(),e.createBlock(B,{key:0,dataset:a.nodes,color:r.color,backgroundColor:r.backgroundColor},null,8,["dataset","color","backgroundColor"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256))],64)}}},ze=["x","y","fill","font-size"],Me={__name:"RecursiveLabels",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null}},emits:["zoom","hover"],setup(r,{emit:g}){const y=r;return e.toRef(y,"dataset").value.forEach(c=>{c.nodes&&c.nodes.length>0&&c.nodes.forEach(B=>{B.ancestor=c})}),(c,B)=>{const a=e.resolveComponent("RecursiveLabels",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataset,i=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i.polygonPath&&i.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.polygonPath.coordinates,b=>(e.openBlock(),e.createElementBlock("text",{x:b.x,y:b.y+i.circleRadius*2,fill:r.color,"font-size":i.circleRadius,"text-anchor":"middle",style:{opacity:"0.8","pointer-events":"none"}},e.toDisplayString(i.name),9,ze))),256)),i.nodes&&i.nodes.length>0?(e.openBlock(),e.createBlock(a,{key:0,dataset:i.nodes,color:r.color,hoveredUid:r.hoveredUid},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},De={style:{position:"relative",height:"100%",width:"100%"}},Ue={__name:"BaseDirectionPad",props:{color:{type:String,default:"#FF0000"},isFullscreen:{type:Boolean,default:!1}},emits:["moveLeft","moveTop","moveRight","moveBottom","reset"],setup(r,{emit:g}){return(y,u)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`position: ${r.isFullscreen?"fixed":"absolute"};bottom:0;right:${r.isFullscreen?"12px":"0"};width:80px;height:80px`),"data-html2canvas-ignore":""},[e.createElementVNode("div",De,[e.createElementVNode("button",{onClick:u[0]||(u[0]=e.withModifiers(c=>g("moveLeft"),["stop"])),style:{position:"absolute",left:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowLeft",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[1]||(u[1]=e.withModifiers(c=>g("moveTop"),["stop"])),style:{position:"absolute",top:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowTop",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[2]||(u[2]=e.withModifiers(c=>g("moveRight"),["stop"])),style:{position:"absolute",right:"0",top:"50%",transform:"translateY(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowRight",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[3]||(u[3]=e.withModifiers(c=>g("moveBottom"),["stop"])),style:{position:"absolute",bottom:"0",left:"50%",transform:"translateX(-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"arrowBottom",style:{cursor:"pointer"}},null,8,["stroke"])]),e.createElementVNode("button",{onClick:u[4]||(u[4]=e.withModifiers(c=>g("reset"),["stop"])),style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",height:"24px",width:"24px",padding:"0",background:"transparent",border:"none",display:"flex","align-items":"center","justify-content":"center"}},[e.createVNode(z.default,{stroke:r.color,name:"close",style:{cursor:"pointer"},strokeWidth:2},null,8,["stroke"])])])],4))}},Ie=["id"],Oe=["xmlns","viewBox"],He=["id"],qe=["stop-color"],Ae=["stop-color"],je=["innerHTML"],Ge={__name:"vue-ui-molecule",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(r,{expose:g}){const y=r,{vue_ui_molecule:u}=p.useConfig(),c=e.computed(()=>!!y.dataset&&y.dataset.length);e.onMounted(()=>{p.objectIsEmpty(y.dataset)&&p.error({componentName:"VueUiMolecule",type:"dataset"})});const B=e.ref(p.createUid()),a=e.ref(null),i=e.ref(!1),b=e.ref(""),v=e.ref(null),F=e.ref(null),P=e.ref(!1),h=e.ref(null),G=e.ref(null),D=e.ref(0),o=e.computed(()=>{const t=le.useNestedProp({userConfig:y.config,defaultConfig:u});return t.theme?{...le.useNestedProp({userConfig:p.themes.vue_ui_molecule[t.theme]||y.config,defaultConfig:t}),customPalette:p.themePalettes[t.theme]||p.palette}:t}),{isPrinting:ne,isImaging:re,generatePdf:X,generateImage:W}=oe.usePrinter({elementId:`cluster_${B.value}`,fileName:o.value.style.chart.title.text||"vue-ui-molecule"}),ae=e.computed(()=>p.convertCustomPalette(o.value.customPalette)),k=e.ref({showTable:o.value.table.show,showDataLabels:!0,showTooltip:o.value.style.chart.tooltip.show});function Y(t,l=0){return Array.isArray(t)&&t.length>0&&t[0].nodes?Y(t[0].nodes,l+1):l}function se(){const t=Y(y.dataset);let l=100,n=l;for(let d=0;d<t;d+=1)l/=1,n+=l;return{height:n,width:n}}const x=e.ref(se()),U=e.ref(`0 0 ${x.value.width} ${x.value.height}`);function Z(t,l={x:-x.value.width/2.43,y:x.value.height/2},n=x.value.width/1.1,d=24,s=0,m=0,V="#BBBBBB"){if(t&&t.length>0){const A=p.createPolygonPath({plot:l,radius:n,sides:t.length,rotation:s});t.forEach((f,$)=>{const R=A.coordinates[$];let w;if(f.ancestor?f.ancestor.ancestor?w=f.ancestor.color||V:(w=ae.value[m]||p.palette[m]||V,m+=1):w=V,f.polygonPath={coordinates:[R]},f.circleRadius=d,f.color=w,f.uid=p.createUid(),f.nodes&&f.nodes.length>0){const j=!f.ancestor||!f.ancestor.ancestor?m:0;f.nodes=Z(f.nodes,R,n/2.9,d/2.2,s+Math.PI*$/f.nodes.length,j,w)}})}return t}function ie(t){const l=new Set;function n(s){s.forEach(m=>{m.color&&!l.has(m.color)&&l.add(m.color),m.nodes&&m.nodes.length>0&&n(m.nodes)})}n(t);const d={};return Array.from(l).forEach((s,m)=>{d[s]=`gradient_${m}`}),d}const ue=e.computed(()=>ie(C.value)),C=e.computed(()=>Z(y.dataset));function I(){P.value=!1,F.value=null,G.value=null,h.value=null,H({polygonPath:{coordinates:[{x:x.value.width/2,y:x.value.height/2}]},circleRadius:24})}const O=e.ref(null);function H(t){v.value.focus(),e.nextTick(()=>{O.value&&cancelAnimationFrame(O.value);const l=U.value.split(" "),n=parseFloat(l[0]),d=parseFloat(l[1]),s=parseFloat(l[2]),m=parseFloat(l[3]),{x:V,y:A}=t.polygonPath.coordinates[0],{circleRadius:f}=t,$=8.34,R=V-f*$,w=A-f*$,j=f*$*2,ye=f*$*2,ke=Math.sqrt((R-n)**2+(w-d)**2),L=Math.min(1200,Math.max(20,Math.floor(ke/10))),be=(R-n)/L,Ce=(w-d)/L,Be=(j-s)/L,xe=(ye-m)/L;let T=0;function te(){U.value=`${n+be*T} ${d+Ce*T} ${s+Be*T} ${m+xe*T}`,T+=o.value.style.chart.zoom.speed,T<=L&&(O.value=requestAnimationFrame(te))}te()})}function ce(t){F.value===t.uid?I():(F.value=t.uid,G.value=t,h.value={circleRadius:t.circleRadius,polygonPath:{coordinates:[{x:t.polygonPath.coordinates[0].x,y:t.polygonPath.coordinates[0].y}]}},H(t),P.value=t.uid!==C.value[0].uid)}function de(t){if(t.target.nodeName!=="circle")I(),P.value=!1;else return}const q=e.ref(null);function ve(t){q.value={datapoint:t,seriesIndex:-1,series:C.value,config:o.value};const l=o.value.style.chart.tooltip.customFormat;if(p.isFunction(l)&&p.functionReturnsString(()=>l({seriesIndex:-1,datapoint:t,series:C.value,config:o.value})))b.value=l({seriesIndex:-1,datapoint:t,series:C.value,config:o.value});else{let n="";n+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`,t.details&&(n+=`<div style="width:100%;border-top:1px solid ${o.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`),b.value=`<div style="font-family:inherit">${n}</div>`}}const J=e.ref(null),E=e.ref(null);function me(t){J.value=t,t?(i.value=!0,ve(t),E.value=t.uid):(i.value=!1,b.value="",E.value=null)}function M(t){t==="right"&&(h.value.polygonPath.coordinates[0].x+=h.value.circleRadius),t==="left"&&(h.value.polygonPath.coordinates[0].x-=h.value.circleRadius),t==="top"&&(h.value.polygonPath.coordinates[0].y-=h.value.circleRadius),t==="bottom"&&(h.value.polygonPath.coordinates[0].y+=h.value.circleRadius),H(h.value)}function fe(t){const l=[];function n(d){d.forEach(s=>{const m={name:s.name,details:s.details||"-",ancestor:s.ancestor&&s.ancestor.name||"-",color:s.color||""};l.push(m),s.nodes&&s.nodes.length>0&&n(s.nodes,s.name)})}return n(t),l}const pe=e.computed(()=>fe(C.value)),N=e.computed(()=>{const t=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor],l=pe.value.map((s,m)=>[{color:s.color,name:s.name},s.details,s.ancestor||""]),n={th:{backgroundColor:o.value.table.th.backgroundColor,color:o.value.table.th.color,outline:o.value.table.th.outline},td:{backgroundColor:o.value.table.td.backgroundColor,color:o.value.table.td.color,outline:o.value.table.td.outline},breakpoint:o.value.table.responsiveBreakpoint},d=[o.value.table.translations.nodeName,o.value.table.translations.details,o.value.table.translations.ancestor];return{head:t,body:l,config:n,colNames:d}});function K(){e.nextTick(()=>{const t=N.value.body.map((d,s)=>[[d[0].name],[d[1]],[d[2]]]),l=[[o.value.style.chart.title.text],[o.value.style.chart.title.subtitle.text],[[...N.value.head]]].concat(t),n=p.createCsvContent(l);p.downloadCsv({csvContent:n,title:o.value.style.chart.title.text||"vue-ui-molecule"})})}function he(){return C.value}const S=e.ref(!1);function ge(t){S.value=t,D.value+=1}function Q(){k.value.showTable=!k.value.showTable}function _(){k.value.showDataLabels=!k.value.showDataLabels}function ee(){k.value.showTooltip=!k.value.showTooltip}return g({getData:he,generatePdf:X,generateCsv:K,generateImage:W,toggleTable:Q,toggleLabels:_,toggleTooltip:ee}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{onMouseleave:l[7]||(l[7]=n=>{J.value=null,E.value=null}),ref_key:"moleculeChart",ref:v,class:e.normalizeClass(`vue-ui-molecule ${S.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${o.value.style.fontFamily};width:100%; text-align:center;background:${o.value.style.chart.backgroundColor}`),id:`cluster_${B.value}`},[o.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:100%;background:${o.value.style.chart.backgroundColor};`)},[e.createVNode(we._sfc_main,{config:{title:{cy:"molecule-div-title",...o.value.style.chart.title},subtitle:{cy:"molecule-div-subtitle",...o.value.style.chart.title.subtitle}}},null,8,["config"])],4)):e.createCommentVNode("",!0),o.value.userOptions.show&&c.value?(e.openBlock(),e.createBlock(oe.UserOptions,{ref_key:"details",ref:a,key:`user_options_${D.value}`,backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color,isPrinting:e.unref(ne),isImaging:e.unref(re),uid:B.value,hasTooltip:o.value.userOptions.buttons.tooltip&&o.value.style.chart.tooltip.show,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasTable:o.value.userOptions.buttons.table,hasLabel:o.value.userOptions.buttons.labels,hasFullscreen:o.value.userOptions.buttons.fullscreen,isTooltip:k.value.showTooltip,titles:{...o.value.userOptions.buttonTitles},chartElement:v.value,onToggleFullscreen:ge,onGeneratePdf:e.unref(X),onGenerateCsv:K,onGenerateImage:e.unref(W),onToggleTable:Q,onToggleLabels:_,onToggleTooltip:ee},e.createSlots({_:2},[t.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,t.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,t.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionLabels",{},void 0,!0)]),key:"5"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:d})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:d})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasLabel","hasFullscreen","isTooltip","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(p.XMLNS),viewBox:U.value,class:e.normalizeClass({"vue-data-ui-fullscreen--on":S.value,"vue-data-ui-fulscreen--off":!S.value}),style:e.normalizeStyle(`overflow: hidden; background:${o.value.style.chart.backgroundColor};color:${o.value.style.chart.color}`),onClick:l[0]||(l[0]=e.withModifiers(n=>de(n),["stop"]))},[e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(ue.value),n=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_${n}`,cx:"50%",cy:"30%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(p.lightenHexColor)(n,.5)},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":n},null,8,Ae)],8,He))),256))]),e.createVNode(Le,{dataset:C.value,color:o.value.style.chart.links.stroke,backgroundColor:o.value.style.chart.backgroundColor},null,8,["dataset","color","backgroundColor"]),e.createVNode(Se,{dataset:C.value,hoveredUid:E.value,stroke:o.value.style.chart.nodes.stroke,strokeHovered:o.value.style.chart.nodes.strokeHovered,onZoom:ce,onHover:me},null,8,["dataset","hoveredUid","stroke","strokeHovered"]),k.value.showDataLabels?(e.openBlock(),e.createBlock(Me,{key:0,dataset:C.value,color:o.value.style.chart.color,hoveredUid:E.value},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"svg",{svg:x.value},void 0,!0)],14,Oe)):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createBlock(Ue,{key:`direction_pad_${D.value}`,color:o.value.style.chart.color,isFullscreen:S.value,onMoveLeft:l[1]||(l[1]=n=>M("left")),onMoveRight:l[2]||(l[2]=n=>M("right")),onMoveTop:l[3]||(l[3]=n=>M("top")),onMoveBottom:l[4]||(l[4]=n=>M("bottom")),onReset:l[5]||(l[5]=n=>{I(),P.value=!1})},null,8,["color","isFullscreen"])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Pe.default,{key:4,config:{type:"molecule",style:{backgroundColor:o.value.style.chart.backgroundColor,molecule:{color:"#CCCCCC"}}}},null,8,["config"])),e.createVNode(Fe._sfc_main,{show:k.value.showTooltip&&i.value,backgroundColor:o.value.style.chart.tooltip.backgroundColor,color:o.value.style.chart.tooltip.color,borderRadius:o.value.style.chart.tooltip.borderRadius,borderColor:o.value.style.chart.tooltip.borderColor,borderWidth:o.value.style.chart.tooltip.borderWidth,fontSize:o.value.style.chart.tooltip.fontSize,backgroundOpacity:o.value.style.chart.tooltip.backgroundOpacity,parent:v.value,content:b.value,isCustom:o.value.style.chart.tooltip.customFormat&&typeof o.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...q.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...q.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","parent","content","isCustom"]),c.value?(e.openBlock(),e.createBlock(Ne.default,{key:5,hideDetails:"",config:{open:k.value.showTable,maxHeight:1e4,body:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color},head:{backgroundColor:o.value.style.chart.backgroundColor,color:o.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode($e.DataTable,{colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${o.value.style.chart.title.text}${o.value.style.chart.title.subtitle.text?` : ${o.value.style.chart.title.subtitle.text}`:""}`,onClose:l[6]||(l[6]=n=>k.value.showTable=!1)},{th:e.withCtx(({th:n})=>[e.createElementVNode("div",{innerHTML:n,style:{display:"flex","align-items":"center"}},null,8,je)]),td:e.withCtx(({td:n})=>[e.createTextVNode(e.toDisplayString(n.name||n),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ie))}},Xe=Te._export_sfc(Ge,[["__scopeId","data-v-a51864fb"]]);exports.default=Xe;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-p5gfZSvB.cjs"),W=require("./Title-Bb-A5OSV.cjs"),M=require("./usePrinter-fZlsJid8.cjs"),G=require("./Legend-D59FIuMs.cjs"),p=require("./BaseIcon-JtWoVorZ.cjs"),U=require("./DataTable-Rm9II-m2.cjs"),H=require("./vue-ui-skeleton-sjfOtCZr.cjs"),R=require("./vue-ui-accordion-C_pwrAJl.cjs"),B=require("./useNestedProp-2kIU-7On.cjs"),X=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),K=["id"],Y=["xmlns","viewBox"],J=["id"],Q=["stop-color"],Z=["stop-color"],ee=["x1","y1","x2","y2","stroke","stroke-width"],te=["d","stroke","stroke-width"],oe=["stroke"],le=["fill"],ae=["stroke"],re=["fill"],ne=["stroke"],se=["fill"],ue=["stroke"],ie=["fill"],ce=["stroke"],de=["fill"],ye=["d","stroke","stroke-width","fill"],ve=["x1","y1","stroke"],me=["cx","cy","fill","stroke"],he=["fill","stroke"],ke=["y","fill","font-weight"],pe=["y","fill"],fe=["onClick"],ge={style:{"font-weight":"bold"}},be=["innerHTML"],Ce={__name:"vue-ui-mood-radar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(P,{expose:E}){const s=P,{vue_ui_mood_radar:S}=n.useConfig(),m=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{n.objectIsEmpty(s.dataset)&&n.error({componentName:"VueUiMoodRadar",type:"dataset"})});const h=e.ref(n.createUid()),N=e.ref(null),T=e.ref(null),r=e.ref(null),t=e.computed(()=>{const l=B.useNestedProp({userConfig:s.config,defaultConfig:S});return l.theme?{...B.useNestedProp({userConfig:n.themes.vue_ui_mood_radar[l.theme]||s.config,defaultConfig:l})}:l}),{isPrinting:F,isImaging:A,generatePdf:x,generateImage:w}=M.usePrinter({elementId:h.value,fileName:t.value.style.chart.title.text||"vue-ui-mood-radar"}),f=e.ref({showTable:t.value.table.show}),d=e.computed(()=>({height:256,width:256})),C=e.computed(()=>n.createPolygonPath({plot:{x:128,y:d.value.height/2},radius:90,sides:5,rotation:11}));function L({centerX:l,centerY:a,apexX:o,apexY:i,proportion:c,key:k,value:q}){return{x:l+(o-l)*c,y:a+(i-a)*c,key:k,value:q}}const I=e.computed(()=>Math.max(...Object.values(s.dataset).map(l=>isNaN(l)?0:l))),v=e.computed(()=>Object.values(s.dataset).reduce((l,a)=>(isNaN(l)?0:l)+(isNaN(a)?0:a),0)),u=e.computed(()=>Object.keys(s.dataset).map((l,a)=>{const o=typeof s.dataset[l]!="number"||isNaN(s.dataset[l])?0:s.dataset[l];return{index:a,key:l,value:o,proportion:o/v.value,color:t.value.style.chart.layout.smileys.colors[l]}}).sort((l,a)=>a.key-l.key)),_=e.computed(()=>m.value?(["1","2","3","4","5"].forEach(l=>{[null,void 0].includes(s.dataset[l])&&n.error({componentName:"VueUiMoodRadar",type:"datasetAttribute",property:l})}),C.value.coordinates.map((l,a)=>{const o=L({centerX:d.value.width/2,centerY:d.value.height/2,apexX:l.x,apexY:l.y,proportion:u.value[a].value/I.value,key:u.value[a].key,value:u.value[a].value});return{...l,plots:o,key:u.value[a].key}})):[]),O=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 z(l){l===r.value?r.value=null:r.value=l}const y=e.computed(()=>{const l=u.value.map(o=>({name:o.key,color:o.color})),a=u.value.map(o=>isNaN(o.value)?0:o.value);return{head:l,body:a}});function V(){e.nextTick(()=>{const l=y.value.head.map((i,c)=>[[i.name],[y.value.body[c]],[isNaN(y.value.body[c]/v.value)?"-":y.value.body[c]/v.value*100]]),a=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(l),o=n.createCsvContent(a);n.downloadCsv({csvContent:o,title:t.value.style.chart.title.text||"vue-ui-mood-radar"})})}const g=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(v.value.toFixed(t.value.table.td.roundingValue)).toLocaleString(),"100%"],a=y.value.head.map((c,k)=>[{color:c.color,name:c.name},y.value.body[k].toFixed(t.value.table.td.roundingValue),isNaN(y.value.body[k]/v.value)?"-":(y.value.body[k]/v.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},i=[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage];return{head:l,body:a,config:o,colNames:i}});function D(){return u.value}function $(){f.value.showTable=!f.value.showTable}const b=e.ref(!1);function j(l){b.value=l}return E({getData:D,generatePdf:x,generateCsv:V,generateImage:w,toggleTable:$}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-mood-radar ${b.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),ref_key:"moodRadarChart",ref:N,id:`${h.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`)},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor}`)},[e.createVNode(W._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"])],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&m.value?(e.openBlock(),e.createBlock(M.UserOptions,{key:1,ref_key:"details",ref:T,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(F),isImaging:e.unref(A),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,titles:{...t.value.userOptions.buttonTitles},chartElement:N.value,onToggleFullscreen:j,onGeneratePdf:e.unref(x),onGenerateCsv:V,onGenerateImage:e.unref(w),onToggleTable:$},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:i})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(n.XMLNS),viewBox:`0 0 ${d.value.width} ${d.value.height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":b.value,"vue-data-ui-fulscreen--off":!b.value}),style:e.normalizeStyle(`overflow:visible;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[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":t.value.style.chart.layout.dataPolygon.color+e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity]},null,8,Q),e.createElementVNode("stop",{offset:"100%","stop-color":`${e.unref(n.shiftHue)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.gradient.intensity/100)}${e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity]}`},null,8,Z)],8,J)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value.coordinates,o=>(e.openBlock(),e.createElementBlock("line",{x1:d.value.width/2,y1:d.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,ee))),256)),e.createElementVNode("path",{d:C.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,te),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,oe),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[0]||(a[0]=o=>r.value=5),onMouseleave:a[1]||(a[1]=o=>r.value=null),cx:"128",cy:"25",r:"20",fill:r.value===5?t.value.style.chart.layout.smileys.colors[5]+"33":"transparent"},null,40,le),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,ae),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[2]||(a[2]=o=>r.value=4),onMouseleave:a[3]||(a[3]=o=>r.value=null),cx:"227",cy:"95.5",r:"20",fill:r.value===4?t.value.style.chart.layout.smileys.colors[4]+"33":"transparent"},null,40,re),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,ne),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[4]||(a[4]=o=>r.value=3),onMouseleave:a[5]||(a[5]=o=>r.value=null),cx:"190",cy:"213.5",r:"20",fill:r.value===3?t.value.style.chart.layout.smileys.colors[3]+"33":"transparent"},null,40,se),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,ue),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[6]||(a[6]=o=>r.value=2),onMouseleave:a[7]||(a[7]=o=>r.value=null),cx:"65",cy:"213.5",r:"20",fill:r.value===2?t.value.style.chart.layout.smileys.colors[2]+"33":"transparent"},null,40,ie),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,ce),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[8]||(a[8]=o=>r.value=1),onMouseleave:a[9]||(a[9]=o=>r.value=null),cx:"29",cy:"95.5",r:"20",fill:r.value===1?t.value.style.chart.layout.smileys.colors[1]+"33":"transparent"},null,40,de),e.createElementVNode("path",{d:e.unref(n.makePath)(_.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})`:t.value.style.chart.layout.dataPolygon.color+e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity]},null,8,ye),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value.map(o=>o.plots),(o,i)=>(e.openBlock(),e.createElementBlock("g",{class:"vue-ui-mood-radar-trap",style:e.normalizeStyle(`opacity:${r.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,ve),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,me),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,he),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(Number(o.value.toFixed(t.value.style.chart.layout.dataLabel.roundingValue)).toLocaleString()),9,ke),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(Number((o.value/v.value*100).toFixed(t.value.style.chart.layout.dataLabel.roundingPercentage)).toLocaleString())+"%) ",9,pe)],4))),256)),e.renderSlot(l.$slots,"svg",{svg:d.value},void 0,!0)],14,Y)):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(H.default,{key:3,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(G.Legend,{key:4,legendSet:u.value,config:O.value,style:{display:"flex","row-gap":"6px"}},{item:e.withCtx(({legend:o,index:i})=>[e.createElementVNode("div",{onClick:()=>z(o.key),style:{display:"flex","flex-direction":"row",gap:"3px","align-items":"center",margin:"3px 0"}},[o.key==1?(e.openBlock(),e.createBlock(p.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(p.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(p.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(p.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(p.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",ge,e.toDisplayString(o.value),1),e.createTextVNode(" ("+e.toDisplayString((isNaN(o.proportion)?0:o.proportion*100).toFixed(t.value.style.chart.legend.roundingPercentage))+"%) ",1)],8,fe)]),_:1},8,["legendSet","config"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"legend",{legend:u.value},void 0,!0),m.value?(e.openBlock(),e.createBlock(R.default,{key:5,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(U.DataTable,{colNames:g.value.colNames,head:g.value.head,body:g.value.body,config:g.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,be)]),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)],14,K))}},Ne=X._export_sfc(Ce,[["__scopeId","data-v-81cc3908"]]);exports.default=Ne;

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

@@ -0,0 +1,548 @@
+import { computed as u, onMounted as se, ref as C, openBlock as r, createElementBlock as p, normalizeClass as W, normalizeStyle as F, createVNode as z, createCommentVNode as i, createBlock as h, unref as d, createSlots as re, withCtx as m, renderSlot as b, normalizeProps as ne, guardReactiveProps as ue, createElementVNode as a, Fragment as D, renderList as G, toDisplayString as $, createTextVNode as E, nextTick as ie } from "vue";
+import { u as de, o as ce, e as U, c as ye, t as ve, I as he, X as me, r as I, s as fe, J as ge, n as ke, q as pe } from "./index-uOtklCCx.js";
+import { _ as be } from "./Title-2iks1ziC.js";
+import { u as Ce, U as xe } from "./usePrinter-B6xQCyL-.js";
+import { L as _e } from "./Legend-CxvJTjEm.js";
+import M from "./BaseIcon-7_g11dRj.js";
+import { D as we } from "./DataTable-CwaOlAsy.js";
+import $e from "./vue-ui-skeleton-BM9rwmxY.js";
+import Me from "./vue-ui-accordion-HJPf7My0.js";
+import { u as H } from "./useNestedProp-BgWkUab_.js";
+import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Pe = ["id"], Te = ["xmlns", "viewBox"], Fe = ["id"], Ae = ["stop-color"], Ie = ["stop-color"], Le = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Oe = ["d", "stroke", "stroke-width"], Se = ["stroke"], je = ["fill"], Ve = ["stroke"], Be = ["fill"], We = ["stroke"], ze = ["fill"], De = ["stroke"], Ge = ["fill"], Ee = ["stroke"], Ue = ["fill"], He = ["d", "stroke", "stroke-width", "fill"], Re = ["x1", "y1", "stroke"], Xe = ["cx", "cy", "fill", "stroke"], Ke = ["fill", "stroke"], qe = ["y", "fill", "font-weight"], Je = ["y", "fill"], Ye = ["onClick"], Qe = { style: { "font-weight": "bold" } }, Ze = ["innerHTML"], et = {
+  __name: "vue-ui-mood-radar",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(R, { expose: X }) {
+    const n = R, { vue_ui_mood_radar: K } = de(), x = u(() => !!n.dataset && Object.keys(n.dataset).length);
+    se(() => {
+      ce(n.dataset) && U({
+        componentName: "VueUiMoodRadar",
+        type: "dataset"
+      });
+    });
+    const _ = C(ye()), L = C(null), q = C(null), s = C(null), e = u(() => {
+      const o = H({
+        userConfig: n.config,
+        defaultConfig: K
+      });
+      return o.theme ? {
+        ...H({
+          userConfig: ve.vue_ui_mood_radar[o.theme] || n.config,
+          defaultConfig: o
+        })
+      } : o;
+    }), { isPrinting: J, isImaging: Y, generatePdf: O, generateImage: S } = Ce({
+      elementId: _.value,
+      fileName: e.value.style.chart.title.text || "vue-ui-mood-radar"
+    }), N = C({
+      showTable: e.value.table.show
+    }), f = u(() => ({
+      height: 256,
+      width: 256
+    })), A = u(() => he({
+      plot: { x: 128, y: f.value.height / 2 },
+      radius: 90,
+      sides: 5,
+      rotation: 11
+    }));
+    function Q({ centerX: o, centerY: l, apexX: t, apexY: y, proportion: v, key: w, value: ae }) {
+      return {
+        x: o + (t - o) * v,
+        y: l + (y - l) * v,
+        key: w,
+        value: ae
+      };
+    }
+    const Z = u(() => Math.max(...Object.values(n.dataset).map((o) => isNaN(o) ? 0 : o))), k = u(() => Object.values(n.dataset).reduce((o, l) => (isNaN(o) ? 0 : o) + (isNaN(l) ? 0 : l), 0)), c = u(() => Object.keys(n.dataset).map((o, l) => {
+      const t = typeof n.dataset[o] != "number" || isNaN(n.dataset[o]) ? 0 : n.dataset[o];
+      return {
+        index: l,
+        key: o,
+        value: t,
+        proportion: t / k.value,
+        color: e.value.style.chart.layout.smileys.colors[o]
+      };
+    }).sort((o, l) => l.key - o.key)), j = u(() => x.value ? (["1", "2", "3", "4", "5"].forEach((o) => {
+      [null, void 0].includes(n.dataset[o]) && U({
+        componentName: "VueUiMoodRadar",
+        type: "datasetAttribute",
+        property: o
+      });
+    }), A.value.coordinates.map((o, l) => {
+      const t = Q({
+        centerX: f.value.width / 2,
+        centerY: f.value.height / 2,
+        apexX: o.x,
+        apexY: o.y,
+        proportion: c.value[l].value / Z.value,
+        key: c.value[l].key,
+        value: c.value[l].value
+      });
+      return {
+        ...o,
+        plots: t,
+        key: c.value[l].key
+      };
+    })) : []), ee = u(() => ({
+      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 te(o) {
+      o === s.value ? s.value = null : s.value = o;
+    }
+    const g = u(() => {
+      const o = c.value.map((t) => ({
+        name: t.key,
+        color: t.color
+      })), l = c.value.map((t) => isNaN(t.value) ? 0 : t.value);
+      return { head: o, body: l };
+    });
+    function V() {
+      ie(() => {
+        const o = g.value.head.map((y, v) => [[
+          y.name
+        ], [g.value.body[v]], [isNaN(g.value.body[v] / k.value) ? "-" : g.value.body[v] / k.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(o), t = ke(l);
+        pe({ csvContent: t, title: e.value.style.chart.title.text || "vue-ui-mood-radar" });
+      });
+    }
+    const P = u(() => {
+      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(k.value.toFixed(e.value.table.td.roundingValue)).toLocaleString(),
+        "100%"
+      ], l = g.value.head.map((v, w) => [
+        {
+          color: v.color,
+          name: v.name
+        },
+        g.value.body[w].toFixed(e.value.table.td.roundingValue),
+        isNaN(g.value.body[w] / k.value) ? "-" : (g.value.body[w] / k.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
+      }, y = [
+        e.value.table.columnNames.series,
+        e.value.table.columnNames.value,
+        e.value.table.columnNames.percentage
+      ];
+      return {
+        head: o,
+        body: l,
+        config: t,
+        colNames: y
+      };
+    });
+    function oe() {
+      return c.value;
+    }
+    function B() {
+      N.value.showTable = !N.value.showTable;
+    }
+    const T = C(!1);
+    function le(o) {
+      T.value = o;
+    }
+    return X({
+      getData: oe,
+      generatePdf: O,
+      generateCsv: V,
+      generateImage: S,
+      toggleTable: B
+    }), (o, l) => (r(), p("div", {
+      class: W(`vue-ui-mood-radar ${T.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      ref_key: "moodRadarChart",
+      ref: L,
+      id: `${_.value}`,
+      style: F(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`)
+    }, [
+      e.value.style.chart.title.text ? (r(), p("div", {
+        key: 0,
+        style: F(`width:100%;background:${e.value.style.chart.backgroundColor}`)
+      }, [
+        z(be, {
+          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"])
+      ], 4)) : i("", !0),
+      e.value.userOptions.show && x.value ? (r(), h(xe, {
+        key: 1,
+        ref_key: "details",
+        ref: q,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isPrinting: d(J),
+        isImaging: d(Y),
+        uid: _.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,
+        titles: { ...e.value.userOptions.buttonTitles },
+        chartElement: L.value,
+        onToggleFullscreen: le,
+        onGeneratePdf: d(O),
+        onGenerateCsv: V,
+        onGenerateImage: d(S),
+        onToggleTable: B
+      }, re({ _: 2 }, [
+        o.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: m(() => [
+            b(o.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: m(() => [
+            b(o.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        o.$slots.optionImg ? {
+          name: "optionImg",
+          fn: m(() => [
+            b(o.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        o.$slots.optionTable ? {
+          name: "optionTable",
+          fn: m(() => [
+            b(o.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        o.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: m(({ toggleFullscreen: t, isFullscreen: y }) => [
+            b(o.$slots, "optionFullscreen", ne(ue({ toggleFullscreen: t, isFullscreen: y })), void 0, !0)
+          ]),
+          key: "4"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : i("", !0),
+      x.value ? (r(), p("svg", {
+        key: 2,
+        xmlns: d(me),
+        viewBox: `0 0 ${f.value.width} ${f.value.height}`,
+        class: W({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
+        style: F(`overflow:visible;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
+      }, [
+        a("defs", null, [
+          a("radialGradient", {
+            cx: "50%",
+            cy: "50%",
+            r: "50%",
+            fx: "50%",
+            fy: "50%",
+            id: `mood_radar_gradient_${_.value}`
+          }, [
+            a("stop", {
+              offset: "0%",
+              "stop-color": e.value.style.chart.layout.dataPolygon.color + d(I)[e.value.style.chart.layout.dataPolygon.opacity]
+            }, null, 8, Ae),
+            a("stop", {
+              offset: "100%",
+              "stop-color": `${d(fe)(
+                e.value.style.chart.layout.dataPolygon.color,
+                e.value.style.chart.layout.dataPolygon.gradient.intensity / 100
+              )}${d(I)[e.value.style.chart.layout.dataPolygon.opacity]}`
+            }, null, 8, Ie)
+          ], 8, Fe)
+        ]),
+        (r(!0), p(D, null, G(A.value.coordinates, (t) => (r(), p("line", {
+          x1: f.value.width / 2,
+          y1: f.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, Le))), 256)),
+        a("path", {
+          d: A.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, Oe),
+        a("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, Se),
+        a("circle", {
+          class: "vue-ui-mood-radar-trap",
+          onMouseenter: l[0] || (l[0] = (t) => s.value = 5),
+          onMouseleave: l[1] || (l[1] = (t) => s.value = null),
+          cx: "128",
+          cy: "25",
+          r: "20",
+          fill: s.value === 5 ? e.value.style.chart.layout.smileys.colors[5] + "33" : "transparent"
+        }, null, 40, je),
+        a("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, Ve),
+        a("circle", {
+          class: "vue-ui-mood-radar-trap",
+          onMouseenter: l[2] || (l[2] = (t) => s.value = 4),
+          onMouseleave: l[3] || (l[3] = (t) => s.value = null),
+          cx: "227",
+          cy: "95.5",
+          r: "20",
+          fill: s.value === 4 ? e.value.style.chart.layout.smileys.colors[4] + "33" : "transparent"
+        }, null, 40, Be),
+        a("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, We),
+        a("circle", {
+          class: "vue-ui-mood-radar-trap",
+          onMouseenter: l[4] || (l[4] = (t) => s.value = 3),
+          onMouseleave: l[5] || (l[5] = (t) => s.value = null),
+          cx: "190",
+          cy: "213.5",
+          r: "20",
+          fill: s.value === 3 ? e.value.style.chart.layout.smileys.colors[3] + "33" : "transparent"
+        }, null, 40, ze),
+        a("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, De),
+        a("circle", {
+          class: "vue-ui-mood-radar-trap",
+          onMouseenter: l[6] || (l[6] = (t) => s.value = 2),
+          onMouseleave: l[7] || (l[7] = (t) => s.value = null),
+          cx: "65",
+          cy: "213.5",
+          r: "20",
+          fill: s.value === 2 ? e.value.style.chart.layout.smileys.colors[2] + "33" : "transparent"
+        }, null, 40, Ge),
+        a("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, Ee),
+        a("circle", {
+          class: "vue-ui-mood-radar-trap",
+          onMouseenter: l[8] || (l[8] = (t) => s.value = 1),
+          onMouseleave: l[9] || (l[9] = (t) => s.value = null),
+          cx: "29",
+          cy: "95.5",
+          r: "20",
+          fill: s.value === 1 ? e.value.style.chart.layout.smileys.colors[1] + "33" : "transparent"
+        }, null, 40, Ue),
+        a("path", {
+          d: d(ge)(j.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_${_.value})` : e.value.style.chart.layout.dataPolygon.color + d(I)[e.value.style.chart.layout.dataPolygon.opacity]
+        }, null, 8, He),
+        (r(!0), p(D, null, G(j.value.map((t) => t.plots), (t, y) => (r(), p("g", {
+          class: "vue-ui-mood-radar-trap",
+          style: F(`opacity:${s.value == t.key ? "1" : "0"}`)
+        }, [
+          a("line", {
+            x1: t.x,
+            y1: t.y,
+            x2: 128,
+            y2: 128,
+            stroke: e.value.style.chart.layout.smileys.colors[t.key]
+          }, null, 8, Re),
+          a("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, Xe),
+          a("circle", {
+            cx: 128,
+            cy: 128,
+            fill: e.value.style.chart.layout.smileys.colors[t.key],
+            r: "3",
+            stroke: e.value.style.chart.backgroundColor,
+            "stroke-width": 0.5
+          }, null, 8, Ke),
+          a("text", {
+            x: 128,
+            y: ["5", 5].includes(t.key) ? 145 : 120,
+            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"
+          }, $(Number(t.value.toFixed(e.value.style.chart.layout.dataLabel.roundingValue)).toLocaleString()), 9, qe),
+          a("text", {
+            x: 128,
+            y: ["5", 5].includes(t.key) ? 163 : 102,
+            fill: e.value.style.chart.layout.dataLabel.color,
+            "font-size": "12",
+            "text-anchor": "middle"
+          }, " (" + $(Number((t.value / k.value * 100).toFixed(e.value.style.chart.layout.dataLabel.roundingPercentage)).toLocaleString()) + "%) ", 9, Je)
+        ], 4))), 256)),
+        b(o.$slots, "svg", { svg: f.value }, void 0, !0)
+      ], 14, Te)) : i("", !0),
+      x.value ? i("", !0) : (r(), h($e, {
+        key: 3,
+        config: {
+          type: "radar",
+          style: {
+            backgroundColor: e.value.style.chart.backgroundColor,
+            radar: {
+              grid: {
+                color: "#CCCCCC"
+              },
+              shapes: {
+                color: "#CCCCCC"
+              }
+            }
+          }
+        }
+      }, null, 8, ["config"])),
+      e.value.style.chart.legend.show ? (r(), h(_e, {
+        key: 4,
+        legendSet: c.value,
+        config: ee.value,
+        style: { display: "flex", "row-gap": "6px" }
+      }, {
+        item: m(({ legend: t, index: y }) => [
+          a("div", {
+            onClick: () => te(t.key),
+            style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center", margin: "3px 0" }
+          }, [
+            t.key == 1 ? (r(), h(M, {
+              key: 0,
+              strokeWidth: 1,
+              name: "moodSad",
+              stroke: e.value.style.chart.layout.smileys.colors[t.key]
+            }, null, 8, ["stroke"])) : i("", !0),
+            t.key == 2 ? (r(), h(M, {
+              key: 1,
+              strokeWidth: 1,
+              name: "moodFlat",
+              stroke: e.value.style.chart.layout.smileys.colors[t.key]
+            }, null, 8, ["stroke"])) : i("", !0),
+            t.key == 3 ? (r(), h(M, {
+              key: 2,
+              strokeWidth: 1,
+              name: "moodNeutral",
+              stroke: e.value.style.chart.layout.smileys.colors[t.key]
+            }, null, 8, ["stroke"])) : i("", !0),
+            t.key == 4 ? (r(), h(M, {
+              key: 3,
+              strokeWidth: 1,
+              name: "smiley",
+              stroke: e.value.style.chart.layout.smileys.colors[t.key]
+            }, null, 8, ["stroke"])) : i("", !0),
+            t.key == 5 ? (r(), h(M, {
+              key: 4,
+              strokeWidth: 1,
+              name: "moodHappy",
+              stroke: e.value.style.chart.layout.smileys.colors[t.key]
+            }, null, 8, ["stroke"])) : i("", !0),
+            a("span", Qe, $(t.value), 1),
+            E(" (" + $((isNaN(t.proportion) ? 0 : t.proportion * 100).toFixed(
+              e.value.style.chart.legend.roundingPercentage
+            )) + "%) ", 1)
+          ], 8, Ye)
+        ]),
+        _: 1
+      }, 8, ["legendSet", "config"])) : i("", !0),
+      b(o.$slots, "legend", { legend: c.value }, void 0, !0),
+      x.value ? (r(), h(Me, {
+        key: 5,
+        hideDetails: "",
+        config: {
+          open: N.value.showTable,
+          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
+          }
+        }
+      }, {
+        content: m(() => [
+          z(we, {
+            colNames: P.value.colNames,
+            head: P.value.head,
+            body: P.value.body,
+            config: P.value.config,
+            title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
+            onClose: l[10] || (l[10] = (t) => N.value.showTable = !1)
+          }, {
+            th: m(({ th: t }) => [
+              a("div", {
+                innerHTML: t,
+                style: { display: "flex", "align-items": "center" }
+              }, null, 8, Ze)
+            ]),
+            td: m(({ td: t }) => [
+              E($(t.name || t), 1)
+            ]),
+            _: 1
+          }, 8, ["colNames", "head", "body", "config", "title"])
+        ]),
+        _: 1
+      }, 8, ["config"])) : i("", !0)
+    ], 14, Pe));
+  }
+}, yt = /* @__PURE__ */ Ne(et, [["__scopeId", "data-v-81cc3908"]]);
+export {
+  yt as default
+};