vue-data-ui 2.3.2 → 2.3.4

package/dist/vue-ui-chestnut-mIZ4-ZEM.cjs

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

package/dist/vue-ui-cursor-C96IChA3.js

@@ -0,0 +1,229 @@
+import { ref as n, computed as m, onMounted as R, onBeforeUnmount as b, openBlock as o, createElementBlock as l, unref as C, normalizeStyle as E, createElementVNode as r, createCommentVNode as i, normalizeClass as p, toDisplayString as x, nextTick as F, pushScopeId as I, popScopeId as L } from "vue";
+import { u as z } from "./useNestedProp-BgWkUab_.js";
+import { u as O, c as B, X as N, r as T } from "./index-uOtklCCx.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const g = (a) => (I("data-v-fe8d65eb"), a = a(), L(), a), $ = ["xmlns", "height", "width"], W = {
+  id: "follower",
+  fy: "30%",
+  fx: "30%"
+}, G = ["stop-color", "stop-opacity"], A = /* @__PURE__ */ g(() => /* @__PURE__ */ r("stop", {
+  offset: "95%",
+  "stop-color": "transparent"
+}, null, -1)), U = ["r", "fill", "stroke", "stroke-width", "stroke-dasharray"], V = ["r", "fill"], M = {
+  key: 2,
+  class: "wave"
+}, P = ["id"], X = ["id"], j = /* @__PURE__ */ g(() => /* @__PURE__ */ r("feColorMatrix", {
+  type: "saturate",
+  values: "0"
+}, null, -1)), Y = ["filter", "stroke"], q = {
+  key: 3,
+  class: "crosshair"
+}, H = ["x1", "stroke", "stroke-width", "stroke-dasharray"], J = ["x1", "stroke", "stroke-width", "stroke-dasharray"], K = ["y1", "stroke", "stroke-width", "stroke-dasharray"], Q = ["y1", "stroke", "stroke-width", "stroke-dasharray"], Z = ["cy", "r", "fill"], ee = ["cy", "r", "fill"], te = ["cx", "r", "fill"], re = ["cx", "r", "fill"], se = {
+  key: 5,
+  class: "coordinates"
+}, oe = ["x", "y", "font-size", "fill"], le = ["transform"], ie = ["font-size", "fill"], ae = {
+  __name: "vue-ui-cursor",
+  props: {
+    config: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(a) {
+    const w = a, { vue_ui_cursor: S } = O(), d = n(B()), e = m(() => z({
+      userConfig: w.config,
+      defaultConfig: S
+    })), s = n({
+      x: -100,
+      y: -100
+    });
+    function h({ clientX: t, clientY: k, ...ce }) {
+      s.value.x = t - e.value.centerCircleRadius, s.value.y = k - e.value.centerCircleRadius;
+    }
+    function f(t) {
+      s.value.x = t.targetTouches[0].clientX - e.value.centerCircleRadius, s.value.y = t.targetTouches[0].clientY - e.value.centerCircleRadius;
+    }
+    const y = n(!0);
+    function u(t) {
+      y.value = t;
+    }
+    const c = n(!1), v = n(null);
+    function _() {
+      c.value = !1, v.value && clearTimeout(v.value), F(() => {
+        c.value = !0, v.value = setTimeout(() => {
+          c.value = !1;
+        }, 1e3);
+      });
+    }
+    return R(() => {
+      const t = e.value.parentId ? document.getElementById(e.value.parentId) : document.getElementsByTagName("div")[0];
+      t.addEventListener("mousemove", h), t.addEventListener("touchmove", f), t.addEventListener("mouseleave", () => u(!1)), t.addEventListener("mouseenter", () => u(!0)), t.addEventListener("click", _);
+    }), b(() => {
+      const t = e.value.parentId ? document.getElementById(e.value.parentId) : document.getElementsByTagName("div")[0];
+      t.removeEventListener("mousemove", h), t.removeEventListener("touchmove", f), t.removeEventListener("mouseleave", () => u(!1)), t.removeEventListener("mouseenter", () => u(!0)), t.removeEventListener("click", _);
+    }), m(() => e.value.centerCircleRadius / 2.5), (t, k) => y.value ? (o(), l("svg", {
+      key: 0,
+      "data-html2canvas-ignore": "",
+      xmlns: C(N),
+      style: E(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${s.value.y}px; left:${s.value.x}px;`),
+      viewBox: "0 0 100 100",
+      height: e.value.centerCircleRadius * 2,
+      width: e.value.centerCircleRadius * 2
+    }, [
+      r("defs", null, [
+        r("radialGradient", W, [
+          r("stop", {
+            offset: "10%",
+            "stop-color": e.value.bubbleEffectColor,
+            "stop-opacity": e.value.bubbleEffectOpacity
+          }, null, 8, G),
+          A
+        ])
+      ]),
+      e.value.showCenterCircle ? (o(), l("circle", {
+        key: 0,
+        cx: 50,
+        cy: 50,
+        r: e.value.centerCircleRadius,
+        fill: e.value.centerCircleColor + C(T)[e.value.centerCircleOpacity * 100],
+        stroke: e.value.centerCircleStroke,
+        "stroke-width": e.value.centerCircleStrokeWidth,
+        "stroke-dasharray": e.value.centerCircleDasharray
+      }, null, 8, U)) : i("", !0),
+      e.value.bubbleEffect ? (o(), l("circle", {
+        key: 1,
+        cx: 50,
+        cy: 50,
+        r: e.value.centerCircleRadius,
+        fill: "url(#follower)",
+        stroke: "none"
+      }, null, 8, V)) : i("", !0),
+      e.value.useWaveOnClick ? (o(), l("g", M, [
+        r("defs", null, [
+          r("filter", {
+            id: `blur_${d.value}`,
+            x: "-50%",
+            y: "-50%",
+            width: "200%",
+            height: "200%"
+          }, [
+            r("feGaussianBlur", {
+              in: "SourceGraphic",
+              stdDeviation: 4,
+              id: `blur_std_${d.value}`
+            }, null, 8, X),
+            j
+          ], 8, P)
+        ]),
+        c.value ? (o(), l("circle", {
+          key: 0,
+          class: p({ "circle-wave": c.value }),
+          cx: 50,
+          cy: 50,
+          r: 50,
+          filter: `url(#blur_${d.value})`,
+          stroke: e.value.centerCircleStroke,
+          fill: "none",
+          "stroke-width": "3"
+        }, null, 10, Y)) : i("", !0)
+      ])) : i("", !0),
+      e.value.showCrosshair ? (o(), l("g", q, [
+        r("line", {
+          x1: -e.value.centerCircleRadius + 50,
+          x2: -5e3,
+          y1: 50,
+          y2: 50,
+          stroke: e.value.crosshairStroke,
+          "stroke-width": e.value.crosshairStrokeWidth,
+          "stroke-dasharray": e.value.crosshairDasharray,
+          "stroke-linecap": "round"
+        }, null, 8, H),
+        r("line", {
+          x1: 50 + e.value.centerCircleRadius,
+          x2: 5e3,
+          y1: 50,
+          y2: 50,
+          stroke: e.value.crosshairStroke,
+          "stroke-width": e.value.crosshairStrokeWidth,
+          "stroke-dasharray": e.value.crosshairDasharray,
+          "stroke-linecap": "round"
+        }, null, 8, J),
+        r("line", {
+          x1: 50,
+          x2: 50,
+          y1: -e.value.centerCircleRadius + 50,
+          y2: -5e3,
+          stroke: e.value.crosshairStroke,
+          "stroke-width": e.value.crosshairStrokeWidth,
+          "stroke-dasharray": e.value.crosshairDasharray,
+          "stroke-linecap": "round"
+        }, null, 8, K),
+        r("line", {
+          x1: 50,
+          x2: 50,
+          y1: e.value.centerCircleRadius + 50,
+          y2: 5e3,
+          stroke: e.value.crosshairStroke,
+          "stroke-width": e.value.crosshairStrokeWidth,
+          "stroke-dasharray": e.value.crosshairDasharray,
+          "stroke-linecap": "round"
+        }, null, 8, Q)
+      ])) : i("", !0),
+      e.value.showIntersectCircles ? (o(), l("g", {
+        key: 4,
+        class: p({ "rotating-circles": e.value.isLoading })
+      }, [
+        r("circle", {
+          cx: 50,
+          cy: e.value.centerCircleRadius + 50,
+          r: e.value.intersectCirclesRadius,
+          fill: e.value.intersectCirclesFill
+        }, null, 8, Z),
+        r("circle", {
+          cx: 50,
+          cy: -e.value.centerCircleRadius + 50,
+          r: e.value.intersectCirclesRadius,
+          fill: e.value.intersectCirclesFill
+        }, null, 8, ee),
+        r("circle", {
+          cx: -e.value.centerCircleRadius + 50,
+          cy: 50,
+          r: e.value.intersectCirclesRadius,
+          fill: e.value.intersectCirclesFill
+        }, null, 8, te),
+        r("circle", {
+          cx: e.value.centerCircleRadius + 50,
+          cy: 50,
+          r: e.value.intersectCirclesRadius,
+          fill: e.value.intersectCirclesFill
+        }, null, 8, re)
+      ], 2)) : i("", !0),
+      e.value.showCoordinates ? (o(), l("g", se, [
+        r("text", {
+          "text-anchor": "end",
+          x: -e.value.centerCircleRadius + 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset,
+          y: 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset,
+          "font-size": e.value.coordinatesFontSize,
+          fill: e.value.coordinatesColor,
+          style: { "font-variant-numeric": "tabular-nums" },
+          "font-family": "Arial"
+        }, x(s.value.x.toFixed(0)), 9, oe),
+        r("g", {
+          transform: `translate(${50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset}, ${-e.value.centerCircleRadius + 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset})`
+        }, [
+          r("text", {
+            "text-anchor": "start",
+            "font-size": e.value.coordinatesFontSize,
+            fill: e.value.coordinatesColor,
+            style: { "font-variant-numeric": "tabular-nums" },
+            transform: "rotate(-90)",
+            "font-family": "Arial"
+          }, x(s.value.y.toFixed(0)), 9, ie)
+        ], 8, le)
+      ])) : i("", !0)
+    ], 12, $)) : i("", !0);
+  }
+}, he = /* @__PURE__ */ D(ae, [["__scopeId", "data-v-fe8d65eb"]]);
+export {
+  he as default
+};

package/dist/vue-ui-cursor-De7dy4Mo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),_=require("./useNestedProp-2kIU-7On.cjs"),i=require("./index-p5gfZSvB.cjs"),C=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),m=l=>(t.pushScopeId("data-v-fe8d65eb"),l=l(),t.popScopeId(),l),p=["xmlns","height","width"],x={id:"follower",fy:"30%",fx:"30%"},E=["stop-color","stop-opacity"],N=m(()=>t.createElementVNode("stop",{offset:"95%","stop-color":"transparent"},null,-1)),g=["r","fill","stroke","stroke-width","stroke-dasharray"],V=["r","fill"],S={key:2,class:"wave"},w=["id"],b=["id"],B=m(()=>t.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),R=["filter","stroke"],F={key:3,class:"crosshair"},z=["x1","stroke","stroke-width","stroke-dasharray"],I=["x1","stroke","stroke-width","stroke-dasharray"],L=["y1","stroke","stroke-width","stroke-dasharray"],O=["y1","stroke","stroke-width","stroke-dasharray"],T=["cy","r","fill"],D=["cy","r","fill"],$=["cx","r","fill"],W=["cx","r","fill"],G={key:5,class:"coordinates"},P=["x","y","font-size","fill"],q=["transform"],A=["font-size","fill"],M={__name:"vue-ui-cursor",props:{config:{type:Object,default:{}}},setup(l){const k=l,{vue_ui_cursor:y}=i.useConfig(),c=t.ref(i.createUid()),e=t.computed(()=>_.useNestedProp({userConfig:k.config,defaultConfig:y})),o=t.ref({x:-100,y:-100});function u({clientX:r,clientY:h,...j}){o.value.x=r-e.value.centerCircleRadius,o.value.y=h-e.value.centerCircleRadius}function d(r){o.value.x=r.targetTouches[0].clientX-e.value.centerCircleRadius,o.value.y=r.targetTouches[0].clientY-e.value.centerCircleRadius}const v=t.ref(!0);function a(r){v.value=r}const s=t.ref(!1),n=t.ref(null);function f(){s.value=!1,n.value&&clearTimeout(n.value),t.nextTick(()=>{s.value=!0,n.value=setTimeout(()=>{s.value=!1},1e3)})}return t.onMounted(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.addEventListener("mousemove",u),r.addEventListener("touchmove",d),r.addEventListener("mouseleave",()=>a(!1)),r.addEventListener("mouseenter",()=>a(!0)),r.addEventListener("click",f)}),t.onBeforeUnmount(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.removeEventListener("mousemove",u),r.removeEventListener("touchmove",d),r.removeEventListener("mouseleave",()=>a(!1)),r.removeEventListener("mouseenter",()=>a(!0)),r.removeEventListener("click",f)}),t.computed(()=>e.value.centerCircleRadius/2.5),(r,h)=>v.value?(t.openBlock(),t.createElementBlock("svg",{key:0,"data-html2canvas-ignore":"",xmlns:t.unref(i.XMLNS),style:t.normalizeStyle(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${o.value.y}px; left:${o.value.x}px;`),viewBox:"0 0 100 100",height:e.value.centerCircleRadius*2,width:e.value.centerCircleRadius*2},[t.createElementVNode("defs",null,[t.createElementVNode("radialGradient",x,[t.createElementVNode("stop",{offset:"10%","stop-color":e.value.bubbleEffectColor,"stop-opacity":e.value.bubbleEffectOpacity},null,8,E),N])]),e.value.showCenterCircle?(t.openBlock(),t.createElementBlock("circle",{key:0,cx:50,cy:50,r:e.value.centerCircleRadius,fill:e.value.centerCircleColor+t.unref(i.opacity)[e.value.centerCircleOpacity*100],stroke:e.value.centerCircleStroke,"stroke-width":e.value.centerCircleStrokeWidth,"stroke-dasharray":e.value.centerCircleDasharray},null,8,g)):t.createCommentVNode("",!0),e.value.bubbleEffect?(t.openBlock(),t.createElementBlock("circle",{key:1,cx:50,cy:50,r:e.value.centerCircleRadius,fill:"url(#follower)",stroke:"none"},null,8,V)):t.createCommentVNode("",!0),e.value.useWaveOnClick?(t.openBlock(),t.createElementBlock("g",S,[t.createElementVNode("defs",null,[t.createElementVNode("filter",{id:`blur_${c.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[t.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:4,id:`blur_std_${c.value}`},null,8,b),B],8,w)]),s.value?(t.openBlock(),t.createElementBlock("circle",{key:0,class:t.normalizeClass({"circle-wave":s.value}),cx:50,cy:50,r:50,filter:`url(#blur_${c.value})`,stroke:e.value.centerCircleStroke,fill:"none","stroke-width":"3"},null,10,R)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.value.showCrosshair?(t.openBlock(),t.createElementBlock("g",F,[t.createElementVNode("line",{x1:-e.value.centerCircleRadius+50,x2:-5e3,y1:50,y2:50,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,z),t.createElementVNode("line",{x1:50+e.value.centerCircleRadius,x2:5e3,y1:50,y2:50,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,I),t.createElementVNode("line",{x1:50,x2:50,y1:-e.value.centerCircleRadius+50,y2:-5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,L),t.createElementVNode("line",{x1:50,x2:50,y1:e.value.centerCircleRadius+50,y2:5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,O)])):t.createCommentVNode("",!0),e.value.showIntersectCircles?(t.openBlock(),t.createElementBlock("g",{key:4,class:t.normalizeClass({"rotating-circles":e.value.isLoading})},[t.createElementVNode("circle",{cx:50,cy:e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,T),t.createElementVNode("circle",{cx:50,cy:-e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,D),t.createElementVNode("circle",{cx:-e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,$),t.createElementVNode("circle",{cx:e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,W)],2)):t.createCommentVNode("",!0),e.value.showCoordinates?(t.openBlock(),t.createElementBlock("g",G,[t.createElementVNode("text",{"text-anchor":"end",x:-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,y:50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,"font-size":e.value.coordinatesFontSize,fill:e.value.coordinatesColor,style:{"font-variant-numeric":"tabular-nums"},"font-family":"Arial"},t.toDisplayString(o.value.x.toFixed(0)),9,P),t.createElementVNode("g",{transform:`translate(${50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset}, ${-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset})`},[t.createElementVNode("text",{"text-anchor":"start","font-size":e.value.coordinatesFontSize,fill:e.value.coordinatesColor,style:{"font-variant-numeric":"tabular-nums"},transform:"rotate(-90)","font-family":"Arial"},t.toDisplayString(o.value.y.toFixed(0)),9,A)],8,q)])):t.createCommentVNode("",!0)],12,p)):t.createCommentVNode("",!0)}},U=C._export_sfc(M,[["__scopeId","data-v-fe8d65eb"]]);exports.default=U;

package/dist/vue-ui-dashboard-B2Yz41yO.js

@@ -0,0 +1,232 @@
+import { useCssVars as J, computed as _, ref as r, watch as K, openBlock as w, createElementBlock as y, createElementVNode as g, normalizeStyle as z, createCommentVNode as I, Fragment as D, renderList as Q, normalizeClass as Z, renderSlot as ee, pushScopeId as te, popScopeId as oe, createStaticVNode as ae } from "vue";
+import { p as le } from "./pdf-97UbtKC2.js";
+import { u as ue } from "./useNestedProp-BgWkUab_.js";
+import { u as ne } from "./index-uOtklCCx.js";
+import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ie = (M) => (te("data-v-57895b3a"), M = M(), oe(), M), re = {
+  key: 0,
+  "data-html2canvas-ignore": "",
+  style: { width: "100%", display: "flex", "justify-content": "end" }
+}, de = ["disabled"], ce = ["stroke"], he = /* @__PURE__ */ ae('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-57895b3a></path><path d="M18 16v.01" data-v-57895b3a></path><path d="M6 16v.01" data-v-57895b3a></path><path d="M12 5v.01" data-v-57895b3a></path><path d="M12 12v.01" data-v-57895b3a></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-57895b3a></path>', 6), ve = [
+  he
+], fe = { key: 1 }, pe = ["id"], ge = /* @__PURE__ */ ie(() => /* @__PURE__ */ g("div", { class: "vue-ui-dashboard-grid" }, null, -1)), be = ["onMousedown", "onTouchstart"], we = ["onMousedown", "onTouchstart"], ye = ["onMousedown", "onTouchstart"], _e = ["onMousedown", "onTouchstart"], Me = ["onMousedown", "onTouchstart"], x = 20, me = {
+  __name: "vue-ui-dashboard",
+  props: {
+    dataset: Array,
+    config: Object
+  },
+  emits: ["change"],
+  setup(M, { expose: W, emit: E }) {
+    const X = M;
+    J((e) => ({
+      "417957d3": V.value,
+      "60fae9e7": j.value
+    }));
+    const { vue_ui_dashboard: L } = ne(), s = _(() => ue({
+      userConfig: X.config,
+      defaultConfig: L
+    })), Y = r(`vue-ui-dashboard-${Math.random()}`), c = r(s.value.locked);
+    function N() {
+      c.value = !c.value;
+    }
+    const n = r(X.dataset), h = r(null), u = r(null), v = r({ x: 0, y: 0 }), f = r({ x: 0, y: 0 }), i = r(null), d = r(!1), p = r(null), T = r(!1);
+    function S() {
+      T.value = !0, le({
+        domElement: document.getElementById(`vue-ui-dashboard_${Y.value}`),
+        fileName: "vue-ui-dashboard"
+      }).finally(() => {
+        T.value = !1;
+      });
+    }
+    function R(e) {
+      if (!c.value && (d.value = !0, p.value = e, u.value === null)) {
+        h.value = e, v.value = { x: event.clientX, y: event.clientY };
+        const t = n.value[e], a = 100 - t.width, o = 100 - t.height;
+        t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left > a && (t.left = a), t.top > o && (t.top = o), t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left + t.width > 100 && (t.left = 100 - t.width), t.top + t.height > 100 && (t.top = 100 - t.height);
+      }
+    }
+    function k(e, t) {
+      d.value = !0, p.value = e, u.value = { index: e, direction: t };
+      const a = n.value[e];
+      f.value = { x: event.clientX, y: event.clientY, initialWidth: a.width, initialHeight: a.height };
+    }
+    function H(e, t, a) {
+      if (u.value.direction.includes("top")) {
+        const o = e.height - a / i.value.offsetHeight * 100;
+        o >= x && (e.top += a / i.value.offsetHeight * 100, e.height = o);
+      }
+      if (u.value.direction.includes("bottom")) {
+        const o = e.height + a / i.value.offsetHeight * 100;
+        o >= x && (e.height = o);
+      }
+      if (u.value.direction.includes("left")) {
+        const o = e.width - t / i.value.offsetWidth * 100;
+        o >= x && (e.left += t / i.value.offsetWidth * 100, e.width = o);
+      }
+      if (u.value.direction.includes("right")) {
+        const o = e.width + t / i.value.offsetWidth * 100;
+        o >= x && (e.width = o);
+      }
+    }
+    function B(e) {
+      if (!c.value) {
+        if (d.value = !0, h.value !== null) {
+          const t = n.value[h.value], a = e.clientX - v.value.x, o = e.clientY - v.value.y, l = t.left + a / i.value.offsetWidth * 100, b = t.top + o / i.value.offsetHeight * 100;
+          l >= 0 && b >= 0 && l + t.width <= 100 && b + t.height <= 100 && (t.left = l, t.top = b), v.value = { x: e.clientX, y: e.clientY };
+        }
+        if (u.value !== null) {
+          const t = n.value[u.value.index], a = e.clientX - f.value.x, o = e.clientY - f.value.y;
+          H(t, a, o), f.value = { x: e.clientX, y: e.clientY };
+        }
+      }
+    }
+    K(
+      n,
+      (e) => {
+        e && !d.value && E("change", n.value);
+      },
+      { deep: !0 }
+    );
+    function F() {
+      h.value = null, u.value = null, d.value = !1, p.value = null, n.value.forEach((e) => {
+        e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
+      });
+    }
+    function P(e) {
+      c.value || (d.value = !0, p.value = e, u.value === null && (h.value = e, v.value = { x: event.touches[0].clientX, y: event.touches[0].clientY }));
+    }
+    function C(e, t, a) {
+      if (d.value = !0, p.value = e, u.value === null) {
+        u.value = { index: e, direction: t };
+        const o = n.value[e];
+        f.value = { x: a.touches[0].clientX, y: a.touches[0].clientY, initialWidth: o.width, initialHeight: o.height };
+      }
+    }
+    function $(e) {
+      if (d.value = !0, e.preventDefault(), u.value !== null) {
+        const t = n.value[u.value.index], a = e.touches[0].clientX - f.value.x, o = e.touches[0].clientY - f.value.y;
+        H(t, a, o), f.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
+      }
+    }
+    function O(e) {
+      if (!c.value && (d.value = !0, e.preventDefault(), h.value !== null)) {
+        const t = n.value[h.value], a = e.touches[0].clientX - v.value.x, o = e.touches[0].clientY - v.value.y, l = t.left + a / i.value.offsetWidth * 100, b = t.top + o / i.value.offsetHeight * 100;
+        l >= 0 && b >= 0 && l + t.width <= 100 && b + t.height <= 100 && (t.left = l, t.top = b), v.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
+      }
+    }
+    function m() {
+      d.value = !1, p.value = null, h.value = null, u.value = null, n.value.forEach((e) => {
+        e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
+      });
+    }
+    const V = _(() => s.value.style.item.borderColor), j = _(() => s.value.style.resizeHandles.backgroundColor), A = _(() => s.value.style.board.aspectRatio), G = _(() => s.value.style.board.backgroundColor), U = _(() => s.value.style.board.border);
+    function q() {
+      return n.value;
+    }
+    return W({
+      generatePdf: S,
+      getItemsPositions: q,
+      toggleLock: N
+    }), (e, t) => (w(), y("div", null, [
+      s.value.allowPrint ? (w(), y("div", re, [
+        g("button", {
+          class: "vue-ui-dashboard-button",
+          onClick: S,
+          disabled: T.value,
+          style: z([{ "margin-top": "12px" }, `color:${s.value.style.board.color}`])
+        }, [
+          T.value ? (w(), y("svg", {
+            key: 0,
+            class: "vue-ui-dashboard-print-icon",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            "stroke-width": "1.5",
+            stroke: s.value.style.board.color,
+            fill: "none",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, ve, 8, ce)) : (w(), y("span", fe, "PDF"))
+        ], 12, de)
+      ])) : I("", !0),
+      g("div", {
+        class: "vue-ui-dashboard-container",
+        ref_key: "dashboardContainer",
+        ref: i,
+        id: `vue-ui-dashboard_${Y.value}`,
+        style: z(`border:${U.value}; sbackground:${G.value}; aspect-ratio:${A.value}`)
+      }, [
+        g("div", {
+          class: "vue-ui-dashboard-grid-container",
+          ref: "container",
+          onMousemove: B,
+          onMouseup: F,
+          onTouchmove: O,
+          onTouchend: m,
+          style: z(`background:${s.value.style.board.backgroundColor}`)
+        }, [
+          ge,
+          (w(!0), y(D, null, Q(n.value, (a, o) => (w(), y("div", {
+            key: a.id,
+            class: Z({ "vue-ui-dashboard-grid-item": !0, "vue-ui-dashboard-grid-item--locked": c.value }),
+            style: z({
+              width: `${a.width}%`,
+              height: `${a.height}%`,
+              left: `${a.left}%`,
+              top: `${a.top}%`,
+              cursor: "move",
+              boxShadow: p.value === o ? "0 6px 12px -3px rgba(0,0,0,0.3)" : "",
+              zIndex: p.value === o ? "1" : "0",
+              backgroundColor: s.value.style.item.backgroundColor
+            }),
+            onMousedown: (l) => R(o),
+            onTouchstart: (l) => P(o)
+          }, [
+            c.value ? I("", !0) : (w(), y(D, { key: 0 }, [
+              g("div", {
+                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
+                onMousedown: (l) => k(o, "top-left"),
+                onTouchstart: (l) => C(o, "top-left", l),
+                onTouchmove: t[0] || (t[0] = (l) => $(l)),
+                onTouchend: m
+              }, null, 40, we),
+              g("div", {
+                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
+                onMousedown: (l) => k(o, "top-right"),
+                onTouchstart: (l) => C(o, "top-right", l),
+                onTouchmove: t[1] || (t[1] = (l) => $(l)),
+                onTouchend: m
+              }, null, 40, ye),
+              g("div", {
+                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
+                onMousedown: (l) => k(o, "bottom-left"),
+                onTouchstart: (l) => C(o, "bottom-left", l),
+                onTouchmove: t[2] || (t[2] = (l) => $(l)),
+                onTouchend: m
+              }, null, 40, _e),
+              g("div", {
+                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
+                onMousedown: (l) => k(o, "bottom-right"),
+                onTouchstart: (l) => C(o, "bottom-right", l),
+                onTouchmove: t[3] || (t[3] = (l) => $(l)),
+                onTouchend: m
+              }, null, 40, Me)
+            ], 64)),
+            ee(e.$slots, "content", {
+              item: a,
+              index: o,
+              left: a.left,
+              top: a.top,
+              height: a.height,
+              width: a.width
+            }, void 0, !0)
+          ], 46, be))), 128))
+        ], 36)
+      ], 12, pe)
+    ]));
+  }
+}, xe = /* @__PURE__ */ se(me, [["__scopeId", "data-v-57895b3a"]]);
+export {
+  xe as default
+};

package/dist/vue-ui-dashboard-BMGwKr0K.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),R=require("./pdf-Cz3729tZ.cjs"),q=require("./useNestedProp-2kIU-7On.cjs"),O=require("./index-p5gfZSvB.cjs"),j=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),A=b=>(o.pushScopeId("data-v-57895b3a"),b=b(),o.popScopeId(),b),G={key:0,"data-html2canvas-ignore":"",style:{width:"100%",display:"flex","justify-content":"end"}},U=["disabled"],J=["stroke"],K=o.createStaticVNode('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-57895b3a></path><path d="M18 16v.01" data-v-57895b3a></path><path d="M6 16v.01" data-v-57895b3a></path><path d="M12 5v.01" data-v-57895b3a></path><path d="M12 12v.01" data-v-57895b3a></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-57895b3a></path>',6),Q=[K],Z={key:1},ee=["id"],te=A(()=>o.createElementVNode("div",{class:"vue-ui-dashboard-grid"},null,-1)),oe=["onMousedown","onTouchstart"],le=["onMousedown","onTouchstart"],ae=["onMousedown","onTouchstart"],ne=["onMousedown","onTouchstart"],ue=["onMousedown","onTouchstart"],M=20,se={__name:"vue-ui-dashboard",props:{dataset:Array,config:Object},emits:["change"],setup(b,{expose:$,emit:B}){const T=b;o.useCssVars(e=>({"417957d3":I.value,"60fae9e7":D.value}));const{vue_ui_dashboard:N}=O.useConfig(),i=o.computed(()=>q.useNestedProp({userConfig:T.config,defaultConfig:N})),z=o.ref(`vue-ui-dashboard-${Math.random()}`),d=o.ref(i.value.locked);function S(){d.value=!d.value}const s=o.ref(T.dataset),h=o.ref(null),u=o.ref(null),v=o.ref({x:0,y:0}),f=o.ref({x:0,y:0}),r=o.ref(null),c=o.ref(!1),p=o.ref(null),y=o.ref(!1);function E(){y.value=!0,R.pdf({domElement:document.getElementById(`vue-ui-dashboard_${z.value}`),fileName:"vue-ui-dashboard"}).finally(()=>{y.value=!1})}function x(e){if(!d.value&&(c.value=!0,p.value=e,u.value===null)){h.value=e,v.value={x:event.clientX,y:event.clientY};const t=s.value[e],a=100-t.width,l=100-t.height;t.left<0&&(t.left=0),t.top<0&&(t.top=0),t.left>a&&(t.left=a),t.top>l&&(t.top=l),t.left<0&&(t.left=0),t.top<0&&(t.top=0),t.left+t.width>100&&(t.left=100-t.width),t.top+t.height>100&&(t.top=100-t.height)}}function m(e,t){c.value=!0,p.value=e,u.value={index:e,direction:t};const a=s.value[e];f.value={x:event.clientX,y:event.clientY,initialWidth:a.width,initialHeight:a.height}}function C(e,t,a){if(u.value.direction.includes("top")){const l=e.height-a/r.value.offsetHeight*100;l>=M&&(e.top+=a/r.value.offsetHeight*100,e.height=l)}if(u.value.direction.includes("bottom")){const l=e.height+a/r.value.offsetHeight*100;l>=M&&(e.height=l)}if(u.value.direction.includes("left")){const l=e.width-t/r.value.offsetWidth*100;l>=M&&(e.left+=t/r.value.offsetWidth*100,e.width=l)}if(u.value.direction.includes("right")){const l=e.width+t/r.value.offsetWidth*100;l>=M&&(e.width=l)}}function X(e){if(!d.value){if(c.value=!0,h.value!==null){const t=s.value[h.value],a=e.clientX-v.value.x,l=e.clientY-v.value.y,n=t.left+a/r.value.offsetWidth*100,g=t.top+l/r.value.offsetHeight*100;n>=0&&g>=0&&n+t.width<=100&&g+t.height<=100&&(t.left=n,t.top=g),v.value={x:e.clientX,y:e.clientY}}if(u.value!==null){const t=s.value[u.value.index],a=e.clientX-f.value.x,l=e.clientY-f.value.y;C(t,a,l),f.value={x:e.clientX,y:e.clientY}}}}o.watch(s,e=>{e&&!c.value&&B("change",s.value)},{deep:!0});function Y(){h.value=null,u.value=null,c.value=!1,p.value=null,s.value.forEach(e=>{e.left=Math.round(e.left/100*100),e.top=Math.round(e.top/100*100),e.width=Math.round(e.width/100*100),e.height=Math.round(e.height/100*100)})}function V(e){d.value||(c.value=!0,p.value=e,u.value===null&&(h.value=e,v.value={x:event.touches[0].clientX,y:event.touches[0].clientY}))}function k(e,t,a){if(c.value=!0,p.value=e,u.value===null){u.value={index:e,direction:t};const l=s.value[e];f.value={x:a.touches[0].clientX,y:a.touches[0].clientY,initialWidth:l.width,initialHeight:l.height}}}function _(e){if(c.value=!0,e.preventDefault(),u.value!==null){const t=s.value[u.value.index],a=e.touches[0].clientX-f.value.x,l=e.touches[0].clientY-f.value.y;C(t,a,l),f.value={x:e.touches[0].clientX,y:e.touches[0].clientY}}}function H(e){if(!d.value&&(c.value=!0,e.preventDefault(),h.value!==null)){const t=s.value[h.value],a=e.touches[0].clientX-v.value.x,l=e.touches[0].clientY-v.value.y,n=t.left+a/r.value.offsetWidth*100,g=t.top+l/r.value.offsetHeight*100;n>=0&&g>=0&&n+t.width<=100&&g+t.height<=100&&(t.left=n,t.top=g),v.value={x:e.touches[0].clientX,y:e.touches[0].clientY}}}function w(){c.value=!1,p.value=null,h.value=null,u.value=null,s.value.forEach(e=>{e.left=Math.round(e.left/100*100),e.top=Math.round(e.top/100*100),e.width=Math.round(e.width/100*100),e.height=Math.round(e.height/100*100)})}const I=o.computed(()=>i.value.style.item.borderColor),D=o.computed(()=>i.value.style.resizeHandles.backgroundColor),W=o.computed(()=>i.value.style.board.aspectRatio),L=o.computed(()=>i.value.style.board.backgroundColor),P=o.computed(()=>i.value.style.board.border);function F(){return s.value}return $({generatePdf:E,getItemsPositions:F,toggleLock:S}),(e,t)=>(o.openBlock(),o.createElementBlock("div",null,[i.value.allowPrint?(o.openBlock(),o.createElementBlock("div",G,[o.createElementVNode("button",{class:"vue-ui-dashboard-button",onClick:E,disabled:y.value,style:o.normalizeStyle([{"margin-top":"12px"},`color:${i.value.style.board.color}`])},[y.value?(o.openBlock(),o.createElementBlock("svg",{key:0,class:"vue-ui-dashboard-print-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:i.value.style.board.color,fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},Q,8,J)):(o.openBlock(),o.createElementBlock("span",Z,"PDF"))],12,U)])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"vue-ui-dashboard-container",ref_key:"dashboardContainer",ref:r,id:`vue-ui-dashboard_${z.value}`,style:o.normalizeStyle(`border:${P.value}; sbackground:${L.value}; aspect-ratio:${W.value}`)},[o.createElementVNode("div",{class:"vue-ui-dashboard-grid-container",ref:"container",onMousemove:X,onMouseup:Y,onTouchmove:H,onTouchend:w,style:o.normalizeStyle(`background:${i.value.style.board.backgroundColor}`)},[te,(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.value,(a,l)=>(o.openBlock(),o.createElementBlock("div",{key:a.id,class:o.normalizeClass({"vue-ui-dashboard-grid-item":!0,"vue-ui-dashboard-grid-item--locked":d.value}),style:o.normalizeStyle({width:`${a.width}%`,height:`${a.height}%`,left:`${a.left}%`,top:`${a.top}%`,cursor:"move",boxShadow:p.value===l?"0 6px 12px -3px rgba(0,0,0,0.3)":"",zIndex:p.value===l?"1":"0",backgroundColor:i.value.style.item.backgroundColor}),onMousedown:n=>x(l),onTouchstart:n=>V(l)},[d.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",onMousedown:n=>m(l,"top-left"),onTouchstart:n=>k(l,"top-left",n),onTouchmove:t[0]||(t[0]=n=>_(n)),onTouchend:w},null,40,le),o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",onMousedown:n=>m(l,"top-right"),onTouchstart:n=>k(l,"top-right",n),onTouchmove:t[1]||(t[1]=n=>_(n)),onTouchend:w},null,40,ae),o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",onMousedown:n=>m(l,"bottom-left"),onTouchstart:n=>k(l,"bottom-left",n),onTouchmove:t[2]||(t[2]=n=>_(n)),onTouchend:w},null,40,ne),o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",onMousedown:n=>m(l,"bottom-right"),onTouchstart:n=>k(l,"bottom-right",n),onTouchmove:t[3]||(t[3]=n=>_(n)),onTouchend:w},null,40,ue)],64)),o.renderSlot(e.$slots,"content",{item:a,index:l,left:a.left,top:a.top,height:a.height,width:a.width},void 0,!0)],46,oe))),128))],36)],12,ee)]))}},ie=j._export_sfc(se,[["__scopeId","data-v-57895b3a"]]);exports.default=ie;