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