vue-data-ui 2.6.20 → 2.6.22

package/dist/vue-ui-circle-pack-DnwKX38S.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-CmhvuQro.cjs"),me=require("./useNestedProp-CnH-XcZU.cjs"),he=require("./usePrinter-DhZH4pcR.cjs"),Me=require("./Title-m1x23s4w.cjs"),Re=require("./PenAndPaper-DSEAEpTs.cjs"),Ae=require("./useUserOptionState-BgepsfED.cjs"),De=require("./PackageVersion-Vv7wNIAl.cjs"),_e=require("./vue-ui-accordion-C3Ljak65.cjs"),Le=require("./DataTable-Qba16zLZ.cjs"),qe=require("./vue-ui-skeleton-DyJu1ibj.cjs"),Ue=require("./useChartAccessibility-Cm7nkzTG.cjs"),He=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ge=["id"],Ye=["xmlns","viewBox"],We=["x","y","width","height"],Xe=["id"],je=["stop-color"],Ze=["stop-color"],Je=["stop-color"],Ke={key:0},Qe=["x","y","width","height","stroke","stroke-width","fill","rx","onMouseenter","onClick"],et=["x","y","width","height","stroke","stroke-width","fill","rx"],tt=["opacity","x","y","font-size","fill","font-weight"],lt=["opacity","x","y","font-size","fill","font-weight"],at=["d","fill"],ot=["cx","cy","r","opacity","stroke","fill"],rt={key:0,style:{pointerEvents:"none"}},nt={key:1},st=["opacity","x","y","font-size","fill","font-weight"],ut=["opacity","x","y","font-size","fill","font-weight"],it={key:6,class:"vue-data-ui-watermark"},ct=["innerHTML"],dt={__name:"vue-ui-circle-pack",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint"],setup(pe,{expose:ye,emit:ge}){e.useCssVars(l=>({"1144c89d":b.value,"5f554054":I.value}));const y=pe,ke=ge,{vue_ui_circle_pack:be}=r.useConfig(),S=e.computed(()=>!!y.dataset&&y.dataset.length),C=e.ref(r.createUid()),U=e.ref(null),Ce=e.ref(null),xe=e.ref(null),H=e.ref(0),G=e.ref(0),Y=e.ref(0),we=e.ref(null),t=e.computed({get:()=>Z(),set:l=>l}),{svgRef:W}=Ue.useChartAccessibility({config:t.value.style.chart.title}),{userOptionsVisible:V,setUserOptionsVisibility:X,keepUserOptionState:j}=Ae.useUserOptionState({config:t.value});function Z(){const l=me.useNestedProp({userConfig:y.config,defaultConfig:be});return l.theme?{...me.useNestedProp({userConfig:r.themes.vue_ui_circle_pack[l.theme]||y.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>y.config,l=>{t.value=Z(),V.value=!t.value.userOptions.showOnChartHover,O(),H.value+=1,G.value+=1,x.value.showTable=t.value.table.show},{deep:!0});const{isPrinting:J,isImaging:K,generatePdf:Q,generateImage:ee}=he.usePrinter({elementId:`vue-ui-circle-pack_${C.value}`,fileName:t.value.style.chart.title.text||"vue-ui-circle-pack"}),ze=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),x=e.ref({showTable:t.value.table.show});async function O(){r.objectIsEmpty(y.dataset)&&r.error({componentName:"VueUiCirclePack",type:"dataset"}),await Pe()}e.onMounted(O),e.watch(()=>y.dataset,async l=>{await O()},{deep:!0});const te=e.computed(()=>r.convertCustomPalette(t.value.customPalette));function le(l,o){return Math.hypot(o.x-l.x,o.y-l.y)}function ae(l,o){return o.some(a=>le(l,a)<l.radius+a.radius)}function Be(l,o,a,s){const c=o*2;for(let h of l)for(let p=0;p<360;p+=1){let $=p*Math.PI/180,i=h.x+c*Math.cos($),n=h.y-c*Math.sin($),m={x:i,y:n,radius:o};if(i-o>=0&&i+o<=a&&n-o>=0&&n+o<=s&&!ae(m,l))return{x:i,y:n}}return null}function $e({datapoints:l,width:o,height:a,maxRadius:s,offsetX:c=0,offsetY:h=0}){const p=Math.max(...l.map(m=>m.value)),i=l.map((m,d)=>({...m,radius:m.value/p*s,index:d})).map((m,d)=>({...m,index:d})).toSorted((m,d)=>d.radius-m.radius);let n=[];n.push({...i[0],x:o/2+c,y:a/2+h});for(let m of i.slice(1)){let{radius:d,...ie}=m,A=Be(n,d,o,a);if(A)n.push({...ie,x:A.x,y:A.y,radius:d});else{let D=null,ce=1/0;for(let E of n)for(let _=0;_<360;_+=15){let de=_*Math.PI/180,L=E.x+(d+E.radius)*Math.cos(de),q=E.y+(d+E.radius)*Math.sin(de),T={...ie,x:L,y:q,radius:d};if(L-d>=0&&L+d<=o&&q-d>=0&&q+d<=a&&!ae(T,n)){let ve=n.reduce((Ie,fe)=>Ie+(le(T,fe)<T.radius+fe.radius?1:0),0);ve<ce&&(ce=ve,D=T)}}D&&n.push(D)}}return n}const F=e.computed(()=>y.dataset.map((l,o)=>{const a=r.convertColorToHex(l.color)||te.value[o]||r.themePalettes[t.value.theme||"default"][o%r.themePalettes[t.value.theme||"default"].length]||r.palette[o]||r.palette[o%r.palette.length];return{...l,id:r.createUid(),color:a}}).filter(l=>![null,void 0,1/0,-1/0].includes(l.value))),f=e.ref([]),Se=e.computed(()=>Math.max(...f.value.map(l=>l.radius)));function oe(l,o){return o/Se.value*l}async function Pe(){f.value=$e({datapoints:F.value,width:1e4,height:1e4,maxRadius:32})}const re=e.computed(()=>({width:100,height:100})),v=e.computed(()=>{const l=f.value.reduce((i,n)=>n.x-n.radius<i.x-i.radius?n:i,f.value[0]),o=f.value.reduce((i,n)=>n.y-n.radius<i.y-i.radius?n:i,f.value[0]),a=f.value.reduce((i,n)=>n.x+n.radius>i.x+i.radius?n:i,f.value[0]),s=f.value.reduce((i,n)=>n.y+n.radius>i.y+i.radius?n:i,f.value[0]),c=(l==null?void 0:l.x)||0,h=(a==null?void 0:a.x)||re.value.width,p=(o==null?void 0:o.y)||0,$=(s==null?void 0:s.y)||re.value.height;return{maxX:h,minX:c,width:Math.abs(h-c)+(l?l.radius:0)+(a?a.radius:0)+t.value.style.chart.circles.strokeWidth*4,height:Math.abs($-p)+(o?o.radius:0)+(s?s.radius:0)+t.value.style.chart.circles.strokeWidth*4,x:l?(l==null?void 0:l.x)-(l==null?void 0:l.radius)-t.value.style.chart.circles.strokeWidth*2:0,y:o?(o==null?void 0:o.y)-(o==null?void 0:o.radius)-t.value.style.chart.circles.strokeWidth*2:0}}),Ne=e.computed(()=>f.value.map(l=>{if(l.breakdown)return r.makeDonut({series:l.breakdown.map((o,a)=>({...o,color:r.convertColorToHex(o.color)||te.value[a]||r.palette[a]||r.palette[a%r.palette.length]}))},l.x,l.y,l.radius,l.radius,1.99999,2,1,360,105.25,l.radius/2)})),u=e.ref(null);function Ee(l){t.value.style.chart.circles.zoom.show&&(u.value=l)}const b=e.computed(()=>u.value?u.value.radius:0),I=e.computed(()=>k.value?b.value:u.value?u.value.radius>v.value.width/6*t.value.style.chart.circles.zoom.zoomRatio?u.value.radius:v.value.width/6*t.value.style.chart.circles.zoom.zoomRatio:0),g=e.ref(0),Te=e.computed(()=>({pointerEvents:"none",opacity:g.value,filter:`drop-shadow(0px 0px 6px ${r.darkenHexColor(u.value.color,t.value.style.chart.circles.zoom.shadowForce)})`})),w=e.ref(b.value);e.watchEffect(()=>{w.value=b.value,g.value=0;let l=null;function o(a){l||(l=a);const s=(a-l)/t.value.style.chart.circles.zoom.animationFrameMs;s<1?(w.value=b.value+(I.value-b.value)*s,g.value=0+t.value.style.chart.circles.zoom.opacity*s,requestAnimationFrame(o)):(w.value=I.value,g.value=t.value.style.chart.circles.zoom.opacity)}requestAnimationFrame(o)});const z=e.computed(()=>({name:t.value.style.chart.circles.zoom.label.name.fontSize*v.value.width/300,value:t.value.style.chart.circles.zoom.label.value.fontSize*v.value.width/300}));function M(l){return r.applyDataLabel(t.value.style.chart.circles.labels.value.formatter,l.value,r.dataLabel({p:t.value.style.chart.circles.labels.value.prefix,v:l.value,s:t.value.style.chart.circles.labels.value.suffix,r:t.value.style.chart.circles.labels.value.rounding}))}function Ve(){return r.applyDataLabel(t.value.style.chart.circles.zoom.label.value.formatter,u.value.value,r.dataLabel({p:t.value.style.chart.circles.zoom.label.value.prefix,v:u.value.value,s:t.value.style.chart.circles.zoom.label.value.suffix,r:t.value.style.chart.circles.zoom.label.value.rounding}))}function ne(l){if(!l)return 0;const o=l.radius/M(l).length*(M(l).length===1?1:2);return Math.min(l.radius/2.5,o)}const B=e.ref(!1);function Oe(l){B.value=l,Y.value+=1}const k=e.ref(!1);function R(){k.value=!k.value}const P=e.computed(()=>{const l=F.value.map(a=>({name:a.name,value:a.value,color:a.color})).toSorted((a,s)=>s.value-a.value),o=l.map(a=>a.value);return{head:l,body:o}});function se(){e.nextTick(()=>{const l=P.value.head.map((s,c)=>[[s.name],[P.value.body[c]]]),o=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],[t.value.table.columnNames.value]]].concat(l),a=r.createCsvContent(o);r.downloadCsv({csvContent:a,title:t.value.style.chart.title.text||"vue-ui-circle-pack"})})}const N=e.computed(()=>{const l=[t.value.table.columnNames.datapoint,t.value.table.columnNames.value],o=P.value.head.map((c,h)=>{const p=r.dataLabel({p:t.value.style.chart.circles.labels.value.prefix,v:P.value.body[h],s:t.value.style.chart.circles.labels.value.suffix,r:t.value.style.chart.circles.labels.value.rounding});return[{color:c.color,name:c.name},p]}),a={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{colNames:[t.value.table.columnNames.datapoint,t.value.table.columnNames.value],head:l,body:o,config:a}});function ue(){x.value.showTable=!x.value.showTable}function Fe(){return F.value}return ye({getData:Fe,generateCsv:se,generatePdf:Q,generateImage:ee,toggleTable:ue,toggleAnnotator:R}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{id:`vue-ui-circle-pack_${C.value}`,class:e.normalizeClass(`vue-ui-circle-pack ${B.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"circlePackChart",ref:U,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),onMouseenter:o[2]||(o[2]=()=>e.unref(X)(!0)),onMouseleave:o[3]||(o[3]=()=>e.unref(X)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Re.PenAndPaper,{key:0,svgRef:e.unref(W),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:k.value,onClose:R},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"userConfig",{},void 0,!0),ze.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:xe,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:Ce,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(Me._sfc_main,{key:`title_${H.value}`,config:{title:{cy:"donut-div-title",...t.value.style.chart.title},subtitle:{cy:"donut-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&S.value&&(e.unref(j)||e.unref(V))?(e.openBlock(),e.createBlock(he.UserOptions,{ref:"details",key:`user_option_${Y.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(J),isImaging:e.unref(K),uid:C.value,hasTooltip:!1,hasLabel:!1,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:B.value,chartElement:U.value,position:t.value.userOptions.position,titles:{...t.value.userOptions.buttonTitles},hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:k.value,onToggleFullscreen:Oe,onGeneratePdf:e.unref(Q),onGenerateCsv:se,onGenerateImage:e.unref(ee),onToggleTable:ue,onToggleAnnotator:R,style:e.normalizeStyle({visibility:e.unref(j)?e.unref(V)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:a,color:s})=>[e.renderSlot(l.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:a,color:s})),void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:s})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:s})),void 0,!0)]),key:"5"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:s})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:s})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","chartElement","position","titles","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),S.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:W,xmlns:e.unref(r.XMLNS),viewBox:`${v.value.x} ${v.value.y} ${v.value.width} ${v.value.height}`,width:"100%",class:e.normalizeClass({"vue-data-ui-fullscreen--on":B.value,"vue-data-ui-fulscreen--off":!B.value}),style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color};`)},[e.createVNode(De._sfc_main),l.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:v.value.x,y:v.value.y,width:v.value.width,height:v.value.height,style:{pointerEvents:"none"}},[e.renderSlot(l.$slots,"chart-background",{},void 0,!0)],8,We)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:a.id,fy:"30%"},[e.createElementVNode("stop",{offset:"10%","stop-color":e.unref(r.lightenHexColor)(a.color,t.value.style.chart.circles.gradient.intensity/100)},null,8,je),e.createElementVNode("stop",{offset:"90%","stop-color":e.unref(r.darkenHexColor)(a.color,.1)},null,8,Ze),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,Je)],8,Xe)]),l.$slots.pattern?(e.openBlock(),e.createElementBlock("g",Ke,[e.createElementVNode("defs",null,[e.renderSlot(l.$slots,"pattern",e.mergeProps({ref_for:!0},{...a,patternId:`pattern_${C.value}_${a.id}`}),void 0,!0)])])):e.createCommentVNode("",!0),e.createElementVNode("rect",{x:a.x-a.radius,y:a.y-a.radius,width:a.radius*2,height:a.radius*2,stroke:t.value.style.chart.circles.stroke,"stroke-width":t.value.style.chart.circles.strokeWidth,fill:t.value.style.chart.circles.gradient.show?`url(#${a.id})`:a.color,rx:a.radius,onMouseenter:()=>Ee(a),onMouseout:o[0]||(o[0]=s=>u.value=null),onClick:s=>ke("selectDatapoint",a)},null,40,Qe),l.$slots.pattern?(e.openBlock(),e.createElementBlock("rect",{key:1,x:a.x-a.radius,y:a.y-a.radius,width:a.radius*2,height:a.radius*2,stroke:t.value.style.chart.circles.stroke,"stroke-width":t.value.style.chart.circles.strokeWidth,fill:`url(#pattern_${C.value}_${a.id})`,rx:a.radius,style:{pointerEvents:"none"}},null,8,et)):e.createCommentVNode("",!0),l.$slots["data-label"]?e.renderSlot(l.$slots,"data-label",e.mergeProps({key:2,ref_for:!0},{...a,createTSpans:e.unref(r.createTSpans),fontSize:{name:a.radius/3*t.value.style.chart.circles.labels.name.fontSizeRatio,value:ne(a)*t.value.style.chart.circles.labels.value.fontSizeRatio},color:t.value.style.chart.circles.labels.name.color?t.value.style.chart.circles.labels.name.color:e.unref(r.adaptColorToBackground)(a.color)}),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.circles.labels.name.show&&a.name?(e.openBlock(),e.createElementBlock("text",{key:0,style:{pointerEvents:"none",transition:"opacity 0.2s ease-in-out"},opacity:u.value&&!k.value?.2:1,x:a.x,y:a.y+oe(a.radius,t.value.style.chart.circles.labels.name.offsetY)-a.radius/6,"font-size":a.radius/3*t.value.style.chart.circles.labels.name.fontSizeRatio,fill:t.value.style.chart.circles.labels.name.color?t.value.style.chart.circles.labels.name.color:e.unref(r.adaptColorToBackground)(a.color),"font-weight":t.value.style.chart.circles.labels.name.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(a.name),9,tt)):e.createCommentVNode("",!0),t.value.style.chart.circles.labels.value.show?(e.openBlock(),e.createElementBlock("text",{key:1,style:{pointerEvents:"none",transition:"opacity 0.2s ease-in-out"},opacity:u.value&&!k.value?.2:1,x:a.x,y:a.y+oe(a.radius,t.value.style.chart.circles.labels.value.offsetY)+a.radius/3,"font-size":ne(a)*t.value.style.chart.circles.labels.value.fontSizeRatio,fill:t.value.style.chart.circles.labels.value.color?t.value.style.chart.circles.labels.value.color:e.unref(r.adaptColorToBackground)(a.color),"font-weight":t.value.style.chart.circles.labels.value.bold?"bold":"normal","text-anchor":"middle"},e.toDisplayString(M(a)),9,lt)):e.createCommentVNode("",!0)],64)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ne.value,s=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s,c=>(e.openBlock(),e.createElementBlock("path",{d:c.arcSlice,fill:c.color,stroke:"black"},null,8,at))),256))],64))),256))],64))),256)),u.value&&t.value.style.chart.circles.zoom.show&&!k.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("circle",{style:e.normalizeStyle(Te.value),cx:u.value.x,cy:u.value.y,r:w.value,opacity:g.value,stroke:t.value.style.chart.circles.stroke,fill:t.value.style.chart.circles.gradient.show?`url(#${u.value.id})`:u.value.color},null,12,ot),l.$slots["zoom-label"]?(e.openBlock(),e.createElementBlock("g",rt,[e.renderSlot(l.$slots,"zoom-label",e.normalizeProps(e.guardReactiveProps({...u.value,zoomOpacity:g.value,currentRadius:w.value,fontSize:z.value})),void 0,!0)])):(e.openBlock(),e.createElementBlock("g",nt,[e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:g.value,x:u.value.x,y:u.value.y+t.value.style.chart.circles.zoom.label.name.offsetY-z.value.name/4,"text-anchor":"middle","font-size":z.value.name,fill:t.value.style.chart.circles.zoom.label.name.color?t.value.style.chart.circles.zoom.label.name.color:e.unref(r.adaptColorToBackground)(u.value.color),"font-weight":t.value.style.chart.circles.zoom.label.name.bold?"bold":"normal"},e.toDisplayString(u.value.name),9,st),e.createElementVNode("text",{style:{pointerEvents:"none"},opacity:g.value,x:u.value.x,y:u.value.y+z.value.value+t.value.style.chart.circles.zoom.label.value.offsetY,"text-anchor":"middle","font-size":z.value.value,fill:t.value.style.chart.circles.zoom.label.value.color?t.value.style.chart.circles.zoom.label.value.color:e.unref(r.adaptColorToBackground)(u.value.color),"font-weight":t.value.style.chart.circles.zoom.label.value.bold?"bold":"normal"},e.toDisplayString(Ve()),9,ut)]))],64)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:{...v.value}},void 0,!0)],14,Ye)):e.createCommentVNode("",!0),S.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(qe.default,{key:5,config:{type:"circlePack",style:{color:"#CCCCCC"}}})),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",it,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(J)||e.unref(K)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:we,dir:"auto"},[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),S.value?(e.openBlock(),e.createBlock(_e.default,{key:8,hideDetails:"",config:{open:x.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.openBlock(),e.createBlock(Le.DataTable,{key:`table_${G.value}`,colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:o[1]||(o[1]=a=>x.value.showTable=!1)},{th:e.withCtx(({th:a})=>[e.createElementVNode("div",{innerHTML:a,style:{display:"flex","align-items":"center"}},null,8,ct)]),td:e.withCtx(({td:a})=>[e.createTextVNode(e.toDisplayString(a.name||a),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ge))}},vt=He._export_sfc(dt,[["__scopeId","data-v-42098803"]]);exports.default=vt;