@undp/data-viz 1.5.8 → 1.5.9

package/dist/DualAxisLineChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DDoeWRVt.cjs"),h=require("react"),F=require("./parse-hMnG_lRV.cjs"),Ne=require("./index-CQ3e6Ewi.cjs"),ae=require("./numberFormattingFunction-02t-wJta.cjs"),Ie=require("./Tooltip-De16GWhY.cjs"),f=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Oe=require("./XTicksAndGridLines-CCzXIV8d.cjs"),ye=require("./Axis-DE7dSn1_.cjs"),we=require("./AxisTitle-CK9YeovX.cjs"),Le=require("./index-BYzIB5V6.cjs"),qe=require("./time-Byw_jYQ7.cjs"),Ee=require("./linear-BVckp9RD.cjs"),ge=require("./line-DHV4JwCR.cjs"),oe=require("./step-BZ3C8QFW.cjs"),De=require("./select-Bnfk0lJx.cjs"),Se=require("./init-DU0ybBc_.cjs"),Me=require("./pointer-Dkq5NV1q.cjs"),Te=require("./use-in-view-sQJZ_xDO.cjs"),b=require("./proxy-BHRoeZgd.cjs"),Ve=require("./GraphFooter.cjs"),$e=require("./GraphHeader.cjs"),Fe=require("./ColorLegend.cjs"),Re=require("./Colors.cjs"),Ce=require("./EmptyState-d8_8SxeW.cjs");function Pe(le){const{data:k,width:R,height:D,lineColors:s,labels:y,sameAxes:o,dateFormat:j,showValues:G,noOfXTicks:xe,rightMargin:ce,leftMargin:W,topMargin:X,bottomMargin:ue,tooltip:v,highlightAreaSettings:me,onSeriesMouseOver:C,animate:n,strokeWidth:Y,showDots:P,noOfYTicks:B,lineSuffixes:S,linePrefixes:M,minDate:z,maxDate:N,curveType:T,styles:l,classNames:r,precision:A,customLayers:H,showAxisLabels:J}=le,K=h.useRef(null),d=Te.useInView(K,{once:n.once,amount:n.amount}),[p,V]=h.useState(!1);h.useEffect(()=>{if(d&&!p){const e=setTimeout(()=>{V(!0)},(n.duration+.5)*1e3);return()=>clearTimeout(e)}},[d,p,n.duration]);const Q=T==="linear"?ge.curveLinear:T==="step"?oe.curveStep:T==="stepAfter"?oe.stepAfter:T==="stepBefore"?oe.stepBefore:oe.monotoneX,[I,Z]=h.useState(void 0),[_,ee]=h.useState(void 0),[te,ie]=h.useState(void 0),m={top:X,bottom:ue,left:W+50,right:ce+65},w=h.useRef(null),i=Ne.orderBy(k.map(e=>({...e,date:F.parse(`${e.date}`,j,new Date)})),["date"],["asc"]),de=me.map(e=>({...e,coordinates:[e.coordinates[0]===null?null:F.parse(`${e.coordinates[0]}`,j,new Date),e.coordinates[1]===null?null:F.parse(`${e.coordinates[1]}`,j,new Date)]})),u=R-m.left-m.right,a=D-m.top-m.bottom,se=z?F.parse(`${z}`,j,new Date):i[0].date,ne=N?F.parse(`${N}`,j,new Date):i[i.length-1].date,$=Math.min(...i.map(e=>e.y1).filter(e=>e!=null))!==1/0?Math.min(...i.map(e=>e.y2).filter(e=>e!=null))>0?0:Math.min(...i.map(e=>e.y1).filter(e=>e!=null)):0,E=Math.min(...i.map(e=>e.y2).filter(e=>e!=null))!==1/0?Math.min(...i.map(e=>e.y2).filter(e=>e!=null))>0?0:Math.min(...i.map(e=>e.y2).filter(e=>e!=null)):0,O=Math.max(...i.map(e=>e.y1).filter(e=>e!=null))!==1/0?Math.max(...i.map(e=>e.y1).filter(e=>e!=null)):0,x=Math.max(...i.map(e=>e.y2).filter(e=>e!=null))!==1/0?Math.max(...i.map(e=>e.y2).filter(e=>e!=null)):0,U=$<E?$:E,re=O>x?O:x,c=qe.time().domain([se,ne]).range([0,u]),L=Ee.linear().domain([o?U:$,o?re>0?re:0:O>0?O:0]).range([a,0]).nice(),g=Ee.linear().domain([o?U:E,o?re>0?re:0:x>0?x:0]).range([a,0]).nice(),fe=ge.line().defined(e=>!f.checkIfNullOrUndefined(e.y1)).x(e=>c(e.date)).y(e=>L(e.y1)).curve(Q),he=ge.line().defined(e=>!f.checkIfNullOrUndefined(e.y2)).x(e=>c(e.date)).y(e=>g(e.y2)).curve(Q),Ae=L.ticks(B),be=g.ticks(B),je=c.ticks(xe);return h.useEffect(()=>{const e=pe=>{const ve=i[Se.bisectCenter(i.map(ke=>ke.date),c.invert(Me.pointer(pe)[0]),0)];Z(ve||i[i.length-1]),C?.(ve||i[i.length-1]),ie(pe.clientY),ee(pe.clientX)},q=()=>{Z(void 0),ee(void 0),ie(void 0),C?.(void 0)};De.select(w.current).on("mousemove",e).on("mouseout",q)},[c,i,C]),t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(b.motion.svg,{width:`${R}px`,height:`${D}px`,viewBox:`0 0 ${R} ${D}`,direction:"ltr",ref:K,children:t.jsxRuntimeExports.jsxs("g",{transform:`translate(${m.left},${m.top})`,children:[t.jsxRuntimeExports.jsx(Le.HighlightArea,{areaSettings:de,width:u,height:a,scale:c,animate:n,isInView:d}),t.jsxRuntimeExports.jsxs("g",{children:[Ae.map((e,q)=>t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx("line",{y1:L(e),y2:L(e),x1:-15,x2:-20,style:{stroke:s[0],strokeWidth:1,...l?.yAxis?.gridLines||{}},className:r?.yAxis?.gridLines}),t.jsxRuntimeExports.jsx("text",{x:-25,y:L(e),dy:"0.33em",className:t.mo("text-xs",r?.yAxis?.labels),style:{textAnchor:"end",fill:s[0],...l?.yAxis?.labels||{}},children:ae.numberFormattingFunction(e,"NA",A,M[0],S[0])})]},q)),t.jsxRuntimeExports.jsx(ye.Axis,{y1:0,y2:a,x1:-15,x2:-15,classNames:{axis:r?.xAxis?.axis},styles:{axis:{stroke:s[0],...l?.xAxis?.axis||{}}}}),J?t.jsxRuntimeExports.jsx(we.AxisTitle,{x:10-m.left,y:a/2,style:{fill:s[0],...l?.yAxis?.title||{}},className:r?.yAxis?.title,text:y[0].length>100?`${y[0].substring(0,100)}...`:y[0],rotate90:!0}):null]}),t.jsxRuntimeExports.jsxs("g",{children:[be.map((e,q)=>t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx("line",{y1:g(e),y2:g(e),x1:u+15,x2:u+20,style:{stroke:s[1],strokeWidth:1,...l?.yAxis?.gridLines||{}},className:r?.yAxis?.gridLines}),t.jsxRuntimeExports.jsx("text",{x:u+25,y:g(e),dy:"0.33em",dx:-2,style:{textAnchor:"start",fill:s[1],...l?.yAxis?.labels||{}},className:t.mo("text-xs",r?.yAxis?.labels),children:ae.numberFormattingFunction(e,"NA",A,M[1],S[1])})]},q)),t.jsxRuntimeExports.jsx(ye.Axis,{y1:0,y2:a,x1:u+15,x2:u+15,classNames:{axis:r?.xAxis?.axis},styles:{axis:{stroke:s[1],...l?.xAxis?.axis||{}}}}),J?t.jsxRuntimeExports.jsx(we.AxisTitle,{x:u+m.right-15,y:a/2,style:{fill:s[1],...l?.yAxis?.title||{}},className:r?.yAxis?.title,text:y[1].length>100?`${y[1].substring(0,100)}...`:y[1],rotate90:!0}):null]}),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx(ye.Axis,{y1:a,y2:a,x1:-15,x2:u+15,classNames:{axis:r?.xAxis?.axis},styles:{axis:l?.xAxis?.axis}}),t.jsxRuntimeExports.jsx(Oe.XTicksAndGridLines,{values:je.map(e=>F.format(e,j)),x:je.map(e=>c(e)),y1:0,y2:a,styles:{gridLines:l?.xAxis?.gridLines,labels:l?.xAxis?.labels},classNames:{gridLines:t.mo("opacity-0",r?.xAxis?.gridLines),labels:t.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",r?.xAxis?.labels)},labelType:"primary",showGridLines:!0,precision:A})]}),H.filter(e=>e.position==="before").map(e=>e.layer),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx(b.motion.path,{style:{stroke:s[0],strokeWidth:Y,fill:"none"},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:fe(i.filter(e=>!f.checkIfNullOrUndefined(e.y1)))||"",opacity:1},whileInView:{pathLength:1,d:fe(i.filter(e=>!f.checkIfNullOrUndefined(e.y1)))||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:d?"whileInView":"initial"}),t.jsxRuntimeExports.jsx(b.motion.path,{d:he(i.filter(e=>!f.checkIfNullOrUndefined(e.y2)))||"",style:{stroke:s[1],strokeWidth:Y,fill:"none"},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:he(i.filter(e=>!f.checkIfNullOrUndefined(e.y2)))||"",opacity:1},whileInView:{pathLength:1,d:he(i.filter(e=>!f.checkIfNullOrUndefined(e.y2)))||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:d?"whileInView":"initial"}),I?t.jsxRuntimeExports.jsx("line",{y1:0,y2:a,x1:c(I.date),x2:c(I.date),className:t.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",r?.mouseOverLine),style:l?.mouseOverLine}):null]}),t.jsxRuntimeExports.jsx("g",{children:i.map((e,q)=>t.jsxRuntimeExports.jsxs(b.motion.g,{children:[f.checkIfNullOrUndefined(e.y1)?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[P?t.jsxRuntimeExports.jsx(b.motion.circle,{r:u/i.length<5?0:u/i.length<20?2:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:c(e.date),cy:L(e.y1),fill:s[0]},whileInView:{opacity:1,fill:s[0],transition:{duration:p?n.duration:.5,delay:p?0:n.duration},cx:c(e.date),cy:L(e.y1)}},initial:"initial",animate:d?"whileInView":"initial"}):null,G?t.jsxRuntimeExports.jsx(b.motion.text,{dy:f.checkIfNullOrUndefined(e.y2)||e.y2<e.y1?-8:"1em",style:{textAnchor:"middle",...l?.graphObjectValues||{}},className:t.mo("graph-value graph-value-line-1 text-xs font-bold",r?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:c(e.date),y:g(e.y1),fill:s[0]},whileInView:{opacity:1,x:c(e.date),fill:s[0],y:g(e.y1),transition:{duration:p?n.duration:.5,delay:p?0:n.duration}}},initial:"initial",animate:d?"whileInView":"initial",children:ae.numberFormattingFunction(e.y1,"NA",A,M[0],S[0])}):null]}),f.checkIfNullOrUndefined(e.y2)?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[P?t.jsxRuntimeExports.jsx(b.motion.circle,{r:u/i.length<5?0:u/i.length<20?2:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:c(e.date),cy:g(e.y2),fill:s[1]},whileInView:{opacity:1,transition:{duration:p?n.duration:.5,delay:p?0:n.duration},fill:s[1],cx:c(e.date),cy:g(e.y2)}},initial:"initial",animate:d?"whileInView":"initial"}):null,G?t.jsxRuntimeExports.jsx(b.motion.text,{dy:f.checkIfNullOrUndefined(e.y1)||e.y1<e.y2?-8:"1em",style:{textAnchor:"middle",...l?.graphObjectValues||{}},className:t.mo("graph-value graph-value-line-2 text-xs font-bold",r?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:c(e.date),y:g(e.y2),fill:s[1]},whileInView:{opacity:1,x:c(e.date),y:g(e.y2),fill:s[1],transition:{duration:p?n.duration:.5,delay:p?0:n.duration}}},initial:"initial",animate:d?"whileInView":"initial",children:ae.numberFormattingFunction(e.y2,"NA",A,M[1],S[1])}):null]})]},q))}),H.filter(e=>e.position==="after").map(e=>e.layer),t.jsxRuntimeExports.jsx("rect",{ref:w,style:{fill:"none",pointerEvents:"all"},width:u,height:a})]})}),I&&v&&_&&te?t.jsxRuntimeExports.jsx(Ie.Tooltip,{data:I,body:v,xPos:_,yPos:te,backgroundStyle:l?.tooltip,className:r?.tooltip}):null]})}function He(le){const{data:k,graphTitle:R,sources:D,graphDescription:s,height:y,width:o,footNote:j,noOfXTicks:G=10,dateFormat:xe="yyyy",showValues:ce=!1,padding:W,lineColors:X=[Re.Colors.light.categoricalColors.colors[0],Re.Colors.light.categoricalColors.colors[1]],sameAxes:ue=!1,backgroundColor:v=!1,leftMargin:me=80,rightMargin:C=80,topMargin:n=20,bottomMargin:Y=25,labels:P,lineSuffixes:B=["",""],linePrefixes:S=["",""],tooltip:M,highlightAreaSettings:z=[],relativeHeight:N,onSeriesMouseOver:T,graphID:l,graphDownload:r=!1,dataDownload:A=!1,animate:H=!1,strokeWidth:J=2,showDots:K=!0,language:d="en",showColorScale:p=!0,minHeight:V=0,colorLegendTitle:Q,theme:I="light",ariaLabel:Z,noOfYTicks:_=5,maxDate:ee,minDate:te,curveType:ie="curve",styles:m,classNames:w,precision:i=2,customLayers:de=[],showAxisLabels:u=!0}=le,[a,se]=h.useState(0),[ne,$]=h.useState(0),E=h.useRef(null),O=h.useRef(null);return h.useEffect(()=>{const x=new ResizeObserver(U=>{se(o||U[0].target.clientWidth||620),$(y||U[0].target.clientHeight||480)});return E.current&&($(E.current.clientHeight||480),se(E.current.clientWidth||620),o||x.observe(E.current)),()=>x.disconnect()},[o,y]),t.jsxRuntimeExports.jsx("div",{className:`${I||"light"} flex  ${o?"w-fit grow-0":"w-full grow"}`,dir:d==="he"||d==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:t.mo(`${v?v===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${d||"en"}`,o?"w-fit":"w-full",w?.graphContainer),style:{...m?.graphContainer||{},...v&&v!==!0?{backgroundColor:v}:{}},id:l,ref:O,"aria-label":Z||`${R?`The graph shows ${R}. `:""}This is a line chart that show trends for two datasets over time.${s?` ${s}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:v?W||"1rem":W||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[R||s||r||A?t.jsxRuntimeExports.jsx($e.GraphHeader,{styles:{title:m?.title,description:m?.description},classNames:{title:w?.title,description:w?.description},graphTitle:R,graphDescription:s,width:o,graphDownload:r?O.current:void 0,dataDownload:A?k.map(x=>x.data).filter(x=>x!==void 0).length>0?k.map(x=>x.data).filter(x=>x!==void 0):k.filter(x=>x!==void 0):null}):null,t.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:k.length===0?t.jsxRuntimeExports.jsx(Ce.EmptyState,{}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[p?t.jsxRuntimeExports.jsx(Fe.ColorLegend,{colorDomain:P,colorLegendTitle:Q,colors:X,showNAColor:!1}):null,t.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:E,"aria-label":"Graph area",children:(o||a)&&(y||ne)?t.jsxRuntimeExports.jsx(Pe,{data:k,sameAxes:ue,lineColors:X,width:o||a,height:Math.max(V,y||(N?V?(o||a)*N>V?(o||a)*N:V:(o||a)*N:ne)),dateFormat:xe,showValues:ce,noOfXTicks:G,leftMargin:me,rightMargin:C,topMargin:n,bottomMargin:Y,labels:P,highlightAreaSettings:z,tooltip:M,onSeriesMouseOver:T,animate:H===!0?{duration:.5,once:!0,amount:.5}:H||{duration:0,once:!0,amount:0},strokeWidth:J,showDots:K,noOfYTicks:_,lineSuffixes:B,linePrefixes:S,minDate:te,maxDate:ee,curveType:ie,styles:m,classNames:w,precision:i,customLayers:de,showAxisLabels:u}):null})]})}),D||j?t.jsxRuntimeExports.jsx(Ve.GraphFooter,{styles:{footnote:m?.footnote,source:m?.source},classNames:{footnote:w?.footnote,source:w?.source},sources:D,footNote:j,width:o}):null]})})})})}exports.DualAxisLineChart=He;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DjM48pIC.cjs"),h=require("react"),F=require("./parse-hMnG_lRV.cjs"),Ne=require("./index-CQ3e6Ewi.cjs"),ae=require("./numberFormattingFunction-02t-wJta.cjs"),Ie=require("./Tooltip-Cpv0QohJ.cjs"),f=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Oe=require("./XTicksAndGridLines-RKy7BVCO.cjs"),ye=require("./Axis-CkNn1wit.cjs"),we=require("./AxisTitle-Wkz-xeQL.cjs"),Le=require("./index-BHe3wsWF.cjs"),qe=require("./time-Byw_jYQ7.cjs"),Ee=require("./linear-BVckp9RD.cjs"),ge=require("./line-DHV4JwCR.cjs"),oe=require("./step-BZ3C8QFW.cjs"),De=require("./select-Bnfk0lJx.cjs"),Se=require("./init-DU0ybBc_.cjs"),Me=require("./pointer-Dkq5NV1q.cjs"),Te=require("./use-in-view-CEwlc_dd.cjs"),b=require("./proxy-CKadx4lC.cjs"),Ve=require("./GraphFooter.cjs"),$e=require("./GraphHeader.cjs"),Fe=require("./ColorLegend.cjs"),Re=require("./Colors.cjs"),Ce=require("./EmptyState-B8IpKGcL.cjs");function Pe(le){const{data:k,width:R,height:D,lineColors:s,labels:y,sameAxes:o,dateFormat:j,showValues:G,noOfXTicks:xe,rightMargin:ce,leftMargin:W,topMargin:X,bottomMargin:ue,tooltip:v,highlightAreaSettings:me,onSeriesMouseOver:C,animate:n,strokeWidth:Y,showDots:P,noOfYTicks:B,lineSuffixes:S,linePrefixes:M,minDate:z,maxDate:N,curveType:T,styles:l,classNames:r,precision:A,customLayers:H,showAxisLabels:J}=le,K=h.useRef(null),d=Te.useInView(K,{once:n.once,amount:n.amount}),[p,V]=h.useState(!1);h.useEffect(()=>{if(d&&!p){const e=setTimeout(()=>{V(!0)},(n.duration+.5)*1e3);return()=>clearTimeout(e)}},[d,p,n.duration]);const Q=T==="linear"?ge.curveLinear:T==="step"?oe.curveStep:T==="stepAfter"?oe.stepAfter:T==="stepBefore"?oe.stepBefore:oe.monotoneX,[I,Z]=h.useState(void 0),[_,ee]=h.useState(void 0),[te,ie]=h.useState(void 0),m={top:X,bottom:ue,left:W+50,right:ce+65},w=h.useRef(null),i=Ne.orderBy(k.map(e=>({...e,date:F.parse(`${e.date}`,j,new Date)})),["date"],["asc"]),de=me.map(e=>({...e,coordinates:[e.coordinates[0]===null?null:F.parse(`${e.coordinates[0]}`,j,new Date),e.coordinates[1]===null?null:F.parse(`${e.coordinates[1]}`,j,new Date)]})),u=R-m.left-m.right,a=D-m.top-m.bottom,se=z?F.parse(`${z}`,j,new Date):i[0].date,ne=N?F.parse(`${N}`,j,new Date):i[i.length-1].date,$=Math.min(...i.map(e=>e.y1).filter(e=>e!=null))!==1/0?Math.min(...i.map(e=>e.y2).filter(e=>e!=null))>0?0:Math.min(...i.map(e=>e.y1).filter(e=>e!=null)):0,E=Math.min(...i.map(e=>e.y2).filter(e=>e!=null))!==1/0?Math.min(...i.map(e=>e.y2).filter(e=>e!=null))>0?0:Math.min(...i.map(e=>e.y2).filter(e=>e!=null)):0,O=Math.max(...i.map(e=>e.y1).filter(e=>e!=null))!==1/0?Math.max(...i.map(e=>e.y1).filter(e=>e!=null)):0,x=Math.max(...i.map(e=>e.y2).filter(e=>e!=null))!==1/0?Math.max(...i.map(e=>e.y2).filter(e=>e!=null)):0,U=$<E?$:E,re=O>x?O:x,c=qe.time().domain([se,ne]).range([0,u]),L=Ee.linear().domain([o?U:$,o?re>0?re:0:O>0?O:0]).range([a,0]).nice(),g=Ee.linear().domain([o?U:E,o?re>0?re:0:x>0?x:0]).range([a,0]).nice(),fe=ge.line().defined(e=>!f.checkIfNullOrUndefined(e.y1)).x(e=>c(e.date)).y(e=>L(e.y1)).curve(Q),he=ge.line().defined(e=>!f.checkIfNullOrUndefined(e.y2)).x(e=>c(e.date)).y(e=>g(e.y2)).curve(Q),Ae=L.ticks(B),be=g.ticks(B),je=c.ticks(xe);return h.useEffect(()=>{const e=pe=>{const ve=i[Se.bisectCenter(i.map(ke=>ke.date),c.invert(Me.pointer(pe)[0]),0)];Z(ve||i[i.length-1]),C?.(ve||i[i.length-1]),ie(pe.clientY),ee(pe.clientX)},q=()=>{Z(void 0),ee(void 0),ie(void 0),C?.(void 0)};De.select(w.current).on("mousemove",e).on("mouseout",q)},[c,i,C]),t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(b.motion.svg,{width:`${R}px`,height:`${D}px`,viewBox:`0 0 ${R} ${D}`,direction:"ltr",ref:K,children:t.jsxRuntimeExports.jsxs("g",{transform:`translate(${m.left},${m.top})`,children:[t.jsxRuntimeExports.jsx(Le.HighlightArea,{areaSettings:de,width:u,height:a,scale:c,animate:n,isInView:d}),t.jsxRuntimeExports.jsxs("g",{children:[Ae.map((e,q)=>t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx("line",{y1:L(e),y2:L(e),x1:-15,x2:-20,style:{stroke:s[0],strokeWidth:1,...l?.yAxis?.gridLines||{}},className:r?.yAxis?.gridLines}),t.jsxRuntimeExports.jsx("text",{x:-25,y:L(e),dy:"0.33em",className:t.mo("text-xs",r?.yAxis?.labels),style:{textAnchor:"end",fill:s[0],...l?.yAxis?.labels||{}},children:ae.numberFormattingFunction(e,"NA",A,M[0],S[0])})]},q)),t.jsxRuntimeExports.jsx(ye.Axis,{y1:0,y2:a,x1:-15,x2:-15,classNames:{axis:r?.xAxis?.axis},styles:{axis:{stroke:s[0],...l?.xAxis?.axis||{}}}}),J?t.jsxRuntimeExports.jsx(we.AxisTitle,{x:10-m.left,y:a/2,style:{fill:s[0],...l?.yAxis?.title||{}},className:r?.yAxis?.title,text:y[0].length>100?`${y[0].substring(0,100)}...`:y[0],rotate90:!0}):null]}),t.jsxRuntimeExports.jsxs("g",{children:[be.map((e,q)=>t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx("line",{y1:g(e),y2:g(e),x1:u+15,x2:u+20,style:{stroke:s[1],strokeWidth:1,...l?.yAxis?.gridLines||{}},className:r?.yAxis?.gridLines}),t.jsxRuntimeExports.jsx("text",{x:u+25,y:g(e),dy:"0.33em",dx:-2,style:{textAnchor:"start",fill:s[1],...l?.yAxis?.labels||{}},className:t.mo("text-xs",r?.yAxis?.labels),children:ae.numberFormattingFunction(e,"NA",A,M[1],S[1])})]},q)),t.jsxRuntimeExports.jsx(ye.Axis,{y1:0,y2:a,x1:u+15,x2:u+15,classNames:{axis:r?.xAxis?.axis},styles:{axis:{stroke:s[1],...l?.xAxis?.axis||{}}}}),J?t.jsxRuntimeExports.jsx(we.AxisTitle,{x:u+m.right-15,y:a/2,style:{fill:s[1],...l?.yAxis?.title||{}},className:r?.yAxis?.title,text:y[1].length>100?`${y[1].substring(0,100)}...`:y[1],rotate90:!0}):null]}),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx(ye.Axis,{y1:a,y2:a,x1:-15,x2:u+15,classNames:{axis:r?.xAxis?.axis},styles:{axis:l?.xAxis?.axis}}),t.jsxRuntimeExports.jsx(Oe.XTicksAndGridLines,{values:je.map(e=>F.format(e,j)),x:je.map(e=>c(e)),y1:0,y2:a,styles:{gridLines:l?.xAxis?.gridLines,labels:l?.xAxis?.labels},classNames:{gridLines:t.mo("opacity-0",r?.xAxis?.gridLines),labels:t.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",r?.xAxis?.labels)},labelType:"primary",showGridLines:!0,precision:A})]}),H.filter(e=>e.position==="before").map(e=>e.layer),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx(b.motion.path,{style:{stroke:s[0],strokeWidth:Y,fill:"none"},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:fe(i.filter(e=>!f.checkIfNullOrUndefined(e.y1)))||"",opacity:1},whileInView:{pathLength:1,d:fe(i.filter(e=>!f.checkIfNullOrUndefined(e.y1)))||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:d?"whileInView":"initial"}),t.jsxRuntimeExports.jsx(b.motion.path,{d:he(i.filter(e=>!f.checkIfNullOrUndefined(e.y2)))||"",style:{stroke:s[1],strokeWidth:Y,fill:"none"},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:he(i.filter(e=>!f.checkIfNullOrUndefined(e.y2)))||"",opacity:1},whileInView:{pathLength:1,d:he(i.filter(e=>!f.checkIfNullOrUndefined(e.y2)))||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:d?"whileInView":"initial"}),I?t.jsxRuntimeExports.jsx("line",{y1:0,y2:a,x1:c(I.date),x2:c(I.date),className:t.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",r?.mouseOverLine),style:l?.mouseOverLine}):null]}),t.jsxRuntimeExports.jsx("g",{children:i.map((e,q)=>t.jsxRuntimeExports.jsxs(b.motion.g,{children:[f.checkIfNullOrUndefined(e.y1)?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[P?t.jsxRuntimeExports.jsx(b.motion.circle,{r:u/i.length<5?0:u/i.length<20?2:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:c(e.date),cy:L(e.y1),fill:s[0]},whileInView:{opacity:1,fill:s[0],transition:{duration:p?n.duration:.5,delay:p?0:n.duration},cx:c(e.date),cy:L(e.y1)}},initial:"initial",animate:d?"whileInView":"initial"}):null,G?t.jsxRuntimeExports.jsx(b.motion.text,{dy:f.checkIfNullOrUndefined(e.y2)||e.y2<e.y1?-8:"1em",style:{textAnchor:"middle",...l?.graphObjectValues||{}},className:t.mo("graph-value graph-value-line-1 text-xs font-bold",r?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:c(e.date),y:g(e.y1),fill:s[0]},whileInView:{opacity:1,x:c(e.date),fill:s[0],y:g(e.y1),transition:{duration:p?n.duration:.5,delay:p?0:n.duration}}},initial:"initial",animate:d?"whileInView":"initial",children:ae.numberFormattingFunction(e.y1,"NA",A,M[0],S[0])}):null]}),f.checkIfNullOrUndefined(e.y2)?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[P?t.jsxRuntimeExports.jsx(b.motion.circle,{r:u/i.length<5?0:u/i.length<20?2:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:c(e.date),cy:g(e.y2),fill:s[1]},whileInView:{opacity:1,transition:{duration:p?n.duration:.5,delay:p?0:n.duration},fill:s[1],cx:c(e.date),cy:g(e.y2)}},initial:"initial",animate:d?"whileInView":"initial"}):null,G?t.jsxRuntimeExports.jsx(b.motion.text,{dy:f.checkIfNullOrUndefined(e.y1)||e.y1<e.y2?-8:"1em",style:{textAnchor:"middle",...l?.graphObjectValues||{}},className:t.mo("graph-value graph-value-line-2 text-xs font-bold",r?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:c(e.date),y:g(e.y2),fill:s[1]},whileInView:{opacity:1,x:c(e.date),y:g(e.y2),fill:s[1],transition:{duration:p?n.duration:.5,delay:p?0:n.duration}}},initial:"initial",animate:d?"whileInView":"initial",children:ae.numberFormattingFunction(e.y2,"NA",A,M[1],S[1])}):null]})]},q))}),H.filter(e=>e.position==="after").map(e=>e.layer),t.jsxRuntimeExports.jsx("rect",{ref:w,style:{fill:"none",pointerEvents:"all"},width:u,height:a})]})}),I&&v&&_&&te?t.jsxRuntimeExports.jsx(Ie.Tooltip,{data:I,body:v,xPos:_,yPos:te,backgroundStyle:l?.tooltip,className:r?.tooltip}):null]})}function He(le){const{data:k,graphTitle:R,sources:D,graphDescription:s,height:y,width:o,footNote:j,noOfXTicks:G=10,dateFormat:xe="yyyy",showValues:ce=!1,padding:W,lineColors:X=[Re.Colors.light.categoricalColors.colors[0],Re.Colors.light.categoricalColors.colors[1]],sameAxes:ue=!1,backgroundColor:v=!1,leftMargin:me=80,rightMargin:C=80,topMargin:n=20,bottomMargin:Y=25,labels:P,lineSuffixes:B=["",""],linePrefixes:S=["",""],tooltip:M,highlightAreaSettings:z=[],relativeHeight:N,onSeriesMouseOver:T,graphID:l,graphDownload:r=!1,dataDownload:A=!1,animate:H=!1,strokeWidth:J=2,showDots:K=!0,language:d="en",showColorScale:p=!0,minHeight:V=0,colorLegendTitle:Q,theme:I="light",ariaLabel:Z,noOfYTicks:_=5,maxDate:ee,minDate:te,curveType:ie="curve",styles:m,classNames:w,precision:i=2,customLayers:de=[],showAxisLabels:u=!0}=le,[a,se]=h.useState(0),[ne,$]=h.useState(0),E=h.useRef(null),O=h.useRef(null);return h.useEffect(()=>{const x=new ResizeObserver(U=>{se(o||U[0].target.clientWidth||620),$(y||U[0].target.clientHeight||480)});return E.current&&($(E.current.clientHeight||480),se(E.current.clientWidth||620),o||x.observe(E.current)),()=>x.disconnect()},[o,y]),t.jsxRuntimeExports.jsx("div",{className:`${I||"light"} flex  ${o?"w-fit grow-0":"w-full grow"}`,dir:d==="he"||d==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:t.mo(`${v?v===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${d||"en"}`,o?"w-fit":"w-full",w?.graphContainer),style:{...m?.graphContainer||{},...v&&v!==!0?{backgroundColor:v}:{}},id:l,ref:O,"aria-label":Z||`${R?`The graph shows ${R}. `:""}This is a line chart that show trends for two datasets over time.${s?` ${s}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:v?W||"1rem":W||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[R||s||r||A?t.jsxRuntimeExports.jsx($e.GraphHeader,{styles:{title:m?.title,description:m?.description},classNames:{title:w?.title,description:w?.description},graphTitle:R,graphDescription:s,width:o,graphDownload:r?O.current:void 0,dataDownload:A?k.map(x=>x.data).filter(x=>x!==void 0).length>0?k.map(x=>x.data).filter(x=>x!==void 0):k.filter(x=>x!==void 0):null}):null,t.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:k.length===0?t.jsxRuntimeExports.jsx(Ce.EmptyState,{}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[p?t.jsxRuntimeExports.jsx(Fe.ColorLegend,{colorDomain:P,colorLegendTitle:Q,colors:X,showNAColor:!1}):null,t.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:E,"aria-label":"Graph area",children:(o||a)&&(y||ne)?t.jsxRuntimeExports.jsx(Pe,{data:k,sameAxes:ue,lineColors:X,width:o||a,height:Math.max(V,y||(N?V?(o||a)*N>V?(o||a)*N:V:(o||a)*N:ne)),dateFormat:xe,showValues:ce,noOfXTicks:G,leftMargin:me,rightMargin:C,topMargin:n,bottomMargin:Y,labels:P,highlightAreaSettings:z,tooltip:M,onSeriesMouseOver:T,animate:H===!0?{duration:.5,once:!0,amount:.5}:H||{duration:0,once:!0,amount:0},strokeWidth:J,showDots:K,noOfYTicks:_,lineSuffixes:B,linePrefixes:S,minDate:te,maxDate:ee,curveType:ie,styles:m,classNames:w,precision:i,customLayers:de,showAxisLabels:u}):null})]})}),D||j?t.jsxRuntimeExports.jsx(Ve.GraphFooter,{styles:{footnote:m?.footnote,source:m?.source},classNames:{footnote:w?.footnote,source:w?.source},sources:D,footNote:j,width:o}):null]})})})})}exports.DualAxisLineChart=He;
 //# sourceMappingURL=DualAxisLineChart.cjs.map

package/dist/DualAxisLineChart.js

@@ -1,14 +1,14 @@
-import { j as i, m as k } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as i, m as k } from "./index-CHPV5EwG-DBWUSD9b.js";
 import { useRef as ot, useState as P, useEffect as gt } from "react";
 import { p as G, f as $t } from "./parse-DlCRUFh_.js";
 import { o as It } from "./index-DvVprvy6.js";
 import { n as lt } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Tt } from "./Tooltip-CVCGWyzw.js";
+import { T as Tt } from "./Tooltip-6LIdPQGC.js";
 import { c as f } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as Vt } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { A as ft } from "./Axis-Ddg-seDi.js";
-import { A as At } from "./AxisTitle-BmHLMRJZ.js";
-import { H as Ot } from "./index-DKCxu1Gh.js";
+import { X as Vt } from "./XTicksAndGridLines-DuydSnZ_.js";
+import { A as ft } from "./Axis-4gUOL8B7.js";
+import { A as At } from "./AxisTitle-v6_xcXZ-.js";
+import { H as Ot } from "./index-Bw_eHBVN.js";
 import { t as St } from "./time-BzJP5SPC.js";
 import { a as bt } from "./linear-DUdu7l2G.js";
 import { l as Nt, c as Ct } from "./line-CPfhohvF.js";
@@ -16,13 +16,13 @@ import { c as Ft, s as Ht, a as Pt, m as Wt } from "./step-BrDul-H4.js";
 import { s as Xt } from "./select-DKy99ogv.js";
 import { a as Et } from "./init-BhZylTFx.js";
 import { p as Yt } from "./pointer-CWRWOsrb.js";
-import { u as Gt } from "./use-in-view-yS6jzJAp.js";
-import { m as N } from "./proxy-CkpFesk1.js";
+import { u as Gt } from "./use-in-view-DR-UTB96.js";
+import { m as N } from "./proxy-BYIC9BuT.js";
 import { GraphFooter as Rt } from "./GraphFooter.js";
 import { GraphHeader as Bt } from "./GraphHeader.js";
 import { ColorLegend as zt } from "./ColorLegend.js";
 import { Colors as kt } from "./Colors.js";
-import { E as Ut } from "./EmptyState-DdTp-Mdn.js";
+import { E as Ut } from "./EmptyState-36lXXyui.js";
 function qt(ct) {
   const {
     data: L,

package/dist/DumbbellChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-DDoeWRVt.cjs"),x=require("react"),ve=require("./parse-hMnG_lRV.cjs"),Oe=require("./getSliderMarks-CRIbTGYV.cjs"),Me=require("./index-CQ3e6Ewi.cjs"),Le=require("./index-DQA8q5sC.cjs"),Ve=require("./Modal-tXZlLE5s.cjs"),Te=require("./numberFormattingFunction-02t-wJta.cjs"),$e=require("./Tooltip-De16GWhY.cjs"),A=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ae=require("./string2HTML-z7CwHXcx.cjs"),Ze=require("./XTicksAndGridLines-CCzXIV8d.cjs"),qe=require("./AxisTitle-CK9YeovX.cjs"),et=require("./YAxesLabels-yRFFdx1s.cjs"),Fe=require("./YTicksAndGridLines-DBDuz6vb.cjs"),Pe=require("./ReferenceLine-CFVBBN__.cjs"),Be=require("./linear-BVckp9RD.cjs"),He=require("./band-CAApY4Pd.cjs"),We=require("./use-in-view-sQJZ_xDO.cjs"),le=require("./proxy-BHRoeZgd.cjs"),Ue=require("./index-BW8iNx7E.cjs"),Ge=require("./GraphHeader.cjs"),Xe=require("./GraphFooter.cjs"),Ye=require("./ColorLegendWithMouseOver.cjs"),_e=require("./Colors.cjs"),ze=require("./EmptyState-d8_8SxeW.cjs"),Ne=require("./index-BW_-wD2k.cjs"),je=require("./ensureCompleteData-DkQYPeDa.cjs"),Je=require("./uniqBy-O05lp2S5.cjs"),Ke=require("./sort-O96oMZLb.cjs"),Qe=require("./init-DU0ybBc_.cjs"),tt=require("./Axis-DE7dSn1_.cjs"),it=require("./XAxesLabels-Drf7M3YK.cjs");function at(ye){const{data:l,dotColors:m,suffix:z,prefix:J,barPadding:w,showValues:ue,showTicks:ee,leftMargin:te,truncateBy:ce,width:ie,height:ae,rightMargin:K,topMargin:N,bottomMargin:s,radius:q,showLabels:xe,tooltip:O,onSeriesMouseOver:F,maxValue:E,minValue:re,onSeriesMouseClick:B,selectedColor:I,arrowConnector:R,connectorStrokeWidth:pe,maxBarThickness:ne,minBarThickness:se,resetSelectionOnDoubleClick:ge,detailsOnClick:v,axisTitle:U,noOfTicks:fe,valueColor:G,styles:d,classNames:p,labelOrder:D,refValues:oe,rtl:y,animate:u,precision:M,customLayers:X,highlightedDataPoints:Y,dimmedOpacity:L}=ye,j=x.useRef(null),g=We.useInView(j,{once:u.once,amount:u.amount}),h={top:U?N+25:N,bottom:s,left:te,right:K},H=ie-h.left-h.right,W=ae-h.top-h.bottom,[Q,P]=x.useState(void 0),[C,b]=x.useState(void 0),[S,Z]=x.useState(void 0),[V,$]=x.useState(void 0),_=l.map((t,n)=>({...t,id:D?`${t.label}`:`${n}`})),k=D||_.map(t=>`${t.id}`),f=Be.linear().domain([re,E]).range([0,H]).nice(),T=He.band().domain(k).range([0,se?Math.max(W,se*_.length):ne?Math.min(W,ne*_.length):W]).paddingInner(w),a=f.ticks(fe);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(le.motion.svg,{width:`${ie}px`,height:`${ae}px`,viewBox:`0 0 ${ie} ${ae}`,direction:"ltr",ref:j,children:[R?i.jsxRuntimeExports.jsx("defs",{children:i.jsxRuntimeExports.jsx("marker",{id:"arrow",viewBox:"0 0 10 10",refX:"10",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:i.jsxRuntimeExports.jsx("path",{d:"M 0 0 L 10 5 L 0 10 z",className:"fill-primary-gray-600 dark:fill-primary-gray-300"})})}):null,i.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[ee?i.jsxRuntimeExports.jsx(Ze.XTicksAndGridLines,{values:a.filter((t,n)=>n!==0),x:a.filter((t,n)=>n!==0).map(t=>f(t)),y1:0-N,y2:W+h.bottom,styles:{gridLines:d?.xAxis?.gridLines,labels:d?.xAxis?.labels},classNames:{gridLines:p?.xAxis?.gridLines,labels:p?.xAxis?.labels},suffix:z,prefix:J,labelType:"secondary",showGridLines:!0,precision:M}):null,i.jsxRuntimeExports.jsx(qe.AxisTitle,{x:H/2,y:0-h.top+15,style:d?.xAxis?.title,className:p?.xAxis?.title,text:U}),i.jsxRuntimeExports.jsx(Fe.YTicksAndGridLines,{y:_.map(t=>T(`${t.id}`)+T.bandwidth()/2),x1:0,x2:H,styles:{gridLines:d?.yAxis?.gridLines},classNames:{gridLines:p?.yAxis?.gridLines},labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:M}),X.filter(t=>t.position==="before").map(t=>t.layer),i.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[_.map(t=>i.jsxRuntimeExports.jsxs(le.motion.g,{className:"undp-viz-g-with-hover",variants:{initial:{x:0,y:T(`${t.id}`)+T.bandwidth()/2,opacity:Y.length!==0?Y.indexOf(t.label)!==-1?.85:L:.85},whileInView:{x:0,y:T(`${t.id}`)+T.bandwidth()/2,opacity:Y.length!==0?Y.indexOf(t.label)!==-1?.85:L:.85,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},children:[xe?i.jsxRuntimeExports.jsx(et.YAxesLabels,{value:`${t.label}`.length<ce?`${t.label}`:`${`${t.label}`.substring(0,ce)}...`,y:0-T.bandwidth()/2,x:0-h.left,width:h.left,height:T.bandwidth(),alignment:"right",style:d?.yAxis?.labels,className:p?.yAxis?.labels,animate:u,isInView:g}):null,i.jsxRuntimeExports.jsx(le.motion.line,{y1:0,y2:0,style:{strokeWidth:pe,...d?.dataConnectors||{},opacity:I?.3:1},className:i.mo("stroke-primary-gray-600 dark:stroke-primary-gray-300",p?.dataConnectors),markerEnd:R&&t.x.indexOf(Math.min(...t.x.filter(n=>n!==null)))===0?"url(#arrow)":"",markerStart:R&&t.x.indexOf(Math.min(...t.x.filter(n=>n!==null)))===t.x.length-1?"url(#arrow)":"",exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x1:0,x2:0},whileInView:{x1:f(Math.min(...t.x.filter(n=>n!==null)))+q,x2:f(Math.max(...t.x.filter(n=>n!==null)))-q,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial"}),t.x.map((n,o)=>i.jsxRuntimeExports.jsx(le.motion.g,{onMouseEnter:de=>{P({...t,xIndex:o}),$(de.clientY),Z(de.clientX),F?.({...t,xIndex:o})},onClick:()=>{(B||v)&&(Le.isEqual(C,{...t,xIndex:o})&&ge?(b(void 0),B?.(void 0)):(b({...t,xIndex:o}),B&&B({...t,xIndex:o})))},onMouseMove:de=>{P({...t,xIndex:o}),$(de.clientY),Z(de.clientX)},onMouseLeave:()=>{P(void 0),Z(void 0),$(void 0),F?.(void 0)},exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{opacity:I?m[o]===I?1:.3:1},whileInView:{opacity:I?m[o]===I?1:.3:1,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial",children:A.checkIfNullOrUndefined(n)?null:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(le.motion.circle,{cy:0,r:q,style:{fill:m[o],fillOpacity:.85,stroke:m[o],strokeWidth:1,opacity:A.checkIfNullOrUndefined(n)?0:1},exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{cx:f(0),opacity:0},whileInView:{cx:f(n||0),opacity:A.checkIfNullOrUndefined(n)?0:1,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial"}),ue?i.jsxRuntimeExports.jsx(le.motion.text,{y:0,style:{textAnchor:"middle",...d?.graphObjectValues||{}},dx:0,dy:0-q-3,className:i.mo("graph-value text-sm font-bold",A.checkIfNullOrUndefined(n)?"0opacity-0":"opacity-100",p?.graphObjectValues),exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x:f(0),opacity:0,fill:G||m[o]},whileInView:{x:f(n||0),fill:G||m[o],opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial",children:Te.numberFormattingFunction(n,"NA",M,J,z)}):null]})},o))]},t.label)),oe?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:oe.map((t,n)=>i.jsxRuntimeExports.jsx(Pe.RefLineX,{text:t.text,color:t.color,x:f(t.value),y1:0-h.top,y2:W+h.bottom,textSide:f(t.value)>H*.75||y?"left":"right",classNames:t.classNames,styles:t.styles,animate:u,isInView:g},n))}):null]}),X.filter(t=>t.position==="after").map(t=>t.layer)]})]}),Q&&O&&S&&V?i.jsxRuntimeExports.jsx($e.Tooltip,{data:Q,body:O,xPos:S,yPos:V,backgroundStyle:d?.tooltip,className:p?.tooltip}):null,v&&C!==void 0?i.jsxRuntimeExports.jsx(Ve.X,{open:C!==void 0,onClose:()=>{b(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof v=="string"?{__html:Ae.string2HTML(v,C)}:void 0,children:typeof v=="function"?v(C):null})}):null]})}function rt(ye){const{data:l,graphTitle:m,colors:z=_e.Colors.light.categoricalColors.colors,sources:J,graphDescription:w,barPadding:ue=.25,showTicks:ee=!0,leftMargin:te=100,rightMargin:ce=40,topMargin:ie=20,bottomMargin:ae=10,truncateBy:K=999,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E=!1,radius:re=3,showLabels:B=!0,tooltip:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se="",prefix:ge="",maxValue:v,minValue:U,onSeriesMouseClick:fe,graphDownload:G=!1,dataDownload:d=!1,showValues:p=!0,sortParameter:D,arrowConnector:oe=!1,connectorStrokeWidth:y=2,language:u="en",minHeight:M=0,theme:X="light",labelOrder:Y,maxBarThickness:L,maxNumberOfBars:j,minBarThickness:g,ariaLabel:h,resetSelectionOnDoubleClick:H=!0,detailsOnClick:W,axisTitle:Q,noOfTicks:P=5,valueColor:C,styles:b,classNames:S,refValues:Z,filterNA:V=!0,animate:$=!1,precision:_=2,customLayers:k=[],showColorScale:f=!0,highlightedDataPoints:T=[],dimmedOpacity:a=.3,timeline:t={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},sortData:n}=ye,[o,de]=x.useState(0),[ke,Ee]=x.useState(0),[me,Ie]=x.useState(t.autoplay),c=Ke.sort(Je.uniqBy(l,"date",!0).map(e=>ve.parse(`${e}`,t.dateFormat||"yyyy",new Date).getTime()),(e,r)=>Qe.ascending(e,r)),[be,we]=x.useState(t.autoplay?0:c.length-1),[De,Se]=x.useState(void 0),he=x.useRef(null),Re=x.useRef(null);x.useEffect(()=>{const e=new ResizeObserver(r=>{de(s||r[0].target.clientWidth||620),Ee(N||r[0].target.clientHeight||480)});return he.current&&(Ee(he.current.clientHeight||480),de(he.current.clientWidth||620),s||e.observe(he.current)),()=>e.disconnect()},[s,N]),x.useEffect(()=>{const e=setInterval(()=>{we(r=>r<c.length-1?r+1:0)},(t.speed||2)*1e3);return me||clearInterval(e),()=>clearInterval(e)},[c,me,t.speed]);const Ce=Oe.getSliderMarks(c,be,t.showOnlyActiveDate,t.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${X||"light"} flex  ${s?"w-fit grow-0":"w-full grow"}`,dir:u==="he"||u==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${E?E===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${u||"en"}`,s?"w-fit":"w-full",S?.graphContainer),style:{...b?.graphContainer||{},...E&&E!==!0?{backgroundColor:E}:{}},id:ne,ref:Re,"aria-label":h||`${m?`The graph shows ${m}. `:""}This is a dumbbell chart that shows comparisons between two or more data points across categories. ${w?` ${w}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:E?F||"1rem":F||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[m||w||G||d?i.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:S?.title,description:S?.description},graphTitle:m,graphDescription:w,width:s,graphDownload:G?Re.current:void 0,dataDownload:d?l.map(e=>e.data).filter(e=>e!==void 0).length>0?l.map(e=>e.data).filter(e=>e!==void 0):l.filter(e=>e!==void 0):null}):null,t.enabled&&c.length>0&&Ce?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Ie(!me)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":me?"Click to pause animation":"Click to play animation",children:me?i.jsxRuntimeExports.jsx(Ne.Pause,{}):i.jsxRuntimeExports.jsx(Ne.Play,{})}),i.jsxRuntimeExports.jsx(Oe.xr,{min:c[0],max:c[c.length-1],marks:Ce,step:null,defaultValue:c[c.length-1],value:c[be],onChangeComplete:e=>{we(c.indexOf(e))},onChange:e=>{we(c.indexOf(e))},"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:l.length===0?i.jsxRuntimeExports.jsx(ze.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[f?i.jsxRuntimeExports.jsx(Ye.ColorLegendWithMouseOver,{width:s,colorDomain:xe,colors:z,colorLegendTitle:O,setSelectedColor:Se,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow w-full justify-center leading-0",ref:he,"aria-label":"Graph area",children:(s||o)&&(N||ke)?i.jsxRuntimeExports.jsx(at,{data:D!==void 0?D==="diff"?Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[e.x.length-1])||A.checkIfNullOrUndefined(e.x[0])?-1/0:e.x[e.x.length-1]-e.x[0],[n||"asc"]).filter((e,r)=>j?r<j:!0):Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[D])?-1/0:e.x[D],[n||"asc"]).filter((e,r)=>j?r<j:!0):je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>V?!e.x.every(r=>r==null):e).filter((e,r)=>j?r<j:!0),dotColors:z,width:s||o,height:Math.max(M,N||(R?M?(s||o)*R>M?(s||o)*R:M:(s||o)*R:ke)),suffix:se,prefix:ge,radius:re,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,showLabels:B,showValues:p,tooltip:I,onSeriesMouseOver:pe,maxValue:A.checkIfNullOrUndefined(v)?Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null))))<0?0:Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null)))):v,minValue:A.checkIfNullOrUndefined(U)?Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null))))>0?0:Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null)))):U,onSeriesMouseClick:fe,selectedColor:De,arrowConnector:oe,connectorStrokeWidth:y,maxBarThickness:L,minBarThickness:g,resetSelectionOnDoubleClick:H,detailsOnClick:W,axisTitle:Q,noOfTicks:P,valueColor:C,styles:b,classNames:S,labelOrder:Y,refValues:Z,rtl:u==="he"||u==="ar",animate:$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},precision:_,customLayers:k,highlightedDataPoints:T,dimmedOpacity:a}):null})]})}),J||q?i.jsxRuntimeExports.jsx(Xe.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:S?.footnote,source:S?.source},sources:J,footNote:q,width:s}):null]})})})})}function nt(ye){const{data:l,dotColors:m,barPadding:z,showTicks:J,leftMargin:w,truncateBy:ue,width:ee,height:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,radius:K,showLabels:N,tooltip:s,onSeriesMouseOver:q,maxValue:xe,minValue:O,onSeriesMouseClick:F,showValues:E,suffix:re,prefix:B,selectedColor:I,arrowConnector:R,connectorStrokeWidth:pe,maxBarThickness:ne,minBarThickness:se,resetSelectionOnDoubleClick:ge,detailsOnClick:v,axisTitle:U,noOfTicks:fe,valueColor:G,styles:d,classNames:p,labelOrder:D,refValues:oe,animate:y,precision:u,customLayers:M,highlightedDataPoints:X,dimmedOpacity:Y}=ye,L=x.useRef(null),j=We.useInView(L,{once:y.once,amount:y.amount}),g={top:ie,bottom:ae,left:U?w+30:w,right:ce},h=ee-g.left-g.right,H=te-g.top-g.bottom,[W,Q]=x.useState(void 0),[P,C]=x.useState(void 0),[b,S]=x.useState(void 0),[Z,V]=x.useState(void 0),$=l.map((a,t)=>({...a,id:D?`${a.label}`:`${t}`})),_=D||$.map(a=>`${a.id}`),k=Be.linear().domain([O,xe]).range([H,0]).nice(),f=He.band().domain(_).range([0,se?Math.max(h,se*$.length):ne?Math.min(h,ne*$.length):h]).paddingInner(z),T=k.ticks(fe);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(le.motion.svg,{width:`${ee}px`,height:`${te}px`,viewBox:`0 0 ${ee} ${te}`,direction:"ltr",ref:L,children:[R?i.jsxRuntimeExports.jsx("defs",{children:i.jsxRuntimeExports.jsx("marker",{id:"arrow",viewBox:"0 0 10 10",refX:"10",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:i.jsxRuntimeExports.jsx("path",{d:"M 0 0 L 10 5 L 0 10 z",className:"fill-primary-gray-600 dark:fill-primary-gray-300"})})}):null,i.jsxRuntimeExports.jsxs("g",{transform:`translate(${g.left},${g.top})`,children:[i.jsxRuntimeExports.jsx(tt.Axis,{y1:k(O<0?0:O),y2:k(O<0?0:O),x1:0-w,x2:h+g.right,label:Te.numberFormattingFunction(O<0?0:O,"NA",u,B,re),labelPos:{x:0-w,dx:0,dy:xe<0?"1em":-5,y:k(O<0?0:O)},classNames:{axis:p?.xAxis?.axis,label:p?.yAxis?.labels},styles:{axis:d?.xAxis?.axis,label:d?.yAxis?.labels}}),J?i.jsxRuntimeExports.jsx(Fe.YTicksAndGridLines,{values:T.filter(a=>a!==0),y:T.filter(a=>a!==0).map(a=>k(a)),x1:0-w,x2:h+g.right,styles:{gridLines:d?.yAxis?.gridLines,labels:d?.yAxis?.labels},classNames:{gridLines:p?.yAxis?.gridLines,labels:p?.yAxis?.labels},suffix:re,prefix:B,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:u}):null,i.jsxRuntimeExports.jsx(qe.AxisTitle,{x:0-w-15,y:H/2,style:d?.yAxis?.title,className:p?.yAxis?.title,text:U,rotate90:!0}),M.filter(a=>a.position==="before").map(a=>a.layer),i.jsxRuntimeExports.jsxs(Ue.AnimatePresence,{children:[$.map(a=>i.jsxRuntimeExports.jsxs(le.motion.g,{className:"undp-viz-g-with-hover",variants:{initial:{x:f(`${a.id}`)+f.bandwidth()/2,y:0,opacity:X.length!==0?X.indexOf(a.label)!==-1?.85:Y:.85},whileInView:{x:f(`${a.id}`)+f.bandwidth()/2,y:0,opacity:X.length!==0?X.indexOf(a.label)!==-1?.85:Y:.85,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial",exit:{opacity:0,transition:{duration:y.duration}},children:[N?i.jsxRuntimeExports.jsx(it.XAxesLabels,{value:`${a.label}`.length<ue?`${a.label}`:`${`${a.label}`.substring(0,ue)}...`,y:H+5,x:0-f.bandwidth()/2,width:f.bandwidth(),height:g.bottom,style:d?.xAxis?.labels,className:p?.xAxis?.labels,alignment:"top",animate:y,isInView:j}):null,i.jsxRuntimeExports.jsx(le.motion.line,{x1:0,x2:0,style:{strokeWidth:pe,...d?.dataConnectors||{},opacity:I?.3:1},className:i.mo("stroke-primary-gray-600 dark:stroke-primary-gray-300",p?.dataConnectors),markerEnd:R&&a.x.indexOf(Math.min(...a.x.filter(t=>t!==null)))===0?"url(#arrow)":"",markerStart:R&&a.x.indexOf(Math.min(...a.x.filter(t=>t!==null)))===a.x.length-1?"url(#arrow)":"",exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{y1:0,y2:0},whileInView:{y1:k(Math.min(...a.x.filter(t=>t!==null)))+K,y2:k(Math.max(...a.x.filter(t=>t!==null)))-K,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial"}),a.x.map((t,n)=>i.jsxRuntimeExports.jsx(le.motion.g,{onMouseEnter:o=>{Q({...a,xIndex:n}),V(o.clientY),S(o.clientX),q?.({...a,xIndex:n})},onClick:()=>{(F||v)&&(Le.isEqual(P,{...a,xIndex:n})&&ge?(C(void 0),F?.(void 0)):(C({...a,xIndex:n}),F&&F({...a,xIndex:n})))},onMouseMove:o=>{Q({...a,xIndex:n}),V(o.clientY),S(o.clientX)},onMouseLeave:()=>{Q(void 0),S(void 0),V(void 0),q?.(void 0)},exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{opacity:I?m[n]===I?1:.3:1},whileInView:{opacity:I?m[n]===I?1:.3:1,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial",children:A.checkIfNullOrUndefined(t)?null:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(le.motion.circle,{cx:0,r:K,style:{fill:m[n],fillOpacity:.85,stroke:m[n],strokeWidth:1},exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{cy:k(0),opacity:0},whileInView:{cy:k(t||0),opacity:A.checkIfNullOrUndefined(t)?0:1,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial"}),E?i.jsxRuntimeExports.jsx(le.motion.text,{x:0,style:{textAnchor:"start",...d?.graphObjectValues||{}},className:i.mo("graph-value text-sm font-bold",A.checkIfNullOrUndefined(t)?"opacity-0":"opacity-100",p?.graphObjectValues),dx:K+3,dy:"0.33em",exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{y:k(0),opacity:0,fill:G||m[n]},whileInView:{y:k(t||0),fill:G||m[n],opacity:1,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial",children:Te.numberFormattingFunction(t,"NA",u,B,re)}):null]})},n))]},a.label)),oe?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:oe.map((a,t)=>i.jsxRuntimeExports.jsx(Pe.RefLineY,{text:a.text,color:a.color,y:k(a.value),x1:0-w,x2:h+g.right,classNames:a.classNames,styles:a.styles,animate:y,isInView:j},t))}):null]}),M.filter(a=>a.position==="after").map(a=>a.layer)]})]}),W&&s&&b&&Z?i.jsxRuntimeExports.jsx($e.Tooltip,{data:W,body:s,xPos:b,yPos:Z,backgroundStyle:d?.tooltip,className:p?.tooltip}):null,v&&P!==void 0?i.jsxRuntimeExports.jsx(Ve.X,{open:P!==void 0,onClose:()=>{C(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof v=="string"?{__html:Ae.string2HTML(v,P)}:void 0,children:typeof v=="function"?v(P):null})}):null]})}function st(ye){const{data:l,graphTitle:m,colors:z=_e.Colors.light.categoricalColors.colors,sources:J,graphDescription:w,barPadding:ue=.25,showTicks:ee=!0,leftMargin:te=20,rightMargin:ce=20,topMargin:ie=20,bottomMargin:ae=25,truncateBy:K=999,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E=!1,radius:re=3,tooltip:B,showLabels:I=!0,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se="",prefix:ge="",maxValue:v,minValue:U,onSeriesMouseClick:fe,graphDownload:G=!1,dataDownload:d=!1,showValues:p=!0,sortParameter:D,arrowConnector:oe=!1,connectorStrokeWidth:y=2,language:u="en",minHeight:M=0,theme:X="light",maxBarThickness:Y,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h=!0,detailsOnClick:H,axisTitle:W,noOfTicks:Q=5,valueColor:P,styles:C,classNames:b,labelOrder:S,refValues:Z,filterNA:V=!0,animate:$=!1,precision:_=2,customLayers:k=[],showColorScale:f=!0,highlightedDataPoints:T=[],dimmedOpacity:a=.3,timeline:t={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},sortData:n}=ye,[o,de]=x.useState(0),[ke,Ee]=x.useState(0),[me,Ie]=x.useState(t.autoplay),c=Ke.sort(Je.uniqBy(l,"date",!0).map(e=>ve.parse(`${e}`,t.dateFormat||"yyyy",new Date).getTime()),(e,r)=>Qe.ascending(e,r)),[be,we]=x.useState(t.autoplay?0:c.length-1),[De,Se]=x.useState(void 0),he=x.useRef(null),Re=x.useRef(null);x.useEffect(()=>{const e=new ResizeObserver(r=>{de(s||r[0].target.clientWidth||620),Ee(N||r[0].target.clientHeight||480)});return he.current&&(Ee(he.current.clientHeight||480),de(he.current.clientWidth||620),s||e.observe(he.current)),()=>e.disconnect()},[s,N]),x.useEffect(()=>{const e=setInterval(()=>{we(r=>r<c.length-1?r+1:0)},(t.speed||2)*1e3);return me||clearInterval(e),()=>clearInterval(e)},[c,me,t.speed]);const Ce=Oe.getSliderMarks(c,be,t.showOnlyActiveDate,t.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${X||"light"} flex  ${s?"w-fit grow-0":"w-full grow"}`,dir:u==="he"||u==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${E?E===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${u||"en"}`,s?"w-fit":"w-full",b?.graphContainer),style:{...C?.graphContainer||{},...E&&E!==!0?{backgroundColor:E}:{}},id:ne,ref:Re,"aria-label":g||`${m?`The graph shows ${m}. `:""}This is a dumbbell chart that shows comparisons between two or more data points across categories. ${w?` ${w}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:E?F||"1rem":F||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[m||w||G||d?i.jsxRuntimeExports.jsx(Ge.GraphHeader,{styles:{title:C?.title,description:C?.description},classNames:{title:b?.title,description:b?.description},graphTitle:m,graphDescription:w,width:s,graphDownload:G?Re.current:void 0,dataDownload:d?l.map(e=>e.data).filter(e=>e!==void 0).length>0?l.map(e=>e.data).filter(e=>e!==void 0):l.filter(e=>e!==void 0):null}):null,t.enabled&&c.length>0&&Ce?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Ie(!me)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":me?"Click to pause animation":"Click to play animation",children:me?i.jsxRuntimeExports.jsx(Ne.Pause,{}):i.jsxRuntimeExports.jsx(Ne.Play,{})}),i.jsxRuntimeExports.jsx(Oe.xr,{min:c[0],max:c[c.length-1],marks:Ce,step:null,defaultValue:c[c.length-1],value:c[be],onChangeComplete:e=>{we(c.indexOf(e))},onChange:e=>{we(c.indexOf(e))},"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:l.length===0?i.jsxRuntimeExports.jsx(ze.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[f?i.jsxRuntimeExports.jsx(Ye.ColorLegendWithMouseOver,{width:s,colorDomain:xe,colors:z,colorLegendTitle:O,setSelectedColor:Se,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow w-full justify-center leading-0",ref:he,"aria-label":"Graph area",children:(s||o)&&(N||ke)?i.jsxRuntimeExports.jsx(nt,{data:D!==void 0?D==="diff"?Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[e.x.length-1])||A.checkIfNullOrUndefined(e.x[0])?-1/0:e.x[e.x.length-1]-e.x[0],[n||"asc"]).filter((e,r)=>L?r<L:!0):Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[D])?-1/0:e.x[D],[n||"asc"]).filter((e,r)=>L?r<L:!0):je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>V?!e.x.every(r=>r==null):e).filter((e,r)=>L?r<L:!0),dotColors:z,width:s||o,height:Math.max(M,N||(R?M?(s||o)*R>M?(s||o)*R:M:(s||o)*R:ke)),radius:re,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,showLabels:I,showValues:p,tooltip:B,suffix:se,prefix:ge,onSeriesMouseOver:pe,maxValue:A.checkIfNullOrUndefined(v)?Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null))))<0?0:Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null)))):v,minValue:A.checkIfNullOrUndefined(U)?Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null))))>0?0:Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null)))):U,onSeriesMouseClick:fe,selectedColor:De,arrowConnector:oe,connectorStrokeWidth:y,maxBarThickness:Y,minBarThickness:j,resetSelectionOnDoubleClick:h,detailsOnClick:H,axisTitle:W,noOfTicks:Q,valueColor:P,styles:C,classNames:b,labelOrder:S,refValues:Z,animate:$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},precision:_,customLayers:k,highlightedDataPoints:T,dimmedOpacity:a}):null})]})}),J||q?i.jsxRuntimeExports.jsx(Xe.GraphFooter,{styles:{footnote:C?.footnote,source:C?.source},classNames:{footnote:b?.footnote,source:b?.source},sources:J,footNote:q,width:s}):null]})})})})}function ot(ye){const{data:l,graphTitle:m,colors:z,sources:J,graphDescription:w,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E,radius:re,tooltip:B,showLabels:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se,prefix:ge,maxValue:v,minValue:U,onSeriesMouseClick:fe,graphDownload:G,dataDownload:d,showValues:p,sortParameter:D,arrowConnector:oe,connectorStrokeWidth:y,language:u,minHeight:M,theme:X,maxBarThickness:Y,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h,detailsOnClick:H,axisTitle:W,noOfTicks:Q,valueColor:P,orientation:C="vertical",styles:b,classNames:S,labelOrder:Z,refValues:V,filterNA:$,animate:_,precision:k,showColorScale:f,customLayers:T,highlightedDataPoints:a,dimmedOpacity:t,timeline:n,sortData:o}=ye;return C==="vertical"?i.jsxRuntimeExports.jsx(st,{data:l,graphTitle:m,colors:z,sources:J,graphDescription:w,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E,radius:re,tooltip:B,showLabels:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se,prefix:ge,maxValue:v,minValue:U,onSeriesMouseClick:fe,graphDownload:G,dataDownload:d,showValues:p,sortParameter:D,arrowConnector:oe,connectorStrokeWidth:y,language:u,minHeight:M,theme:X,maxBarThickness:Y,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h,styles:b,detailsOnClick:H,axisTitle:W,noOfTicks:Q,labelOrder:Z,valueColor:P,classNames:S,refValues:V,filterNA:$,animate:_,precision:k,showColorScale:f,customLayers:T,highlightedDataPoints:a,dimmedOpacity:t,timeline:n,sortData:o}):i.jsxRuntimeExports.jsx(rt,{data:l,graphTitle:m,colors:z,sources:J,graphDescription:w,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E,radius:re,tooltip:B,showLabels:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se,prefix:ge,maxValue:v,minValue:U,onSeriesMouseClick:fe,graphDownload:G,dataDownload:d,showValues:p,sortParameter:D,arrowConnector:oe,connectorStrokeWidth:y,language:u,minHeight:M,theme:X,maxBarThickness:Y,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h,styles:b,detailsOnClick:H,axisTitle:W,noOfTicks:Q,valueColor:P,classNames:S,labelOrder:Z,refValues:V,filterNA:$,animate:_,precision:k,showColorScale:f,customLayers:T,highlightedDataPoints:a,dimmedOpacity:t,timeline:n,sortData:o})}exports.DumbbellChart=ot;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-DjM48pIC.cjs"),x=require("react"),ve=require("./parse-hMnG_lRV.cjs"),Oe=require("./getSliderMarks-CUxPy36E.cjs"),Me=require("./index-CQ3e6Ewi.cjs"),Le=require("./index-DQA8q5sC.cjs"),Ve=require("./Modal-CuuJdWkD.cjs"),Te=require("./numberFormattingFunction-02t-wJta.cjs"),$e=require("./Tooltip-Cpv0QohJ.cjs"),A=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ae=require("./string2HTML-z7CwHXcx.cjs"),Ze=require("./XTicksAndGridLines-RKy7BVCO.cjs"),qe=require("./AxisTitle-Wkz-xeQL.cjs"),et=require("./YAxesLabels-Dqd259-t.cjs"),Fe=require("./YTicksAndGridLines-qGpRo_t1.cjs"),Pe=require("./ReferenceLine-D04j-zeV.cjs"),Be=require("./linear-BVckp9RD.cjs"),He=require("./band-CAApY4Pd.cjs"),We=require("./use-in-view-CEwlc_dd.cjs"),le=require("./proxy-CKadx4lC.cjs"),Ge=require("./index-Cm8NIdOO.cjs"),Ue=require("./GraphHeader.cjs"),Ye=require("./GraphFooter.cjs"),Xe=require("./ColorLegendWithMouseOver.cjs"),_e=require("./Colors.cjs"),ze=require("./EmptyState-B8IpKGcL.cjs"),Ne=require("./index-C0bpbS4F.cjs"),je=require("./ensureCompleteData-DkQYPeDa.cjs"),Je=require("./uniqBy-O05lp2S5.cjs"),Ke=require("./sort-O96oMZLb.cjs"),Qe=require("./init-DU0ybBc_.cjs"),tt=require("./Axis-CkNn1wit.cjs"),it=require("./XAxesLabels-CLZnBgSr.cjs");function at(ye){const{data:l,dotColors:m,suffix:z,prefix:J,barPadding:w,showValues:ue,showTicks:ee,leftMargin:te,truncateBy:ce,width:ie,height:ae,rightMargin:K,topMargin:N,bottomMargin:s,radius:q,showLabels:xe,tooltip:O,onSeriesMouseOver:F,maxValue:E,minValue:re,onSeriesMouseClick:B,selectedColor:I,arrowConnector:R,connectorStrokeWidth:pe,maxBarThickness:ne,minBarThickness:se,resetSelectionOnDoubleClick:ge,detailsOnClick:v,axisTitle:G,noOfTicks:fe,valueColor:U,styles:d,classNames:p,labelOrder:D,refValues:oe,rtl:y,animate:u,precision:M,customLayers:Y,highlightedDataPoints:X,dimmedOpacity:L}=ye,j=x.useRef(null),g=We.useInView(j,{once:u.once,amount:u.amount}),h={top:G?N+25:N,bottom:s,left:te,right:K},H=ie-h.left-h.right,W=ae-h.top-h.bottom,[Q,P]=x.useState(void 0),[C,b]=x.useState(void 0),[S,Z]=x.useState(void 0),[V,$]=x.useState(void 0),_=l.map((t,n)=>({...t,id:D?`${t.label}`:`${n}`})),k=D||_.map(t=>`${t.id}`),f=Be.linear().domain([re,E]).range([0,H]).nice(),T=He.band().domain(k).range([0,se?Math.max(W,se*_.length):ne?Math.min(W,ne*_.length):W]).paddingInner(w),a=f.ticks(fe);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(le.motion.svg,{width:`${ie}px`,height:`${ae}px`,viewBox:`0 0 ${ie} ${ae}`,direction:"ltr",ref:j,children:[R?i.jsxRuntimeExports.jsx("defs",{children:i.jsxRuntimeExports.jsx("marker",{id:"arrow",viewBox:"0 0 10 10",refX:"10",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:i.jsxRuntimeExports.jsx("path",{d:"M 0 0 L 10 5 L 0 10 z",className:"fill-primary-gray-600 dark:fill-primary-gray-300"})})}):null,i.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[ee?i.jsxRuntimeExports.jsx(Ze.XTicksAndGridLines,{values:a.filter((t,n)=>n!==0),x:a.filter((t,n)=>n!==0).map(t=>f(t)),y1:0-N,y2:W+h.bottom,styles:{gridLines:d?.xAxis?.gridLines,labels:d?.xAxis?.labels},classNames:{gridLines:p?.xAxis?.gridLines,labels:p?.xAxis?.labels},suffix:z,prefix:J,labelType:"secondary",showGridLines:!0,precision:M}):null,i.jsxRuntimeExports.jsx(qe.AxisTitle,{x:H/2,y:0-h.top+15,style:d?.xAxis?.title,className:p?.xAxis?.title,text:G}),i.jsxRuntimeExports.jsx(Fe.YTicksAndGridLines,{y:_.map(t=>T(`${t.id}`)+T.bandwidth()/2),x1:0,x2:H,styles:{gridLines:d?.yAxis?.gridLines},classNames:{gridLines:p?.yAxis?.gridLines},labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:M}),Y.filter(t=>t.position==="before").map(t=>t.layer),i.jsxRuntimeExports.jsxs(Ge.AnimatePresence,{children:[_.map(t=>i.jsxRuntimeExports.jsxs(le.motion.g,{className:"undp-viz-g-with-hover",variants:{initial:{x:0,y:T(`${t.id}`)+T.bandwidth()/2,opacity:X.length!==0?X.indexOf(t.label)!==-1?.85:L:.85},whileInView:{x:0,y:T(`${t.id}`)+T.bandwidth()/2,opacity:X.length!==0?X.indexOf(t.label)!==-1?.85:L:.85,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},children:[xe?i.jsxRuntimeExports.jsx(et.YAxesLabels,{value:`${t.label}`.length<ce?`${t.label}`:`${`${t.label}`.substring(0,ce)}...`,y:0-T.bandwidth()/2,x:0-h.left,width:h.left,height:T.bandwidth(),alignment:"right",style:d?.yAxis?.labels,className:p?.yAxis?.labels,animate:u,isInView:g}):null,i.jsxRuntimeExports.jsx(le.motion.line,{y1:0,y2:0,style:{strokeWidth:pe,...d?.dataConnectors||{},opacity:I?.3:1},className:i.mo("stroke-primary-gray-600 dark:stroke-primary-gray-300",p?.dataConnectors),markerEnd:R&&t.x.indexOf(Math.min(...t.x.filter(n=>n!==null)))===0?"url(#arrow)":"",markerStart:R&&t.x.indexOf(Math.min(...t.x.filter(n=>n!==null)))===t.x.length-1?"url(#arrow)":"",exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x1:0,x2:0},whileInView:{x1:f(Math.min(...t.x.filter(n=>n!==null)))+q,x2:f(Math.max(...t.x.filter(n=>n!==null)))-q,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial"}),t.x.map((n,o)=>i.jsxRuntimeExports.jsx(le.motion.g,{onMouseEnter:de=>{P({...t,xIndex:o}),$(de.clientY),Z(de.clientX),F?.({...t,xIndex:o})},onClick:()=>{(B||v)&&(Le.isEqual(C,{...t,xIndex:o})&&ge?(b(void 0),B?.(void 0)):(b({...t,xIndex:o}),B&&B({...t,xIndex:o})))},onMouseMove:de=>{P({...t,xIndex:o}),$(de.clientY),Z(de.clientX)},onMouseLeave:()=>{P(void 0),Z(void 0),$(void 0),F?.(void 0)},exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{opacity:I?m[o]===I?1:.3:1},whileInView:{opacity:I?m[o]===I?1:.3:1,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial",children:A.checkIfNullOrUndefined(n)?null:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(le.motion.circle,{cy:0,r:q,style:{fill:m[o],fillOpacity:.85,stroke:m[o],strokeWidth:1,opacity:A.checkIfNullOrUndefined(n)?0:1},exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{cx:f(0),opacity:0},whileInView:{cx:f(n||0),opacity:A.checkIfNullOrUndefined(n)?0:1,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial"}),ue?i.jsxRuntimeExports.jsx(le.motion.text,{y:0,style:{textAnchor:"middle",...d?.graphObjectValues||{}},dx:0,dy:0-q-3,className:i.mo("graph-value text-sm font-bold",A.checkIfNullOrUndefined(n)?"0opacity-0":"opacity-100",p?.graphObjectValues),exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x:f(0),opacity:0,fill:U||m[o]},whileInView:{x:f(n||0),fill:U||m[o],opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:g?"whileInView":"initial",children:Te.numberFormattingFunction(n,"NA",M,J,z)}):null]})},o))]},t.label)),oe?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:oe.map((t,n)=>i.jsxRuntimeExports.jsx(Pe.RefLineX,{text:t.text,color:t.color,x:f(t.value),y1:0-h.top,y2:W+h.bottom,textSide:f(t.value)>H*.75||y?"left":"right",classNames:t.classNames,styles:t.styles,animate:u,isInView:g},n))}):null]}),Y.filter(t=>t.position==="after").map(t=>t.layer)]})]}),Q&&O&&S&&V?i.jsxRuntimeExports.jsx($e.Tooltip,{data:Q,body:O,xPos:S,yPos:V,backgroundStyle:d?.tooltip,className:p?.tooltip}):null,v&&C!==void 0?i.jsxRuntimeExports.jsx(Ve.G,{open:C!==void 0,onClose:()=>{b(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof v=="string"?{__html:Ae.string2HTML(v,C)}:void 0,children:typeof v=="function"?v(C):null})}):null]})}function rt(ye){const{data:l,graphTitle:m,colors:z=_e.Colors.light.categoricalColors.colors,sources:J,graphDescription:w,barPadding:ue=.25,showTicks:ee=!0,leftMargin:te=100,rightMargin:ce=40,topMargin:ie=20,bottomMargin:ae=10,truncateBy:K=999,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E=!1,radius:re=3,showLabels:B=!0,tooltip:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se="",prefix:ge="",maxValue:v,minValue:G,onSeriesMouseClick:fe,graphDownload:U=!1,dataDownload:d=!1,showValues:p=!0,sortParameter:D,arrowConnector:oe=!1,connectorStrokeWidth:y=2,language:u="en",minHeight:M=0,theme:Y="light",labelOrder:X,maxBarThickness:L,maxNumberOfBars:j,minBarThickness:g,ariaLabel:h,resetSelectionOnDoubleClick:H=!0,detailsOnClick:W,axisTitle:Q,noOfTicks:P=5,valueColor:C,styles:b,classNames:S,refValues:Z,filterNA:V=!0,animate:$=!1,precision:_=2,customLayers:k=[],showColorScale:f=!0,highlightedDataPoints:T=[],dimmedOpacity:a=.3,timeline:t={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},sortData:n}=ye,[o,de]=x.useState(0),[ke,Ee]=x.useState(0),[me,Ie]=x.useState(t.autoplay),c=Ke.sort(Je.uniqBy(l,"date",!0).map(e=>ve.parse(`${e}`,t.dateFormat||"yyyy",new Date).getTime()),(e,r)=>Qe.ascending(e,r)),[be,we]=x.useState(t.autoplay?0:c.length-1),[De,Se]=x.useState(void 0),he=x.useRef(null),Re=x.useRef(null);x.useEffect(()=>{const e=new ResizeObserver(r=>{de(s||r[0].target.clientWidth||620),Ee(N||r[0].target.clientHeight||480)});return he.current&&(Ee(he.current.clientHeight||480),de(he.current.clientWidth||620),s||e.observe(he.current)),()=>e.disconnect()},[s,N]),x.useEffect(()=>{const e=setInterval(()=>{we(r=>r<c.length-1?r+1:0)},(t.speed||2)*1e3);return me||clearInterval(e),()=>clearInterval(e)},[c,me,t.speed]);const Ce=Oe.getSliderMarks(c,be,t.showOnlyActiveDate,t.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${Y||"light"} flex  ${s?"w-fit grow-0":"w-full grow"}`,dir:u==="he"||u==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${E?E===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${u||"en"}`,s?"w-fit":"w-full",S?.graphContainer),style:{...b?.graphContainer||{},...E&&E!==!0?{backgroundColor:E}:{}},id:ne,ref:Re,"aria-label":h||`${m?`The graph shows ${m}. `:""}This is a dumbbell chart that shows comparisons between two or more data points across categories. ${w?` ${w}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:E?F||"1rem":F||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[m||w||U||d?i.jsxRuntimeExports.jsx(Ue.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:S?.title,description:S?.description},graphTitle:m,graphDescription:w,width:s,graphDownload:U?Re.current:void 0,dataDownload:d?l.map(e=>e.data).filter(e=>e!==void 0).length>0?l.map(e=>e.data).filter(e=>e!==void 0):l.filter(e=>e!==void 0):null}):null,t.enabled&&c.length>0&&Ce?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Ie(!me)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":me?"Click to pause animation":"Click to play animation",children:me?i.jsxRuntimeExports.jsx(Ne.Pause,{}):i.jsxRuntimeExports.jsx(Ne.Play,{})}),i.jsxRuntimeExports.jsx(Oe.xr,{min:c[0],max:c[c.length-1],marks:Ce,step:null,defaultValue:c[c.length-1],value:c[be],onChangeComplete:e=>{we(c.indexOf(e))},onChange:e=>{we(c.indexOf(e))},"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:l.length===0?i.jsxRuntimeExports.jsx(ze.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[f?i.jsxRuntimeExports.jsx(Xe.ColorLegendWithMouseOver,{width:s,colorDomain:xe,colors:z,colorLegendTitle:O,setSelectedColor:Se,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow w-full justify-center leading-0",ref:he,"aria-label":"Graph area",children:(s||o)&&(N||ke)?i.jsxRuntimeExports.jsx(at,{data:D!==void 0?D==="diff"?Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[e.x.length-1])||A.checkIfNullOrUndefined(e.x[0])?-1/0:e.x[e.x.length-1]-e.x[0],[n||"asc"]).filter((e,r)=>j?r<j:!0):Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[D])?-1/0:e.x[D],[n||"asc"]).filter((e,r)=>j?r<j:!0):je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>V?!e.x.every(r=>r==null):e).filter((e,r)=>j?r<j:!0),dotColors:z,width:s||o,height:Math.max(M,N||(R?M?(s||o)*R>M?(s||o)*R:M:(s||o)*R:ke)),suffix:se,prefix:ge,radius:re,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,showLabels:B,showValues:p,tooltip:I,onSeriesMouseOver:pe,maxValue:A.checkIfNullOrUndefined(v)?Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null))))<0?0:Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null)))):v,minValue:A.checkIfNullOrUndefined(G)?Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null))))>0?0:Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null)))):G,onSeriesMouseClick:fe,selectedColor:De,arrowConnector:oe,connectorStrokeWidth:y,maxBarThickness:L,minBarThickness:g,resetSelectionOnDoubleClick:H,detailsOnClick:W,axisTitle:Q,noOfTicks:P,valueColor:C,styles:b,classNames:S,labelOrder:X,refValues:Z,rtl:u==="he"||u==="ar",animate:$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},precision:_,customLayers:k,highlightedDataPoints:T,dimmedOpacity:a}):null})]})}),J||q?i.jsxRuntimeExports.jsx(Ye.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:S?.footnote,source:S?.source},sources:J,footNote:q,width:s}):null]})})})})}function nt(ye){const{data:l,dotColors:m,barPadding:z,showTicks:J,leftMargin:w,truncateBy:ue,width:ee,height:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,radius:K,showLabels:N,tooltip:s,onSeriesMouseOver:q,maxValue:xe,minValue:O,onSeriesMouseClick:F,showValues:E,suffix:re,prefix:B,selectedColor:I,arrowConnector:R,connectorStrokeWidth:pe,maxBarThickness:ne,minBarThickness:se,resetSelectionOnDoubleClick:ge,detailsOnClick:v,axisTitle:G,noOfTicks:fe,valueColor:U,styles:d,classNames:p,labelOrder:D,refValues:oe,animate:y,precision:u,customLayers:M,highlightedDataPoints:Y,dimmedOpacity:X}=ye,L=x.useRef(null),j=We.useInView(L,{once:y.once,amount:y.amount}),g={top:ie,bottom:ae,left:G?w+30:w,right:ce},h=ee-g.left-g.right,H=te-g.top-g.bottom,[W,Q]=x.useState(void 0),[P,C]=x.useState(void 0),[b,S]=x.useState(void 0),[Z,V]=x.useState(void 0),$=l.map((a,t)=>({...a,id:D?`${a.label}`:`${t}`})),_=D||$.map(a=>`${a.id}`),k=Be.linear().domain([O,xe]).range([H,0]).nice(),f=He.band().domain(_).range([0,se?Math.max(h,se*$.length):ne?Math.min(h,ne*$.length):h]).paddingInner(z),T=k.ticks(fe);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(le.motion.svg,{width:`${ee}px`,height:`${te}px`,viewBox:`0 0 ${ee} ${te}`,direction:"ltr",ref:L,children:[R?i.jsxRuntimeExports.jsx("defs",{children:i.jsxRuntimeExports.jsx("marker",{id:"arrow",viewBox:"0 0 10 10",refX:"10",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:i.jsxRuntimeExports.jsx("path",{d:"M 0 0 L 10 5 L 0 10 z",className:"fill-primary-gray-600 dark:fill-primary-gray-300"})})}):null,i.jsxRuntimeExports.jsxs("g",{transform:`translate(${g.left},${g.top})`,children:[i.jsxRuntimeExports.jsx(tt.Axis,{y1:k(O<0?0:O),y2:k(O<0?0:O),x1:0-w,x2:h+g.right,label:Te.numberFormattingFunction(O<0?0:O,"NA",u,B,re),labelPos:{x:0-w,dx:0,dy:xe<0?"1em":-5,y:k(O<0?0:O)},classNames:{axis:p?.xAxis?.axis,label:p?.yAxis?.labels},styles:{axis:d?.xAxis?.axis,label:d?.yAxis?.labels}}),J?i.jsxRuntimeExports.jsx(Fe.YTicksAndGridLines,{values:T.filter(a=>a!==0),y:T.filter(a=>a!==0).map(a=>k(a)),x1:0-w,x2:h+g.right,styles:{gridLines:d?.yAxis?.gridLines,labels:d?.yAxis?.labels},classNames:{gridLines:p?.yAxis?.gridLines,labels:p?.yAxis?.labels},suffix:re,prefix:B,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:u}):null,i.jsxRuntimeExports.jsx(qe.AxisTitle,{x:0-w-15,y:H/2,style:d?.yAxis?.title,className:p?.yAxis?.title,text:G,rotate90:!0}),M.filter(a=>a.position==="before").map(a=>a.layer),i.jsxRuntimeExports.jsxs(Ge.AnimatePresence,{children:[$.map(a=>i.jsxRuntimeExports.jsxs(le.motion.g,{className:"undp-viz-g-with-hover",variants:{initial:{x:f(`${a.id}`)+f.bandwidth()/2,y:0,opacity:Y.length!==0?Y.indexOf(a.label)!==-1?.85:X:.85},whileInView:{x:f(`${a.id}`)+f.bandwidth()/2,y:0,opacity:Y.length!==0?Y.indexOf(a.label)!==-1?.85:X:.85,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial",exit:{opacity:0,transition:{duration:y.duration}},children:[N?i.jsxRuntimeExports.jsx(it.XAxesLabels,{value:`${a.label}`.length<ue?`${a.label}`:`${`${a.label}`.substring(0,ue)}...`,y:H+5,x:0-f.bandwidth()/2,width:f.bandwidth(),height:g.bottom,style:d?.xAxis?.labels,className:p?.xAxis?.labels,alignment:"top",animate:y,isInView:j}):null,i.jsxRuntimeExports.jsx(le.motion.line,{x1:0,x2:0,style:{strokeWidth:pe,...d?.dataConnectors||{},opacity:I?.3:1},className:i.mo("stroke-primary-gray-600 dark:stroke-primary-gray-300",p?.dataConnectors),markerEnd:R&&a.x.indexOf(Math.min(...a.x.filter(t=>t!==null)))===0?"url(#arrow)":"",markerStart:R&&a.x.indexOf(Math.min(...a.x.filter(t=>t!==null)))===a.x.length-1?"url(#arrow)":"",exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{y1:0,y2:0},whileInView:{y1:k(Math.min(...a.x.filter(t=>t!==null)))+K,y2:k(Math.max(...a.x.filter(t=>t!==null)))-K,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial"}),a.x.map((t,n)=>i.jsxRuntimeExports.jsx(le.motion.g,{onMouseEnter:o=>{Q({...a,xIndex:n}),V(o.clientY),S(o.clientX),q?.({...a,xIndex:n})},onClick:()=>{(F||v)&&(Le.isEqual(P,{...a,xIndex:n})&&ge?(C(void 0),F?.(void 0)):(C({...a,xIndex:n}),F&&F({...a,xIndex:n})))},onMouseMove:o=>{Q({...a,xIndex:n}),V(o.clientY),S(o.clientX)},onMouseLeave:()=>{Q(void 0),S(void 0),V(void 0),q?.(void 0)},exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{opacity:I?m[n]===I?1:.3:1},whileInView:{opacity:I?m[n]===I?1:.3:1,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial",children:A.checkIfNullOrUndefined(t)?null:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(le.motion.circle,{cx:0,r:K,style:{fill:m[n],fillOpacity:.85,stroke:m[n],strokeWidth:1},exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{cy:k(0),opacity:0},whileInView:{cy:k(t||0),opacity:A.checkIfNullOrUndefined(t)?0:1,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial"}),E?i.jsxRuntimeExports.jsx(le.motion.text,{x:0,style:{textAnchor:"start",...d?.graphObjectValues||{}},className:i.mo("graph-value text-sm font-bold",A.checkIfNullOrUndefined(t)?"opacity-0":"opacity-100",p?.graphObjectValues),dx:K+3,dy:"0.33em",exit:{opacity:0,transition:{duration:y.duration}},variants:{initial:{y:k(0),opacity:0,fill:U||m[n]},whileInView:{y:k(t||0),fill:U||m[n],opacity:1,transition:{duration:y.duration}}},initial:"initial",animate:j?"whileInView":"initial",children:Te.numberFormattingFunction(t,"NA",u,B,re)}):null]})},n))]},a.label)),oe?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:oe.map((a,t)=>i.jsxRuntimeExports.jsx(Pe.RefLineY,{text:a.text,color:a.color,y:k(a.value),x1:0-w,x2:h+g.right,classNames:a.classNames,styles:a.styles,animate:y,isInView:j},t))}):null]}),M.filter(a=>a.position==="after").map(a=>a.layer)]})]}),W&&s&&b&&Z?i.jsxRuntimeExports.jsx($e.Tooltip,{data:W,body:s,xPos:b,yPos:Z,backgroundStyle:d?.tooltip,className:p?.tooltip}):null,v&&P!==void 0?i.jsxRuntimeExports.jsx(Ve.G,{open:P!==void 0,onClose:()=>{C(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof v=="string"?{__html:Ae.string2HTML(v,P)}:void 0,children:typeof v=="function"?v(P):null})}):null]})}function st(ye){const{data:l,graphTitle:m,colors:z=_e.Colors.light.categoricalColors.colors,sources:J,graphDescription:w,barPadding:ue=.25,showTicks:ee=!0,leftMargin:te=20,rightMargin:ce=20,topMargin:ie=20,bottomMargin:ae=25,truncateBy:K=999,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E=!1,radius:re=3,tooltip:B,showLabels:I=!0,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se="",prefix:ge="",maxValue:v,minValue:G,onSeriesMouseClick:fe,graphDownload:U=!1,dataDownload:d=!1,showValues:p=!0,sortParameter:D,arrowConnector:oe=!1,connectorStrokeWidth:y=2,language:u="en",minHeight:M=0,theme:Y="light",maxBarThickness:X,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h=!0,detailsOnClick:H,axisTitle:W,noOfTicks:Q=5,valueColor:P,styles:C,classNames:b,labelOrder:S,refValues:Z,filterNA:V=!0,animate:$=!1,precision:_=2,customLayers:k=[],showColorScale:f=!0,highlightedDataPoints:T=[],dimmedOpacity:a=.3,timeline:t={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},sortData:n}=ye,[o,de]=x.useState(0),[ke,Ee]=x.useState(0),[me,Ie]=x.useState(t.autoplay),c=Ke.sort(Je.uniqBy(l,"date",!0).map(e=>ve.parse(`${e}`,t.dateFormat||"yyyy",new Date).getTime()),(e,r)=>Qe.ascending(e,r)),[be,we]=x.useState(t.autoplay?0:c.length-1),[De,Se]=x.useState(void 0),he=x.useRef(null),Re=x.useRef(null);x.useEffect(()=>{const e=new ResizeObserver(r=>{de(s||r[0].target.clientWidth||620),Ee(N||r[0].target.clientHeight||480)});return he.current&&(Ee(he.current.clientHeight||480),de(he.current.clientWidth||620),s||e.observe(he.current)),()=>e.disconnect()},[s,N]),x.useEffect(()=>{const e=setInterval(()=>{we(r=>r<c.length-1?r+1:0)},(t.speed||2)*1e3);return me||clearInterval(e),()=>clearInterval(e)},[c,me,t.speed]);const Ce=Oe.getSliderMarks(c,be,t.showOnlyActiveDate,t.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${Y||"light"} flex  ${s?"w-fit grow-0":"w-full grow"}`,dir:u==="he"||u==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:i.mo(`${E?E===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${u||"en"}`,s?"w-fit":"w-full",b?.graphContainer),style:{...C?.graphContainer||{},...E&&E!==!0?{backgroundColor:E}:{}},id:ne,ref:Re,"aria-label":g||`${m?`The graph shows ${m}. `:""}This is a dumbbell chart that shows comparisons between two or more data points across categories. ${w?` ${w}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:E?F||"1rem":F||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[m||w||U||d?i.jsxRuntimeExports.jsx(Ue.GraphHeader,{styles:{title:C?.title,description:C?.description},classNames:{title:b?.title,description:b?.description},graphTitle:m,graphDescription:w,width:s,graphDownload:U?Re.current:void 0,dataDownload:d?l.map(e=>e.data).filter(e=>e!==void 0).length>0?l.map(e=>e.data).filter(e=>e!==void 0):l.filter(e=>e!==void 0):null}):null,t.enabled&&c.length>0&&Ce?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Ie(!me)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":me?"Click to pause animation":"Click to play animation",children:me?i.jsxRuntimeExports.jsx(Ne.Pause,{}):i.jsxRuntimeExports.jsx(Ne.Play,{})}),i.jsxRuntimeExports.jsx(Oe.xr,{min:c[0],max:c[c.length-1],marks:Ce,step:null,defaultValue:c[c.length-1],value:c[be],onChangeComplete:e=>{we(c.indexOf(e))},onChange:e=>{we(c.indexOf(e))},"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:l.length===0?i.jsxRuntimeExports.jsx(ze.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[f?i.jsxRuntimeExports.jsx(Xe.ColorLegendWithMouseOver,{width:s,colorDomain:xe,colors:z,colorLegendTitle:O,setSelectedColor:Se,showNAColor:!1}):null,i.jsxRuntimeExports.jsx("div",{className:"flex grow w-full justify-center leading-0",ref:he,"aria-label":"Graph area",children:(s||o)&&(N||ke)?i.jsxRuntimeExports.jsx(nt,{data:D!==void 0?D==="diff"?Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[e.x.length-1])||A.checkIfNullOrUndefined(e.x[0])?-1/0:e.x[e.x.length-1]-e.x[0],[n||"asc"]).filter((e,r)=>L?r<L:!0):Me.orderBy(je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>t.enabled?e.date===ve.format(new Date(c[be]),t.dateFormat||"yyyy"):e).filter(e=>V?!e.x.every(r=>r==null):e),e=>A.checkIfNullOrUndefined(e.x[D])?-1/0:e.x[D],[n||"asc"]).filter((e,r)=>L?r<L:!0):je.ensureCompleteDataForDumbbellChart(l,t.dateFormat||"yyyy").filter(e=>V?!e.x.every(r=>r==null):e).filter((e,r)=>L?r<L:!0),dotColors:z,width:s||o,height:Math.max(M,N||(R?M?(s||o)*R>M?(s||o)*R:M:(s||o)*R:ke)),radius:re,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,showLabels:I,showValues:p,tooltip:B,suffix:se,prefix:ge,onSeriesMouseOver:pe,maxValue:A.checkIfNullOrUndefined(v)?Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null))))<0?0:Math.max(...l.map(e=>Math.max(...e.x.filter(r=>r!==null)))):v,minValue:A.checkIfNullOrUndefined(G)?Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null))))>0?0:Math.min(...l.map(e=>Math.min(...e.x.filter(r=>r!==null)))):G,onSeriesMouseClick:fe,selectedColor:De,arrowConnector:oe,connectorStrokeWidth:y,maxBarThickness:X,minBarThickness:j,resetSelectionOnDoubleClick:h,detailsOnClick:H,axisTitle:W,noOfTicks:Q,valueColor:P,styles:C,classNames:b,labelOrder:S,refValues:Z,animate:$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},precision:_,customLayers:k,highlightedDataPoints:T,dimmedOpacity:a}):null})]})}),J||q?i.jsxRuntimeExports.jsx(Ye.GraphFooter,{styles:{footnote:C?.footnote,source:C?.source},classNames:{footnote:b?.footnote,source:b?.source},sources:J,footNote:q,width:s}):null]})})})})}function ot(ye){const{data:l,graphTitle:m,colors:z,sources:J,graphDescription:w,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E,radius:re,tooltip:B,showLabels:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se,prefix:ge,maxValue:v,minValue:G,onSeriesMouseClick:fe,graphDownload:U,dataDownload:d,showValues:p,sortParameter:D,arrowConnector:oe,connectorStrokeWidth:y,language:u,minHeight:M,theme:Y,maxBarThickness:X,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h,detailsOnClick:H,axisTitle:W,noOfTicks:Q,valueColor:P,orientation:C="vertical",styles:b,classNames:S,labelOrder:Z,refValues:V,filterNA:$,animate:_,precision:k,showColorScale:f,customLayers:T,highlightedDataPoints:a,dimmedOpacity:t,timeline:n,sortData:o}=ye;return C==="vertical"?i.jsxRuntimeExports.jsx(st,{data:l,graphTitle:m,colors:z,sources:J,graphDescription:w,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E,radius:re,tooltip:B,showLabels:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se,prefix:ge,maxValue:v,minValue:G,onSeriesMouseClick:fe,graphDownload:U,dataDownload:d,showValues:p,sortParameter:D,arrowConnector:oe,connectorStrokeWidth:y,language:u,minHeight:M,theme:Y,maxBarThickness:X,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h,styles:b,detailsOnClick:H,axisTitle:W,noOfTicks:Q,labelOrder:Z,valueColor:P,classNames:S,refValues:V,filterNA:$,animate:_,precision:k,showColorScale:f,customLayers:T,highlightedDataPoints:a,dimmedOpacity:t,timeline:n,sortData:o}):i.jsxRuntimeExports.jsx(rt,{data:l,graphTitle:m,colors:z,sources:J,graphDescription:w,barPadding:ue,showTicks:ee,leftMargin:te,rightMargin:ce,topMargin:ie,bottomMargin:ae,truncateBy:K,height:N,width:s,footNote:q,colorDomain:xe,colorLegendTitle:O,padding:F,backgroundColor:E,radius:re,tooltip:B,showLabels:I,relativeHeight:R,onSeriesMouseOver:pe,graphID:ne,suffix:se,prefix:ge,maxValue:v,minValue:G,onSeriesMouseClick:fe,graphDownload:U,dataDownload:d,showValues:p,sortParameter:D,arrowConnector:oe,connectorStrokeWidth:y,language:u,minHeight:M,theme:Y,maxBarThickness:X,maxNumberOfBars:L,minBarThickness:j,ariaLabel:g,resetSelectionOnDoubleClick:h,styles:b,detailsOnClick:H,axisTitle:W,noOfTicks:Q,valueColor:P,classNames:S,labelOrder:Z,refValues:V,filterNA:$,animate:_,precision:k,showColorScale:f,customLayers:T,highlightedDataPoints:a,dimmedOpacity:t,timeline:n,sortData:o})}exports.DumbbellChart=ot;
 //# sourceMappingURL=DumbbellChart.cjs.map

package/dist/DumbbellChart.js

@@ -1,36 +1,36 @@
-import { j as i, m as ke } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as i, m as ke } from "./index-CHPV5EwG-DBWUSD9b.js";
 import { useRef as Ce, useState as L, useEffect as De } from "react";
 import { p as Se, f as Ie } from "./parse-DlCRUFh_.js";
-import { g as Pe, x as Fe } from "./getSliderMarks-9cNoRkDx.js";
+import { g as Pe, x as Fe } from "./getSliderMarks-_pYOWEtO.js";
 import { o as Ve } from "./index-DvVprvy6.js";
 import { i as Be } from "./index-Bwrro8-q.js";
-import { X as We } from "./Modal-DVVwpKhP.js";
+import { G as We } from "./Modal-Cg8daIlV.js";
 import { n as Ae } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as He } from "./Tooltip-CVCGWyzw.js";
+import { T as He } from "./Tooltip-6LIdPQGC.js";
 import { c as F } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { s as Xe } from "./string2HTML-oFCROsus.js";
-import { X as rt } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { A as Ye } from "./AxisTitle-BmHLMRJZ.js";
-import { Y as lt } from "./YAxesLabels-DECkMgq8.js";
-import { Y as Ee } from "./YTicksAndGridLines-B6ah7CRf.js";
-import { a as nt, R as ot } from "./ReferenceLine-CfAW3vKJ.js";
-import { a as _e } from "./linear-DUdu7l2G.js";
-import { b as Ge } from "./band-BEjh2CHI.js";
-import { u as ze } from "./use-in-view-yS6jzJAp.js";
-import { m as se } from "./proxy-CkpFesk1.js";
-import { A as Re } from "./index-CNvov0eg.js";
+import { X as rt } from "./XTicksAndGridLines-DuydSnZ_.js";
+import { A as Ye } from "./AxisTitle-v6_xcXZ-.js";
+import { Y as lt } from "./YAxesLabels-DlDyLvhi.js";
+import { Y as Ee } from "./YTicksAndGridLines-7t4MKtGw.js";
+import { a as nt, R as ot } from "./ReferenceLine-CPMaAX0r.js";
+import { a as Ge } from "./linear-DUdu7l2G.js";
+import { b as _e } from "./band-BEjh2CHI.js";
+import { u as ze } from "./use-in-view-DR-UTB96.js";
+import { m as se } from "./proxy-BYIC9BuT.js";
+import { A as Re } from "./index-Cwgh7i7X.js";
 import { GraphHeader as qe } from "./GraphHeader.js";
 import { GraphFooter as Ue } from "./GraphFooter.js";
 import { ColorLegendWithMouseOver as Je } from "./ColorLegendWithMouseOver.js";
 import { Colors as Ke } from "./Colors.js";
-import { E as Qe } from "./EmptyState-DdTp-Mdn.js";
-import { P as Ze, f as et } from "./index-BmCqpO1B.js";
+import { E as Qe } from "./EmptyState-36lXXyui.js";
+import { P as Ze, f as et } from "./index-zZjQEHlm.js";
 import { b as ve } from "./ensureCompleteData-DlmibgaI.js";
 import { u as tt } from "./uniqBy-BHy4I8PK.js";
 import { s as it } from "./sort-DfK1b0F5.js";
 import { c as at } from "./init-BhZylTFx.js";
-import { A as st } from "./Axis-Ddg-seDi.js";
-import { X as ct } from "./XAxesLabels-loO78vUO.js";
+import { A as st } from "./Axis-4gUOL8B7.js";
+import { X as ct } from "./XAxesLabels-SOSmso5J.js";
 function dt(ye) {
   const {
     data: s,
@@ -61,9 +61,9 @@ function dt(ye) {
     minBarThickness: ne,
     resetSelectionOnDoubleClick: fe,
     detailsOnClick: b,
-    axisTitle: _,
+    axisTitle: G,
     noOfTicks: pe,
-    valueColor: G,
+    valueColor: _,
     styles: m,
     classNames: x,
     labelOrder: V,
@@ -78,14 +78,14 @@ function dt(ye) {
     once: c.once,
     amount: c.amount
   }), h = {
-    top: _ ? D + 25 : D,
+    top: G ? D + 25 : D,
     bottom: n,
     left: te,
     right: K
   }, Y = ie - h.left - h.right, E = ae - h.top - h.bottom, [Q, H] = L(void 0), [j, y] = L(void 0), [T, Z] = L(void 0), [S, P] = L(void 0), q = s.map((t, l) => ({
     ...t,
     id: V ? `${t.label}` : `${l}`
-  })), k = V || q.map((t) => `${t.id}`), f = _e().domain([re, C]).range([0, Y]).nice(), $ = Ge().domain(k).range([
+  })), k = V || q.map((t) => `${t.id}`), f = Ge().domain([re, C]).range([0, Y]).nice(), $ = _e().domain(k).range([
     0,
     ne ? Math.max(E, ne * q.length) : le ? Math.min(E, le * q.length) : E
   ]).paddingInner(w), a = f.ticks(pe);
@@ -148,7 +148,7 @@ function dt(ye) {
                 y: 0 - h.top + 15,
                 style: m?.xAxis?.title,
                 className: x?.xAxis?.title,
-                text: _
+                text: G
               }
             ),
             /* @__PURE__ */ i.jsx(
@@ -305,10 +305,10 @@ function dt(ye) {
                               ),
                               exit: { opacity: 0, transition: { duration: c.duration } },
                               variants: {
-                                initial: { x: f(0), opacity: 0, fill: G || u[o] },
+                                initial: { x: f(0), opacity: 0, fill: _ || u[o] },
                                 whileInView: {
                                   x: f(l || 0),
-                                  fill: G || u[o],
+                                  fill: _ || u[o],
                                   opacity: 1,
                                   transition: { duration: c.duration }
                                 }
@@ -408,9 +408,9 @@ function mt(ye) {
     suffix: ne = "",
     prefix: fe = "",
     maxValue: b,
-    minValue: _,
+    minValue: G,
     onSeriesMouseClick: pe,
-    graphDownload: G = !1,
+    graphDownload: _ = !1,
     dataDownload: m = !1,
     showValues: x = !0,
     sortParameter: V,
@@ -493,7 +493,7 @@ function mt(ye) {
               className: "flex grow",
               style: { padding: C ? W || "1rem" : W || 0 },
               children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                u || w || G || m ? /* @__PURE__ */ i.jsx(
+                u || w || _ || m ? /* @__PURE__ */ i.jsx(
                   qe,
                   {
                     styles: {
@@ -507,7 +507,7 @@ function mt(ye) {
                     graphTitle: u,
                     graphDescription: w,
                     width: n,
-                    graphDownload: G ? Oe.current : void 0,
+                    graphDownload: _ ? Oe.current : void 0,
                     dataDownload: m ? s.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? s.map((e) => e.data).filter((e) => e !== void 0) : s.filter((e) => e !== void 0) : null
                   }
                 ) : null,
@@ -617,11 +617,11 @@ function mt(ye) {
                           ) < 0 ? 0 : Math.max(
                             ...s.map((e) => Math.max(...e.x.filter((r) => r !== null)))
                           ) : b,
-                          minValue: F(_) ? Math.min(
+                          minValue: F(G) ? Math.min(
                             ...s.map((e) => Math.min(...e.x.filter((r) => r !== null)))
                           ) > 0 ? 0 : Math.min(
                             ...s.map((e) => Math.min(...e.x.filter((r) => r !== null)))
-                          ) : _,
+                          ) : G,
                           onSeriesMouseClick: pe,
                           selectedColor: $e,
                           arrowConnector: oe,
@@ -699,9 +699,9 @@ function ut(ye) {
     minBarThickness: ne,
     resetSelectionOnDoubleClick: fe,
     detailsOnClick: b,
-    axisTitle: _,
+    axisTitle: G,
     noOfTicks: pe,
-    valueColor: G,
+    valueColor: _,
     styles: m,
     classNames: x,
     labelOrder: V,
@@ -717,12 +717,12 @@ function ut(ye) {
   }), g = {
     top: ie,
     bottom: ae,
-    left: _ ? w + 30 : w,
+    left: G ? w + 30 : w,
     right: de
   }, h = ee - g.left - g.right, Y = te - g.top - g.bottom, [E, Q] = L(void 0), [H, j] = L(void 0), [y, T] = L(void 0), [Z, S] = L(void 0), P = s.map((a, t) => ({
     ...a,
     id: V ? `${a.label}` : `${t}`
-  })), q = V || P.map((a) => `${a.id}`), k = _e().domain([O, me]).range([Y, 0]).nice(), f = Ge().domain(q).range([
+  })), q = V || P.map((a) => `${a.id}`), k = Ge().domain([O, me]).range([Y, 0]).nice(), f = _e().domain(q).range([
     0,
     ne ? Math.max(h, ne * P.length) : le ? Math.min(h, le * P.length) : h
   ]).paddingInner(U), $ = k.ticks(pe);
@@ -813,7 +813,7 @@ function ut(ye) {
                 y: Y / 2,
                 style: m?.yAxis?.title,
                 className: x?.yAxis?.title,
-                text: _,
+                text: G,
                 rotate90: !0
               }
             ),
@@ -956,10 +956,10 @@ function ut(ye) {
                               dy: "0.33em",
                               exit: { opacity: 0, transition: { duration: p.duration } },
                               variants: {
-                                initial: { y: k(0), opacity: 0, fill: G || u[l] },
+                                initial: { y: k(0), opacity: 0, fill: _ || u[l] },
                                 whileInView: {
                                   y: k(t || 0),
-                                  fill: G || u[l],
+                                  fill: _ || u[l],
                                   opacity: 1,
                                   transition: { duration: p.duration }
                                 }
@@ -1058,9 +1058,9 @@ function ht(ye) {
     suffix: ne = "",
     prefix: fe = "",
     maxValue: b,
-    minValue: _,
+    minValue: G,
     onSeriesMouseClick: pe,
-    graphDownload: G = !1,
+    graphDownload: _ = !1,
     dataDownload: m = !1,
     showValues: x = !0,
     sortParameter: V,
@@ -1143,7 +1143,7 @@ function ht(ye) {
               className: "flex grow",
               style: { padding: C ? W || "1rem" : W || 0 },
               children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                u || w || G || m ? /* @__PURE__ */ i.jsx(
+                u || w || _ || m ? /* @__PURE__ */ i.jsx(
                   qe,
                   {
                     styles: {
@@ -1157,7 +1157,7 @@ function ht(ye) {
                     graphTitle: u,
                     graphDescription: w,
                     width: n,
-                    graphDownload: G ? Oe.current : void 0,
+                    graphDownload: _ ? Oe.current : void 0,
                     dataDownload: m ? s.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? s.map((e) => e.data).filter((e) => e !== void 0) : s.filter((e) => e !== void 0) : null
                   }
                 ) : null,
@@ -1267,11 +1267,11 @@ function ht(ye) {
                           ) < 0 ? 0 : Math.max(
                             ...s.map((e) => Math.max(...e.x.filter((r) => r !== null)))
                           ) : b,
-                          minValue: F(_) ? Math.min(
+                          minValue: F(G) ? Math.min(
                             ...s.map((e) => Math.min(...e.x.filter((r) => r !== null)))
                           ) > 0 ? 0 : Math.min(
                             ...s.map((e) => Math.min(...e.x.filter((r) => r !== null)))
-                          ) : _,
+                          ) : G,
                           onSeriesMouseClick: pe,
                           selectedColor: $e,
                           arrowConnector: oe,
@@ -1348,9 +1348,9 @@ function Rt(ye) {
     suffix: ne,
     prefix: fe,
     maxValue: b,
-    minValue: _,
+    minValue: G,
     onSeriesMouseClick: pe,
-    graphDownload: G,
+    graphDownload: _,
     dataDownload: m,
     showValues: x,
     sortParameter: V,
@@ -1414,9 +1414,9 @@ function Rt(ye) {
       suffix: ne,
       prefix: fe,
       maxValue: b,
-      minValue: _,
+      minValue: G,
       onSeriesMouseClick: pe,
-      graphDownload: G,
+      graphDownload: _,
       dataDownload: m,
       showValues: x,
       sortParameter: V,
@@ -1479,9 +1479,9 @@ function Rt(ye) {
       suffix: ne,
       prefix: fe,
       maxValue: b,
-      minValue: _,
+      minValue: G,
       onSeriesMouseClick: pe,
-      graphDownload: G,
+      graphDownload: _,
       dataDownload: m,
       showValues: x,
       sortParameter: V,

package/dist/{EmptyState-DdTp-Mdn.js → EmptyState-36lXXyui.js}

@@ -1,6 +1,6 @@
-import { j as r } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { u as e } from "./Typography-Ctgfl1J5.js";
-import { A as t } from "./index-BmCqpO1B.js";
+import { j as r } from "./index-CHPV5EwG-DBWUSD9b.js";
+import { u as e } from "./Typography-LmZ9LEpe.js";
+import { A as t } from "./index-zZjQEHlm.js";
 function s() {
   return /* @__PURE__ */ r.jsxs("div", { className: "flex w-full flex-col justify-center grow items-center gap-2 p-6", children: [
     /* @__PURE__ */ r.jsx(t, {}),
@@ -19,4 +19,4 @@ function s() {
 export {
   s as E
 };
-//# sourceMappingURL=EmptyState-DdTp-Mdn.js.map
+//# sourceMappingURL=EmptyState-36lXXyui.js.map

package/dist/{EmptyState-DdTp-Mdn.js.map → EmptyState-36lXXyui.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-DdTp-Mdn.js","sources":["../src/Components/Elements/EmptyState.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Alert } from '@/Components/Icons';\r\n\r\nexport function EmptyState() {\r\n  return (\r\n    <div className='flex w-full flex-col justify-center grow items-center gap-2 p-6'>\r\n      <Alert />\r\n      <P\r\n        marginBottom='none'\r\n        leading='none'\r\n        size='lg'\r\n        className='text-primary-gray-550 dark:text-primary-gray-550'\r\n      >\r\n        No data available\r\n      </P>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["EmptyState","jsxs","jsx","Alert","P"],"mappings":";;;AAIO,SAASA,IAAa;AAC3B,SACEC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAM;AAAA,IACPD,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACX,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}
+{"version":3,"file":"EmptyState-36lXXyui.js","sources":["../src/Components/Elements/EmptyState.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Alert } from '@/Components/Icons';\r\n\r\nexport function EmptyState() {\r\n  return (\r\n    <div className='flex w-full flex-col justify-center grow items-center gap-2 p-6'>\r\n      <Alert />\r\n      <P\r\n        marginBottom='none'\r\n        leading='none'\r\n        size='lg'\r\n        className='text-primary-gray-550 dark:text-primary-gray-550'\r\n      >\r\n        No data available\r\n      </P>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["EmptyState","jsxs","jsx","Alert","P"],"mappings":";;;AAIO,SAASA,IAAa;AAC3B,SACEC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAM;AAAA,IACPD,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACX,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}

package/dist/{EmptyState-d8_8SxeW.cjs → EmptyState-B8IpKGcL.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),t=require("./Typography-k-kOjICQ.cjs"),r=require("./index-BW_-wD2k.cjs");function s(){return e.jsxRuntimeExports.jsxs("div",{className:"flex w-full flex-col justify-center grow items-center gap-2 p-6",children:[e.jsxRuntimeExports.jsx(r.Alert,{}),e.jsxRuntimeExports.jsx(t.u,{marginBottom:"none",leading:"none",size:"lg",className:"text-primary-gray-550 dark:text-primary-gray-550",children:"No data available"})]})}exports.EmptyState=s;
-//# sourceMappingURL=EmptyState-d8_8SxeW.cjs.map
+"use strict";const e=require("./index-CHPV5EwG-DjM48pIC.cjs"),t=require("./Typography-BDULiwlF.cjs"),r=require("./index-C0bpbS4F.cjs");function s(){return e.jsxRuntimeExports.jsxs("div",{className:"flex w-full flex-col justify-center grow items-center gap-2 p-6",children:[e.jsxRuntimeExports.jsx(r.Alert,{}),e.jsxRuntimeExports.jsx(t.u,{marginBottom:"none",leading:"none",size:"lg",className:"text-primary-gray-550 dark:text-primary-gray-550",children:"No data available"})]})}exports.EmptyState=s;
+//# sourceMappingURL=EmptyState-B8IpKGcL.cjs.map

package/dist/{EmptyState-d8_8SxeW.cjs.map → EmptyState-B8IpKGcL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-d8_8SxeW.cjs","sources":["../src/Components/Elements/EmptyState.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Alert } from '@/Components/Icons';\r\n\r\nexport function EmptyState() {\r\n  return (\r\n    <div className='flex w-full flex-col justify-center grow items-center gap-2 p-6'>\r\n      <Alert />\r\n      <P\r\n        marginBottom='none'\r\n        leading='none'\r\n        size='lg'\r\n        className='text-primary-gray-550 dark:text-primary-gray-550'\r\n      >\r\n        No data available\r\n      </P>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["EmptyState","jsxs","jsx","Alert","P"],"mappings":"uIAIO,SAASA,GAAa,CAC3B,OACEC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,kEACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,EAAM,EACPD,EAAAA,kBAAAA,IAACE,EAAAA,EAAA,CACC,aAAa,OACb,QAAQ,OACR,KAAK,KACL,UAAU,mDACX,SAAA,mBAAA,CAAA,CAED,EACF,CAEJ"}
+{"version":3,"file":"EmptyState-B8IpKGcL.cjs","sources":["../src/Components/Elements/EmptyState.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Alert } from '@/Components/Icons';\r\n\r\nexport function EmptyState() {\r\n  return (\r\n    <div className='flex w-full flex-col justify-center grow items-center gap-2 p-6'>\r\n      <Alert />\r\n      <P\r\n        marginBottom='none'\r\n        leading='none'\r\n        size='lg'\r\n        className='text-primary-gray-550 dark:text-primary-gray-550'\r\n      >\r\n        No data available\r\n      </P>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["EmptyState","jsxs","jsx","Alert","P"],"mappings":"uIAIO,SAASA,GAAa,CAC3B,OACEC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,kEACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,EAAM,EACPD,EAAAA,kBAAAA,IAACE,EAAAA,EAAA,CACC,aAAa,OACb,QAAQ,OACR,KAAK,KACL,UAAU,mDACX,SAAA,mBAAA,CAAA,CAED,EACF,CAEJ"}

package/dist/ExcelDownloadButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),t=require("./index-BW_-wD2k.cjs"),u=require("./excelDownload-BQpsCa62.cjs");function w(o){const{buttonContent:n,buttonType:a="tertiary",csvData:l,fileName:s="data",headers:r,xlsxHeader:i,wscols:c,buttonSmall:x,className:d=""}=o;return e.jsxRuntimeExports.jsx(t.d,{variant:a,className:`${x?"p-2":"py-4 px-6"} ${d}`,onClick:()=>u.excelDownload(l,s,r,i,c),"aria-label":"Click to download the data as xlsx",children:n||e.jsxRuntimeExports.jsx(t.FileDown,{})})}exports.ExcelDownloadButton=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DjM48pIC.cjs"),t=require("./index-C0bpbS4F.cjs"),u=require("./excelDownload-BQpsCa62.cjs");function w(o){const{buttonContent:n,buttonType:a="tertiary",csvData:l,fileName:s="data",headers:r,xlsxHeader:i,wscols:c,buttonSmall:x,className:d=""}=o;return e.jsxRuntimeExports.jsx(t.d,{variant:a,className:`${x?"p-2":"py-4 px-6"} ${d}`,onClick:()=>u.excelDownload(l,s,r,i,c),"aria-label":"Click to download the data as xlsx",children:n||e.jsxRuntimeExports.jsx(t.FileDown,{})})}exports.ExcelDownloadButton=w;
 //# sourceMappingURL=ExcelDownloadButton.cjs.map

package/dist/ExcelDownloadButton.js

@@ -1,5 +1,5 @@
-import { j as a } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { d as m, e as d } from "./index-BmCqpO1B.js";
+import { j as a } from "./index-CHPV5EwG-DBWUSD9b.js";
+import { d as m, e as d } from "./index-zZjQEHlm.js";
 import { e as p } from "./excelDownload-BOA-lskf.js";
 function b(t) {
   const {

package/dist/FootNote.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DDoeWRVt.cjs"),i=require("./Typography-k-kOjICQ.cjs"),s=require("react");function a(n){const{text:e,style:r={},className:o}=n;return typeof e=="string"?e.trim()===""?null:t.jsxRuntimeExports.jsx(i.u,{size:"sm",marginBottom:"none",className:t.mo("text-primary-gray-550 dark:text-primary-gray-40",o),"aria-label":"Graph footnote",style:r,children:e}):s.isValidElement(e)?t.jsxRuntimeExports.jsx("div",{className:o,style:r,children:e}):(console.error("FootNote: Invalid text type. Expected string or React element."),null)}exports.FootNote=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DjM48pIC.cjs"),i=require("./Typography-BDULiwlF.cjs"),s=require("react");function a(n){const{text:e,style:r={},className:o}=n;return typeof e=="string"?e.trim()===""?null:t.jsxRuntimeExports.jsx(i.u,{size:"sm",marginBottom:"none",className:t.mo("text-primary-gray-550 dark:text-primary-gray-40",o),"aria-label":"Graph footnote",style:r,children:e}):s.isValidElement(e)?t.jsxRuntimeExports.jsx("div",{className:o,style:r,children:e}):(console.error("FootNote: Invalid text type. Expected string or React element."),null)}exports.FootNote=a;
 //# sourceMappingURL=FootNote.cjs.map

package/dist/FootNote.js

@@ -1,5 +1,5 @@
-import { j as o, m as n } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { u as a } from "./Typography-Ctgfl1J5.js";
+import { j as o, m as n } from "./index-CHPV5EwG-DBWUSD9b.js";
+import { u as a } from "./Typography-LmZ9LEpe.js";
 import m from "react";
 function u(i) {
   const { text: t, style: r = {}, className: e } = i;