vue-data-ui-hq/dist/vue-ui-3d-bar-CO0hcWIG.cjs

A user-empowering data visualization Vue 3 components library for eloquent data storytelling

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-ZfICPrrM.cjs"),me=require("./Title-FbHK83tB.cjs"),oe=require("./usePrinter-B-gh2f22.cjs"),ye=require("./vue-ui-skeleton-Bvmpr51u.cjs"),ge=require("./DataTable-CC6dPSer.cjs"),ve=require("./vue-ui-accordion-Dp6uTsJi.cjs"),le=require("./useNestedProp-C14rfl0j.cjs"),$e=require("./PackageVersion-D3dK8oA3.cjs"),_e=require("./PenAndPaper-PL3bp4ud.cjs"),Be=require("./useUserOptionState-BgepsfED.cjs"),be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),xe=["id"],Ce={key:1,style:"width:100%;background:transparent"},Ee=["xmlns","viewBox"],we=["width","height"],Ne=["id"],Ve=["stop-color"],Fe=["stop-color"],Se=["id"],Me=["stop-color"],Pe=["stop-color"],Oe=["id"],Le=["stop-color"],De=["stop-color"],Te=["id"],ze=["stop-color"],je=["stop-color"],Ae=["stop-color"],Ie={key:1},We=["id"],Ge=["stop-color"],He=["stop-color"],Ue=["id"],qe=["stop-color"],Xe=["stop-color"],Ze=["id"],Re=["stop-color"],Ye=["stop-color"],Je=["id"],Ke=["x","y","font-size","font-weight","fill"],Qe=["x","y"],et=["d","stroke"],tt=["d","stroke"],ot={key:4},lt={key:0},nt=["stroke-dasharray","d","stroke","stroke-width"],rt=["stroke-dasharray","d","stroke","stroke-width"],st=["stroke-dasharray","d","stroke","stroke-width"],at=["stroke-dasharray","d","stroke","stroke-width"],ut={key:1},it=["d","stroke","stroke-width","fill"],ct=["d","stroke","stroke-width","fill"],dt=["d","stroke","stroke-width","fill"],ft={key:2},ht=["d","fill","onMouseenter","onClick"],pt=["d","fill","onMouseenter","onClick"],kt=["d","fill","onMouseenter","onClick"],mt=["d","onMouseenter","onClick"],yt=["d"],gt=["d","stroke"],vt=["onClick"],$t=["stroke","d"],_t=["cx","cy","fill","stroke"],Bt=["x","y","width","height"],bt={key:1},xt=["d","stroke"],Ct=["d","fill","stroke"],Et=["id"],wt=["stop-color"],Nt=["stop-color"],Vt=["cx","cy","fill"],Ft=["cx","cy","fill"],St={key:0},Mt=["text-anchor","x","y","fill","font-size"],Pt=["text-anchor","x","y","fill","font-size"],Ot={key:2},Lt=["d","fill","stroke"],Dt={key:5},Tt={key:0},zt=["stroke-dasharray","d","stroke","stroke-width"],jt=["stroke-dasharray","d","stroke","stroke-width"],At=["stroke-dasharray","d","stroke","stroke-width"],It=["stroke-dasharray","d","stroke","stroke-width"],Wt=["d","stroke","stroke-width","fill"],Gt=["d","stroke","stroke-width","fill"],Ht={key:1},Ut=["onClick"],qt=["id"],Xt=["stop-color"],Zt=["stop-color"],Rt=["id"],Yt=["stop-color"],Jt=["stop-color"],Kt=["stop-color"],Qt=["stop-color"],eo=["stop-color"],to=["onMouseenter","onClick","d","fill"],oo=["onMouseenter","onClick","d"],lo=["onMouseenter","onClick","d","fill"],no=["onClick"],ro=["stroke","d"],so=["cx","cy","fill","stroke"],ao=["x","y","width","height"],uo={key:1},io=["d","stroke"],co=["d","fill","stroke"],fo=["id"],ho=["stop-color"],po=["stop-color"],ko=["cx","cy","fill"],mo=["cx","cy","fill"],yo={key:0},go=["text-anchor","x","y","fill","font-size"],vo=["text-anchor","x","y","fill","font-size"],$o={key:2},_o=["d","fill","stroke"],Bo={key:4,class:"vue-data-ui-watermark"},bo={key:6,ref:"source",dir:"auto"},xo=["innerHTML"],Co={__name:"vue-ui-3d-bar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["selectDatapoint"],setup(ne,{expose:re,emit:se}){const{vue_ui_3d_bar:ae}=a.useConfig(),k=ne,V=se,F=e.computed(()=>!!k.dataset&&Object.keys(k.dataset).length),m=e.ref(a.createUid()),ue=e.ref(null),O=e.ref(null),x=e.ref(!1),j=e.ref(0),A=e.ref(0),o=e.computed({get:()=>G(),set:s=>s}),{userOptionsVisible:L,setUserOptionsVisibility:I,keepUserOptionState:W}=Be.useUserOptionState({config:o.value});function G(){const s=le.useNestedProp({userConfig:k.config,defaultConfig:ae});return s.theme?{...le.useNestedProp({userConfig:a.themes.vue_ui_3d_bar[s.theme]||k.config,defaultConfig:s}),customPalette:a.themePalettes[s.theme]||a.palette}:s}e.watch(()=>k.config,s=>{o.value=G(),L.value=!o.value.showOnChartHover,Z(),j.value+=1,A.value+=1},{deep:!0});const{isPrinting:H,isImaging:U,generatePdf:q,generateImage:X}=oe.usePrinter({elementId:`3d_bar_${m.value}`,fileName:o.value.style.chart.title.text||"vue-ui-3d-bar"}),ie=e.computed(()=>a.convertCustomPalette(o.value.customPalette)),S=e.ref({showTable:o.value.table.show}),$=e.computed(()=>k.dataset.series&&k.dataset.series.length),n=e.computed(()=>({height:o.value.style.chart.box.dimensions.height,width:o.value.style.chart.box.dimensions.width,absoluteWidth:o.value.style.chart.box.dimensions.width*($.value?2:1),top:o.value.style.chart.box.dimensions.top,bottom:o.value.style.chart.box.dimensions.bottom,left:o.value.style.chart.box.dimensions.left,right:o.value.style.chart.box.dimensions.right,perspective:o.value.style.chart.box.dimensions.perspective})),v=e.computed(()=>{if($.value){const s=k.dataset.series.map(l=>l.value||0).reduce((l,u)=>l+u,0),r=k.dataset.series.map((l,u)=>({...l,id:a.createUid(),proportion:(l.value||0)/s,color:a.convertColorToHex(l.color)||ie.value[u]||a.palette[u]||a.palette[u%a.palette.length],breakdown:l.breakdown?l.breakdown.sort((i,p)=>p.value-i.value):null})).sort((l,u)=>u.value-l.value),t=[];let c=0;for(let l=0;l<r.length;l+=1)t.push({...r[l],fill:ce(c,r[l].proportion,r[l].breakdown,r[l].color)}),c+=r[l].proportion;return t}return null}),B=e.computed(()=>({right:`M${n.value.width/2},${n.value.top} ${n.value.width-n.value.right}, ${n.value.top+n.value.perspective} ${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective} ${n.value.width/2},${n.value.height-n.value.bottom}`,left:`M${n.value.width/2},${n.value.top} ${n.value.left},${n.value.top+n.value.perspective} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective} ${n.value.width/2},${n.value.height-n.value.bottom}`,side:`M${n.value.width/2},${n.value.height-n.value.bottom} ${n.value.width/2},${n.value.top+n.value.perspective*2}`,topSides:`M${n.value.left},${n.value.top+n.value.perspective} ${n.value.width/2},${n.value.top+n.value.perspective*2} ${n.value.width-n.value.right},${n.value.top+n.value.perspective}`,tubeTop:`M${n.value.left},${n.value.top+n.value.perspective} C ${n.value.left},${n.value.top-n.value.perspective/3} ${n.value.width-n.value.right},${n.value.top-n.value.perspective/3} ${n.value.width-n.value.right},${n.value.top+n.value.perspective} C ${n.value.width-n.value.right},${n.value.top+n.value.perspective*2.3} ${n.value.left},${n.value.top+n.value.perspective*2.3} ${n.value.left},${n.value.top+n.value.perspective}`,tubeLeft:`M${n.value.left},${n.value.top+n.value.perspective} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective}`,tubeRight:`M${n.value.width-n.value.right},${n.value.top+n.value.perspective} ${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective}`,tubeBottom:`M${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective} C ${n.value.width-n.value.right},${n.value.height} ${n.value.left},${n.value.height} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective}`})),E=e.ref(o.value.style.chart.animation.use?0:k.dataset.percentage);e.onMounted(()=>{Z();let s=0,r=o.value.style.chart.animation.speed,t=.005*o.value.style.chart.animation.acceleration;function c(){E.value+=r+s,s+=t,E.value<k.dataset.percentage?requestAnimationFrame(c):E.value=k.dataset.percentage}o.value.style.chart.animation.use&&(E.value=0,c())});function Z(){a.objectIsEmpty(k.dataset)?a.error({componentName:"VueUi3dBar",type:"dataset"}):k.dataset.series?k.dataset.series.forEach((s,r)=>{a.getMissingDatasetAttributes({datasetObject:s,requiredAttributes:["name","value"]}).forEach(t=>{a.error({componentName:"VueUi3dBar",type:"datasetSerieAttribute",property:t,index:r})}),s.breakdown&&s.breakdown.forEach((t,c)=>{a.getMissingDatasetAttributes({datasetObject:t,requiredAttributes:["name","value"]}).forEach(l=>{a.error({componentName:"VueUi3dBar",type:"datasetSerieAttribute",property:l,index:`${r} - ${c}`})})})}):a.getMissingDatasetAttributes({datasetObject:k.dataset,requiredAttributes:["percentage"]}).forEach(s=>{a.error({componentName:"VueUi3dBar",type:"datasetAttribute",property:s})})}function ce(s,r,t,c){const l=n.value.height-n.value.bottom-n.value.top-n.value.perspective*2,{width:u,height:i,bottom:p,right:g,left:f,perspective:h}=n.value,d=p+l*s,z=i-d-h-l*r/2,he=z>n.value.height/2?"top":"bottom",K=64,pe=!!t;let Q=null,ee=null;return pe&&(t=t.map((te,ke)=>({...te,value:te.value||0,color:a.lightenHexColor(c,ke/t.length)})),Q=a.makeDonut({series:t},u+n.value.absoluteWidth/4-14,he==="top"?z-K:z+K,28,28,1.99999,2,1,360,105.25,14),ee=a.makeDonut({series:t},u-g+20,i-d-h-l*r/2,6,6,1.99999,2,1,360,105.25,6)),{donut:Q,miniDonut:ee,sidePointer:{x:u-g,y:i-d-h-l*r/2,topY:i-d-h-l*r,height:l*r},apexBottom:{y:i-d,x:u/2},apexTop:{y:i-d-l*r,x:u/2},right:`M${u/2},${i-d} ${u/2},${i-d-l*r} ${u-g},${i-d-h-l*r} ${u-g},${i-d-h}Z`,left:`M${u/2},${i-d} ${u/2},${i-d-l*r} ${f}, ${i-d-h-l*r} ${f},${i-d-h}Z`,liningTop:`M${f},${i-d-h-l*r} ${u/2},${i-d-l*r} ${u-g},${i-d-h-l*r}`,liningTopShade:`M${f},${i-d-h-l*r-.5} ${u/2},${i-d-l*r-.5} ${u-g},${i-d-h-l*r-.5}`,top:`M${u/2},${i-d-l*r} ${f},${i-d-h-l*r} ${u/2},${i-d-h*2-l*r} ${u-g},${i-d-h-l*r} Z`,tubeTop:`M${f},${i-d-l*r-h} C ${f},${i-d-l*r-h*2.5} ${u-g},${i-d-l*r-h*2.5} ${u-g},${i-d-l*r-h} C ${u-g},${i-d-l*r+h/2} ${f},${i-d-l*r+h/2} ${f},${i-d-l*r-h}`,bottomTubeTop:`M ${u-g-.5},${i-d-h} C ${u-g-.5},${i-d+h/2} ${f},${i-d+h/2} ${f+.5},${i-d-h}`,tubeBody:`M
        ${f},${i-d-l*r-h} 
        C ${f},${i-d-l*r+h/2} 
        ${u-g},${i-d-l*r+h/2} 
        ${u-g},${i-d-l*r-h} 
        L${u-g},${i-d-h}
        C 
        ${u-g},${i-d+h/2}
        ${f},${i-d+h/2}
        ${f},${i-d-h}Z`}}const N=e.computed(()=>{const s=E.value/100,r=n.value.height-n.value.bottom-n.value.top-n.value.perspective*2,{width:t,height:c,bottom:l,right:u,left:i,perspective:p}=n.value,f=l+r*0;return{right:`M${t/2},${c-f} ${t/2},${c-f-r*s} ${t-u},${c-f-p-r*s} ${t-u},${c-f-p}Z`,left:`M${t/2},${c-f} ${t/2},${c-f-r*s} ${i}, ${c-f-p-r*s} ${i},${c-f-p}Z`,top:`M${t/2},${c-f-r*s} ${i},${c-f-p-r*s} ${t/2},${c-f-p*2-r*s} ${t-u},${c-f-p-r*s} Z`,tubeTop:`M${i},${c-f-r*s-p} C ${i},${c-f-r*s-p*2.5} ${t-u},${c-f-r*s-p*2.5} ${t-u},${c-f-r*s-p} C ${t-u},${c-f-r*s+p/2} ${i},${c-f-r*s+p/2} ${i},${c-f-r*s-p}`,tubeBody:`M
        ${i},${c-f-r*s-p} 
        C ${i},${c-f-r*s+p/2} 
        ${t-u},${c-f-r*s+p/2} 
        ${t-u},${c-f-r*s-p} 
        L${t-u},${c-p*1.5}
        C 
        ${t-u},${c}
        ${i},${c}
        ${i},${c-f-p}Z`}}),y=e.ref(null);function _(s,r=!1){V("selectDatapoint",s),r||(y.value=s.id),r&&x.value&&(x.value=!1),r&&!x.value&&(x.value=!0)}function C(){x.value||(y.value=null)}function w(s,r,t=!1){const c=k.dataset.series.map(i=>i.value||0).reduce((i,p)=>i+p,0),l=isNaN(s.value/c)?0:s.value/c*100,u=isNaN(s.value/R(r))?0:s.value/R(r)*100;return t?u:l.toFixed(0)+"%"}function R(s){return[...s].map(r=>r.value).reduce((r,t)=>r+t,0)}const D=e.ref(!1);function de(s){D.value=s}function fe(){return $.value?v.value:k.dataset.percentage}const b=e.computed(()=>{if($.value){const s=v.value.flatMap(t=>t.breakdown&&t.breakdown.length?[{name:t.name,color:t.color},...t.breakdown.map((c,l)=>({name:c.name,color:a.lightenHexColor(t.color,l/t.breakdown.length)}))]:{name:t.name,color:t.color}),r=v.value.flatMap(t=>t.breakdown&&t.breakdown.length?[t.value,...t.breakdown.map(c=>c.value)]:t.value);return{head:s,body:r}}else return null});function Y(){if(!$.value){console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");return}e.nextTick(()=>{const s=v.value.map(l=>l.value).reduce((l,u)=>l+u,0),r=b.value.head.map((l,u)=>[[l.name],[b.value.body[u]],[isNaN(b.value.body[u]/s)?"-":b.value.body[u]/s*100]]),t=[[o.value.style.chart.title.text],[o.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(r),c=a.createCsvContent(t);a.downloadCsv({csvContent:c,title:o.value.style.chart.title.text||"vue-ui-3d-bar"})})}const M=e.computed(()=>{const s=v.value.map(u=>u.value).reduce((u,i)=>u+i,0),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>',a.dataLabel({p:o.value.style.chart.legend.prefix,v:s,s:o.value.style.chart.legend.suffix,r:o.value.table.td.roundingValue}),"100%"],t=b.value.head.map((u,i)=>{const p=a.dataLabel({p:o.value.style.chart.legend.prefix,v:b.value.body[i],s:o.value.style.chart.legend.suffix,r:o.value.table.td.roundingValue});return[{color:u.color,name:u.name},p,isNaN(b.value.body[i]/s)?"-":a.dataLabel({v:b.value.body[i]/s*100,s:"%",r:o.value.table.td.roundingPercentage})]}),c={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,shape:o.value.style.shape==="tube"?"circle":"square"};return{colNames:[o.value.table.columnNames.series,o.value.table.columnNames.value,o.value.table.columnNames.percentage],head:r,body:t,config:c}});function J(){S.value.showTable=!S.value.showTable}const P=e.ref(!1);function T(){P.value=!P.value}return re({generateCsv:Y,generatePdf:q,generateImage:X,getData:fe,toggleTable:J,toggleAnnotator:T}),(s,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"bar3dChart",ref:O,class:e.normalizeClass("vue-ui-3d-bar"),style:e.normalizeStyle(`font-family:${e.unref(o).style.fontFamily};width:100%; text-align:center;background:${e.unref(o).style.chart.backgroundColor}`),id:`3d_bar_${e.unref(m)}`,onMouseenter:r[2]||(r[2]=()=>e.unref(I)(!0)),onMouseleave:r[3]||(r[3]=()=>e.unref(I)(!1))},[e.unref(o).userOptions.buttons.annotator?(e.openBlock(),e.createBlock(_e.PenAndPaper,{key:0,parent:e.unref(O),backgroundColor:e.unref(o).style.chart.backgroundColor,color:e.unref(o).style.chart.color,active:e.unref(P),onClose:T},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),e.unref(o).style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Ce,[(e.openBlock(),e.createBlock(me._sfc_main,{key:`title_${e.unref(j)}`,config:{title:{cy:"3dBar-div-title",...e.unref(o).style.chart.title},subtitle:{cy:"3dBar-div-subtitle",...e.unref(o).style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),e.unref(o).userOptions.show&&e.unref(F)&&(e.unref(W)||e.unref(L))?(e.openBlock(),e.createBlock(oe.UserOptions,{key:2,ref_key:"details",ref:ue,backgroundColor:e.unref(o).style.chart.backgroundColor,color:e.unref(o).style.chart.color,isPrinting:e.unref(H),isImaging:e.unref(U),uid:e.unref(m),hasPdf:e.unref(o).userOptions.buttons.pdf,hasTable:!!e.unref($)&&e.unref(o).userOptions.buttons.table,hasXls:!!e.unref($)&&e.unref(o).userOptions.buttons.csv,hasImg:e.unref(o).userOptions.buttons.img,hasFullscreen:e.unref(o).userOptions.buttons.fullscreen,titles:{...e.unref(o).userOptions.buttonTitles},chartElement:e.unref(O),position:e.unref(o).userOptions.position,hasAnnotator:e.unref(o).userOptions.buttons.annotator,isAnnotation:e.unref(P),onToggleFullscreen:de,onGeneratePdf:e.unref(q),onGenerateCsv:Y,onGenerateImage:e.unref(X),onToggleTable:J,onToggleAnnotator:T,style:e.normalizeStyle({visibility:e.unref(W)?e.unref(L)?"visible":"hidden":"visible"})},e.createSlots({_:2},[s.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,s.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,s.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,s.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"optionTable",{},void 0,!0)]),key:"3"}:void 0,s.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:t,isFullscreen:c})=>[e.renderSlot(s.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:t,isFullscreen:c})),void 0,!0)]),key:"4"}:void 0,s.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:t,isAnnotator:c})=>[e.renderSlot(s.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:t,isAnnotator:c})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasTable","hasXls","hasImg","hasFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),e.unref(F)?(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(a.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":e.unref(D),"vue-data-ui-fulscreen--off":!e.unref(D)}),viewBox:`0 0 ${e.unref(n).absoluteWidth} ${e.unref(n).height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${e.unref(o).style.chart.color}`)},[e.createVNode($e._sfc_main),s.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:e.unref(n).absoluteWidth,height:e.unref(n).height,style:{pointerEvents:"none"}},[e.renderSlot(s.$slots,"chart-background",{},void 0,!0)],8,we)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_top${e.unref(m)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,Ve),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o).style.chart.bar.color},null,8,Fe)],8,Ne),e.createElementVNode("radialGradient",{id:`gradient_left${e.unref(m)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,Me),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.bar.color,20)},null,8,Pe)],8,Se),e.createElementVNode("radialGradient",{id:`gradient_right${e.unref(m)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,Le),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.bar.color,20)},null,8,De)],8,Oe),e.createElementVNode("linearGradient",{id:`gradient_tube_body${e.unref(m)}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(o).style.chart.bar.color}`},null,8,ze),e.createElementVNode("stop",{offset:"75%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,je),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.bar.color,40)},null,8,Ae)],8,Te)]),e.unref($)?(e.openBlock(),e.createElementBlock("defs",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),t=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`grad_top_${t.id}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(a.lightenHexColor)(t.color,.5),80)},null,8,Ge),e.createElementVNode("stop",{offset:"100%","stop-color":t.color},null,8,He)],8,We))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),t=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`grad_left_${t.id}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(t.color,80)},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(a.darkenHexColor)(t.color,.5),100)},null,8,Xe)],8,Ue))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),t=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`grad_right_${t.id}`},[e.createElementVNode("stop",{offset:"2%","stop-color":e.unref(a.setOpacity)(e.unref(a.lightenHexColor)(t.color,.5),100)},null,8,Re),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(t.color,80)},null,8,Ye)],8,Ze))),256)),e.createElementVNode("linearGradient",{x1:"0%",y1:"0%",x2:"0%",y2:"100%",id:`vertical_line_${e.unref(m)}`},r[4]||(r[4]=[e.createElementVNode("stop",{offset:"0%","stop-color":"#FFFFFF"},null,-1),e.createElementVNode("stop",{offset:"100%","stop-color":"#FFFFFF33"},null,-1)]),8,Je)])):e.createCommentVNode("",!0),e.unref(o).style.chart.dataLabel.show&&![null,void 0].includes(k.dataset.percentage)&&[null,void 0].includes(k.dataset.series)?(e.openBlock(),e.createElementBlock("text",{key:2,x:e.unref(n).width/2,y:e.unref(n).top-e.unref(o).style.chart.dataLabel.fontSize/2,"font-size":e.unref(o).style.chart.dataLabel.fontSize,"font-weight":e.unref(o).style.chart.dataLabel.bold?"bold":"normal",fill:e.unref(o).style.chart.dataLabel.color,"text-anchor":"middle"},e.toDisplayString(e.unref(a.dataLabel)({v:e.unref(E),s:"%",r:e.unref(o).style.chart.dataLabel.rounding})),9,Ke)):e.createCommentVNode("",!0),e.unref(x)?(e.openBlock(),e.createElementBlock("g",{key:3,onClick:r[0]||(r[0]=t=>{x.value=!1,y.value=null}),"data-html2canvas-ignore":"",style:{cursor:"pointer"}},[e.createElementVNode("rect",{x:e.unref(n).width/2-6,y:e.unref(n).top-20,height:12,width:12,fill:"transparent"},null,8,Qe),e.createElementVNode("path",{d:`M${e.unref(n).width/2-6},${e.unref(n).top-20} ${e.unref(n).width/2+6},${e.unref(n).top-9}`,stroke:e.unref(o).style.chart.color,"stroke-linecap":"round","stroke-width":"1"},null,8,et),e.createElementVNode("path",{d:`M${e.unref(n).width/2+6},${e.unref(n).top-20} ${e.unref(n).width/2-6},${e.unref(n).top-9}`,stroke:e.unref(o).style.chart.color,"stroke-linecap":"round","stroke-width":"1"},null,8,tt)])):e.createCommentVNode("",!0),!e.unref(o).style.shape||e.unref(o).style.shape==="bar"?(e.openBlock(),e.createElementBlock("g",ot,[e.unref($)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",lt,[e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).right,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,nt),e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).left,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,rt),e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).side,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,st),e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).topSides,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,at)])),e.unref($)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",ut,[e.createElementVNode("path",{d:e.unref(N).right,stroke:e.unref(o).style.chart.bar.stroke,"stroke-width":e.unref(o).style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_right${e.unref(m)})`},null,8,it),e.createElementVNode("path",{d:e.unref(N).left,stroke:e.unref(o).style.chart.bar.stroke,"stroke-width":e.unref(o).style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_left${e.unref(m)})`},null,8,ct),e.createElementVNode("path",{d:e.unref(N).top,stroke:e.unref(o).style.chart.bar.stroke,"stroke-width":e.unref(o).style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_top${e.unref(m)})`},null,8,dt)])),e.unref($)?(e.openBlock(),e.createElementBlock("g",ft,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${e.unref(y)?e.unref(y)===t.id?1:.3:1}`),class:"vue-ui-3d-bar-stack"},[e.createElementVNode("path",{d:t.fill.right,fill:`url(#grad_right_${t.id})`,onMouseenter:l=>_(t),onClick:l=>_(t,!0),onMouseout:C},null,40,ht),e.createElementVNode("path",{d:t.fill.left,fill:`url(#grad_left_${t.id})`,onMouseenter:l=>_(t),onClick:l=>_(t,!0),onMouseout:C},null,40,pt),e.createElementVNode("path",{d:t.fill.top,fill:`url(#grad_top_${t.id})`,onMouseenter:l=>_(t),onClick:l=>_(t,!0),onMouseout:C},null,40,kt),e.createElementVNode("path",{d:t.fill.liningTop,stroke:"#FFFFFF","stroke-width":"0.5","stroke-linecap":"round",fill:"none",onMouseenter:l=>_(t),onClick:l=>_(t,!0),onMouseout:C},null,40,mt),e.createElementVNode("path",{d:`M ${t.fill.apexTop.x},${t.fill.apexTop.y} ${t.fill.apexBottom.x},${t.fill.apexBottom.y}`,stroke:"#FFFFFF","stroke-width":"0.5","stroke-linecap":"round"},null,8,yt)],4))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t,c)=>(e.openBlock(),e.createElementBlock("g",null,[c!==e.unref(v).length-1?(e.openBlock(),e.createElementBlock("path",{key:0,d:t.fill.liningTopShade,stroke:e.unref(o).style.chart.bar.shadeColor,"stroke-width":"0.5","stroke-linecap":"round",fill:"none",style:{"pointer-events":"none"}},null,8,gt)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${e.unref(y)?e.unref(y)===t.id?1:0:t.proportion*100>e.unref(o).style.chart.legend.hideUnderPercentage?1:0}`),onClick:l=>V("selectDatapoint",t)},[e.createElementVNode("path",{stroke:e.unref(o).style.chart.color,"stroke-dasharray":"1","stroke-width":"0.5","stroke-linecap":"round",d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x+20},${t.fill.sidePointer.y}`},null,8,$t),!t.fill.miniDonut||e.unref(y)?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.fill.sidePointer.x+20,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:e.unref(o).style.chart.backgroundColor},null,8,_t)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("foreignObject",{x:t.fill.sidePointer.x+30,y:t.fill.sidePointer.y-e.unref(o).style.chart.legend.fontSize,width:e.unref(n).absoluteWidth/2-12,height:e.unref(o).style.chart.legend.fontSize*2,style:{overflow:"visible",position:"relative"}},[e.unref(o).style.chart.legend.showDefault?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.unref(o).style.chart.legend.fontSize}px; text-align:left; line-height: ${e.unref(o).style.chart.legend.fontSize}px; color:${e.unref(o).style.chart.legend.color}`)},e.toDisplayString(t.name)+": "+e.toDisplayString(e.unref(a.dataLabel)({v:t.proportion*100,s:"%",r:e.unref(o).style.chart.legend.roundingPercentage}))+" ("+e.toDisplayString(e.unref(a.applyDataLabel)(e.unref(o).style.chart.dataLabel.formatter,t.value,e.unref(a.dataLabel)({p:e.unref(o).style.chart.legend.prefix,v:t.value,s:e.unref(o).style.chart.legend.suffix,r:e.unref(o).style.chart.legend.roundingValue}),{datapoint:t,seriesIndex:c}))+") ",5)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"legend",e.mergeProps({ref_for:!0},{datapoint:t,config:e.unref(o),dataset:e.unref(v)}),void 0,!0)],8,Bt)),t.fill.donut&&e.unref(y)===t.id?(e.openBlock(),e.createElementBlock("g",bt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(l,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(a.calcNutArrowPath)(l,{x:l.cx,y:l.cy},0,8,!1,!0,10),stroke:l.color,class:"vue-ui-donut-arc-path","stroke-width":"0.5","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"},null,8,xt)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:l.arcSlice,fill:`${l.color}`,stroke:e.unref(o).style.chart.backgroundColor,"stroke-width":1},null,8,Ct))),256)),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`hollow_gradient_${e.unref(m)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,wt),r[5]||(r[5]=e.createElementVNode("stop",{offset:"77%","stop-color":"#FFFFFF20"},null,-1)),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,Nt)],8,Et)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:l.cx,cy:l.cy,r:28,fill:`url(#hollow_gradient_${e.unref(m)})`},null,8,Vt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:l.cx,cy:l.cy,r:14,fill:e.unref(o).style.chart.backgroundColor},null,8,Ft))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(l,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("g",St,[e.createElementVNode("text",{"text-anchor":e.unref(a.calcMarkerOffsetX)(l,!0,0).anchor,x:e.unref(a.calcMarkerOffsetX)(l,!0,2).x,y:e.unref(a.calcMarkerOffsetY)(l,12,12),fill:e.unref(o).style.chart.legend.color,"font-size":e.unref(o).style.chart.legend.fontSize/1.5},e.toDisplayString(w(l,t.fill.donut))+" ("+e.toDisplayString(e.unref(a.applyDataLabel)(e.unref(o).style.chart.dataLabel.formatter,l.value,e.unref(a.dataLabel)({p:e.unref(o).style.chart.legend.prefix,v:l.value,s:e.unref(o).style.chart.legend.suffix,r:e.unref(o).style.chart.legend.roundingValue}),{datapoint:l,seriesIndex:u}))+") ",9,Mt),e.createElementVNode("text",{"text-anchor":e.unref(a.calcMarkerOffsetX)(l).anchor,x:e.unref(a.calcMarkerOffsetX)(l,!0,2).x,y:e.unref(a.calcMarkerOffsetY)(l,12,12)+e.unref(o).style.chart.legend.fontSize/1.5,fill:e.unref(o).style.chart.legend.color,"font-size":e.unref(o).style.chart.legend.fontSize/1.5},e.toDisplayString(l.name),9,Pt)])):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.fill.miniDonut&&!e.unref(y)?(e.openBlock(),e.createElementBlock("g",Ot,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.miniDonut,(l,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:l.arcSlice,fill:`${l.color}`,stroke:e.unref(o).style.chart.backgroundColor,"stroke-width":.5},null,8,Lt))),256))])):e.createCommentVNode("",!0)],12,vt))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(o).style.shape==="tube"?(e.openBlock(),e.createElementBlock("g",Dt,[e.unref($)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",Tt,[e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).tubeTop,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,zt),e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).tubeLeft,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,jt),e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).tubeRight,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,At),e.createElementVNode("path",{"stroke-dasharray":e.unref(o).style.chart.box.strokeDasharray,d:e.unref(B).tubeBottom,stroke:e.unref(o).style.chart.box.stroke,"stroke-width":e.unref(o).style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,It),e.createElementVNode("path",{d:e.unref(N).tubeTop,stroke:e.unref(o).style.chart.bar.stroke,"stroke-width":e.unref(o).style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_top${e.unref(m)})`},null,8,Wt),e.createElementVNode("path",{d:e.unref(N).tubeBody,stroke:e.unref(o).style.chart.bar.stroke,"stroke-width":e.unref(o).style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_body${e.unref(m)})`},null,8,Gt)])),e.unref($)?(e.openBlock(),e.createElementBlock("g",Ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${e.unref(y)?e.unref(y)===t.id?1:.3:1}`),class:"vue-ui-3d-bar-stack",onClick:l=>V("selectDatapoint",t)},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_tube_top_${t.id}`,fx:"10%",cy:"55%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(a.lightenHexColor)(t.color,.5),80)},null,8,Xt),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(a.darkenHexColor)(t.color,.1),80)},null,8,Zt)],8,qt),e.createElementVNode("linearGradient",{id:`gradient_tube_body_${t.id}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${t.color}`},null,8,Yt),e.createElementVNode("stop",{offset:"10%","stop-color":e.unref(a.setOpacity)(e.unref(a.darkenHexColor)(t.color,.7),100)},null,8,Jt),e.createElementVNode("stop",{offset:"25%","stop-color":e.unref(a.setOpacity)(e.unref(a.darkenHexColor)(t.color,.5),100)},null,8,Kt),e.createElementVNode("stop",{offset:"75%","stop-color":e.unref(a.setOpacity)(t.color,80)},null,8,Qt),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(a.lightenHexColor)(t.color,.7),100)},null,8,eo)],8,Rt)]),e.createElementVNode("path",{onMouseenter:l=>_(t),onClick:l=>_(t,!0),onMouseout:C,d:t.fill.tubeBody,stroke:"#FFFFFF","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_body_${t.id})`},null,40,to),c>0?(e.openBlock(),e.createElementBlock("path",{key:0,onMouseenter:l=>_(t),onClick:l=>_(t,!0),onMouseout:C,d:t.fill.bottomTubeTop,stroke:"#000000","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,40,oo)):e.createCommentVNode("",!0),e.createElementVNode("path",{onMouseenter:l=>_(t),onClick:l=>_(t,!0),onMouseout:C,d:t.fill.tubeTop,stroke:"#FFFFFF","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_top_${t.id})`},null,40,lo)],12,Ut))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${e.unref(y)?e.unref(y)===t.id?1:0:t.proportion*100>e.unref(o).style.chart.legend.hideUnderPercentage?1:0}`),onClick:l=>V("selectDatapoint",t)},[e.createElementVNode("path",{stroke:e.unref(o).style.chart.color,"stroke-dasharray":"1","stroke-width":"0.5","stroke-linecap":"round",d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x+20},${t.fill.sidePointer.y}`},null,8,ro),!t.fill.miniDonut||e.unref(y)?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.fill.sidePointer.x+20,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:e.unref(o).style.chart.backgroundColor},null,8,so)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("foreignObject",{x:t.fill.sidePointer.x+30,y:t.fill.sidePointer.y-e.unref(o).style.chart.legend.fontSize,width:e.unref(n).absoluteWidth/2-12,height:e.unref(o).style.chart.legend.fontSize*2,style:{overflow:"visible",position:"relative"}},[e.unref(o).style.chart.legend.showDefault?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.unref(o).style.chart.legend.fontSize}px; text-align:left; line-height: ${e.unref(o).style.chart.legend.fontSize}px; color:${e.unref(o).style.chart.legend.color}`)},e.toDisplayString(t.name)+": "+e.toDisplayString(e.unref(a.dataLabel)({v:t.proportion*100,s:"%",r:e.unref(o).style.chart.legend.roundingPercentage}))+" ("+e.toDisplayString(e.unref(a.applyDataLabel)(e.unref(o).style.chart.dataLabel.formatter,t.value,e.unref(a.dataLabel)({p:e.unref(o).style.chart.legend.prefix,v:t.value,s:e.unref(o).style.chart.legend.suffix,r:e.unref(o).style.chart.legend.roundingValue}),{datapoint:t,seriesIndex:c}))+") ",5)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"legend",e.mergeProps({ref_for:!0},{datapoint:t,config:e.unref(o),dataset:e.unref(v)}),void 0,!0)],8,ao)),t.fill.donut&&e.unref(y)===t.id?(e.openBlock(),e.createElementBlock("g",uo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(l,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(a.calcNutArrowPath)(l,{x:l.cx,y:l.cy},0,8,!1,!0,10),stroke:l.color,class:"vue-ui-donut-arc-path","stroke-width":"0.5","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"},null,8,io)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:l.arcSlice,fill:`${l.color}`,stroke:e.unref(o).style.chart.backgroundColor,"stroke-width":1},null,8,co))),256)),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`hollow_gradient_${e.unref(m)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,ho),r[6]||(r[6]=e.createElementVNode("stop",{offset:"77%","stop-color":"#FFFFFF20"},null,-1)),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(e.unref(o).style.chart.backgroundColor,0)},null,8,po)],8,fo)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:l.cx,cy:l.cy,r:28,fill:`url(#hollow_gradient_${e.unref(m)})`},null,8,ko))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:l.cx,cy:l.cy,r:14,fill:e.unref(o).style.chart.backgroundColor},null,8,mo))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(l,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("g",yo,[e.createElementVNode("text",{"text-anchor":e.unref(a.calcMarkerOffsetX)(l,!0,0).anchor,x:e.unref(a.calcMarkerOffsetX)(l,!0,2).x,y:e.unref(a.calcMarkerOffsetY)(l,12,12),fill:e.unref(o).style.chart.legend.color,"font-size":e.unref(o).style.chart.legend.fontSize/1.5},e.toDisplayString(w(l,t.fill.donut))+" ("+e.toDisplayString(e.unref(a.applyDataLabel)(e.unref(o).style.chart.dataLabel.formatter,l.value,e.unref(a.dataLabel)({p:e.unref(o).style.chart.legend.prefix,v:l.value,s:e.unref(o).style.chart.legend.suffix,r:e.unref(o).style.chart.legend.roundingValue}),{datapoint:l,seriesIndex:u}))+") ",9,go),e.createElementVNode("text",{"text-anchor":e.unref(a.calcMarkerOffsetX)(l).anchor,x:e.unref(a.calcMarkerOffsetX)(l,!0,2).x,y:e.unref(a.calcMarkerOffsetY)(l,12,12)+e.unref(o).style.chart.legend.fontSize/1.5,fill:e.unref(o).style.chart.legend.color,"font-size":e.unref(o).style.chart.legend.fontSize/1.5},e.toDisplayString(l.name),9,vo)])):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.fill.miniDonut&&!e.unref(y)?(e.openBlock(),e.createElementBlock("g",$o,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.miniDonut,(l,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:l.arcSlice,fill:`${l.color}`,stroke:e.unref(o).style.chart.backgroundColor,"stroke-width":.5},null,8,_o))),256))])):e.createCommentVNode("",!0)],12,no))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"svg",{svg:e.unref(n)},void 0,!0)],14,Ee)):e.createCommentVNode("",!0),s.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Bo,[e.renderSlot(s.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(H)||e.unref(U)})),void 0,!0)])):e.createCommentVNode("",!0),e.unref(F)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ye.default,{key:5,config:{type:"bar3d",style:{backgroundColor:e.unref(o).style.chart.backgroundColor,bar3d:{color:"#CCCCCC"}}}},null,8,["config"])),s.$slots.source?(e.openBlock(),e.createElementBlock("div",bo,[e.renderSlot(s.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.unref(F)&&e.unref($)?(e.openBlock(),e.createBlock(ve.default,{key:7,hideDetails:"",config:{open:e.unref(S).showTable,maxHeight:1e4,body:{backgroundColor:e.unref(o).style.chart.backgroundColor,color:e.unref(o).style.chart.color},head:{backgroundColor:e.unref(o).style.chart.backgroundColor,color:e.unref(o).style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(ge.DataTable,{key:`table_${e.unref(A)}`,colNames:e.unref(M).colNames,head:e.unref(M).head,body:e.unref(M).body,config:e.unref(M).config,title:`${e.unref(o).style.chart.title.text}${e.unref(o).style.chart.title.subtitle.text?` : ${e.unref(o).style.chart.title.subtitle.text}`:""}`,onClose:r[1]||(r[1]=t=>e.unref(S).showTable=!1)},{th:e.withCtx(({th:t})=>[e.createElementVNode("div",{innerHTML:t,style:{display:"flex","align-items":"center"}},null,8,xo)]),td:e.withCtx(({td:t})=>[e.createTextVNode(e.toDisplayString(t.name||t),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],44,xe))}},Eo=be._export_sfc(Co,[["__scopeId","data-v-baddc836"]]);exports.default=Eo;