vue-data-ui 2.6.21 → 2.6.23

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

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