vue-data-ui 2.10.7 → 2.10.9

package/dist/vue-ui-flow-BSptjAOo.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-BX4v5fiN.cjs"),Te=require("./Title-EjA2nkhd.cjs"),ie=require("./usePrinter-CynLTaVl.cjs"),Be=require("./DataTable-BmSWykCq.cjs"),Se=require("./vue-ui-accordion-BrbibtJK.cjs"),_e=require("./vue-ui-skeleton-DvJP74jb.cjs"),ce=require("./useNestedProp-DjOgO33z.cjs"),Pe=require("./PackageVersion-9kqlnk5q.cjs"),Ee=require("./PenAndPaper-CfWPwfS1.cjs"),Oe=require("./useUserOptionState-BgepsfED.cjs"),Fe=require("./useChartAccessibility-Cm7nkzTG.cjs"),ze=require("./Tooltip-Dr2CQpGZ.cjs"),Le=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ve=["id"],Ie={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},Ae={key:2,style:"width:100%;background:transparent;padding-bottom:24px"},He=["xmlns","viewBox"],Me=["width","height"],De=["id"],qe=["stop-color"],Re=["stop-color"],Ye=["d","fill","stroke","stroke-width"],Ue=["x","y","height","width","fill","stroke","stroke-width","onMouseenter"],Ge=["x","y","font-size","fill"],je=["x","y","font-size","fill"],We={key:4,class:"vue-data-ui-watermark"},Xe={key:6,ref:"source",dir:"auto"},Ze=["innerHTML"],Je={__name:"vue-ui-flow",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(de,{expose:ve}){const{vue_ui_flow:fe}=s.useConfig(),g=de,V=e.computed(()=>!!g.dataset&&g.dataset.length);e.onMounted(()=>{U()});function U(){s.objectIsEmpty(g.dataset)&&s.error({componentName:"VueUiFlow",type:"dataset"})}const I=e.ref(s.createUid()),A=e.ref(null),G=e.ref(0),j=e.ref(0),H=e.ref(!1),M=e.ref(""),$=e.ref(!1);function he(o){$.value=o,G.value+=1}const t=e.computed({get:()=>J(),set:o=>o}),{userOptionsVisible:D,setUserOptionsVisibility:W,keepUserOptionState:X}=Oe.useUserOptionState({config:t.value}),{svgRef:Z}=Fe.useChartAccessibility({config:t.value.style.chart.title});function J(){const o=ce.useNestedProp({userConfig:g.config,defaultConfig:fe});return o.theme?{...ce.useNestedProp({userConfig:s.themes.vue_ui_flow[o.theme]||g.config,defaultConfig:o}),customPalette:s.themePalettes[o.theme]||s.palette}:o}e.watch(()=>g.config,o=>{t.value=J(),D.value=!t.value.userOptions.showOnChartHover,U(),j.value+=1,b.value.showTable=t.value.table.show},{deep:!0});const{isPrinting:K,isImaging:Q,generatePdf:ee,generateImage:te}=ie.usePrinter({elementId:`flow_${I.value}`,fileName:t.value.style.chart.title.text||"vue-ui-flow",options:t.value.userOptions.print}),pe=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),q=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),oe=e.computed(()=>t.value.style.chart.nodes.gap),x=e.computed(()=>t.value.style.chart.nodes.width),b=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),le=e.computed(()=>t.value.style.chart.links.width),E=e.computed(()=>!g.dataset||!g.dataset.length?[]:g.dataset.map(o=>[o[0],o[1],s.checkNaN(o[2])])),ae=e.computed(()=>{const o={};function a(n){o[n]||(o[n]={inflow:0,outflow:0})}E.value.forEach(([n,r,v])=>{a(n),a(r),o[n].outflow+=v,o[r].inflow+=v});let l=0;for(const n in o){const r=Math.max(o[n].inflow,o[n].outflow);l=Math.max(l,r)}return l});function me(o){return o/ae.value*100+t.value.style.chart.nodes.minHeight}function ge(o){const a=t.value.style.chart.nodes.minHeight;return(o-a)/100*ae.value}function ye(o){const a={},l={};function n(u,c){a[u]||(a[u]={height:0,level:null,inflow:0,outflow:0,uid:s.createUid()}),a[u].level===null&&(a[u].level=c),l[c]||(l[c]=[]),l[c].includes(u)||l[c].push(u)}o.forEach(([u,c,f],N)=>{const y=a[u]?a[u].level:0,k=y+1;n(u,y),n(c,k),a[u].children||(a[u].children=[]),a[u].children.push({target:c,value:f}),a[u].outflow+=f,a[c].inflow+=f}),Object.keys(a).forEach((u,c)=>{a[u].color=q.value[c]||q.value[c%q.value.length]||s.palette[c]||s.palette[c%d.length]});for(const u in a)a[u].height=me(Math.max(a[u].inflow,a[u].outflow)),a[u].name=u;const r={};for(const u in l){let c=0;l[u].forEach((f,N)=>{const y=a[f].height;r[f]={x:parseInt(u,10)*le.value+t.value.style.chart.padding.left,y:c,absoluteY:c,height:y,i:N,color:a[f].color,value:ge(y)},c+=y+oe.value})}const v=[];for(const u in a){let c=r[u].absoluteY+t.value.style.chart.padding.top;a[u].children&&a[u].children.forEach(({target:f,value:N},y)=>{const k=r[f].y+t.value.style.chart.padding.top,B=r[u],S=r[f],p=s.checkNaN(c),w=s.checkNaN(c+N/a[u].outflow*B.height),_=s.checkNaN(k),i=s.checkNaN(k+N/a[f].inflow*S.height),h={id:s.createUid(),source:u,target:f,path:`M ${s.checkNaN(B.x)+s.checkNaN(x.value)} ${p} L ${s.checkNaN(B.x)+s.checkNaN(x.value)} ${w} L ${s.checkNaN(S.x)} ${i} L ${s.checkNaN(S.x)} ${_} Z`,value:N,sourceColor:a[u].color,targetColor:a[f].color};v.push(h),c+=w-p,r[f].y+=i-_})}return{nodeCoordinates:r,links:v}}const m=e.computed(()=>{const o=ye(g.dataset);return{nodes:Object.keys(o.nodeCoordinates).map((a,l)=>({...o.nodeCoordinates[a],name:a})),links:o.links}}),be=e.computed(()=>ke(m.value.nodes));function ke(o){const a={};for(const n in o){const{x:r,height:v}=o[n];a[r]||(a[r]=0),a[r]+=v+oe.value}return Math.max(...Object.values(a))}const T=e.computed(()=>{const{top:o,right:a,left:l,bottom:n}=t.value.style.chart.padding,r=E.value.length*le.value;return{height:be.value+o+n,width:a+Math.max(...m.value.nodes.map(v=>v.x))+x.value,left:l,top:o,right:r-a,p_top:o,p_bottom:n}});function we(o){const a={},l={},n=new Set;return E.value.forEach(([r,v,u])=>{a[r]||(a[r]=[]),l[v]||(l[v]=[]),a[r].push(v),l[v].push(r)}),a[o]&&a[o].forEach(r=>n.add(r)),l[o]&&l[o].forEach(r=>n.add(r)),Array.from(n).concat(o)}const C=e.ref(null),O=e.ref(null),R=e.ref(null),F=e.ref(!1);function Ce(o){C.value=we(o.name),O.value=o.name;const a=o.name,l=E.value;let n=0,r=0,v=[],u=[];const c=new Set(l.map(([i])=>i)),f=new Set(l.map(([,i])=>i)),N=Array.from(c).filter(i=>!f.has(i)),y=l.filter(([i])=>N.includes(i)).reduce((i,[h,P,xe])=>i+xe,0),k={};m.value.nodes.forEach(i=>{k[i.name]=i.color}),l.forEach(([i,h,P])=>{h===a&&(n+=P,v.push({source:i,value:P,color:k[i]})),i===a&&(r+=P,u.push({target:h,value:P,color:k[h]}))});const B=Math.max(n,r),S=y>0?B/y*100:0,p={name:a,inflow:n,outflow:r,from:v,to:u,percentOfTotal:S,color:k[a]||"#000000"};R.value={datapoint:p},H.value=!0;let w="";const _=t.value.style.chart.tooltip.customFormat;if(F.value=!1,s.isFunction(_))try{const i=_({datapoint:p,series:m.value,config:t.value});typeof i=="string"&&(M.value=i,F.value=!0)}catch{console.warn("Custom format cannot be applied.")}if(!F.value){const i=t.value.style.chart.tooltip.showPercentage?`<div>${s.dataLabel({p:t.value.style.chart.tooltip.translations.percentOfTotal,v:p.percentOfTotal,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})}</div>`:"";w+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${p.color}">⏹</span>${p.name}${i}</div>`,p.from.length&&(w+=`<div>${t.value.style.chart.tooltip.translations.from}</div>`,p.from.forEach(h=>{w+=`<div><span style="color:${h.color}">⏹←</span> ${h.source}: ${s.applyDataLabel(t.value.style.chart.nodes.labels.formatter,h.value,s.dataLabel({p:t.value.style.chart.nodes.labels.prefix,v:h.value,s:t.value.style.chart.nodes.labels.suffix,r:t.value.style.chart.nodes.labels.rounding}))}</div>`})),p.to.length&&(w+=`<div style="margin-top:6px;">${t.value.style.chart.tooltip.translations.to}</div>`,p.to.forEach(h=>{w+=`<div><span style="color:${h.color}">⏹→</span> ${h.target}: ${s.applyDataLabel(t.value.style.chart.nodes.labels.formatter,h.value,s.dataLabel({p:t.value.style.chart.nodes.labels.prefix,v:h.value,s:t.value.style.chart.nodes.labels.suffix,r:t.value.style.chart.nodes.labels.rounding}))}</div>`})),M.value=w}}function Ne(){C.value=null,O.value=null,H.value=!1}const ne=e.computed(()=>m.value.links.map(({source:o,target:a,sourceColor:l,targetColor:n,value:r})=>({source:o,target:a,sourceColor:l,targetColor:n,value:r})));function re(){e.nextTick(()=>{const o=ne.value.map((n,r)=>[[n.source],[n.target],[n.value]]),a=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[t.value.table.columnNames.source],[t.value.table.columnNames.target],[t.value.table.columnNames.value]]].concat(o),l=s.createCsvContent(a);s.downloadCsv({csvContent:l,title:t.value.style.chart.title.text||"vue-ui-flow"})})}const z=e.computed(()=>{const o=[t.value.table.columnNames.source,t.value.table.columnNames.target,t.value.table.columnNames.value],a=ne.value.map((r,v)=>[{color:r.sourceColor,name:r.source},{color:r.targetColor,name:r.target},s.dataLabel({p:t.value.style.chart.nodes.labels.prefix,v:r.value,s:t.value.style.chart.nodes.labels.suffix,r:t.value.style.chart.nodes.labels.rounding})]),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.source,t.value.table.columnNames.target,t.value.table.columnNames.value],head:o,body:a,config:l}});function $e(){return m.value}function se(){b.value.showTable=!b.value.showTable}const L=e.ref(!1);function Y(){L.value=!L.value}function ue(){b.value.showTooltip=!b.value.showTooltip}return ve({getData:$e,generateCsv:re,generateImage:te,generatePdf:ee,toggleTable:se,toggleAnnotator:Y,toggleTooltip:ue}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"flowChart",ref:A,class:e.normalizeClass(`vue-ui-flow ${$.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:`flow_${I.value}`,onMouseenter:a[2]||(a[2]=()=>e.unref(W)(!0)),onMouseleave:a[3]||(a[3]=()=>e.unref(W)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Ee._sfc_main,{key:0,svgRef:e.unref(Z),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:L.value,onClose:Y},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),pe.value?(e.openBlock(),e.createElementBlock("div",Ie,null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Ae,[(e.openBlock(),e.createBlock(Te._sfc_main,{key:`title_${j.value}`,config:{title:{cy:"flow-title",...t.value.style.chart.title},subtitle:{cy:"flow-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&V.value&&(e.unref(X)||e.unref(D))?(e.openBlock(),e.createBlock(ie.UserOptions,{ref:"details",key:`user_option_${G.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(K),isImaging:e.unref(Q),uid:I.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:$.value,titles:{...t.value.userOptions.buttonTitles},chartElement:A.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:L.value,hasTooltip:t.value.style.chart.tooltip.show&&t.value.userOptions.buttons.tooltip,isTooltip:b.value.showTooltip,onToggleTooltip:ue,onToggleFullscreen:he,onGeneratePdf:e.unref(ee),onGenerateCsv:re,onGenerateImage:e.unref(te),onToggleTable:se,onToggleAnnotator:Y,style:e.normalizeStyle({visibility:e.unref(X)?e.unref(D)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:l,color:n})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:l,color:n})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTooltip",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"5"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:n})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:n})),void 0,!0)]),key:"6"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:n})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:n})),void 0,!0)]),key:"7"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","hasTooltip","isTooltip","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgRef",ref:Z,xmlns:e.unref(s.XMLNS),viewBox:`0 0 ${T.value.width} ${T.value.height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value}),style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Pe._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:T.value.width,height:T.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,Me)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value.links,(l,n)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:l.id,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":l.sourceColor},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":l.targetColor},null,8,Re)],8,De))),256))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value.links,l=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-flow-link",d:l.path,fill:`url(#${l.id})`,stroke:t.value.style.chart.links.stroke,"stroke-width":t.value.style.chart.links.strokeWidth,style:e.normalizeStyle(`opacity:${O.value?[l.target,l.source].includes(O.value)?1:.3:t.value.style.chart.links.opacity}`)},null,12,Ye))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value.nodes,(l,n)=>(e.openBlock(),e.createElementBlock("rect",{class:"vue-ui-flow-node",x:l.x,y:e.unref(s.checkNaN)(l.absoluteY)+t.value.style.chart.padding.top,height:e.unref(s.checkNaN)(l.height),width:x.value,fill:l.color,stroke:t.value.style.chart.nodes.stroke,"stroke-width":t.value.style.chart.nodes.strokeWidth,onMouseenter:r=>Ce(l),onMouseleave:a[0]||(a[0]=r=>Ne()),style:e.normalizeStyle(`opacity:${C.value?C.value.includes(l.name)?1:.2:1}`)},null,44,Ue))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value.nodes,(l,n)=>(e.openBlock(),e.createElementBlock("text",{x:l.x+x.value/2,y:e.unref(s.checkNaN)(l.absoluteY+l.height/2-t.value.style.chart.nodes.labels.fontSize/4)+t.value.style.chart.padding.top,"font-size":t.value.style.chart.nodes.labels.fontSize,fill:e.unref(s.adaptColorToBackground)(l.color),"text-anchor":"middle",style:e.normalizeStyle(`pointer-events: none; opacity:${C.value?C.value.includes(l.name)?1:0:1}`)},e.toDisplayString(t.value.style.chart.nodes.labels.abbreviation.use?e.unref(s.abbreviate)({source:l.name,length:t.value.style.chart.nodes.labels.abbreviation.length}):l.name),13,Ge))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value.nodes,(l,n)=>(e.openBlock(),e.createElementBlock("text",{x:l.x+x.value/2,y:e.unref(s.checkNaN)(l.absoluteY+l.height/2+t.value.style.chart.nodes.labels.fontSize)+t.value.style.chart.padding.top,"font-size":t.value.style.chart.nodes.labels.fontSize,fill:e.unref(s.adaptColorToBackground)(l.color),"text-anchor":"middle",style:e.normalizeStyle(`pointer-events: none; opacity:${C.value?C.value.includes(l.name)?1:0:1}`)},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.nodes.labels.formatter,l.value,e.unref(s.dataLabel)({p:t.value.style.chart.nodes.labels.prefix,v:l.value,s:t.value.style.chart.nodes.labels.suffix,r:t.value.style.chart.nodes.labels.rounding}),{datapoint:l,seriesIndex:n})),13,je))),256)),e.renderSlot(o.$slots,"svg",{svg:T.value},void 0,!0)],14,He)),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",We,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(K)||e.unref(Q)})),void 0,!0)])):e.createCommentVNode("",!0),V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_e.default,{key:5,config:{type:"flow",style:{backgroundColor:t.value.style.chart.backgroundColor}}},null,8,["config"])),o.$slots.source?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(ze._sfc_main,{show:b.value.showTooltip&&H.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,fontSize:t.value.style.chart.tooltip.fontSize,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:A.value,content:M.value,isCustom:F.value,isFullscreen:$.value},{"tooltip-before":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...R.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...R.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","fontSize","borderRadius","borderColor","borderWidth","backgroundOpacity","position","offsetY","parent","content","isCustom","isFullscreen"]),V.value?(e.openBlock(),e.createBlock(Se.default,{key:7,hideDetails:"",config:{open:b.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.createVNode(Be.DataTable,{colNames:z.value.colNames,head:z.value.head,body:z.value.body,config:z.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[1]||(a[1]=l=>b.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createElementVNode("div",{innerHTML:l,style:{display:"flex","align-items":"center"}},null,8,Ze)]),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,Ve))}},Ke=Le._export_sfc(Je,[["__scopeId","data-v-17e83e4a"]]);exports.default=Ke;