vue-data-ui 2.7.2 → 2.7.3

package/dist/{vue-ui-chestnut-BzNHXzDj.cjs → vue-ui-chestnut-CEQFlk-j.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BeJeDy5m.cjs"),ee=require("./usePrinter-Bz_kd3vb.cjs"),ge=require("./vue-ui-skeleton-KW-jcPRN.cjs"),ke=require("./BaseIcon-C0unoacb.cjs"),_e=require("./vue-ui-accordion-CZBJSHT_.cjs"),te=require("./useNestedProp-CF-iHhIC.cjs"),xe=require("./PackageVersion-By81XV8X.cjs"),Be=require("./PenAndPaper-DNbX5hR8.cjs"),Ee=require("./useUserOptionState-BgepsfED.cjs"),Ne=require("./useChartAccessibility-Cm7nkzTG.cjs"),Se=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ce=["id"],we={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},ze=["xmlns","viewBox"],Ve=["width","height"],$e={key:1},Te=["fill","font-weight","font-size","x","y"],Fe=["fill","font-weight","font-size","x","y"],Le=["id"],De=["stop-color"],Oe=["stop-color"],Pe=["id"],Ie=["stop-color"],Me=["stop-color"],Re=["id"],Ae=["stop-color"],Xe=["stop-color"],je=["stop-color"],Ge=["id"],Ue=["stop-color"],qe=["stop-color"],Ye=["stop-color"],He=["id"],We=["stop-color"],Ke=["stop-color"],Je=["stop-color"],Qe={key:2},Ze=["x","y","font-size","font-weight","fill"],et=["x","y","font-size","font-weight","fill"],tt=["d","stroke"],lt=["cx","cy","r","fill"],at=["cx","cy","r","fill","stroke","stroke-width","onClick"],ot={key:3},nt=["x","y","font-size","fill","onClick"],rt={key:0},st=["x","y","fill","font-size","font-weight"],ut=["x","y","height","width","fill","rx","onClick"],ct=["x","y","height","width","fill","rx","stroke","stroke-width","onClick"],it={key:4},dt=["x","y","fill","font-size","onClick"],yt=["d","stroke"],vt=["fill","cx","cy","r","onClick"],ht={key:5},pt=["x","y","font-size","font-weight","fill"],ft=["x1","x2","y1","y2","stroke","stroke-width"],mt=["y","height","width"],bt={style:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"}},gt={style:{display:"flex","align-items":"center","justify-content":"center",gap:"12px","flex-wrap":"wrap","flex-direction":"row"}},kt={viewBox:"0 0 20 20",height:"16",width:"16"},_t=["fill"],xt={key:7},Bt=["y","height","width"],Et={style:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"}},Nt={style:{display:"flex","align-items":"center","justify-content":"center",gap:"12px","flex-wrap":"wrap","flex-direction":"row"}},St={viewBox:"0 0 20 20",height:"16",width:"16"},Ct=["fill"],wt=["cx","cy","fill"],zt=["d","stroke"],Vt=["cx","cy","fill"],$t=["d","stroke"],Tt=["cx","cy","fill"],Ft=["cx","cy","fill"],Lt=["x","y","fill","font-size","font-weight"],Dt=["x","y","fill","font-size","font-weight"],Ot=["x","text-anchor","y","fill","font-size"],Pt=["x","text-anchor","y","fill","font-size"],It=["x","text-anchor","y","fill","font-size"],Mt=["x","text-anchor","y","fill","font-size"],Rt=["x","text-anchor","y","fill","font-size"],At=["x","y","font-size","fill"],Xt=["x","y","font-size","fill"],jt=["x","y","font-size","fill"],Gt={key:4,class:"vue-data-ui-watermark"},Ut={key:6,ref:"source",dir:"auto"},qt={style:{"padding-top":"36px",position:"relative"}},Yt={class:"vue-ui-data-table"},Ht={key:0},Wt=["data-cell"],Kt={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Jt={key:0},Qt={key:1},Zt=["data-cell"],el={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},tl={key:0},ll={key:1},al=["data-cell"],ol={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},nl={key:0},rl={key:1},sl=["data-cell"],ul={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},cl={key:0},il={key:1},dl=["data-cell"],yl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},vl={key:0},hl={key:1},pl=["data-cell"],fl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},ml={key:0},bl={key:1},gl=["data-cell"],kl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},_l={key:0},xl={key:1},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=["data-cell"],Tl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Fl={__name:"vue-ui-chestnut",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectRoot","selectBranch","selectNut"],setup(le,{expose:ae,emit:oe}){e.useCssVars(a=>({"4b8440b7":a.tdo}));const{vue_ui_chestnut:ne}=o.useConfig(),k=le,z=e.computed(()=>!!k.dataset&&k.dataset.length),h=e.ref(o.createUid()),I=e.ref(null),re=e.ref(null),M=e.ref(0),t=e.computed({get:()=>j(),set:a=>a}),{userOptionsVisible:T,setUserOptionsVisibility:R,keepUserOptionState:A}=Ee.useUserOptionState({config:t.value}),{svgRef:X}=Ne.useChartAccessibility({config:t.value.style.chart.layout.title});function j(){const a=te.useNestedProp({userConfig:k.config,defaultConfig:ne});return a.theme?{...te.useNestedProp({userConfig:o.themes.vue_ui_chestnut[a.theme]||k.config,defaultConfig:a}),customPalette:o.themePalettes[a.theme]||o.palette}:a}e.watch(()=>k.config,a=>{t.value=j(),T.value=!t.value.userOptions.showOnChartHover,S.value.showTable=t.value.table.show,J()},{deep:!0});const{isPrinting:G,isImaging:U,generatePdf:q,generateImage:Y}=ee.usePrinter({elementId:`vue-ui-chestnut_${h.value}`,fileName:t.value.style.chart.layout.title.text||"vue-ui-chestnut",options:t.value.userOptions.print}),se=e.computed(()=>t.value.userOptions.show),F=e.computed(()=>o.convertCustomPalette(t.value.customPalette)),S=e.ref({showTable:t.value.table.show}),L=e.ref(null),H=e.ref(!1),ue=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}),f=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(()=>z.value?k.dataset.flatMap(a=>(a.branches||[]).map(s=>s.value||0)).reduce((a,s)=>a+s,0):0),m=e.computed(()=>(k.dataset.forEach((a,s)=>{o.getMissingDatasetAttributes({datasetObject:a,requiredAttributes:["name","branches"]}).forEach(l=>{o.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:l,index:s})}),a.branches&&a.branches.forEach((l,n)=>{o.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","value"]}).forEach(d=>{o.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:d,index:`${s} - ${n}`})}),l.breakdown&&l.breakdown.forEach((d,i)=>{o.getMissingDatasetAttributes({datasetObject:d,requiredAttributes:["name","value"]}).forEach(y=>{o.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:y,index:`${s} - ${n} - ${i}`})})})})}),k.dataset.map((a,s)=>{const l=(a.branches||[]).map(n=>n.value||0).reduce((n,d)=>n+d,0);return{...a,color:o.convertColorToHex(a.color)||F.value[s]||o.palette[s]||o.palette[s%o.palette.length],id:a.id||`root_${s}_${h.value}`,type:"root",total:l,rootIndex:s,branches:(a.branches||[]).map((n,d)=>({...n,rootName:a.name,rootIndex:s,color:o.convertColorToHex(a.color)||F.value[s]||o.palette[s]||o.palette[s%o.palette.length],value:n.value>=0?n.value:0,id:n.id||`branch_${s}_${d}_${h.value}`,proportionToRoot:n.value/l,type:"branch",breakdown:(n.breakdown||[]).map((i,y)=>({table:{rootName:a.name,rootValue:l,rootToTotal:l/_.value,branchName:n.name,branchValue:n.value,branchToTotal:n.value/_.value,branchToRoot:n.value/l,nutName:i.name,nutValue:i.value,nutToTotal:i.value/_.value,nutToRoot:i.value/l,nutToBranch:i.value/n.value},...i,type:"nut",branchName:n.name,rootName:a.name,branchTotal:n.value>=0?n.value:0,proportionToBranch:i.value/n.value,proportionToRoot:i.value/l,proportionToTree:i.value/_.value,rootIndex:s,id:i.id||`nut_${s}_${d}_${y}_${h.value}`,color:o.convertColorToHex(i.color)||F.value[y]||o.palette[y]||o.palette[y%o.palette.length],value:i.value>=0?i.value:0}))}))}})));function ce(){return m.value}const C=oe,ie=e.computed(()=>m.value.flatMap(a=>a.branches).length),de=e.computed(()=>Math.max(...m.value.map(a=>a.branches.map(s=>s.value).reduce((s,l)=>s+l,0)))),ye=e.computed(()=>Math.max(...m.value.flatMap(a=>a.branches.map(s=>s.value)))),W=e.computed(()=>256+r.value.padding.left),B=e.computed(()=>m.value.sort((a,s)=>s.total-a.total).map((a,s)=>{const l=f.value.height/m.value.length/2,n=a.total/de.value*(l>64?64:l);return{...a,x:f.value.seedX,y:f.value.top+f.value.height/m.value.length*(s+1)-(f.value.height/m.value.length/2+r.value.gap/2),r:n<r.value.branchSize/2?r.value.branchSize/2:n}})),ve=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),he=e.computed(()=>B.value.flatMap(a=>a.branches)),E=e.computed(()=>he.value.sort((a,s)=>s.value-a.value).map((a,s)=>({...a,y1:s*r.value.branchSize+f.value.top+s*r.value.gap,y2:s*r.value.branchSize+r.value.branchSize,x1:W.value,x2:384*a.value/ye.value*ve.value+W.value})));function D(a){const s=B.value.find(l=>l.rootIndex===a.rootIndex);return{x:s.x,y:s.y,r:s.r}}const u=e.ref(null),x=e.ref(null),v=e.ref(null),b=e.ref(null);function p(){u.value=null,v.value=null,b.value=null}function g(a){return b.value?b.value===null?!0:a.type==="root"?a.id===b.value.id:a.rootIndex===b.value.rootIndex:u.value===null&&v.value===null?!0:a.type==="nut"?u.value.id===a.id:a.type==="branch"?v.value.id===a.id:a.type==="root"?v.value&&v.value.rootIndex===a.rootIndex||u.value&&u.value.rootIndex===a.rootIndex:!1}function pe(a){p(),e.nextTick(()=>{u.value=a,v.value=a,x.value=o.makeDonut({series:a.breakdown,base:1},a.x2+24+t.value.style.chart.layout.nuts.offsetX,a.y1+r.value.branchSize/2,80,80),C("selectNut",a.breakdown)})}function N(){u.value=null,x.value=null,C("selectNut",null)}function O(a){v.value&&v.value.id===a.id?(v.value=null,p(),C("selectBranch",null)):(p(),v.value=a,C("selectBranch",a))}function K(a){b.value&&b.value.id===a.id?(p(),C("selectRoot",null)):(p(),b.value=a,C("selectRoot",a))}function fe(){return f.value.bottom-(u.value.y1+180)<0?0:f.value.bottom}function w(a){return a.proportion*100>t.value.style.chart.layout.nuts.selected.labels.dataLabels.hideUnderValue}function me(){const a=new ResizeObserver(s=>{s.forEach(l=>{H.value=l.contentRect.width<ue.value})});L.value&&a.observe(L.value)}e.onMounted(()=>{J()});function J(){o.objectIsEmpty(k.dataset)&&o.error({componentName:"VueUiChestnut",type:"dataset"});const a=ie.value*(r.value.branchSize+r.value.gap)+r.value.padding.top+r.value.padding.bottom;r.value.height=a,me()}const c=e.computed(()=>{const a=[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=m.value.flatMap((l,n)=>l.branches.flatMap((d,i)=>d.breakdown.flatMap((y,Dl)=>y.table)));return{head:a,body:s}});function Q(){e.nextTick(()=>{const a=[[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,y)=>[c.value.body[y-1]&&c.value.body[y-1].rootName===i.rootName?"":i.rootName,c.value.body[y-1]&&c.value.body[y-1].rootName===i.rootName?"":i.rootValue,c.value.body[y-1]&&c.value.body[y-1].rootName===i.rootName?"":i.rootToTotal,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchName,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchValue,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchToRoot,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchToTotal,i.nutName,i.nutValue,i.nutToBranch,i.nutToRoot,i.nutToTotal]),n=a.concat([s]).concat(l),d=o.createCsvContent(n);o.downloadCsv({csvContent:d,title:t.value.style.chart.layout.title.text||"vue-ui-chestnut"})})}const V=e.ref(!1);function be(a){V.value=a,M.value+=1}function Z(){S.value.showTable=!S.value.showTable}const $=e.ref(!1);function P(){$.value=!$.value}return ae({getData:ce,generatePdf:q,generateCsv:Q,generateImage:Y,toggleTable:Z,toggleAnnotator:P}),(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-chestnut ${V.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"chestnutChart",ref:I,id:`vue-ui-chestnut_${h.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),onMouseenter:s[2]||(s[2]=()=>e.unref(R)(!0)),onMouseleave:s[3]||(s[3]=()=>e.unref(R)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Be.PenAndPaper,{key:0,svgRef:e.unref(X),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:$.value,onClose:P},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),se.value?(e.openBlock(),e.createElementBlock("div",we,null,512)):e.createCommentVNode("",!0),t.value.userOptions.show&&z.value&&(e.unref(A)||e.unref(T))?(e.openBlock(),e.createBlock(ee.UserOptions,{ref_key:"details",ref:re,key:`user_options_${M.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(U),isPrinting:e.unref(G),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:V.value,titles:{...t.value.userOptions.buttonTitles},chartElement:I.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:$.value,onToggleFullscreen:be,onGeneratePdf:e.unref(q),onGenerateCsv:Q,onGenerateImage:e.unref(Y),onToggleTable:Z,onToggleAnnotator:P,style:e.normalizeStyle({visibility:e.unref(A)?e.unref(T)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:l,color:n})=>[e.renderSlot(a.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:l,color:n})),void 0,!0)]),key:"0"}:void 0,a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,a.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:n})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:n})),void 0,!0)]),key:"5"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:n})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:n})),void 0,!0)]),key:"6"}: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),r.value.height>0&&z.value?(e.openBlock(),e.createElementBlock("svg",{key:3,ref_key:"svgRef",ref:X,xmlns:e.unref(o.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":V.value,"vue-data-ui-fulscreen--off":!V.value}),viewBox:`0 0 ${r.value.width<=0?10:r.value.width} ${r.value.height<=0?10:r.value.height}`,style:e.normalizeStyle(`overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(xe._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:r.value.width<=0?10:r.value.width,height:r.value.height<=0?10:r.value.height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,Ve)):e.createCommentVNode("",!0),u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",$e,[t.value.style.chart.layout.title.text?(e.openBlock(),e.createElementBlock("text",{key:0,"text-anchor":"middle",fill:t.value.style.chart.layout.title.color,"font-weight":t.value.style.chart.layout.title.bold?"bold":"normal","font-size":t.value.style.chart.layout.title.fontSize,x:r.value.width/2,y:12+t.value.style.chart.layout.title.fontSize+t.value.style.chart.layout.title.offsetY,onClick:p},e.toDisplayString(t.value.style.chart.layout.title.text),9,Te)):e.createCommentVNode("",!0),t.value.style.chart.layout.title.subtitle.text?(e.openBlock(),e.createElementBlock("text",{key:1,"text-anchor":"middle",fill:t.value.style.chart.layout.title.subtitle.color,"font-weight":t.value.style.chart.layout.title.subtitle.bold?"bold":"normal","font-size":t.value.style.chart.layout.title.subtitle.fontSize,x:r.value.width/2,y:48+t.value.style.chart.layout.title.subtitle.fontSize+t.value.style.chart.layout.title.subtitle.offsetY,onClick:p},e.toDisplayString(t.value.style.chart.layout.title.subtitle.text),9,Fe)):e.createCommentVNode("",!0)])),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(l,n)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`root_gradient_${h.value}_${l.rootIndex}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)(e.unref(o.shiftHue)(l.color,.05),100-t.value.style.chart.layout.roots.gradientIntensity)},null,8,De),e.createElementVNode("stop",{offset:"100%","stop-color":l.color},null,8,Oe)],8,Le))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,l=>(e.openBlock(),e.createElementBlock("linearGradient",{x1:"0%",y1:"0%",x2:"100%",y2:"0%",id:`branch_gradient_${h.value}_${l.rootIndex}`},[e.createElementVNode("stop",{offset:"0%","stop-color":l.color},null,8,Ie),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)(e.unref(o.shiftHue)(l.color,.02),100-t.value.style.chart.layout.branches.gradientIntensity)},null,8,Me)],8,Pe))),256)),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nutpick_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,Ae),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(o.setOpacity)("#FFFFFF",t.value.style.chart.layout.nuts.selected.gradientIntensity)},null,8,Xe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,je)],8,Re),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nut_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,Ue),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(o.setOpacity)("#FFFFFF",t.value.style.chart.layout.nuts.gradientIntensity)},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,Ye)],8,Ge),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nut_underlayer_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)(t.value.style.chart.backgroundColor,100)},null,8,We),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(o.setOpacity)(t.value.style.chart.backgroundColor,60)},null,8,Ke),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)(t.value.style.chart.backgroundColor,0)},null,8,Je)],8,He)]),t.value.style.chart.layout.grandTotal.show?(e.openBlock(),e.createElementBlock("g",Qe,[e.createElementVNode("text",{x:f.value.seedX,y:32+t.value.style.chart.layout.grandTotal.offsetY,"font-size":t.value.style.chart.layout.grandTotal.fontSize,"font-weight":t.value.style.chart.layout.grandTotal.bold?"bold":"normal",fill:t.value.style.chart.layout.grandTotal.color,"text-anchor":"middle",onClick:p},e.toDisplayString(t.value.style.chart.layout.grandTotal.text),9,Ze),e.createElementVNode("text",{x:f.value.seedX,y:38+t.value.style.chart.layout.grandTotal.fontSize+t.value.style.chart.layout.grandTotal.offsetY,"font-size":t.value.style.chart.layout.grandTotal.fontSize,"font-weight":t.value.style.chart.layout.grandTotal.bold?"bold":"normal",fill:t.value.style.chart.layout.grandTotal.color,"text-anchor":"middle",onClick:p},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.chart.layout.grandTotal.formatter,_.value,e.unref(o.dataLabel)({p:t.value.style.chart.layout.grandTotal.prefix,v:_.value,s:t.value.style.chart.layout.grandTotal.suffix,r:t.value.style.chart.layout.grandTotal.roundingValue}))),9,et)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,l=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.branchSize,(n,d)=>(e.openBlock(),e.createElementBlock("path",{d:`M
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-HGCbG8YK.cjs"),ee=require("./usePrinter-B2PvJuo8.cjs"),ge=require("./vue-ui-skeleton-BBWwBSGZ.cjs"),ke=require("./BaseIcon-BQ6ScTsr.cjs"),_e=require("./vue-ui-accordion-CSuxLH7L.cjs"),te=require("./useNestedProp-O_JTsxQj.cjs"),xe=require("./PackageVersion-sCi6-fwm.cjs"),Be=require("./PenAndPaper-DXiYR_ED.cjs"),Ee=require("./useUserOptionState-BgepsfED.cjs"),Ne=require("./useChartAccessibility-Cm7nkzTG.cjs"),Se=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ce=["id"],we={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},ze=["xmlns","viewBox"],Ve=["width","height"],$e={key:1},Te=["fill","font-weight","font-size","x","y"],Fe=["fill","font-weight","font-size","x","y"],Le=["id"],De=["stop-color"],Oe=["stop-color"],Pe=["id"],Ie=["stop-color"],Me=["stop-color"],Re=["id"],Ae=["stop-color"],Xe=["stop-color"],je=["stop-color"],Ge=["id"],Ue=["stop-color"],qe=["stop-color"],Ye=["stop-color"],He=["id"],We=["stop-color"],Ke=["stop-color"],Je=["stop-color"],Qe={key:2},Ze=["x","y","font-size","font-weight","fill"],et=["x","y","font-size","font-weight","fill"],tt=["d","stroke"],lt=["cx","cy","r","fill"],at=["cx","cy","r","fill","stroke","stroke-width","onClick"],ot={key:3},nt=["x","y","font-size","fill","onClick"],rt={key:0},st=["x","y","fill","font-size","font-weight"],ut=["x","y","height","width","fill","rx","onClick"],ct=["x","y","height","width","fill","rx","stroke","stroke-width","onClick"],it={key:4},dt=["x","y","fill","font-size","onClick"],yt=["d","stroke"],vt=["fill","cx","cy","r","onClick"],ht={key:5},pt=["x","y","font-size","font-weight","fill"],ft=["x1","x2","y1","y2","stroke","stroke-width"],mt=["y","height","width"],bt={style:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"}},gt={style:{display:"flex","align-items":"center","justify-content":"center",gap:"12px","flex-wrap":"wrap","flex-direction":"row"}},kt={viewBox:"0 0 20 20",height:"16",width:"16"},_t=["fill"],xt={key:7},Bt=["y","height","width"],Et={style:{width:"100%",height:"100%",display:"flex","align-items":"center","justify-content":"center","flex-direction":"column"}},Nt={style:{display:"flex","align-items":"center","justify-content":"center",gap:"12px","flex-wrap":"wrap","flex-direction":"row"}},St={viewBox:"0 0 20 20",height:"16",width:"16"},Ct=["fill"],wt=["cx","cy","fill"],zt=["d","stroke"],Vt=["cx","cy","fill"],$t=["d","stroke"],Tt=["cx","cy","fill"],Ft=["cx","cy","fill"],Lt=["x","y","fill","font-size","font-weight"],Dt=["x","y","fill","font-size","font-weight"],Ot=["x","text-anchor","y","fill","font-size"],Pt=["x","text-anchor","y","fill","font-size"],It=["x","text-anchor","y","fill","font-size"],Mt=["x","text-anchor","y","fill","font-size"],Rt=["x","text-anchor","y","fill","font-size"],At=["x","y","font-size","fill"],Xt=["x","y","font-size","fill"],jt=["x","y","font-size","fill"],Gt={key:4,class:"vue-data-ui-watermark"},Ut={key:6,ref:"source",dir:"auto"},qt={style:{"padding-top":"36px",position:"relative"}},Yt={class:"vue-ui-data-table"},Ht={key:0},Wt=["data-cell"],Kt={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Jt={key:0},Qt={key:1},Zt=["data-cell"],el={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},tl={key:0},ll={key:1},al=["data-cell"],ol={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},nl={key:0},rl={key:1},sl=["data-cell"],ul={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},cl={key:0},il={key:1},dl=["data-cell"],yl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},vl={key:0},hl={key:1},pl=["data-cell"],fl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},ml={key:0},bl={key:1},gl=["data-cell"],kl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},_l={key:0},xl={key:1},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=["data-cell"],Tl={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Fl={__name:"vue-ui-chestnut",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectRoot","selectBranch","selectNut"],setup(le,{expose:ae,emit:oe}){e.useCssVars(a=>({"4b8440b7":a.tdo}));const{vue_ui_chestnut:ne}=o.useConfig(),k=le,z=e.computed(()=>!!k.dataset&&k.dataset.length),h=e.ref(o.createUid()),I=e.ref(null),re=e.ref(null),M=e.ref(0),t=e.computed({get:()=>j(),set:a=>a}),{userOptionsVisible:T,setUserOptionsVisibility:R,keepUserOptionState:A}=Ee.useUserOptionState({config:t.value}),{svgRef:X}=Ne.useChartAccessibility({config:t.value.style.chart.layout.title});function j(){const a=te.useNestedProp({userConfig:k.config,defaultConfig:ne});return a.theme?{...te.useNestedProp({userConfig:o.themes.vue_ui_chestnut[a.theme]||k.config,defaultConfig:a}),customPalette:o.themePalettes[a.theme]||o.palette}:a}e.watch(()=>k.config,a=>{t.value=j(),T.value=!t.value.userOptions.showOnChartHover,S.value.showTable=t.value.table.show,J()},{deep:!0});const{isPrinting:G,isImaging:U,generatePdf:q,generateImage:Y}=ee.usePrinter({elementId:`vue-ui-chestnut_${h.value}`,fileName:t.value.style.chart.layout.title.text||"vue-ui-chestnut",options:t.value.userOptions.print}),se=e.computed(()=>t.value.userOptions.show),F=e.computed(()=>o.convertCustomPalette(t.value.customPalette)),S=e.ref({showTable:t.value.table.show}),L=e.ref(null),H=e.ref(!1),ue=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}),f=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(()=>z.value?k.dataset.flatMap(a=>(a.branches||[]).map(s=>s.value||0)).reduce((a,s)=>a+s,0):0),m=e.computed(()=>(k.dataset.forEach((a,s)=>{o.getMissingDatasetAttributes({datasetObject:a,requiredAttributes:["name","branches"]}).forEach(l=>{o.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:l,index:s})}),a.branches&&a.branches.forEach((l,n)=>{o.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","value"]}).forEach(d=>{o.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:d,index:`${s} - ${n}`})}),l.breakdown&&l.breakdown.forEach((d,i)=>{o.getMissingDatasetAttributes({datasetObject:d,requiredAttributes:["name","value"]}).forEach(y=>{o.error({componentName:"VueUiChestnut",type:"datasetSerieAttribute",property:y,index:`${s} - ${n} - ${i}`})})})})}),k.dataset.map((a,s)=>{const l=(a.branches||[]).map(n=>n.value||0).reduce((n,d)=>n+d,0);return{...a,color:o.convertColorToHex(a.color)||F.value[s]||o.palette[s]||o.palette[s%o.palette.length],id:a.id||`root_${s}_${h.value}`,type:"root",total:l,rootIndex:s,branches:(a.branches||[]).map((n,d)=>({...n,rootName:a.name,rootIndex:s,color:o.convertColorToHex(a.color)||F.value[s]||o.palette[s]||o.palette[s%o.palette.length],value:n.value>=0?n.value:0,id:n.id||`branch_${s}_${d}_${h.value}`,proportionToRoot:n.value/l,type:"branch",breakdown:(n.breakdown||[]).map((i,y)=>({table:{rootName:a.name,rootValue:l,rootToTotal:l/_.value,branchName:n.name,branchValue:n.value,branchToTotal:n.value/_.value,branchToRoot:n.value/l,nutName:i.name,nutValue:i.value,nutToTotal:i.value/_.value,nutToRoot:i.value/l,nutToBranch:i.value/n.value},...i,type:"nut",branchName:n.name,rootName:a.name,branchTotal:n.value>=0?n.value:0,proportionToBranch:i.value/n.value,proportionToRoot:i.value/l,proportionToTree:i.value/_.value,rootIndex:s,id:i.id||`nut_${s}_${d}_${y}_${h.value}`,color:o.convertColorToHex(i.color)||F.value[y]||o.palette[y]||o.palette[y%o.palette.length],value:i.value>=0?i.value:0}))}))}})));function ce(){return m.value}const C=oe,ie=e.computed(()=>m.value.flatMap(a=>a.branches).length),de=e.computed(()=>Math.max(...m.value.map(a=>a.branches.map(s=>s.value).reduce((s,l)=>s+l,0)))),ye=e.computed(()=>Math.max(...m.value.flatMap(a=>a.branches.map(s=>s.value)))),W=e.computed(()=>256+r.value.padding.left),B=e.computed(()=>m.value.sort((a,s)=>s.total-a.total).map((a,s)=>{const l=f.value.height/m.value.length/2,n=a.total/de.value*(l>64?64:l);return{...a,x:f.value.seedX,y:f.value.top+f.value.height/m.value.length*(s+1)-(f.value.height/m.value.length/2+r.value.gap/2),r:n<r.value.branchSize/2?r.value.branchSize/2:n}})),ve=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),he=e.computed(()=>B.value.flatMap(a=>a.branches)),E=e.computed(()=>he.value.sort((a,s)=>s.value-a.value).map((a,s)=>({...a,y1:s*r.value.branchSize+f.value.top+s*r.value.gap,y2:s*r.value.branchSize+r.value.branchSize,x1:W.value,x2:384*a.value/ye.value*ve.value+W.value})));function D(a){const s=B.value.find(l=>l.rootIndex===a.rootIndex);return{x:s.x,y:s.y,r:s.r}}const u=e.ref(null),x=e.ref(null),v=e.ref(null),b=e.ref(null);function p(){u.value=null,v.value=null,b.value=null}function g(a){return b.value?b.value===null?!0:a.type==="root"?a.id===b.value.id:a.rootIndex===b.value.rootIndex:u.value===null&&v.value===null?!0:a.type==="nut"?u.value.id===a.id:a.type==="branch"?v.value.id===a.id:a.type==="root"?v.value&&v.value.rootIndex===a.rootIndex||u.value&&u.value.rootIndex===a.rootIndex:!1}function pe(a){p(),e.nextTick(()=>{u.value=a,v.value=a,x.value=o.makeDonut({series:a.breakdown,base:1},a.x2+24+t.value.style.chart.layout.nuts.offsetX,a.y1+r.value.branchSize/2,80,80),C("selectNut",a.breakdown)})}function N(){u.value=null,x.value=null,C("selectNut",null)}function O(a){v.value&&v.value.id===a.id?(v.value=null,p(),C("selectBranch",null)):(p(),v.value=a,C("selectBranch",a))}function K(a){b.value&&b.value.id===a.id?(p(),C("selectRoot",null)):(p(),b.value=a,C("selectRoot",a))}function fe(){return f.value.bottom-(u.value.y1+180)<0?0:f.value.bottom}function w(a){return a.proportion*100>t.value.style.chart.layout.nuts.selected.labels.dataLabels.hideUnderValue}function me(){const a=new ResizeObserver(s=>{s.forEach(l=>{H.value=l.contentRect.width<ue.value})});L.value&&a.observe(L.value)}e.onMounted(()=>{J()});function J(){o.objectIsEmpty(k.dataset)&&o.error({componentName:"VueUiChestnut",type:"dataset"});const a=ie.value*(r.value.branchSize+r.value.gap)+r.value.padding.top+r.value.padding.bottom;r.value.height=a,me()}const c=e.computed(()=>{const a=[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=m.value.flatMap((l,n)=>l.branches.flatMap((d,i)=>d.breakdown.flatMap((y,Dl)=>y.table)));return{head:a,body:s}});function Q(){e.nextTick(()=>{const a=[[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,y)=>[c.value.body[y-1]&&c.value.body[y-1].rootName===i.rootName?"":i.rootName,c.value.body[y-1]&&c.value.body[y-1].rootName===i.rootName?"":i.rootValue,c.value.body[y-1]&&c.value.body[y-1].rootName===i.rootName?"":i.rootToTotal,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchName,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchValue,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchToRoot,c.value.body[y-1]&&c.value.body[y-1].branchName===i.branchName?"":i.branchToTotal,i.nutName,i.nutValue,i.nutToBranch,i.nutToRoot,i.nutToTotal]),n=a.concat([s]).concat(l),d=o.createCsvContent(n);o.downloadCsv({csvContent:d,title:t.value.style.chart.layout.title.text||"vue-ui-chestnut"})})}const V=e.ref(!1);function be(a){V.value=a,M.value+=1}function Z(){S.value.showTable=!S.value.showTable}const $=e.ref(!1);function P(){$.value=!$.value}return ae({getData:ce,generatePdf:q,generateCsv:Q,generateImage:Y,toggleTable:Z,toggleAnnotator:P}),(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-chestnut ${V.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"chestnutChart",ref:I,id:`vue-ui-chestnut_${h.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),onMouseenter:s[2]||(s[2]=()=>e.unref(R)(!0)),onMouseleave:s[3]||(s[3]=()=>e.unref(R)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Be._sfc_main,{key:0,svgRef:e.unref(X),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:$.value,onClose:P},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),se.value?(e.openBlock(),e.createElementBlock("div",we,null,512)):e.createCommentVNode("",!0),t.value.userOptions.show&&z.value&&(e.unref(A)||e.unref(T))?(e.openBlock(),e.createBlock(ee.UserOptions,{ref_key:"details",ref:re,key:`user_options_${M.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(U),isPrinting:e.unref(G),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:V.value,titles:{...t.value.userOptions.buttonTitles},chartElement:I.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:$.value,onToggleFullscreen:be,onGeneratePdf:e.unref(q),onGenerateCsv:Q,onGenerateImage:e.unref(Y),onToggleTable:Z,onToggleAnnotator:P,style:e.normalizeStyle({visibility:e.unref(A)?e.unref(T)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:l,color:n})=>[e.renderSlot(a.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:l,color:n})),void 0,!0)]),key:"0"}:void 0,a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,a.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:n})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:n})),void 0,!0)]),key:"5"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:n})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:n})),void 0,!0)]),key:"6"}: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),r.value.height>0&&z.value?(e.openBlock(),e.createElementBlock("svg",{key:3,ref_key:"svgRef",ref:X,xmlns:e.unref(o.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":V.value,"vue-data-ui-fulscreen--off":!V.value}),viewBox:`0 0 ${r.value.width<=0?10:r.value.width} ${r.value.height<=0?10:r.value.height}`,style:e.normalizeStyle(`overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(xe._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:r.value.width<=0?10:r.value.width,height:r.value.height<=0?10:r.value.height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,Ve)):e.createCommentVNode("",!0),u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",$e,[t.value.style.chart.layout.title.text?(e.openBlock(),e.createElementBlock("text",{key:0,"text-anchor":"middle",fill:t.value.style.chart.layout.title.color,"font-weight":t.value.style.chart.layout.title.bold?"bold":"normal","font-size":t.value.style.chart.layout.title.fontSize,x:r.value.width/2,y:12+t.value.style.chart.layout.title.fontSize+t.value.style.chart.layout.title.offsetY,onClick:p},e.toDisplayString(t.value.style.chart.layout.title.text),9,Te)):e.createCommentVNode("",!0),t.value.style.chart.layout.title.subtitle.text?(e.openBlock(),e.createElementBlock("text",{key:1,"text-anchor":"middle",fill:t.value.style.chart.layout.title.subtitle.color,"font-weight":t.value.style.chart.layout.title.subtitle.bold?"bold":"normal","font-size":t.value.style.chart.layout.title.subtitle.fontSize,x:r.value.width/2,y:48+t.value.style.chart.layout.title.subtitle.fontSize+t.value.style.chart.layout.title.subtitle.offsetY,onClick:p},e.toDisplayString(t.value.style.chart.layout.title.subtitle.text),9,Fe)):e.createCommentVNode("",!0)])),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(l,n)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`root_gradient_${h.value}_${l.rootIndex}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)(e.unref(o.shiftHue)(l.color,.05),100-t.value.style.chart.layout.roots.gradientIntensity)},null,8,De),e.createElementVNode("stop",{offset:"100%","stop-color":l.color},null,8,Oe)],8,Le))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,l=>(e.openBlock(),e.createElementBlock("linearGradient",{x1:"0%",y1:"0%",x2:"100%",y2:"0%",id:`branch_gradient_${h.value}_${l.rootIndex}`},[e.createElementVNode("stop",{offset:"0%","stop-color":l.color},null,8,Ie),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)(e.unref(o.shiftHue)(l.color,.02),100-t.value.style.chart.layout.branches.gradientIntensity)},null,8,Me)],8,Pe))),256)),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nutpick_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,Ae),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(o.setOpacity)("#FFFFFF",t.value.style.chart.layout.nuts.selected.gradientIntensity)},null,8,Xe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,je)],8,Re),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nut_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,Ue),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(o.setOpacity)("#FFFFFF",t.value.style.chart.layout.nuts.gradientIntensity)},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)("#FFFFFF",0)},null,8,Ye)],8,Ge),e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`nut_underlayer_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(o.setOpacity)(t.value.style.chart.backgroundColor,100)},null,8,We),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(o.setOpacity)(t.value.style.chart.backgroundColor,60)},null,8,Ke),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(o.setOpacity)(t.value.style.chart.backgroundColor,0)},null,8,Je)],8,He)]),t.value.style.chart.layout.grandTotal.show?(e.openBlock(),e.createElementBlock("g",Qe,[e.createElementVNode("text",{x:f.value.seedX,y:32+t.value.style.chart.layout.grandTotal.offsetY,"font-size":t.value.style.chart.layout.grandTotal.fontSize,"font-weight":t.value.style.chart.layout.grandTotal.bold?"bold":"normal",fill:t.value.style.chart.layout.grandTotal.color,"text-anchor":"middle",onClick:p},e.toDisplayString(t.value.style.chart.layout.grandTotal.text),9,Ze),e.createElementVNode("text",{x:f.value.seedX,y:38+t.value.style.chart.layout.grandTotal.fontSize+t.value.style.chart.layout.grandTotal.offsetY,"font-size":t.value.style.chart.layout.grandTotal.fontSize,"font-weight":t.value.style.chart.layout.grandTotal.bold?"bold":"normal",fill:t.value.style.chart.layout.grandTotal.color,"text-anchor":"middle",onClick:p},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.chart.layout.grandTotal.formatter,_.value,e.unref(o.dataLabel)({p:t.value.style.chart.layout.grandTotal.prefix,v:_.value,s:t.value.style.chart.layout.grandTotal.suffix,r:t.value.style.chart.layout.grandTotal.roundingValue}))),9,et)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,l=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.branchSize,(n,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} 

package/dist/{vue-ui-chestnut-L0bS5jtX.js → vue-ui-chestnut-YX5q5qpY.js}

@@ -1,12 +1,12 @@
 import { useCssVars as He, computed as m, ref as T, watch as We, onMounted as Ke, createElementBlock as o, openBlock as a, unref as n, normalizeStyle as h, normalizeClass as k, createBlock as K, createCommentVNode as f, renderSlot as S, createSlots as Je, withCtx as B, normalizeProps as J, guardReactiveProps as Q, createVNode as Ce, createElementVNode as s, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as Z, withKeys as Qe, nextTick as Te } from "vue";
-import { u as Ze, c as et, t as tt, p as P, a as lt, b as at, g as ne, e as ee, d as re, o as ot, X as st, s as F, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as V, q as nt, r as rt } from "./index-gC66Se26.js";
-import { u as it, U as ct } from "./usePrinter-KMFl0n0s.js";
-import dt from "./vue-ui-skeleton-7Zfds6H1.js";
-import vt from "./BaseIcon-DqYzMisq.js";
-import yt from "./vue-ui-accordion-j2beIma_.js";
-import { u as Fe } from "./useNestedProp-BusTOV-6.js";
-import { _ as ht } from "./PackageVersion-39l3KkzC.js";
-import { P as ft } from "./PenAndPaper-CmcfpltX.js";
+import { u as Ze, c as et, t as tt, p as V, a as lt, b as at, g as ne, e as ee, d as re, o as ot, X as st, s as F, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as P, q as nt, r as rt } from "./index-B_dU_4T8.js";
+import { u as it, U as ct } from "./usePrinter-CLObTJ4a.js";
+import dt from "./vue-ui-skeleton-CTZKsfWs.js";
+import vt from "./BaseIcon-CdxldTMn.js";
+import yt from "./vue-ui-accordion-C5dj9Voo.js";
+import { u as Fe } from "./useNestedProp-7s4Pw7x0.js";
+import { _ as ht } from "./PackageVersion-BZ8-AoE_.js";
+import { _ as ft } from "./PenAndPaper--_AE7XzJ.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -15,7 +15,7 @@ const _t = ["id"], xt = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, mt = ["xmlns", "viewBox"], kt = ["width", "height"], wt = { key: 1 }, $t = ["fill", "font-weight", "font-size", "x", "y"], Ct = ["fill", "font-weight", "font-size", "x", "y"], Tt = ["id"], zt = ["stop-color"], Nt = ["stop-color"], St = ["id"], Ft = ["stop-color"], It = ["stop-color"], Lt = ["id"], Pt = ["stop-color"], Vt = ["stop-color"], Ot = ["stop-color"], Rt = ["id"], Mt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = ["id"], Xt = ["stop-color"], Gt = ["stop-color"], Et = ["stop-color"], Ut = { key: 2 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x", "y", "font-size", "font-weight", "fill"], qt = ["d", "stroke"], Ht = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Kt = { key: 3 }, Jt = ["x", "y", "font-size", "fill", "onClick"], Qt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "height", "width", "fill", "rx", "onClick"], tl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], ll = { key: 4 }, al = ["x", "y", "fill", "font-size", "onClick"], ol = ["d", "stroke"], sl = ["fill", "cx", "cy", "r", "onClick"], ul = { key: 5 }, nl = ["x", "y", "font-size", "font-weight", "fill"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["y", "height", "width"], cl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, dl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, vl = {
+}, mt = ["xmlns", "viewBox"], kt = ["width", "height"], wt = { key: 1 }, $t = ["fill", "font-weight", "font-size", "x", "y"], Ct = ["fill", "font-weight", "font-size", "x", "y"], Tt = ["id"], zt = ["stop-color"], Nt = ["stop-color"], St = ["id"], Ft = ["stop-color"], It = ["stop-color"], Lt = ["id"], Vt = ["stop-color"], Pt = ["stop-color"], Ot = ["stop-color"], Rt = ["id"], Mt = ["stop-color"], Bt = ["stop-color"], jt = ["stop-color"], At = ["id"], Xt = ["stop-color"], Gt = ["stop-color"], Et = ["stop-color"], Ut = { key: 2 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], Yt = ["x", "y", "font-size", "font-weight", "fill"], qt = ["d", "stroke"], Ht = ["cx", "cy", "r", "fill"], Wt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick"], Kt = { key: 3 }, Jt = ["x", "y", "font-size", "fill", "onClick"], Qt = { key: 0 }, Zt = ["x", "y", "fill", "font-size", "font-weight"], el = ["x", "y", "height", "width", "fill", "rx", "onClick"], tl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick"], ll = { key: 4 }, al = ["x", "y", "fill", "font-size", "onClick"], ol = ["d", "stroke"], sl = ["fill", "cx", "cy", "r", "onClick"], ul = { key: 5 }, nl = ["x", "y", "font-size", "font-weight", "fill"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = ["y", "height", "width"], cl = { style: { width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "flex-direction": "column" } }, dl = { style: { display: "flex", "align-items": "center", "justify-content": "center", gap: "12px", "flex-wrap": "wrap", "flex-direction": "row" } }, vl = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
@@ -23,7 +23,7 @@ const _t = ["id"], xt = {
   viewBox: "0 0 20 20",
   height: "16",
   width: "16"
-}, _l = ["fill"], xl = ["cx", "cy", "fill"], ml = ["d", "stroke"], kl = ["cx", "cy", "fill"], wl = ["d", "stroke"], $l = ["cx", "cy", "fill"], Cl = ["cx", "cy", "fill"], Tl = ["x", "y", "fill", "font-size", "font-weight"], zl = ["x", "y", "fill", "font-size", "font-weight"], Nl = ["x", "text-anchor", "y", "fill", "font-size"], Sl = ["x", "text-anchor", "y", "fill", "font-size"], Fl = ["x", "text-anchor", "y", "fill", "font-size"], Il = ["x", "text-anchor", "y", "fill", "font-size"], Ll = ["x", "text-anchor", "y", "fill", "font-size"], Pl = ["x", "y", "font-size", "fill"], Vl = ["x", "y", "font-size", "fill"], Ol = ["x", "y", "font-size", "fill"], Rl = {
+}, _l = ["fill"], xl = ["cx", "cy", "fill"], ml = ["d", "stroke"], kl = ["cx", "cy", "fill"], wl = ["d", "stroke"], $l = ["cx", "cy", "fill"], Cl = ["cx", "cy", "fill"], Tl = ["x", "y", "fill", "font-size", "font-weight"], zl = ["x", "y", "fill", "font-size", "font-weight"], Nl = ["x", "text-anchor", "y", "fill", "font-size"], Sl = ["x", "text-anchor", "y", "fill", "font-size"], Fl = ["x", "text-anchor", "y", "fill", "font-size"], Il = ["x", "text-anchor", "y", "fill", "font-size"], Ll = ["x", "text-anchor", "y", "fill", "font-size"], Vl = ["x", "y", "font-size", "fill"], Pl = ["x", "y", "font-size", "fill"], Ol = ["x", "y", "font-size", "fill"], Rl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Ml = {
@@ -47,25 +47,25 @@ const _t = ["id"], xt = {
     }
   },
   emits: ["selectRoot", "selectBranch", "selectNut"],
-  setup(Ie, { expose: Le, emit: Pe }) {
+  setup(Ie, { expose: Le, emit: Ve }) {
     He((l) => ({
       "4b8440b7": l.tdo
     }));
-    const { vue_ui_chestnut: Ve } = Ze(), O = Ie, Y = m(() => !!O.dataset && O.dataset.length), w = T(et()), ie = T(null), Oe = T(null), ce = T(0), e = m({
+    const { vue_ui_chestnut: Pe } = Ze(), O = Ie, Y = m(() => !!O.dataset && O.dataset.length), w = T(et()), ie = T(null), Oe = T(null), ce = T(0), e = m({
       get: () => he(),
       set: (l) => l
     }), { userOptionsVisible: te, setUserOptionsVisibility: de, keepUserOptionState: ve } = bt({ config: e.value }), { svgRef: ye } = pt({ config: e.value.style.chart.layout.title });
     function he() {
       const l = Fe({
         userConfig: O.config,
-        defaultConfig: Ve
+        defaultConfig: Pe
       });
       return l.theme ? {
         ...Fe({
           userConfig: lt.vue_ui_chestnut[l.theme] || O.config,
           defaultConfig: l
         }),
-        customPalette: tt[l.theme] || P
+        customPalette: tt[l.theme] || V
       } : l;
     }
     We(() => O.config, (l) => {
@@ -137,7 +137,7 @@ const _t = ["id"], xt = {
       const t = (l.branches || []).map((u) => u.value || 0).reduce((u, b) => u + b, 0);
       return {
         ...l,
-        color: re(l.color) || le.value[i] || P[i] || P[i % P.length],
+        color: re(l.color) || le.value[i] || V[i] || V[i % V.length],
         id: l.id || `root_${i}_${w.value}`,
         type: "root",
         total: t,
@@ -146,7 +146,7 @@ const _t = ["id"], xt = {
           ...u,
           rootName: l.name,
           rootIndex: i,
-          color: re(l.color) || le.value[i] || P[i] || P[i % P.length],
+          color: re(l.color) || le.value[i] || V[i] || V[i % V.length],
           value: u.value >= 0 ? u.value : 0,
           id: u.id || `branch_${i}_${b}_${w.value}`,
           proportionToRoot: u.value / t,
@@ -176,7 +176,7 @@ const _t = ["id"], xt = {
             proportionToTree: y.value / R.value,
             rootIndex: i,
             id: y.id || `nut_${i}_${b}_${p}_${w.value}`,
-            color: re(y.color) || le.value[p] || P[p] || P[p % P.length],
+            color: re(y.color) || le.value[p] || V[p] || V[p % V.length],
             value: y.value >= 0 ? y.value : 0
           }))
         }))
@@ -185,7 +185,7 @@ const _t = ["id"], xt = {
     function Be() {
       return N.value;
     }
-    const U = Pe, je = m(() => N.value.flatMap((l) => l.branches).length), Ae = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), Xe = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), xe = m(() => 256 + r.value.padding.left), j = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
+    const U = Ve, je = m(() => N.value.flatMap((l) => l.branches).length), Ae = m(() => Math.max(...N.value.map((l) => l.branches.map((i) => i.value).reduce((i, t) => i + t, 0)))), Xe = m(() => Math.max(...N.value.flatMap((l) => l.branches.map((i) => i.value)))), xe = m(() => 256 + r.value.padding.left), j = m(() => N.value.sort((l, i) => i.total - l.total).map((l, i) => {
       const t = C.value.height / N.value.length / 2, u = l.total / Ae.value * (t > 64 ? 64 : t);
       return {
         ...l,
@@ -497,11 +497,11 @@ const _t = ["id"], xt = {
             s("stop", {
               offset: "0%",
               "stop-color": n(F)("#FFFFFF", 0)
-            }, null, 8, Pt),
+            }, null, 8, Vt),
             s("stop", {
               offset: "80%",
               "stop-color": n(F)("#FFFFFF", e.value.style.chart.layout.nuts.selected.gradientIntensity)
-            }, null, 8, Vt),
+            }, null, 8, Pt),
             s("stop", {
               offset: "100%",
               "stop-color": n(F)("#FFFFFF", 0)
@@ -911,8 +911,8 @@ const _t = ["id"], xt = {
           (a(!0), o(g, null, _(M.value, (t, u) => (a(), o("g", null, [
             D(t) ? (a(), o("text", {
               key: 0,
-              x: n(V)(t).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) - e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 6,
               fill: t.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize / 2,
@@ -921,8 +921,8 @@ const _t = ["id"], xt = {
             }, " ⬤ ", 14, Nl)) : f("", !0),
             D(t) ? (a(), o("text", {
               key: 1,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t, !0).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t, !0).anchor,
               y: n(H)(t),
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -933,8 +933,8 @@ const _t = ["id"], xt = {
           (a(!0), o(g, null, _(M.value, (t, u) => (a(), o("g", null, [
             D(t) ? (a(), o("text", {
               key: 0,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -957,8 +957,8 @@ const _t = ["id"], xt = {
             )), 15, Fl)) : f("", !0),
             D(t) ? (a(), o("text", {
               key: 1,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 2,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -971,8 +971,8 @@ const _t = ["id"], xt = {
             })) + " " + c(e.value.translations.of) + " " + c(d.value.breakdown[u].rootName), 15, Il)) : f("", !0),
             D(t) ? (a(), o("text", {
               key: 2,
-              x: n(V)(t, !0).x,
-              "text-anchor": n(V)(t).anchor,
+              x: n(P)(t, !0).x,
+              "text-anchor": n(P)(t).anchor,
               y: n(H)(t) + e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize * 3,
               fill: e.value.style.chart.layout.nuts.selected.labels.dataLabels.color,
               "font-size": e.value.style.chart.layout.nuts.selected.labels.dataLabels.fontSize,
@@ -1005,7 +1005,7 @@ const _t = ["id"], xt = {
               r: e.value.style.chart.layout.branches.labels.dataLabels.roundingValue
             }),
             { datapoint: t }
-          )), 9, Pl)) : f("", !0),
+          )), 9, Vl)) : f("", !0),
           x.value && x.value.id === t.id && !d.value ? (a(), o("text", {
             key: 1,
             x: t.x1 + 6,
@@ -1018,7 +1018,7 @@ const _t = ["id"], xt = {
             v: t.proportionToRoot * 100,
             s: "%",
             r: e.value.style.chart.layout.branches.labels.dataLabels.roundingPercentage
-          })) + " " + c(e.value.translations.of) + " " + c(t.rootName), 9, Vl)) : f("", !0),
+          })) + " " + c(e.value.translations.of) + " " + c(t.rootName), 9, Pl)) : f("", !0),
           x.value && x.value.id === t.id && !d.value ? (a(), o("text", {
             key: 2,
             x: t.x1 + 6,

package/dist/{vue-ui-circle-pack-DwCzeO3L.js → vue-ui-circle-pack-DFhj3arJ.js}

@@ -1,14 +1,14 @@
-import { useCssVars as We, computed as w, ref as p, watch as $e, onMounted as Xe, watchEffect as Ye, createElementBlock as b, openBlock as f, unref as m, normalizeStyle as K, normalizeClass as Te, createBlock as M, createCommentVNode as k, renderSlot as x, createSlots as Ze, withCtx as z, normalizeProps as U, guardReactiveProps as B, createVNode as Je, Fragment as Q, renderList as Ke, createElementVNode as C, mergeProps as Pe, toDisplayString as j, createTextVNode as Qe, nextTick as Se } from "vue";
-import { u as et, c as Ie, t as ie, p as ee, a as tt, o as lt, e as at, b as ot, d as st, h as Oe, f as ce, X as nt, l as rt, G as q, af as ut, q as it, r as ct, i as Fe } from "./index-gC66Se26.js";
-import { u as Ne } from "./useNestedProp-BusTOV-6.js";
-import { u as vt, U as dt } from "./usePrinter-KMFl0n0s.js";
-import { _ as ht } from "./Title-Co3F59jq.js";
-import { P as ft } from "./PenAndPaper-CmcfpltX.js";
+import { useCssVars as We, computed as w, ref as p, watch as $e, onMounted as Xe, watchEffect as Ye, createElementBlock as b, openBlock as f, unref as m, normalizeStyle as K, normalizeClass as Te, createBlock as M, createCommentVNode as k, renderSlot as x, createSlots as Ze, withCtx as z, normalizeProps as U, guardReactiveProps as B, createVNode as Je, Fragment as Q, renderList as Ke, createElementVNode as C, mergeProps as Se, toDisplayString as j, createTextVNode as Qe, nextTick as Ie } from "vue";
+import { u as et, c as Oe, t as ie, p as ee, a as tt, o as lt, e as at, b as ot, d as st, h as Pe, f as ce, X as nt, l as rt, G as q, af as ut, q as it, r as ct, i as Fe } from "./index-B_dU_4T8.js";
+import { u as Ne } from "./useNestedProp-7s4Pw7x0.js";
+import { u as vt, U as dt } from "./usePrinter-CLObTJ4a.js";
+import { _ as ht } from "./Title-ND4kMErl.js";
+import { _ as ft } from "./PenAndPaper--_AE7XzJ.js";
 import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as mt } from "./PackageVersion-39l3KkzC.js";
-import pt from "./vue-ui-accordion-j2beIma_.js";
-import { D as bt } from "./DataTable-C_28ZqiP.js";
-import gt from "./vue-ui-skeleton-7Zfds6H1.js";
+import { _ as mt } from "./PackageVersion-BZ8-AoE_.js";
+import pt from "./vue-ui-accordion-C5dj9Voo.js";
+import { D as bt } from "./DataTable-BFNGlApm.js";
+import gt from "./vue-ui-skeleton-CTZKsfWs.js";
 import { u as kt } from "./useChartAccessibility-BWojgys7.js";
 import { t as xt, u as wt } from "./useResponsive-Cw4oZ8sQ.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -75,7 +75,7 @@ class te {
     this._ = c, this.next = null, this.previous = null;
   }
 }
-const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y", "width", "height"], Pt = ["id"], St = ["stop-color"], It = ["stop-color"], Ot = ["stop-color"], Ft = { key: 0 }, Nt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Et = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Rt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], At = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], Dt = {
+const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y", "width", "height"], St = ["id"], It = ["stop-color"], Ot = ["stop-color"], Pt = ["stop-color"], Ft = { key: 0 }, Nt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onClick"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], Et = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Rt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], At = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], Dt = {
   key: 0,
   style: { pointerEvents: "none" }
 }, Lt = { key: 1 }, Ht = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Vt = ["opacity", "x", "y", "font-size", "fill", "font-weight"], Gt = {
@@ -103,7 +103,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       cf72f1fe: N.value,
       "4e89318c": oe.value
     }));
-    const i = r, v = h, { vue_ui_circle_pack: o } = et(), a = w(() => !!i.dataset && i.dataset.length), s = p(Ie()), u = p(null), g = p(null), $ = p(null), E = p(0), R = p(0), A = p(0), W = p(null), e = w({
+    const i = r, v = h, { vue_ui_circle_pack: o } = et(), a = w(() => !!i.dataset && i.dataset.length), s = p(Oe()), u = p(null), g = p(null), $ = p(null), E = p(0), R = p(0), A = p(0), W = p(null), e = w({
       get: () => fe(),
       set: (t) => t
     }), { svgRef: ve } = kt({ config: e.value.style.chart.title }), {
@@ -133,7 +133,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       options: e.value.userOptions.print
     }), De = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = p({
       showTable: e.value.table.show
-    }), ge = p(null), I = p({ h: 10, w: 10 }), ke = p(0), O = p([0, 0, 100, 100]), X = p({ h: 0, w: 0 });
+    }), ge = p(null), O = p({ h: 10, w: 10 }), ke = p(0), P = p([0, 0, 100, 100]), X = p({ h: 0, w: 0 });
     async function ae() {
       lt(i.dataset) && at({
         componentName: "VueUiCirclePack",
@@ -146,9 +146,9 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
           noTitle: $.value
         }), re = n || 10, ue = l && l > 10 ? l : 10;
         ke.value = e.value.style.chart.title.text ? y : _, requestAnimationFrame(() => {
-          I.value.w = re, I.value.h = ue - ke.value, Se(async () => {
+          O.value.w = re, O.value.h = ue - ke.value, Ie(async () => {
             const je = Y.value.map((qe) => ({ ...qe }));
-            F.value = await Ee(je, I.value.h, I.value.w), O.value = Me(F.value, 1), T.value = O.value.join(" "), X.value = xe(u.value);
+            F.value = await Ee(je, O.value.h, O.value.w), P.value = Me(F.value, 1), T.value = P.value.join(" "), X.value = xe(u.value);
           });
         });
       });
@@ -172,7 +172,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       return {
         ...t,
         r: t.value,
-        id: Ie(),
+        id: Oe(),
         color: l
       };
     }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), F = p([]), T = p("0 0 100 100"), L = w(() => Math.max(...F.value.map((t) => t.r)));
@@ -183,24 +183,24 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
     function He(t) {
       e.value.style.chart.circles.zoom.show && (d.value = t);
     }
-    const N = w(() => d.value ? d.value.r : 0), oe = w(() => S.value ? N.value : d.value ? d.value.r > O.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? d.value.r : O.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), P = p(0), Ve = w(() => ({
+    const N = w(() => d.value ? d.value.r : 0), oe = w(() => I.value ? N.value : d.value ? d.value.r > P.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? d.value.r : P.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), S = p(0), Ve = w(() => ({
       pointerEvents: "none",
-      opacity: P.value,
-      filter: `drop-shadow(0px 0px 6px ${Oe(d.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
+      opacity: S.value,
+      filter: `drop-shadow(0px 0px 6px ${Pe(d.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
     })), H = p(N.value);
     Ye(() => {
-      H.value = N.value, P.value = 0;
+      H.value = N.value, S.value = 0;
       let t = null;
       function n(l) {
         t || (t = l);
         const y = (l - t) / e.value.style.chart.circles.zoom.animationFrameMs;
-        y < 1 ? (H.value = N.value + (oe.value - N.value) * y, P.value = 0 + e.value.style.chart.circles.zoom.opacity * y, requestAnimationFrame(n)) : (H.value = oe.value, P.value = e.value.style.chart.circles.zoom.opacity);
+        y < 1 ? (H.value = N.value + (oe.value - N.value) * y, S.value = 0 + e.value.style.chart.circles.zoom.opacity * y, requestAnimationFrame(n)) : (H.value = oe.value, S.value = e.value.style.chart.circles.zoom.opacity);
       }
       requestAnimationFrame(n);
     });
     const V = w(() => ({
-      name: e.value.style.chart.circles.zoom.label.name.fontSize * O.value[3] / 300,
-      value: e.value.style.chart.circles.zoom.label.value.fontSize * O.value[3] / 300
+      name: e.value.style.chart.circles.zoom.label.name.fontSize * P.value[3] / 300,
+      value: e.value.style.chart.circles.zoom.label.value.fontSize * P.value[3] / 300
     }));
     function se(t) {
       return Fe(
@@ -236,9 +236,9 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
     function Ue(t) {
       G.value = t, A.value += 1;
     }
-    const S = p(!1);
+    const I = p(!1);
     function ne() {
-      S.value = !S.value;
+      I.value = !I.value;
     }
     const Z = w(() => {
       const t = Y.value.map((l) => ({
@@ -249,7 +249,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
       return { head: t, body: n };
     });
     function _e() {
-      Se(() => {
+      Ie(() => {
         const t = Z.value.head.map((y, _) => [[
           y.name
         ], [Z.value.body[_]]]), n = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), l = it(n);
@@ -324,7 +324,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
         svgRef: m(ve),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: S.value,
+        active: I.value,
         scale: L.value / 100,
         onClose: ne
       }, null, 8, ["svgRef", "backgroundColor", "color", "active", "scale"])) : k("", !0),
@@ -376,7 +376,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: S.value,
+        isAnnotation: I.value,
         onToggleFullscreen: Ue,
         onGeneratePdf: m(pe),
         onGenerateCsv: _e,
@@ -443,8 +443,8 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
         ref: ve,
         xmlns: m(nt),
         viewBox: T.value,
-        height: I.value.h,
-        width: I.value.w,
+        height: O.value.h,
+        width: O.value.w,
         class: Te({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
         style: K(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};background:${e.value.style.chart.backgroundColor};`)
       }, [
@@ -470,20 +470,20 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
               C("stop", {
                 offset: "10%",
                 "stop-color": m(rt)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
-              }, null, 8, St),
+              }, null, 8, It),
               C("stop", {
                 offset: "90%",
-                "stop-color": m(Oe)(l.color, 0.1)
-              }, null, 8, It),
+                "stop-color": m(Pe)(l.color, 0.1)
+              }, null, 8, Ot),
               C("stop", {
                 offset: "100%",
                 "stop-color": l.color
-              }, null, 8, Ot)
-            ], 8, Pt)
+              }, null, 8, Pt)
+            ], 8, St)
           ]),
           t.$slots.pattern ? (f(), b("g", Ft, [
             C("defs", null, [
-              x(t.$slots, "pattern", Pe({ ref_for: !0 }, { ...l, patternId: `pattern_${s.value}_${l.id}` }), void 0, !0)
+              x(t.$slots, "pattern", Se({ ref_for: !0 }, { ...l, patternId: `pattern_${s.value}_${l.id}` }), void 0, !0)
             ])
           ])) : k("", !0),
           C("rect", {
@@ -513,7 +513,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
               pointerEvents: "none"
             }
           }, null, 8, Mt)) : k("", !0),
-          t.$slots["data-label"] ? x(t.$slots, "data-label", Pe({
+          t.$slots["data-label"] ? x(t.$slots, "data-label", Se({
             key: 2,
             ref_for: !0
           }, { ...l, createTSpans: m(ut), fontSize: { name: l.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio, value: Ce(l) * e.value.style.chart.circles.labels.value.fontSizeRatio }, color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : m(q)(l.color) }), void 0, !0) : (f(), b(Q, { key: 3 }, [
@@ -523,7 +523,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
                 pointerEvents: "none",
                 transition: "opacity 0.2s ease-in-out"
               },
-              opacity: d.value && !S.value ? 0.2 : 1,
+              opacity: d.value && !I.value ? 0.2 : 1,
               x: l.x,
               y: l.y + we(l.r, e.value.style.chart.circles.labels.name.offsetY) - l.r / 10,
               "font-size": l.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
@@ -537,7 +537,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
                 pointerEvents: "none",
                 transition: "opacity 0.2s ease-in-out"
               },
-              opacity: d.value && !S.value ? 0.2 : 1,
+              opacity: d.value && !I.value ? 0.2 : 1,
               x: l.x,
               y: l.y + we(l.r, e.value.style.chart.circles.labels.value.offsetY) + l.r / 2.5,
               "font-size": Ce(l) * e.value.style.chart.circles.labels.value.fontSizeRatio,
@@ -547,25 +547,25 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
             }, j(se(l)), 9, Rt)) : k("", !0)
           ], 64))
         ], 64))), 256)),
-        d.value && e.value.style.chart.circles.zoom.show && !S.value ? (f(), b(Q, { key: 1 }, [
+        d.value && e.value.style.chart.circles.zoom.show && !I.value ? (f(), b(Q, { key: 1 }, [
           C("circle", {
             style: K(Ve.value),
             cx: d.value.x,
             cy: d.value.y,
             r: H.value,
-            opacity: P.value,
+            opacity: S.value,
             stroke: e.value.style.chart.circles.stroke,
             "stroke-width": e.value.style.chart.circles.strokeWidth * L.value / 100,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${d.value.id})` : d.value.color
           }, null, 12, At),
           t.$slots["zoom-label"] ? (f(), b("g", Dt, [
-            x(t.$slots, "zoom-label", U(B({ ...d.value, zoomOpacity: P.value, currentRadius: H.value, fontSize: V.value })), void 0, !0)
+            x(t.$slots, "zoom-label", U(B({ ...d.value, zoomOpacity: S.value, currentRadius: H.value, fontSize: V.value })), void 0, !0)
           ])) : (f(), b("g", Lt, [
             C("text", {
               style: {
                 pointerEvents: "none"
               },
-              opacity: P.value,
+              opacity: S.value,
               x: d.value.x,
               y: d.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - V.value.name / 4,
               "text-anchor": "middle",
@@ -577,7 +577,7 @@ const zt = ["id"], $t = ["xmlns", "viewBox", "height", "width"], Tt = ["x", "y",
               style: {
                 pointerEvents: "none"
               },
-              opacity: P.value,
+              opacity: S.value,
               x: d.value.x,
               y: d.value.y + V.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
               "text-anchor": "middle",