@undp/data-viz 1.5.7 → 1.5.9

package/dist/SankeyChart.cjs

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

package/dist/SankeyChart.js

@@ -1,21 +1,21 @@
-import { j as h, m as rt } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as h, m as rt } from "./index-CHPV5EwG-DBWUSD9b.js";
 import { useRef as vt, useState as Z, useEffect as Mt } from "react";
 import { s as _t } from "./index-CeVNqhMO.js";
 import { o as Nt } from "./index-DvVprvy6.js";
 import { i as Ht } from "./index-Bwrro8-q.js";
-import { X as Wt } from "./Modal-DVVwpKhP.js";
-import { u as ct } from "./Typography-Ctgfl1J5.js";
+import { G as Wt } from "./Modal-Cg8daIlV.js";
+import { u as ct } from "./Typography-LmZ9LEpe.js";
 import { n as St } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Rt } from "./Tooltip-CVCGWyzw.js";
+import { T as Rt } from "./Tooltip-6LIdPQGC.js";
 import { s as Gt } from "./string2HTML-oFCROsus.js";
-import { u as qt } from "./use-in-view-yS6jzJAp.js";
-import { m as dt } from "./proxy-CkpFesk1.js";
-import { A as Xt } from "./index-CNvov0eg.js";
-import { GraphHeader as Ft } from "./GraphHeader.js";
+import { u as qt } from "./use-in-view-DR-UTB96.js";
+import { m as dt } from "./proxy-BYIC9BuT.js";
+import { A as Ft } from "./index-Cwgh7i7X.js";
+import { GraphHeader as Xt } 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";
+import { E as Zt } from "./EmptyState-36lXXyui.js";
 import { u as ot } from "./uniqBy-BHy4I8PK.js";
 function Ct(e, n) {
   let i;
@@ -106,7 +106,7 @@ function xt() {
   let e = 0, n = 0, i = 1, a = 1, l = 24, y = 8, g, p = Kt, x = Jt, k, v, w = te, b = ee, S = 6;
   function d() {
     const t = { nodes: w.apply(null, arguments), links: b.apply(null, arguments) };
-    return T(t), L(t), z(t), X(t), W(t), zt(t), t;
+    return T(t), L(t), z(t), F(t), W(t), zt(t), t;
   }
   d.update = function(t) {
     return zt(t), t;
@@ -163,7 +163,7 @@ function xt() {
       s = c, c = /* @__PURE__ */ new Set();
     }
   }
-  function X({ nodes: t }) {
+  function F({ nodes: t }) {
     const u = t.length;
     let s = new Set(t), c = /* @__PURE__ */ new Set(), r = 0;
     for (; s.size; ) {
@@ -245,9 +245,9 @@ function xt() {
   }
   function B(t, u) {
     const s = t.length >> 1, c = t[s];
-    Q(t, c.y0 - g, s - 1, u), F(t, c.y1 + g, s + 1, u), Q(t, a, t.length - 1, u), F(t, n, 0, u);
+    Q(t, c.y0 - g, s - 1, u), X(t, c.y1 + g, s + 1, u), Q(t, a, t.length - 1, u), X(t, n, 0, u);
   }
-  function F(t, u, s, c) {
+  function X(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;
@@ -332,7 +332,7 @@ bt.prototype = It.prototype = {
     else if (w > K) if (!(Math.abs(v * p - x * k) > K) || !l)
       this._ += "L" + (this._x1 = e) + "," + (this._y1 = n);
     else {
-      var b = i - y, S = a - g, d = p * p + x * x, T = b * b + S * S, L = Math.sqrt(d), z = Math.sqrt(w), X = l * Math.tan((kt - Math.acos((d + w - T) / (2 * L * z))) / 2), P = X / z, C = X / L;
+      var b = i - y, S = a - g, d = p * p + x * x, T = b * b + S * S, L = Math.sqrt(d), z = Math.sqrt(w), F = l * Math.tan((kt - Math.acos((d + w - T) / (2 * L * z))) / 2), P = F / z, C = F / L;
       Math.abs(P - 1) > K && (this._ += "L" + (e + P * k) + "," + (n + P * v)), this._ += "A" + l + "," + l + ",0,0," + +(v * b > k * S) + "," + (this._x1 = e + C * p) + "," + (this._y1 = n + C * x);
     }
   },
@@ -419,14 +419,14 @@ function de(e) {
     onSeriesMouseClick: T,
     nodePadding: L,
     nodeWidth: z,
-    id: X,
+    id: F,
     highlightedSourceDataPoints: P,
     highlightedTargetDataPoints: C,
     defaultLinkOpacity: W,
     sourceTitle: tt,
     targetTitle: et,
     animate: B,
-    sortNodes: F,
+    sortNodes: X,
     resetSelectionOnDoubleClick: Q,
     detailsOnClick: V,
     styles: I,
@@ -441,8 +441,8 @@ function de(e) {
     bottom: k,
     left: a,
     right: l
-  }, G = g - A.left - A.right, q = p - A.top - A.bottom, st = F === "mostReadable" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt) : F === "none" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(() => null).linkSort(() => null) : xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(
-    F === "desc" ? (o, N) => (N.value || 0) - (o.value || 0) : (o, N) => (o.value || 0) - (N.value || 0)
+  }, G = g - A.left - A.right, q = p - A.top - A.bottom, st = X === "mostReadable" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt) : X === "none" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(() => null).linkSort(() => null) : xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(
+    X === "desc" ? (o, N) => (N.value || 0) - (o.value || 0) : (o, N) => (o.value || 0) - (N.value || 0)
   ), { nodes: at, links: lt } = st(n), J = ge();
   return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsxs(
@@ -641,7 +641,7 @@ function de(e) {
             /* @__PURE__ */ h.jsx("defs", { children: lt.map((o, N) => /* @__PURE__ */ h.jsxs(
               "linearGradient",
               {
-                id: `${X}-gradient-${N}`,
+                id: `${F}-gradient-${N}`,
                 x1: "0%",
                 y1: "0%",
                 x2: "100%",
@@ -672,7 +672,7 @@ function de(e) {
               },
               N
             )) }),
-            /* @__PURE__ */ h.jsx("g", { children: /* @__PURE__ */ h.jsx(Xt, { children: lt.map((o, N) => /* @__PURE__ */ h.jsx(
+            /* @__PURE__ */ h.jsx("g", { children: /* @__PURE__ */ h.jsx(Ft, { children: lt.map((o, N) => /* @__PURE__ */ h.jsx(
               dt.g,
               {
                 className: "undp-viz-g-with-hover",
@@ -726,7 +726,7 @@ function de(e) {
                   {
                     d: J(o) || "",
                     style: {
-                      stroke: `url(#${X}-gradient-${N})`,
+                      stroke: `url(#${F}-gradient-${N})`,
                       strokeWidth: o.width,
                       fill: "none"
                     },
@@ -804,14 +804,14 @@ function Ve(e) {
     backgroundColor: T,
     tooltip: L,
     onSeriesMouseOver: z,
-    suffix: X = "",
+    suffix: F = "",
     prefix: P = "",
     relativeHeight: C,
     showValues: W = !0,
     graphID: tt,
     onSeriesMouseClick: et,
     graphDownload: B = !1,
-    dataDownload: F = !1,
+    dataDownload: X = !1,
     fillContainer: Q = !0,
     language: V = "en",
     minHeight: I = 0,
@@ -899,8 +899,8 @@ function Ve(e) {
               className: "flex grow",
               style: { padding: T ? 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,
+                i || l || B || X ? /* @__PURE__ */ h.jsx(
+                  Xt,
                   {
                     styles: {
                       title: G?.title,
@@ -914,7 +914,7 @@ function Ve(e) {
                     graphDescription: l,
                     width: b,
                     graphDownload: B ? $t.current : void 0,
-                    dataDownload: F ? n.map((j) => j.data).filter((j) => j !== void 0).length > 0 ? n.map((j) => j.data).filter((j) => j !== void 0) : n.filter((j) => j !== void 0) : null
+                    dataDownload: X ? n.map((j) => j.data).filter((j) => j !== void 0).length > 0 ? n.map((j) => j.data).filter((j) => j !== void 0) : n.filter((j) => j !== 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(
@@ -943,7 +943,7 @@ function Ve(e) {
                         tooltip: L,
                         onSeriesMouseOver: z,
                         showValues: W,
-                        suffix: X,
+                        suffix: F,
                         prefix: P,
                         onSeriesMouseClick: et,
                         id: Ut(8),

package/dist/ScatterPlot.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-DDoeWRVt.cjs"),qe=require("./parse-hMnG_lRV.cjs"),j=require("react"),Me=require("./getSliderMarks-CRIbTGYV.cjs"),Ie=require("./index-DQA8q5sC.cjs"),Ue=require("./index-CQ3e6Ewi.cjs"),Le=require("./simple-statistics-xm8c0LQQ.cjs"),Fe=require("./Modal-tXZlLE5s.cjs"),He=require("./Tooltip-De16GWhY.cjs"),c=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),N=require("./Colors.cjs"),Ve=require("./numberFormattingFunction-02t-wJta.cjs"),ke=require("./customArea-CK768gCn.cjs"),Ge=require("./string2HTML-z7CwHXcx.cjs"),Te=require("./Axis-DE7dSn1_.cjs"),$e=require("./AxisTitle-CK9YeovX.cjs"),We=require("./XTicksAndGridLines-CCzXIV8d.cjs"),De=require("./ReferenceLine-CFVBBN__.cjs"),Be=require("./RegressionLine-xKdiJ8sw.cjs"),_e=require("./YTicksAndGridLines-DBDuz6vb.cjs"),ze=require("./index-BYzIB5V6.cjs"),Je=require("./pow-B5-jkdHU.cjs"),Pe=require("./linear-BVckp9RD.cjs"),Ke=require("./delaunay-rcy0HhZi.cjs"),Qe=require("./use-in-view-sQJZ_xDO.cjs"),ie=require("./proxy-BHRoeZgd.cjs"),Xe=require("./index-BW8iNx7E.cjs"),Ze=require("./GraphFooter.cjs"),et=require("./GraphHeader.cjs"),tt=require("./ColorLegendWithMouseOver.cjs"),it=require("./EmptyState-d8_8SxeW.cjs"),Ye=require("./index-BW_-wD2k.cjs"),st=require("./ensureCompleteData-DkQYPeDa.cjs"),Ae=require("./uniqBy-O05lp2S5.cjs"),ot=require("./sort-O96oMZLb.cjs"),rt=require("./init-DU0ybBc_.cjs");function nt(ge){const{data:s,width:q,height:M,showLabels:se,colors:l,colorDomain:C,radius:R,xAxisTitle:m,yAxisTitle:J,leftMargin:G,rightMargin:ye,topMargin:pe,bottomMargin:oe,tooltip:re,onSeriesMouseOver:X,refXValues:I,refYValues:je,highlightAreaSettings:ve,selectedColor:W,highlightedDataPoints:L,maxRadiusValue:be,maxXValue:B,minXValue:w,maxYValue:Oe,minYValue:E,onSeriesMouseClick:V,rtl:K,annotations:Ce,customHighlightAreaSettings:Re,regressionLine:_,resetSelectionOnDoubleClick:Q,detailsOnClick:k,noOfXTicks:ne,noOfYTicks:le,labelColor:Z,xSuffix:ae,ySuffix:ce,xPrefix:xe,yPrefix:ue,styles:x,classNames:u,animate:n,dimmedOpacity:A,precision:S,customLayers:fe}=ge,me=j.useRef(null),p=Qe.useInView(me,{once:n.once,amount:n.amount}),[T,$]=j.useState(void 0),[D,Y]=j.useState(void 0),[de,P]=j.useState(void 0),[he,v]=j.useState(void 0),d={top:pe,bottom:m?oe+50:oe,left:J?G+30:G,right:ye},z=s.map((e,y)=>({...e,id:`${y}`})),g=q-d.left-d.right,b=M-d.top-d.bottom,O=s.filter(e=>e.radius===void 0||e.radius===null).length!==s.length?Je.sqrt().domain([0,be]).range([.25,R]).nice():void 0,h=z.filter(e=>!c.checkIfNullOrUndefined(e.radius)).length===0?z:Ue.orderBy(z.filter(e=>!c.checkIfNullOrUndefined(e.radius)),"radius","desc"),r=Pe.linear().domain([w,B]).range([0,g]).nice(),a=Pe.linear().domain([E,Oe]).range([b,0]).nice(),ee=r.ticks(ne),te=a.ticks(le),U=Ke.Delaunay.from(h.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)),e=>r(e.x),e=>a(e.y)).voronoi([0,0,g<0?0:g,b<0?0:b]),we=Le.linearRegression(s.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map(e=>[r(e.x),a(e.y)])),f=Le.linearRegressionLine(we);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(ie.motion.svg,{width:`${q}px`,height:`${M}px`,viewBox:`0 0 ${q} ${M}`,direction:"ltr",ref:me,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[i.jsxRuntimeExports.jsx(ze.HighlightAreaForScatterPlot,{areaSettings:ve,width:g,height:b,scaleX:r,scaleY:a,animate:n,isInView:p},"highlight-area"),i.jsxRuntimeExports.jsx(ke.CustomArea,{areaSettings:Re,scaleX:r,scaleY:a,animate:n,isInView:p},"custom-area")]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:te.filter(e=>e!==0),y:te.filter(e=>e!==0).map(e=>a(e)),x1:0,x2:g+d.right,styles:{gridLines:x?.yAxis?.gridLines,labels:x?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:ce,prefix:ue,labelType:"secondary",showGridLines:!0,labelPos:"side",precision:S}),i.jsxRuntimeExports.jsx(Te.Axis,{y1:a(E<0?0:E),y2:a(E<0?0:E),x1:0,x2:g+d.right,label:Ve.numberFormattingFunction(E<0?0:E,"NA",S,ue,ce),labelPos:{x:0,y:a(E<0?0:E),dy:"0.33em",dx:-4},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"end",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx($e.AxisTitle,{x:0-G-15,y:b/2,style:x?.yAxis?.title,className:u?.yAxis?.title,text:J,rotate90:!0})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(We.XTicksAndGridLines,{values:ee.filter(e=>e!==0),x:ee.filter(e=>e!==0).map(e=>r(e)),y1:0,y2:b,styles:{gridLines:x?.xAxis?.gridLines,labels:x?.xAxis?.labels},classNames:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},suffix:ae,prefix:xe,labelType:"primary",showGridLines:!0,precision:S}),i.jsxRuntimeExports.jsx(Te.Axis,{x1:r(w<0?0:w),x2:r(w<0?0:w),y1:0,y2:b,label:Ve.numberFormattingFunction(w<0?0:w,"NA",S,xe,ae),labelPos:{x:r(w<0?0:w),y:b,dy:"1em",dx:0},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"middle",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx($e.AxisTitle,{x:g/2,y:b+30,style:x?.xAxis?.title,className:u?.xAxis?.title,text:m})]}),fe.filter(e=>e.position==="before").map(e=>e.layer),i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[h.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,y)=>i.jsxRuntimeExports.jsx("path",{d:U.renderCell(h.findIndex(o=>o.id===e.id)),opacity:0,onMouseEnter:o=>{$(e),v(o.clientY),P(o.clientX),X?.(e)},onMouseMove:o=>{$(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{$(void 0),P(void 0),v(void 0),X?.(void 0)},onClick:()=>{(V||k)&&(Ie.isEqual(D,e)&&Q?(Y(void 0),V?.(void 0)):(Y(e),V?.(e)))}},`tesselation_${e.label||y}`)),h.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,y)=>i.jsxRuntimeExports.jsxs(ie.motion.g,{variants:{initial:{x:r(e.x),y:a(e.y),opacity:W?e.color&&l[C.indexOf(`${e.color}`)]===W?1:A:T?T.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1},whileInView:{x:r(e.x),y:a(e.y),opacity:W?e.color&&l[C.indexOf(`${e.color}`)]===W?1:A:T?T.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1,transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",exit:{opacity:0,transition:{duration:n.duration}},onMouseEnter:o=>{$(e),v(o.clientY),P(o.clientX),X?.(e)},onMouseMove:o=>{$(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{$(void 0),P(void 0),v(void 0),X?.(void 0)},onClick:()=>{(V||k)&&(Ie.isEqual(D,e)&&Q?(Y(void 0),V?.(void 0)):(Y(e),V?.(e)))},children:[i.jsxRuntimeExports.jsx(ie.motion.circle,{cx:0,cy:0,exit:{r:0,transition:{duration:n.duration}},variants:{initial:{r:0,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray},whileInView:{r:O?O(e.radius||0):R,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",style:{fillOpacity:.6}}),se&&!c.checkIfNullOrUndefined(e.label)?i.jsxRuntimeExports.jsx(ie.motion.text,{style:{...x?.graphObjectValues||{}},className:i.mo("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0,fill:Z||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray)},whileInView:{x:O?O(e.radius||0):R,opacity:1,fill:Z||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):L.length!==0&&!c.checkIfNullOrUndefined(e.label)&&L.indexOf(e.label)!==-1?i.jsxRuntimeExports.jsx(ie.motion.text,{style:{fill:Z||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),...x?.graphObjectValues||{}},className:i.mo("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0},whileInView:{x:O?O(e.radius||0):R,opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:p?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):null]},`${e.label||y}`)),I.map((e,y)=>i.jsxRuntimeExports.jsx(De.RefLineX,{text:e.text,color:e.color,x:r(e.value),y1:0,y2:b,textSide:r(e.value)>g*.75||K?"left":"right",classNames:e.classNames,styles:e.styles,animate:n,isInView:p},y)),je.map((e,y)=>i.jsxRuntimeExports.jsx(De.RefLineY,{text:e.text,color:e.color,y:a(e.value),x1:0,x2:g,classNames:e.classNames,styles:e.styles,animate:n,isInView:p},y)),i.jsxRuntimeExports.jsx("g",{children:Ce.map((e,y)=>{const o=ke.getLineEndPoint({x:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?r(e.xCoordinate):0,y:e.yCoordinate?a(e.yCoordinate):0},c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),Ee=e.showConnector?{y1:o.y,x1:o.x,y2:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?a(e.yCoordinate):0,cx:e.xCoordinate?r(e.xCoordinate):0,circleRadius:c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,F={y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:K?0:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),width:K?e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0):g+d.right-(e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return i.jsxRuntimeExports.jsx(ke.Annotation,{color:e.color,connectorsSettings:Ee,labelSettings:F,text:e.text,classNames:e.classNames,styles:e.styles,animate:n,isInView:p},y)})}),_?i.jsxRuntimeExports.jsx(Be.RegressionLine,{x1:0,x2:g,y1:f(0),y2:f(g),graphHeight:b,graphWidth:g,className:u?.regLine,style:x?.regLine,color:typeof _=="string"?_:void 0,animate:n,isInView:p}):null]}),fe.filter(e=>e.position==="after").map(e=>e.layer)]})}),T&&re&&de&&he?i.jsxRuntimeExports.jsx(He.Tooltip,{data:T,body:re,xPos:de,yPos:he,backgroundStyle:x?.tooltip,className:u?.tooltip}):null,k&&D!==void 0?i.jsxRuntimeExports.jsx(Fe.X,{open:D!==void 0,onClose:()=>{Y(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof k=="string"?{__html:Ge.string2HTML(k,D)}:void 0,children:typeof k=="function"?k(D):null})}):null]})}function lt(ge){const{data:s,graphTitle:q,colors:M,sources:se,graphDescription:l,showLabels:C=!1,height:R,width:m,footNote:J,colorDomain:G,colorLegendTitle:ye,radius:pe=5,xAxisTitle:oe="X Axis",yAxisTitle:re="Y Axis",padding:X,backgroundColor:I=!1,leftMargin:je=0,rightMargin:ve=10,topMargin:W=20,bottomMargin:L=50,tooltip:be,relativeHeight:B,onSeriesMouseOver:w,refXValues:Oe=[],refYValues:E=[],highlightAreaSettings:V=[],showColorScale:K=!0,highlightedDataPoints:Ce=[],graphID:Re,maxRadiusValue:_,maxXValue:Q,minXValue:k,maxYValue:ne,minYValue:le,xSuffix:Z="",ySuffix:ae="",xPrefix:ce="",yPrefix:xe="",onSeriesMouseClick:ue,graphDownload:x=!1,dataDownload:u=!1,language:n="en",showNAColor:A=!0,minHeight:S=0,annotations:fe=[],customHighlightAreaSettings:me=[],theme:p="light",regressionLine:T=!1,ariaLabel:$,resetSelectionOnDoubleClick:D=!0,detailsOnClick:Y,noOfXTicks:de=5,noOfYTicks:P=5,labelColor:he,styles:v,classNames:d,animate:z=!1,dimmedOpacity:g=.3,precision:b=2,customLayers:O=[],timeline:h={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=ge,[r,a]=j.useState(0),[ee,te]=j.useState(0),[U,we]=j.useState(h.autoplay),f=ot.sort(Ae.uniqBy(s,"date",!0).map(t=>qe.parse(`${t}`,h.dateFormat||"yyyy",new Date).getTime()),(t,H)=>rt.ascending(t,H)),[e,y]=j.useState(h.autoplay?0:f.length-1),[o,Ee]=j.useState(void 0),F=j.useRef(null),Ne=j.useRef(null);j.useEffect(()=>{const t=new ResizeObserver(H=>{a(m||H[0].target.clientWidth||620),te(R||H[0].target.clientHeight||480)});return F.current&&(te(F.current.clientHeight||480),a(F.current.clientWidth||620),m||t.observe(F.current)),()=>t.disconnect()},[m,R]),j.useEffect(()=>{const t=setInterval(()=>{y(H=>H<f.length-1?H+1:0)},(h.speed||2)*1e3);return U||clearInterval(t),()=>clearInterval(t)},[f,U,h.speed]);const Se=Me.getSliderMarks(f,e,h.showOnlyActiveDate,h.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${p||"light"} flex  ${m?"w-fit grow-0":"w-full grow"}`,dir:n==="he"||n==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${I?I===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${n||"en"}`,m?"w-fit":"w-full",d?.graphContainer),style:{...v?.graphContainer||{},...I&&I!==!0?{backgroundColor:I}:{}},id:Re,ref:Ne,"aria-label":$||`${q?`The graph shows ${q}. `:""}This is a scatter plot that shows correlation between two variables.${l?` ${l}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:I?X||"1rem":X||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[q||l||x||u?i.jsxRuntimeExports.jsx(et.GraphHeader,{styles:{title:v?.title,description:v?.description},classNames:{title:d?.title,description:d?.description},graphTitle:q,graphDescription:l,width:m,graphDownload:x?Ne.current:void 0,dataDownload:u?s.map(t=>t.data).filter(t=>t!==void 0).length>0?s.map(t=>t.data).filter(t=>t!==void 0):s.filter(t=>t!==void 0):null}):null,h.enabled&&f.length>0&&Se?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{we(!U)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":U?"Click to pause animation":"Click to play animation",children:U?i.jsxRuntimeExports.jsx(Ye.Pause,{}):i.jsxRuntimeExports.jsx(Ye.Play,{})}),i.jsxRuntimeExports.jsx(Me.xr,{min:f[0],max:f[f.length-1],marks:Se,step:null,defaultValue:f[f.length-1],value:f[e],onChangeComplete:t=>{y(f.indexOf(t))},onChange:t=>{y(f.indexOf(t))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(it.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[K&&s.filter(t=>t.color).length!==0?i.jsxRuntimeExports.jsx(tt.ColorLegendWithMouseOver,{width:m,colorLegendTitle:ye,colors:M||N.Colors[p].categoricalColors.colors,colorDomain:G||Ae.uniqBy(s,"color",!0),setSelectedColor:Ee,showNAColor:A}):null,i.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center w-full leading-0",ref:F,"aria-label":"Graph area",children:(m||r)&&(R||ee)?i.jsxRuntimeExports.jsx(nt,{data:st.ensureCompleteDataForScatterPlot(s,h.dateFormat||"yyyy").filter(t=>h.enabled?t.date===qe.format(new Date(f[e]),h.dateFormat||"yyyy"):t),width:m||r,height:Math.max(S,R||(B?S?(m||r)*B>S?(m||r)*B:S:(m||r)*B:ee)),colorDomain:s.filter(t=>t.color).length===0?[]:G||Ae.uniqBy(s,"color",!0),colors:s.filter(t=>t.color).length===0?M?[M]:[N.Colors.primaryColors["blue-600"]]:M||N.Colors[p].categoricalColors.colors,xAxisTitle:oe,yAxisTitle:re,refXValues:Oe,refYValues:E,showLabels:C,radius:pe,leftMargin:je,rightMargin:ve,topMargin:W,bottomMargin:L,tooltip:be,onSeriesMouseOver:w,highlightAreaSettings:V,highlightedDataPoints:s.filter(t=>t.label).length===0?[]:Ce,selectedColor:o,maxRadiusValue:c.checkIfNullOrUndefined(_)?Math.max(...s.map(t=>t.radius).filter(t=>t!=null)):_,maxXValue:c.checkIfNullOrUndefined(Q)?Math.max(...s.map(t=>t.x).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.x).filter(t=>t!=null)):0:Q,minXValue:c.checkIfNullOrUndefined(k)?Math.min(...s.map(t=>t.x).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.x).filter(t=>t!=null)):k,maxYValue:c.checkIfNullOrUndefined(ne)?Math.max(...s.map(t=>t.y).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.y).filter(t=>t!=null)):0:ne,minYValue:c.checkIfNullOrUndefined(le)?Math.min(...s.map(t=>t.y).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.y).filter(t=>t!=null)):le,onSeriesMouseClick:ue,rtl:n==="he"||n==="ar",annotations:fe,customHighlightAreaSettings:me,regressionLine:T,resetSelectionOnDoubleClick:D,detailsOnClick:Y,noOfXTicks:de,noOfYTicks:P,labelColor:he,xSuffix:Z,ySuffix:ae,xPrefix:ce,yPrefix:xe,styles:v,classNames:d,animate:z===!0?{duration:.5,once:!0,amount:.5}:z||{duration:0,once:!0,amount:0},dimmedOpacity:g,precision:b,customLayers:O}):null})]})}),se||J?i.jsxRuntimeExports.jsx(Ze.GraphFooter,{styles:{footnote:v?.footnote,source:v?.source},classNames:{footnote:d?.footnote,source:d?.source},sources:se,footNote:J,width:m}):null]})})})})}exports.ScatterPlot=lt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-DjM48pIC.cjs"),qe=require("./parse-hMnG_lRV.cjs"),j=require("react"),Me=require("./getSliderMarks-CUxPy36E.cjs"),Ie=require("./index-DQA8q5sC.cjs"),Ue=require("./index-CQ3e6Ewi.cjs"),Le=require("./simple-statistics-xm8c0LQQ.cjs"),Fe=require("./Modal-CuuJdWkD.cjs"),He=require("./Tooltip-Cpv0QohJ.cjs"),c=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),k=require("./Colors.cjs"),Ve=require("./numberFormattingFunction-02t-wJta.cjs"),ke=require("./customArea-1G1S78s_.cjs"),Ge=require("./string2HTML-z7CwHXcx.cjs"),$e=require("./Axis-CkNn1wit.cjs"),Te=require("./AxisTitle-Wkz-xeQL.cjs"),We=require("./XTicksAndGridLines-RKy7BVCO.cjs"),De=require("./ReferenceLine-D04j-zeV.cjs"),Be=require("./RegressionLine-D-49RaHa.cjs"),_e=require("./YTicksAndGridLines-qGpRo_t1.cjs"),ze=require("./index-BHe3wsWF.cjs"),Je=require("./pow-B5-jkdHU.cjs"),Pe=require("./linear-BVckp9RD.cjs"),Ke=require("./delaunay-rcy0HhZi.cjs"),Qe=require("./use-in-view-CEwlc_dd.cjs"),ie=require("./proxy-CKadx4lC.cjs"),Xe=require("./index-Cm8NIdOO.cjs"),Ze=require("./GraphFooter.cjs"),et=require("./GraphHeader.cjs"),tt=require("./ColorLegendWithMouseOver.cjs"),it=require("./EmptyState-B8IpKGcL.cjs"),Ye=require("./index-C0bpbS4F.cjs"),st=require("./ensureCompleteData-DkQYPeDa.cjs"),Ae=require("./uniqBy-O05lp2S5.cjs"),ot=require("./sort-O96oMZLb.cjs"),rt=require("./init-DU0ybBc_.cjs");function nt(ge){const{data:s,width:q,height:M,showLabels:se,colors:n,colorDomain:O,radius:R,xAxisTitle:m,yAxisTitle:K,leftMargin:G,rightMargin:ye,topMargin:pe,bottomMargin:oe,tooltip:re,onSeriesMouseOver:X,refXValues:I,refYValues:je,highlightAreaSettings:ve,selectedColor:W,highlightedDataPoints:L,maxRadiusValue:be,maxXValue:B,minXValue:w,maxYValue:Oe,minYValue:E,onSeriesMouseClick:V,rtl:Q,annotations:Ce,customHighlightAreaSettings:Re,regressionLine:_,resetSelectionOnDoubleClick:Z,detailsOnClick:A,noOfXTicks:ne,noOfYTicks:le,labelColor:z,xSuffix:ae,ySuffix:ce,xPrefix:xe,yPrefix:ue,styles:x,classNames:u,animate:l,dimmedOpacity:N,precision:S,customLayers:fe}=ge,me=j.useRef(null),p=Qe.useInView(me,{once:l.once,amount:l.amount}),[$,T]=j.useState(void 0),[D,Y]=j.useState(void 0),[de,P]=j.useState(void 0),[he,v]=j.useState(void 0),d={top:pe,bottom:m?oe+50:oe,left:K?G+30:G,right:ye},J=s.map((e,y)=>({...e,id:`${y}`})),g=q-d.left-d.right,b=M-d.top-d.bottom,C=s.filter(e=>e.radius===void 0||e.radius===null).length!==s.length?Je.sqrt().domain([0,be]).range([.25,R]).nice():void 0,h=J.filter(e=>!c.checkIfNullOrUndefined(e.radius)).length===0?J:Ue.orderBy(J.filter(e=>!c.checkIfNullOrUndefined(e.radius)),"radius","desc"),r=Pe.linear().domain([w,B]).range([0,g]).nice(),a=Pe.linear().domain([E,Oe]).range([b,0]).nice(),ee=r.ticks(ne),te=a.ticks(le),U=Ke.Delaunay.from(h.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)),e=>r(e.x),e=>a(e.y)).voronoi([0,0,g<0?0:g,b<0?0:b]),we=Le.linearRegression(s.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map(e=>[r(e.x),a(e.y)])),f=Le.linearRegressionLine(we);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(ie.motion.svg,{width:`${q}px`,height:`${M}px`,viewBox:`0 0 ${q} ${M}`,direction:"ltr",ref:me,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[i.jsxRuntimeExports.jsx(ze.HighlightAreaForScatterPlot,{areaSettings:ve,width:g,height:b,scaleX:r,scaleY:a,animate:l,isInView:p},"highlight-area"),i.jsxRuntimeExports.jsx(ke.CustomArea,{areaSettings:Re,scaleX:r,scaleY:a,animate:l,isInView:p},"custom-area")]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:te.filter(e=>e!==0),y:te.filter(e=>e!==0).map(e=>a(e)),x1:0,x2:g+d.right,styles:{gridLines:x?.yAxis?.gridLines,labels:x?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:ce,prefix:ue,labelType:"secondary",showGridLines:!0,labelPos:"side",precision:S}),i.jsxRuntimeExports.jsx($e.Axis,{y1:a(E<0?0:E),y2:a(E<0?0:E),x1:0,x2:g+d.right,label:Ve.numberFormattingFunction(E<0?0:E,"NA",S,ue,ce),labelPos:{x:0,y:a(E<0?0:E),dy:"0.33em",dx:-4},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"end",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(Te.AxisTitle,{x:0-G-15,y:b/2,style:x?.yAxis?.title,className:u?.yAxis?.title,text:K,rotate90:!0})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(We.XTicksAndGridLines,{values:ee.filter(e=>e!==0),x:ee.filter(e=>e!==0).map(e=>r(e)),y1:0,y2:b,styles:{gridLines:x?.xAxis?.gridLines,labels:x?.xAxis?.labels},classNames:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},suffix:ae,prefix:xe,labelType:"primary",showGridLines:!0,precision:S}),i.jsxRuntimeExports.jsx($e.Axis,{x1:r(w<0?0:w),x2:r(w<0?0:w),y1:0,y2:b,label:Ve.numberFormattingFunction(w<0?0:w,"NA",S,xe,ae),labelPos:{x:r(w<0?0:w),y:b,dy:"1em",dx:0},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"middle",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(Te.AxisTitle,{x:g/2,y:b+30,style:x?.xAxis?.title,className:u?.xAxis?.title,text:m})]}),fe.filter(e=>e.position==="before").map(e=>e.layer),i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[h.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,y)=>i.jsxRuntimeExports.jsx("path",{d:U.renderCell(h.findIndex(o=>o.id===e.id)),opacity:0,onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),X?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),X?.(void 0)},onClick:()=>{(V||A)&&(Ie.isEqual(D,e)&&Z?(Y(void 0),V?.(void 0)):(Y(e),V?.(e)))}},`tesselation_${e.label||y}`)),h.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,y)=>i.jsxRuntimeExports.jsxs(ie.motion.g,{variants:{initial:{x:r(e.x),y:a(e.y),opacity:W?e.color&&n[O.indexOf(`${e.color}`)]===W?1:N:$?$.id===e.id?1:N:L.length!==0?L.indexOf(e.label||"")!==-1?1:N:1},whileInView:{x:r(e.x),y:a(e.y),opacity:W?e.color&&n[O.indexOf(`${e.color}`)]===W?1:N:$?$.id===e.id?1:N:L.length!==0?L.indexOf(e.label||"")!==-1?1:N:1,transition:{duration:l.duration}}},initial:"initial",animate:p?"whileInView":"initial",exit:{opacity:0,transition:{duration:l.duration}},onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),X?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),X?.(void 0)},onClick:()=>{(V||A)&&(Ie.isEqual(D,e)&&Z?(Y(void 0),V?.(void 0)):(Y(e),V?.(e)))},children:[i.jsxRuntimeExports.jsx(ie.motion.circle,{cx:0,cy:0,exit:{r:0,transition:{duration:l.duration}},variants:{initial:{r:0,fill:s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray,stroke:s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray},whileInView:{r:C?C(e.radius||0):R,fill:s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray,stroke:s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray,transition:{duration:l.duration}}},initial:"initial",animate:p?"whileInView":"initial",style:{fillOpacity:.6}}),se&&!c.checkIfNullOrUndefined(e.label)?i.jsxRuntimeExports.jsx(ie.motion.text,{style:{...x?.graphObjectValues||{}},className:i.mo("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{x:C?C(e.radius||0):R,opacity:0,fill:z||(s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray)},whileInView:{x:C?C(e.radius||0):R,opacity:1,fill:z||(s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray),transition:{duration:l.duration}}},initial:"initial",animate:p?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):L.length!==0&&!c.checkIfNullOrUndefined(e.label)&&L.indexOf(e.label)!==-1?i.jsxRuntimeExports.jsx(ie.motion.text,{style:{...x?.graphObjectValues||{}},className:i.mo("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{x:C?C(e.radius||0):R,opacity:0,fill:z||(s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray)},whileInView:{x:C?C(e.radius||0):R,opacity:1,fill:z||(s.filter(o=>o.color).length===0?n[0]:e.color?n[O.indexOf(`${e.color}`)]:k.Colors.gray),transition:{duration:l.duration}}},initial:"initial",animate:p?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):null]},`${e.label||y}`)),I.map((e,y)=>i.jsxRuntimeExports.jsx(De.RefLineX,{text:e.text,color:e.color,x:r(e.value),y1:0,y2:b,textSide:r(e.value)>g*.75||Q?"left":"right",classNames:e.classNames,styles:e.styles,animate:l,isInView:p},y)),je.map((e,y)=>i.jsxRuntimeExports.jsx(De.RefLineY,{text:e.text,color:e.color,y:a(e.value),x1:0,x2:g,classNames:e.classNames,styles:e.styles,animate:l,isInView:p},y)),i.jsxRuntimeExports.jsx("g",{children:Ce.map((e,y)=>{const o=ke.getLineEndPoint({x:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?r(e.xCoordinate):0,y:e.yCoordinate?a(e.yCoordinate):0},c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),Ee=e.showConnector?{y1:o.y,x1:o.x,y2:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?a(e.yCoordinate):0,cx:e.xCoordinate?r(e.xCoordinate):0,circleRadius:c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,F={y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:Q?0:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),width:Q?e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0):g+d.right-(e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return i.jsxRuntimeExports.jsx(ke.Annotation,{color:e.color,connectorsSettings:Ee,labelSettings:F,text:e.text,classNames:e.classNames,styles:e.styles,animate:l,isInView:p},y)})}),_?i.jsxRuntimeExports.jsx(Be.RegressionLine,{x1:0,x2:g,y1:f(0),y2:f(g),graphHeight:b,graphWidth:g,className:u?.regLine,style:x?.regLine,color:typeof _=="string"?_:void 0,animate:l,isInView:p}):null]}),fe.filter(e=>e.position==="after").map(e=>e.layer)]})}),$&&re&&de&&he?i.jsxRuntimeExports.jsx(He.Tooltip,{data:$,body:re,xPos:de,yPos:he,backgroundStyle:x?.tooltip,className:u?.tooltip}):null,A&&D!==void 0?i.jsxRuntimeExports.jsx(Fe.G,{open:D!==void 0,onClose:()=>{Y(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof A=="string"?{__html:Ge.string2HTML(A,D)}:void 0,children:typeof A=="function"?A(D):null})}):null]})}function lt(ge){const{data:s,graphTitle:q,colors:M,sources:se,graphDescription:n,showLabels:O=!1,height:R,width:m,footNote:K,colorDomain:G,colorLegendTitle:ye,radius:pe=5,xAxisTitle:oe="X Axis",yAxisTitle:re="Y Axis",padding:X,backgroundColor:I=!1,leftMargin:je=0,rightMargin:ve=10,topMargin:W=20,bottomMargin:L=50,tooltip:be,relativeHeight:B,onSeriesMouseOver:w,refXValues:Oe=[],refYValues:E=[],highlightAreaSettings:V=[],showColorScale:Q=!0,highlightedDataPoints:Ce=[],graphID:Re,maxRadiusValue:_,maxXValue:Z,minXValue:A,maxYValue:ne,minYValue:le,xSuffix:z="",ySuffix:ae="",xPrefix:ce="",yPrefix:xe="",onSeriesMouseClick:ue,graphDownload:x=!1,dataDownload:u=!1,language:l="en",showNAColor:N=!0,minHeight:S=0,annotations:fe=[],customHighlightAreaSettings:me=[],theme:p="light",regressionLine:$=!1,ariaLabel:T,resetSelectionOnDoubleClick:D=!0,detailsOnClick:Y,noOfXTicks:de=5,noOfYTicks:P=5,labelColor:he,styles:v,classNames:d,animate:J=!1,dimmedOpacity:g=.3,precision:b=2,customLayers:C=[],timeline:h={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=ge,[r,a]=j.useState(0),[ee,te]=j.useState(0),[U,we]=j.useState(h.autoplay),f=ot.sort(Ae.uniqBy(s,"date",!0).map(t=>qe.parse(`${t}`,h.dateFormat||"yyyy",new Date).getTime()),(t,H)=>rt.ascending(t,H)),[e,y]=j.useState(h.autoplay?0:f.length-1),[o,Ee]=j.useState(void 0),F=j.useRef(null),Ne=j.useRef(null);j.useEffect(()=>{const t=new ResizeObserver(H=>{a(m||H[0].target.clientWidth||620),te(R||H[0].target.clientHeight||480)});return F.current&&(te(F.current.clientHeight||480),a(F.current.clientWidth||620),m||t.observe(F.current)),()=>t.disconnect()},[m,R]),j.useEffect(()=>{const t=setInterval(()=>{y(H=>H<f.length-1?H+1:0)},(h.speed||2)*1e3);return U||clearInterval(t),()=>clearInterval(t)},[f,U,h.speed]);const Se=Me.getSliderMarks(f,e,h.showOnlyActiveDate,h.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${p||"light"} flex  ${m?"w-fit grow-0":"w-full grow"}`,dir:l==="he"||l==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${I?I===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l||"en"}`,m?"w-fit":"w-full",d?.graphContainer),style:{...v?.graphContainer||{},...I&&I!==!0?{backgroundColor:I}:{}},id:Re,ref:Ne,"aria-label":T||`${q?`The graph shows ${q}. `:""}This is a scatter plot that shows correlation between two variables.${n?` ${n}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:I?X||"1rem":X||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[q||n||x||u?i.jsxRuntimeExports.jsx(et.GraphHeader,{styles:{title:v?.title,description:v?.description},classNames:{title:d?.title,description:d?.description},graphTitle:q,graphDescription:n,width:m,graphDownload:x?Ne.current:void 0,dataDownload:u?s.map(t=>t.data).filter(t=>t!==void 0).length>0?s.map(t=>t.data).filter(t=>t!==void 0):s.filter(t=>t!==void 0):null}):null,h.enabled&&f.length>0&&Se?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{we(!U)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":U?"Click to pause animation":"Click to play animation",children:U?i.jsxRuntimeExports.jsx(Ye.Pause,{}):i.jsxRuntimeExports.jsx(Ye.Play,{})}),i.jsxRuntimeExports.jsx(Me.xr,{min:f[0],max:f[f.length-1],marks:Se,step:null,defaultValue:f[f.length-1],value:f[e],onChangeComplete:t=>{y(f.indexOf(t))},onChange:t=>{y(f.indexOf(t))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(it.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[Q&&s.filter(t=>t.color).length!==0?i.jsxRuntimeExports.jsx(tt.ColorLegendWithMouseOver,{width:m,colorLegendTitle:ye,colors:M||k.Colors[p].categoricalColors.colors,colorDomain:G||Ae.uniqBy(s,"color",!0),setSelectedColor:Ee,showNAColor:N}):null,i.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center w-full leading-0",ref:F,"aria-label":"Graph area",children:(m||r)&&(R||ee)?i.jsxRuntimeExports.jsx(nt,{data:st.ensureCompleteDataForScatterPlot(s,h.dateFormat||"yyyy").filter(t=>h.enabled?t.date===qe.format(new Date(f[e]),h.dateFormat||"yyyy"):t),width:m||r,height:Math.max(S,R||(B?S?(m||r)*B>S?(m||r)*B:S:(m||r)*B:ee)),colorDomain:s.filter(t=>t.color).length===0?[]:G||Ae.uniqBy(s,"color",!0),colors:s.filter(t=>t.color).length===0?M?[M]:[k.Colors.primaryColors["blue-600"]]:M||k.Colors[p].categoricalColors.colors,xAxisTitle:oe,yAxisTitle:re,refXValues:Oe,refYValues:E,showLabels:O,radius:pe,leftMargin:je,rightMargin:ve,topMargin:W,bottomMargin:L,tooltip:be,onSeriesMouseOver:w,highlightAreaSettings:V,highlightedDataPoints:s.filter(t=>t.label).length===0?[]:Ce,selectedColor:o,maxRadiusValue:c.checkIfNullOrUndefined(_)?Math.max(...s.map(t=>t.radius).filter(t=>t!=null)):_,maxXValue:c.checkIfNullOrUndefined(Z)?Math.max(...s.map(t=>t.x).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.x).filter(t=>t!=null)):0:Z,minXValue:c.checkIfNullOrUndefined(A)?Math.min(...s.map(t=>t.x).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.x).filter(t=>t!=null)):A,maxYValue:c.checkIfNullOrUndefined(ne)?Math.max(...s.map(t=>t.y).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.y).filter(t=>t!=null)):0:ne,minYValue:c.checkIfNullOrUndefined(le)?Math.min(...s.map(t=>t.y).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.y).filter(t=>t!=null)):le,onSeriesMouseClick:ue,rtl:l==="he"||l==="ar",annotations:fe,customHighlightAreaSettings:me,regressionLine:$,resetSelectionOnDoubleClick:D,detailsOnClick:Y,noOfXTicks:de,noOfYTicks:P,labelColor:he,xSuffix:z,ySuffix:ae,xPrefix:ce,yPrefix:xe,styles:v,classNames:d,animate:J===!0?{duration:.5,once:!0,amount:.5}:J||{duration:0,once:!0,amount:0},dimmedOpacity:g,precision:b,customLayers:C}):null})]})}),se||K?i.jsxRuntimeExports.jsx(Ze.GraphFooter,{styles:{footnote:v?.footnote,source:v?.source},classNames:{footnote:d?.footnote,source:d?.source},sources:se,footNote:K,width:m}):null]})})})})}exports.ScatterPlot=lt;
 //# sourceMappingURL=ScatterPlot.cjs.map