@undp/data-viz 1.3.0 → 1.3.1

package/dist/SankeyChart.js

@@ -1,2 +1,990 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index-BHm2KTjD-D8FylaKc.cjs"),q=require("react"),it=require("./index-CZbIGs8q.cjs"),ct=require("./index-BzeLQvXk.cjs"),Et=require("./index-C21TvELx.cjs"),Z=require("./Typography-CDR-DAHH.cjs"),Vt=require("./index-BXns0-ng.cjs"),Pt=require("./Modal-cQF2UQIa.cjs"),Lt=require("./numberFormattingFunction.js"),zt=require("./Tooltip-BM18N_3l.cjs"),It=require("./string2HTML-X4ZYX5jI.cjs"),ht=require("./use-in-view-Dl1CsAIo.cjs"),Ht=require("./index-a2C2Bqn2.cjs"),At=require("./GraphHeader.js"),Wt=require("./GraphFooter.js"),Mt=require("./Colors.js"),Ft=require("./generateRandomString-B5zBiJzS.cjs"),Gt=require("./EmptyState-BQguKAp5.cjs");function Rt(e,n){let i;if(n===void 0)for(const a of e)a!=null&&(i<a||i===void 0&&a>=a)&&(i=a);else{let a=-1;for(let l of e)(l=n(l,++a,e))!=null&&(i<l||i===void 0&&l>=l)&&(i=l)}return i}function Ot(e,n){let i;if(n===void 0)for(const a of e)a!=null&&(i>a||i===void 0&&a>=a)&&(i=a);else{let a=-1;for(let l of e)(l=n(l,++a,e))!=null&&(i>l||i===void 0&&l>=l)&&(i=l)}return i}function xt(e,n){let i=0;if(n===void 0)for(let a of e)(a=+a)&&(i+=a);else{let a=-1;for(let l of e)(l=+n(l,++a,e))&&(i+=l)}return i}function Xt(e){return e.target.depth}function Yt(e,n){return e.sourceLinks.length?e.depth:n-1}function mt(e){return e.targetLinks.length?e.depth:e.sourceLinks.length?Ot(e.sourceLinks,Xt)-1:0}function ft(e){return function(){return e}}function St(e,n){return gt(e.source,n.source)||e.index-n.index}function _t(e,n){return gt(e.target,n.target)||e.index-n.index}function gt(e,n){return e.y0-n.y0}function yt(e){return e.value}function Ut(e){return e.index}function Zt(e){return e.nodes}function Kt(e){return e.links}function Nt(e,n){const i=e.get(n);if(!i)throw new Error("missing: "+n);return i}function Tt({nodes:e}){for(const n of e){let i=n.y0,a=i;for(const l of n.sourceLinks)l.y0=i+l.width/2,i+=l.width;for(const l of n.targetLinks)l.y1=a+l.width/2,a+=l.width}}function jt(){let e=0,n=0,i=1,a=1,l=24,m=8,g,p=Ut,j=Yt,w,v,b=Zt,$=Kt,R=6;function d(){const t={nodes:b.apply(null,arguments),links:$.apply(null,arguments)};return S(t),L(t),B(t),X(t),A(t),Tt(t),t}d.update=function(t){return Tt(t),t},d.nodeId=function(t){return arguments.length?(p=typeof t=="function"?t:ft(t),d):p},d.nodeAlign=function(t){return arguments.length?(j=typeof t=="function"?t:ft(t),d):j},d.nodeSort=function(t){return arguments.length?(w=t,d):w},d.nodeWidth=function(t){return arguments.length?(l=+t,d):l},d.nodePadding=function(t){return arguments.length?(m=g=+t,d):m},d.nodes=function(t){return arguments.length?(b=typeof t=="function"?t:ft(t),d):b},d.links=function(t){return arguments.length?($=typeof t=="function"?t:ft(t),d):$},d.linkSort=function(t){return arguments.length?(v=t,d):v},d.size=function(t){return arguments.length?(e=n=0,i=+t[0],a=+t[1],d):[i-e,a-n]},d.extent=function(t){return arguments.length?(e=+t[0][0],i=+t[1][0],n=+t[0][1],a=+t[1][1],d):[[e,n],[i,a]]},d.iterations=function(t){return arguments.length?(R=+t,d):R};function S({nodes:t,links:u}){for(const[c,r]of t.entries())r.index=c,r.sourceLinks=[],r.targetLinks=[];const s=new Map(t.map((c,r)=>[p(c,r,t),c]));for(const[c,r]of u.entries()){r.index=c;let{source:h,target:x}=r;typeof h!="object"&&(h=r.source=Nt(s,h)),typeof x!="object"&&(x=r.target=Nt(s,x)),h.sourceLinks.push(r),x.targetLinks.push(r)}if(v!=null)for(const{sourceLinks:c,targetLinks:r}of t)c.sort(v),r.sort(v)}function L({nodes:t}){for(const u of t)u.value=u.fixedValue===void 0?Math.max(xt(u.sourceLinks,yt),xt(u.targetLinks,yt)):u.fixedValue}function B({nodes:t}){const u=t.length;let s=new Set(t),c=new Set,r=0;for(;s.size;){for(const h of s){h.depth=r;for(const{target:x}of h.sourceLinks)c.add(x)}if(++r>u)throw new Error("circular link");s=c,c=new Set}}function X({nodes:t}){const u=t.length;let s=new Set(t),c=new Set,r=0;for(;s.size;){for(const h of s){h.height=r;for(const{source:x}of h.targetLinks)c.add(x)}if(++r>u)throw new Error("circular link");s=c,c=new Set}}function D({nodes:t}){const u=Rt(t,r=>r.depth)+1,s=(i-e-l)/(u-1),c=new Array(u);for(const r of t){const h=Math.max(0,Math.min(u-1,Math.floor(j.call(null,r,u))));r.layer=h,r.x0=e+h*s,r.x1=r.x0+l,c[h]?c[h].push(r):c[h]=[r]}if(w)for(const r of c)r.sort(w);return c}function _(t){const u=Ot(t,s=>(a-n-(s.length-1)*g)/xt(s,yt));for(const s of t){let c=n;for(const r of s){r.y0=c,r.y1=c+r.value*u,c=r.y1+g;for(const h of r.sourceLinks)h.width=h.value*u}c=(a-c+g)/(s.length+1);for(let r=0;r<s.length;++r){const h=s[r];h.y0+=c*(r+1),h.y1+=c*(r+1)}P(s)}}function A(t){const u=D(t);g=Math.min(m,(a-n)/(Rt(u,s=>s.length)-1)),_(u);for(let s=0;s<R;++s){const c=Math.pow(.99,s),r=Math.max(1-c,(s+1)/R);et(u,c,r),tt(u,c,r)}}function tt(t,u,s){for(let c=1,r=t.length;c<r;++c){const h=t[c];for(const x of h){let N=0,T=0;for(const{source:I,value:O}of x.targetLinks){let H=O*(x.layer-I.layer);N+=U(I,x)*H,T+=H}if(!(T>0))continue;let W=(N/T-x.y0)*u;x.y0+=W,x.y1+=W,C(x)}w===void 0&&h.sort(gt),V(h,s)}}function et(t,u,s){for(let c=t.length,r=c-2;r>=0;--r){const h=t[r];for(const x of h){let N=0,T=0;for(const{target:I,value:O}of x.sourceLinks){let H=O*(I.layer-x.layer);N+=ot(x,I)*H,T+=H}if(!(T>0))continue;let W=(N/T-x.y0)*u;x.y0+=W,x.y1+=W,C(x)}w===void 0&&h.sort(gt),V(h,s)}}function V(t,u){const s=t.length>>1,c=t[s];nt(t,c.y0-g,s-1,u),Y(t,c.y1+g,s+1,u),nt(t,a,t.length-1,u),Y(t,n,0,u)}function Y(t,u,s,c){for(;s<t.length;++s){const r=t[s],h=(u-r.y0)*c;h>1e-6&&(r.y0+=h,r.y1+=h),u=r.y1+g}}function nt(t,u,s,c){for(;s>=0;--s){const r=t[s],h=(r.y1-u)*c;h>1e-6&&(r.y0-=h,r.y1-=h),u=r.y0-g}}function C({sourceLinks:t,targetLinks:u}){if(v===void 0){for(const{source:{sourceLinks:s}}of u)s.sort(_t);for(const{target:{targetLinks:s}}of t)s.sort(St)}}function P(t){if(v===void 0)for(const{sourceLinks:u,targetLinks:s}of t)u.sort(_t),s.sort(St)}function U(t,u){let s=t.y0-(t.sourceLinks.length-1)*g/2;for(const{target:c,width:r}of t.sourceLinks){if(c===u)break;s+=r+g}for(const{source:c,width:r}of u.targetLinks){if(c===t)break;s-=r}return s}function ot(t,u){let s=u.y0-(u.targetLinks.length-1)*g/2;for(const{source:c,width:r}of u.targetLinks){if(c===t)break;s+=r+g}for(const{target:c,width:r}of t.sourceLinks){if(c===u)break;s-=r}return s}return d}var vt=Math.PI,kt=2*vt,J=1e-6,Qt=kt-J;function wt(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function qt(){return new wt}wt.prototype=qt.prototype={constructor:wt,moveTo:function(e,n){this._+="M"+(this._x0=this._x1=+e)+","+(this._y0=this._y1=+n)},closePath:function(){this._x1!==null&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},lineTo:function(e,n){this._+="L"+(this._x1=+e)+","+(this._y1=+n)},quadraticCurveTo:function(e,n,i,a){this._+="Q"+ +e+","+ +n+","+(this._x1=+i)+","+(this._y1=+a)},bezierCurveTo:function(e,n,i,a,l,m){this._+="C"+ +e+","+ +n+","+ +i+","+ +a+","+(this._x1=+l)+","+(this._y1=+m)},arcTo:function(e,n,i,a,l){e=+e,n=+n,i=+i,a=+a,l=+l;var m=this._x1,g=this._y1,p=i-e,j=a-n,w=m-e,v=g-n,b=w*w+v*v;if(l<0)throw new Error("negative radius: "+l);if(this._x1===null)this._+="M"+(this._x1=e)+","+(this._y1=n);else if(b>J)if(!(Math.abs(v*p-j*w)>J)||!l)this._+="L"+(this._x1=e)+","+(this._y1=n);else{var $=i-m,R=a-g,d=p*p+j*j,S=$*$+R*R,L=Math.sqrt(d),B=Math.sqrt(b),X=l*Math.tan((vt-Math.acos((d+b-S)/(2*L*B)))/2),D=X/B,_=X/L;Math.abs(D-1)>J&&(this._+="L"+(e+D*w)+","+(n+D*v)),this._+="A"+l+","+l+",0,0,"+ +(v*$>w*R)+","+(this._x1=e+_*p)+","+(this._y1=n+_*j)}},arc:function(e,n,i,a,l,m){e=+e,n=+n,i=+i,m=!!m;var g=i*Math.cos(a),p=i*Math.sin(a),j=e+g,w=n+p,v=1^m,b=m?a-l:l-a;if(i<0)throw new Error("negative radius: "+i);this._x1===null?this._+="M"+j+","+w:(Math.abs(this._x1-j)>J||Math.abs(this._y1-w)>J)&&(this._+="L"+j+","+w),i&&(b<0&&(b=b%kt+kt),b>Qt?this._+="A"+i+","+i+",0,1,"+v+","+(e-g)+","+(n-p)+"A"+i+","+i+",0,1,"+v+","+(this._x1=j)+","+(this._y1=w):b>J&&(this._+="A"+i+","+i+",0,"+ +(b>=vt)+","+v+","+(this._x1=e+i*Math.cos(l))+","+(this._y1=n+i*Math.sin(l))))},rect:function(e,n,i,a){this._+="M"+(this._x0=this._x1=+e)+","+(this._y0=this._y1=+n)+"h"+ +i+"v"+ +a+"h"+-i+"Z"},toString:function(){return this._}};function Ct(e){return function(){return e}}function Jt(e){return e[0]}function te(e){return e[1]}var ee=Array.prototype.slice;function ne(e){return e.source}function oe(e){return e.target}function ie(e){var n=ne,i=oe,a=Jt,l=te,m=null;function g(){var p,j=ee.call(arguments),w=n.apply(this,j),v=i.apply(this,j);if(m||(m=p=qt()),e(m,+a.apply(this,(j[0]=w,j)),+l.apply(this,j),+a.apply(this,(j[0]=v,j)),+l.apply(this,j)),p)return m=null,p+""||null}return g.source=function(p){return arguments.length?(n=p,g):n},g.target=function(p){return arguments.length?(i=p,g):i},g.x=function(p){return arguments.length?(a=typeof p=="function"?p:Ct(+p),g):a},g.y=function(p){return arguments.length?(l=typeof p=="function"?p:Ct(+p),g):l},g.context=function(p){return arguments.length?(m=p??null,g):m},g}function re(e,n,i,a,l){e.moveTo(n,i),e.bezierCurveTo(n=(n+a)/2,i,n,l,a,l)}function se(){return ie(re)}function ae(e){return[e.source.x1,e.y0]}function le(e){return[e.target.x0,e.y1]}function ue(){return se().source(ae).target(le)}function ce(e){const{data:n,showLabels:i,leftMargin:a,rightMargin:l,truncateBy:m,width:g,height:p,topMargin:j,bottomMargin:w,tooltip:v,onSeriesMouseOver:b,suffix:$,prefix:R,showValues:d,onSeriesMouseClick:S,nodePadding:L,nodeWidth:B,id:X,highlightedSourceDataPoints:D,highlightedTargetDataPoints:_,defaultLinkOpacity:A,sourceTitle:tt,targetTitle:et,animate:V,sortNodes:Y,resetSelectionOnDoubleClick:nt,detailsOnClick:C,styles:P,classNames:U,precision:ot,customLayers:t}=e,u=q.useRef(null),s=ht.useInView(u,{once:V.once,amount:V.amount}),[c,r]=q.useState(void 0),[h,x]=q.useState(void 0),[N,T]=q.useState(void 0),[W,I]=q.useState(void 0),[O,H]=q.useState(void 0),z={top:j,bottom:w,left:a,right:l},F=g-z.left-z.right,G=p-z.top-z.bottom,st=Y==="mostReadable"?jt().nodeWidth(B).nodePadding(L).size([F,G]).nodeAlign(mt):Y==="none"?jt().nodeWidth(B).nodePadding(L).size([F,G]).nodeAlign(mt).nodeSort(()=>null).linkSort(()=>null):jt().nodeWidth(B).nodePadding(L).size([F,G]).nodeAlign(mt).nodeSort(Y==="desc"?(o,M)=>(M.value||0)-(o.value||0):(o,M)=>(o.value||0)-(M.value||0)),{nodes:at,links:lt}=st(n),Q=ue();return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[f.jsxRuntimeExports.jsxs(ht.motion.svg,{width:`${g}px`,height:`${p}px`,viewBox:`0 0 ${g} ${p}`,style:{marginLeft:"auto",marginRight:"auto"},direction:"ltr",ref:u,children:[tt?f.jsxRuntimeExports.jsx("text",{x:z.left,y:z.top-10,className:"text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",style:{textAnchor:"start"},children:tt}):null,et?f.jsxRuntimeExports.jsx("text",{x:g-z.right,y:z.top-10,className:"text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",style:{textAnchor:"end"},children:et}):null,f.jsxRuntimeExports.jsxs("g",{transform:`translate(${z.left},${z.top})`,children:[t.filter(o=>o.position==="before").map(o=>o.layer),at.filter(o=>o.type==="source").map((o,M)=>f.jsxRuntimeExports.jsx("g",{onMouseEnter:()=>{T(o)},onMouseLeave:()=>{T(void 0)},children:f.jsxRuntimeExports.jsxs("g",{transform:`translate(${o.x0},${o.y0})`,children:[f.jsxRuntimeExports.jsx("rect",{x:0,y:0,width:(o.x1||0)-(o.x0||0),height:(o.y1||0)-(o.y0||0),style:{fill:o.color}}),i||d?f.jsxRuntimeExports.jsx("foreignObject",{y:0-L/2,x:0-a,width:a,height:(o.y1||0)-(o.y0||0)+L,children:f.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-0.5 justify-center py-0 px-1.5",style:{height:`${(o.y1||0)-(o.y0||0)+L}px`,overflow:"visible"},children:[i?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{marginBottom:d?"3xs":"none",size:"sm",leading:"none",className:Z.cnExports.cn("sankey-right-label text-right",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:`${o.label}`.length<m?`${o.label}`:`${`${o.label}`.substring(0,m)}...`}):null,d?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{marginBottom:"none",size:"sm",leading:"none",className:Z.cnExports.cn("sankey-right-value text-right font-bold",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:Lt.numberFormattingFunction(o.value,"NA",ot,R,$)}):null]})}):null]})},M)),at.filter(o=>o.type==="target").map((o,M)=>f.jsxRuntimeExports.jsx("g",{onMouseEnter:()=>{T(o)},onMouseLeave:()=>{T(void 0)},children:f.jsxRuntimeExports.jsxs("g",{transform:`translate(${o.x0},${o.y0})`,children:[f.jsxRuntimeExports.jsx("rect",{x:0,y:0,width:(o.x1||0)-(o.x0||0),height:(o.y1||0)-(o.y0||0),style:{fill:o.color}}),i||d?f.jsxRuntimeExports.jsx("foreignObject",{y:0-L/2,x:B,width:l-B,height:(o.y1||0)-(o.y0||0)+L,children:f.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-0.5 justify-center py-0 px-1.5",style:{height:`${(o.y1||0)-(o.y0||0)+L}px`},children:[i?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{marginBottom:d?"3xs":"none",size:"sm",leading:"none",className:Z.cnExports.cn("sankey-left-label text-left",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:`${o.label}`.length<m?`${o.label}`:`${`${o.label}`.substring(0,m)}...`}):null,d?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{size:"sm",leading:"none",marginBottom:"none",className:Z.cnExports.cn("sankey-left-value text-left font-bold",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:Lt.numberFormattingFunction(o.value,"NA",ot,R,$)}):null]})}):null]})},M)),f.jsxRuntimeExports.jsx("defs",{children:lt.map((o,M)=>f.jsxRuntimeExports.jsxs("linearGradient",{id:`${X}-gradient-${M}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%",gradientUnits:"userSpaceOnUse",children:[f.jsxRuntimeExports.jsx("stop",{offset:"0%",style:{stopColor:o.source.color,stopOpacity:1}}),f.jsxRuntimeExports.jsx("stop",{offset:"100%",style:{stopColor:o.target.color,stopOpacity:1}})]},M))}),f.jsxRuntimeExports.jsx("g",{children:f.jsxRuntimeExports.jsx(Ht.AnimatePresence,{children:lt.map((o,M)=>f.jsxRuntimeExports.jsx(ht.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:K=>{r(o.data),H(K.clientY),I(K.clientX),b?.(o)},onMouseMove:K=>{r(o.data),H(K.clientY),I(K.clientX)},onClick:()=>{(S||C)&&(Vt.isEqual(h,o.data)&&nt?(x(void 0),S?.(void 0)):(x(o.data),S?.(o.data)))},onMouseLeave:()=>{r(void 0),I(void 0),H(void 0),b?.(void 0)},variants:{initial:{opacity:N?o.source.name===N.name||o.target.name===N.name?.85:A:(D.length!==0||_.length!==0)&&(D.indexOf(o.source.label)!==-1||_.indexOf(o.target.label)!==-1)?.85:A},whileInView:{opacity:N?o.source.name===N.name||o.target.name===N.name?.85:A:(D.length!==0||_.length!==0)&&(D.indexOf(o.source.label)!==-1||_.indexOf(o.target.label)!==-1)?.85:A,transition:{duration:V.duration}}},initial:"initial",animate:s?"whileInView":"initial",exit:{opacity:0,transition:{duration:V.duration}},children:f.jsxRuntimeExports.jsx(ht.motion.path,{d:Q(o)||"",style:{stroke:`url(#${X}-gradient-${M})`,strokeWidth:o.width,fill:"none"},exit:{opacity:0,transition:{duration:V.duration}},variants:{initial:{pathLength:0,opacity:1},whileInView:{pathLength:1,opacity:1,transition:{duration:V.duration}}},initial:"initial",animate:s?"whileInView":"initial"},`${o.source}-${o.target}`)},`${o.source}-${o.target}`))})}),t.filter(o=>o.position==="after").map(o=>o.layer)]})]}),c&&v&&W&&O?f.jsxRuntimeExports.jsx(zt.Tooltip,{data:c,body:v,xPos:W,yPos:O,backgroundStyle:P?.tooltip,className:U?.tooltip}):null,C&&h!==void 0?f.jsxRuntimeExports.jsx(Pt.ModalExports.Modal,{open:h!==void 0,onClose:()=>{x(void 0)},children:f.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof C=="string"?{__html:It.string2HTML(C,h)}:void 0,children:typeof C=="function"?C(h):null})}):null]})}function he(e){const{data:n,graphTitle:i,sources:a,graphDescription:l,showLabels:m=!0,leftMargin:g=75,rightMargin:p=75,topMargin:j=30,bottomMargin:w=10,truncateBy:v=999,height:b,width:$,footNote:R,padding:d,backgroundColor:S,tooltip:L,onSeriesMouseOver:B,suffix:X="",prefix:D="",relativeHeight:_,showValues:A=!0,graphID:tt,onSeriesMouseClick:et,graphDownload:V=!1,dataDownload:Y=!1,fillContainer:nt=!0,language:C="en",minHeight:P=0,theme:U="light",ariaLabel:ot,sourceColors:t,targetColors:u,sourceColorDomain:s,targetColorDomain:c,nodePadding:r=5,nodeWidth:h=5,highlightedSourceDataPoints:x=[],highlightedTargetDataPoints:N=[],defaultLinkOpacity:T=.3,sourceTitle:W,targetTitle:I,sortNodes:O="mostReadable",resetSelectionOnDoubleClick:H=!0,detailsOnClick:z,styles:F,classNames:G,animate:st=!1,precision:at=2,customLayers:lt=[]}=e,[Q,o]=q.useState(0),[M,K]=q.useState(0),[bt,Bt]=q.useState(void 0),rt=q.useRef(null),$t=q.useRef(null);return q.useEffect(()=>{const E=it.uniqBy(n,"source").map(k=>({name:`source_${k.source}`,type:"source",label:`${k.source}`,color:typeof t=="string"||!t?t||Mt.Colors.graphMainColor:t[(s||it.uniqBy(n,"source").map(y=>`${y.source}`)).findIndex(y=>`${y}`==`${k.source}`)>t.length?t.length-1:(s||it.uniqBy(n,"source").map(y=>`${y.source}`)).findIndex(y=>`${y}`==`${k.source}`)],totalValue:Et.sum(n.filter(y=>`${y.source}`==`${k.source}`).map(y=>y.value))})),ut=O==="asc"?ct.sortBy(E,k=>k.totalValue):O==="desc"?ct.sortBy(E,k=>k.totalValue).reverse():E,dt=it.uniqBy(n,"target").map(k=>({name:`target_${k.target}`,type:"target",label:`${k.target}`,color:typeof u=="string"||!u?u||Mt.Colors.graphMainColor:u[(c||it.uniqBy(n,"target").map(y=>`${y.target}`)).findIndex(y=>`${y}`==`${k.target}`)>u.length?u.length-1:(c||it.uniqBy(n,"target").map(y=>`${y.target}`)).findIndex(y=>`${y}`==`${k.target}`)],totalValue:Et.sum(n.filter(y=>`${y.target}`==`${k.target}`).map(y=>y.value))})),Dt=O==="asc"?ct.sortBy(dt,k=>k.totalValue):O==="desc"?ct.sortBy(dt,k=>k.totalValue).reverse():dt,pt=[...ut,...Dt];Bt({nodes:pt,links:n.map(k=>({source:pt.findIndex(y=>y.name===`source_${k.source}`),target:pt.findIndex(y=>y.name===`target_${k.target}`),value:k.value,data:{...k}}))})},[n,O,s,t,c,u]),q.useEffect(()=>{const E=new ResizeObserver(ut=>{o($||ut[0].target.clientWidth||620),K(b||ut[0].target.clientHeight||480)});return rt.current&&(K(rt.current.clientHeight||480),o(rt.current.clientWidth||620),$||E.observe(rt.current)),()=>E.disconnect()},[$,b]),f.jsxRuntimeExports.jsx("div",{className:`${U||"light"} flex ${$?"grow-0":"grow"} ${nt?"w-full":"w-fit"} `,dir:C==="he"||C==="ar"?"rtl":void 0,children:f.jsxRuntimeExports.jsx("div",{className:Z.cnExports.cn(`${S?S===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${C||"en"}`,G?.graphContainer),style:{...F?.graphContainer||{},...S&&S!==!0?{backgroundColor:S}:{}},id:tt,ref:$t,"aria-label":ot||`${i?`The graph shows ${i}. `:""}This is a sankey chart showing flow. ${l?` ${l}`:""}`,children:f.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:S?d||"1rem":d||0},children:f.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4 w-full grow justify-between",children:[i||l||V||Y?f.jsxRuntimeExports.jsx(At.GraphHeader,{styles:{title:F?.title,description:F?.description},classNames:{title:G?.title,description:G?.description},graphTitle:i,graphDescription:l,width:$,graphDownload:V?$t.current:void 0,dataDownload:Y?n.map(E=>E.data).filter(E=>E!==void 0).length>0?n.map(E=>E.data).filter(E=>E!==void 0):n.filter(E=>E!==void 0):null}):null,f.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:n.length===0?f.jsxRuntimeExports.jsx(Gt.EmptyState,{}):f.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center gap-3 w-full leading-0",ref:rt,"aria-label":"Graph area",children:($||Q)&&(b||M)&&bt?f.jsxRuntimeExports.jsx(ce,{data:bt,width:$||Q,nodePadding:r,nodeWidth:h,height:Math.max(P,b||(_?P?($||Q)*_>P?($||Q)*_:P:($||Q)*_:M)),showLabels:m,leftMargin:g,rightMargin:p,topMargin:j,bottomMargin:w,truncateBy:v,tooltip:L,onSeriesMouseOver:B,showValues:A,suffix:X,prefix:D,onSeriesMouseClick:et,id:Ft.generateRandomString(8),highlightedSourceDataPoints:x.map(E=>`${E}`),highlightedTargetDataPoints:N.map(E=>`${E}`),defaultLinkOpacity:T,sourceTitle:W,targetTitle:I,sortNodes:O,resetSelectionOnDoubleClick:H,styles:F,classNames:G,detailsOnClick:z,animate:st===!0?{duration:.5,once:!0,amount:.5}:st||{duration:0,once:!0,amount:0},precision:at,customLayers:lt}):null})}),a||R?f.jsxRuntimeExports.jsx(Wt.GraphFooter,{styles:{footnote:F?.footnote,source:F?.source},classNames:{footnote:G?.footnote,source:G?.source},sources:a,footNote:R,width:$}):null]})})})})}exports.SankeyChart=he;
+import { j as h, m as rt } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useRef as wt, useState as Z, useEffect as _t } from "react";
+import { u as ot } from "./index-CaAIPGZo.js";
+import { s as ct } from "./index-DxagiOHo.js";
+import { s as Nt } from "./index-D7ltPi18.js";
+import { i as Ht } from "./index-27yTRcko.js";
+import { X as Wt } from "./Modal-CUU6ZK3U.js";
+import { u as ft } from "./Typography-Ctgfl1J5.js";
+import { n as St } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Rt } from "./Tooltip-DyM5snqx.js";
+import { s as Gt } from "./string2HTML-CWHGfz_d.js";
+import { u as qt } from "./use-in-view-BAHrBy6b.js";
+import { m as mt } from "./proxy-DJxJg1kD.js";
+import { A as Xt } from "./index-BxAUvrua.js";
+import { GraphHeader as Ft } from "./GraphHeader.js";
+import { GraphFooter as Yt } from "./GraphFooter.js";
+import { Colors as Tt } from "./Colors.js";
+import { g as Ut } from "./generateRandomString-za3IQGfQ.js";
+import { E as Zt } from "./EmptyState-DdTp-Mdn.js";
+function Ct(e, n) {
+  let i;
+  if (n === void 0)
+    for (const a of e)
+      a != null && (i < a || i === void 0 && a >= a) && (i = a);
+  else {
+    let a = -1;
+    for (let l of e)
+      (l = n(l, ++a, e)) != null && (i < l || i === void 0 && l >= l) && (i = l);
+  }
+  return i;
+}
+function Bt(e, n) {
+  let i;
+  if (n === void 0)
+    for (const a of e)
+      a != null && (i > a || i === void 0 && a >= a) && (i = a);
+  else {
+    let a = -1;
+    for (let l of e)
+      (l = n(l, ++a, e)) != null && (i > l || i === void 0 && l >= l) && (i = l);
+  }
+  return i;
+}
+function yt(e, n) {
+  let i = 0;
+  if (n === void 0)
+    for (let a of e)
+      (a = +a) && (i += a);
+  else {
+    let a = -1;
+    for (let l of e)
+      (l = +n(l, ++a, e)) && (i += l);
+  }
+  return i;
+}
+function Qt(e) {
+  return e.target.depth;
+}
+function Jt(e, n) {
+  return e.sourceLinks.length ? e.depth : n - 1;
+}
+function xt(e) {
+  return e.targetLinks.length ? e.depth : e.sourceLinks.length ? Bt(e.sourceLinks, Qt) - 1 : 0;
+}
+function ht(e) {
+  return function() {
+    return e;
+  };
+}
+function Ot(e, n) {
+  return gt(e.source, n.source) || e.index - n.index;
+}
+function Dt(e, n) {
+  return gt(e.target, n.target) || e.index - n.index;
+}
+function gt(e, n) {
+  return e.y0 - n.y0;
+}
+function vt(e) {
+  return e.value;
+}
+function Kt(e) {
+  return e.index;
+}
+function te(e) {
+  return e.nodes;
+}
+function ee(e) {
+  return e.links;
+}
+function Vt(e, n) {
+  const i = e.get(n);
+  if (!i) throw new Error("missing: " + n);
+  return i;
+}
+function zt({ nodes: e }) {
+  for (const n of e) {
+    let i = n.y0, a = i;
+    for (const l of n.sourceLinks)
+      l.y0 = i + l.width / 2, i += l.width;
+    for (const l of n.targetLinks)
+      l.y1 = a + l.width / 2, a += l.width;
+  }
+}
+function kt() {
+  let e = 0, n = 0, i = 1, a = 1, l = 24, y = 8, g, p = Kt, v = Jt, b, k, $ = te, j = ee, N = 6;
+  function d() {
+    const t = { nodes: $.apply(null, arguments), links: j.apply(null, arguments) };
+    return S(t), M(t), z(t), X(t), W(t), zt(t), t;
+  }
+  d.update = function(t) {
+    return zt(t), t;
+  }, d.nodeId = function(t) {
+    return arguments.length ? (p = typeof t == "function" ? t : ht(t), d) : p;
+  }, d.nodeAlign = function(t) {
+    return arguments.length ? (v = typeof t == "function" ? t : ht(t), d) : v;
+  }, d.nodeSort = function(t) {
+    return arguments.length ? (b = t, d) : b;
+  }, d.nodeWidth = function(t) {
+    return arguments.length ? (l = +t, d) : l;
+  }, d.nodePadding = function(t) {
+    return arguments.length ? (y = g = +t, d) : y;
+  }, d.nodes = function(t) {
+    return arguments.length ? ($ = typeof t == "function" ? t : ht(t), d) : $;
+  }, d.links = function(t) {
+    return arguments.length ? (j = typeof t == "function" ? t : ht(t), d) : j;
+  }, d.linkSort = function(t) {
+    return arguments.length ? (k = t, d) : k;
+  }, d.size = function(t) {
+    return arguments.length ? (e = n = 0, i = +t[0], a = +t[1], d) : [i - e, a - n];
+  }, d.extent = function(t) {
+    return arguments.length ? (e = +t[0][0], i = +t[1][0], n = +t[0][1], a = +t[1][1], d) : [[e, n], [i, a]];
+  }, d.iterations = function(t) {
+    return arguments.length ? (N = +t, d) : N;
+  };
+  function S({ nodes: t, links: u }) {
+    for (const [c, r] of t.entries())
+      r.index = c, r.sourceLinks = [], r.targetLinks = [];
+    const s = new Map(t.map((c, r) => [p(c, r, t), c]));
+    for (const [c, r] of u.entries()) {
+      r.index = c;
+      let { source: f, target: m } = r;
+      typeof f != "object" && (f = r.source = Vt(s, f)), typeof m != "object" && (m = r.target = Vt(s, m)), f.sourceLinks.push(r), m.targetLinks.push(r);
+    }
+    if (k != null)
+      for (const { sourceLinks: c, targetLinks: r } of t)
+        c.sort(k), r.sort(k);
+  }
+  function M({ nodes: t }) {
+    for (const u of t)
+      u.value = u.fixedValue === void 0 ? Math.max(yt(u.sourceLinks, vt), yt(u.targetLinks, vt)) : u.fixedValue;
+  }
+  function z({ nodes: t }) {
+    const u = t.length;
+    let s = new Set(t), c = /* @__PURE__ */ new Set(), r = 0;
+    for (; s.size; ) {
+      for (const f of s) {
+        f.depth = r;
+        for (const { target: m } of f.sourceLinks)
+          c.add(m);
+      }
+      if (++r > u) throw new Error("circular link");
+      s = c, c = /* @__PURE__ */ new Set();
+    }
+  }
+  function X({ nodes: t }) {
+    const u = t.length;
+    let s = new Set(t), c = /* @__PURE__ */ new Set(), r = 0;
+    for (; s.size; ) {
+      for (const f of s) {
+        f.height = r;
+        for (const { source: m } of f.targetLinks)
+          c.add(m);
+      }
+      if (++r > u) throw new Error("circular link");
+      s = c, c = /* @__PURE__ */ new Set();
+    }
+  }
+  function P({ nodes: t }) {
+    const u = Ct(t, (r) => r.depth) + 1, s = (i - e - l) / (u - 1), c = new Array(u);
+    for (const r of t) {
+      const f = Math.max(0, Math.min(u - 1, Math.floor(v.call(null, r, u))));
+      r.layer = f, r.x0 = e + f * s, r.x1 = r.x0 + l, c[f] ? c[f].push(r) : c[f] = [r];
+    }
+    if (b) for (const r of c)
+      r.sort(b);
+    return c;
+  }
+  function T(t) {
+    const u = Bt(t, (s) => (a - n - (s.length - 1) * g) / yt(s, vt));
+    for (const s of t) {
+      let c = n;
+      for (const r of s) {
+        r.y0 = c, r.y1 = c + r.value * u, c = r.y1 + g;
+        for (const f of r.sourceLinks)
+          f.width = f.value * u;
+      }
+      c = (a - c + g) / (s.length + 1);
+      for (let r = 0; r < s.length; ++r) {
+        const f = s[r];
+        f.y0 += c * (r + 1), f.y1 += c * (r + 1);
+      }
+      I(s);
+    }
+  }
+  function W(t) {
+    const u = P(t);
+    g = Math.min(y, (a - n) / (Ct(u, (s) => s.length) - 1)), T(u);
+    for (let s = 0; s < N; ++s) {
+      const c = Math.pow(0.99, s), r = Math.max(1 - c, (s + 1) / N);
+      tt(u, c, r), K(u, c, r);
+    }
+  }
+  function K(t, u, s) {
+    for (let c = 1, r = t.length; c < r; ++c) {
+      const f = t[c];
+      for (const m of f) {
+        let C = 0, O = 0;
+        for (const { source: E, value: V } of m.targetLinks) {
+          let H = V * (m.layer - E.layer);
+          C += Y(E, m) * H, O += H;
+        }
+        if (!(O > 0)) continue;
+        let R = (C / O - m.y0) * u;
+        m.y0 += R, m.y1 += R, D(m);
+      }
+      b === void 0 && f.sort(gt), B(f, s);
+    }
+  }
+  function tt(t, u, s) {
+    for (let c = t.length, r = c - 2; r >= 0; --r) {
+      const f = t[r];
+      for (const m of f) {
+        let C = 0, O = 0;
+        for (const { target: E, value: V } of m.sourceLinks) {
+          let H = V * (E.layer - m.layer);
+          C += nt(m, E) * H, O += H;
+        }
+        if (!(O > 0)) continue;
+        let R = (C / O - m.y0) * u;
+        m.y0 += R, m.y1 += R, D(m);
+      }
+      b === void 0 && f.sort(gt), B(f, s);
+    }
+  }
+  function B(t, u) {
+    const s = t.length >> 1, c = t[s];
+    et(t, c.y0 - g, s - 1, u), F(t, c.y1 + g, s + 1, u), et(t, a, t.length - 1, u), F(t, n, 0, u);
+  }
+  function F(t, u, s, c) {
+    for (; s < t.length; ++s) {
+      const r = t[s], f = (u - r.y0) * c;
+      f > 1e-6 && (r.y0 += f, r.y1 += f), u = r.y1 + g;
+    }
+  }
+  function et(t, u, s, c) {
+    for (; s >= 0; --s) {
+      const r = t[s], f = (r.y1 - u) * c;
+      f > 1e-6 && (r.y0 -= f, r.y1 -= f), u = r.y0 - g;
+    }
+  }
+  function D({ sourceLinks: t, targetLinks: u }) {
+    if (k === void 0) {
+      for (const { source: { sourceLinks: s } } of u)
+        s.sort(Dt);
+      for (const { target: { targetLinks: s } } of t)
+        s.sort(Ot);
+    }
+  }
+  function I(t) {
+    if (k === void 0)
+      for (const { sourceLinks: u, targetLinks: s } of t)
+        u.sort(Dt), s.sort(Ot);
+  }
+  function Y(t, u) {
+    let s = t.y0 - (t.sourceLinks.length - 1) * g / 2;
+    for (const { target: c, width: r } of t.sourceLinks) {
+      if (c === u) break;
+      s += r + g;
+    }
+    for (const { source: c, width: r } of u.targetLinks) {
+      if (c === t) break;
+      s -= r;
+    }
+    return s;
+  }
+  function nt(t, u) {
+    let s = u.y0 - (u.targetLinks.length - 1) * g / 2;
+    for (const { source: c, width: r } of u.targetLinks) {
+      if (c === t) break;
+      s += r + g;
+    }
+    for (const { target: c, width: r } of t.sourceLinks) {
+      if (c === u) break;
+      s -= r;
+    }
+    return s;
+  }
+  return d;
+}
+var bt = Math.PI, $t = 2 * bt, J = 1e-6, ne = $t - J;
+function jt() {
+  this._x0 = this._y0 = // start of current subpath
+  this._x1 = this._y1 = null, this._ = "";
+}
+function It() {
+  return new jt();
+}
+jt.prototype = It.prototype = {
+  constructor: jt,
+  moveTo: function(e, n) {
+    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +n);
+  },
+  closePath: function() {
+    this._x1 !== null && (this._x1 = this._x0, this._y1 = this._y0, this._ += "Z");
+  },
+  lineTo: function(e, n) {
+    this._ += "L" + (this._x1 = +e) + "," + (this._y1 = +n);
+  },
+  quadraticCurveTo: function(e, n, i, a) {
+    this._ += "Q" + +e + "," + +n + "," + (this._x1 = +i) + "," + (this._y1 = +a);
+  },
+  bezierCurveTo: function(e, n, i, a, l, y) {
+    this._ += "C" + +e + "," + +n + "," + +i + "," + +a + "," + (this._x1 = +l) + "," + (this._y1 = +y);
+  },
+  arcTo: function(e, n, i, a, l) {
+    e = +e, n = +n, i = +i, a = +a, l = +l;
+    var y = this._x1, g = this._y1, p = i - e, v = a - n, b = y - e, k = g - n, $ = b * b + k * k;
+    if (l < 0) throw new Error("negative radius: " + l);
+    if (this._x1 === null)
+      this._ += "M" + (this._x1 = e) + "," + (this._y1 = n);
+    else if ($ > J) if (!(Math.abs(k * p - v * b) > J) || !l)
+      this._ += "L" + (this._x1 = e) + "," + (this._y1 = n);
+    else {
+      var j = i - y, N = a - g, d = p * p + v * v, S = j * j + N * N, M = Math.sqrt(d), z = Math.sqrt($), X = l * Math.tan((bt - Math.acos((d + $ - S) / (2 * M * z))) / 2), P = X / z, T = X / M;
+      Math.abs(P - 1) > J && (this._ += "L" + (e + P * b) + "," + (n + P * k)), this._ += "A" + l + "," + l + ",0,0," + +(k * j > b * N) + "," + (this._x1 = e + T * p) + "," + (this._y1 = n + T * v);
+    }
+  },
+  arc: function(e, n, i, a, l, y) {
+    e = +e, n = +n, i = +i, y = !!y;
+    var g = i * Math.cos(a), p = i * Math.sin(a), v = e + g, b = n + p, k = 1 ^ y, $ = y ? a - l : l - a;
+    if (i < 0) throw new Error("negative radius: " + i);
+    this._x1 === null ? this._ += "M" + v + "," + b : (Math.abs(this._x1 - v) > J || Math.abs(this._y1 - b) > J) && (this._ += "L" + v + "," + b), i && ($ < 0 && ($ = $ % $t + $t), $ > ne ? this._ += "A" + i + "," + i + ",0,1," + k + "," + (e - g) + "," + (n - p) + "A" + i + "," + i + ",0,1," + k + "," + (this._x1 = v) + "," + (this._y1 = b) : $ > J && (this._ += "A" + i + "," + i + ",0," + +($ >= bt) + "," + k + "," + (this._x1 = e + i * Math.cos(l)) + "," + (this._y1 = n + i * Math.sin(l))));
+  },
+  rect: function(e, n, i, a) {
+    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +n) + "h" + +i + "v" + +a + "h" + -i + "Z";
+  },
+  toString: function() {
+    return this._;
+  }
+};
+function Pt(e) {
+  return function() {
+    return e;
+  };
+}
+function oe(e) {
+  return e[0];
+}
+function ie(e) {
+  return e[1];
+}
+var re = Array.prototype.slice;
+function se(e) {
+  return e.source;
+}
+function ae(e) {
+  return e.target;
+}
+function le(e) {
+  var n = se, i = ae, a = oe, l = ie, y = null;
+  function g() {
+    var p, v = re.call(arguments), b = n.apply(this, v), k = i.apply(this, v);
+    if (y || (y = p = It()), e(y, +a.apply(this, (v[0] = b, v)), +l.apply(this, v), +a.apply(this, (v[0] = k, v)), +l.apply(this, v)), p) return y = null, p + "" || null;
+  }
+  return g.source = function(p) {
+    return arguments.length ? (n = p, g) : n;
+  }, g.target = function(p) {
+    return arguments.length ? (i = p, g) : i;
+  }, g.x = function(p) {
+    return arguments.length ? (a = typeof p == "function" ? p : Pt(+p), g) : a;
+  }, g.y = function(p) {
+    return arguments.length ? (l = typeof p == "function" ? p : Pt(+p), g) : l;
+  }, g.context = function(p) {
+    return arguments.length ? (y = p ?? null, g) : y;
+  }, g;
+}
+function ue(e, n, i, a, l) {
+  e.moveTo(n, i), e.bezierCurveTo(n = (n + a) / 2, i, n, l, a, l);
+}
+function ce() {
+  return le(ue);
+}
+function fe(e) {
+  return [e.source.x1, e.y0];
+}
+function he(e) {
+  return [e.target.x0, e.y1];
+}
+function ge() {
+  return ce().source(fe).target(he);
+}
+function de(e) {
+  const {
+    data: n,
+    showLabels: i,
+    leftMargin: a,
+    rightMargin: l,
+    truncateBy: y,
+    width: g,
+    height: p,
+    topMargin: v,
+    bottomMargin: b,
+    tooltip: k,
+    onSeriesMouseOver: $,
+    suffix: j,
+    prefix: N,
+    showValues: d,
+    onSeriesMouseClick: S,
+    nodePadding: M,
+    nodeWidth: z,
+    id: X,
+    highlightedSourceDataPoints: P,
+    highlightedTargetDataPoints: T,
+    defaultLinkOpacity: W,
+    sourceTitle: K,
+    targetTitle: tt,
+    animate: B,
+    sortNodes: F,
+    resetSelectionOnDoubleClick: et,
+    detailsOnClick: D,
+    styles: I,
+    classNames: Y,
+    precision: nt,
+    customLayers: t
+  } = e, u = wt(null), s = qt(u, {
+    once: B.once,
+    amount: B.amount
+  }), [c, r] = Z(void 0), [f, m] = Z(void 0), [C, O] = Z(void 0), [R, E] = Z(void 0), [V, H] = Z(void 0), A = {
+    top: v,
+    bottom: b,
+    left: a,
+    right: l
+  }, G = g - A.left - A.right, q = p - A.top - A.bottom, st = F === "mostReadable" ? kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt) : F === "none" ? kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt).nodeSort(() => null).linkSort(() => null) : kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt).nodeSort(
+    F === "desc" ? (o, _) => (_.value || 0) - (o.value || 0) : (o, _) => (o.value || 0) - (_.value || 0)
+  ), { nodes: at, links: lt } = st(n), Q = ge();
+  return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+    /* @__PURE__ */ h.jsxs(
+      mt.svg,
+      {
+        width: `${g}px`,
+        height: `${p}px`,
+        viewBox: `0 0 ${g} ${p}`,
+        style: { marginLeft: "auto", marginRight: "auto" },
+        direction: "ltr",
+        ref: u,
+        children: [
+          K ? /* @__PURE__ */ h.jsx(
+            "text",
+            {
+              x: A.left,
+              y: A.top - 10,
+              className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
+              style: { textAnchor: "start" },
+              children: K
+            }
+          ) : null,
+          tt ? /* @__PURE__ */ h.jsx(
+            "text",
+            {
+              x: g - A.right,
+              y: A.top - 10,
+              className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
+              style: { textAnchor: "end" },
+              children: tt
+            }
+          ) : null,
+          /* @__PURE__ */ h.jsxs("g", { transform: `translate(${A.left},${A.top})`, children: [
+            t.filter((o) => o.position === "before").map((o) => o.layer),
+            at.filter((o) => o.type === "source").map((o, _) => /* @__PURE__ */ h.jsx(
+              "g",
+              {
+                onMouseEnter: () => {
+                  O(o);
+                },
+                onMouseLeave: () => {
+                  O(void 0);
+                },
+                children: /* @__PURE__ */ h.jsxs("g", { transform: `translate(${o.x0},${o.y0})`, children: [
+                  /* @__PURE__ */ h.jsx(
+                    "rect",
+                    {
+                      x: 0,
+                      y: 0,
+                      width: (o.x1 || 0) - (o.x0 || 0),
+                      height: (o.y1 || 0) - (o.y0 || 0),
+                      style: { fill: o.color }
+                    }
+                  ),
+                  i || d ? /* @__PURE__ */ h.jsx(
+                    "foreignObject",
+                    {
+                      y: 0 - M / 2,
+                      x: 0 - a,
+                      width: a,
+                      height: (o.y1 || 0) - (o.y0 || 0) + M,
+                      children: /* @__PURE__ */ h.jsxs(
+                        "div",
+                        {
+                          className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
+                          style: {
+                            height: `${(o.y1 || 0) - (o.y0 || 0) + M}px`,
+                            overflow: "visible"
+                          },
+                          children: [
+                            i ? /* @__PURE__ */ h.jsx(
+                              ft,
+                              {
+                                marginBottom: d ? "3xs" : "none",
+                                size: "sm",
+                                leading: "none",
+                                className: rt(
+                                  "sankey-right-label text-right",
+                                  Y?.graphObjectValues
+                                ),
+                                style: {
+                                  hyphens: "auto",
+                                  color: o.color,
+                                  ...I?.graphObjectValues
+                                },
+                                children: `${o.label}`.length < y ? `${o.label}` : `${`${o.label}`.substring(0, y)}...`
+                              }
+                            ) : null,
+                            d ? /* @__PURE__ */ h.jsx(
+                              ft,
+                              {
+                                marginBottom: "none",
+                                size: "sm",
+                                leading: "none",
+                                className: rt(
+                                  "sankey-right-value text-right font-bold",
+                                  Y?.graphObjectValues
+                                ),
+                                style: {
+                                  hyphens: "auto",
+                                  color: o.color,
+                                  ...I?.graphObjectValues
+                                },
+                                children: St(o.value, "NA", nt, N, j)
+                              }
+                            ) : null
+                          ]
+                        }
+                      )
+                    }
+                  ) : null
+                ] })
+              },
+              _
+            )),
+            at.filter((o) => o.type === "target").map((o, _) => /* @__PURE__ */ h.jsx(
+              "g",
+              {
+                onMouseEnter: () => {
+                  O(o);
+                },
+                onMouseLeave: () => {
+                  O(void 0);
+                },
+                children: /* @__PURE__ */ h.jsxs("g", { transform: `translate(${o.x0},${o.y0})`, children: [
+                  /* @__PURE__ */ h.jsx(
+                    "rect",
+                    {
+                      x: 0,
+                      y: 0,
+                      width: (o.x1 || 0) - (o.x0 || 0),
+                      height: (o.y1 || 0) - (o.y0 || 0),
+                      style: { fill: o.color }
+                    }
+                  ),
+                  i || d ? /* @__PURE__ */ h.jsx(
+                    "foreignObject",
+                    {
+                      y: 0 - M / 2,
+                      x: z,
+                      width: l - z,
+                      height: (o.y1 || 0) - (o.y0 || 0) + M,
+                      children: /* @__PURE__ */ h.jsxs(
+                        "div",
+                        {
+                          className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
+                          style: {
+                            height: `${(o.y1 || 0) - (o.y0 || 0) + M}px`
+                          },
+                          children: [
+                            i ? /* @__PURE__ */ h.jsx(
+                              ft,
+                              {
+                                marginBottom: d ? "3xs" : "none",
+                                size: "sm",
+                                leading: "none",
+                                className: rt(
+                                  "sankey-left-label text-left",
+                                  Y?.graphObjectValues
+                                ),
+                                style: {
+                                  hyphens: "auto",
+                                  color: o.color,
+                                  ...I?.graphObjectValues
+                                },
+                                children: `${o.label}`.length < y ? `${o.label}` : `${`${o.label}`.substring(0, y)}...`
+                              }
+                            ) : null,
+                            d ? /* @__PURE__ */ h.jsx(
+                              ft,
+                              {
+                                size: "sm",
+                                leading: "none",
+                                marginBottom: "none",
+                                className: rt(
+                                  "sankey-left-value text-left font-bold",
+                                  Y?.graphObjectValues
+                                ),
+                                style: {
+                                  hyphens: "auto",
+                                  color: o.color,
+                                  ...I?.graphObjectValues
+                                },
+                                children: St(o.value, "NA", nt, N, j)
+                              }
+                            ) : null
+                          ]
+                        }
+                      )
+                    }
+                  ) : null
+                ] })
+              },
+              _
+            )),
+            /* @__PURE__ */ h.jsx("defs", { children: lt.map((o, _) => /* @__PURE__ */ h.jsxs(
+              "linearGradient",
+              {
+                id: `${X}-gradient-${_}`,
+                x1: "0%",
+                y1: "0%",
+                x2: "100%",
+                y2: "0%",
+                gradientUnits: "userSpaceOnUse",
+                children: [
+                  /* @__PURE__ */ h.jsx(
+                    "stop",
+                    {
+                      offset: "0%",
+                      style: {
+                        stopColor: o.source.color,
+                        stopOpacity: 1
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ h.jsx(
+                    "stop",
+                    {
+                      offset: "100%",
+                      style: {
+                        stopColor: o.target.color,
+                        stopOpacity: 1
+                      }
+                    }
+                  )
+                ]
+              },
+              _
+            )) }),
+            /* @__PURE__ */ h.jsx("g", { children: /* @__PURE__ */ h.jsx(Xt, { children: lt.map((o, _) => /* @__PURE__ */ h.jsx(
+              mt.g,
+              {
+                className: "undp-viz-g-with-hover",
+                onMouseEnter: (U) => {
+                  r(o.data), H(U.clientY), E(U.clientX), $?.(o);
+                },
+                onMouseMove: (U) => {
+                  r(o.data), H(U.clientY), E(U.clientX);
+                },
+                onClick: () => {
+                  (S || D) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  Ht(f, o.data) && et ? (m(void 0), S?.(void 0)) : (m(o.data), S?.(o.data)));
+                },
+                onMouseLeave: () => {
+                  r(void 0), E(void 0), H(void 0), $?.(void 0);
+                },
+                variants: {
+                  initial: {
+                    opacity: C ? (
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.name === C.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.name === C.name ? 0.85 : W
+                    ) : (P.length !== 0 || T.length !== 0) && (P.indexOf(
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.label
+                    ) !== -1 || T.indexOf(
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.label
+                    ) !== -1) ? 0.85 : W
+                  },
+                  whileInView: {
+                    opacity: C ? (
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.name === C.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.name === C.name ? 0.85 : W
+                    ) : (P.length !== 0 || T.length !== 0) && (P.indexOf(
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.label
+                    ) !== -1 || T.indexOf(
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.label
+                    ) !== -1) ? 0.85 : W,
+                    transition: { duration: B.duration }
+                  }
+                },
+                initial: "initial",
+                animate: s ? "whileInView" : "initial",
+                exit: { opacity: 0, transition: { duration: B.duration } },
+                children: /* @__PURE__ */ h.jsx(
+                  mt.path,
+                  {
+                    d: Q(o) || "",
+                    style: {
+                      stroke: `url(#${X}-gradient-${_})`,
+                      strokeWidth: o.width,
+                      fill: "none"
+                    },
+                    exit: { opacity: 0, transition: { duration: B.duration } },
+                    variants: {
+                      initial: {
+                        pathLength: 0,
+                        opacity: 1
+                      },
+                      whileInView: {
+                        pathLength: 1,
+                        opacity: 1,
+                        transition: { duration: B.duration }
+                      }
+                    },
+                    initial: "initial",
+                    animate: s ? "whileInView" : "initial"
+                  },
+                  `${o.source}-${o.target}`
+                )
+              },
+              `${o.source}-${o.target}`
+            )) }) }),
+            t.filter((o) => o.position === "after").map((o) => o.layer)
+          ] })
+        ]
+      }
+    ),
+    c && k && R && V ? /* @__PURE__ */ h.jsx(
+      Rt,
+      {
+        data: c,
+        body: k,
+        xPos: R,
+        yPos: V,
+        backgroundStyle: I?.tooltip,
+        className: Y?.tooltip
+      }
+    ) : null,
+    D && f !== void 0 ? /* @__PURE__ */ h.jsx(
+      Wt,
+      {
+        open: f !== void 0,
+        onClose: () => {
+          m(void 0);
+        },
+        children: /* @__PURE__ */ h.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof D == "string" ? { __html: Gt(D, f) } : void 0,
+            children: typeof D == "function" ? D(f) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function Ve(e) {
+  const {
+    data: n,
+    graphTitle: i,
+    sources: a,
+    graphDescription: l,
+    showLabels: y = !0,
+    leftMargin: g = 75,
+    rightMargin: p = 75,
+    topMargin: v = 30,
+    bottomMargin: b = 10,
+    truncateBy: k = 999,
+    height: $,
+    width: j,
+    footNote: N,
+    padding: d,
+    backgroundColor: S,
+    tooltip: M,
+    onSeriesMouseOver: z,
+    suffix: X = "",
+    prefix: P = "",
+    relativeHeight: T,
+    showValues: W = !0,
+    graphID: K,
+    onSeriesMouseClick: tt,
+    graphDownload: B = !1,
+    dataDownload: F = !1,
+    fillContainer: et = !0,
+    language: D = "en",
+    minHeight: I = 0,
+    theme: Y = "light",
+    ariaLabel: nt,
+    sourceColors: t,
+    targetColors: u,
+    sourceColorDomain: s,
+    targetColorDomain: c,
+    nodePadding: r = 5,
+    nodeWidth: f = 5,
+    highlightedSourceDataPoints: m = [],
+    highlightedTargetDataPoints: C = [],
+    defaultLinkOpacity: O = 0.3,
+    sourceTitle: R,
+    targetTitle: E,
+    sortNodes: V = "mostReadable",
+    resetSelectionOnDoubleClick: H = !0,
+    detailsOnClick: A,
+    styles: G,
+    classNames: q,
+    animate: st = !1,
+    precision: at = 2,
+    customLayers: lt = []
+  } = e, [Q, o] = Z(0), [_, U] = Z(0), [Lt, At] = Z(void 0), it = wt(null), Mt = wt(null);
+  return _t(() => {
+    const L = ot(n, "source").map((w) => ({
+      name: `source_${w.source}`,
+      type: "source",
+      label: `${w.source}`,
+      color: typeof t == "string" || !t ? t || Tt.graphMainColor : t[(s || ot(n, "source").map((x) => `${x.source}`)).findIndex(
+        (x) => `${x}` == `${w.source}`
+      ) > t.length ? t.length - 1 : (s || ot(n, "source").map((x) => `${x.source}`)).findIndex(
+        (x) => `${x}` == `${w.source}`
+      )],
+      totalValue: Nt(n.filter((x) => `${x.source}` == `${w.source}`).map((x) => x.value))
+    })), ut = V === "asc" ? ct(L, (w) => w.totalValue) : V === "desc" ? ct(L, (w) => w.totalValue).reverse() : L, dt = ot(n, "target").map((w) => ({
+      name: `target_${w.target}`,
+      type: "target",
+      label: `${w.target}`,
+      color: typeof u == "string" || !u ? u || Tt.graphMainColor : u[(c || ot(n, "target").map((x) => `${x.target}`)).findIndex(
+        (x) => `${x}` == `${w.target}`
+      ) > u.length ? u.length - 1 : (c || ot(n, "target").map((x) => `${x.target}`)).findIndex(
+        (x) => `${x}` == `${w.target}`
+      )],
+      totalValue: Nt(n.filter((x) => `${x.target}` == `${w.target}`).map((x) => x.value))
+    })), Et = V === "asc" ? ct(dt, (w) => w.totalValue) : V === "desc" ? ct(dt, (w) => w.totalValue).reverse() : dt, pt = [...ut, ...Et];
+    At({
+      nodes: pt,
+      links: n.map((w) => ({
+        source: pt.findIndex((x) => x.name === `source_${w.source}`),
+        target: pt.findIndex((x) => x.name === `target_${w.target}`),
+        value: w.value,
+        data: { ...w }
+      }))
+    });
+  }, [n, V, s, t, c, u]), _t(() => {
+    const L = new ResizeObserver((ut) => {
+      o(j || ut[0].target.clientWidth || 620), U($ || ut[0].target.clientHeight || 480);
+    });
+    return it.current && (U(it.current.clientHeight || 480), o(it.current.clientWidth || 620), j || L.observe(it.current)), () => L.disconnect();
+  }, [j, $]), /* @__PURE__ */ h.jsx(
+    "div",
+    {
+      className: `${Y || "light"} flex ${j ? "grow-0" : "grow"} ${et ? "w-full" : "w-fit"} `,
+      dir: D === "he" || D === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ h.jsx(
+        "div",
+        {
+          className: rt(
+            `${S ? S === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D || "en"}`,
+            q?.graphContainer
+          ),
+          style: {
+            ...G?.graphContainer || {},
+            ...S && S !== !0 ? { backgroundColor: S } : {}
+          },
+          id: K,
+          ref: Mt,
+          "aria-label": nt || `${i ? `The graph shows ${i}. ` : ""}This is a sankey chart showing flow. ${l ? ` ${l}` : ""}`,
+          children: /* @__PURE__ */ h.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: S ? d || "1rem" : d || 0 },
+              children: /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
+                i || l || B || F ? /* @__PURE__ */ h.jsx(
+                  Ft,
+                  {
+                    styles: {
+                      title: G?.title,
+                      description: G?.description
+                    },
+                    classNames: {
+                      title: q?.title,
+                      description: q?.description
+                    },
+                    graphTitle: i,
+                    graphDescription: l,
+                    width: j,
+                    graphDownload: B ? Mt.current : void 0,
+                    dataDownload: F ? n.map((L) => L.data).filter((L) => L !== void 0).length > 0 ? n.map((L) => L.data).filter((L) => L !== void 0) : n.filter((L) => L !== void 0) : null
+                  }
+                ) : null,
+                /* @__PURE__ */ h.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ h.jsx(Zt, {}) : /* @__PURE__ */ h.jsx(
+                  "div",
+                  {
+                    className: "flex flex-col grow justify-center gap-3 w-full leading-0",
+                    ref: it,
+                    "aria-label": "Graph area",
+                    children: (j || Q) && ($ || _) && Lt ? /* @__PURE__ */ h.jsx(
+                      de,
+                      {
+                        data: Lt,
+                        width: j || Q,
+                        nodePadding: r,
+                        nodeWidth: f,
+                        height: Math.max(
+                          I,
+                          $ || (T ? I ? (j || Q) * T > I ? (j || Q) * T : I : (j || Q) * T : _)
+                        ),
+                        showLabels: y,
+                        leftMargin: g,
+                        rightMargin: p,
+                        topMargin: v,
+                        bottomMargin: b,
+                        truncateBy: k,
+                        tooltip: M,
+                        onSeriesMouseOver: z,
+                        showValues: W,
+                        suffix: X,
+                        prefix: P,
+                        onSeriesMouseClick: tt,
+                        id: Ut(8),
+                        highlightedSourceDataPoints: m.map((L) => `${L}`),
+                        highlightedTargetDataPoints: C.map((L) => `${L}`),
+                        defaultLinkOpacity: O,
+                        sourceTitle: R,
+                        targetTitle: E,
+                        sortNodes: V,
+                        resetSelectionOnDoubleClick: H,
+                        styles: G,
+                        classNames: q,
+                        detailsOnClick: A,
+                        animate: st === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : st || { duration: 0, once: !0, amount: 0 },
+                        precision: at,
+                        customLayers: lt
+                      }
+                    ) : null
+                  }
+                ) }),
+                a || N ? /* @__PURE__ */ h.jsx(
+                  Yt,
+                  {
+                    styles: { footnote: G?.footnote, source: G?.source },
+                    classNames: {
+                      footnote: q?.footnote,
+                      source: q?.source
+                    },
+                    sources: a,
+                    footNote: N,
+                    width: j
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Ve as SankeyChart
+};
 //# sourceMappingURL=SankeyChart.js.map