vue-data-ui 2.10.8 → 2.10.10

package/dist/{vue-ui-dumbbell-BmRkAtBK.js → vue-ui-dumbbell-CwvokBZU.js}

@@ -1,15 +1,15 @@
 import { computed as g, ref as d, watch as fe, onMounted as be, onBeforeUnmount as Ie, createElementBlock as r, openBlock as o, unref as u, normalizeStyle as F, normalizeClass as ge, createBlock as L, createCommentVNode as v, createElementVNode as i, createSlots as Ge, withCtx as _, renderSlot as m, normalizeProps as V, guardReactiveProps as E, createVNode as Me, Fragment as C, renderList as $, toDisplayString as A, createTextVNode as me, nextTick as De } from "vue";
-import { u as Fe, c as pe, a as Ve, o as Ee, e as _e, g as Re, v as ke, D as He, f as z, X as xe, i as B, l as we, h as Ce, q as We, r as Ue } from "./index-Co5UfCMK.js";
+import { u as Fe, c as pe, a as Ve, o as Ee, e as _e, g as Re, v as ke, D as He, f as z, X as xe, i as B, l as we, h as Ce, q as We, r as Ue } from "./index-DvXHhwi7.js";
 import { t as Be, u as je } from "./useResponsive-Cw4oZ8sQ.js";
-import { _ as qe } from "./Title-tlFeM12I.js";
-import { u as Ye, U as Ze } from "./usePrinter-D_wgo-7k.js";
-import { D as Je } from "./DataTable-CX-Ynkp4.js";
-import Ke from "./vue-ui-skeleton-BSlYUHZA.js";
-import { L as Qe } from "./Legend-BTvPguV6.js";
-import et from "./vue-ui-accordion-CfB_jW1X.js";
-import { u as $e } from "./useNestedProp-C22WP03t.js";
-import { _ as tt } from "./PackageVersion-CkUbRQrt.js";
-import { _ as lt } from "./PenAndPaper-Br3OdauM.js";
+import { _ as qe } from "./Title-CiymPFBZ.js";
+import { u as Ye, U as Ze } from "./usePrinter-D0Njbrwg.js";
+import { D as Je } from "./DataTable-Dz3uePkM.js";
+import Ke from "./vue-ui-skeleton-CJ9j8gHc.js";
+import { L as Qe } from "./Legend-DRjI7VTS.js";
+import et from "./vue-ui-accordion-rd6DBLB5.js";
+import { u as $e } from "./useNestedProp-Bw2_FZ80.js";
+import { _ as tt } from "./PackageVersion-BNm7stW7.js";
+import { _ as lt } from "./PenAndPaper-Ba1SBNDw.js";
 import { u as at } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as st } from "./useChartAccessibility-BWojgys7.js";
 import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";

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

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