vue-data-ui-hq
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
2 lines (1 loc) • 19.4 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-ZfICPrrM.cjs"),ie=require("./Legend-HgHPyA_4.cjs"),ce=require("./Title-FbHK83tB.cjs"),de=require("./Tooltip-C7TJODUx.cjs"),fe=require("./DataTable-CC6dPSer.cjs"),X=require("./usePrinter-B-gh2f22.cjs"),pe=require("./vue-ui-skeleton-Bvmpr51u.cjs"),he=require("./vue-ui-accordion-Dp6uTsJi.cjs"),Y=require("./useNestedProp-C14rfl0j.cjs"),ve=require("./PackageVersion-D3dK8oA3.cjs"),ye=require("./PenAndPaper-PL3bp4ud.cjs"),ge=require("./useUserOptionState-BgepsfED.cjs"),me=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),be=["id"],ke={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},Ce={key:2,style:"width:100%;background:transparent;padding-bottom:24px"},we=["xmlns","viewBox"],xe=["width","height"],$e=["id"],Be=["stdDeviation"],Se=["d","stroke","stroke-width"],Ne=["d","stroke","stroke-width"],Te=["filter"],Pe=["d","stroke","stroke-width"],_e=["d","stroke-width","onMouseenter","onClick"],Ve={key:5,class:"vue-data-ui-watermark"},Ee=["onClick"],Le={key:0},Oe={key:1},Fe={key:8,ref:"source",dir:"auto"},Ae=["innerHTML"],ze={__name:"vue-ui-galaxy",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(J,{expose:K,emit:Q}){const{vue_ui_galaxy:Z}=n.useConfig(),i=J,k=e.computed(()=>!!i.dataset&&i.dataset.length);e.onMounted(()=>{_()});function _(){n.objectIsEmpty(i.dataset)?n.error({componentName:"VueUiGalaxy",type:"dataset"}):i.dataset.forEach((o,l)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name","values"]}).forEach(r=>{n.error({componentName:"VueUiGalaxy",type:"datasetSerieAttribute",property:r,index:l})})})}const g=e.ref(n.createUid()),C=e.ref(null),ee=e.ref(null),$=e.ref(!1),B=e.ref(""),c=e.ref(null),V=e.ref(0),E=e.ref(0),L=e.ref(0),O=e.ref(0),t=e.computed({get:()=>z(),set:o=>o}),{userOptionsVisible:S,setUserOptionsVisibility:F,keepUserOptionState:A}=ge.useUserOptionState({config:t.value});function z(){const o=Y.useNestedProp({userConfig:i.config,defaultConfig:Z});return o.theme?{...Y.useNestedProp({userConfig:n.themes.vue_ui_galaxy[o.theme]||i.config,defaultConfig:o}),customPalette:n.themePalettes[o.theme]||n.palette}:o}e.watch(()=>i.config,o=>{t.value=z(),S.value=!t.value.showOnChartHover,_(),E.value+=1,L.value+=1,O.value+=1},{deep:!0});const{isPrinting:I,isImaging:D,generatePdf:q,generateImage:M}=X.usePrinter({elementId:`galaxy_${g.value}`,fileName:t.value.style.chart.title.text||"vue-ui-galaxy"}),te=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),oe=e.computed(()=>n.convertCustomPalette(t.value.customPalette)),f=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),m=e.ref({height:180,width:250}),U=Q,u=e.ref([]);function N(o){u.value.includes(o.id)?u.value=u.value.filter(l=>l!==o.id):u.value.push(o.id),U("selectLegend",b.value.map(l=>({name:l.name,color:l.color,value:l.value})))}const h=e.computed(()=>i.dataset.map((o,l)=>({name:o.name,color:n.convertColorToHex(o.color)||oe.value[l]||n.palette[l]||n.palette[l%n.palette.length],value:o.values?n.sanitizeArray(o.values).reduce((r,a)=>r+a,0):0,absoluteValues:n.sanitizeArray(o.values),id:n.createUid(),seriesIndex:l})).sort((o,l)=>l.value-o.value));function re(){return h.value.map(o=>({name:o.name,color:o.color,value:o.value}))}const d=e.computed(()=>h.value.filter(o=>!u.value.includes(o.id)).map(o=>o.value).reduce((o,l)=>o+l,0)),le=e.ref(190),G=e.computed(()=>h.value.filter(o=>!u.value.includes(o.id))),b=e.computed(()=>{const o=[];for(let l=0;l<G.value.length;l+=1){const r=G.value[l];let a=r.value/d.value*le.value;l>0&&o.length&&(a+=o[l-1].points),o.push({points:a,...r,seriesIndex:l,proportion:r.value/d.value,path:n.createSpiralPath({points:a,startX:115+t.value.style.chart.layout.arcs.offsetX,startY:90+t.value.style.chart.layout.arcs.offsetY})})}return o.filter((l,r)=>!u.value.includes(l.id)).toSorted((l,r)=>r.points-l.points)}),y=e.ref(!1);function ne(o){y.value=o,V.value+=1}const T=e.ref(null);function ae({datapoint:o,_relativeIndex:l,seriesIndex:r,show:a=!1}){T.value={datapoint:o,seriesIndex:r,series:h.value,config:t.value},$.value=a,c.value=o.id;let s="";const v=t.value.style.chart.tooltip.customFormat;n.isFunction(v)&&n.functionReturnsString(()=>v({seriesIndex:r,datapoint:o,series:h.value,config:t.value}))?B.value=v({seriesIndex:r,datapoint:o,series:h.value,config:t.value}):(s+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`,s+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${o.color}"/></svg>`,t.value.style.chart.tooltip.showValue&&(s+=`<b>${n.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,o.value,n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:o.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.tooltip.roundingValue}),{datapoint:o,seriesIndex:r})}</b>`),t.value.style.chart.tooltip.showPercentage&&(t.value.style.chart.tooltip.showValue?s+=`<span>(${n.dataLabel({v:o.proportion*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})})</span></div>`:s+=`<b>${n.dataLabel({v:o.proportion*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})}</b></div>`),B.value=`<div>${s}</div>`)}const W=e.computed(()=>h.value.map((o,l)=>({...o,proportion:(o.value||0)/i.dataset.map(r=>(r.values||[]).reduce((a,s)=>a+s,0)).reduce((r,a)=>r+a,0),opacity:u.value.includes(o.id)?.5:1,shape:o.shape||"circle",segregate:()=>N(o),isSegregated:u.value.includes(o.id)}))),se=e.computed(()=>({cy:"galaxy-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),p=e.computed(()=>{const o=b.value.map(r=>({name:r.name,color:r.color})),l=b.value.map(r=>r.value);return{head:o,body:l}});function H(){e.nextTick(()=>{const o=p.value.head.map((a,s)=>[[a.name],[p.value.body[s]],[isNaN(p.value.body[s]/d.value)?"-":p.value.body[s]/d.value*100]]),l=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(o),r=n.createCsvContent(l);n.downloadCsv({csvContent:r,title:t.value.style.chart.title.text||"vue-ui-galaxy"})})}const w=e.computed(()=>{const o=[' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:d.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue}),"100%"],l=p.value.head.map((s,v)=>{const ue=n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:p.value.body[v],s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue});return[{color:s.color,name:s.name},ue,isNaN(p.value.body[v]/d.value)?"-":n.dataLabel({v:p.value.body[v]/d.value*100,s:"%",r:t.value.table.td.roundingPercentage})]}),r={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.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage],head:o,body:l,config:r}});function R(){f.value.showTable=!f.value.showTable}function j(){f.value.showTooltip=!f.value.showTooltip}const x=e.ref(!1);function P(){x.value=!x.value}return K({getData:re,generatePdf:q,generateCsv:H,generateImage:M,toggleTable:R,toggleTooltip:j,toggleAnnotator:P}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"galaxyChart",ref:C,class:e.normalizeClass(`vue-ui-galaxy ${e.unref(y)?"vue-data-ui-wrapper-fullscreen":""} ${e.unref(t).useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${e.unref(t).style.fontFamily};width:100%; text-align:center;${e.unref(t).style.chart.title.text?"":"padding-top:36px"};background:${e.unref(t).style.chart.backgroundColor}`),id:`galaxy_${e.unref(g)}`,onMouseenter:l[3]||(l[3]=()=>e.unref(F)(!0)),onMouseleave:l[4]||(l[4]=()=>e.unref(F)(!1))},[e.unref(t).userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ye.PenAndPaper,{key:0,parent:e.unref(C),backgroundColor:e.unref(t).style.chart.backgroundColor,color:e.unref(t).style.chart.color,active:e.unref(x),onClose:P},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),e.unref(te)?(e.openBlock(),e.createElementBlock("div",ke,null,512)):e.createCommentVNode("",!0),e.unref(t).style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Ce,[(e.openBlock(),e.createBlock(ce._sfc_main,{key:`title_${e.unref(E)}`,config:{title:{cy:"galaxy-div-title",...e.unref(t).style.chart.title},subtitle:{cy:"galaxy-div-subtitle",...e.unref(t).style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),e.unref(t).userOptions.show&&e.unref(k)&&(e.unref(A)||e.unref(S))?(e.openBlock(),e.createBlock(X.UserOptions,{ref_key:"details",ref:ee,key:`user_option_${e.unref(V)}`,backgroundColor:e.unref(t).style.chart.backgroundColor,color:e.unref(t).style.chart.color,isPrinting:e.unref(I),isImaging:e.unref(D),uid:e.unref(g),hasTooltip:e.unref(t).userOptions.buttons.tooltip&&e.unref(t).style.chart.tooltip.show,hasPdf:e.unref(t).userOptions.buttons.pdf,hasXls:e.unref(t).userOptions.buttons.csv,hasImg:e.unref(t).userOptions.buttons.img,hasTable:e.unref(t).userOptions.buttons.table,hasFullscreen:e.unref(t).userOptions.buttons.fullscreen,isTooltip:e.unref(f).showTooltip,isFullscreen:e.unref(y),titles:{...e.unref(t).userOptions.buttonTitles},chartElement:e.unref(C),position:e.unref(t).userOptions.position,hasAnnotator:e.unref(t).userOptions.buttons.annotator,isAnnotation:e.unref(x),onToggleFullscreen:ne,onGeneratePdf:e.unref(q),onGenerateCsv:H,onGenerateImage:e.unref(M),onToggleTable:R,onToggleTooltip:j,onToggleAnnotator:P,style:e.normalizeStyle({visibility:e.unref(A)?e.unref(S)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTooltip",{},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:r,isFullscreen:a})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:r,isFullscreen:a})),void 0,!0)]),key:"5"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:r,isAnnotator:a})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:r,isAnnotator:a})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isTooltip","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(n.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":e.unref(y),"vue-data-ui-fulscreen--off":!e.unref(y)}),viewBox:`0 0 ${e.unref(m).width} ${e.unref(m).height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${e.unref(t).style.chart.color}`)},[e.createVNode(ve._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:e.unref(m).width,height:e.unref(m).height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,xe)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${e.unref(g)}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:100/e.unref(t).style.chart.layout.arcs.gradient.intensity},null,8,Be)],8,$e)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),r=>(e.openBlock(),e.createElementBlock("g",null,[r.value?(e.openBlock(),e.createElementBlock("path",{key:0,d:r.path,fill:"none",stroke:e.unref(t).style.chart.backgroundColor,"stroke-width":(e.unref(t).style.chart.layout.arcs.strokeWidth+e.unref(t).style.chart.layout.arcs.borderWidth)*(e.unref(c)===r.id&&e.unref(t).style.chart.layout.arcs.hoverEffect.show?e.unref(t).style.chart.layout.arcs.hoverEffect.multiplicator:1),"stroke-linecap":"round"},null,8,Se)):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("path",{key:1,d:r.path,fill:"none",stroke:r.color,"stroke-width":e.unref(t).style.chart.layout.arcs.strokeWidth*(e.unref(c)===r.id&&e.unref(t).style.chart.layout.arcs.hoverEffect.show?e.unref(t).style.chart.layout.arcs.hoverEffect.multiplicator:1),"stroke-linecap":"round",class:e.normalizeClass(`${e.unref(c)&&e.unref(c)!==r.id&&e.unref(t).useBlurOnHover?"vue-ui-galaxy-blur":""}`)},null,10,Ne)):e.createCommentVNode("",!0),r.value&&e.unref(t).style.chart.layout.arcs.gradient.show?(e.openBlock(),e.createElementBlock("g",{key:2,filter:`url(#blur_${e.unref(g)})`},[e.createElementVNode("path",{d:r.path,fill:"none",stroke:e.unref(t).style.chart.layout.arcs.gradient.color,"stroke-width":e.unref(t).style.chart.layout.arcs.strokeWidth/2*(e.unref(c)===r.id&&e.unref(t).style.chart.layout.arcs.hoverEffect.show?e.unref(t).style.chart.layout.arcs.hoverEffect.multiplicator:1),"stroke-linecap":"round",class:e.normalizeClass(`vue-ui-galaxy-gradient ${e.unref(c)&&e.unref(c)!==r.id&&e.unref(t).useBlurOnHover?"vue-ui-galaxy-blur":""}`)},null,10,Pe)],8,Te)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),(r,a)=>(e.openBlock(),e.createElementBlock("g",null,[r.value?(e.openBlock(),e.createElementBlock("path",{key:0,d:r.path,fill:"none",stroke:"transparent","stroke-width":e.unref(t).style.chart.layout.arcs.strokeWidth+e.unref(t).style.chart.layout.arcs.borderWidth,"stroke-linecap":"round",onMouseenter:s=>ae({datapoint:r,relativeIndex:a,seriesIndex:r.seriesIndex,show:!0}),onMouseleave:l[0]||(l[0]=s=>{$.value=!1,c.value=null}),onClick:s=>U("selectDatapoint",r)},null,40,_e)):e.createCommentVNode("",!0)]))),256)),e.renderSlot(o.$slots,"svg",{svg:e.unref(m)},void 0,!0)],14,we)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(I)||e.unref(D)})),void 0,!0)])):e.createCommentVNode("",!0),e.unref(k)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(pe.default,{key:6,config:{type:"galaxy",style:{backgroundColor:e.unref(t).style.chart.backgroundColor,galaxy:{color:"#CCCCCC"}}}},null,8,["config"])),e.unref(t).style.chart.legend.show?(e.openBlock(),e.createBlock(ie.Legend,{key:`legend_${e.unref(O)}`,legendSet:e.unref(W),config:e.unref(se),onClickMarker:l[1]||(l[1]=({legend:r})=>N(r))},{item:e.withCtx(({legend:r,index:a})=>[e.createElementVNode("div",{onClick:s=>N(r),style:e.normalizeStyle(`opacity:${e.unref(u).includes(r.id)?.5:1}`)},[e.createTextVNode(e.toDisplayString(r.name)+": "+e.toDisplayString(e.unref(n.applyDataLabel)(e.unref(t).style.chart.layout.labels.dataLabels.formatter,r.value,e.unref(n.dataLabel)({p:e.unref(t).style.chart.layout.labels.dataLabels.prefix,v:r.value,s:e.unref(t).style.chart.layout.labels.dataLabels.suffix,r:e.unref(t).style.chart.legend.roundingValue}),{datapoint:r,seriesIndex:a}))+" ",1),e.unref(u).includes(r.id)?(e.openBlock(),e.createElementBlock("span",Oe," ( - % ) ")):(e.openBlock(),e.createElementBlock("span",Le," ("+e.toDisplayString(isNaN(r.value/e.unref(d))?"-":e.unref(n.dataLabel)({v:r.value/e.unref(d)*100,s:"%",r:e.unref(t).style.chart.legend.roundingPercentage}))+") ",1))],12,Ee)]),_:1},8,["legendSet","config"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"legend",{legend:e.unref(W)},void 0,!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",Fe,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(de._sfc_main,{show:e.unref(f).showTooltip&&e.unref($),backgroundColor:e.unref(t).style.chart.tooltip.backgroundColor,color:e.unref(t).style.chart.tooltip.color,borderRadius:e.unref(t).style.chart.tooltip.borderRadius,borderColor:e.unref(t).style.chart.tooltip.borderColor,borderWidth:e.unref(t).style.chart.tooltip.borderWidth,fontSize:e.unref(t).style.chart.tooltip.fontSize,backgroundOpacity:e.unref(t).style.chart.tooltip.backgroundOpacity,position:e.unref(t).style.chart.tooltip.position,offsetY:e.unref(t).style.chart.tooltip.offsetY,parent:e.unref(C),content:e.unref(B),isFullscreen:e.unref(y),isCustom:e.unref(n.isFunction)(e.unref(t).style.chart.tooltip.customFormat)},{"tooltip-before":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...e.unref(T)})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...e.unref(T)})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),e.unref(k)?(e.openBlock(),e.createBlock(he.default,{key:9,hideDetails:"",config:{open:e.unref(f).showTable,maxHeight:1e4,body:{backgroundColor:e.unref(t).style.chart.backgroundColor,color:e.unref(t).style.chart.color},head:{backgroundColor:e.unref(t).style.chart.backgroundColor,color:e.unref(t).style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(fe.DataTable,{key:`table_${e.unref(L)}`,colNames:e.unref(w).colNames,head:e.unref(w).head,body:e.unref(w).body,config:e.unref(w).config,title:`${e.unref(t).style.chart.title.text}${e.unref(t).style.chart.title.subtitle.text?` : ${e.unref(t).style.chart.title.subtitle.text}`:""}`,onClose:l[2]||(l[2]=r=>e.unref(f).showTable=!1)},{th:e.withCtx(({th:r})=>[e.createElementVNode("div",{innerHTML:r,style:{display:"flex","align-items":"center"}},null,8,Ae)]),td:e.withCtx(({td:r})=>[e.createTextVNode(e.toDisplayString(r.name||r),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,be))}},Ie=me._export_sfc(ze,[["__scopeId","data-v-31c4c9ad"]]);exports.default=Ie;