vue-data-ui-hq
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
6 lines • 50 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-ZfICPrrM.cjs"),Z=require("./usePrinter-B-gh2f22.cjs"),ge=require("./vue-ui-skeleton-Bvmpr51u.cjs"),ke=require("./BaseIcon-DO69J5Rk.cjs"),ve=require("./vue-ui-accordion-Dp6uTsJi.cjs"),ee=require("./useNestedProp-C14rfl0j.cjs"),_e=require("./PackageVersion-D3dK8oA3.cjs"),xe=require("./PenAndPaper-PL3bp4ud.cjs"),Be=require("./useUserOptionState-BgepsfED.cjs"),Ee=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ne=["id"],Se={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},Ce=["xmlns","viewBox"],we=["width","height"],ze={key:1},Ve=["fill","font-weight","font-size","x","y"],$e=["fill","font-weight","font-size","x","y"],Te=["id"],Fe=["stop-color"],Le=["stop-color"],De=["id"],Oe=["stop-color"],Pe=["stop-color"],Me=["id"],Ie=["stop-color"],Re=["stop-color"],Xe=["stop-color"],Ae=["id"],je=["stop-color"],Ge=["stop-color"],Ue=["stop-color"],qe=["id"],Ye=["stop-color"],He=["stop-color"],We=["stop-color"],Ke={key:2},Je=["x","y","font-size","font-weight","fill"],Qe=["x","y","font-size","font-weight","fill"],Ze=["d","stroke"],et=["cx","cy","r","fill"],tt=["cx","cy","r","fill","stroke","stroke-width","onClick"],lt={key:3},ot=["x","y","font-size","fill","onClick"],nt={key:0},at=["x","y","fill","font-size","font-weight"],rt=["x","y","height","width","fill","rx","onClick"],st=["x","y","height","width","fill","rx","stroke","stroke-width","onClick"],ut={key:4},ct=["x","y","fill","font-size","onClick"],it=["d","stroke"],dt=["fill","cx","cy","r","onClick"],ft={key:5},yt=["x","y","font-size","font-weight","fill"],ht=["x1","x2","y1","y2","stroke","stroke-width"],pt=["y","height","width"],mt={style:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"}},bt={style:{display:"flex","align-items":"center","justify-content":"center",gap:"12px","flex-wrap":"wrap","flex-direction":"row"}},gt={viewBox:"0 0 20 20",height:"16",width:"16"},kt=["fill"],vt={key:7},_t=["y","height","width"],xt={style:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"}},Bt={style:{display:"flex","align-items":"center","justify-content":"center",gap:"12px","flex-wrap":"wrap","flex-direction":"row"}},Et={viewBox:"0 0 20 20",height:"16",width:"16"},Nt=["fill"],St=["cx","cy","fill"],Ct=["d","stroke"],wt=["cx","cy","fill"],zt=["d","stroke"],Vt=["cx","cy","fill"],$t=["cx","cy","fill"],Tt=["x","y","fill","font-size","font-weight"],Ft=["x","y","fill","font-size","font-weight"],Lt=["x","text-anchor","y","fill","font-size"],Dt=["x","text-anchor","y","fill","font-size"],Ot=["x","text-anchor","y","fill","font-size"],Pt=["x","text-anchor","y","fill","font-size"],Mt=["x","text-anchor","y","fill","font-size"],It=["x","y","font-size","fill"],Rt=["x","y","font-size","fill"],Xt=["x","y","font-size","fill"],At={key:4,class:"vue-data-ui-watermark"},jt={key:6,ref:"source",dir:"auto"},Gt={style:{"padding-top":"36px",position:"relative"}},Ut={class:"vue-ui-data-table"},qt={key:0},Yt=["data-cell"],Ht={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Wt={key:0},Kt={key:1},Jt=["data-cell"],Qt={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Zt={key:0},el={key:1},tl=["data-cell"],ll={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},ol={key:0},nl={key:1},al=["data-cell"],rl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},sl={key:0},ul={key:1},cl=["data-cell"],il={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},dl={key:0},fl={key:1},yl=["data-cell"],hl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},pl={key:0},ml={key:1},bl=["data-cell"],gl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},kl={key:0},vl={key:1},_l=["data-cell"],xl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Bl=["data-cell"],El={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Nl=["data-cell"],Sl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Cl=["data-cell"],wl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},zl=["data-cell"],Vl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},$l={__name:"vue-ui-chestnut",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectRoot","selectBranch","selectNut"],setup(te,{expose:le,emit:oe}){e.useCssVars(o=>({"19c36e36":o.tdo}));const{vue_ui_chestnut:ne}=n.useConfig(),v=te,w=e.computed(()=>!!v.dataset&&v.dataset.length),h=e.ref(n.createUid()),T=e.ref(null),ae=e.ref(null),I=e.ref(0),t=e.computed({get:()=>A(),set:o=>o}),{userOptionsVisible:F,setUserOptionsVisibility:R,keepUserOptionState:X}=Be.useUserOptionState({config:t.value});function A(){const o=ee.useNestedProp({userConfig:v.config,defaultConfig:ne});return o.theme?{...ee.useNestedProp({userConfig:n.themes.vue_ui_chestnut[o.theme]||v.config,defaultConfig:o}),customPalette:n.themePalettes[o.theme]||n.palette}:o}e.watch(()=>v.config,o=>{t.value=A(),F.value=!t.value.showOnChartHover,K()},{deep:!0});const{isPrinting:j,isImaging:G,generatePdf:U,generateImage:q}=Z.usePrinter({elementId:`vue-ui-chestnut_${h.value}`,fileName:t.value.style.chart.layout.title.text||"vue-ui-chestnut"}),re=e.computed(()=>t.value.userOptions.show),L=e.computed(()=>n.convertCustomPalette(t.value.customPalette)),z=e.ref({showTable:t.value.table.show}),D=e.ref(null),Y=e.ref(!1),se=e.computed(()=>t.value.table.responsiveBreakpoint),r=e.ref({gap:6,padding:{top:102,left:12,right:12,bottom:96},width:1024,height:0,branchSize:32,branchStart:128}),m=e.computed(()=>({left:r.value.padding.left,top:r.value.padding.top,right:r.value.width-r.value.padding.right,bottom:r.value.height-r.value.padding.bottom,width:r.value.width-(r.value.padding.left+r.value.padding.right),height:r.value.height-(r.value.padding.top+r.value.padding.bottom),seedX:r.value.padding.left+64})),_=e.computed(()=>w.value?v.dataset.flatMap(o=>(o.branches||[]).map(s=>s.value||0)).reduce((o,s)=>o+s,0):0),b=e.computed(()=>(v.dataset.forEach((o,s)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name","branches"]}).forEach(l=>{n.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:l,index:s})}),o.branches&&o.branches.forEach((l,a)=>{n.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","value"]}).forEach(d=>{n.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:d,index:`${s} - ${a}`})}),l.breakdown&&l.breakdown.forEach((d,i)=>{n.getMissingDatasetAttributes({datasetObject:d,requiredAttributes:["name","value"]}).forEach(f=>{n.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:f,index:`${s} - ${a} - ${i}`})})})})}),v.dataset.map((o,s)=>{const l=(o.branches||[]).map(a=>a.value||0).reduce((a,d)=>a+d,0);return{...o,color:n.convertColorToHex(o.color)||L.value[s]||n.palette[s]||n.palette[s%n.palette.length],id:o.id||`root_${s}_${h.value}`,type:"root",total:l,rootIndex:s,branches:(o.branches||[]).map((a,d)=>({...a,rootName:o.name,rootIndex:s,color:n.convertColorToHex(o.color)||L.value[s]||n.palette[s]||n.palette[s%n.palette.length],value:a.value>=0?a.value:0,id:a.id||`branch_${s}_${d}_${h.value}`,proportionToRoot:a.value/l,type:"branch",breakdown:(a.breakdown||[]).map((i,f)=>({table:{rootName:o.name,rootValue:l,rootToTotal:l/_.value,branchName:a.name,branchValue:a.value,branchToTotal:a.value/_.value,branchToRoot:a.value/l,nutName:i.name,nutValue:i.value,nutToTotal:i.value/_.value,nutToRoot:i.value/l,nutToBranch:i.value/a.value},...i,type:"nut",branchName:a.name,rootName:o.name,branchTotal:a.value>=0?a.value:0,proportionToBranch:i.value/a.value,proportionToRoot:i.value/l,proportionToTree:i.value/_.value,rootIndex:s,id:i.id||`nut_${s}_${d}_${f}_${h.value}`,color:n.convertColorToHex(i.color)||L.value[f]||n.palette[f]||n.palette[f%n.palette.length],value:i.value>=0?i.value:0}))}))}})));function ue(){return b.value}const S=oe,ce=e.computed(()=>b.value.flatMap(o=>o.branches).length),ie=e.computed(()=>Math.max(...b.value.map(o=>o.branches.map(s=>s.value).reduce((s,l)=>s+l,0)))),de=e.computed(()=>Math.max(...b.value.flatMap(o=>o.branches.map(s=>s.value)))),H=e.computed(()=>256+r.value.padding.left),B=e.computed(()=>b.value.sort((o,s)=>s.total-o.total).map((o,s)=>{const l=m.value.height/b.value.length/2,a=o.total/ie.value*(l>64?64:l);return{...o,x:m.value.seedX,y:m.value.top+m.value.height/b.value.length*(s+1)-(m.value.height/b.value.length/2+r.value.gap/2),r:a<r.value.branchSize/2?r.value.branchSize/2:a}})),fe=e.computed(()=>t.value.style.chart.layout.branches.widthRatio<=0?.1:t.value.style.chart.layout.branches.widthRatio>1.8?1.8:t.value.style.chart.layout.branches.widthRatio),ye=e.computed(()=>B.value.flatMap(o=>o.branches)),E=e.computed(()=>ye.value.sort((o,s)=>s.value-o.value).map((o,s)=>({...o,y1:s*r.value.branchSize+m.value.top+s*r.value.gap,y2:s*r.value.branchSize+r.value.branchSize,x1:H.value,x2:384*o.value/de.value*fe.value+H.value})));function O(o){const s=B.value.find(l=>l.rootIndex===o.rootIndex);return{x:s.x,y:s.y,r:s.r}}const u=e.ref(null),x=e.ref(null),y=e.ref(null),g=e.ref(null);function p(){u.value=null,y.value=null,g.value=null}function k(o){return g.value?g.value===null?!0:o.type==="root"?o.id===g.value.id:o.rootIndex===g.value.rootIndex:u.value===null&&y.value===null?!0:o.type==="nut"?u.value.id===o.id:o.type==="branch"?y.value.id===o.id:o.type==="root"?y.value&&y.value.rootIndex===o.rootIndex||u.value&&u.value.rootIndex===o.rootIndex:!1}function he(o){p(),e.nextTick(()=>{u.value=o,y.value=o,x.value=n.makeDonut({series:o.breakdown,base:1},o.x2+24+t.value.style.chart.layout.nuts.offsetX,o.y1+r.value.branchSize/2,80,80),S("selectNut",o.breakdown)})}function N(){u.value=null,x.value=null,S("selectNut",null)}function P(o){y.value&&y.value.id===o.id?(y.value=null,p(),S("selectBranch",null)):(p(),y.value=o,S("selectBranch",o))}function W(o){g.value&&g.value.id===o.id?(p(),S("selectRoot",null)):(p(),g.value=o,S("selectRoot",o))}function pe(){return m.value.bottom-(u.value.y1+180)<0?0:m.value.bottom}function C(o){return o.proportion*100>t.value.style.chart.layout.nuts.selected.labels.dataLabels.hideUnderValue}function me(){const o=new ResizeObserver(s=>{s.forEach(l=>{Y.value=l.contentRect.width<se.value})});D.value&&o.observe(D.value)}e.onMounted(()=>{K()});function K(){n.objectIsEmpty(v.dataset)&&n.error({componentName:"VueUiChestnut",type:"dataset"});const o=ce.value*(r.value.branchSize+r.value.gap)+r.value.padding.top+r.value.padding.bottom;r.value.height=o,me()}const c=e.computed(()=>{const o=[t.value.table.th.translations.rootName,t.value.table.th.translations.rootValue,t.value.table.th.translations.rootToTotal,t.value.table.th.translations.branchName,t.value.table.th.translations.branchValue,t.value.table.th.translations.branchToRoot,t.value.table.th.translations.branchToTotal,t.value.table.th.translations.nutName,t.value.table.th.translations.nutValue,t.value.table.th.translations.nutToBranch,t.value.table.th.translations.nutToRoot,t.value.table.th.translations.nutToTotal],s=b.value.flatMap((l,a)=>l.branches.flatMap((d,i)=>d.breakdown.flatMap((f,Fl)=>f.table)));return{head:o,body:s}});function J(){e.nextTick(()=>{const o=[[t.value.style.chart.layout.title.text],[t.value.style.chart.layout.title.subtitle.text],[""],["Grand total",_.value],[""]],s=c.value.head,l=c.value.body.map((i,f)=>[c.value.body[f-1]&&c.value.body[f-1].rootName===i.rootName?"":i.rootName,c.value.body[f-1]&&c.value.body[f-1].rootName===i.rootName?"":i.rootValue,c.value.body[f-1]&&c.value.body[f-1].rootName===i.rootName?"":i.rootToTotal,c.value.body[f-1]&&c.value.body[f-1].branchName===i.branchName?"":i.branchName,c.value.body[f-1]&&c.value.body[f-1].branchName===i.branchName?"":i.branchValue,c.value.body[f-1]&&c.value.body[f-1].branchName===i.branchName?"":i.branchToRoot,c.value.body[f-1]&&c.value.body[f-1].branchName===i.branchName?"":i.branchToTotal,i.nutName,i.nutValue,i.nutToBranch,i.nutToRoot,i.nutToTotal]),a=o.concat([s]).concat(l),d=n.createCsvContent(a);n.downloadCsv({csvContent:d,title:t.value.style.chart.layout.title.text||"vue-ui-chestnut"})})}const V=e.ref(!1);function be(o){V.value=o,I.value+=1}function Q(){z.value.showTable=!z.value.showTable}const $=e.ref(!1);function M(){$.value=!$.value}return le({getData:ue,generatePdf:U,generateCsv:J,generateImage:q,toggleTable:Q,toggleAnnotator:M}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-chestnut ${e.unref(V)?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"chestnutChart",ref:T,id:`vue-ui-chestnut_${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:s[2]||(s[2]=()=>e.unref(R)(!0)),onMouseleave:s[3]||(s[3]=()=>e.unref(R)(!1))},[e.unref(t).userOptions.buttons.annotator?(e.openBlock(),e.createBlock(xe.PenAndPaper,{key:0,parent:e.unref(T),backgroundColor:e.unref(t).style.chart.backgroundColor,color:e.unref(t).style.chart.color,active:e.unref($),onClose:M},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),e.unref(re)?(e.openBlock(),e.createElementBlock("div",Se,null,512)):e.createCommentVNode("",!0),e.unref(t).userOptions.show&&e.unref(w)&&(e.unref(X)||e.unref(F))?(e.openBlock(),e.createBlock(Z.UserOptions,{ref_key:"details",ref:ae,key:`user_options_${e.unref(I)}`,backgroundColor:e.unref(t).style.chart.backgroundColor,color:e.unref(t).style.chart.color,isImaging:e.unref(G),isPrinting:e.unref(j),uid:e.unref(h),hasPdf:e.unref(t).userOptions.buttons.pdf,hasImg:e.unref(t).userOptions.buttons.img,hasXls:e.unref(t).userOptions.buttons.csv,hasTable:e.unref(t).userOptions.buttons.table,hasFullscreen:e.unref(t).userOptions.buttons.fullscreen,isFullscreen:e.unref(V),titles:{...e.unref(t).userOptions.buttonTitles},chartElement:e.unref(T),position:e.unref(t).userOptions.position,hasAnnotator:e.unref(t).userOptions.buttons.annotator,isAnnotation:e.unref($),onToggleFullscreen:be,onGeneratePdf:e.unref(U),onGenerateCsv:J,onGenerateImage:e.unref(q),onToggleTable:Q,onToggleAnnotator:M,style:e.normalizeStyle({visibility:e.unref(X)?e.unref(F)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:a})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:a})),void 0,!0)]),key:"4"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:a})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:a})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),e.unref(r).height>0&&e.unref(w)?(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(n.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":e.unref(V),"vue-data-ui-fulscreen--off":!e.unref(V)}),viewBox:`0 0 ${e.unref(r).width<=0?10:e.unref(r).width} ${e.unref(r).height<=0?10:e.unref(r).height}`,style:e.normalizeStyle(`overflow:visible;background:transparent;color:${e.unref(t).style.chart.color}`)},[e.createVNode(_e._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:e.unref(r).width<=0?10:e.unref(r).width,height:e.unref(r).height<=0?10:e.unref(r).height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,we)):e.createCommentVNode("",!0),e.unref(u)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",ze,[e.unref(t).style.chart.layout.title.text?(e.openBlock(),e.createElementBlock("text",{key:0,"text-anchor":"middle",fill:e.unref(t).style.chart.layout.title.color,"font-weight":e.unref(t).style.chart.layout.title.bold?"bold":"normal","font-size":e.unref(t).style.chart.layout.title.fontSize,x:e.unref(r).width/2,y:12+e.unref(t).style.chart.layout.title.fontSize+e.unref(t).style.chart.layout.title.offsetY,onClick:p},e.toDisplayString(e.unref(t).style.chart.layout.title.text),9,Ve)):e.createCommentVNode("",!0),e.unref(t).style.chart.layout.title.subtitle.text?(e.openBlock(),e.createElementBlock("text",{key:1,"text-anchor":"middle",fill:e.unref(t).style.chart.layout.title.subtitle.color,"font-weight":e.unref(t).style.chart.layout.title.subtitle.bold?"bold":"normal","font-size":e.unref(t).style.chart.layout.title.subtitle.fontSize,x:e.unref(r).width/2,y:48+e.unref(t).style.chart.layout.title.subtitle.fontSize+e.unref(t).style.chart.layout.title.subtitle.offsetY,onClick:p},e.toDisplayString(e.unref(t).style.chart.layout.title.subtitle.text),9,$e)):e.createCommentVNode("",!0)])),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),(l,a)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`root_gradient_${e.unref(h)}_${l.rootIndex}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(n.setOpacity)(e.unref(n.shiftHue)(l.color,.05),100-e.unref(t).style.chart.layout.roots.gradientIntensity)},null,8,Fe),e.createElementVNode("stop",{offset:"100%","stop-color":l.color},null,8,Le)],8,Te))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),l=>(e.openBlock(),e.createElementBlock("linearGradient",{x1:"0%",y1:"0%",x2:"100%",y2:"0%",id:`branch_gradient_${e.unref(h)}_${l.rootIndex}`},[e.createElementVNode("stop",{offset:"0%","stop-color":l.color},null,8,Oe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(n.setOpacity)(e.unref(n.shiftHue)(l.color,.02),100-e.unref(t).style.chart.layout.branches.gradientIntensity)},null,8,Pe)],8,De))),256)),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nutpick_${e.unref(h)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(n.setOpacity)("#FFFFFF",0)},null,8,Ie),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(n.setOpacity)("#FFFFFF",e.unref(t).style.chart.layout.nuts.selected.gradientIntensity)},null,8,Re),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(n.setOpacity)("#FFFFFF",0)},null,8,Xe)],8,Me),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nut_${e.unref(h)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(n.setOpacity)("#FFFFFF",0)},null,8,je),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(n.setOpacity)("#FFFFFF",e.unref(t).style.chart.layout.nuts.gradientIntensity)},null,8,Ge),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(n.setOpacity)("#FFFFFF",0)},null,8,Ue)],8,Ae),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nut_underlayer_${e.unref(h)}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(n.setOpacity)(e.unref(t).style.chart.backgroundColor,100)},null,8,Ye),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(n.setOpacity)(e.unref(t).style.chart.backgroundColor,60)},null,8,He),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(n.setOpacity)(e.unref(t).style.chart.backgroundColor,0)},null,8,We)],8,qe)]),e.unref(t).style.chart.layout.grandTotal.show?(e.openBlock(),e.createElementBlock("g",Ke,[e.createElementVNode("text",{x:e.unref(m).seedX,y:32+e.unref(t).style.chart.layout.grandTotal.offsetY,"font-size":e.unref(t).style.chart.layout.grandTotal.fontSize,"font-weight":e.unref(t).style.chart.layout.grandTotal.bold?"bold":"normal",fill:e.unref(t).style.chart.layout.grandTotal.color,"text-anchor":"middle",onClick:p},e.toDisplayString(e.unref(t).style.chart.layout.grandTotal.text),9,Je),e.createElementVNode("text",{x:e.unref(m).seedX,y:38+e.unref(t).style.chart.layout.grandTotal.fontSize+e.unref(t).style.chart.layout.grandTotal.offsetY,"font-size":e.unref(t).style.chart.layout.grandTotal.fontSize,"font-weight":e.unref(t).style.chart.layout.grandTotal.bold?"bold":"normal",fill:e.unref(t).style.chart.layout.grandTotal.color,"text-anchor":"middle",onClick:p},e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.grandTotal.formatter,e.unref(_),e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.grandTotal.prefix,v:e.unref(_),s:e.unref(t).style.chart.layout.grandTotal.suffix,r:e.unref(t).style.chart.layout.grandTotal.roundingValue}))),9,Qe)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),l=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r).branchSize,(a,d)=>(e.openBlock(),e.createElementBlock("path",{d:`M
${l.x1},${l.y1+d}
C${l.x1-20},${l.y1+d}
${l.x1-80},${l.y1+d}
${O(l).x+O(l).r/2}, ${O(l).y}
`,stroke:e.unref(n.setOpacity)(l.color,e.unref(t).style.chart.layout.links.opacity),fill:"none","stroke-width":"2","shape-rendering":"cirspEdges",style:e.normalizeStyle(`opacity:${k(l)?1:0}`),onClick:p},null,12,Ze))),256))]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(B),l=>(e.openBlock(),e.createElementBlock("circle",{cx:l.x,cy:l.y,r:l.r,fill:e.unref(t).style.chart.layout.roots.underlayerColor,stroke:"none",style:e.normalizeStyle(`cursor:pointer; opacity:${k(l)?1:.05}`)},null,12,et))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(B),(l,a)=>(e.openBlock(),e.createElementBlock("circle",{cx:l.x,cy:l.y,r:l.r,fill:e.unref(t).style.chart.layout.roots.useGradient?`url(#root_gradient_${e.unref(h)}_${l.rootIndex})`:l.color,stroke:e.unref(t).style.chart.layout.roots.stroke,"stroke-width":e.unref(t).style.chart.layout.roots.strokeWidth,style:e.normalizeStyle(`cursor:pointer; opacity:${k(l)?1:.05}`),onClick:d=>W(l)},null,12,tt))),256)),e.unref(t).style.chart.layout.roots.labels.show?(e.openBlock(),e.createElementBlock("g",lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(B),(l,a)=>(e.openBlock(),e.createElementBlock("text",{x:l.x,y:l.y+e.unref(t).style.chart.layout.roots.labels.fontSize/2.6,"text-anchor":"middle","font-size":e.unref(t).style.chart.layout.roots.labels.fontSize,fill:e.unref(t).style.chart.layout.roots.labels.adaptColorToBackground?e.unref(n.adaptColorToBackground)(l.color):e.unref(t).style.chart.layout.roots.labels.color,"font-weight":"bold",style:e.normalizeStyle(`cursor:pointer; opacity:${k(l)?1:.05}`),onClick:d=>W(l)},e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.roots.labels.formatter,l.total,e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.roots.labels.prefix,v:l.total,s:e.unref(t).style.chart.layout.roots.labels.suffix,r:e.unref(t).style.chart.layout.roots.labels.roundingValue}),{datapoint:l})),13,ot))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(B),l=>(e.openBlock(),e.createElementBlock("g",null,[e.unref(u)&&l.rootIndex===e.unref(u).rootIndex||e.unref(y)&&l.rootIndex===e.unref(y).rootIndex||e.unref(g)&&l.rootIndex===e.unref(g).rootIndex?(e.openBlock(),e.createElementBlock("g",nt,[e.createElementVNode("text",{x:l.x,y:l.y+l.r+24,"text-anchor":"middle",fill:e.unref(t).style.chart.layout.roots.labels.name.color,"font-size":e.unref(t).style.chart.layout.roots.labels.name.fontSize,"font-weight":e.unref(t).style.chart.layout.roots.labels.name.bold?"bold":"normal",onClick:p},e.toDisplayString(l.name),9,at)])):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),l=>(e.openBlock(),e.createElementBlock("rect",{x:l.x1,y:l.y1,height:e.unref(r).branchSize,width:l.x2-l.x1,fill:e.unref(t).style.chart.layout.branches.underlayerColor,rx:e.unref(t).style.chart.layout.branches.borderRadius,stroke:"none",style:e.normalizeStyle(`opacity:${k(l)?1:.05}`),onClick:a=>P(l)},null,12,rt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),(l,a)=>(e.openBlock(),e.createElementBlock("rect",{x:l.x1,y:l.y1,height:e.unref(r).branchSize,width:l.x2-l.x1,fill:e.unref(t).style.chart.layout.branches.useGradient?`url(#branch_gradient_${e.unref(h)}_${l.rootIndex})`:l.color,rx:e.unref(t).style.chart.layout.branches.borderRadius,stroke:e.unref(t).style.chart.layout.branches.stroke,"stroke-width":e.unref(t).style.chart.layout.branches.strokeWidth,style:e.normalizeStyle(`cursor:pointer; opacity:${k(l)?1:.05}`),onClick:d=>P(l)},null,12,st))),256)),e.unref(t).style.chart.layout.branches.labels.dataLabels.show?(e.openBlock(),e.createElementBlock("g",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),l=>(e.openBlock(),e.createElementBlock("g",null,[l.proportionToRoot*100>e.unref(t).style.chart.layout.branches.labels.dataLabels.hideUnderValue?(e.openBlock(),e.createElementBlock("text",{key:0,x:l.x1+6,y:l.y1+e.unref(r).branchSize/1.5,"text-anchor":"start",fill:e.unref(n.adaptColorToBackground)(l.color),"font-size":e.unref(t).style.chart.layout.branches.labels.dataLabels.fontSize,"font-weight":"bold",style:e.normalizeStyle(`cursor:pointer; opacity:${k(l)?1:.05}`),onClick:a=>P(l)},e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.branches.labels.dataLabels.formatter,l.value,e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.branches.labels.dataLabels.prefix,v:l.value,s:e.unref(t).style.chart.layout.branches.labels.dataLabels.suffix,r:e.unref(t).style.chart.layout.branches.labels.dataLabels.roundingValue}),{datapoint:l})),13,ct)):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),(l,a)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n.makeDonut)({series:l.breakdown,base:1},l.x2+24+e.unref(t).style.chart.layout.nuts.offsetX,l.y1+e.unref(r).branchSize/2,e.unref(r).branchSize/3,e.unref(r).branchSize/3),(d,i)=>(e.openBlock(),e.createElementBlock("path",{d:d.path,stroke:d.color,"stroke-width":10,fill:"none",style:e.normalizeStyle(`opacity:${k(l)?1:.1}`)},null,12,it))),256)),e.createElementVNode("circle",{fill:e.unref(t).style.chart.layout.nuts.useGradient?`url(#nut_${e.unref(h)})`:"transparent",cx:l.x2+24+e.unref(t).style.chart.layout.nuts.offsetX,cy:l.y1+e.unref(r).branchSize/2,r:e.unref(r).branchSize/2+2,onClick:d=>he(l),style:e.normalizeStyle(`cursor:pointer;opacity:${k(l)?1:.1}`)},null,12,dt)]))),256)),e.unref(t).style.chart.layout.branches.labels.show&&!e.unref(y)?(e.openBlock(),e.createElementBlock("g",ft,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),l=>(e.openBlock(),e.createElementBlock("text",{x:l.x2+e.unref(r).branchSize+24+e.unref(t).style.chart.layout.nuts.offsetX,y:l.y1+e.unref(r).branchSize/2+5,"font-size":e.unref(t).style.chart.layout.branches.labels.fontSize,"font-weight":e.unref(t).style.chart.layout.branches.labels.bold?"bold":"normal",fill:e.unref(t).style.chart.layout.branches.labels.color,"text-anchor":"start",style:e.normalizeStyle(`opacity:${k(l)?1:.1}`)},e.toDisplayString(l.name),13,yt))),256))])):e.createCommentVNode("",!0),e.createElementVNode("line",{x1:256+e.unref(r).padding.left,x2:256+e.unref(r).padding.left,y1:e.unref(m).top,y2:e.unref(m).bottom,stroke:e.unref(t).style.chart.layout.verticalSeparator.stroke,"stroke-width":e.unref(t).style.chart.layout.verticalSeparator.strokeWidth},null,8,ht),!e.unref(u)&&!e.unref(y)?(e.openBlock(),e.createElementBlock("foreignObject",{key:6,x:0,y:e.unref(m).bottom,height:e.unref(r).height-e.unref(m).bottom,width:e.unref(r).width,style:{overflow:"visible"},onClick:p},[e.createElementVNode("div",mt,[e.createElementVNode("div",bt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(B),l=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`display:flex;align-items:center;gap:3px;flex-direction:row;font-size:${e.unref(t).style.chart.layout.legend.fontSize}px;`)},[(e.openBlock(),e.createElementBlock("svg",gt,[e.createElementVNode("circle",{cx:"10",cy:"10",r:"10",fill:l.color,stroke:"none"},null,8,kt)])),e.createElementVNode("span",null,e.toDisplayString(l.name)+":",1),e.createElementVNode("b",null,e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.roots.labels.formatter,l.total,e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.legend.prefix,v:l.total,s:e.unref(t).style.chart.layout.legend.suffix,r:e.unref(t).style.chart.layout.legend.roundingValue}),{datapoint:l})),1),e.createTextVNode(" ("+e.toDisplayString(e.unref(n.dataLabel)({v:l.total/e.unref(_)*100,s:"%",r:e.unref(t).style.chart.layout.legend.roundingPercentage}))+") ",1)],4))),256))])])],8,pt)):e.createCommentVNode("",!0),e.unref(u)&&e.unref(x)?(e.openBlock(),e.createElementBlock("g",vt,[(e.openBlock(),e.createElementBlock("foreignObject",{x:0,y:pe(),height:e.unref(r).height-e.unref(m).bottom,width:e.unref(r).width,style:{overflow:"visible"},onClick:p},[e.createElementVNode("div",xt,[e.createElementVNode("b",null,e.toDisplayString(e.unref(u).name),1),e.createElementVNode("div",Bt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u).breakdown,(l,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`display:flex;align-items:center;gap:6px;flex-direction:row;font-size:${e.unref(t).style.chart.layout.legend.fontSize}px;`)},[(e.openBlock(),e.createElementBlock("svg",Et,[e.createElementVNode("circle",{cx:"10",cy:"10",r:"10",fill:l.color,stroke:"none"},null,8,Nt)])),e.createElementVNode("span",null,[e.createTextVNode(e.toDisplayString(l.name)+": ",1),e.createElementVNode("b",null,e.toDisplayString(e.unref(t).style.chart.layout.legend.prefix)+" "+e.toDisplayString(l.value.toFixed(e.unref(t).style.chart.layout.nuts.selected.labels.roundingValue))+" "+e.toDisplayString(e.unref(t).style.chart.layout.legend.suffix),1),e.createTextVNode(" ("+e.toDisplayString((l.proportionToBranch*100).toFixed(e.unref(t).style.chart.layout.nuts.selected.labels.roundingPercentage))+"%)",1)])],4))),256))])])],8,_t)),e.createElementVNode("circle",{cx:e.unref(u).x2+24+e.unref(t).style.chart.layout.nuts.offsetX,cy:e.unref(u).y1+e.unref(r).branchSize/2,r:256,fill:`url(#nut_underlayer_${e.unref(h)})`,onClick:N,class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},null,10,St),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),l=>(e.openBlock(),e.createElementBlock("g",null,[C(l)?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(n.calcNutArrowPath)(l,{x:e.unref(u).x2+24+e.unref(t).style.chart.layout.nuts.offsetX,y:e.unref(u).y1+e.unref(r).branchSize/2},16,16,!1,!1,64),stroke:l.color,"stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",fill:"none",class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},null,10,Ct)):e.createCommentVNode("",!0)]))),256)),e.createElementVNode("circle",{cx:e.unref(u).x2+24+e.unref(t).style.chart.layout.nuts.offsetX,cy:e.unref(u).y1+e.unref(r).branchSize/2,r:118,fill:e.unref(t).style.chart.backgroundColor,onClick:N,class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},null,10,wt),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),l=>(e.openBlock(),e.createElementBlock("path",{d:l.path,stroke:l.color,"stroke-width":64,fill:"none",onClick:N,class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},null,10,zt))),256)),e.createElementVNode("circle",{cx:e.unref(u).x2+24+e.unref(t).style.chart.layout.nuts.offsetX,cy:e.unref(u).y1+e.unref(r).branchSize/2,r:100,fill:`url(#nutpick_${e.unref(h)})`,onClick:N,class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},null,10,Vt),e.createElementVNode("circle",{cx:e.unref(u).x2+24+e.unref(t).style.chart.layout.nuts.offsetX,cy:e.unref(u).y1+e.unref(r).branchSize/2,r:48,fill:e.unref(t).style.chart.backgroundColor,onClick:N,class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},null,10,$t),e.createElementVNode("text",{x:e.unref(u).x2+24+e.unref(t).style.chart.layout.nuts.offsetX,y:e.unref(u).y1+8,fill:e.unref(t).style.chart.layout.nuts.selected.labels.core.total.color,"font-size":e.unref(t).style.chart.layout.nuts.selected.labels.core.total.fontSize,"font-weight":e.unref(t).style.chart.layout.nuts.selected.labels.core.total.bold?"bold":"normal","text-anchor":"middle",onClick:N,class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},e.toDisplayString(e.unref(t).translations.total),11,Tt),e.createElementVNode("text",{x:e.unref(u).x2+24+e.unref(t).style.chart.layout.nuts.offsetX,y:e.unref(u).y1+36,fill:e.unref(t).style.chart.layout.nuts.selected.labels.core.value.color,"font-size":e.unref(t).style.chart.layout.nuts.selected.labels.core.value.fontSize,"font-weight":e.unref(t).style.chart.layout.nuts.selected.labels.core.value.bold?"bold":"normal","text-anchor":"middle",onClick:N,class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.formatter,e.unref(u).value,e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.nuts.selected.labels.core.value.prefix,v:e.unref(u).value,s:e.unref(t).style.chart.layout.nuts.selected.labels.core.value.suffix,r:e.unref(t).style.chart.layout.nuts.selected.roundingValue}),{datapoint:e.unref(u)})),11,Ft),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),(l,a)=>(e.openBlock(),e.createElementBlock("g",null,[C(l)?(e.openBlock(),e.createElementBlock("text",{key:0,x:e.unref(n.calcMarkerOffsetX)(l).x,"text-anchor":e.unref(n.calcMarkerOffsetX)(l).anchor,y:e.unref(n.calcMarkerOffsetY)(l),fill:l.color,"font-size":e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.bold?"bold":""}`),class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")}," ⬤ ",14,Lt)):e.createCommentVNode("",!0),C(l)?(e.openBlock(),e.createElementBlock("text",{key:1,x:e.unref(n.calcMarkerOffsetX)(l,!0).x,"text-anchor":e.unref(n.calcMarkerOffsetX)(l,!0).anchor,y:e.unref(n.calcMarkerOffsetY)(l),fill:e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.color,"font-size":e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.bold?"bold":""}`),class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},e.toDisplayString(e.unref(u).breakdown[a].name),15,Dt)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),(l,a)=>(e.openBlock(),e.createElementBlock("g",null,[C(l)?(e.openBlock(),e.createElementBlock("text",{key:0,x:e.unref(n.calcMarkerOffsetX)(l,!0).x,"text-anchor":e.unref(n.calcMarkerOffsetX)(l).anchor,y:e.unref(n.calcMarkerOffsetY)(l)+e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize,fill:e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.color,"font-size":e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.bold?"bold":""}`),class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},e.toDisplayString(e.unref(n.dataLabel)({v:e.unref(u).breakdown[a].value/e.unref(u).value*100,s:"%",r:e.unref(t).style.chart.layout.nuts.selected.labels.roundingPercentage}))+" "+e.toDisplayString(e.unref(t).translations.of)+" "+e.toDisplayString(e.unref(u).breakdown[a].branchName)+" "+e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.formatter,e.unref(u).breakdown[a].value,e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.prefix,v:e.unref(u).breakdown[a].value,s:e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.suffix,r:e.unref(t).style.chart.layout.nuts.selected.roundingValue}),{datapoint:e.unref(x),seriesIndex:a})),15,Ot)):e.createCommentVNode("",!0),C(l)?(e.openBlock(),e.createElementBlock("text",{key:1,x:e.unref(n.calcMarkerOffsetX)(l,!0).x,"text-anchor":e.unref(n.calcMarkerOffsetX)(l).anchor,y:e.unref(n.calcMarkerOffsetY)(l)+e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize*2,fill:e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.color,"font-size":e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.bold?"bold":""}`),class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},e.toDisplayString(e.unref(n.dataLabel)({v:e.unref(u).breakdown[a].proportionToRoot*100,s:"%",r:e.unref(t).style.chart.layout.nuts.selected.labels.roundingPercentage}))+" "+e.toDisplayString(e.unref(t).translations.of)+" "+e.toDisplayString(e.unref(u).breakdown[a].rootName),15,Pt)):e.createCommentVNode("",!0),C(l)?(e.openBlock(),e.createElementBlock("text",{key:2,x:e.unref(n.calcMarkerOffsetX)(l,!0).x,"text-anchor":e.unref(n.calcMarkerOffsetX)(l).anchor,y:e.unref(n.calcMarkerOffsetY)(l)+e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize*3,fill:e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.color,"font-size":e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(t).style.chart.layout.nuts.selected.labels.dataLabels.bold?"bold":""}`),class:e.normalizeClass(e.unref(t).style.chart.layout.nuts.selected.useMotion?"vue-ui-chestnut-animated":"")},e.toDisplayString(e.unref(n.dataLabel)({v:e.unref(u).breakdown[a].proportionToTree*100,s:"%",r:e.unref(t).style.chart.layout.nuts.selected.labels.roundingPercentage}))+" "+e.toDisplayString(e.unref(t).translations.proportionToTree),15,Mt)):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),l=>(e.openBlock(),e.createElementBlock("g",null,[e.unref(y)&&e.unref(y).id===l.id&&!e.unref(u)?(e.openBlock(),e.createElementBlock("text",{key:0,x:l.x1+6,y:l.y1+e.unref(r).branchSize+24,"font-weight":"bold","text-anchor":"start","font-size":e.unref(t).style.chart.layout.branches.labels.dataLabels.fontSize,fill:e.unref(t).style.chart.layout.branches.labels.color,onClick:p},e.toDisplayString(l.name)+": "+e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.branches.labels.dataLabels.formatter,l.value,e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.branches.labels.dataLabels.prefix,v:l.value,s:e.unref(t).style.chart.layout.branches.labels.dataLabels.suffix,r:e.unref(t).style.chart.layout.branches.labels.dataLabels.roundingValue}),{datapoint:l})),9,It)):e.createCommentVNode("",!0),e.unref(y)&&e.unref(y).id===l.id&&!e.unref(u)?(e.openBlock(),e.createElementBlock("text",{key:1,x:l.x1+6,y:l.y1+e.unref(r).branchSize+48,"text-anchor":"start","font-size":e.unref(t).style.chart.layout.branches.labels.dataLabels.fontSize,fill:e.unref(t).style.chart.layout.branches.labels.color,onClick:p},e.toDisplayString(e.unref(n.dataLabel)({v:l.proportionToRoot*100,s:"%",r:e.unref(t).style.chart.layout.branches.labels.dataLabels.roundingPercentage}))+" "+e.toDisplayString(e.unref(t).translations.of)+" "+e.toDisplayString(l.rootName),9,Rt)):e.createCommentVNode("",!0),e.unref(y)&&e.unref(y).id===l.id&&!e.unref(u)?(e.openBlock(),e.createElementBlock("text",{key:2,x:l.x1+6,y:l.y1+e.unref(r).branchSize+72,"text-anchor":"start","font-size":e.unref(t).style.chart.layout.branches.labels.dataLabels.fontSize,fill:e.unref(t).style.chart.layout.branches.labels.color,onClick:p},e.toDisplayString(e.unref(n.dataLabel)({v:l.value/e.unref(_)*100,s:"%",r:e.unref(t).style.chart.layout.branches.labels.dataLabels.roundingPercentage}))+" "+e.toDisplayString(e.unref(t).translations.proportionToTree),9,Xt)):e.createCommentVNode("",!0)]))),256)),e.renderSlot(o.$slots,"svg",{svg:e.unref(r)},void 0,!0)],14,Ce)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",At,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(j)||e.unref(G)})),void 0,!0)])):e.createCommentVNode("",!0),e.unref(w)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ge.default,{key:5,config:{type:"chestnut",style:{backgroundColor:e.unref(t).style.chart.backgroundColor,chestnut:{color:"#CCCCCC"}}}},null,8,["config"])),e.renderSlot(o.$slots,"legend",{legend:e.unref(b)},void 0,!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",jt,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.unref(w)?(e.openBlock(),e.createBlock(ve.default,{key:7,hideDetails:"",config:{open:e.unref(z).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.createElementVNode("div",{ref_key:"tableContainer",ref:D,class:"vue-ui-chestnut-table"},[e.createElementVNode("div",Gt,[e.createElementVNode("div",{role:"button",tabindex:"0",style:e.normalizeStyle(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.unref(t).table.th.backgroundColor};`),onClick:s[0]||(s[0]=l=>e.unref(z).showTable=!1),onKeypress:s[1]||(s[1]=e.withKeys(l=>e.unref(z).showTable=!1,["enter"]))},[e.createVNode(ke.default,{name:"close",stroke:e.unref(t).table.th.color,"stroke-width":2},null,8,["stroke"])],36),e.createElementVNode("div",{style:{width:"100%"},class:e.normalizeClass({"vue-ui-responsive":e.unref(Y)})},[e.createElementVNode("table",Ut,[e.createElementVNode("caption",{style:e.normalizeStyle({backgroundColor:e.unref(t).table.th.backgroundColor,color:e.unref(t).table.th.color,outline:e.unref(t).table.th.outline}),class:"vue-ui-data-table__caption"},[e.createTextVNode(e.toDisplayString(e.unref(t).style.chart.layout.title.text)+" ",1),e.unref(t).style.chart.layout.title.subtitle.text?(e.openBlock(),e.createElementBlock("span",qt,e.toDisplayString(e.unref(t).style.chart.layout.title.subtitle.text),1)):e.createCommentVNode("",!0)],4),e.createElementVNode("thead",null,[e.createElementVNode("tr",{role:"row",style:e.normalizeStyle(`background:${e.unref(t).table.th.backgroundColor};color:${e.unref(t).table.th.color}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c).head,l=>(e.openBlock(),e.createElementBlock("th",{style:e.normalizeStyle(`outline:${e.unref(t).table.th.outline}`)},e.toDisplayString(l),5))),256))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c).body,(l,a)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":a%2===0,"vue-ui-data-table__tbody__row-odd":a%2!==0}),style:e.normalizeStyle(`background:${e.unref(t).table.td.backgroundColor};color:${e.unref(t).table.td.color}`)},[e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[0]},[e.createElementVNode("div",Ht,[e.unref(c).body[a-1]&&e.unref(c).body[a-1].rootName===l.rootName?(e.openBlock(),e.createElementBlock("span",Wt)):(e.openBlock(),e.createElementBlock("span",Kt,e.toDisplayString(l.rootName),1))])],12,Yt),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[1]},[e.createElementVNode("div",Qt,[e.unref(c).body[a-1]&&e.unref(c).body[a-1].rootName===l.rootName?(e.openBlock(),e.createElementBlock("span",Zt)):(e.openBlock(),e.createElementBlock("span",el,e.toDisplayString(l.rootValue.toFixed(e.unref(t).table.td.roundingValue)),1))])],12,Jt),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[2]},[e.createElementVNode("div",ll,[e.unref(c).body[a-1]&&e.unref(c).body[a-1].rootName===l.rootName?(e.openBlock(),e.createElementBlock("span",ol)):(e.openBlock(),e.createElementBlock("span",nl,e.toDisplayString((l.rootToTotal*100).toFixed(e.unref(t).table.td.roundingPercentage))+"% ",1))])],12,tl),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[3]},[e.createElementVNode("div",rl,[e.unref(c).body[a-1]&&e.unref(c).body[a-1].branchName===l.branchName?(e.openBlock(),e.createElementBlock("span",sl)):(e.openBlock(),e.createElementBlock("span",ul,e.toDisplayString(l.branchName),1))])],12,al),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[4]},[e.createElementVNode("div",il,[e.unref(c).body[a-1]&&e.unref(c).body[a-1].branchName===l.branchName?(e.openBlock(),e.createElementBlock("span",dl)):(e.openBlock(),e.createElementBlock("span",fl,e.toDisplayString(l.branchValue.toFixed(e.unref(t).table.td.roundingValue)),1))])],12,cl),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[5]},[e.createElementVNode("div",hl,[e.unref(c).body[a-1]&&e.unref(c).body[a-1].branchName===l.branchName?(e.openBlock(),e.createElementBlock("span",pl)):(e.openBlock(),e.createElementBlock("span",ml,e.toDisplayString((l.branchToRoot*100).toFixed(e.unref(t).table.td.roundingPercentage))+"% ",1))])],12,yl),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[6]},[e.createElementVNode("div",gl,[e.unref(c).body[a-1]&&e.unref(c).body[a-1].branchName===l.branchName?(e.openBlock(),e.createElementBlock("span",kl)):(e.openBlock(),e.createElementBlock("span",vl,e.toDisplayString((l.branchToTotal*100).toFixed(e.unref(t).table.td.roundingPercentage))+"% ",1))])],12,bl),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[7]},[e.createElementVNode("div",xl,e.toDisplayString(l.nutName),1)],12,_l),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[8]},[e.createElementVNode("div",El,e.toDisplayString(l.nutValue.toFixed(e.unref(t).table.td.roundingValue)),1)],12,Bl),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[9]},[e.createElementVNode("div",Sl,e.toDisplayString((l.nutToBranch*100).toFixed(e.unref(t).table.td.roundingPercentage))+"% ",1)],12,Nl),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[10]},[e.createElementVNode("div",wl,e.toDisplayString((l.nutToRoot*100).toFixed(e.unref(t).table.td.roundingPercentage))+"% ",1)],12,Cl),e.createElementVNode("td",{class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${e.unref(t).table.td.outline}`),"data-cell":e.unref(c).head[11]},[e.createElementVNode("div",Vl,e.toDisplayString((l.nutToTotal*100).toFixed(e.unref(t).table.td.roundingPercentage))+"% ",1)],12,zl)],6))),256))])])],2)])],512)]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ne))}},Tl=Ee._export_sfc($l,[["__scopeId","data-v-71c